.dwn-cta-ani1-24 {
    display: inline-block;
    position: absolute;
    margin: 0px 0 0 10px;
    pointer-events: none;
    height: 10px;
}

.dwn-ani-arr {
    background: url(https://www.manageengine.com/products/self-service-password/images/ssp-dwn-ic.png) no-repeat;
    background-size: 14px;
    -moz-animation: dwncta-bounce 3s infinite;
    -webkit-animation: dwncta-bounce 3s infinite;
    animation: dwncta-bounce 3s infinite;
    width: 14px;
    display: inline-block;
}

.dwn-ani-line {
    width: 14px;
    display: inline-block;
    background: #fff;
    height: 2px;
    margin: 19px 0 0 -14px;
    position: absolute;
}

#adRhsLnk {
    display: none !important
}

a[href]:hover {
    transition: .3s ease
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: "ZohoPuvi";
    font-weight: 300;
    color: #000
}

.as-cont {
    margin: 0 auto;
    position: relative;
    max-width: 1200px;
    width: 90%
}

.heading-menu {
    display: none
}

.topBanner {
    position: relative;
    background: #eef9ff;
    background: -moz-linear-gradient(180deg, rgba(238, 249, 255, 1) 0%, rgba(236, 243, 255, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(238, 249, 255, 1) 0%, rgba(236, 243, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(238, 249, 255, 1) 0%, rgba(236, 243, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eef9ff", endColorstr="#ecf3ff", GradientType=1)
}

.topBannerContent {
    padding: 30px 0 0;
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.topBannerContent h1 {
    font-size: 46px;
    line-height: 35px;
    color: #0864f0;
    font-weight: 600;
    text-align: center
}

.topBannerContent h1 span {
    font-size: 36px;
    line-height: 72px;
    color: #151a22;
    font-weight: 400;
    display: block
}

.topBannerFormWrapper {
    padding: 40px 0 75px;
    width: 640px;
    margin: 0 auto;
    text-align: center;
}

.misc-field {
    max-width: 580px
}

.dwn-cta-ani {
    width: 14px;
    height: 15px;
    border-bottom: 1.5px solid #fff;
    display: inline-block;
    position: absolute;
    margin: 3px 0 0 -24px;
    top: 11px;
    right: calc(50% - 81px);
    pointer-events: none
}

.dwn-cta-ani:before,
.dwn-cta-ani:after {
    content: '';
    position: absolute;
    -moz-animation: dwncta-bounce 3s infinite;
    -webkit-animation: dwncta-bounce 3s infinite;
    animation: dwncta-bounce 3s infinite
}

.dwn-cta-ani:before {
    height: 0;
    width: 0;
    border: none;
    border-top: 5px solid #fff;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    left: 2px;
    top: 5px
}

.dwn-cta-ani:after {
    width: 3px;
    height: 8px;
    background: #fff;
    display: inline-block;
    top: -3px;
    left: 5.2px
}

#allFeaDiv2 ul {
    width: 29.333%
}

#allFeaDiv2 ul:nth-child(2) {
    width: 40.333%;
}


@-moz-keyframes dwncta-bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

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

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

@-webkit-keyframes dwncta-bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

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

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

@keyframes dwncta-bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

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

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

/* .bot-dwn .as-cont div a.f-dwn-m{display:none} */
.bot-dwn {
    background: #ecf3ff;
    background: -moz-linear-gradient(0deg, rgba(236, 243, 255, 1) 0%, rgba(236, 243, 255, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(236, 243, 255, 1) 0%, rgba(236, 243, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(236, 243, 255, 1) 0%, rgba(236, 243, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecf3ff", endColorstr="#ecf3ff", GradientType=1);
    padding: 80px 0;
    text-align: center
}

.bot-dwn .as-cont div h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    background: #d9e7ff;
    display: inline-block;
    margin: 0;
    padding: 5px 14px;
    border-radius: 30px;
    letter-spacing: .5px
}

.bot-dwn .as-cont div p {
    font-size: 32px;
    font-weight: 500;
    line-height: 45px;
    margin: 0;
    padding: 22px 0 28px
}
@-webkit-keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    33% {
        opacity: 1
    }

    66% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    33% {
        opacity: 1
    }

    66% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fade-in2 {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes scale-in-bottom {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }
}

@keyframes scale-in-bottom {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }
}

@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }

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

@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }

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

.topBannerImgWrapper {
    display: inline-block;
    vertical-align: top;
    min-height: 430px;
    width: 100%;
    position: relative;
    top: 22px
}

.topBannerImgWrapper::before {
    content: "";
    height: 330px;
    width: 330px;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite1.png) no-repeat;
    background-size: 785px;
    background-position: -431px -331px;
    -webkit-animation: rotate-center 30s linear infinite both;
    animation: rotate-center 30s linear infinite both
}

.topBannerImgWrapper::after {
    content: "";
    height: 274px;
    width: 274px;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 30px;
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite1.png) no-repeat;
    background-size: 785px;
    background-position: -468px -11px
}

.sprite1 {
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite1.png) no-repeat;
    background-size: 835px
}

.sprite2 {
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite2.png) no-repeat;
    background-size: 380px
}

.topBannerIcons {
    height: 330px;
    width: 330px;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 30px;
    -webkit-animation: fade-in2 .6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 3.5s both;
    animation: fade-in2 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 3.5s both;
    z-index: 7;
}

.topBannerIcons span {
    position: absolute;
    height: 34px;
    width: 34px;
    -webkit-animation: fade-in 6s linear infinite alternate both;
    animation: fade-in 6s linear infinite alternate both;
    background-size: 725px
}

.topBannerIcons .icon1 {
    top: -10px;
    left: 54%;
    background-position: -307px -199px;
    animation-delay: 2s
}

.topBannerIcons .icon2 {
    top: 46%;
    left: -13px;
    background-position: -252px -199px;
    animation-delay: 4s
}

.topBannerIcons .icon3 {
    top: 91%;
    left: 60%;
    background-position: -350px -199px;
    animation-delay: 6s
}

.shield {
    height: 186px;
    width: 165px;
    position: absolute;
    top: 76px;
    right: 0;
    left: 180px;
    margin: auto;
    background-position: -236px 3px;
    z-index: 5;
    background-size: 725px;
}

.character {
    height: 420px;
    width: 271px;
    position: absolute;
    top: 20px;
    right: 60px;
    left: 0;
    margin: auto;
    background-position: 0 0;
    z-index: 8;
}

.topBannerIcons span.handShadow {
    position: absolute;
    z-index: 14;
    height: 76px;
    width: 125px;
    top: 0;
    left: 152px;
    right: 0;
    bottom: 48px;
    margin: auto;
    background-position: -3px -1398px;
    animation: none;
    background-size: 725px
}

.topBannerFeaturesWrapper {
    position: relative;
    width: 1015px;
    margin: 0 auto;
}

.topBannerFeaturesWrapper a {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    color: transparent;
}

.topBannerFeaturesCol {
    position: relative;
    display: inline-block;
    width: 370px
}

.tbfeaCol1 {
    float: left;
    text-align: right;
    right: 70px;
    top: 36px
}

.tbfeaCol2 {
    float: right;
    left: 70px;
    top: 36px
}

.tbfea2 {
    right: 25px
}

.tbfea3 {
    right: 10px
}

.tbfea5 {
    left: 25px
}

.tbfea6 {
    left: 10px
}

.topBannerFeatures {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    text-decoration: none;
    margin: 0 0 50px;
    display: block;
    position: relative;
    transition: .3s;
}

.topBannerFeatures:hover {
    scale: 1.03;
}

.topBannerFeaturesCol p {
    margin: 0;
    position: relative
}

.tbfeaIcon {
    position: relative;
    height: 42px;
    width: 42px;
    background-size: 325px;
    display: inline-block;
    background-position: -2px -361px;
    vertical-align: middle
}

.tbfea2 .tbfeaIcon {
    background-position: -47px -361px
}

.tbfea3 .tbfeaIcon {
    background-position: -92px -361px
}

.tbfea4 .tbfeaIcon {
    background-position: -136px -361px
}

.tbfea5 .tbfeaIcon {
    background-position: -182px -361px
}

.tbfea6 .tbfeaIcon {
    background-position: -228px -361px
}

.tbfeaCol2 .tbfeaIcon {
    margin-right: 10px
}

.tbfeaCol1 .tbfeaIcon {
    margin-left: 10px
}

.topBannerSubWrapper {
    background: #f5fcff;
    box-shadow: 0 0 5px #c9e2eec4;
    border-radius: 15px;
    margin: 0 53px;
    padding: 55px 90px 50px;
    position: relative;
    top: -13px;
    z-index: 9
}

.topBannerSubWrapper h2 {
    display: inline-block;
    color: #0a64f0;
    font-weight: 300;
    font-size: 24px;
    line-height: 42px;
    width: 100%;
    padding-right: 0;
    vertical-align: top;
    margin: 0;
    position: relative;
    z-index: 2;
    text-align: center;
    padding-bottom: 10px;
}

.topBannerSubWrapper h2 span {
    display: block;
    font-weight: 600;
    font-size: 34px;
    line-height: 42px;
    color: #000;
    padding-bottom: 8px;
}

.topBannerSubWrapper p {
    display: inline-block;
    font-size: 18px;
    line-height: 32px;
    width: 100%;
    vertical-align: top;
    margin: 0;
    color: #333;
    margin-top: 15px;
    text-align: center
}

.cta-dat-sheet {
    margin: 0 auto;
    display: table;
    color: #f73749;
    border: 2px solid #f73749;
    padding: 10px 30px;
    font-weight: 400;
    font-size: 16px;
    border-radius: 4px;
    margin-top: 28px;
    transition: all 0.5s ease;
    background: #f5fcff;
}

.cta-dat-sheet:hover {
    background: #f73749;
    color: #fff;
    text-decoration: none;
    padding: 10px 40px;
}

.topBannerSubWrapper::before {
    content: "";
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite1.png) no-repeat;
    background-size: 835px;
    height: 100px;
    width: 105px;
    background-position: -323px -473px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0
}

.customerLogosContainer {
    position: relative;
    margin: 78px 0 18px;
    text-align: center
}

.customerLogosContainer h2 {
    text-align: center;
    margin: 0 0 44px;
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
    color: #000;
    position: relative
}

.customerLogosContainer h2 span {
    font-weight: 300
}

.customerLogosContainer h2::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    right: 44%;
    margin: auto;
    height: 3px;
    width: 150px;
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite2.png) no-repeat;
    background-size: 380px;
    background-position: -233px -93px;
    transform: rotate(180deg)
}

.customerLogosContainer h2::after {
    content: "";
    position: absolute;
    top: 15px;
    right: 0;
    left: 44%;
    margin: auto;
    height: 3px;
    width: 150px;
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite2.png) no-repeat;
    background-size: 380px;
    background-position: -233px -93px
}

.customerLogosList {
    margin: 0 53px
}

.customerLogosList div {
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 34px;
    margin-right: 5%
}

.customerLogosList .lt {
    width: 123px;
    background-position: -4px -158px
}

.customerLogosList .ibm {
    width: 75px;
    background-position: -134px -160px
}

.customerLogosList .sym {
    width: 138px;
    background-position: -218px -156px
}

.customerLogosList .toshi {
    width: 123px;
    background-position: -245px -105px
}

.customerLogosList .cisco {
    width: 70px;
    background-position: -4px -208px;
    height: 37px
}

.customerLogosList .ebay {
    width: 70px;
    background-position: -77px -208px
}

.customerLogosList .comc {
    width: 102px;
    background-position: -154px -211px;
    height: 35px;
    margin-right: 0
}

.encompassContainer {
    position: relative;
    display: table;
    width: 100%
}

.encompassContainer h2 {
    text-align: center;
    font-size: 38px;
    line-height: 47px;
    font-weight: 500;
    margin: 0 0 50px
}

.encompassContainer h2 span {
    font-size: 32px;
    font-weight: 300;
    display: block
}

.encompassTabs {
    display: inline-block;
    width: calc(100%/3 - 42px);
    position: relative;
    padding: 40px 0;
    vertical-align: top;
    min-height: 250px;
    float: left;
    border: 1.25px solid #dee9f4;
    border-radius: 12px;
    margin-bottom: 20px
}

.encompassTabs:hover {
    border-color: #7fa4dc;
    box-shadow: 0 0 23px -5px rgba(147, 172, 189, .29)
}

.encompassTabs * {
    padding: 0 40px
}

.tabsBG {
    background: #fafcff
}

.encompassTabs h2 {
    font-size: 32px;
    line-height: 47px;
    font-weight: 500;
    padding: 0 0 0 21px;
    margin: 0;
    position: relative
}

.encompassTabs h2::before {
    content: "";
    position: absolute;
    height: 26px;
    width: 109px;
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite1.png) no-repeat;
    background-size: 835px;
    background-position: -307px -431px;
    top: 117%;
    left: 30px
}

.encompassTabs h2::after {
    content: "";
    position: absolute;
    height: 116px;
    width: 164px;
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite1.png) no-repeat;
    background-size: 835px;
    background-position: -282px -277px;
    right: 13%;
    top: 85%
}

.encompassTabs h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin: 0;
    color: #0864f0;
    padding-right: 53px
}

.encompassTabs p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin: 0;
    color: #333;
    margin: 20px 0 30px;
    position: relative;
    z-index: 1
}

.encompassTabs a {
    font-size: 15px;
    font-weight: 300;
    color: #0864f0;
    position: relative;
    padding: 10px 35px 10px 20px;
    margin-left: 40px;
    border: 1px solid #0864f0;
    transition: .3s;
    text-decoration: none;
    position: absolute;
    bottom: 40px;
    left: 0;
}

