@import "https://www.manageengine.com/css/fonts.css";
    
    *,::after,::before{margin:0;padding:0;box-sizing:border-box}
   body{font-family:'ZohoPuvi';font-weight:300;color:#000;
       
   }
   .main{background: #f3feff;}
   .main .container{max-width:1200px;margin:0 auto;    padding: 0 20px;}
   .main ul{list-style:none}
   .main .lhs{width:calc(100% - 386px);display:inline-block;padding:20px 0;vertical-align:top;padding-right:70px;transition:all .3s ease-in-out;position: relative; z-index: 1;}
   .main .rhs{display:inline-block;width:386px;vertical-align:top;float:right;transition:all .3s ease-in-out;position: relative;}
    
   .header{padding:25px 0}
   .header .logo{background:url(https://www.manageengine.com/latam/log-management/images/leaveriging-smart-thershhold-sprite.png) no-repeat -6px -3px;background-size: 374px 359px;width: 128px;
       height: 52px;display:inline-block;text-decoration:none}
   .banner{padding:10px 0 50px;display:block;font-size:0}
   .banner .lhs h1 span{        font-size: 30px;
       font-weight: 200;
       color: #000;
   }
   .banner h4{
       font-size: 15px;
       color: #fff;
       background-color: #179692;
       display: inline-block;
       padding: 6px 17px;
       font-weight: 200;
       margin-bottom: 15px;
       position: relative;
       border-top-right-radius: 25px;
   }
   
   .banner h4::before {
       content: "";
       width: 0;
       height: 0;
       border-left: 11px solid #226066;
       border-bottom: 7px solid transparent;
       border-top: 0px solid transparent;
       position: absolute;
       bottom: -7px;
       left: 0;
   }
   .banner h1{
       padding-bottom: 40px;
       color: #226066;
       font-size: 37px;
       font-weight: 600;
       line-height: 1.2;
   }
   .banner h1.mobile{display: none;}
   
   
   .banner h2{font-size:22px;line-height:1.4;margin-bottom:20px;font-weight:500;text-align: center;}
   .banner p{font-size:15px;line-height:1.7;padding-bottom:20px;    padding-right: 0px;}
   .banner .list h3{font-size:20px;color: #000;font-weight:400;margin-top:20px;padding-bottom:20px}
   .banner .list ul li{font-size:15px;line-height:1.4;padding-left:25px;position:relative}
   .banner .list ul li:not(:last-child){padding-bottom:16px}
   .banner .list ul li::before{content:'';background:url(https://www.manageengine.com/latam/log-management/images/leaveriging-smart-thershhold-sprite.png) no-repeat -289px -6px;background-size: 374px 359px; width:14px;height:14px;position:absolute;top:3px;left:0}
   .copyright p{font-size:13px; color:#000;text-align:center;padding:20px;padding-left: 0px;background: #e1f3f5;}
   .rhs-content{position:relative;float:right}
   .rhs-content.active{top:50px}
   .active .form{transition:3s 1s linear}
   .ffw-form{position: relative;z-index: 1;}
   .ffw-form-container{font-family:"ZohoPuvi";max-width:380px;width:100%;position:relative;margin:auto;background:#fff;box-shadow:0 0 20px rgba(125,82,82,0.21);border-radius:20px;    padding: 35px 40px 35px;display:block;    border: 1px solid #00a849;}
   .ffw-form-container .ffw-form form ul li{margin-bottom:10px;position:relative}
   .ffw-form-container .ffw-form form ul li input,.ffw-form-container .ffw-form form ul li select{line-height:27px;border:0;background: #F9F9F9; border:#e0e0e0 solid 1px;padding:8px 30px 5px 40px;display:block;width:100%;font-size:12px;color:#333;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;box-sizing:border-box;transition:.3s ease-in}
   .ffw-form-container .ffw-field input:focus,.ffw-form-container .ffw-field input:focus-visible{outline:0;border-color:#527be6}
   .ffw-form-container .ffw-form form ul li select:focus-visible{outline:0}
   .ffw-form-container .ffw-form form ul li input[type=submit]{cursor:pointer;background-color:#DA232B;font-size:16px;color:#fff;font-weight:500;border-radius:5px;border-width:0;padding: 12px 30px 11px 11px;transition:all .7s ease;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;height:auto;margin-bottom:10px;bottom:-84px;position: absolute;}
   .ffw-form-container .ffw-form form ul li input[type=submit]:hover{background:#ed2933;box-shadow:5px 8px 15px rgba(237,41,51,0.5);transform:translateY(-5px)}
   .ffw-form-container .ffw-form form ul li input::-webkit-input-placeholder{color:#333}
   .ffw-form-container .ffw-form form ul li input:-ms-input-placeholder{color:#333}
   .ffw-form-container .ffw-form form ul li .ffw-errmsg{display:none;position:relative;color:red;background-color:#fff;padding:5px 0 0;font-size:11px;line-height:10px}
   .ffw-form-container .ffw-form form ul li .ffw-privacy{font-size:10px;color:#000;line-height:16px;margin-bottom:14px;margin-top:20px;font-weight:300;text-align:left}
   .ffw-form-container .ffw-form form ul li .ffw-privacy a{color:#000}
   .ffw-form-container .ffw-form form ul li:last-child{margin-bottom:0;margin-top: 20px;}
   .ffw-form-container .ffw-form form ul li:last-child::before{display:none}
   .ffw-form-container .ffw-form form ul li.ffw-ic::before{content: "";
       background: url(https://www.manageengine.com/latam/log-management/images/leaveriging-smart-thershhold-sprite.png) no-repeat;
       background-size: 374px 359px;
       display: inline-block;
       vertical-align: middle;
       position: absolute;
       top: 15px;
       left: 17px;
   }
   .ffw-form-container .ffw-form form ul li.ffw-ic-name::before{    background-position: -155px -2px;
       width: 19px;
       height: 20px;
       top: 12px;
       left: 12px;
   }
   .ffw-form-container .ffw-form form ul li.ffw-ic-mail::before{background-position: -181px -5px;
       width: 19px;
       height: 14px;
       top: 16px;
       left: 12px;
   }
   .ffw-form-container .ffw-form form ul li.ffw-ic-phone::before{background-position: -210px -5px;
       width: 15px;
       height: 24px;
       top: 11px;
       left: 14px;
   }
   .ffw-form-container .ffw-form form ul li.ffw-ic-count::before{    background-position: -235px -3px;
       width: 21px;
       height: 21px;
       left: 11px;
       top: 12px;
   }
   .ffw-form-container .ffw-form form ul li.date::before{
       background-position: -307px -10px;
       width: 18px;
       height: 19px;
       top: 13px;
       left: 12px;
   }
   .main .rhs::before {
       content: '';
       display: block;
       width: 40%;
       height: 35vw;
       position: fixed;
       right: 0px;
       top: -190px;
       background-size: 750px;
       background: url(https://www.manageengine.com/latam/log-management/images/leaveriging-smart-thershhold-bg.png) no-repeat;
       /* z-index: 1; */
       background-position: center right;
       background-size: contain;
   }
   .ffw-form-container .ffw-form-fields{padding-left:0;margin:0}
   .ffw-form-container .ffw-form strong{font-weight:500}
   .ffw-form-container .ffw-form 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% - 20px) calc(1em + 5px),calc(100% - 15px) calc(1em + 5px),calc(100% - 2.5em) .5em;background-size:6px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}
   .ffw-form-container label{cursor:pointer}
   .ffw-form-container .ffw-form-thanks-msg{display:none}
   .ffw-form-container .ffw-additional-data,.ffw-form-container .ffw-hidden-data{display:none}
   .ffw-form-container .ffw-form form ul li.ffw-ic-count select{transition:none}
   .dwn-pdf:hover .dwn-icon{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
   .dwn-icon {
       background: url(https://www.manageengine.com/latam/log-management/images/leaveriging-smart-thershhold-sprite.png) no-repeat -266px -5px;
       background-size: 374px 359px;
       width: 12px;
       height: 17px;
       position: absolute;
       right: calc(50% - 92px);
       bottom: -60px;
       z-index: 2;
       -webkit-transition: .3s;
       -o-transition: .3s;
       transition: .3s;
       pointer-events: none;
   }
   .banner h4.mobile{display: none;}
   .lev-lf {
       position: relative;
       padding-left: 170px;
       margin-bottom: 60px;
   
   }
   .lev-lf::before{
       position: absolute;
       content: "";
       width: 155px;
       height: 212px;
       background: url(https://www.manageengine.com/latam/log-management/images/leaveriging-smart-thershhold-sprite.png) no-repeat;
       background-position: -9px -69px;
       background-size: 330px;
       left: 0;
       top: 0px;
   }
   li#date-show {
       display: none;
   }
   .befo-hide label {
       color: #000;
       text-align: left;
       font-size: 10px;
       line-height: 18px;
       display: block;
       max-width: 100%;
       padding-top: 2px;
       font-weight: 300;
       cursor: pointer;
   }
   .custom-checkbox {
       display: block;
       position: relative;
       padding-left: 22px;
       margin-bottom: 12px;
       cursor: pointer;
       font-size: 11px;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
   }
   .custom-checkbox input {
       position: absolute;
       opacity: 0;
       cursor: pointer;
       height: 0;
       width: 0;
   }
   .custom-checkbox input ~ .checkmark {
       border: 1px solid #cecece;
   }
   .checkmark {
       position: absolute;
       top: 4px;
       left: 0;
       height: 14px;
       width: 14px;
       border-radius: 2px;
   }
   .custom-checkbox input:checked ~ .checkmark:after {
       display: block;
   }
   .custom-checkbox .checkmark:after {
       left: 4px;
       top: 0.8px;
       width: 4px;
       height: 8px;
       border: solid #fff;
       border-width: 0 1.5px 1.5px 0;
       -webkit-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
       transform: rotate(45deg);
   }
   .checkmark:after {
       content: "";
       position: absolute;
       display: none;
   }
   .custom-checkbox input:checked ~ .checkmark {
       background-color: #0057c2;
   }
   .custom-checkbox input ~ .checkmark {
       border: 1px solid #cecece;
   }
   @media (max-width: 1400px) {
       .main::after{width: 11%;}
   }
   @media (max-width: 1300px) {
   /* .main{background-size:550px} */
   .main::after{display:none}
   .banner .lhs h1 span::after{display: none;}
   }
   @media (max-width: 1024px) {
   .main .lhs{padding-right:30px}
   .main .rhs::before{display: none;}
   }
   @media (max-width: 992px) {
   /*.banner{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}*/
   .main .lhs{width:100%}
   .main .rhs{width:100%;margin-top: 25px;}
   .rhs-content{float:none}
   .banner{    display: flex;
       flex-direction: column;
   }
   .main .lhs{order: 2;}
   .banner h1.desk,.banner h4.desk{display: block;}
   .desk{display: none;}
   .banner h1.mobile{
       padding-bottom: 40px;
       color: #1b621b;
       font-size: 37px;
       font-weight: 600;
       line-height: 1.2;
       display: block;
       margin-top: 0px;
   }
   .banner h1.mobile span {
       font-size: 30px;
       font-weight: 300;
       color: #000;
   }
   .banner h1.desk{display: none;}
   .banner h4.desk{display: none;}
   .rhs-content.active {
       top: -65px;
   }
   }
   @media (max-width: 768px) {
   .header{text-align:center}
   .banner{text-align:center;padding-top:0;padding-bottom:20px}
   .rhs-content{margin-top:50px;float:none}
   /* .rhs-content.active{top:0} */
   .main .lhs,.main .rhs{width:100%;display:block;float:none}
   .banner .list{text-align:left}
   .banner h1{font-size:30px}
   /* .book-cta::before{left:40px} */
   .banner p{text-align: left;padding-right: 0px;}
   
   }
   @media screen and (max-width:500px){
   /* .fbi-image img {width: 100%;}	 */
   .rhs-content.active {
       top: -30px;
   }
   .banner h1.mobile,.banner h1.mobile span{font-size: 40px;    line-height: 1.4;}
   .main .lhs{padding-right: 0px;}
   
   }	 
        
   @media (max-width: 425px) {
   /* .main{padding:0 18px} */
   .rhs-content{margin-top:10px}
   .banner p{text-align:left}
   .banner .rhs span:nth-child(3){font-size:77px}
   .banner h1.mobile,.banner h1.mobile span{font-size: 24px;}
   .lev-lf::before{display: none;}
   .lev-lf{padding-left: 0px;margin-bottom: 0px;}
   
   }
   @media (max-width: 375px){
       .ffw-form-container{    padding: 35px 15px 35px;}
       .banner h1.mobile,.banner h1.mobile span{font-size: 18px;}
   }
   
   span#backToTop {
       display: none !important;
   }