#scroll ul {
    padding: 10px 0 10px 30px;
    list-style-type: none;
  }
.heading-menu h1{
    color: #fff;
    font-weight: 800 !important;
}
  .flg-othr td{padding:15px 0;vertical-align:middle}
      ul.countrilist{    display: flex;
      flex-wrap: wrap;}
      ul.countrilist li{    flex: 0 0 16%;
      margin: 10px 0;}
      ul.countrilist li a{ color: #000; text-decoration: none}
      .smltxt {
      font-size: 11px;
              }
      @media screen and (max-width: 667px){
      ul.countrilist li{
      flex: 0 0 46%;
      margin: 10px 0;
  
        }  }
          
  
  .ftrbnfits li a {
      font-size: 12px;
      color: #666;
      line-height: 18px;
      text-decoration: none !important;
      position: absolute;
  }
  .nav-dwn a {
      background: #e9142b;
      color: #fff;
      font-size: 20px;
      line-height: 30px;
      padding: 4px 10px;
      display: inline-block;
      width: 148px;
      border-radius: 5px;
      text-decoration: none;
      text-align: center;
  }
  /*--------------- SCP New Style ---------------*/
  @import url("https://www.manageengine.com/css/fonts.css");
  body {
    font-family: 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }
  h1, .h1 {
    font: 37px/1.25 'Zoho_Puvi_SemiBold';
  }
  h2, .h2 {
    font: 31px/1.30 'Zoho_Puvi_SemiBold';
  }
  .h2, h2 {
    margin: 30px 0 20px 0px;
  }
  h3, .h3 {
    font: 23px/1.3 'Zoho_Puvi_SemiBold';
  }
  h4, .h4 {
    font: 20px/1.4 'Zoho_Puvi_SemiBold';
  }
  h5, .h5 {
    font: 15px/1.4 'Zoho_Puvi_SemiBold';
  }
  h6, .h6 {
    font-size: 14px;
  }
  p {
    font-size: 18px;
    line-height: 1.6;
    margin: 15px 0;
  }
  .container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
  }
  .scp-brdcrm-bg {
      background: #0067ff;
      padding: 10px 0 0 0;
  }
  .brdcrm-container {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
  }
  #scroll {
    position: relative;
    padding: 0px;
  }
  .heading-menu {
    padding: 60px 0;
    margin-top: 86px;
    background: #0067ff;
    width: 100%;
    border-bottom: none;
    height: auto;
    letter-spacing: normal;
  }
  .heading-menu h1.ftrmnhdr {
    font-size: 50px;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: #fff;
    display: block;
    text-align: center;
  }
  #lhsTree > li {
    border-bottom: 1px solid #ececec;
    line-height: 24px;
    font-size: 15px;
    line-height: 1.2em;
    color: #000;
    position: relative;
  }
  #lhsTree > li > ul li {
    color: #000;
    border-top: 1px solid #eee;
    padding: 10px 0 10px 34px;
    font-size: 14px;
    line-height: 1.2em;
  }
  #lhsTree > li .feaact {
    color: #1f93ec;
    position: relative;
    font-weight: 600;
  }
  #lhsTree a {
    color: #000;
    text-decoration: none;
  }
  span.brtg {
    display: none
  }
  h1.ftrmnhdr sup {
    background: #E9142B;
    color: #fff;
    font-size: 13px;
    line-height: 15px;
    padding: 3px 5px;
    border-radius: 5px;
  }
  .ftrpg-inrhdr {
    font-size: 20px;
    line-height: 35px;
    color: #fff;
    letter-spacing: 0.2px;
    padding-top: 5px;
  }
  .bannercta {
    margin-top: 20px;
  }
  a.ftbnrbtn {
    background: #E9142B;
    font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
    color: #fff;
    font-size: 17px;
    line-height: 30px;
    padding: 7px 30px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    letter-spacing: 0;
    border-radius: 3px;
    text-transform: uppercase;
  }
  a.scndrybnrbtn {
    background: none;
    font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
    color: #E9142B;
    font-size: 17px;
    line-height: 30px;
    padding: 5px 30px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    letter-spacing: 1px;
    border: 2px solid #E9142B;
    border-radius: 3px;
    text-transform: uppercase;
  }
  a.scndrybnrbtn.mL5 {
    margin-left: 5px;
  }
  .mT0 {
    margin-top: 0px !important;
  }
  .mT10 {
    margin-top: 10px !important;
  }
  .mT20 {
    margin-top: 20px !important;
  }
  .mT30 {
    margin-top: 30px !important;
  }
  .mT40 {
    margin-top: 40px !important;
  }
  .mT50 {
    margin-top: 50px !important;
  }
  .pT0 {
    padding-top: 0px !important;
  }
  .pT10 {
    padding-top: 10px !important;
  }
  .pT20 {
    padding-top: 20px !important;
  }
  .pT30 {
    padding-top: 30px !important;
  }
  .pT40 {
    padding-top: 40px !important;
  }
  .pT50 {
    padding-top: 50px !important;
  }
  a.footrbnrbtn {
    background: #E9142B;
    font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
    color: #fff;
    font-size: 17px;
    line-height: 30px;
    padding: 7px 30px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 3px;
    text-transform: uppercase;
  }
  /*SCP NEW BREADCRUMS*/
  .cmn-breadcrum > a {
    font-size: 14px;
  }
  .cmn-breadcrum > a:hover {
    color: #0b6db1 !important;
  }
  .smlarlft {
      display: block;
      margin: 8px;
      width: 5px;
      height: 5px;
      border-top: 1px solid #fff;
      border-left: 1px solid #fff;
      transform: rotate(135deg);
      position: relative;
  }
  .smlarlft::after {
    content: "";
    display: block;
    background-color: #fff;
    transform: rotate(-45deg) translate(15px, 4px);
    left: 0;
    top: 0;
  }
  .cmn-breadcrum .fntwt400 {
    font-size: 14px;
  }
  .cmn-breadcrum a {
    color: unset !important;
  }
  .fntwt400 {
    color: #138cd6;
  }
  /*.bread-crumb {
      border-bottom: 1px solid #f2f2f2;
  }*/
  .bread-crumb p {
    margin-bottom: 0px;
    font-size: 15px;
    padding: 5px 0px 0px 0px;
    color: #fff;
  }
  .bread-crumb a {
    color: #fff;
    text-decoration: none;
    position: relative;
  }
  .bread-crumb a span {
    content: "";
    position: absolute;
    left: 0;
    height: 1px;
    bottom: -2px;
    width: 0px;
    background: #0b6db1;
  }
  
  .mbread {
    display: none
  }
  .dcbread {
    display: inline-block
  }
  .bradkrm {
    font-size: 14px;
    font-weight: lighter;
    padding: 3px 0px 0px 0px;
        display: flex;
  }
  /*.bradkrm a {
    color: #fff !important;
    text-decoration: none;
  }
  
  .bradkrm a::after {
      content: '';
      position: absolute;
      left: 0;
      height: 1px;
      bottom: -2px;
      width: 0%;
      background: #fff;
      transition: .4s ease;
  }
  .bradkrm a:hover::after {
      width: 100%;
      transition: .4s ease;
  }*/
  
  
  .bradkrm a {
      color: #fff;
      text-decoration: none;
  }
  
  .bradkrm a:hover {
      color: #fff;
      text-decoration: none;
  }
  
  .bradkrm a::after {
      content: '';
      position: absolute;
      left: 0;
      height: 1px;
      bottom: -2px;
      width: 0%;
      background: #fff;
      transition: .4s ease;
  }
  
  .bradkrm a:hover::after {
      width: 100%;
      transition: .4s ease;
  }
  
  
  
  .bradkrm span {
    color: #fff !important;
  }
  .fntwt400 {
    font-weight: 400 !important;
  }
  .fntwt500 {
    font-weight: 500 !important;
  }
  .fntwt600 {
    font-weight: 600 !important;
  }
  .fntwt700 {
    font-weight: 700 !important;
  }
  
  span.brctitle {
    color: #fff !important;
  }
  .tpbdr1px {
    border-top: 1px solid #e6eff2;
  }
  .rowpding {
    margin: 100px 0
  }
  .introcont {
    padding: 0
  }
  .col2 {
    display: flex;
    align-items: center;
  }
  .col2 .innrdiv {
    flex: 0 0 46%;
    padding: 0px 4% 0px 0px;
  }
  .col2 .innrdiv40 {
    flex: 0 0 40%;
    padding: 0px 10% 0px 0%;
  }
  .col2 .innrdiv60 {
    flex: 0 0 50%;
    padding: 0px 10% 0px 0%;
  }
  .mainwrpr h2 {
    font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
    font-size: 29px;
    line-height: 1.25;
    color: #000;
    margin-top: 0px;
  }
  .mainwrpr h3 {
    font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
    font-size: 23px;
    line-height: 1.25;
    color: #000;
    margin-top: 0px;
  }
  .mainwrpr h3 a {
    font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
    font-size: 23px;
    line-height: 1.25;
    color: #000;
    margin-top: 0px;
    text-decoration: none;
  }
  .footrctasec h2 {
    font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
    font-size: 30px;
    line-height: 1.25;
    color: #000;
    margin-top: 0px;
  }
  
  .highlit {
    background: #f4fdff;
    padding: 20px 25px 10px 25px;
    border: 1px solid #81c1cf;
  }
  .highlit p {
    font-size: 15px;
  }
  ul.contentlist {
    list-style: none;
    padding-bottom: 10px;
    margin-left: 0;
  }
  ul.contentlist li {
    font-family: 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
    font-size: 18px;
    position: relative;
    list-style-type: none;
    margin-bottom: 5px;
    list-style-type: none;
    padding: 0px 0 0 25px;
    position: relative;
    line-height: 1.7;
    color: #000;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }
  ul.contentlist li::before {
    content: " ";
    display: block;
    border: solid 6px #0067ff;
    border-radius: 10px;
    height: 0;
    width: 0;
    position: absolute;
    left: 0;
    top: 10px;
  }
  ul.contentlist li::after {
    content: " ";
    display: block;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0px 2px 2px 0;
    position: absolute;
    left: 5px;
    top: 9px;
    margin-top: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  /*LAZY AND CONTENT ANIMATION*/
  .cont-anim > h1, .cont-anim > h2, .cont-anim > h3, .cont-anim > h4, .cont-anim > h5, .cont-anim > p, .cont-anim > ul > li, .cont-anim > div {
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
    opacity: 0;
  }
  .cont-anim .content-view {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
  }
  .right-img-anim {
    opacity: 0;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    transition: 1s ease;
  }
  .left-img-anim {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
    transition: 1s ease;
  }
  .img-view {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    transition: 1s ease;
  }
  .img-scale {
    opacity: 0;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    transition: 1s ease;
  }
  .parent-active .img-scale {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: 1s ease;
  }
  .right-anim {
    opacity: 0;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    transition: 1s ease;
  }
  .lef-anim {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
    transition: 1s ease;
  }
  .parent-active .lef-anim, .parent-active .right-anim, .parent-active .right-img-anim, .parent-active .left-img-anim {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    transition: 1s ease;
  }
  .bottom-to-top-anim {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    transition: 1s ease;
  }
  .parent-active .bottom-to-top-anim {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    transition: 1s ease;
  }
  /* [IMAGE] */
  .zoomD {
    height: auto;
    cursor: zoom-in !important;
    border: 1px solid #d7efff;
    box-shadow: 0px 1px 13px 4px rgb(0 0 0 / 5%);
  }
  /* [LIGHTBOX BACKGROUND] */
  #lb-back {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.84);
    /*background: rgba(255, 255, 255, 0.94);*/
    z-index: 999999;
    visibility: hidden;
    opacity: 0;
    transition: all ease 0.4s;
  }
  #lb-back.show {
    visibility: visible;
    opacity: 1;
  }
  /* [LIGHTBOX IMAGE] */
  #lb-img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
  }
  #lb-img img {
    /* You might want to play around with 
       width, height, max-width, max-height
       to fit portrait / landscape pictures properly. */
    width: 70%;
    height: auto;
    /* ALTERNATE EXAMPLE
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto; */
  }
  #lb-img img.smlimg {
    /* You might want to play around with 
       width, height, max-width, max-height
       to fit portrait / landscape pictures properly. */
    width: auto !important;
    height: auto;
  }
  /* [DOES NOT MATTER] */
  html, body {
    padding: 0;
    margin: 0;
  }
  .imgzoom {
    position: relative;
    background: #f2faff;
    padding: 20px;
  }
  .slide .imgzoom {
    position: initial;
  }
  .imgzoom:after {
    content: "";
    background: #35a2e8 url(https://www.manageengine.com/products/support-center/style/../images/zoom-icon.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 1px;
    right: 0px;
    width: 16px;
    height: 16px;
    padding: 15px;
    background-position: center;
    z-index: 0;
    pointer-events: none;
  }
  #closeimg {
    background-image: url(https://www.manageengine.com/products/support-center/style/../images/close.png);
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 999999;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: all ease 0.4s;
  }
  #closeimg.show {
    visibility: visible;
    opacity: 1;
  }
  .h2, .scphdrs, #ftrgetstd {
    font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
    font-size: 30px;
    color: #000;
  }
  #customers {
    background: #ecf4f9 !important;
    display: none;
  }
  #ftrgetstd {
    width: 70%;
    margin: 0 auto;
  }
  a.ftrgtstrd {
    font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
    background: #E9142B;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    letter-spacing: 0;
    font-weight: 500;
    display: block;
    /* width: 30%; */
  }
  .fea-nav-link span {
    font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
  }
  .fea-nav-link span.act {
    border-bottom: 3px solid #42d2eb;
  }
  .fea-nav-link {
    border-bottom: 2px solid #c6e8f2;
  }
  .ftrbnfits li a {
    color: #000;
  }
  .ftrbnfits li {
    color: #149cd2;
  }
  /*SCP 11.0 page style start */
  .updownarrow {
    display: inline-block;
    height: 8px;
    width: 19px;
    background: url("https://www.manageengine.com/products/support-center/style/../images/load-down-arrow.png");
    position: relative;
    top: 8px;
  }
  .updownarrow.expanded {
    background: url("https://www.manageengine.com/products/support-center/style/../images/load-up-arrow.png");
  }
  .loadmore {
    height: 60px;
    margin-top: -60px;
    position: relative;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2777485994397759) 0%, rgba(255, 255, 255, 1) 65%);
    padding-top: 70px;
  }
  .loadmore.remove {
    height: auto;
    margin-top: 0px;
    position: relative;
    background: none;
    padding-top: 0px;
  }
  span.lmoretxt {
    color: #4095dd;
    margin-left: 5px
  }
  /*SCP 11.0 page style end */
  /*whats new page styles start*/
  .ftrcontdiv {
    display: none;
  }
  .ftrcontdiv p {
    font-size: 15px;
    line-height: 1.3;
    margin: 0 0 20px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }
  .ftrcontdiv tbody td {
    font-size: 15px;
    line-height: 1.3;
    margin: 0 0 20px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }
  .ftrcontdiv ul {
    list-style: none;
    margin-left: 15px;
    padding: 0 !important;
  }
  .ftrcontdiv ul li {
    font-family: 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.3;
    color: #000;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    margin: 7px 0px;
    position: relative;
    padding-left: 15px;
    list-style-type: none;
  }
  .ftrcontdiv ul li::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50px;
    position: absolute;
    top: 6px;
    right: 0;
    bottom: 0;
    left: -10px;
    background: #179bd2;
  }
  .ftrheadrstxt {
    background-color: #fff;
    font-weight: 600;
    padding: 1em;
    display: block;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #c6e8f2;
    font-size: 18px;
    text-decoration: none !important;
    cursor: pointer;
    line-height: 21px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }
  .icon-plus {
    background: url(https://www.manageengine.com/products/support-center/style/../images/right-arrow.png) no-repeat;
    width: 20px;
    height: 20px;
    color: #5ec4cd;
    margin-right: 20px;
    font-size: 20px;
    float: left;
  }
  .icon-minus {
    background: url(https://www.manageengine.com/products/support-center/style/../images/down-arrow.png) no-repeat;
    width: 20px;
    height: 20px;
    color: #5ec4cd;
    margin-right: 20px;
    font-size: 20px;
    float: left;
  }
  .ftrcontdiv table {
    margin-top: -1px;
    position: relative;
  }
  thead {
    background: #00a9f4;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #fff;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }
  .ftrcontdiv table tr th {
    padding: 10px;
    border: 1px solid #6fd3fe;
  }
  .ftrcontdiv table tr td {
    padding: 10px 25px;
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
  }
  .ftrcontdiv table tbody tr td:nth-child(1) {
    width: 1%;
    background: #f1fafc;
  }
  .ftrcontdiv table tbody tr td:nth-child(2) {
    width: 25%
  }
  .ftrcontdiv table tbody tr td:nth-child(3) {
    width: 43%;
    background: #f1fafc;
  }
  .ftrcontdiv table tbody tr td:nth-child(4) {
    width: 31%
  }
  .ftrcontdiv table tbody tr td:nth-child(4) {
    border-right: 1px solid #e6e6e6;
  }
  /*.ftrcontdiv table tr td:nth-child(2n+1){ background:#f1fafc}*/
  /*
  .faq h3 {
      text-align: center;
      color: #000;
      font-size: 36px;
      margin: 0px 0px 30px 0px;
  }
  .faq-bg {
      padding:0px;
  }
  h2.mcqa-title {
      font-size: 26px;
  }
  button.accordion {
      outline: none;
  }
  .accordion-wrapper {
      border-bottom: 1px solid #e9eaea;
  }
  .accordion_head {
      cursor: pointer;
      position: relative;
      padding: 25px;
      font-weight: bold;
  }
  .accordion_body {
      background: #fff;
      overflow: hidden;
      width: 100%;
      padding: 0px 0px 0px 0px;
  }
  
  .accordion_body table thead {
      background: #00a9f4;
      font-size: 18px !important;
      font-weight: bold !important;
      color: #fff;
  }
  
  .accordion_body table tr th{ padding:10px;}
  .accordion_body table tr td{ padding:10px 25px; border-bottom: 1px solid #e6e6e6; background:#fff;}
  
  .accordion_body table tr td:nth-child(2n+1){ background:#f1fafc}
  
  
  .accordion_body p {
      font-size: 18px;
      line-height: 1.6;
      margin: 0 0 20px;
  }
  
  .accordion_body tbody td {
      font-size: 18px;
      line-height: 1.6;
      margin: 0 0 20px;
  }
  
  .accordion_body tbody ul {
      list-style: none;
      margin-left: 15px;
      padding: 0 !important;
  }
  
  .accordion_body tbody ul li {
      font-family: 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
      font-size: 18px;
      line-height: 1.3;
      color: #000;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      margin: 7px 0px;
      position: relative;
      padding-left: 15px;
      list-style-type: none;
  }
  
  .accordion_body ul li::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50px;
      position: absolute;
      top: 11px;
      right: 0;
      bottom: 0;
      left: -10px;
      background: #179bd2;
  }
      
      
  .plusminus {
      float: left;
      color: #166dd0;
      position: absolute;
      font-size: 20px;
      top: 26px;
      right: 0;
      bottom: 0;
      left: 0;
  }
  .plusminus:before {
      content: "\25B6";
      position: absolute;
      left: 0px;
      top: 6px;
      color: #156ccf;
      font-size: 14px;
  }
  span.accordion {
      background: none;
      border: none;
      font-size: 22px;
      margin-left: 25px;
  }
  div.accordion {
      background: none;
      border: none;
      font-size: 20px;
  }
  a.view-faq {
      font-size: 14px;
      margin: 15px !important;
      display: inline-block;
  }
  .register-next-bg {
      background: #166dd0;
      padding: 50px 0px;
      margin: 100px 0px 0px 0px;
  }
  .register {
      text-align: center;
  }
  .register a {
      color: #166dd0;
      font-size: 20px;
      background: #fff;
      padding: 10px 40px;
      display: inline-block;
      font-weight: bold;
      border-radius: 5px;
  }
  .register a:hover {
      text-decoration: none;
  }
  */
  /*whats new page styles end*/
  .casesdy-title {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 5%;
  }
  .blubdr {
    width: 70px;
    height: 6px;
    background: #00b0f4;
    margin: 0 auto
  }
  .casysdycont p div li {
    font-size: 15px;
    line-height: 26px;
  }
  ul.csdy-list li {
    font-size: 15px;
    line-height: 26px;
    color: #00b0f4;
    text-align: left;
  }
  ul.csdy-list li span {
    font-size: 15px;
    line-height: 26px;
    color: #444
  }
  strong.ncssconthd {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Zoho_Puvi_SemiBold';
  }
  .custmrqt {
    padding: 5% 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-top: 30px;
  }
  .cusqticn {
    width: 13%;
    padding: 0 1%;
    float: left;
  }
  .custmrqtcont {
    width: 83%;
    padding: 0 1%;
    float: left;
  }
  div.custmrqtsys {
    font-family: Georgia, serif;
    font-size: 24px;
    line-height: 30px;
    font-style: italic;
    font-weight: 800;
    color: #000;
    text-align: left;
  }
  .ncsscont p span {
    font-family: Georgia, serif;
    font-style: italic;
    font-weight: 600;
    color: #000;
    font-size: 16px;
    line-height: 26px;
  }
  .casysdycont {
    font-size: 15px;
    line-height: 26px;
    text-align: justify;
    display: flex;
    margin-bottom: 20px;
  }
  .lhscont {
    width: 25%;
  }
  .rhscont {
    width: 70%;
    padding-left: 5%;
  }
  .lhscont h4 {
    color: #00b0f4;
    font-size: 23px;
    line-height: 25px;
    font-weight: 500;
    font-variant: small-caps;
    text-align: left;
    font-family: 'Zoho_Puvi_SemiBold';
    margin-top: 20px;
    margin-left: 0px;
  }
  .rhscont h3 {
    font: 23px/1.3 'Zoho_Puvi_SemiBold';
    color: #000;
  }
  /*Resources page style starts*/
  .msp-resources {
    display: flex;
    flex-wrap: wrap;
  }
  .rs-box {
    width: 30%;
    margin: 10px;
    background: #f6fdff;
    border: 1px solid #e3f7fc;
  }
  .ptb {
    padding: 20px 0 25px 0 !important;
  }
  .mspevalguide {
    background: url(../images/help-guides-icons.png) no-repeat -602px 0px;
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto;
  }
  p.guidetitle {
    color: #000 !important;
    font-size: 17px;
    font-family: 'Zoho_Puvi_SemiBold';
    margin-top: 20px;
  }
  p.guidetitle a {
    color: #000 !important;
    text-decoration: none !important;
    font-size: 17px;
    font-family: 'Zoho_Puvi_SemiBold';
  }
  .admnguide {
    background: url(../images/help-guides-icons.png) no-repeat 0px 0px;
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #c5e8f2;
  }
  .usrguide {
    background: url(../images/help-guides-icons.png) no-repeat -86px 0px;
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #c5e8f2;
  }
  .intslguide {
    background: url(../images/help-guides-icons.png) no-repeat -172px 0px;
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #c5e8f2;
  }
  .quickstrt {
    background: url(../images/help-guides-icons.png) no-repeat -258px 0px;
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #c5e8f2;
  }
  .mspfactsheet {
    background: url(../images/help-guides-icons.png) no-repeat -516px 0px;
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #c5e8f2;
  }
  .mspevalguide {
    background: url(../images/help-guides-icons.png) no-repeat -602px 0px;
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #c5e8f2;
  }
  .quickbok {
    background: url(../images/help-guides-icons.png) no-repeat -344px 0px;
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #c5e8f2;
  }
  .mspoverviewppt {
    background: url(../images/help-guides-icons.png) no-repeat -430px 0px;
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #c5e8f2;
  }
  .mobacs {
    background: url(../images/help-guides-icons.png) no-repeat -687px 0px;
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #c5e8f2;
  }
  .docubtns {
    background: #2196f3 !important;
    padding: 5px 10px !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 3px;
  }
  .morlinks {
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
  }
  /*Resources page style end*/
  /*case study page style starts*/
  .casestdylistcont {}
  .casestdylist {
    display: flex;
    margin: 50px 0;
    border-bottom: 1px solid #d8eeff;
    padding-bottom: 20px;
  }
  .bdrbtmn {
    border-bottom: none
  }
  .casestdylist .left {
    width: 30%
  }
  .casestdylist .left img {
    border-radius: 50%;
  }
  .casestdylist .right {
    width: 70%
  }
  .casestdylist a.readmore {
    color: #1f93ec;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 0.5px;
    font-size: 15px !important;
    cursor: pointer;
    float: right;
  }
  p.autnme {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 0px;
  }
  p.autdsin {
    font-size: 13px;
    margin-top: 0px;
  }
  .container1200 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 30px;
  }
  .case-study-banner img, picture, source {
    max-width: 70%;
    height: auto;
  }
  .casestudy-header-bg {
    background: #e6faff;
  }
  .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
  }
  .row .col {
    flex-grow: 1;
    flex-basis: 0;
    margin: 0px 50px;
  }
  .casestudy-header {
    padding: 20px 0px;
    max-width: 1400px;
  }
  .casestudy-header .breadcrumb {
    margin: 0px;
    color: #000;
    font-size: 14px;
  }
  .casestudy-header p.breadcrumb a {
    color: #000 !important;
  }
  .breadcrumb-title {
    color: #0b6db1;
  }
  ul.header-menu-items {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
  ul.header-menu-items li a {
    color: #fff;
    margin: 10px;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
  }
  ul.header-menu-items li:not(:last-child) {
    border-right: 1px solid #fff;
  }
  .case-study-banner-bg {
    background: #e6faff;
  }
  .banner img {
    animation: fadein 1s ease-in-out;
  }
  @keyframes fadein {
    0% {
      transform: translateY(100px)
    }
    100% {
      transform: translateY(0px)
    }
  }
  .case-study-banner h1 {
    font: 48px/1.2 Zoho_Puvi_Bold !important;
    max-width: 100%;
    font-size: 30px !important;
    margin: 0px 0px 20px 0px;
  }
  .case-study-banner p {
    max-width: 100%;
    margin: 0px 0px 20px 0px;
  }
  .case-study-banner .col form#Apiform {
    max-width: 75%;
  }
  .case-study-banner .col input#emailID {
    font-size: 15px;
    width: 100%;
    border: 1px solid #b6e4ef !important;
    border-radius: 0px !important;
    box-sizing: border-box;
    margin-bottom: 10px;
    height: 50px;
    padding: 0px 0px 0px 20px;
  }
  .case-study-banner .col input#emailID::placeholder {
    color: #000;
  }
  .case-study-banner .col select#MECountryListing {
    font-size: 15px;
    color: #000 !important;
    width: 100%;
    -webkit-appearance: none;
    border: 1px solid #b6e4ef !important;
    border-radius: 0px;
    box-sizing: border-box;
    height: 50px !important;
    padding: 0px 0px 0px 20px;
  }
  .case-study-banner .col .prvcy-plicy {
    width: 100%;
    margin: 15px auto 0 auto;
    font-size: 11px;
    color: #000;
    text-align: left;
    line-height: 1.5;
  }
  .case-study-banner .col div#meGDPRMessage {
    font-size: 12px;
  }
  .case-study-banner .col .prvcy-plicy a {
    font-size: 12px;
  }
  .case-study-banner .col .submitdiv {
    width: 100%;
    padding: 0px !important;
    margin-top: 30px;
  }
  .case-study-banner .col input#submit {
    background: #e9152b;
    -webkit-appearance: none;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 40px;
    font-size: 17px;
    font-family: Zoho_Puvi_Bold;
    cursor: pointer;
    border: 0;
    border-radius: 3px;
    width: 100%;
  }
  .case-study-footer-bg {
    background: #fff;
  }
  /*case study page style ends*/
  .h2.tac.m0 {
    display: none;
  }
  /*Youtube Videos In-line-embeding-style-start*/
  .me-sdp-video-parent-container {
    max-width: 800px;
    margin: 0px auto;
    width: 95%;
  }
  .me-sdp-video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    /* 16:9 aspect ratio for responsive scaling */
    overflow: hidden;
  }
  .me-sdp-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    /* Adjust the overlay color and transparency */
  }
  .me-sdp-video-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /*Youtube Videos In-line-embeding-style-end*/
  .modal {
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .modal.is-visible {
    visibility: visible;
  }
  .modal-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000e8;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
  }
  .modal.is-visible .modal-overlay {
    opacity: 1;
    transition-delay: 0s;
  }
  .modal-wrapper {
    z-index: 9999;
    width: 90%;
    max-width: 900px;
    background-color: #fff;
    box-shadow: 0 0 1.5em hsl(0deg 0% 0% / 35%);
    height: 510px;
  }
  .modal-transition {
    transition: all 0.3s 0.12s;
    opacity: 0;
  }
  .modal.is-visible .modal-transition {
    opacity: 1;
  }
  .modal-header, .modal-content {
    padding: 1em;
  }
  .modal-header {
    position: relative;
    background-color: #fff;
    box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
    border-bottom: 1px solid #e8e8e8;
  }
  .modal-close {
    position: absolute;
    top: 0;
    right: 0;
    color: #aaa;
    background: none;
    border: 0;
    height: 40px;
    width: 50px;
  }
  .modal-close::after {
    content: '';
    height: 100%;
    display: block;
    width: 2px;
    background: grey;
    border-radius: 10px;
  }
  .modal-close::before {
    content: '';
    height: 100%;
    display: block;
    width: 2px;
    background: grey;
    border-radius: 10px;
  }
  .modal-close:hover {
    color: #777;
  }
  .modal-heading {
    font-size: 1.125em;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .modal-content > *:first-child {
    margin-top: 0;
  }
  .modal-content > *:last-child {
    margin-bottom: 0;
  }
  .popup-btn {
    cursor: pointer
  }
  /*close-btn*/
  .close-btn {
    position: absolute;
    right: 10px;
    top: 30px;
    height: 50px;
    width: 50px;
    background-image: url(https://www.manageengine.com/products/support-center/style/../images/popup-close-img.png);
    background-size: contain;
    cursor: pointer;
  }
  #scpftrctasec {
    padding: 50px 0;
    background: #000;
    /* width: 1200px; */
    /* margin: 0 auto; */
    /* border-radius: 30px; */
  }
  #scpftrctasec h2 {
    font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
    font-size: 28px;
    line-height: 35px;
    color: #fff;
    /* margin-bottom: 40px; */
    width: 50%;
    margin: 0 auto 30px auto;
  }
  
  @media screen and (max-width:1180px) {
    .col2 .innrdiv40 {
      flex: 0 0 44%;
      padding: 0px;
    }
    .col2 .innrdiv60 {
      flex: 0 0 46%;
      padding: 0px 2% 0px 2%;
    }
  }
  
  @media screen and (max-width:980px) {
      .pro-menu#MEmobile {
      position: relative;
          top: 0;}
      .container {
      max-width: 1200px;
      width: 90%;
      margin: 0 auto;
  }
      #commonHeader {
          min-height: 90px;
          height: 64px;
      }
   .heading-menu {
          margin-top: -1px !important;
      }
      .bradkrm {
      padding: 3px 10px 0px 10px;
  }
    .heading-menu h1.ftrmnhdr {
      font-size: 35px;
    }
    .col2 {
      flex-wrap: wrap;
    }
    .col2.flxdirclmrvrs {
      flex-direction: column-reverse;
    }
    .col2 .innrdiv40 {
      flex: 0 0 96%;
      padding:0;
    }
    .col2 .innrdiv60 {
      flex: 0 0 96%;
      padding:0;
    }
    .imgzoom {
      margin-top: 20px;
    }
    .rowpding {
      margin: 40px 0;
    }
    .casestudy-header-bg {
      display: none;
    }
    .banner-bg .row {
      justify-content: center;
      flex-direction: column;
      text-align: center;
    }
    .case-study-banner .col {
      flex-grow: 1;
      flex-basis: 0;
      margin: 0;
      width: 100%;
      padding: 0px 0 50px 0;
    }
    .case-study-banner .col form#Apiform {
      max-width: 75%;
      margin: 50px auto 0 auto;
    }
    .casysdycont {
      font-size: 15px;
      line-height: 26px;
      text-align: justify;
      display: flex;
      margin-bottom: 20px;
      flex-wrap: wrap;
    }
      .modal-wrapper {
      height: 300px;
    }
    .case-study-banner img, picture, source {
      max-width: 70%;
      height: auto;
      margin-top: 40px;
    }
    .lhscont {
      width: 100%;
    }
    .rhscont {
      width: 100%;
      padding-left: 0;
      margin-top: 30px;
    }
    .casesdy-title {
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      padding: 30px 0 0 0;
    }
    .casesdy-title .pg-head {
      font-family: 'Zoho_Puvi_SemiBold';
      font-size: 30px;
      line-height: 35px;
    }
    .lhscont img {
      width: 50%;
      margin-top: 20px;
    }
    .cusqticn {
      width: 100%;
      padding: 0 1%;
      float: none;
    }
    .cusqticn img {
      width: 10%;
    }
    .custmrqtcont {
      width: 100%;
      padding: 0 1%;
      float: none;
      margin-top: 20px;
    }
  
    .h2, .scphdrs, #ftrgetstd {
      width: 80%;
      margin: 0 auto;
    }
    #ftrgetstd {
      width: 90%;
      margin: 0 auto;
    }
      #scpftrctasec h2{width: 70%;}
  }
  @media screen and (max-width:667px) {
  .scp-brdcrm-bg {
      display: none;
  }
    .container {
      width: 90%;
    }
    .container1200 {
      max-width: 1200px;
      margin: 0 auto;
      padding: 70px 10px;
    }
  
    .mbread {
      display: inline-block
    }
    .dcbread {
      display: none
    }
    .heading-menu h1.ftrmnhdr {
      font-size: 30px;
      line-height: 1.2;
    }
    span.brtg {
      display: bloc;
      height: 5px;
    }
    .ftrpg-inrhdr {
      font-size: 22px;
      line-height: 30px;
    }
    .mainwrpr h2 {
      font-size: 25px;
    }
    ul.contentlist li {
      font-size: 16px;
      line-height: 1.3;
    }
    .mobwidth {
      overflow: scroll;
    }
    .case-study-banner .col input#submit {
      padding: 15px 0;
    }
    .case-study-banner .col form#Apiform {
      max-width: 100%;
      margin: 50px auto 0 auto;
    }
    .case-study-banner img, picture, source {
      margin-top: 0;
    }
    .case-study-banner .col {
      flex-grow: 1;
      flex-basis: 0;
      margin: 0;
    }
    .sec-pTB.mbH {
      display: block !important;
    }
    #ftrgetstd {
      width: 100%;
      margin: 0 auto;
    }
    a.ftrgtstrd {
      width: 60%;
    }
    .fea-nav-link {
      display: none;
    }
    .fea-nav-list {
      display: none;
    }
  }
  @media screen and (max-width:500px) {
    
    #customers {
      display: none
    }
    .casestdylist {
      flex-wrap: wrap;
    }
    .casestdylist .left {
      width: 100%;
    }
    .casestdylist .right {
      width: 100%;
    }
    .casestdylist a.readmore {
      float: left;
    }
    #scpftrctasec h2{    width:90%;}
  }
  
  /*------------------- Additional RCS CSS -------------------*/
   .quotes {
       font-family: 'Zoho_Puvi_Regular';
       font-size: 18px;
       line-height: 40px;
       text-align: center;
       width: 90%;
       margin: 50px auto;
   }
   
   p.quotes-desc {
       font-style: italic;
       font-size: 24px;
       font-family: serif;
       font-weight: bold;
       margin: 20px 0px;
       text-align: center;
       line-height: 1.3;
   }
   
   .qtnme {
       font-family: 'Zoho_Puvi_Regular';
       font-size: 14px;
       line-height: 40px;
       color: #529a63;
   }
   /*Footer CTA section */
   
   
  #scpftrctasec{ padding:50px 0;background: #000;}
  #scpftrctasec h2{font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;font-size: 28px;line-height: 35px; color:#fff;margin-bottom: 20px;}
   
   #sdpcutomerlogos,
   #ftrgetstd,
   #allFea {
       display: none;
   }
   
   .footerctas {
       background: #f3fcff;
       padding: 3% 0;
   }
   
   #scpfooterlinkssec {
       background: #fff;
       padding: 3% 0;
   }
   
   #gdpr-additionalrcs h2.gdpr {
       width: 100% !important;
   }
   
   .chngeftrlinkssec ul.add-resources h2 {
       width: 90%;
       font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
   }
   
   .chngeftrlinkssec ul.add-resources li {
       margin: 10px 0;
   }
   
   ul.gdprlinks li {
       margin: 10px 0
   }
   
   .bradkrm-container {
       width: 1400px;
       margin: 0 auto
   }
   
   .selfsrviceftrcta {
       background: #f3fcff;
       padding: 3% 0;
   }
   
   #selserviceftrlinks {
       background: #fff;
   }
   
   #itsmfooterctasec,
   #atomtionftrctasec h2 {
       font-family: 'Zoho_Puvi_SemiBold';
       font-size: 30px;
       line-height: 1.25;
   }
   
   #nofolder-additionalrcs h2 {
       width: 95%;
   }
   
   #nofolder-additionalrcs ul.add-resources h2 {
       margin: 10px 0px 15px 0px;
   }
   
   #nofolder-additionalrcs ul.add-resources p {
       font-size: 18px;
       padding-right: 5%;
   }
   
   #opnprmises-additionalrcs h2 {
       width: 81%;
   }
   
   #integrtionadditionalsec h2 {
       width: 82%;
   }
   
   #opnprmises-additionalrcs ul.add-resources li {
       padding: 6px 0;
   }
   
   #itilrlese-additionalrcs ul.add-resources h2 {
       width: 84%;
   }
   
   #itilrlese-additionalrcs img.add-res {
       width: 50%;
   }
   
   #rportsadditionalsec ul.otherlinkcont li.left {
       flex: 0 0 100%;
   }
   
   #rportsadditionalsec h4.other {
       margin: 25px 0px 10px 0px !important;
   }
   
   a.startyrfre {
       background: #e23c32;
       color: #fff;
       font-size: 19px;
       padding: 7px 30px;
       border-radius: 5px;
       text-decoration: none;
       font-weight: 400;
       width: 130px;
       display: inline-block;
       margin: 0 10px;
       line-height: 24px;
       font-family: 'Zoho_Puvi_SemiBold';
   }
   
   a.strtur30dys>span,
   a.startyrfre>span {
       font-size: 12px;
       display: block;
       letter-spacing: 1px;
   }
   
   a.startyrfre {
       background: #e23c32;
       color: #fff;
       font-size: 19px;
       padding: 7px 30px;
       border-radius: 5px;
       text-decoration: none;
       font-weight: 400;
       width: 130px;
       display: inline-block;
       margin: 0 10px;
       line-height: 24px;
       font-family: 'Zoho_Puvi_SemiBold';
   }
   
   a.ftrdemo {
       background: #E9142B;
       color: #fff;
       font-size: 20px;
       line-height: 30px;
       padding: 10px 40px;
       display: inline-block;
       border-radius: 5px;
       text-decoration: none;
       text-align: center;
       letter-spacing: 0;
       font-weight: 500;
       display: none;
   }
   /*Automation folder CTA style start*/
   
   #atomtionftrctasec a.startyrfre {
       background: #e23c32;
       color: #fff;
       font-size: 19px;
       padding: 7px 30px;
       border-radius: 5px;
       text-decoration: none;
       font-weight: 400;
       width: 155px;
       display: inline-block;
       margin: 0 10px;
       line-height: 24px;
       font-family: 'Zoho_Puvi_SemiBold';
   }
   
   #atomtionftrctasec a.strtur30dys>span,
   a.startyrfre>span {
       font-size: 10px;
       display: block;
       letter-spacing: 1px;
       color: #ffff;
   }
   
   #atomtionftrctasec a.ftrdemo {
       background: #E9142B;
       color: #fff;
       font-size: 20px;
       line-height: 30px;
       padding: 10px 40px;
       display: inline-block;
       border-radius: 5px;
       text-decoration: none;
       text-align: center;
       letter-spacing: 0;
       font-weight: 500;
       display: none;
   }
   /*Automation folder CTA style end*/
   
   .tac {
       text-align: center;
   }
   
   .mT0 {
       margin-top: 0 !important;
   }
   
   .mT30 {
       margin-top: 30px;
   }
   /*Footer additional links section */
   
   #additionalsec {
       background: #fff;
       padding: 3% 0
   }
   
   .add-resources-bg {
       padding: 50px 0;
       box-sizing: border-box;
   }
   
   .add-resources-bg .container {
       max-width: 1100px;
       width: 100%;
       margin: 0 auto;
       padding: 0;
   }
   ul.addresorcs {
      display: flex;
      flex-wrap: wrap;
  }
   
   ul.add-resources {
       display: flex;
   }
   
   ul.add-resources li {
      flex: 0 0 50%;
      box-sizing: border-box;
      padding: 0px 5px 0px 0px;
      margin: 5px 0px !important;
      box-sizing: border-box;
          line-height: 23px;
  }
  
   
   ul.add-resources h4 {
       margin-left: 0px;
       text-transform: uppercase;
       font-size: 19px;
       font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
   }
   
   ul.add-resources h2 {
   font-family: 'Zoho_Puvi_SemiBold', 'Open Sans', sans-serif;
       width: 65%;
       font-size: 28px;
       color: #3180d2;
       margin: 10px 0px 30px 0px;
       line-height: 1.2;
   }
   
   img.add-res {
       display: block;
       margin: 40px auto 0px 0px;
   }
   
   h4.other {
       margin: 30px 0px 10px 0px !important;
       text-transform: inherit !important;
       font-size: 18px !important;
   }
   
   p.lot-more {
       width: 80%;
   }
   
   ul.add-resources a {
       color: #000;
       font-size: 18px;
       text-decoration: underline;
   }
   
   ul.watch li {
       font-size: 18px;
       line-height: 1.8;
   }
   
   ul.luxury {
       margin: 30px 0px;
   }
   
   ul.luxury li {
       font-size: 18px;
       line-height: 1.8;
   }
   
   ul.lnks li {
       font-size: 18px;
       line-height: 1.8;
   }
   
   ul.lnks li a {
       position: relative;
       text-decoration: none;
   }
   
   ul.lnks li a:before {
       content: "";
       width: 0%;
       border-bottom: 1px solid #3180d2;
       position: absolute;
       top: 0;
       left: 0px;
       bottom: 0;
       transition: width 0.5s;
   }
   
   ul.lnks li a:hover:before {
       width: 100%;
   }
   
   ul.luxury li a {
       position: relative;
       text-decoration: none;
   }
   
   ul.luxury li a:before {
       content: "";
       width: 0%;
       border-bottom: 1px solid #3180d2;
       position: absolute;
       top: 0;
       left: 0px;
       bottom: 0;
       transition: width 0.5s;
   }
   
   ul.luxury li a:hover:before {
       width: 100%;
   }
   
    ul.resourceslinks li a {
       position: relative;
       text-decoration: none;
       font-size: 16px !important;
       line-height: 1.9 !important;
       margin: 0px;
       display: inline-block;
       font-family:'Zoho_Puvi_Regular';
   }
   
   ul.addresorcs li a {
       position: relative;
       text-decoration: none;
       font-size: 16px !important;
       line-height: 23px !important;
       margin: 0px;
       display: inline-block;
       font-family:'Zoho_Puvi_Regular';
   }
   
   ul.addresorcs li a:before {
       content: "";
       width: 0%;
       border-bottom: 1px solid #000;
       position: absolute;
       top: 0;
       left: 0px;
       bottom: 0;
       transition: width 0.5s;
   }
   
   ul.addresorcs li a:hover:before {
       width: 100%;
   }
   
   ul.otherlinkcont {
       display: flex;
   }
   
   ul.otherlinkcont li.left {
       width: 50%;
   }
   
   ul.otherlinkcont li.right {
       width: 50%;
   }
   
   .otherlinkcont>li {
       padding-right: 10px !important;
   }
   
   ul.otherlinks li a {
       position: relative;
       text-decoration: none;
       font-size: 16px;
   }
   
   ul.otherlinks li a:before {
       content: "";
       width: 0%;
       border-bottom: 1px solid #3180d2;
       position: absolute;
       top: 0;
       left: 0px;
       bottom: 0;
       transition: width 0.5s;
   }
   
   ul.otherlinks li a:hover:before {
       width: 100%;
   }
   
   p.itilresrv {
       display: none
   }
   
   p#itilresrv {
       font-size: 14px !important;
       padding-bottom: 25px;
       margin-top: 40px;
       margin-bottom: 0px;
   }
   
   p.footer-desc {
       max-width: 70%;
   }
   
   @media screen and (max-width:1024px) {
       .add-resources-bg .container {
           max-width: 90%;
           width: 90%;
           margin: 0 auto;
       }
       p.footer-desc {
           max-width: 100%;
       }
   }
   
   @media screen and (max-width:980px) {
       ul.add-resources h2 {
           width: 100%;
       }
       ul.add-resources {
           display: flex;
           align-items: center;
           flex-wrap: wrap;
       }
       ul.add-resources>li:nth-child(2) {
           margin-left: 0px;
       }
       ul.add-resources li {
           flex: 0 0 100% !important;
       }
       ul.otherlinkcont {
           display: flex;
           flex-wrap: wrap;
       }
       ul.otherlinkcont li.left {
           width: 100% !important;
       }
   }
   
   @media screen and (max-width:500px) {
       /*#nofolderftrctasec h2, #itsmfooterctasec h2, #hdsfooterctasec h2, #gdprfooterctasec h2, #atomtionftrctasec h2, #chngeftrctasec h2, #onpremisesftcta h2, #cloudftrcta h2, #itilrleseftrcta h2, #itilftrcta h2, #rportsftrcta h2{
      
  }*/
       #scpfooterlinkssec {
           padding: 10% 0;
       }
       #nofolderftrctasec a.startyrfre:nth-child(2) {
           display: none
       }
       #itsmfooterctasec a.startyrfre:nth-child(2) {
           display: none
       }
       #hdsfooterctasec a.startyrfre:nth-child(2) {
           display: none
       }
       #gdprfooterctasec a.startyrfre:nth-child(2) {
           display: none
       }
       #atomtionftrctasec a.startyrfre:nth-child(2) {
           display: none
       }
       #chngeftrctasec a.startyrfre:nth-child(2) {
           display: none
       }
       #onpremisesftcta a.startyrfre:nth-child(2) {
           display: none
       }
       #cloudftrcta a.startyrfre:nth-child(2) {
           display: none
       }
       #itilrleseftrcta a.startyrfre:nth-child(2) {
           display: none
       }
       #itilftrcta a.startyrfre:nth-child(2) {
           display: none
       }
       #rportsftrcta a.startyrfre:nth-child(2) {
           display: none
       }
       #nofolderftrctasec .mob-pB50 {
           padding-bottom: 10px!important;
       }
       #itsmfooterctasec .mob-pB50 {
           padding-bottom: 10px!important;
       }
       #hdsfooterctasec .mob-pB50 {
           padding-bottom: 10px!important;
       }
       #gdprfooterctasec .mob-pB50 {
           padding-bottom: 10px!important;
       }
       #atomtionftrctasec .mob-pB50 {
           padding-bottom: 10px!important;
       }
       #chngeftrctasec .mob-pB50 {
           padding-bottom: 10px!important;
       }
       #onpremisesftcta .mob-pB50 {
           padding-bottom: 10px!important;
       }
       #cloudftrcta .mob-pB50 {
           padding-bottom: 10px!important;
       }
       #itilrleseftrcta .mob-pB50 {
           padding-bottom: 10px!important;
       }
       #itilftrcta .mob-pB50 {
           padding-bottom: 10px!important;
       }
       #rportsftrcta .mob-pB50 {
           padding-bottom: 10px!important;
       }
       img.add-res {
           display: block;
           margin: 25px auto;
       }
   }
   
   .modal {
      position: fixed;
      z-index: 1000000;
      top: 0;
      left: 0;
      visibility: hidden;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .modal.is-visible {
      visibility: visible;
  }
  
  .modal-overlay {
      position: fixed;
      z-index: 10;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000000e8;
      opacity: 0;
      transition: visibility 0s linear 0.3s, opacity 0.3s;
  }
  
  .modal.is-visible .modal-overlay {
      opacity: 1;
      transition-delay: 0s;
  }
  
  .modal-wrapper {
      z-index: 9999;
      width: 90%;
      max-width: 900px;
      background-color: #fff;
      box-shadow: 0 0 1.5em hsl(0deg 0% 0% / 35%);
      height: 510px;
  }
  
  .modal-transition {
      transition: all 0.3s 0.12s;
      opacity: 0;
  }
  
  .modal.is-visible .modal-transition {
      opacity: 1;
  }
  
  .modal-header,
  .modal-content {
      padding: 1em;
  }
  
  .modal-header {
      position: relative;
      background-color: #fff;
      box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
      border-bottom: 1px solid #e8e8e8;
  }
  
  .modal-close {
      position: absolute;
      top: 0;
      right: 0;
      color: #aaa;
      background: none;
      border: 0;
      height: 40px;
      width: 50px;
  }
  
  .modal-close::after {
      content: '';
      height: 100%;
      display: block;
      width: 2px;
      background: grey;
      border-radius: 10px;
  }
  
  .modal-close::before {
      content: '';
      height: 100%;
      display: block;
      width: 2px;
      background: grey;
      border-radius: 10px;
  }
  
  .modal-close:hover {
      color: #777;
  }
  
  .modal-heading {
      font-size: 1.125em;
      margin: 0;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  
  .modal-content>*:first-child {
      margin-top: 0;
  }
  
  .modal-content>*:last-child {
      margin-bottom: 0;
  }
  
  .popup-btn {
      cursor: pointer
  }
  
  
  /*close-btn*/
  
  .close-btn {
      position: absolute;
      right: 10px;
      top: 30px;
      height: 50px;
      width: 50px;
      background-image: url(../images/popup-close-img.png);
      background-size: contain;
      cursor: pointer;
  }
  
  
  @media only screen and (max-width:767px) { 
      .modal-wrapper {
          height: 300px;
      }
  }