.encompassTabs a:hover {
    color: #fff;
    background: #0864f0
}

.encompassTabs a::before {
    content: "";
    position: absolute;
    height: 10px;
    width: 7px;
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite2.png) no-repeat;
    background-size: 380px;
    background-position: -96px -3px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 15%
}

.encompassTabs a:hover::before {
    background-position: -86px -3px
}

.encompassTabs .link-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    border: none;
    background: none;
    left: 0;
    top: 0;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.encompassTabs:hover .link-overlay {
    background: none;
    border: none
}

.encompassTabs .link-overlay:before {
    display: none
}

.encompassTabs:nth-of-type(2),
.encompassTabs:nth-of-type(5) {
    margin-left: 21px;
    margin-right: 21px
}

.encompassTabs:nth-of-type(1),
.encompassTabs:nth-of-type(4) {
    margin-left: 42px
}

.encompassTabs::before {
    content: "";
    position: absolute;
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite1.png) no-repeat;
    background-size: 835px;
    height: 110px;
    width: 160px;
    bottom: -1px;
    right: 0;
    background-position: -667px -989px;
    border-bottom-right-radius: 12px;
    z-index: 0;
    opacity: .3;
    transition: .3s
}

.encompassTabs:nth-of-type(2):before {
    background-position: -657px -1230px
}

.encompassTabs:nth-of-type(3):before {
    background-position: -653px -1350px;
    width: 180px
}

.encompassTabs:nth-of-type(4):before {
    background-position: -663px -1106px;
    bottom: 0;
    width: 165px
}

.encompassTabs:nth-of-type(5):before {
    background-position: -664px -1609px;
    bottom: 0
}

.encompassTabs:nth-of-type(6):before {
    background-position: -657px -1230px;
    bottom: 0;
    width: -642px -1474px
}

.encompassTabs:hover:before {
    opacity: .8
}

.workflowContainer {
    position: relative;
    padding-top: 70px
}

.workflowContainer h2 {
    font-size: 38px;
    line-height: 51px;
    margin: 0;
    font-weight: 500;
    text-align: center
}

.workflowContainer h3 {
    font-size: 32px;
    line-height: 51px;
    margin: 0;
    font-weight: 300;
    text-align: center
}

.workflowTabsWrapper {
    max-width: 990px;
    margin: 0 auto;
    display: table;
    margin-top: 50px;
    width: 100%;
    cursor: pointer
}

.workflowTabsLhsWrapper {
    float: left;
    width: 250px;
    position: relative;
    top: 50px;
    left: 20px
}

.workflowTabs {
    vertical-align: middle;
    position: relative;
    font-size: 16px;
    line-height: 22px;
    padding: 0 40px 0 85px;
    box-sizing: border-box;
    display: table;
    width: 100%;
    margin-bottom: 30px;
    min-height: 75px;
    transition: .3s ease
}

.workflowTabs.active {
    color: #fff;
    background: #266ff1;
    border-radius: 10px
}

.workflowTabs:not(.active):hover {
    border-radius: 10px;
    color: #256ef1
}

.workflowTabs.active:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid #256ef1;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    right: -8px;
    top: calc(50% - 8px)
}

.workflowTabs span {
    display: table-cell;
    vertical-align: middle
}

.workflowTabsLhsIcon {
    height: 45px;
    width: 45px;
    position: absolute;
    left: 24px;
    background-position: -3px -50px;
    top: calc(50% - 22.5px)
}

#sspr.active .workflowTabsLhsIcon {
    background-position: -3px -100px
}

#mfa .workflowTabsLhsIcon {
    background-position: -57px -51px
}

#mfa.active .workflowTabsLhsIcon {
    background-position: -56px -99px
}

#sso .workflowTabsLhsIcon {
    background-position: -108px -51px
}

#sso.active .workflowTabsLhsIcon {
    background-position: -109px -99px
}

.workflowTabsRhsWrapper {
    width: calc(100% - 250px);
    display: block;
    float: right;
    box-shadow: 0 0 20px rgba(180, 195, 217, .25);
    border-radius: 10px;
    text-align: center;
    padding: 20px;
    box-sizing: border-box
}

.ssprInnerTabsWrapper {
    display: inline-block;
    padding: 10px 0;
    position: relative
}

.ssprInnnerTab {
    display: inline-block;
    cursor: pointer
}

.ssprInnerTab {
    display: inline-block;
    padding: 0 16px;
    font-size: 14px;
    position: relative
}

.ssprInnerTab:hover {
    color: #256ef1
}

.ssprInnerTabsWrapper:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #d4e1f5;
    position: absolute;
    bottom: 0;
    left: 0
}

.ssprInnerIcon {
    width: 18px;
    height: 15px;
    background-position: -1px -1px;
    display: inline-block;
    position: relative;
    top: 4px;
    left: -4px
}

.ssprInnerTab:nth-of-type(1).active .ssprInnerIcon {
    background-position: -1px -23px
}

.ssprInnerTab:nth-of-type(2) .ssprInnerIcon {
    background-position: -26px 0
}

.ssprInnerTab:nth-of-type(2).active .ssprInnerIcon {
    background-position: -26px -23px
}

.ssprInnerTab:nth-of-type(3) .ssprInnerIcon {
    background-position: -45px -1px
}

.ssprInnerTab:nth-of-type(3).active .ssprInnerIcon {
    background-position: -45px -23px
}

.workflowGifWrapper img {
    display: none;
    width: 100%;
    max-width: 480px
}

.workflowGifWrapper .active {
    display: inline-block
}

.workflowGifWrapper {
    text-align: center;
    padding-top: 30px
}

.ssprInnerTab.active:before {
    content: "";
    height: 2px;
    width: 100%;
    left: 0;
    right: 0;
    background: #256ef1;
    position: absolute;
    bottom: -10.5px
}

.ssprInnerTab.active {
    color: #256ef1;
    font-weight: 500
}

.workflowDemoCta a {
    display: inline-block;
    border: 1px solid #ea2235;
    padding: 10px 43px 10px 75px;
    margin: 30px 0;
    color: #ea2235;
    font-weight: 400;
    position: relative;
    transition: .5s ease
}

.workflowDemoCta a:before {
    content: "";
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite2.png) no-repeat -108px -17px;
    background-size: 386px 480px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: calc(50% - 100px);
    top: 11px
}

.workflowDemoCta a:hover {
    text-decoration: none;
    box-shadow: 0 6px 10px #5c525247;
    background: #ea2635;
    color: #fff
}

.workflowDemoCta a:hover:before {
    background-position: -132px -17px
}

.pri-main {
    padding: 70px 0 20px;
    display: table;
    width: 100%
}

.pri-main h2 {
    font-size: 38px;
    font-weight: 500;
    text-align: center;
    line-height: 48px
}

.pri {
    float: left;
    width: 100%;
    margin-top: 20px;
    background: #fff;
    z-index: 5;
    position: relative
}

.pri-box {
    border: 1px solid #95bee4;
    float: left;
    width: calc(100% / 3 - 20px);
    padding: 40px;
    text-align: left;
    border-radius: 0;
    margin: 0 10px;
    transition: all .3s ease;
    box-sizing: border-box;
    position: relative;
    padding-top: 70px
}

.pri-box-1 {
    padding: 30px 30px 66px
}

.pri-box-1:hover .btn-fre {
    background: #0678dd;
    box-shadow: 0 14px 15px -11px rgba(0, 0, 0, 0.58);
    border: 1px solid #0678dd;
    color: #fff
}

.pri-box:hover .btn-sta-1 {
    background: #256ab4;
    box-shadow: 0 14px 15px -11px rgba(0, 0, 0, 0.58);
    border: 1px solid #266ab4;
    color: #fff
}

.pri-box-pro:hover .btn-sta-1 {
    background: #256ab4;
    box-shadow: 0 14px 15px -11px rgba(0, 0, 0, 0.58);
    border: 1px solid #266ab4;
    color: #fff
}

.pri-box-2 {
    padding-bottom: 35px
}

.pri-box p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 0;
    padding-top: 8px;
    text-align: left;
    line-height: 33px
}

.pri-box p.mfea {
    padding-top: 0;
    text-align: left;
    font-size: 14px;
    margin-top: 5px
}

.pri-box p b {
    font-size: 44px;
    font-weight: 600;
    line-height: 54px;
    color: #475061
}

.pri-box h4 {
    position: absolute;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    padding: 5px 29px 5px 20px;
    background: #eaf1fe;
    left: 0;
    top: 40px;
    letter-spacing: .5px
}

.pri-box ul {
    padding: 30px 0 0;
    border-top: 1px solid #dbdee2;
    margin-top: 40px
}

.pri-box ul li {
    text-align: left;
    font-size: 15px;
    line-height: 24px;
    padding-bottom: 15px;
    padding-left: 25px;
    position: relative
}

.pri-box ul li a {
    color: #256ab4
}

.pri-box ul li a:hover {
    text-decoration: underline
}

.pri .btn-fre {
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #000;
    color: #000;
    padding: 8px 70px;
    display: inline-block;
    margin-top: 25px
}

.pri .btn-sta-1 {
    font-size: 18px;
    font-weight: 400;
    border: 1px solid #000;
    color: #000;
    padding: 8px 80px;
    display: inline-block;
    margin-top: 25px;
    border-radius: 3px;
    position: relative;
    padding-left: 60px;
    transition: .2s ease-in
}

.pri .btn-sta-2 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    display: block;
    margin-top: 20px;
    transition: all .5s ease
}

.pri .btn-sta-2:hover {
    text-decoration: underline;
    color: #0a78dd
}

.pri .btn-pro-1 {
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #0a78dd;
    color: #fff;
    background: #0a78dd;
    padding: 8px 70px;
    display: inline-block;
    margin-top: 25px;
    border-radius: 3px
}

.pri-box-pro {
    background: #f4f8ff;
    border-color: #0864f0;
    box-shadow: 0 0 20px #d5dce8
}

.pri-box h4:before {
    content: "";
    width: 0;
    height: 0;
    border-right: 12px solid #fff;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    display: inline-block;
    right: 0;
    top: -4px
}

.pri-box p b .dollar {
    font-size: 30px;
    vertical-align: top;
    line-height: 32px
}

.pri-box p .domain {
    font-weight: 500
}

.pri .btn-sta-1:before {
    content: "";
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite2.png) no-repeat -67px -24px;
    background-size: 386px 480px;
    width: 14px;
    height: 12px;
    position: absolute;
    left: calc(50% + 65px);
    top: 15px;
    transition: .2s ease
}

.pri-box .tick-list li:Before {
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite2.png) no-repeat -88px -24px;
    background-size: 386px;
    width: 14px;
    height: 14px;
    content: "";
    position: absolute;
    left: 0;
    top: 5px
}

.pri-box-3 {
    padding: 0;
    border: 0
}

.pri-box-inner {
    border: 1px solid #95bee4;
    padding: 40px;
    padding-top: 63px;
    margin-bottom: 15px;
    position: relative;
    z-index: 1
}

.freeTagline {
    display: table;
    width: 100%;
    margin-top: 40px
}

.freeTagline span {
    font-size: 14px;
    font-weight: 300;
    line-height: 28px;
    color: #102336;
    display: inline-block;
    box-sizing: border-box;
    text-align: left
}

.freeTagline span:nth-of-type(1) {
    width: 100%;
    padding-right: 15px;
    position: relative
}

.freeTagline span:nth-of-type(2) {
    width: 100%;
    text-align: left;
    vertical-align: top;
    margin-top: 23px;
    font-weight: 600;
}

/*.freeTagline span:nth-of-type(1):before{content:"";position:absolute;right:1px;top:7%;width:1px;height:85%;background:#c8c3ad}*/
.pri-box-pro p b {
    color: #0864f0
}

.pri-box-pro h4 {
    background: #e3edff;
    color: #0864f0
}

.pri-box-pro h4:Before {
    border-right-color: #f4f8ff
}

.pri-box .ffw-form-container {
    font-family: "ZohoPuvi";
    max-width: 380px;
    width: 100%;
    padding: 25px 40px;
    position: relative;
    margin: auto;
    display: table;
    box-sizing: border-box;
    border: 1px solid #96bfe4;
    min-height: 490px;
}

.ffw-form {
    display: table-cell;
    vertical-align: middle
}

.pri-box .ffw-form-container .ffw-form h3 {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 27px;
    text-align: center;
    position: relative;
    z-index: 3
}

.pri-box .ffw-form-container .ffw-form form ul li {
    margin-bottom: 10px;
    position: relative;
    padding: 0;
    float: none;
    width: 100%;
    display: inline-block;
    background: #fff;
}

.pri-box .ffw-form-container .ffw-form form ul li input,
.pri-box .ffw-form-container .ffw-form form ul li select {
    height: 48px;
    line-height: 27px;
    background-color: #fafafa;
    border: #bdcce2 solid 1px;
    padding: 8px 10px 5px 40px;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #000;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 5px;
    box-sizing: border-box;
    transition: .3s ease-in;
    position: relative;
    z-index: 1;
}

.pri-box .ffw-form-container .ffw-form form ul li.ffw-ic-count select,
.pri-box .ffw-form-container .ffw-form.form-us form ul li.ffw-ic-count select {
    transition: none
}

.pri-box .ffw-form-container.ffw-white-field .ffw-form form ul li input,
.pri-box .ffw-form-container.ffw-white-field .ffw-form form ul li select {
    background: transparent;
}

.pri-box .ffw-form-container.ffw-white-field .ffw-ms,
.pri-box .ffw-form-container.ffw-white-field .ffw-ms .ffw-display-text {
    background: transparent;
}

