body {
        font: 300 14px/24px "ZohoPuvi", sans-serif !important;
      }

      header {
        display: none !important;
      }
      #btmscroll {
        display: none;
      }
      .menuheader,
      .btmBar {
        display: none !important;
      }
      footer {
        border-top: none !important;
      }

      /*======= custom header css===========*/

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-family: "zoho_puvi_bold", "Roboto", "Poppins", "Open Sans",
          sans-serif;
        margin: 0;
      }
      .heading-menu,
      #customers,
      #fixedbtn,
      #commonHeader {
        display: none !important;
      }
      .csm-header {
        background: #fff;
        min-height: 100px;
        -webkit-box-shadow: 0px 0px 5px #e2e2e2;
        box-shadow: 0px 0px 5px #e2e2e2;
        position: relative;
        z-index: 2;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        animation: smooth 0.3s ease-in-out;
        z-index: 99999999;
      }

      .fixed-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        animation: smooth 0.3s ease-in-out;
        z-index: 99999999;
        -webkit-box-shadow: 0px 0px 5px #b3b3b3;
        box-shadow: 0px 0px 5px #b3b3b3;
      }
      @keyframes smooth {
        from {
          transform: translateY(-50px);
        }
        to {
          transform: translateY(0px);
        }
      }
      .main-container {
        width: 100%;
        position: relative;
      }
      .left-column {
        width: 75%;
        float: left;
      }
      .right-column {
        width: 25%;
        float: left;
        position: relative;
      }
      .form-con {
        position: fixed;
        height: 100%;
        background: #2a5b8e;
        width: 350px;
        top: 100px;
        padding: 25px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        animation: formAnim 1s ease-in-out;
      }

      .container {
        max-width: 1200px;
        width: 95%;
        margin: 0 auto;
        transition: all 0.2s ease-in 0s;
      }
      .header-wrapper {
        display: flex;
        padding: 20px 0;
        align-items: center;
      }
      .header-wrapper > div {
        flex: 1;
      }
      .header-right-col {
        text-align: right;
      }
      a.apm-logo {
      }
      a.apm-logo > img {
        width: 100%;
        max-width: 300px;
      }
      .menu-list > li {
        display: inline-block;
        position: relative;
        margin: 5px;
        border: 1px solid #eaeaea;
        padding: 0 5px;
      }
      .menu-list li a {
        text-decoration: none;
        color: #4a4a4a;
        font-size: 14px;
        position: relative;
        display: inline-block;
        padding: 5px;
        text-transform: uppercase;
      }
      .menu-list li a:hover {
        color: #362476;
      }
      .menu-list li a:before {
        content: "";
        width: 0%;
        border-bottom: 2px solid #362476;
        position: absolute;
        top: 20px;
        left: 0px;
        bottom: 0;
        transition: all ease-in-out 0.3s;
      }
      .menu-list > li a:hover:before {
        width: 100%;
      }

      /*======= custom header end css===========*/

      .footer .col1,
      .footer .footCol1 {
        padding: 2% 5% 2% 0;
        border-right: 1px solid #292929;
        min-height: 250px;
        width: 25%;
      }
      .footer .col2,
      .footer .footCol2 {
        padding: 2% 5%;
        border-right: 1px solid #292929;
      }
      .footer .col3,
      .footer .footCol3 {
        padding: 2% 0 0 5%;
      }

      #fixedbtn {
        display: none !important;
      }
      .heading-menu,
      #scroll,
      #customers {
        display: none;
      }
      h1,
      h3,
      h4,
      h5,
      h5,
      p {
        margin: 0px !important;
      }
      p {
        line-height: 28px !important;
        font-size: 16px !important;
      }
      .div-row {
        position: relative;
      }

      .gartnerThanks {
        display: none;
      }

      /*.landing-page-bg {background-repeat: no-repeat;background-position: -80% center; background-attachment: scroll;background-size: cover;min-height: 510px;border-bottom: 1px solid #ddd; background-color: #faecd6;}	*/

      .landing-page-bg {
        position: relative;
        background: #1c40a3;
        z-index: 1;
        padding-top: 100px;
      }

      .landing-page-bg:before {
        content: "";
        background: url(https://www.manageengine.com/products/applications_manager/images/apm-healthcare-bg.jpg)
          no-repeat;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        background-size: 100%;
        opacity: 0.05;
        left: 0;
        z-index: 0;
        transform: rotate(0deg);
        transform: scale(1);
        filter: grayscale(1);
        background-position: left center;
      }

      .landing-page-bg:after {
        content: "";
        background: url(https://www.manageengine.com/products/applications_manager/images/apm-banking-bg.svg)
          no-repeat;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        background-size: cover;
        opacity: 0.08;
        left: 0;
        z-index: 0;
        transform: rotate(180deg);
      }

      .div-row .content-sec {
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 10px;
        display: flex;
        align-items: center;
      }
      .content-sec .col-left {
        float: left;
      }
      .display-table {
        display: table;
      }
      .custom-container {
        width: 100%;
        position: relative;
        display: block;
      }
      .col-left {
        width: 75%;
        float: left;
      }

      .container {
        max-width: 1200px;
        width: 95%;
        margin: 0 auto;
        transition: all 0.2s ease-in 0s;
      }
      .row::after {
        content: "";
        clear: both;
        display: table;
      }
      .row {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        align-items: normal;
        width: 100%;
        justify-content: center;
      }
      .row .cell,
      .row1 .cell {
        width: 29%;
        display: flex;
        margin: 10px;
        -webkit-box-shadow: 0 0 5px 0px #f0eded;
        box-shadow: 0 0 5px 0px #f0eded;
        background: #fff;
      }
      .sec-pTB {
        padding: 60px 0 !important;
      }
      .sec-pTB1 {
        padding: 30px 0;
      }
      .banner-cover {
        position: relative;
        z-index: 1;
        animation: anim 2s ease-in-out;
        transition: all 0.5s ease-in-out;
        opacity: 1;
        display: table-cell;
        vertical-align: middle;
      }

      .banner-cover .custom-row {
        justify-content: left;
      }
      .banner-cover .flex-row:before,
      .banner .flex-row:after {
        content: "";
        display: table;
        clear: both;
      }
      .custom-row .col:nth-child(1) {
        width: 80%;
      }
      .banner-con {
        text-align: left;
        position: relative;
        animation: bannerCon 1.8s ease-in;
        color: #fff;
        padding: 0px 20px;
      }
      .banner-con h1 {
        color: #fff;
        font-weight: 500;
        margin-bottom: 25px !important;
        font-size: 52px;
      }
      .banner-con p {
        font-size: 16px !important;
        color: #fff;
        line-height: 26px !important;
      }

      .baner-btn a {
        position: relative;
        background: #f9ad3a;
        color: #333;
        padding: 10px 35px;
        border-radius: 6px;
        text-decoration: none;
        margin-top: 15px;
        display: inline-block;
        font-size: 15px;
        font-weight: 700;
        transition: all 0.3s ease-in-out;
        -webkit-animation: ripple-white3 1s linear infinite;
        animation: ripple-white3 1s linear infinite;
      }

      @-webkit-keyframes ripple-white3 {
        0% {
          -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
            0 0 0 10px rgba(255, 255, 255, 0.1),
            0 0 0 20px rgba(255, 255, 255, 0.1);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
            0 0 0 10px rgba(255, 255, 255, 0.1),
            0 0 0 20px rgba(255, 255, 255, 0.1);
        }
        100% {
          -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1),
            0 0 0 20px rgba(255, 255, 255, 0.1),
            0 0 0 100px rgba(255, 255, 255, 0);
          box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1),
            0 0 0 20px rgba(255, 255, 255, 0.1),
            0 0 0 100px rgba(255, 255, 255, 0);
        }
      }

      @keyframes ripple-white3 {
        0% {
          -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
            0 0 0 10px rgba(255, 255, 255, 0.1),
            0 0 0 20px rgba(255, 255, 255, 0.1);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
            0 0 0 10px rgba(255, 255, 255, 0.1),
            0 0 0 20px rgba(255, 255, 255, 0.1);
        }
        100% {
          -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1),
            0 0 0 20px rgba(255, 255, 255, 0.1),
            0 0 0 100px rgba(255, 255, 255, 0);
          box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1),
            0 0 0 20px rgba(255, 255, 255, 0.1),
            0 0 0 100px rgba(255, 255, 255, 0);
        }
      }

      .baner-btn a:hover {
        text-decoration: none;
        background: #ef9b1d;
        transition: all 0.3s ease-in-out;
      }

      #demoDate {
        display: none;
        padding: 5px 10px;
        margin-bottom: 5px;
      }
      .ui-datepicker-trigger {
        position: absolute;
        top: 10px;
        right: -15px;
        width: 30px;
        display: none;
      }
      .clearDate {
        font-family: sans-serif;
        display: none;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 20px;
        height: 20px;
        font-size: 15px;
        color: #222;
        background-color: #e8e8e8;
        right: 50px;
        top: calc(50% - 14px);
        z-index: 1;
        border-radius: 50%;
        cursor: pointer;
        display: none;
      }
      .ui-widget-header .ui-icon {
        background-image: url(https://www.manageengine.com/products/applications_manager/images/ui-icons.png) !important;
      }

      @-webkit-keyframes bannerCon {
        0% {
          left: -50px;
        }
        100% {
          left: 0;
        }
      }
      @keyframes bannerCon {
        0% {
          left: -50px;
        }
        100% {
          left: 0;
        }
      }

      .lnk {
        color: #8d38ba;
      }
      .div-img {
        text-align: center;
        position: relative;
      }
      .anim-bg {
        position: absolute;
        z-index: -1;
      }
      img {
        max-width: 100%;
      }

      /* ================= form style ================*/

      .custom-row::after {
        content: "";
        clear: both;
        display: table;
      }
      .custom-row {
        display: flex;
        flex-wrap: wrap;
        align-items: normal;
        width: 100%;
        justify-content: center;
      }
      .custom-row .grid50,
      .custom-row .grid30 {
        display: flex;
        padding: 0px 15px;
      }
      .custom-row .grid50 {
        width: 47%;
      }
      .custom-row .grid30 {
        width: 30%;
      }
      .custom-row .grid {
        width: 100%;
      }

      /* ================= form style ================*/

      .form-con {
        position: relative;
        background: #2352d4;
        width: 360px;
        animation: formAnim 1s ease-in-out;
        border-radius: 6px;
        padding: 25px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0px;
        z-index: 9;
        margin: 10px;
        min-height: 410px;
      }
      .fixed-form {
        position: relative;
        top: 0px;
        width: 310px;
        margin: 0 auto;
        transition: all 0.5s ease-in-out;
        box-shadow: 0px 0px 2px #3d7f9e;
        margin: 0px 0px;
      }

      .form-title h2 {
        text-align: center;
        font-size: 25px;
        line-height: 24px;
      }
      .form-con h2 {
        font-size: 20px !important;
      }
      .form-con h2,
      .form-con p {
        margin: 0;
        color: #fff;
      }
      .form-con p {
        font-size: 14px !important;
        line-height: 17px !important;
        padding: 15px 0 10px;
      }
      .form-con .input-row {
        padding: 5px 0;
        position: relative;
      }
      .form-con .input-row input,
      .input-row select {
        width: 100%;
        border: solid 1px #ddd;
        padding: 5px 10px;
        outline: none;
        height: 40px;
        box-sizing: border-box;
        background: #fff;
        font-size: 13px;
        transition: all 0.3s ease-in-out;
        border-radius: 4px;
      }
      /*.form-con .input-row input:hover, .form-con .input-row select:hover {box-shadow: 0 0 10px 0 #ddd;-webkit-box-shadow: 0 0 10px 0 #ddd}*/
      .form-con .input-row input[type="submit"] {
        background: #f9ad3a;
        color: #333;
        margin-top: 10px;
        font-size: 15px;
        font-weight: 700;
        cursor: pointer;
      }
      .form-con .input-row textarea {
        width: 94%;
        resize: none;
        height: 60px;
        padding: 5px 10px;
        font: 400 13.3333px Arial;
        border: solid 1px #ddd;
        border-radius: 4px;
      }
      .form-con .input-row textarea:focus {
        outline: none;
      }
      .btn-div a {
        position: relative;
        background: #ec1131;
        color: #fff;
        padding: 10px 15px;
        border-radius: 6px;
        text-decoration: none;
        margin: 25px 15px;
        display: inline-block;
      }

      .btn-div a:link,
      .btn-div a:visited {
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
      }
      .btn-div a:hover {
        box-shadow: 0 5px 10px 0 #8a8a8a;
        -webkit-box-shadow: 0 5px 10px 0 #8a8a8a;
      }
      .dwn-priv {
        margin-top: 0 !important;
        color: #fff !important;
      }
      .dwn-priv a {
        color: #ffa927;
      }
      /*
	
@-webkit-keyframes formAnim {0%{left:0px;} 100%{left:100px;}}
@keyframes formAnim {0%{left:0px;} 100%{left:100px;}}
*/

      /*=========== content section1 css ============*/

      .content h2.main-title {
        font-size: 36px;
        color: #5074d8;
        margin-bottom: 30px !important;
        margin: 0px;
        font-weight: 700;
        font-family: sans-serif;
        line-height: 38px;
      }
      .content p {
        margin-bottom: 20px !important;
      }
      .cont-section1 .cont-box {
        padding: 10px 0px;
      }
      .cont-section1 .cont-box p {
        line-height: 26px;
        margin-bottom: 15px !important;
      }
      .bdr1 {
        border-top: 8px solid #484f8c;
        border-left: 8px solid #bfc3de;
      }
      .bdr2 {
        border-bottom: 8px solid #484f8c;
        border-right: 8px solid #bfc3de;
      }
      .hglt-bg2 {
        background: #eaf0fc;
      }
      .hglt-bg1 {
        background: #fff8ee;
      }
      .b-none {
        border: none !important;
      }

      /*=========== icon list section css ============*/

      .icon-listed ul {
        list-style: none;
        margin: 10px 0 35px;
        padding: 0;
      }
      .icon-listed li {
        list-style: none;
        display: block;
        position: relative;
        margin-bottom: 12px;
        padding-left: 40px;
        font-weight: 600;
        font-size: 16px;
      }
      .icon-listed ul li span {
        height: 22px;
        width: 20px;
        background: #fff;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        line-height: 20px;
        font-size: 18px;
        padding-left: 2px;
        position: absolute;
        display: inline-block;
        top: 1px;
        left: 0px;
        border: 1px solid #e1daf5;
      }

      .icon-listed ul li span:after {
        content: "";
        display: block;
        width: 4px;
        height: 10px;
        border: solid #4f7bf6;
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
        position: absolute;
        left: 8px;
        top: 3px;
      }

      .button-div {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 60px 0px 0px;
      }
      .free-btn {
        background: #3c67de;
        color: #fff;
        margin-top: 10px;
        font-size: 14px;
        font-weight: 600;
        padding: 10px 25px;
        border-radius: 50px;
        margin: 0px 25px;
        border-radius: 4px;
        border: 2px solid transparent;
        transition: all 0.3s;
      }
      a.free-btn:hover {
        border: 2px solid #2950bd;
        background: #2950bd;
        color: #fff;
        text-decoration: none !important;
        transition: all 0.3s;
      }
      .listed-section .cont-box {
        padding: 30px;
        box-shadow: 0 2px 28px -14px rgba(160, 158, 158, 0.75);
      }

      /*=========== icon and gif section css ============*/

      .icon-section {
        display: flex;
        flex-wrap: wrap;
        align-items: normal;
        width: 100%;
        justify-content: center;
      }
      .icon-section .icon-grid {
        width: 21%;
        margin: 15px 15px;
        border: 1px solid #eaeaea;
      }

      .icon-section.first-row .icon-grid {
        width: 38%;
      }

      .bg-box {
        padding: 15px 15px;
        position: relative;
      }
      .apm-alternative-sprite {
        background: url("https://www.manageengine.com/products/applications_manager/images/apm-healthcare-sprite.svg")
          no-repeat 0 0;
        display: inline-block;
        height: 52px;
        width: 52px;
        position: absolute;
        left: 0;
        transform: scale(0.9);
        transition: all 0.3s;
        background-size: 230px;
      }
      .altr-icon1 {
        background-position: -6px 0px;
      }
      .altr-icon2 {
        background-position: -85px 0px;
      }
      .altr-icon3 {
        background-position: -165px -75px;
      }
      .altr-icon4 {
        background-position: -120px 0px;
        background-size: 180px;
      }
      .altr-icon5 {
        background-position: -5px -70px;
        width: 70px;
      }
      .altr-icon6 {
        background-position: -2px -134px;
        width: 70px;
      }
      .altr-icon7 {
        background-position: -88px -134px;
        width: 70px;
      }
      .altr-icon8 {
        background-position: -85px -70px;
        width: 70px;
      }

      .icon-section h2 {
        font-size: 20px;
        text-align: left;
        padding-left: 65px;
        position: relative;
        min-height: 45px;
        margin-bottom: 15px;
        line-height: 24px;
        margin-top: 0px !important;
      }
      .bg-box a:hover {
        color: #3ca7e8;
        text-decoration: none;
        margin-top: 10px;
      }
      .gif-section {
        position: relative;
      }
      .gif-section .container {
        width: 95%;
      }
      .mockup-bg {
        background-image: url(https://www.manageengine.com/products/applications_manager/images/mockup-bg.png);
        background-repeat: no-repeat;
        background-position: -80% center;
        background-attachment: scroll;
        background-size: cover;
        width: 400px;
      }

      .mockup-holder {
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .mockup-holder .grid50:nth-child(1) {
        width: 26%;
        float: left;
      }
      .mockup-holder .grid50:nth-child(2) {
        width: 74%;
        float: left;
      }
      .img-holder img {
        max-width: 700px;
      }

      .img-holder img {
        max-width: 560px;
        margin-left: -3%;
        margin-top: -8%;
      }

      a.view-btn h2 {
        margin-top: 10px;
        display: inline-block;
        color: #333;
        transition: all 0.3s ease-in-out;
      }
      a.view-btn:hover h2 {
        color: #35168e;
        text-decoration: none !important;
        transition: all 0.3s ease-in-out;
      }
      a.view-btn:hover h2 .apm-alternative-sprite {
        transform: scale(1.1);
        transition: all 0.3s ease-in-out;
      }

      .pb0 {
        padding-bottom: 0px !important;
      }
      /*=========== customer css ============*/

      .customer-cont-box {
        padding: 0px 25px 40px;
      }

      .customer-cont-box h2 {
        margin: 10px 0 10px;
      }

      .dark-box {
        padding: 80px 0px 20px;
      }
      .csBox {
        border: 1px solid #f7f7f7;
        box-shadow: 0 0 10px #eee;
        border-radius: 5px;
        min-height: 210px;
        position: relative;
        margin-top: 70px;
        text-align: center;
        background: #fff;
      }

      .csBox h2 {
        margin: 60px 20px 10px;
      }
      .csBox .dark-box {
        padding: 10px 0px 20px;
      }

      .csIcon1,
      .csIcon2,
      .csIcon4,
      .csIcon3,
      .csIcon5,
      .csIcon6,
      .csIcon7 {
        height: 120px;
        width: 120px;
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -60px;
        top: -75px;
        border-radius: 50%;
        border: 1px solid #efeeee;
      }

      .csIcon1 {
        background: url(https://www.manageengine.com/products/applications_manager/images/apm-baniking-go-global.jpg)
          no-repeat -0px 0px;
        background-size: 125px;
      }
      .csIcon2 {
        background: url(https://www.manageengine.com/products/applications_manager/images/chanjal-cs2.png)
          no-repeat 0 0;
      }
      .csIcon3 {
        background: url(https://www.manageengine.com/products/applications_manager/images/wipro-customer.jpg)
          no-repeat -82px 0px;
      }
      .csIcon4 {
        background: url(https://www.manageengine.com/products/applications_manager/images/lexmark-cs4.png)
          no-repeat 0 0;
      }
      .csIcon5 {
        background: url(https://www.manageengine.com/products/applications_manager/images/apm-banking-hdfc.jpg)
          no-repeat 0px 3px;
        background-size: 122px;
      }
      .csIcon6 {
        background: url(https://www.manageengine.com/products/applications_manager/images/apm-baniking-unicredit.jpg)
          no-repeat 4px 15px;
        background-size: 106px;
      }
      .csIcon7 {
        background: url(https://www.manageengine.com/products/applications_manager/images/apm-sironahealthcare.png)
          no-repeat 20px 20px;
        background-size: 82px;
      }

      .csVidLink a {
        background: #3b1da2
          url(https://www.manageengine.com/products/applications_manager/images/apm-vid-icon.png)
          no-repeat 18px 8px;
        display: inline-block;
        color: #fff;
        padding: 5px 20px 5px 40px;
        border-radius: 40px;
      }

      .csVidLink a:hover {
        text-decoration: none !important;
      }
      .csTxt {
        font-size: 16px;
      }
      .csMoreIcon {
        background: url(https://www.manageengine.com/products/applications_manager/images/apm-vid-more-healthcare.png)
          no-repeat 0 0;
        height: 25px;
        width: 25px;
        display: inline-block;
        margin-right: 10px;
      }
      .csName {
        margin-top: 20px;
        font-size: 16px;
      }
      a.csMore {
        color: #fff;
        text-align: center;
        display: inline-block;
        margin-top: 60px;
        background: #4f7bf6;
        padding: 9px 20px;
        border: 1px solid #4f7bf6;
        display: inline-block;
        border-radius: 6px;
      }
      a.csMore:hover {
        text-decoration: none !important;
      }

      [class*="col-"] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px 0px;
      }

      .view-more-btn {
        background: #4f7bf6;
        color: #fff;
        padding: 8px 18px;
        border-radius: 50px;
      }
      .view-more-btn:hover {
        text-decoration: none !important;
      }
      .sec-pTB a:hover {
        text-decoration: none !important;
      }

      /*======= logosection query css ==========*/

      ul.logosection {
        margin: 0;
        padding: 0;
      }
      .a-tag a {
        color: #fff;
      }
      ul.logosection li {
        display: inline-block;
        padding: 0;
        margin: 10px;
      }
      ul.logosection li span {
        display: inline-block;
        padding: 10px;
        text-indent: -9999px;
        text-align: center;
        border: solid 1px #f1f1f1;
        border-radius: 6px;
      }
      ul.logosection li a {
        display: block;
      }
      .brand {
        background: url("https://www.manageengine.com/products/applications_manager/images/apm-banking-financial-logo.png");
        height: 45px;
      }
      .brand.logo1 {
        background-position: 2px -243px;
        width: 106px;
      }
      .brand.logo2 {
        background-position: -110px -237px;
        width: 120px;
      }

      .brand.logo3 {
        background-position: -236px -238px;
        width: 120px;
      }
      .brand.logo4 {
        background-position: 9px -300px;
        width: 120px;
      }

      .brand.logo5 {
        width: 120px;
        background-position: -123px -297px;
      }

      /*========== customer logo section ============*/

      .section {
        padding: 40px 0px;
      }

      .section.section.trusted-section {
        border: 1px solid #efeded;
        background: #f2f6fd;
      }

      .trusted-section .content-wrap {
        width: 95%;
      }

      .trusted-section .content-wrap {
        width: 95%;
      }

      .slider {
        position: relative;
        overflow: hidden;
        margin: 20px auto 0;
        border-radius: 4px;
        width: 100%;
      }
      .slider > ul {
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .slider > ul > li {
        position: relative;
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
      }
      .slider .slider-content {
        /* padding: 20px; */
      }
      .slider .slider-content .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
      }
      .slider .slider-content .flex .client-logo {
        width: 115px;
        height: 107px;
        margin-right: 10px;
        margin-left: 10px;
        text-indent: -9999em;
        margin: 8px 10px;
        background: #fff;
        border: 1px solid #ced9f8;
      }

      .logo-area {
        background-image: url("https://www.manageengine.com/products/applications_manager/images/me_apm_customer_logo_sprite.png");
        background-size: 1000px 1379px;
        display: block;
        width: 100%;
        height: 100%;
        transform: scale(0.65);
      }

      .bg-gray {
        background: #f1f1f1;
      }

      @media (min-width: 1401px) .trusted-section .content-wrap {
        max-width: 1390px;
      }
      @media (min-width: 1200px) .trusted-section .content-wrap {
        max-width: 1190px;
      }
      @media (min-width: 1200px) .content-wrap {
        max-width: 1140px;
      }
      .content-wrap {
        padding-left: 15px;
        padding-right: 15px;
        margin-right: auto;
        margin-left: auto;
      }

      /*======= Media query css ==========*/

      @media (max-width: 650px) {
        .icon-section .icon-grid {
          width: 100% !important;
        }
        .form-con .input-row textarea {
          width: 92%;
        }
        .form-con {
          width: 86%;
        }
        .header-wrapper {
          flex-wrap: wrap;
          text-align: center;
        }
        .menu-list {
          text-align: center;
        }
        .header-wrapper > div {
          flex: none;
          width: 100%;
        }
        .menu-list {
          text-align: center;
          margin: 10px 0px 0px;
        }
        .banner-con {
          padding: 20px 0px 0px !important;
        }
      }

      @media (max-width: 768px) {
        .custom-row .grid50,
        .custom-row .grid30 {
          width: 100% !important;
        }
        .cont-section1 .custom-row .grid50 {
          width: 100%;
          margin-bottom: 20px;
        }
        .img-holder img {
          width: 80% !important;
          margin: 0 auto;
        }
        .icon-listed ul {
          margin: 0px 0 0px;
        }
        .listed-section .cont-box {
          margin-top: 30px;
        }
        .div-row .content-sec {
          display: inherit !important;
        }
        .banner-con h1 {
          margin: 35px 0px 10px !important;
        }
        .csBox {
          margin-bottom: 20px;
        }
      }

      @media (max-width: 1025px) {
        .content-sec .col-left {
          width: 100%;
        }
        .content-sec .col-right {
          width: 100%;
        }
        .custom-row .col:nth-child(1) {
          width: 100% !important;
        }
        .banner-con {
          text-align: center;
          padding: 0px;
        }
        .form-con {
          margin: 0 auto;
        }
        .display-table {
          min-height: auto;
        }
        .banner-cover {
          padding: 0px;
        }
        .icon-section .icon-grid {
          width: 40%;
        }
        .gif-section {
          border-top-left-radius: 0px;
          border-bottom-left-radius: 0px;
        }
        .img-holder {
          text-align: center;
        }
        .img-holder img {
          width: 75%;
          margin: 0 auto;
        }
        .custom-row .grid50 {
          width: 100%;
          margin-bottom: 15px;
        }
        .content h2 {
          font-size: 16px;
          line-height: 24px;
        }
        .content p {
          line-height: 28px;
          color: #616365;
        }
        .custstory .custom-row .grid30 {
          width: 28%;
        }
        .content h2.main-title {
          font-size: 26px;
          line-height: 28px;
        }
        .mockup-holder .grid50:nth-child(1) {
          width: 100%;
        }
        .mockup-holder .grid50:nth-child(2) {
          width: 100%;
        }
        .banner-con h1 {
          font-size: 28px;
        }
        .custstory .custom-row .grid50 {
          width: 45%;
        }
        a.view-btn h2 {
          display: flex;
          align-items: center;
          justify-content: left;
        }
        .banner-con p {
          font-size: 16px !important;
        }
      }

      @media (min-width: 1025px) and (max-width: 1199px) {
        .img-holder img {
          max-width: 550px;
        }
        .img-holder img {
          max-width: 370px;
          margin-left: 5%;
        }
        .banner-con h1 {
          line-height: 54px;
        }
        .icon-section .icon-grid {
          width: 21%;
        }
        .banner-con h1 {
          font-size: 42px;
        }
        .gif-section .container {
          width: 95%;
          max-width: 1170px;
        }
        .icon-section h2 {
          font-size: 18px;
        }
      }

      @media (min-width: 1201px) and (max-width: 1400px) {
        .icon-section .icon-grid {
          width: 22%;
        }
        .mockup-holder .grid50:nth-child(1) {
          width: 30%;
        }
        .mockup-holder .grid50:nth-child(2) {
          width: 70%;
        }
      }

      @media (min-width: 1200px) {
        .container {
          max-width: 1170px !important;
        }
        .div-row .content-sec {
          max-width: 1170px !important;
        }
        .icon-section .icon-grid {
          width: 22%;
        }
      }

      @media screen and (max-width: 1400px) {
        .col-left {
          width: 64%;
        }
        .container {
          max-width: 95%;
        }
      }

      @media (min-width: 1401px) {
        .container {
          max-width: 1315px !important;
        }
        .div-row .content-sec {
          max-width: 1390px !important;
        }
        .col-left {
          width: 73%;
        }
        /*.icon-section{justify-content: flex-end;}*/
        .icon-section .icon-grid {
          width: 22%;
        }
      }
    
      em {
        font-style: italic;
      }
      #fixedbtn {
        position: fixed;
        right: 0;
        top: initial;
        bottom: 300px;
        z-index: 4;
      }
      #fixedbtn .demo {
        color: #fff !important;
        background: #34ad65;
        text-align: center;
        display: block;
        height: 90px;
        font-weight: 500;
        font-size: 0.75em;
        letter-spacing: -0.1px;
        line-height: normal;
        vertical-align: middle;
        border-radius: 0;
        width: 60px;
        padding: 10px 16px 0;
        text-transform: capitalize;
      }
    .mockup-holder {
    flex-direction: column;
}