.container {max-width:1400px;}
#scroll .container{max-width:1200px}
#scroll.sec-pTB{background:#fff;background-image:radial-gradient(at 99.6% 11.9%,#dff7f5 0px,transparent 50%),radial-gradient(at 2.2% 10.6%,#fcf7e8 0px,transparent 50%)}
h1{font-size:30px;font-weight:500;color:#000;margin-top:0;letter-spacing:normal;margin-bottom:38px}
.supp-cont{background:#fff;border-radius:10px;padding:50px;overflow:hidden}
.supp-cont .fea-lhs{width:646px;float:left}
.supp-cont *{box-sizing:border-box}
.supp-cont .fea-lhs ul{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;margin:0!important;position:relative;grid-gap:20px}
.supp-cont .fea-lhs ul li{padding:28px;box-sizing:border-box;position:relative;transition:transform .3s ease-in-out,opacity .3s .6s ease-in-out;width:100%;height:165px;border-radius:5px;background:#fff;border:1px solid #ededed;font-size:16px;line-height:28px;list-style:none!important;padding-right:50px;transition:all .5s ease}
.supp-cont .fea-lhs ul li:hover{box-shadow:0 0 36px rgba(0,0,0,0.09)}
.supp-cont .fea-lhs ul li h4{font-size:17px;color:#000;margin:0;font-weight:500}
.supp-cont .fea-lhs ul li p{font-size:15px;line-height:20px;margin:10px 0 16px}
.supp-cont .fea-lhs ul li span.rmore{font-size:14px;line-height:20px;text-align:left;color:teal;position:relative}
.supp-cont .fea-lhs ul li span.rmore:before{content:"";width:5px;height:5px;border:1.5px solid teal;border-bottom:0;border-left:0;position:absolute;right:-12px;-webkit-transform:rotate(45deg) translateX(-50%);-ms-transform:rotate(45deg) translateX(-50%);transform:rotate(45deg) translateX(-50%);top:48%;transition:all .5s}
.supp-cont .fea-lhs ul li:hover span.rmore:before{right:-15px;transition:all .5s}
.supp-cont .fea-lhs ul li a{position:absolute;width:100%;height:100%;left:0;top:0;text-decoration:none}
.supp-cont .fea-rhs{float:left;width:calc(100% - 696px);padding-left:50px}
.supp-cont .fea-rhs .support-details-list{width:404px;background:linear-gradient(132deg, #fcebca -28%, #fff 100%);border-radius:5px;position:relative}
.supp-cont .fea-rhs .support-details-list:before{background:url(https://www.manageengine.com/identity-360/images/support-page-sprite.png) no-repeat;background-size:216px;content:"";position:absolute;width:212px;height:289px;background-position:10px -69px;right:0;bottom:40px;border-radius:5px}
#scroll .supp-cont .fea-rhs .support-details-list ul{margin:0;padding:30px 48px;padding-bottom:10px}
.supp-cont .fea-rhs .support-details-list h4{font-size:17px;color:#000;margin:0;margin-bottom:7px;font-weight:500}
.supp-cont .fea-rhs .support-details-list a{font-size:15px;line-height:23px;color:#333}
.supp-cont .fea-rhs .support-details-list li:nth-child(1) a{text-decoration:underline}
#scroll .supp-cont .fea-rhs .support-details-list li{list-style:none;position:relative;margin-bottom:40px}
.supp-cont .fea-rhs .support-details-list li span{background:url(images/support-page-sprite.png) no-repeat;background-size:270px;width:30px;height:35px;position:relative;left:0;top:0;display:inline-block}
.supp-cont .fea-rhs .support-details-list li span.smail{background-position:-10px -3px}
.supp-cont .fea-rhs .support-details-list li span.did{background-position:-116px -8px}
.supp-cont .fea-rhs .support-details-list li span.tfn{background-position:-65px -8px}
@media screen and (max-width:1024px) {
.supp-cont .fea-lhs,.supp-cont .fea-rhs{width:100%;float:none;padding:0}
#scroll .supp-cont .fea-rhs .support-details-list ul{padding:47px 57px 3px}
#scroll .supp-cont .fea-rhs .support-details-list li:not(:first-child){display:inline-block}
#scroll .supp-cont .fea-rhs .support-details-list li{margin-bottom:53px}
#scroll .supp-cont .fea-rhs .support-details-list li:nth-child(2){border-right:.5px dashed #707070;display:inline-block;width:203px}
#scroll .supp-cont .fea-rhs .support-details-list li:nth-child(3){margin-left:72px;display:inline-block}
.supp-cont .fea-lhs ul{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
.supp-cont .fea-rhs .support-details-list{margin:50px auto 0;width:100%}
}
@media screen and (max-width:860px) {
.supp-cont .fea-lhs ul{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.supp-cont .fea-rhs .support-details-list:before{opacity:0}
#scroll .supp-cont .fea-rhs .support-details-list ul{text-align:center}
#scroll .supp-cont .fea-rhs .support-details-list li:not(:first-child){width:45%;margin-left:0}
}
@media screen and (max-width:760px) {
h1{font-size:26px;margin:20px 0 30px}
}
@media screen and (max-width:600px) {
.supp-cont .fea-lhs ul{grid-template-columns:minmax(0,1fr)}
.supp-cont .fea-lhs ul li{height:auto}
}
@media screen and (max-width:550px) {
.supp-cont{padding:30px}
.supp-cont .fea-rhs .support-details-list{width:100%;text-align:center}
.supp-cont .fea-rhs .support-details-list:before{display:none}
#scroll .supp-cont .fea-rhs .support-details-list ul{padding:48px 30px 8px}
#scroll .supp-cont .fea-rhs .support-details-list li:last-child{margin-bottom:40px;margin-left:0;width:100%}
#scroll .supp-cont .fea-rhs .support-details-list li:not(:last-child){padding-bottom:40px;width:100%;border:none;border-bottom:.5px dashed #707070;margin-bottom:40px}
}
.live-chat-24{background:#036276;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#036276),to(#00212b));background:-o-linear-gradient(bottom,#036276 0,#00212b 100%);background:linear-gradient(15deg,#036276 0,#00212b 100%);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:30px 20px;display:flex;flex-wrap:nowrap;align-items:center;border-radius:0 0 5px 5px}
.live-chat-24:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:url(https://www.manageengine.com/identity-360/images/secure-sso-with-mfa-dots.png) repeat;background-size:115px}
.live-chat-lhs{width:calc(100% - 100px);position:relative;padding-left:55px}
.live-chat-lhs:before{content:'';position:absolute;background:url(images/support-icon-live-chat.png) no-repeat;width:38px;height:38px;background-size:cover;left:0;top:0}
.live-chat-lhs h4{color:#fff!important;font-size:20px!important;font-weight:400!important;margin-bottom:4px!important}
.live-chat-lhs p{margin:0;color:#fff;font-size:13px}
.live-chat-rhs{width:120px}
.live-chat-rhs .live-chat-open-cta{color:#000;background:#fcefd5;padding:10px 15px;border-radius:5px;font-weight:400;position:relative;transition:all .4s ease;cursor:pointer}
.live-chat-rhs .live-chat-open-cta:hover{color:#fff;background:#056174;box-shadow:0 0 36px rgba(0,0,0,0.09)}