.pri-box .ffw-form-container .ffw-field input:focus,
.pri-box .ffw-form-container .ffw-field input:focus-visible {
    outline: 0;
    border-color: #527be6
}

.pri-box .ffw-form-container .ffw-form form ul li select:focus-visible {
    outline: 0
}

.pri-box .ffw-form-container .ffw-form form ul li input[type=submit],
.pri-box .ffw-form-container .ffw-form form ul li select[type=submit] {
    cursor: pointer;
    background-color: #db232c;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    border-width: 0;
    padding: 10px;
    transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    height: auto;
    margin-bottom: 10px
}

.pri-box .ffw-form-container .ffw-form form ul li input[type=submit]:hover,
.pri-box .ffw-form-container .ffw-form form ul li select[type=submit]:hover {
    background: #b90a13
}

.pri-box .ffw-form-container .ffw-form form ul li input::-webkit-input-placeholder {
    color: #757575
}

.pri-box .ffw-form-container .ffw-form form ul li input:-ms-input-placeholder {
    color: #757575
}

.pri-box .ffw-form-container .ffw-form form ul li input::placeholder {
    color: #757575
}

.pri-box .ffw-form-container .ffw-form form ul li .ffw-errmsg {
    display: none;
    position: relative;
    color: red;
    padding: 5px 0 0;
    font-size: 11px;
    line-height: 10px
}

.pri-box .ffw-form-container .ffw-form form ul li #meGDPRMessage,
.pri-box .ffw-form-container .ffw-form form ul li #meGDPRMessage label,
.pri-box .ffw-form-container .ffw-form form ul li .ffw-privacy {
    font-size: 11px;
    color: #666;
    line-height: 18px;
    margin-top: 14px;
    font-weight: 300;
    opacity: 1;
    width: 100%
}

.pri-box .ffw-form-container .ffw-form form ul li #meGDPRMessage label {
    color: #666;
    font-weight: 300
}

.pri-box .ffw-form-container .ffw-form form ul li #meGDPRMessage label>b,
.pri-box .ffw-form-container .ffw-form form ul li #meGDPRMessage>b,
.pri-box .ffw-form-container .ffw-form form ul li .ffw-privacy>b {
    font-weight: 300;
    font-size: 10px
}

.pri-box .ffw-form-container .ffw-form form ul li #meGDPRMessage label>a,
.pri-box .ffw-form-container .ffw-form form ul li #meGDPRMessage>a,
.pri-box .ffw-form-container .ffw-form form ul li .ffw-privacy a {
    color: inherit;
    text-decoration: underline
}

.pri-box .ffw-form-container .ffw-form form ul li #meGDPRMessage {
    margin: 10px 0
}

.pri-box .ffw-form-container .ffw-form form ul li:last-child {
    margin-top: 15px;
    margin-bottom: 0
}

.pri-box .ffw-form-container .ffw-form form ul li:last-child::before {
    display: none
}

.pri-box .ffw-form-container .ffw-form form ul li.ffw-ic::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 13px;
    left: 10px;
    width: 20px;
    height: 20px;
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite2.png) no-repeat -129px 4px;
    background-size: 386px;
    z-index: 0;
}

.pri-box .ffw-form-container.ffw-icon-black .ffw-form form ul li.ffw-ic::before {
    content: "";
    background: url(../images/ffw-form-icons-sprite-black.png) no-repeat 0 0;
    background-size: 44px 297px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 5px;
    left: 0;
    width: 40px;
    height: 30px;
    background-position: 0 0
}

.pri-box .ffw-form-container.ffw-icon-black .ffw-form form ul li.ffw-ic-name::before {
    background-position: -1px -7px
}

.pri-box .ffw-form-container.ffw-icon-black .ffw-form form ul li.ffw-ic-mail::before {
    background-position: -1px -37px
}

.pri-box .ffw-form-container.ffw-icon-black .ffw-form form ul li.ffw-ic-company::before {
    background-position: 0 -145px;
    height: 32px
}

.pri-box .ffw-form-container.ffw-icon-black .ffw-form form ul li.ffw-ic-phone::before {
    background-position: 0 -70px
}

.pri-box .ffw-form-container.ffw-icon-black .ffw-form form ul li.ffw-ic-count::before {
    background-position: 0 -107px
}

.pri-box .ffw-form-container.ffw-icon-black .ffw-form form ul li.ffw-ic-date::before {
    background-position: 0 -184px
}

.pri-box .ffw-form-container.ffw-icon-blue .ffw-form form ul li.ffw-ic::before {
    content: "";
    background: url(../images/ffw-form-icons-sprite-blue.png) no-repeat 0 0;
    background-size: 44px 297px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 5px;
    left: 0;
    width: 40px;
    height: 30px;
    background-position: 0 0
}

.pri-box .ffw-form-container.ffw-icon-blue .ffw-form form ul li.ffw-ic-name::before {
    background-position: -1px -7px
}

.pri-box .ffw-form-container.ffw-icon-blue .ffw-form form ul li.ffw-ic-mail::before {
    background-position: -1px -37px
}

.pri-box .ffw-form-container.ffw-icon-blue .ffw-form form ul li.ffw-ic-company::before {
    background-position: 0 -145px;
    height: 32px
}

.pri-box .ffw-form-container.ffw-icon-blue .ffw-form form ul li.ffw-ic-phone::before {
    background-position: 0 -70px
}

.pri-box .ffw-form-container.ffw-icon-blue .ffw-form form ul li.ffw-ic-count::before {
    background-position: 0 -107px
}

.pri-box .ffw-form-container.ffw-icon-blue .ffw-form form ul li.ffw-ic-date::before {
    background-position: 0 -184px
}

.pri-box .ffw-form-container.ffw-icon-blue-2 .ffw-form form ul li.ffw-ic::before {
    content: "";
    background: url(../images/ffw-form-icons-sprite-blue-2.png) no-repeat 0 0;
    background-size: 44px 297px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 5px;
    left: 0;
    width: 40px;
    height: 30px;
    background-position: 0 0
}

.pri-box .ffw-form-container.ffw-icon-blue-2 .ffw-form form ul li.ffw-ic-name::before {
    background-position: -1px -7px
}

.pri-box .ffw-form-container.ffw-icon-blue-2 .ffw-form form ul li.ffw-ic-mail::before {
    background-position: -1px -37px
}

.pri-box .ffw-form-container.ffw-icon-blue-2 .ffw-form form ul li.ffw-ic-company::before {
    background-position: 0 -145px;
    height: 32px
}

.pri-box .ffw-form-container.ffw-icon-blue-2 .ffw-form form ul li.ffw-ic-phone::before {
    background-position: 0 -70px
}

.pri-box .ffw-form-container.ffw-icon-blue-2 .ffw-form form ul li.ffw-ic-count::before {
    background-position: 0 -107px
}

.pri-box .ffw-form-container.ffw-icon-blue-2 .ffw-form form ul li.ffw-ic-date::before {
    background-position: 0 -184px
}

.pri-box .ffw-form-container .ffw-form form ul li.ffw-ic-name::before {
    background-position: -82px 1px
}

.pri-box .ffw-form-container .ffw-form form ul li.ffw-ic-mail::before {
    background-position: -129px 4px
}

.pri-box .ffw-form-container .ffw-form form ul li.ffw-ic-edition::before {
    background-position: -147px 4px
}

.pri-box .ffw-form-container .ffw-form form ul li.ffw-ic-company::before {
    background-position: 0 -145px;
    height: 32px
}

.pri-box .ffw-form-container .ffw-form form ul li.ffw-ic-phone::before {
    background-position: -130px 0
}

.pri-box .ffw-form-container .ffw-form form ul li.ffw-ic-count::before {
    background-position: -166px 4px;
    left: 12px
}

.pri-box .ffw-form-container .ffw-form form ul li.ffw-ic-date::before {
    background-position: -176px 0
}

.pri-box .ffw-form-container .ffw-form.form-us form ul li.ffw-ic-count select {
    width: 50%;
    display: inline-block;
    border: none
}

.pri-box .ffw-form-container .ffw-form.form-us form ul li select#country_state,
.pri-box .ffw-form-container .ffw-form.form-us form ul li select#ukcountry_region {
    padding-left: 10px
}

.pri-box .ffw-form-container .ffw-form-fields {
    padding-left: 0;
    margin: 0;
    border: none
}

.pri-box .ffw-form-container .ffw-form strong {
    font-weight: 500
}

.pri-box .ffw-form-container .ffw-hide {
    display: none
}

.pri-box .ffw-form-container .ffw-form form ul li.ffw-ic-count select,
.pri-box .ffw-form-container .ffw-form.form-us form ul li.ffw-ic-count select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #5a5a5a 50%), linear-gradient(135deg, #5a5a5a 50%, transparent 50%), linear-gradient(to right, #fff0, #fff0);
    background-position: calc(100% - 16px) calc(1em + 9px), calc(100% - 11px) calc(1em + 9px), calc(100% - 2.5em) .5em;
    background-size: 6px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat
}

.pri-box .ffw-form-container .ffw-form p {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
    padding-top: 0
}

.pri-box .ffw-form-container .ffw-form h2 {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
    color: #000;
    margin: AUTO;
    margin-bottom: 0
}

.pri-box .ffw-form-container .ffw-form.form-us form ul li.ffw-ic-count {
    border: #e0e0e0 solid 1px;
    background: #fff;
    border-radius: 3px;
    position: relative
}

.pri-box .ffw-form-container .ffw-form.form-us form ul li.ffw-ic-count:after {
    content: '';
    width: 1px;
    height: 60%;
    background: #e0e0e0;
    position: absolute;
    left: 49%;
    right: auto;
    top: 20%
}

.pri-box .ffw-form-container .ffw-field .palceholder {
    position: absolute;
    top: 12px;
    left: 42px;
    transition: .2s linear
}

.pri-box .ffw-form-container .ffw-field label {
    font-weight: 300;
    color: #9d9c9c;
    font-size: 14px
}

.pri-box .ffw-form-container .ffw-field .star {
    color: #646464;
    font-size: 12px;
    position: relative
}

.pri-box .ffw-form-container .ffw-field .palceholder.focused {
    top: -10px;
    padding: 0 5px;
    left: 7px;
    background: #fff;
    line-height: initial;
    z-index: 2;
}

.pri-box .ffw-form-container .ffw-field .palceholder.focused:before {
    content: "";
    width: 100%;
    height: 50%;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -2px
}

.pri-box .ffw-form-container .ffw-field .focused label {
    font-size: 10px;
    line-height: 10px;
    z-index: 1;
    position: relative;
    color: #216af3
}

.pri-box .ffw-form-container .ffw-field .palceholder .star {
    color: red
}

.pri-box .ffw-form-container .ffw-form form ul li .demo-check {
    display: inline-block !important;
    width: 14px !important;
    float: left;
    margin-right: 6px;
    width: 12px;
    height: 14px;
    margin-left: 0;
    padding-left: 0;
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    margin-top: 5px
}

.pri-box .ffw-form-container .ffw-form form ul .demo-checkbox:before {
    display: none
}

.pri-box .ffw-form-container label {
    cursor: pointer
}

.pri-box .ffw-form-container .demo-checkbox label {
    font-size: 14px;
    padding-left: 5px;
    margin-top: 1px;
    display: inline-block
}

.pri-box .ffw-form-container .ffw-form-thanks-msg {
    display: none
}

.pri-box .ffw-form-container.ffw-form-success .ffw-form {
    display: none
}

.pri-box .ffw-form-container.ffw-form-success .ffw-form-thanks-msg {
    display: block;
    text-align: center
}

.pri-box .ffw-form-container.ffw-form-success .ffw-form-thanks-msg p {
    text-align: center
}

.pri-box .ffw-form-container.ffw-form-success .ffw-form-thanks-msg h3 {
    font-size: 28px;
    line-height: 40px;
    font-weight: 500
}

.pri-box .ffw-form-success:after {
    display: none
}

.pri-box #scroll ul {
    padding: 0;
    list-style: none
}

.pri-box .form-side {
    position: absolute;
    top: -72px;
    right: -5px
}

.pri-box .misc-field textarea {
    display: none
}

.pri-box .ffw-form-container .ffw-form form ul li:last-child input {
    width: 49%;
    float: left;
    cursor: pointer;
    background-color: #db232c;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    border-width: 0;
    padding: 10px;
    transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    height: auto;
    margin-bottom: 10px
}

.pri-box .ffw-form-container .ffw-form form ul li:last-child input:nth-of-type(1) {
    margin-right: 2%;
    background: #d4e6fe;
    color: #000
}

.pri-box .ffw-form-container .ffw-form form ul li:last-child input:nth-of-type(1):hover {
    background: #bad0f1
}

.pri-box:nth-of-type(1),
.pri-box:nth-of-type(2) {
    min-height: 1042px
}

.pri .btn-sta-1:hover {
    text-decoration: none
}

.pri-box:hover .btn-sta-1:before {
    filter: invert(1);
    left: calc(50% + 70px)
}

.pri-box strong {
    font-weight: 500
}

.testimonialSection {
    padding-top: 50px;
    padding-bottom: 50px
}

.testimonialSection h2 {
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    font-weight: 500;
    color: #102336;
    margin-bottom: 55px
}

.testimonial-box {
    background: #fff;
    display: table;
    width: 100%;
    box-shadow: 0 0 15px #d2ddf19c;
    border-radius: 20px;
    position: relative;
    margin: auto;
    margin-bottom: 50px;
    box-sizing: border-box;
    border: 1px solid #d2ddf1;
    max-width: 925px
}

.testi-lhs {
    width: 41%;
    float: left;
    display: table-cell;
    position: relative;
    background: #f7faff;
    background-size: 861px 2326px;
    height: 100%;
    text-align: center;
    padding: 43px 20px 50px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    box-sizing: border-box;
    min-height: 350px
}

.testi-rhs {
    float: left;
    width: 59%;
    padding: 71px 50px 20px 55px;
    position: relative;
    box-sizing: border-box;
    text-align: left
}

.testi-lhs p {
    font-size: 19px;
    line-height: 30px;
    color: #000;
    font-weight: 300;
    position: relative;
    padding-top: 66px
}

.testi-lhs .big-font {
    font-size: 36px;
    font-weight: 500;
    line-height: 46px;
    display: block;
    color: #0864f0;
    margin-top: 8px
}

.testi-lhs .text-3 .big-font {
    margin-top: 0;
    margin-bottom: 8px
}

.testi-lhs .text-3 p {
    font-size: 20px
}

.testimonial_slider p {
    font-size: 15px;
    line-height: 28px;
    font-weight: 300;
    margin: 0
}

.testimonial_slider p.cus-name {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #000;
    margin-top: 24px
}

.testimonial_slider .cus-desg {
    font-size: 16px
}

.testimonial_slider ul li {
    float: left;
    min-height: 186px
}

.testimonial_slider .dots {
    margin: 0 !important;
    position: absolute;
    left: 53px;
    right: 0;
    bottom: -64px;
    list-style: none;
    width: auto;
    display: table;
    margin: auto;
    background: #fff;
    padding: 3px 2px;
    box-sizing: border-box;
    border-radius: 20px;
    z-index: 2
}

.testimonial_slider .dots li {
    -moz-transition: background .5s, opacity .5s;
    -webkit-transition: background .5s, opacity .5s;
    background: #d1e3fa;
    border: 1px solid #fff;
    border-radius: 8px;
    cursor: pointer;
    float: left;
    height: 10px;
    list-style: none;
    margin: 0 4px;
    padding: 0;
    text-indent: -999em;
    transition: background .5s, opacity .5s;
    width: 10px
}

.testimonial_slider .dots li.active {
    background: #324c72;
    opacity: 1
}

.testimonial-rhs {
    position: relative
}

.testi-rhs:after {
    content: "";
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite1.png) no-repeat -5px -490px;
    background-size: 859px;
    width: 119px;
    height: 103px;
    position: absolute;
    right: 30px;
    bottom: 30px
}

.testimonial_slider .strong {
    font-weight: 500
}

.testi-lhs p:before {
    content: "";
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite2.png) no-repeat -320px 0;
    background-size: 386px 480px;
    width: 55px;
    height: 48px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0
}

.testimonial_slider {
    color: #000;
    text-align: left;
    position: initial;
    font-family: "Zohopuvi"
}

.testi-rhs:before {
    content: ""
}

.company-list {
    display: table;
    width: 100%;
    max-width: 940px;
    margin: auto;
    padding-top: 55px
}

.company {
    width: 18%;
    float: left;
    max-width: 136px;
    background: #f8f6ff;
    margin: 10px;
    box-sizing: border-box;
    padding: 20px 10px;
    border-radius: 5px;
    border: 1px solid;
    border-color: #eee9ff;
    padding-bottom: 7px;
    text-align: center
}

.comp-logo {
    display: inline-block;
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite2.png) no-repeat -4px -280px;
    background-size: 386px 480px;
    width: 106px;
    height: 62px;
    margin-bottom: 10px;
    position: relative
}

.gartner .comp-logo {
    top: 5px
}

span.by {
    font-size: 10px;
    font-weight: 400
}

.rating-no {
    font-size: 16px;
    line-height: 26px
}

.g2 .comp-logo {
    background-position: -125px -275px;
    width: 80px;
    position: relative
}

.capterra .comp-logo {
    background-position: -225px -274px;
    width: 92px
}

.g2 {
    background: #fff2f1;
    border-color: #ffe6e4
}

.capterra {
    background: #f0f9ff;
    border-color: #d7efff
}

.sf-advice {
    background: #fff0e2;
    border-color: #ffe7d1
}

.sf-advice .comp-logo {
    background-position: -274px -206px;
    width: 107px
}

.getapp {
    background: #f6fff1;
    border-color: #dcf1d1
}

.getapp .comp-logo {
    width: 80px;
    background-position: -10px -358px
}

.tr {
    background: #f2f7ff;
    border-color: #d6efff
}

.tr .comp-logo {
    background-position: -118px -352px;
    width: 80px;
    top: -5px
}

.mobileDownloadWrapper {
    display: block;
    max-width: 925px;
    margin: auto;
    margin-top: 50px;
    background: #0864f0;
    border-radius: 12px;
    color: #fff;
    position: relative;
    padding: 28px 90px 30px 55px;
    box-sizing: border-box
}

.mobileDownloadWrapper h2 {
    font-size: 28px;
    line-height: 38px;
    margin: 0;
    font-weight: 500
}

.mobileDownloadLhs {
    width: calc(100% - 190px);
    display: inline-block;
    padding-right: 140px;
    box-sizing: border-box
}

.mobileDownloadRhs {
    display: inline-block;
    width: 190px;
    float: right
}

.mobileDownloadRhs a {
    display: inline-block;
    width: 180px;
    background-position: -192px -2px;
    height: 55px;
    border: 1px solid #2e75fe;
    margin-bottom: 20px;
    border-radius: 10px;
    position: relative;
    cursor: pointer
}

.mobileDownloadRhs a:before {
    content: "";
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite2.png) no-repeat -192px -2px;
    background-size: 386px;
    width: 118px;
    height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 14px
}

.mobileDownloadRhs .playstore:before {
    width: 132px;
    height: 32px;
    background-position: -245px -55px
}

.mobileDownloadRhs a:hover {
    background: #0647c3
}

.mobileDownloadWrapper:after {
    content: "";
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite2.png) no-repeat -164px -40px;
    background-size: 386px;
    width: 71px;
    height: 108px;
    position: absolute;
    right: 0;
    bottom: 0
}

.btn-mob-bann,
#scroll,
#adsspcutomerlogos {
    display: none
}

.scrolling-tab-section {
    padding-top: 70px
}

.scrolling-tab-section h2 {
    text-align: center;
    margin: 0;
    font-size: 38px;
    line-height: 48px;
    font-weight: 500
}

.scrolling-tab-section h2 span {
    display: block;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit
}

.tab-cards {
    text-align: center;
    display: block;
    padding-top: 35px
}

.tab-cards.sticky {
    position: relative;
    top: 0;
    background: #fff;
    z-index: 1
}

.tab-cards ul {
    display: inline-block
}

.tab-cards li {
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    padding: 6px 20px;
    border: 1px solid #000;
    border-radius: 10px;
    margin: 6px;
    cursor: pointer;
    transition: .3s ease
}

.tab-cards li.active {
    color: #1a73e8;
    border-color: #1a73e8;
    font-weight: 500
}

.tab-cards li:not(.active):hover {
    background: #ecf4ff75;
    border-color: #5b95f4
}

.tab-content-container {
    display: block;
    width: 100%
}

.tab-content {
    display: none;
    box-sizing: border-box;
    padding: 60px 115px 60px 80px;
    box-shadow: 0 0 15px #dbe8fd;
    border-radius: 30px;
    border: 1px solid #dbe8fd;
    margin-top: 50px;
    background: #fff
}

.d-table {
    display: table;
    width: 100%
}

.tab-content.sticky {
    position: relative;
    top: 0;
    background: #fff
}

.tab-content.active {
    display: block
}

.tab-cont-text {
    display: table-cell;
    width: calc(100% - 365px);
    padding-right: 145px;
    box-sizing: border-box;
    vertical-align: middle
}

.tab-cont-text h3 {
    font-size: 26px;
    font-weight: 500;
    color: #102336;
    margin: 0;
    padding-bottom: 20px;
    line-height: 36px
}

.tab-cont-text p {
    margin: 0;
    font-size: 16px;
    line-height: 25px;
    color: #333
}

.tab-tick-list li {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 13px;
    position: relative;
    padding-left: 30px
}

.tab-tick-list li a {
    text-decoration: underline;
    color: #333;
    font-size: inherit;
    line-height: inherit
}

.tab-tick-list li a:hover {
    color: #0062ff
}

.tab-tick-list {
    padding-top: 30px
}

.tab-tick-list li:before {
    content: "";
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite1.png) no-repeat -294px -562px;
    background-size: 860px 1790px;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 4px;
    top: 7px
}

.tab-cont-img {
    width: 365px;
    display: table-cell;
    vertical-align: middle
}

.main-img {
    width: 374px;
    height: 379px;
    background-position: 3px -601px;
    position: relative
}

.tab-points {
    position: absolute;
    width: initial;
    max-width: 170px;
    background: #fff;
    box-shadow: 0 0 10px #dfe3e8;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 10px 8px 50px;
    box-sizing: border-box;
    border-radius: 50px;
    transition: .3s ease;
    color: #203a51;
    font-weight: 400;
    cursor: default
}

.tab-points:before {
    content: "";
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite1.png) no-repeat -165px -523px;
    background-size: 859px;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 11px;
    top: 10px
}

.t1 .tb-1 {
    top: 77px;
    right: -66px;
    margin: auto;
}

.t1 .tb-1:before {
    background-position: -130px -486px;
    left: 20px;
    top: 11px;
    width: 28px
}

.t1 .tb-2 {
    bottom: 29px;
    left: -20px;
}

.t1 .tb-2:before {
    background-position: -162px -490px;
    top: 15px;
    left: 17px
}

.t1 .tb-3 {
    right: -40px;
    bottom: -10px
}

.t1 .tb-3:before {
    background-position: -195px -490px;
    width: 17px;
    left: 22px;
    top: 13px
}

.t1 .tb-4 {
    top: 20px;
    left: -10px;
}

.t1 .tb-4:before {
    background-position: -160px -1624px;
    width: 23px;
    height: 23px;
    left: 19px;
    top: 13px;
    background-size: 836px;
}

.main-img:before {
    content: "";
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite1.png) no-repeat -324px -1066px;
    background-size: 859px;
    width: 300px;
    height: 303px;
    position: absolute;
    left: 52px;
    top: 50px
}

.t2 .main-img::before {
    background-position: -324px -1355px;
    left: 12px;
    width: 320px;
    height: 320px
}

.t2 .tb-1 {
    max-width: 126px;
    margin: 0;
    top: 38px;
    left: -50px
}

.t2 .tb-2 {
    bottom: 40px
}

.t2 .tb-3 {
    top: -18px;
    right: -28px;
    max-width: 187px;
}

.t2 .tb-4 {
    bottom: -17px;
    right: -50px;
    max-width: 200px
}

.t2 .tb-1:before {
    background-position: -221px -487px;
    width: 24px
}

.t2 .tb-2:before {
    background-position: -133px -490px;
    top: 6px;
    width: 24px;
    left: 24px
}

.t2 .tb-3:before {
    background-position: -125px -562px;
    width: 33px;
    left: 10px;
    top: 9px
}

.t2 .tb-4:before {
    background-position: -158px -560px
}

.t3 .main-img:before {
    background-position: -10px -1008px;
    top: 28px;
    height: 320px
}

.t3 .tb-1 {
    margin: 0;
    top: 75px;
    left: auto;
    right: -78px
}

.t3 .tb-2 {
    left: auto;
    right: -40px;
    bottom: -20px
}

.t3 .tb-3 {
    right: auto;
    left: -50px;
    bottom: -20px
}

.t3 .tb-4 {
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 200px
}

.t3 .tb-5 {
    top: 50px;
    left: -50px
}

.t3 .tb-1:before {
    background-position: -165px -523px;
    width: 33px;
    left: 13px
}

.t3 .tb-2:before {
    background-position: -280px -523px;
    top: 13px
}

.t3 .tb-3:before {
    background-position: -246px -521px;
    width: 30px;
    left: 17px
}

.t3 .tb-4:before {
    background-position: -130px -524px;
    left: 16px
}

.t3 .tb-5:before {
    background-position: -210px -523px;
    left: 19px;
    top: 14px
}

.t4 .main-img:before {
    background-position: -473px -773px;
    width: 320px;
    left: 26px
}

.t4 .tb-1 {
    top: auto;
    bottom: -21px;
    margin: 0;
    right: -30px;
    left: auto
}

.t4 .tb-2 {
    top: -19px;
    left: auto;
    bottom: auto;
    right: 70px;
}

.t4 .tb-3 {
    right: auto;
    bottom: auto;
    max-width: 200px;
    top: 50px;
    left: -50px
}

.t4 .tb-4 {
    max-width: 120px;
    bottom: 30px;
    left: -40px
}

.t4 .tb-5 {
    max-width: 151px;
    right: -32px;
    top: 66px;
}

.t4 .tb-1:before {
    background-position: -281px -490px;
    top: 14px
}

.t4 .tb-2:before {
    background-position: -132px -490px;
    width: 25px
}

.t4 .tb-3:before {
    background-position: -248px -488px;
    width: 25px;
    left: 18px
}

.t4 .tb-4:before {
    background-position: -221px -490px;
    width: 25px;
    left: 20px;
    top: 15px
}

.t4 .tb-5:before {
    background-position: -203px -1666px;
    width: 25px;
    top: 11px;
    left: 15px;
}

.t5 .main-img:before {
    background-position: -8px -1358px
}

.t5 .tb-1 {
    max-width: 86px;
    margin: 0;
    top: 56px;
    padding-left: 41px
}

.t5 .tb-2 {
    left: auto;
    right: -36px;
    bottom: auto;
    top: 30px;
    padding-left: 35px
}

.t5 .tb-3 {
    left: 0;
    right: 0;
    margin: auto;
    max-width: 87px;
    padding-left: 37px;
    bottom: -10px;
}

.t5 .tb-1:before {
    background-position: -203px -562px;
    top: 6px;
    left: 14px
}

.t5 .tb-2:before {
    background-position: -236px -562px;
    top: 7px;
    left: 11px;
    width: 20px
}

.t5 .tb-3:before {
    background-position: -268px -562px;
    top: 6px;
    left: 13px;
    width: 17px;
}

.tab-points a {
    color: inherit
}

.tab-points:hover {
    text-decoration: none
}

.center-text {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    color: #598de1;
    text-transform: uppercase;
    margin: auto;
    display: inline-block;
    position: absolute;
    left: 39%;
    top: 44%;
    text-align: center;
    background: #fff
}

.center-text:hover {
    text-decoration: none
}

.t2 .center-text {
    left: 37%
}

.t3 .center-text {
    left: 28%;
    top: 52%
}

.t4 .center-text {
    left: 28%;
    top: 42%
}

.t5 .center-text {
    left: 27%;
    top: 44%
}

.tab-points a:hover {
    text-decoration: none
}

.fea-nav h2 {
    font-size: 24px;
    font-weight: 500
}

.fea-nav-link span.act:after,
.fea-nav-link span.act:before {
    display: none
}

.fea-nav-link {
    background: #fff;
    width: 100%;
    padding: 30px 0 20px;
    margin-top: 0;
}

.fea-nav-link span.act {
    background: none;
    color: #013d98;
    border-bottom: 2px solid #013d98
}

.fea-nav-link span {
    color: #8b8b8b;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    font-size: 15px;
    font-weight: 400;
    padding: 5px 0 8px
}

.fea-nav-list {
    background: #fff
}

.fea-list-cont>ul {
    width: 33.333%;
    padding: 0 1%;
    float: left;
    box-sizing: border-box
}

.fea-list-cont>ul li {
    padding: 10px 0;
    color: #fff
}

.fea-nav-list a {
    color: #333;
    font-size: 14px;
    font-weight: 300;
    position: relative
}

.fea-nav-list a:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #80b2fe;
    border-radius: 50px;
    margin: 4px 0 0 -15px
}

.fea-nav-link span:nth-of-type(1) {
    width: 24%
}

.fea-nav-link span:nth-of-type(2) {
    width: 18%
}

.fea-nav-link span:nth-of-type(3) {
    width: 18%
}

.footer-links .container {
    width: 90%;
    max-width: 1200px
}

.footer-links h2 {
    font-size: 24px;
    font-weight: 500
}

.footer-links {
    padding-top: 40px;
    padding-bottom: 30px
}

.ssprInnerTabsWrapper,
.inner-gif {
    display: none
}

.ssprInnerTabsWrapper.active,
.inner-gif.active {
    display: inline-block
}

@media screen and (max-width: 1284px) and (min-width: 1253px) {
    .double li.topFix {
        margin-top: -15px
    }
}

@media screen and (min-width : 992px) {
    .double li {
        width: 50%;
        display: inline-block;
        float: left;
        box-sizing: border-box
    }

    .double li:nth-of-type(5) {
        width: 100%
    }

    .topBannerFormWrapper {
        max-height: 65px
    }
}

@media screen and (max-width: 1334px) {
    .encompassTabs {
        min-height: 280px;
    }
}

@media screen and (max-width: 1260px) {

    .as-cont,
    .footer-links .container {
        max-width: 90%
    }

    .topBannerImgWrapper::before,
    .topBannerIcons {
        right: 0
    }

    .shield {
        right: -25px
    }

    .character {
        right: 65px
    }

    .customerLogosList div {
        margin-bottom: 5%
    }

    .pri-box .ffw-form-container {
        /* padding: 33px 31px; */
    }

    .fea-nav-link {
        text-align: center
    }

    .fea-nav-link span {
        float: none;
        width: 25%;
        display: inline-block;
        margin: 0 auto
    }

    .fea-nav-link span:nth-of-type(1) {
        width: 32%
    }

    .company-list {
        text-align: center;
        max-width: 100%
    }

    .company {
        float: none;
        display: inline-block;
        margin: 5px
    }

    .freeTagline span:nth-of-type(1) {
        /* padding-bottom:10px; */
    }

    .freeTagline span:nth-of-type(1):before {
        /* width:100%; */
        /* height:1px; */
        /* top:calc(100% - 5px); */
    }

    .pri-box .ffw-form-container .ffw-ms {
        width: auto
    }

    .tbfeaCol2 {
        left: 0;
        width: 300px
    }

    .encompassTabs::before {
        scale: .8;
        bottom: -11px;
        right: -12px;
    }

    .encompassTabs:nth-of-type(4):before,
    .encompassTabs:nth-of-type(5):before,
    .encompassTabs:nth-of-type(6):before {
        bottom: -11px;
    }
}

@media screen and (max-width: 1141px) {
    .encompassTabs {
        min-height: 300px;
    }
}

@media screen and (max-width: 1130px) {
    .topBannerContent {
        text-align: center;
        width: 100%;
        padding-left: 0
    }

    .topBannerSubWrapper h2 {
        width: 100%;
        text-align: center;
        margin-bottom: 25px
    }

    .topBannerSubWrapper p {
        width: 100%;
        text-align: center
    }

    .tab-content {
        padding: 90px 70px 90px 50px
    }

    .tab-cont-text {
        padding-right: 40px
    }

    .customerLogosContainer h2::after,
    .customerLogosContainer h2::before {
        display: none
    }

    .pri .btn-sta-1 {
        padding: 8px 40px;
        padding-left: 30px
    }

    .encompassTabs h2::after {
        transform: scale(.8);
        right: 0;
        top: 90%
    }

    .tab-cont-img {
        transform: scale(.8);
        position: relative;
        right: -11px
    }

    .double li {
        width: 100%
    }

    .encompassTabs {
        min-height: 275px
    }

    /*.topBannerFeaturesCol,.tbfeaCol2{width:50%}
    .topBannerImgWrapper{min-height:auto;top:0}
    .tbfeaCol1,.tbfeaCol2{top:0;margin-bottom:50px}
    .tbfeaCol1{right:40px}
    .tbfeaCol2{left:40px}
    .topBannerFeatures{margin-bottom:25px}
    .tbfea2,.tbfea3{right:0}
    .tbfea5,.tbfea6{left:0}
    .topBannerFeaturesWrapper{width:100%}*/
    .encompassTabs * {
        padding: 0 20px;
    }

    .encompassTabs a {
        margin-left: 20px;
    }

    .topBannerFeaturesCol,
    .tbfeaCol2 {
        width: 300px;
        overflow: hidden;
    }

    .tbfea2 .tbfeaText {
        width: 242px;
        float: left;
        display: inline-block;
    }

    .tbfeaCol1 {
        right: 20px;
    }

    .topBannerFeaturesWrapper {
        width: 100%;
    }

    .tbfeaCol2 {
        left: 20px;
    }
}

@media screen and (max-width: 1010px) {
    .encompassTabs {
        min-height: 325px;
    }
}

@media screen and (max-width:992px) {
    .testimonial-box:before {
        width: 100%;
        border-radius: 0;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px
    }

    .testi-rhs {
        background: #fff;
        width: 100%;
        padding: 34px;
        text-align: center
    }

    .testimonial-box:after {
        margin: auto;
        top: 30%;
        left: calc(50% - 28px)
    }

    .testimonial-box {
        margin-bottom: 40px;
        border-radius: 20px;
        overflow: hidden
    }

    .topBannerSubWrapper {
        margin: 0;
        padding: 50px
    }

    .tab-cont-img {
        display: none
    }

    .tab-cont-text {
        width: 100%;
        padding-right: 0
    }

    .pri-box {
        width: calc(100% / 2 - 20px)
    }

    .pri-box-3 {
        width: 100%;
        margin-top: 20px
    }

    .freeTagline span:nth-of-type(1):before {
        width: 1px;
        height: 100%;
        top: 7%
    }

    .testimonial-box {
        max-width: 90%;
        display: block
    }

    .testi-lhs {
        width: 100%;
        min-height: auto;
        padding: 15px 20px 20px
    }

    .testimonial_slider {
        width: 100% !important;
        padding-bottom: 30px
    }

    .testimonial_slider .dots {
        bottom: 30px;
        left: 28px
    }

    .mobileDownloadLhs {
        padding-right: 70px
    }

    .fea-nav-link span:nth-of-type(1) {
        width: 40%
    }

    .workflowTabsLhsWrapper {
        width: 100%;
        display: table
    }

    .workflowTabs {
        width: calc(100%/3);
        display: table-cell;
        padding: 20px 10px 20px 85px
    }

    .workflowTabs.active:before {
        top: 94%;
        right: 0;
        left: 0;
        margin: auto;
        transform: rotate(90deg)
    }

    .workflowTabsRhsWrapper {
        width: 100%;
        margin-top: 100px
    }

    .encompassTabs h2 br {
        display: none
    }

    .encompassTabs h2 {
        font-size: 26px;
        line-height: 41px
    }

    .encompassTabs {
        min-height: 220px;
        width: 47%
    }

    .encompassTabs:nth-of-type(1),
    .encompassTabs:nth-of-type(4),
    .encompassTabs:nth-of-type(2),
    .encompassTabs:nth-of-type(5) {
        margin-right: 0;
        margin-left: 0
    }

    .encompassTabs:nth-of-type(1),
    .encompassTabs:nth-of-type(3),
    .encompassTabs:nth-of-type(5) {
        margin-right: 3%
    }

    .encompassTabs::before {
        scale: 1;
        bottom: -1px;
        right: 0;
    }

    .encompassTabs:nth-of-type(4):before,
    .encompassTabs:nth-of-type(5):before,
    .encompassTabs:nth-of-type(6):before {
        bottom: 0;
    }

    .company {
        width: 200px
    }

    .mobileDownloadWrapper {
        max-width: 100%
    }

    .customerLogosContainer {
        margin: 60px 0 10px
    }

    .workflowContainer {
        padding-top: 60px
    }

    .workflowTabsWrapper {
        margin-top: 20px
    }

    .tab-content {
        padding: 50px
    }

    .tab-cards.sticky {
        top: 48px
    }

    .testimonialSection {
        padding-top: 20px
    }

    .topBannerImgWrapper::before,
    .topBannerIcons,
    .shield,
    .character,
    .topBannerImgWrapper::after {
        scale: .65;
    }

    .tbfeaCol1,
    .tbfeaCol2 {
        top: 40px;
    }

    .topBannerIcons {
        top: 20px;
    }

    .topBannerImgWrapper {
        min-height: 370px;
    }

    .topBannerImgWrapper {
        top: 0;
    }

    .topBannerFeatures {
        margin: 0 0 40px;
    }

    .topBannerFeaturesCol,
    .tbfeaCol2 {
        width: 260px;
    }

    .tbfea2 .tbfeaText {
        width: 202px;
    }

    .tbfea4 .tbfeaText {
        width: 202px;
        float: right;
        display: inline-block;
    }

    .topBannerContent {
        padding: 60px 0 0;
    }

    .topBannerContent h1,
    .topBannerContent h1 span {
        line-height: 55px;
    }

    .encompassContainer {
        margin-top: 56px;
    }
}

@media screen and (max-width: 893px) {
    .encompassTabs {
        min-height: 250px;
    }
}

@media screen and (max-width: 840px) {

    .topBannerIcons,
    .shield,
    .character,
    .topBannerImgWrapper::before,
    .topBannerImgWrapper::after {
        display: none
    }

    .topBannerFeaturesCol,
    .tbfeaCol2 {
        width: 46%;
    }

    .tbfea2 .tbfeaText,
    .tbfea4 .tbfeaText {
        float: none;
        width: 100%;
    }

    .tbfea2,
    .tbfea3 {
        right: 0
    }

    .tbfea5,
    .tbfea6 {
        left: 0
    }

    .tbfeaCol1,
    .tbfeaCol2 {
        float: none;
        top: 0;
        vertical-align: top;
        overflow: visible;
    }

    .tbfeaCol1 {
        margin-left: 2%;
        right: 0;
    }

    .topBannerFeaturesCol p {
        text-align: center;
        display: grid;
    }

    .tbfeaCol1 .tbfeaText {
        grid-row: 2;
    }

    .tbfeaCol1 .tbfeaIcon,
    .tbfeaCol2 .tbfeaIcon {
        margin: 0 auto;
    }

    .topBannerFormWrapper {
        padding: 40px 0 15px;
    }

    .topBannerFeatures::before {
        content: "";
        position: absolute;
        height: 90%;
        width: 100%;
        border: 1px solid #ccd7e9;
        left: 0;
        top: 20px;
        border-radius: 5px;
    }

    .topBannerFeaturesCol p {
        z-index: 9;
    }

    .topBannerImgWrapper {
        margin: 30px 0 0;
    }

    .topBannerFeatures {
        font-size: 15px;
        /* padding: 0 10px; */
    }
}

@media screen and (max-width: 769px) {
    .testimonial-box:after {
        display: none
    }

    .testi-rhs {
        padding-bottom: 70px
    }

    .testimonial_slider .dots {
        bottom: 15px
    }

    .encompassTabs {
        display: block;
        width: 100%;
        min-height: auto
    }

    .pri-box {
        width: 100%;
        margin-bottom: 20px
    }

    .pri-box-3 {
        margin-top: 0
    }

    .pri-box .ffw-form-container {
        margin-top: 50px
    }

    .testimonialSection {
        padding-top: 50px
    }

    .mobileDownloadWrapper {
        padding: 30px
    }

    .mobileDownloadLhs {
        width: 100%;
        padding: 0
    }

    .mobileDownloadRhs {
        width: 100%;
        float: none;
        text-align: center
    }

    .workflowTabsLhsWrapper {
        left: 0
    }

    .pri-box:nth-of-type(1),
    .pri-box:nth-of-type(2) {
        min-height: auto
    }

    .tab-cards li {
        width: calc(100% - 40px)
    }

    .tab-cards.sticky {
        top: 0;
        position: relative
    }

    .topBannerContent h1 {
        font-size: 30px;
        line-height: 40px
    }

    .topBannerContent h1 span {
        font-size: 26px;
        line-height: 36px
    }

    .topBannerContent {
        padding: 60px 0 0
    }

    .topBannerFormWrapper {
        padding-top: 40px;
        padding-bottom: 30px;
        width: 100%
    }

    .topBannerSubWrapper {
        padding: 30px
    }

    .topBannerSubWrapper h2 {
        font-size: 22px;
        line-height: 32px;
        padding: 0;
        margin-bottom: 20px
    }

    .topBannerSubWrapper h2 span {
        font-size: inherit;
        line-height: inherit
    }

    .topBannerSubWrapper p {
        font-size: 16px
    }

    .topBannerSubWrapper::before {
        display: none
    }

    .customerLogosContainer h2 {
        font-size: 20px
    }

    .customerLogosContainer {
        margin: 40px 0
    }

    .workflowContainer {
        padding-top: 40px
    }

    .workflowContainer h2 {
        font-size: 24px;
        line-height: 34px
    }

    .workflowContainer h3 {
        font-size: 20px;
        line-height: 34px
    }

    .workflowTabsLhsWrapper {
        top: 0
    }

    .workflowTabsRhsWrapper {
        margin-top: 40px
    }

    .scrolling-tab-section h2 {
        font-size: 24px;
        line-height: 34px
    }

    .scrolling-tab-section h2 span {
        font-size: inherit;
        line-height: inherit
    }

    .scrolling-tab-section {
        padding-top: 50px
    }

    .tab-content {
        margin-top: 30px;
        padding: 30px;
        border-radius: 10px
    }

    .tab-cont-text h3 {
        font-size: 22px;
        line-height: 32px;
        padding-bottom: 12px
    }

    .tab-cont-text p {
        font-size: 14px
    }

    .tab-tick-list {
        padding-top: 20px
    }

    .tab-tick-list li {
        font-size: 14px;
        line-height: 24px
    }

    .pri-main {
        padding-top: 40px
    }

    .pri-main h2 {
        font-size: 26px;
        font-weight: 500;
        line-height: 32px
    }

    .pri-main h2 span {
        font-size: inherit;
        line-height: inherit
    }

    .pri .btn-sta-1 {
        padding: 8px 50px;
        padding-left: 40px
    }

    .testimonialSection {
        padding-top: 0;
        padding-bottom: 0
    }

    .testimonialSection h2 {
        font-size: 24px;
        margin-bottom: 25px;
        line-height: 34px
    }

    .testi-lhs {
        padding: 20px
    }

    .testimonial_slider {
        padding-bottom: 20px
    }

    .company-list {
        padding-top: 30px
    }

    .mobileDownloadWrapper {
        text-align: center
    }

    .footer-links {
        display: none
    }

    .bot-dwn .as-cont div p {
        font-size: 24px;
        line-height: 34px;
        margin-top: 10px
    }

    .bot-dwn .as-cont div a.f-dwn-m {
        display: inline-block
    }

    .bot-dwn .as-cont div p br {
        display: none
    }

    .pri-box {
        margin-bottom: 10px
    }

    .pri-box {
        margin: 0;
        margin-bottom: 20px !important;
        height: auto !important;
    }

    .pri-box-inner {
        padding: 40px;
        padding-top: 63px
    }

    .freeTagline span:nth-of-type(1):before {
        width: 100%;
        height: 1px;
        top: calc(100% - 5px)
    }

    .freeTagline span {
        text-align: center
    }

    .pri-box .ffw-form-container {
        /* margin-top:0; */
    }

    .footer-stripe {
        display: none !important
    }

    .emailLnktxt {
        display: none
    }

    .topBannerFeaturesWrapper {
        margin-bottom: 40px
    }

    .adssp-logo-blocks .adsspcus-block {
        height: 52px;
    }

    .encompassTabs a {
        position: relative;
        bottom: 0;
    }
}

@media screen and (max-width:640px) {
    .topBannerFeatures {
        min-height: 94px;
    }

    .tbfea1 .tbfeaText,
    .tbfea3 .tbfeaText,
    .tbfea4 .tbfeaText,
    .tbfea5 .tbfeaText,
    .tbfea6 .tbfeaText {
        padding-top: 14px;
    }
}

@media screen and (max-width:600px) {
    .bot-dwn .as-cont div a.f-dwn-m {
        display: block
    }

    .bot-dwn .as-cont div a.f-dwn-d {
        display: none
    }

    .workflowTabs {
        display: inline-block;
        padding: 20px;
        text-align: center;
        margin-bottom: 0
    }

    .workflowTabs span {
        display: block;
        margin: 10px auto;
        left: auto;
        top: auto;
        position: relative
    }

    .workflowTabs.active:before {
        top: 96%
    }

    .customerLogosList div {
        margin-bottom: 30px
    }

    .encompassContainer {
        margin-top: 32px;
    }

    .customerLogosContainer {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 571px) {
    .tbfea4 .tbfeaText {
        padding-top: 0;
    }
}

@media screen and (max-width: 500px) {
    .testi-lhs {
        padding: 20px;
        padding-bottom: 40px;
        border-bottom-left-radius: 0
    }

    .testi-lhs p {
        font-size: 16px;
        line-height: 26px
    }

    .testi-lhs .big-font {
        font-size: 30px;
        line-height: 40px
    }

    .testi-rhs {
        padding: 20px;
        padding-top: 40px;
        padding-bottom: 50px
    }

    .testimonial_slider .cus-name {
        margin-top: 0
    }

    .ssprInnerIcon {
        display: none
    }

    .ssprInnerTab {
        display: inline-block;
        padding: 0 6px;
        font-size: 13px;
        position: relative
    }

    .pri-box .ffw-form-container .ffw-form.form-us form ul li.ffw-ic-count select {
        width: 100%;
        border: #e0e0e0 solid 1px;
        border-radius: 3px
    }

    .pri-box .ffw-form-container .ffw-form.form-us form ul li.ffw-ic-count:after {
        display: none
    }

    .pri-box .ffw-form-container .ffw-form.form-us form ul li.ffw-ic-count {
        border: none;
        background: transparent
    }

    .pri-box .ffw-form-container .ffw-form.form-us form ul li select#country_state,
    .pri-box .ffw-form-container .ffw-form.form-us form ul li select#ukcountry_region {
        margin-top: 10px
    }

    .workflowTabsLhsIcon {
        transform: scale(0.8)
    }

    .scrolling-tab-section h2 {
        font-size: 20px;
        line-height: 34px
    }

    .pri-main h2 {
        font-size: 21px;
        font-weight: 500;
        line-height: 39px
    }

    .topBannerContent h1 span {
        font-size: 20px
    }

    .workflowTabs {
        font-size: 12px
    }

    .topBannerFeaturesCol,
    .tbfeaCol2 {
        width: 45%;
    }

    .tbfeaCol1 {
        /* margin-left: 5%; */
    }
}

@media screen and (max-width: 484px) {
    .tbfea3 .tbfeaText {
        padding-top: 0;
    }
}

@media screen and (max-width:459px) {
    .topBannerFeatures {
        min-height: 112px;
        box-sizing: border-box;
    }

    .tbfea1 .tbfeaText,
    .tbfea3 .tbfeaText,
    .tbfea4 .tbfeaText,
    .tbfea5 .tbfeaText,
    .tbfea6 .tbfeaText {
        padding-top: 22px;
    }

    .tbfea3 .tbfeaText,
    .tbfea4 .tbfeaText,
    .tbfea5 .tbfeaText {
        padding-top: 10px;
    }

    .pri-box .ffw-form-container {
        width: 100%;
        max-width: 100%
    }
}

@media screen and (max-width: 400px) {
    .workflowTabs {
        font-size: 12px;
        line-height: 19px;
        padding: 10px
    }
}

@media screen and (min-width : 995px) {
    .animate {
        transition: all .8s ease-in-out;
        opacity: 0
    }

    .animate.animated {
        opacity: 1
    }

    .fadeInUp {
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    .fadeInUp.animated {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    .fadeInLeft {
        -moz-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    .fadeInLeft.animated {
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    .fadeInRight {
        -moz-transform: translateX(50px);
        -ms-transform: translateX(50px);
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    .fadeInRight.animated {
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    .fadeInRight {
        -moz-transform: translateX(50px);
        -ms-transform: translateX(50px);
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    .fadeInRight.animated {
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    .graphori.animated {
        animation: graphver .5s ease-in-out 1.5s both;
        transform-origin: bottom
    }
}

.encompassTabs:hover a {
    color: #fff;
    background: #0864f0
}

.encompassTabs:hover a::before {
    background-position: -86px -3px
}

.mobileDownloadRhs a {
    background: #105ae9
}

#mfa.active {
    background: #d22f2b
}

#mfa.active:Before {
    border-left-color: #d12e2b
}

#sso.active {
    background: #157e73
}

#sso.active:before {
    border-left-color: #157e73
}

@media screen and (max-width : 1100px) {
    .pri-box-inner .freeTagline span {
        display: block;
        width: 100% !important;
        padding: 0;
        padding-left: 19px !important;
        border: none !important;
        margin-bottom: 7px;
        position: relative;
        text-align: left
    }

    .pri-box-inner .freeTagline span:before {
        content: "";
        background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite2.png) no-repeat -88px -24px;
        background-size: 386px;
        width: 14px;
        height: 14px;
        position: absolute;
        left: 0;
        top: 8px
    }
}

@media screen and (min-width : 768px) and (max-width : 992px) {
    .pri-box-3 {
        display: table;
        width: 100%;
        box-sizing: border-box
    }

    .pri-box-inner {
        width: calc(50% - 20px);
        float: left;
        box-sizing: border-box;
        height: 530px
    }

    .pri-box .ffw-form-container .ffw-ms {
        width: 100%
    }

    .pri-box .ffw-form-container.ffw-white-field .ffw-ms .ffw-display-text {
        white-space: normal
    }

    .pri-box .ffw-form-container {
        width: calc(50% - 20px);
        margin: 0;
        display: inline-block;
        margin-left: 20px;
        height: auto;
        min-height: 530px;
        max-width: 407px;
    }

    .pri-box-inner p {
        text-align: left
    }
}

img.office.active {
    position: relative;
    top: 20px;
    height: 423px
}

.workflowGifWrapper img {
    max-height: 390px;
    width: auto;
    max-width: 100%;
    height: auto
}

img.home.active {
    margin-left: 43px;
    position: relative;
    z-index: -1
}

img.mfa {
    max-width: 83%;
    margin-left: 11%
}

img.sso {
    max-height: 330px;
    margin-left: 10px;
    margin-top: -3px
}

@media screen and (max-width : 767px) {
    img.home.active {
        margin-left: 0
    }

    .workflowGifWrapper img {
        height: auto;
        max-height: 280px !important
    }
}

@media screen and (min-width : 993px) {
    .testimonial_slider .dots {
        bottom: auto;
        top: 337px
    }
}

.testimonial_slider .dots {
    border: 1px solid #aec3ea;
    box-shadow: 0 0 10px #9ba6ba42
}

.topBannerContent #meGDPRMessage .checkmarkgdpr.enableCheckgdpr:before {
    top: 0 !important;
    left: 2px !important
}

.topBannerIcons .icon1 {
    top: -27px;
    left: 65%
}

.topBannerIcons .icon3 {
    top: 84%
}

.topBannerIcons .icon2 {
    top: 34%
}

@media screen and (min-width : 1400px) {
    .dwn-cta-ani {
        top: 18px
    }

    .as-cont-1300 {
        max-width: 1325px
    }

    .topBannerContent {
        padding-left: 0;
        width: 100%
    }

    .topBannerSubWrapper {
        margin: 0;
        background: #f5fcff;
        box-shadow: 0 0 5px #c9e2eec4
    }

    .topBannerFormWrapper {
        width: 640px;
        margin: 0 auto
    }

    .topBannerImgWrapper {
        width: 100%
    }

    .topBannerSubWrapper p {
        font-size: 18px;
        font-weight: 300;
        color: #333;
        line-height: 32px
    }
}

.arrows {
    position: absolute;
    margin: 0;
    width: 100%;
    top: 0
}

.arrows span {
    display: inline-block;
    color: transparent;
    height: 72px;
    width: 35px;
    border-radius: 0 150px 150px 0;
    background-color: #334c72;
    position: absolute;
    cursor: pointer;
    transition: .3s linear
}

.arrows .prev {
    border-radius: 150px 0 0 150px;
    left: -469px;
    top: 133px
}

.arrows .next {
    right: 19px;
    top: 133px
}

.arrows .next:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background: #3539ac00;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(314deg);
    margin: 8px 0 0 7px;
    right: 18px;
    top: 19px;
    left: auto;
    opacity: 1;
    bottom: auto
}

.prev:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background: #3539ac00;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(136deg);
    margin: 8px 0 0 7px;
    right: 0;
    top: 19px;
    left: auto;
    opacity: 1;
    bottom: auto
}

.arrows span.disable {
    background: #d1dcec;
    cursor: default;
    pointer-events: none
}

@media screen and (max-width : 992px) {
    .arrows {
        display: none
    }
}

.fea-nav {
    font-weight: 500
}

.adssp-logo-blocks {
    position: relative;
    margin: 0 auto;
    display: table
}

.adssp-logo-blocks .adsspcus-block {
    background-color: #fff;
    display: inline-block;
    height: 92px;
    margin: 0 15px;
    padding: 0 17px;
    position: relative;
    width: 90px;
    transition: .3s;
}

.adssp-logo-blocks .adsspcus-block:hover {
    filter: grayscale(0);
    scale: 1.1;
}

.adsspcstmr01 img,
.adsspcstmr02 img,
.adsspcstmr03 img,
.adsspcstmr04 img,
.adsspcstmr05 img,
.adsspcstmr06 img,
.adsspcstmr07 img,
.adsspcstmr08 img {
    left: 0;
    margin: 0 auto;
    padding-top: 15px;
    position: absolute;
    right: 0;
    width: 115px
}

.adsspcstmr01 .cb-img,
.adsspcstmr02 .cb-img,
.adsspcstmr03 .cb-img,
.adsspcstmr04 .cb-img,
.adsspcstmr05 .cb-img,
.adsspcstmr06 .cb-img,
.adsspcstmr07 .cb-img,
.adsspcstmr08 .cb-img {
    opacity: 0;
    transition: all .6s ease-out 0;
    visibility: hidden
}

.adsspcstmr01 .cb-img.active,
.adsspcstmr02 .cb-img.active,
.adsspcstmr03 .cb-img.active,
.adsspcstmr04 .cb-img.active,
.adsspcstmr05 .cb-img.active,
.adsspcstmr06 .cb-img.active,
.adsspcstmr07 .cb-img.active,
.adsspcstmr08 .cb-img.active {
    opacity: 1;
    transition: all .5s ease-in 0;
    visibility: visible
}

@media screen and (max-width : 1300px) {
    .adssp-logo-blocks .adsspcus-block {
        margin: 0 8px;
        padding: 0
    }

    .adssp-logo-blocks {
        width: 100%
    }

    .adsspcstmr01 img,
    .adsspcstmr02 img,
    .adsspcstmr03 img,
    .adsspcstmr04 img,
    .adsspcstmr05 img,
    .adsspcstmr06 img,
    .adsspcstmr07 img,
    .adsspcstmr08 img {
        width: 100%
    }

    .customerLogosContainer h2 {
        margin: 0 0 20px
    }
}

.pri-box ul li a,
.pri-box-2 p b a {
    color: inherit;
    cursor: pointer
}

.pri-box-4 {
    width: 100%;
    margin-top: 20px;
    border: none;
    padding: 0;
    margin: 20px 0 0 0;
}

.addon-wrapper {
    border: 1px solid #95bee4;
    display: inline-block;
    float: left;
    padding: 26px 45px 26px 40px;
    position: relative;
    overflow: hidden;
    width: calc(49% - 8px);
    margin: 0 10px;
    min-height: 315px;
    box-sizing: border-box;
}

.addon-wrapper::before {
    content: "Add-on";
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    height: 17px;
    width: 90px;
    background: #0864f0;
    transform: rotate(45deg);
    top: 17px;
    right: -20px;
    line-height: 17px;
    text-align: center
}

.addon-wrapper:last-of-type {
    margin-right: 0;
}

.addon-wrapper h3 {
    font-size: 18px;
    line-height: 27px;
    margin: 0;
    font-weight: 500
}

.pri-main .addon-wrapper h2 {
    font-size: 18px;
    line-height: 44px;
    font-weight: 300;
    margin: 0 0 15px;
    padding: 6px 0 16px;
    border-bottom: 1px solid #dcdee2;
    text-align: left
}

.pri-main .addon-wrapper h2 strong {
    font-weight: 500;
    font-size: 20px
}

.pri-main .addon-wrapper h2 a {
    font-size: 28px;
    line-height: 44px;
    color: #0864f0;
    font-weight: 500
}

.pri-box .addon-wrapper p {
    font-size: 16px;
    line-height: 24px;
    padding: 0
}

.addon-cta {
    font-size: 15px;
    font-weight: 500;
    color: #1682d4;
    display: block;
    margin: 9px 0 0;
    position: relative
}

.addon-cta::before {
    content: "";
    position: relative;
    display: inline-block;
    height: 19px;
    width: 22px;
    background: url(https://www.manageengine.com/products/self-service-password/images/adssp-index-sprite2.png) no-repeat -156px -18px;
    background-size: 386px;
    margin-right: 11px;
    top: 5px
}

.addon-wrapper:first-of-type .addon-cta {
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .pri-main .addon-wrapper h2 {
        line-height: 34px
    }
}

@media screen and (max-width: 769px) {

    .addon-wrapper,
    .addon-wrapper:last-of-type {
        width: 100%;
        margin: 0 0 25px 0 !important;
        min-height: auto;
    }

    .addon-wrapper:first-of-type {
        margin: 0 0 20px
    }

    .adssp-logo-blocks .adsspcus-block {
        width: 120px;
        height: 62px;
    }
}

.pri-box .ffw-form-container .ffw-form form ul li.ffw-ic-user::before {
    background-position: -297px -31px
}

.pri-box .ffw-form-container .ffw-ms {
    height: 40px;
    width: 100%;
    padding: 5px 0;
    font-size: 12px;
    outline: none;
    color: #000;
    background: #fafafa;
    border: #bdcce2 solid 1px;
    height: auto;
    position: relative;
    border-radius: 5px;
    /* overflow: hidden; */
    max-width: 295px;
}

.pri-box .ffw-form-container .ffw-ms .ffw-display-text {
    cursor: pointer;
    width: 100%;
    background: #fafafa;
    border: 0;
    line-height: 30px;
    box-sizing: border-box;
    color: #000;
    outline: 0;
    padding-left: 30px;
    padding-right: 20px;
    min-height: 30px;
    position: relative;
    background-size: 8px;
    background-position: 96%;
    text-align: left;
    padding-left: 40px;
    height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background-image: linear-gradient(45deg, transparent 50%, #5a5a5a 50%), linear-gradient(135deg, #5a5a5a 50%, transparent 50%), linear-gradient(to right, #fff0, #fff0);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) .5em;
    background-size: 6px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat
}

.pri-box .ffw-form-container .ffw-ms .ffw-display-text.active::after {
    transform: rotate(-180deg)
}

.pri-box .ffw-form-container .ffw-ms .ffw-display-text.has-options {
    color: #000
}

.pri-box .ffw-form-container .ffw-ms .ffw-others-errmsg {
    display: none;
    color: red;
    font-size: 12px;
    margin-top: 5px
}

.pri-box .ffw-form-container .ffw-ms .ffw-dd {
    background: #fff;
    border: 1px solid #b7b7b7;
    border-top: 0;
    -webkit-box-shadow: 0 -10px 20px #e4e4e4b8;
    box-shadow: 0 -10px 20px #e4e4e4b8;
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 100%;
    left: -1px;
    right: -1px
}

.pri-box .ffw-form-container .ffw-ms .ffw-dd .ffw-dd-lists {
    overflow-y: auto;
    max-height: 126px
}

.pri-box .ffw-form-container .ffw-ms .ffw-dd .ffw-dd-lists .ffw-ms-fld {
    display: block;
    position: relative;
    padding: 10px 15px;
    padding-left: 43px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: .3s ease all;
    text-align: left
}

.pri-box .ffw-form-container .ffw-ms .ffw-dd .ffw-dd-lists .ffw-ms-fld input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.pri-box .ffw-form-container .ffw-ms .ffw-dd .ffw-dd-lists .ffw-ms-fld .ffw-ms-checkmark {
    position: absolute;
    top: 13px;
    left: 17px;
    height: 14px;
    width: 14px;
    border-radius: 2px;
    border: 1px solid #b7b7b7;
    transition: .3s ease all
}

.pri-box .ffw-form-container .ffw-ms .ffw-dd .ffw-dd-lists .ffw-ms-fld .ffw-ms-checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 5px;
    top: 1px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: .3s ease all
}

.pri-box .ffw-form-container .ffw-ms .ffw-dd .ffw-dd-lists .ffw-ms-fld input:checked~.ffw-ms-checkmark {
    background-color: #0275ff;
    border-color: #0275ff
}

.pri-box .ffw-form-container .ffw-ms .ffw-dd .ffw-dd-lists .ffw-ms-fld input:checked~.ffw-ms-checkmark:after {
    display: block
}

.pri-box .ffw-form-container .ffw-ms .ffw-dd .ffw-dd-lists .ffw-ms-fld:hover {
    background-color: #f3f3f3
}

.pri-box .ffw-form-container .ffw-ms .ffw-dd .ffw-dd-lists .ffw-ms-fld:hover input~.ffw-ms-checkmark {
    border-color: #0275ff
}

.pri-box .ffw-form-container .ffw-ms .ffw-dd .ffw-dd-lists .ffw-others-fld {
    padding: 10px 15px;
    display: none
}

.pri-box .ffw-form-container .ffw-ms .ffw-dd .ffw-ms-done {
    cursor: pointer;
    padding: 8px 20px;
    border-radius: 3px;
    background: #293380;
    color: #fff;
    margin: 10px auto;
    text-align: center;
    width: 50%
}

.pri-box .ffw-form-container .ffw-field label {
    font-weight: 200;
    color: #000
}

.pri-box .ffw-form-container .ffw-form form ul li.ffw-ic-edition::before {
    background-position: -233px -340px
}

.pri-box .ffw-form-container.ffw-white-field .ffw-ms .ffw-display-text {
    font-size: 14px
}

.pri-box .ffw-form-container .ffw-form form ul li.ffw-ic-addons::before {
    background-position: -206px -265px;
    background-size: 300px;
    z-index: 0
}

.pri-box .ffw-form-container .ffw-form form ul li.ffw-ic-credit::before {
    background-position: -324px -370px;
    background-size: 418px;
}

.pri-box .ffw-form-container .ffw-form form ul li.ffw-ic-credit {
    display: none;
}

.pri-box ul.tick-list h3 {
    font-size: 16px;
    line-height: 24px;
    color: #102336;
    font-weight: 500;
    margin: 12px 0 19px
}

.pri-box ul.tick-list h3 span {
    display: block;
    color: #0864f0;
    font-size: 20px;
    font-weight: 600
}

.pri-box .ffw-form-container.ffw-white-field .ffw-form form ul li select,
.pri-box .ffw-form-container.ffw-white-field .ffw-ms .ffw-display-text {
    font-weight: 200
}

.mob-view {
    display: none
}

.mob-view a {
    background: #f73749;
    color: #fff;
    font-size: 18px;
    padding: 10px 20px;
    text-decoration: none
}

.pri.with-state .pri-box .ffw-form-container .ffw-ms .ffw-dd .ffw-dd-lists .sms-add-fld,
.pri.with-state .addon-wrapper:last-of-type {
    display: none
}

.pri.with-state .addon-wrapper {
    width: calc(50% - 20px);
    min-height: 285px;
}

@media screen and (max-width : 1250px) {
    .addon-wrapper {
        min-height: 480px;
    }
}

@media screen and (max-width: 992px) {
    .pri-box .ffw-form-container .ffw-ms {
        max-width: 328px
    }

    .addon-wrapper {
        min-height: auto;
    }

    .pri.with-state .addon-wrapper {
        width: 100%;
        min-height: auto;
    }

    .addon-wrapper,
    .addon-wrapper:last-of-type {
        width: 100%;
        margin: 0 0 25px 0 !important;
        min-height: auto;
    }

    .pri.with-state .pri-box .ffw-form-container .ffw-ms .ffw-dd .ffw-dd-lists .sms-add-fld,
    .pri.with-state .addon-wrapper:last-of-type {
        display: block
    }
}

@media screen and (max-width: 600px) {
    .mob-view {
        display: block
    }
}

.tooltip-group {
    position: relative;
    display: inline;
    cursor: pointer;
}

.icon-help {
    background: url('https://www.manageengine.com/products/self-service-password/images/help-icon-black.png') no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle;
    margin-top: -1px;
}

.tooltip1 {
    position: absolute;
    display: none;
    width: 230px;
    background: #1A1A1A;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    top: -160px;
    left: -111px;
    z-index: 2;
    font-weight: normal;
    line-height: 20px;
}

.tooltip2 {
    top: -180px;
}

.tooltip1:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid #1A1A1A;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: -5px;
    left: 46%;
}

.tooltip1:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 10px;
    bottom: 100%;
    left: 0;
}

.pri-box .tooltip1 p {
    font-size: 12px;
    line-height: 20px;
}

.tooltip1 a {
    color: #fff;
    text-decoration: underline;
}

.tooltip-group:hover .tooltip1 {
    display: block;
}

.tooltip-content {
    margin: 0 0 5px !important
}

/* oneline-form-css */

body .one-line-download-form.center-form .one-line-form {
    margin: 0 auto
}

body .one-line-download-form * {
    margin: 0;
    padding: 0;
    background: 0 0;
    border: none;
    font-size: inherit;
    font-weight: inherit;
    color: inherit
}

body .one-line-download-form :hover {
    background: 0 0;
    color: inherit;
    padding: 0;
    margin: 0;
    box-shadow: none;
    transform: none
}

body .one-line-download-form .one-line-form {
    width: 530px;
    margin: 0
}

body .one-line-download-form .one-line-form .misc-field textarea {
    display: none
}

body .one-line-download-form .one-line-form * {
    font-family: ZohoPuvi, verdana, arial, sans;
    font-size: 14px;
    outline: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

body .one-line-download-form .one-line-form>form>ul {
    margin: 0;
    padding: 0
}

body .one-line-download-form .one-line-form>form>ul li {
    list-style-type: none;
    float: left;
    border: 1px solid #bf9898;
    background: #fff
}

body .one-line-download-form .one-line-form>form>ul li:first-child {
    width: 270px;
    position: relative;
    border-radius: 3px 0 0 3px;
    border-right-width: 0
}

body .one-line-download-form .one-line-form>form>ul li:first-child .form-icn {
    background: #fff;
    width: 38px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 3px 0 0 3px
}

body .one-line-download-form .one-line-form>form>ul li:first-child .form-icn .icn-mail {
    width: 17px;
    height: 12px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAbCAYAAAAQ2f3dAAAABHNCSVQICAgIfAhkiAAAAi1JREFUWEfNl09IFFEcx5MUqTx5q4sHkbZTEiodDDEtipTyH5lSlqIplkLQISoq9RB5NFHBwEsJ3kLr1ClviohnvXQpQgi6iIItfr7xJqZh3Z2ZfbO7Dz7szm/f+/0+zM5v3kzekf/HJQ4vwElPPOrDHxT4Cl+cQnl8OQ5X4R2swJyJRS3jzr/DwT2ogB74LDGN37BpfsikkLfWKoFSKJZYHTyBERiFmiyZLVF3Ch7DC4m9NGfrPZ+18BwuZljuA/UWYR66oERistyAaSOjBpD15QzJqe46zJh6g3yeSSSm36/AMKgpohxvSL4N464iScU0rwHuQ2NEZk/JewyeefKnFNP866A2vmFZ7iH5ymAoQV5fYlrXAreg1ZKcLm412d1D8vkW0/qb0ATtacopx21oTpInkJjydMA16Awp59wv61OsDyymfHdABfR3BBmVTJ6EKh+LQokpr5pBG323jyKacho+Qszn/NBiyt8LOgt9KYrpKWUNTvmU0rS0xJSgH87CwCFFTxD/CUUBpKyIKckD81fpvuQdfwgUQDwbYqp5Hl6DtrBvcA5egbpvL6CUtTPm1NWG/wi0924Zyf0QUtbFQjokXJb2xW9Txp3rn9gyUT2P6ULOhaEuj+maeAvlUJ0LVjj8fXCU2FHTPfk5IvYLj1LnLWmMA706TcCnLAlqD9ZN+7u62hGTSxtoc1bMz2Zr01/vs4WwALMQd4s5hfS4myhuU8SbS7vDrjt4AMGtcSqPL2TTAAAAAElFTkSuQmCC');
    background-size: contain
}

body .one-line-download-form .one-line-form>form>ul li:first-child input {
    font-size: 14px;
    padding-left: 40px
}

body .one-line-download-form .one-line-form>form>ul li:first-child input::placeholder {
    color: #b3b3b3
}

body .one-line-download-form .one-line-form>form>ul li:nth-child(2) {
    width: 50px;
    border-left: 0;
    border-right: 0;
    position: relative
}

body .one-line-download-form .one-line-form>form>ul li:nth-child(3) {
    padding-left: 0;
    border-color: #d63327;
    border-radius: 0 3px 3px 0
}

body .one-line-download-form .one-line-form>form>ul li .ffw-errmsg {
    display: none;
    color: red;
    font-size: 12px;
    margin-top: -20px;
    position: absolute;
    font-weight: 300;
    white-space: nowrap
}

body .one-line-download-form .one-line-form>form>ul li input {
    width: 100%;
    height: 45px;
    border: 0;
    padding: 0 10px;
    font-size: 14px;
    color: #000;
    font-weight: 300
}

body .one-line-download-form .one-line-form>form>ul li .selectedCountry {
    text-align: left;
    width: 50px;
    height: 33px;
    top: 2px;
    position: absolute;
    color: #000;
    font-size: 14px;
    margin: 5px 0 0;
    line-height: 33px;
    left: 0;
    padding-left: 8px;
    border-left: 1px solid #e5e5e5;
    font-weight: 300
}

body .one-line-download-form .one-line-form>form>ul li .selectedCountry:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #1e0437;
    z-index: 0;
    right: 10px;
    top: 15px
}

body .one-line-download-form .one-line-form>form>ul li .selectedCountry:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 33px;
    top: 0;
    right: 0;
    background-color: #e6e6e6;
    display: none
}

body .one-line-download-form .one-line-form>form>ul li input[type=submit] {
    font-size: 14px;
    background: #ef292c;
    color: #fff;
    padding: 0 33px;
    cursor: pointer;
    font-weight: 500;
    height: 45px;
    border: 0
}

body .one-line-download-form .one-line-form>form>ul li input[type=submit]:hover {
    background: #9e0303;
    transition: all .5s ease
}

body .one-line-download-form .one-line-form>form>ul li select {
    font-weight: 300;
    width: 50px;
    height: 45px;
    border: 0;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 0;
    margin: 0;
    z-index: 9;
    position: relative;
    color: #000;
    font-size: 12px;
    opacity: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    float: left
}

body .one-line-download-form .one-line-form>form>ul li select.commonselect {
    position: relative;
    font-size: 14px;
    opacity: 1;
    width: 100px;
    float: left;
    padding-left: 0;
    line-height: 22px
}

body .one-line-download-form .one-line-form>form>.misc-field .dwn-priv {
    margin-top: 0;
    line-height: 16px;
    font-weight: 300;
    padding-top: 5px
}

body .one-line-download-form .one-line-form>form>.misc-field .dwn-priv,
body .one-line-download-form .one-line-form>form>.misc-field .dwn-priv * {
    font-size: 11px;
    color: #000;
    text-align: left;
    font-style: normal
}

body .one-line-download-form .one-line-form>form>.misc-field .dwn-priv strong {
    font-weight: 500
}

body .one-line-download-form .one-line-form>form>.misc-field .dwn-priv a {
    font-size: 11px;
    color: #1281bd;
    text-decoration: underline
}

body .one-line-download-form .one-line-form>form>.misc-field #meGDPRMessage {
    line-height: 16px;
    margin: 5px 0 0 !important;
    width: 100%;
    text-align: left
}

body .one-line-download-form .one-line-form>form>.misc-field #meGDPRMessage label {
    font-size: 11px;
    line-height: 18px;
    color: #000;
    font-weight: 300
}

body .one-line-download-form .one-line-form>form>.misc-field #meGDPRMessage .checkmarkgdpr {
    margin-bottom: 0
}

body .one-line-download-form .one-line-form>form>.misc-field::before {
    content: " ";
    display: table;
    clear: both
}

body .one-line-download-form .one-line-form>form>.misc-field * {
    color: #a6a6a6;
    font-weight: 300
}

body .one-line-download-form .one-line-form>form>.misc-field strong {
    font-weight: 600
}

body .one-line-download-form .one-line-form>form>.misc-field a {
    font-size: inherit;
    color: #1281bd;
    text-decoration: underline
}

body .one-line-download-form .one-line-form>.success-message {
    display: none
}

body .one-line-download-form .one-line-form>.success-message h2 {
    margin-bottom: 10px;
    color: #000;
    font-weight: 500;
    font-size: 30px
}

body .one-line-download-form .one-line-form>.success-message p {
    font-size: 13px;
    line-height: 23px;
    margin-top: 0;
    color: #000
}

body .one-line-download-form .one-line-form.success ul {
    display: none
}

body .one-line-download-form .one-line-form.success .success-message {
    display: block
}

body .one-line-download-form .one-line-form.success .misc-field {
    display: none
}

body .one-line-download-form .one-line-form.with-state {
    width: 548px
}

body .one-line-download-form .one-line-form.with-state ul li #headerCountryListItem:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #1e0437;
    z-index: 0;
    right: 7px;
    top: 23px
}

body .one-line-download-form .one-line-form.with-state ul li:first-child {
    margin-left: 0;
    width: 200px
}

body .one-line-download-form .one-line-form.with-state ul li .commonselect {
    margin-left: 8px;
    background: 0 0
}

body .one-line-download-form .one-line-form.with-state ul li .selectedCountry:after {
    display: block
}

body .one-line-download-form .one-line-form.with-state ul li input[type=submit] {
    padding: 0 20px
}

body .one-line-download-form .one-line-form.with-state ul li:nth-child(2) {
    width: 160px
}

body .one-line-download-form .one-line-form.with-state .ffw-country-list {
    position: relative
}

body .one-line-download-form .one-line-form.with-state .ffw-country-list:after {
    content: "";
    position: absolute;
    right: 4px;
    top: 22px;
    z-index: 0;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #1e0437
}

body .one-line-download-form .d-thanks,
body .one-line-download-form .m-thanks {
    display: none
}

body .one-line-download-form #meGDPRMessage .checkmarkgdpr {
    background: #fff;
    height: 12px !important;
    width: 12px !important
}

body .one-line-download-form #meGDPRMessage .checkmarkgdpr.enableCheckgdpr:before {
    width: 3px !important;
    height: 6px !important;
    border: 1px solid #000;
    border-width: 0 1.5px 1.5px 0 !important;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    content: '';
    position: absolute;
    top: .5px !important;
    left: 3px !important
}

@media screen and (max-width:992px) {
    body .one-line-download-form .one-line-form {
        margin: auto
    }
}

@media screen and (max-width:640px) {
    body .one-line-download-form .one-line-form {
        width: 100%
    }

    body .one-line-download-form .one-line-form>form>ul li {
        width: 100% !important;
        background: 0 0
    }

    body .one-line-download-form .one-line-form form ul li input {
        background: #fff
    }

    body .one-line-download-form .one-line-form>form>ul li input[type=submit] {
        background: #ef292c
    }

    body .one-line-download-form .one-line-form ul li select {
        width: 100% !important;
        background-color: #fff
    }

    body .one-line-download-form .one-line-form.with-state ul li .commonselect {
        background-color: #fff
    }

    body .one-line-download-form .one-line-form ul li:first-child {
        border: 1px solid #8ca2ba !important;
        margin-top: 5px !important;
        width: 100% !important;
        display: block
    }

    body .one-line-download-form .one-line-form ul li:nth-child(2) select {
        border: 1px solid #8ca2ba !important;
        margin-top: 5px !important;
        width: 100% !important;
        display: block;
        opacity: 1;
        -webkit-appearance: listbox
    }

    body .one-line-download-form .one-line-form ul li .selectedCountry {
        display: none;
        width: 100% !important
    }

    body .one-line-download-form .one-line-form ul li:nth-child(3) {
        margin-top: 5px
    }

    body .one-line-download-form .one-line-form.with-state {
        width: 100% !important
    }

    body .one-line-download-form .one-line-form.with-state ul li select.commonselect {
        margin-left: 0;
        padding: 0 10px;
        font-size: 12px
    }

    body .one-line-download-form .one-line-form>form>ul li:nth-child(3) {
        border-radius: 0
    }
}

@media screen and (max-width:992px) {
    body .one-line-download-form.rhs-form .one-line-form {
        width: 100%
    }

    body .one-line-download-form.rhs-form .one-line-form>form>ul li {
        width: 100% !important;
        background: 0 0
    }

    body .one-line-download-form.rhs-form .one-line-form form ul li input {
        background: #fff
    }

    body .one-line-download-form.rhs-form .one-line-form>form>ul li input[type=submit] {
        background: #ef292c
    }

    body .one-line-download-form.rhs-form .one-line-form ul li select {
        width: 100% !important;
        background-color: #fff
    }

    body .one-line-download-form.rhs-form .one-line-form.with-state ul li .commonselect {
        background-color: #fff
    }

    body .one-line-download-form.rhs-form .one-line-form ul li:first-child {
        border: 1px solid #8ca2ba !important;
        margin-top: 5px !important;
        width: 100% !important;
        display: block
    }

    body .one-line-download-form.rhs-form .one-line-form ul li:nth-child(2) select {
        border: 1px solid #8ca2ba !important;
        margin-top: 5px !important;
        width: 100% !important;
        display: block;
        opacity: 1;
        -webkit-appearance: listbox
    }

    body .one-line-download-form.rhs-form .one-line-form ul li .selectedCountry {
        display: none;
        width: 100% !important
    }

    body .one-line-download-form.rhs-form .one-line-form ul li:nth-child(3) {
        margin-top: 5px
    }

    body .one-line-download-form.rhs-form .one-line-form.with-state {
        width: 100% !important
    }

    body .one-line-download-form.rhs-form .one-line-form.with-state ul li select.commonselect {
        margin-left: 0;
        padding: 0 10px;
        font-size: 12px
    }

    body .one-line-download-form.rhs-form .one-line-form>form>ul li:nth-child(3) {
        border-radius: 0
    }
}

body .one-line-download-form .one-line-form>.success-message p a {
    color: #2323e0;
    font-size: inherit;
    text-decoration: underline
}

#scroll .one-line-form ul {
    padding: 0 !important
}

.center-form .success-message {
    text-align: center
}

body .one-line-download-form .one-line-form>form>ul li:before {
    display: none
}

.fooBnr {
    background: #9addfd;
    box-sizing: border-box;
    padding: 0 20px 20px 20px
}

.fooBnr .fr {
    width: 100%
}

.one-line-download-form {
    margin-top: 20px
}

body .one-line-download-form .one-line-form>form>ul li .ffw-errmsg {
    display: none;
    color: #fff;
    font-size: 12px;
    margin-top: -15px;
    position: absolute;
    font-weight: 300;
    white-space: nowrap;
    background: red;
    line-height: 1.2;
    border-radius: 3px;
    padding: 0 2px
}

/* oneline-form-css end*/