.slider-5-bg {
    background: #001a8c;
}
        body {
            font: 300 16px/30px "Zoho_Puvi_Regular", sans-serif;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            color: #000;
        }

      
        .txt-h1 {
            font-size: 48px !important;
            font-weight: 700 !important;
            line-height: 1.3 !important;
            margin-bottom: 8px !important;
        }

        .banner-content p {
            color: #000;
            font-size: 18px;
        }

        /* new banner */
        * {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .slider-bg1 {
            background: #f0f2f0;
        }

        .slider-bg2 {
            background: rgb(255, 204, 0);
        }

        .slider-bg3 {
            background: #dadada;
        }

        .slider-bg4 {
            background: rgb(251, 206, 46);
        }

        .slider-bg5 {
            background: #0b3090;
        }

        .slider-bg6 {
            background: #0912a6;
        }
.blue-bg-001A89 {background: #001A89;}
.blue-bg-1946ab {
  background: #1946ab;
}
.white-bg-f9f9f9 {background:#f9f9f9;}
.nutanix-bg {background:#080f46 url(https://www.manageengine.com/itom/spotlight/images/video-th-bg.jpg) top center no-repeat;background-size:cover;}

.banking-cs-bg {position:relative;background:#000}
.banking-cs-bg:before {
    content:"";
    background: url(https://www.manageengine.com/itom/images/hero-banners/banking-case-study.png) top center no-repeat;
    background-size:cover;
    position:absolute;width:100%;
    height:100%;z-index:-1;opacity:.75;
}

        .banner-wrapper .swiper-slide {
            min-height: 360px;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 0;
            padding: 32px 0;
        }
.swiper-pagination-bullet {
width:12px;height:12px;border:1px solid #fff;
}

        .banner-wrapper h1 {
            font-size: 40px;
            font-weight: 800;
            line-height: 1.3;
            margin-bottom: 8px;
        }

        .banner-wrapper h2 {
            font-weight: 800;
            font-size: 30px;
            line-height: 1.5;
            margin: 0;
            margin-bottom: 16px;
        }
.txt-size-m {font-size:28px !important;}

        .banner-wrapper h2>strong {
            font-weight: 900;
        }

        .banner-wrapper h3 {
            font-size: 22px;
            font-weight: 500;
            margin: 0;
        }

        .banner-wrapper p {
            font-size: 18px;
            margin: 0;
            margin-bottom: 0 !important;
        }

        .banner-wrapper a {
            display: inline-block;
            padding: 8px 24px;
            border-radius: 4px;
            text-align: center;
            font-weight: 600;
            font-size: 17px;
            transition: all .3s;
            margin-top: 16px;
            font-family: 'Zoho_Puvi_SemiBold', sans-serif;
        }

        .banner-wrapper a:hover {
            text-decoration: none;
            opacity: .8;
        }

        .btn-red {
            background: #cf1e1e;
            color: #fff;
        }

        .btn-black {
            background: #000;
            color: #fff !important;
        }

        .btn-white {
            background: #fff;
            color: #f00 !important;
        }

        .btn-yellow {
            background: #ffcc00;
            color: #000000 !important;
        }

        .txt-black * {
            color: #000;
        }

        .txt-white * {
            color: #fff;
        }
.yellow-txt {color:#ffc901;}
        .mrg-btm-sm {
            margin-bottom: 8px !important;
        }

        .mrg-btm-md {
            margin-bottom: 16px !important;
        }

        .mrg-btm-l {
            margin-bottom: 24px !important;
        }

        .hero-content-row {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: left;
            flex-wrap: wrap;
            max-width: 1024px;
            gap: 40px;
            margin: 0 auto;
        }

        /*.slider-bg1:before{height: 100%;background-image: url(images/opm-banner-bg-right.svg);background-repeat: no-repeat;width: 100%;position: absolute;content: "";top: 0;bottom: 0;opacity: 0.20;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;overflow: hidden;background-position: topleft;background-size: contain;z-index:-1;}*/
        .slider-bg1:before,
        .slider-bg1:after {
            content: "";
            width: 100%;
            height: 100%;
            background-size: contain;
            opacity: 1;
            bottom: 0;
            right: 0;
            z-index: -1;
        }

        .slider-bg1:before {
            content: "";
            position: absolute;
            background: url(https://www.manageengine.com/it-operations-management/images/opm-banner-bg-right.svg) no-repeat right;
        }

        .slider-bg1:after {
            content: "";
            position: absolute;
            background: url(https://www.manageengine.com/it-operations-management/images/opm-banner-bg-right.svg) no-repeat left;
        }

        .banner-container {
            max-width: 1120px;
        }

        .hero-content-row>.cell:first-child {
            width: 60%;
        }

        .hero-content-row>.cell:last-child {
            width: calc(40% - 40px);
            text-align: center;
        }

.yellow-bg {
  background: #ffcc00;
}
.orange-bg {
  background: #fda31a;
}
.halloween-bg:before {content:"";background:url(https://www.manageengine.com/it-operations-management/itom/images/banner/halloween-spider-bg.svg) top left no-repeat;position:absolute;width:100%;height:100%;opacity:.5;z-index:-1;}
        .yellow-hglt {
            display: inline-block;
            background: #ffcc02;
            text-transform: uppercase;
            padding: 9px 11px;
            font-size: 12px;
            letter-spacing: 1px;
            line-height: 1.15;
            font-weight: 600;
            margin-bottom: 16px;
        }
.white-hglt {
  display: inline-block;
  background: #fff;
  padding: 2px 12px;
  border-radius: 6px;
  font-size: 14px;margin-bottom:8px;
}

        .index-banner-badge--white {
            display: inline-block;
            background: #f2f2f2;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 16px;
            text-transform: uppercase;
            padding: 9px 11px;
            font-size: 12px;
            letter-spacing: 1px;
            line-height: 1.15;
        }

        .white-box {
            display: inline-block;
            background: #fff;
            padding: 2px 12px;
            font-size: 14px;
            font-weight: 500;
            color: #000;
            margin-bottom: 16px;
        }
.gray-box {background:#333333;color:#fff !important;}
        .list-disc-white {
            margin: 0;
            padding: 0;
            margin-left: 16px;
            color: #fff;
        }

        .list-disc-white>li {
            list-style: disc;
            padding: 0;
        }

        .mt1 {
            margin-top: 16px !important;
        }

        .itom-day-img {
            max-width: 270px;
            margin-bottom: 24px;
        }

        .mob-hide {
            display: block;
        }

        .mob-show {
            display: none;
        }

.itom-day-con > img {max-width:190px;margin-bottom:8px;}
.blue-bg1 {background:#0D2092;}
.date-location {display:flex;gap:24px;margin-top:8px;}
.date-location > .split {display:flex;flex-direction:column;align-items:flex-start;border:1px solid #3a43b0;padding:4px 12px;}
.date-location div {display:flex;align-items:center;column-gap:8px;}
.date-location div p {font-size:14px;margin:0;}
.border-lt-yellow {border:1px solid #ffe19e !important;}

.date-location > .evt-details {display:flex;align-items:flex-start;flex-direction:column;flex:1;border: 1px solid #283d9d;border-radius:8px;padding:8px;text-align:left;}
.evt-details > h3.evt-city {font-size:18px;font-weight:600;margin-bottom:6px;}
.evt-details > p.evt-date-time {font-size:16px;line-height:24px;padding-bottom:6px;}
.evt-details > p.evt-address{font-size:14px;line-height:22px;}


        @media screen and (max-width: 1200px) {
            .hero-content-row {
                max-width: 100%;
                width: 95%;
            }
        }

        @media screen and (max-width: 1024px) {
            #commonHeader {
                min-height: 90px;
                height: 90px;
            }

            .hero-content-row>.cell {
                width: 100% !important;
                text-align: center;
            }

            .hero-content-row>.cell:last-child {
                display: none;
            }
.date-location {justify-content:center;}
            .mob-hide {
                display: none;
            }

            .mob-show {
                display: block;
            }
        }
 @media screen and (max-width: 500px) {

.date-location {flex-wrap:wrap;}
.date-location > .split {width:95%;}
.date-location > .evt-details {
  flex:auto;width:100%;align-items:center;
  }

}

.col2-row {display:flex;gap:16px;align-items:center;margin-top:16px;}
.col2-row img {max-width:100px;margin:0 !important;}

.cover-bg {position: relative}
.cover-bg:before {content: "";position: absolute;width: 100%;height: 220%;background: #ffd600;z-index: -1;left: 0;transform: rotate(18deg);top: -60%;}

.img-max-width-s {max-width:200px !important;}
.img-max-width1 {max-width:250px !important;}
.img-max-width2 {max-width:300px !important;}
.img-max-width3 {max-width:350px !important;}
.img-max-width4 {max-width:400px !important;}


        /* end new banner */


        /* span.swiper-pagination-bullet:nth-child(4) {
            display: none
        } */

        .slider-4-bg .itom-banner {
            background: #ff8b00;
        }

        #banner-area {
            display: none
        }

        #phbanner {
            display: none
        }

        #indbanner {
            display: none
        }

        #vibanner {
            display: none
        }

        #thbanner {
            display: none
        }

        .bannerbg5 img {
            height: 330px
        }

        .ifr-con {
            padding: 20px;
        }

        .ifrm-vid {
            width: 90%;
            height: 350px;
            margin: 0 auto;
            -webkit-box-shadow: 0 0 16px 0 #838383;
            box-shadow: 0 0 16px 0 #838383;
            border-radius: 8px;
            margin: 10px 20px;
        }

        .flexslider .flexBnrslides img,
        .flexslider1 .flexBnrslides img {
            width: 100%
        }

        .five-rea h2 {
            text-align: center;
            padding-bottom: 24px;
        }

        .reasons {
            margin: 12px;
            padding: 12px;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: center;
        }

        .reasons>li {
            flex: 1;
            position: relative;
            background: linear-gradient(360deg, #ebebeb, #fdfdfd);
            margin: 12px;
            padding: 16px;
            border-radius: 6px;
        }

        .reasons>li:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 29px;
            left: 0;
            top: 0;
            background: #ebebeb;
            border-radius: 100%;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

        .reasons>li>span {
            display: block;
            background: #5c5c5c;
            width: 40px;
            height: 40px;
            text-align: center;
            margin: 0 auto;
            position: absolute;
            top: -27px;
            left: 0%;
            right: 0%;
            border-radius: 100%;
            color: #fff;
            line-height: 42px;
            font-size: 16px;
            border: 5px solid #fff;
            box-shadow: 0 8px 8px 0 #cbcbcb63;
        }

        .reasons>li>h3 {
            font-size: 16px;
            line-height: 24px;
            margin: 0;
            margin-top: 40px;
            min-height: 48px;
            padding-bottom: 16px;
            border-bottom: 1px solid #e1e1e1;
        }

        .reasons>li>p {
            margin-top: 16px;
        }


        .txt-hglt {
            color: #f90202;
        }

        .no-gutter [class*="col-"] {
            padding: 0;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        .col-1 {
            width: calc(1 / 12 * 100%);
        }

        .col-2 {
            width: calc(2 / 12 * 100%);
        }

        .col-3 {
            width: calc(3 / 12 * 100%);
        }

        .col-4 {
            width: calc(4 / 12 * 100%);
        }

        .col-5 {
            width: calc(5 / 12 * 100%);
        }

        .col-6 {
            width: calc(6 / 12 * 100%);
        }

        .col-7 {
            width: calc(7 / 12 * 100%);
        }

        .col-8 {
            width: calc(8 / 12 * 100%);
        }

        .col-9 {
            width: calc(9 / 12 * 100%);
        }

        .col-10 {
            width: calc(10 / 12 * 100%);
        }

        .col-11 {
            width: calc(11 / 12 * 100%);
        }

        .col-12 {
            width: calc(12 / 12 * 100%);
        }

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

        .flex-row:after,
        .row:after {
            content: '';
            display: table;
            clear: both;
        }

        .flex-row {
            -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            padding: 50px 0;
            flex-wrap: wrap;
            justify-content: center;
        }

        .flex-row .cell:nth-child(1) {
            width: 44%;
        }

        .flex-row .cell:nth-child(2) {
            width: 55%;
        }

        .row {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }

        .flx-start {
            align-items: flex-start;
        }

        .flx-normal {
            align-items: normal;
        }

        ul.ulFade li {
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 0;
            opacity: .1;
        }

        ul.ulFade li.active {
            display: block
        }
.quote-con .swiper-slide {padding-bottom:40px;}

        .swiper-container-horizontal>.swiper-pagination-bullets,
        .swiper-pagination-custom,
        .swiper-pagination-fraction {
            bottom: 0 !important;
        }

        .swiper-slide img {
            width: 90%;
            margin: 0 auto;
        }

        .itom-banner {
            background: #002f8d;text-align:center;
        }

        .survey-bannerbg {
            background: #ffd101;
        }

        .itom-banner img {
            width: 100% !important;
        }

        .swiper-button-next,
        .swiper-button-prev {
            display: none;
        }

        .pad1 {
            padding: 50px 0;
        }

        .hglt1 {
            background: #f8f4f6;
        }

        .pad0 {
            padding: 0;
        }

        .box1 {
            margin-bottom: 15px;
        }

        .fntxl {
            font-size: 50px;
        }

        .fntmd {
            font-size: 40px;
        }

        .container p {
            font-size: 14px;
            line-height: 25px
        }


        .div-trusted {
            display: flex;
            justify-content: center;
            margin-top: 25px;
            flex-wrap: wrap;
        }

        .div-trusted a {
            background: #e9152c;
            color: #fff;
            width: 350px;
            margin: 2px;
            box-sizing: border-box;
            vertical-align: top;
            transition: all .3s ease-in-out;
            text-align: left;
            position: relative;
            border-radius: 10px;
        }

        /* .div-trusted a:nth-child(1){border-top-left-radius: 50px;border-bottom-left-radius: 50px;}
    .div-trusted a:nth-child(2){border-top-right-radius: 50px;border-bottom-right-radius: 50px;} */

        .div-trusted a:nth-child(2) {
            background: #33ae64;
        }

        .div-trusted a:hover {
            opacity: .8;
        }

        .div-trusted a h4 {
            margin: 0;
            color: #fff;
            font-weight: 700;
        }

        .div-trusted a span {
            font-size: 12px;
            line-height: 16px;
            display: inline-block;
            margin-top: 10px;
        }

        .div-trusted a img {
            width: 50px;
            position: absolute;
            left: 25px;
            top: 13px;
        }

        .div-trusted a h4 {
            margin-left: 100px;
            line-height: 72px;
        }

        .p1 {
            font-size: 16px !important;
        }

        .p1>span {
            font-size: 13px;
            font-style: italic;
        }

        .txt-quote {
            background: #fff;
            display: block;
            margin: 0 auto;
            position: relative;
            padding: 25px;
            border-radius: 10px;
            box-shadow: 0 0 10px 0 #ececec;
            margin: 25px 0;
        }

        .txt-quote p>span {
            margin-top: 10px;
            padding-top: 10px;
            display: inline-block;
            border-top: solid 1px #d6d6d6;
            width: 100%;
        }

        .txt-quote:before,
        .txt-quote:after {
            content: ' " ';
            position: absolute;
            font-size: 100px;
            font-style: italic;
            color: #737373;
        }

        .txt-quote:before {
            left: -10px;
            top: 10px
        }

        .txt-quote:after {
            right: -10px;
            bottom: -10px
        }

        .quote-con {
            width: 90%;
            margin: 0 auto;
            padding: 5px
        }

        .ulCircle {
            margin: 0 auto;
            padding: 0;
            width: 350px;
            height: 350px;
            position: relative;
            border: solid 5px #b1b1b1;
            border-radius: 100%;
            -webkit-transform: scale(.9);
            transform: scale(.9);
            transition: all .3s ease-in-out;
        }

        .ulCircle li {
            position: absolute;
            border-radius: 100%;
            width: 120px;
            height: 120px;
            text-align: center;
            display: flex;
            align-items: center;
            align-content: center;
            color: #464646;
            transition: all .3s ease-in-out;
            border: solid 1px #33ae64;
            background: #fff;
        }

        .ulCircle li:nth-child(1) {
            left: 120px;
            top: -55px;
        }

        .ulCircle li:nth-child(2) {
            left: 250px;
            top: 10px;
        }

        .ulCircle li:nth-child(3) {
            left: 280px;
            top: 150px;
        }

        .ulCircle li:nth-child(4) {
            left: 200px;
            top: 270px;
        }

        .ulCircle li:nth-child(5) {
            left: 50px;
            top: 270px;
        }

        .ulCircle li:nth-child(6) {
            left: -50px;
            top: 150px;
        }

        .ulCircle li:nth-child(7) {
            left: -10px;
            top: 10px;
        }

        .ulCircle li:nth-child(8) {
            left: 92px;
            top: 90px;
            width: 170px;
            height: 170px;
            border: 1px solid #dfdfdf;
        }

        .ulCircle li p {
            flex: 1;
            font-size: 14px;
            line-height: 22px;
        }

        .cen {
            position: relative;
            line-height: 22px;
            flex: 1;
            color: #000;
            text-align: center;
        }

        .cen>img {
            width: 100%;
            max-width: 100px;
        }

        .cen>p {
            margin: 0;
            font-weight: 700;
        }

        .triangle-con {
            position: relative;
            -webkit-transform: scale(.8);
            transform: scale(.8);
            transition: all .3s ease-in-out;
            width: 849px;
            margin: 0 auto;
            text-align: center;
        }

        .snap1,
        .snap2,
        .snap3 {
            margin-bottom: 20px;
        }

        .snap1>img {
            width: 229px;
        }

        .snap2>img {
            width: 407px;
        }

        .snap3>img {
            width: 584px;
        }

        .snap4>img {
            width: 774px;
        }

        .snap1,
        .snap2,
        .snap3,
        .snap4 {
            position: relative;
        }

        .triangle-con img {
            position: relative;
            z-index: 2;
        }

        .div-note {
            position: absolute;
            z-index: 1;
            top: 0;
            box-sizing: border-box;
            text-align: left;
        }

        .div-note>div {
            border: solid 1px #34ad65;
            padding: 10px;
            background: #fff;
            border-radius: 6px;
            position: relative;
            width: 300px
        }

        .div-note>div h3,
        .div-note>div p {
            margin: 0;
            padding: 0;
        }

        .div-note>div h3 {
            font-weight: 700;
            padding-bottom: 10px;
        }

        .div-note>div p {
            font-size: 16px;
            line-height: 25px;
            text-align: justify;
        }

        .div-note.pos1 {
            right: -100px;
            top: -15px;
        }

        .div-note.pos2 {
            left: -190px;
            top: -60px;
        }

        .div-note.pos3 {
            right: -300px;
            top: -80px;
        }

        .div-note.pos4 {
            left: -310px;
            top: -40px;
        }

        .div-note.pos1:before {
            content: '';
            background: #34ad65;
            height: 1px;
            width: 200px;
            position: absolute;
            top: 115px;
            left: -185px;
            z-index: 0;
        }

        .div-note.pos2:before {
            content: '';
            background: #34ad65;
            height: 1px;
            width: 200px;
            position: absolute;
            top: 125px;
            right: -185px;
            z-index: 0;
        }

        .div-note.pos3:before {
            content: '';
            background: #34ad65;
            height: 1px;
            width: 200px;
            position: absolute;
            top: 135px;
            left: -185px;
            z-index: 0;
        }

        .div-note.pos4:before {
            content: '';
            background: #34ad65;
            height: 1px;
            width: 100px;
            position: absolute;
            top: 105px;
            right: -95px;
            z-index: 0;
        }

        .div-note>div>span {
            display: none;
        }


        .hglt1 {
            background: #f9f9f9;
        }

        .bgcolor1 {
            background: #fff;
            height: 100%;
            padding: 20px;
            padding-bottom: 0;
            -webkit-box-shadow: 0 0 2px 0 #aaa;
            box-shadow: 0 0 2px 0 #aaa;
        }

        .y-opm-plus h3 {
            font-weight: 700;
            margin: 0 0 0 70px;
            position: relative;
            font-size: 14px;
            display: flex;
            min-height: 60px;
            line-height: 23px;
            align-items: center;
        }

        .y-opm-plus p {
            margin-bottom: 0;
            text-align: justify;
        }

        html,
        body {
            padding: 0;
            margin: 0;
            font-size: 16px;
            line-height: 32px;
        }

        h2 {
            font-size: 35px;
            line-height: 40px;
        }

        ul.disc {
            margin: 0 20px;
        }

        ul.disc li {
            list-style: disc;
            padding-bottom: 10px;
            font-size: 14px;
            line-height: 22px;
        }

        .banner {
            /*background: #eaeef2;*/
            position: relative;
        }

        .banner-bg {
            position: relative;
        }

        .banner-bg:before {
            content: "";
            position: absolute;
            background: url(https://www.manageengine.com/it-operations-management/images/opm-banner-bg-right.svg) no-repeat right;
            width: 100%;
            height: 100%;
            background-size: contain;
            opacity: 1;
            bottom: 0;
            right: 0;
        }

        .banner-bg::after {
            content: "";
            position: absolute;
            background: url(https://www.manageengine.com/it-operations-management/images/opm-banner-bg-left.svg) no-repeat left;
            width: 100%;
            height: 100%;
            background-size: contain;
            opacity: 1;
            bottom: 0;
            left: 0;
        }



        .pad3 {
            padding: 20px 0;
        }

        .hglt3 {
            background: #e2e2e2;
        }

        .sec-hglt1 {
            position: relative;
        }

        .sec-hglt1:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: url(https://www.manageengine.com/it-operations-management/images/banner-bg.png) top center no-repeat;
            opacity: .3;
            top: 0;
        }

        .y-opm-plus h3:before {
            content: "";
            position: absolute;
            width: 70px;
            height: 70px;
            background: url(https://www.manageengine.com/it-operations-management/images/opm-plus-home-sprite.png) no-repeat top center;
            left: -70px;
            background-size: 200px 200px;
        }

        .y-opm-plus h3.one:before {
            background-position: -4px 0;
        }

        .y-opm-plus h3.two:before {
            background-position: -73px 0;
        }

        .y-opm-plus h3.three:before {
            background-position: -147px -7px;
        }

        .y-opm-plus h3.four:before {
            background-position: 3px -71px;
        }

        .y-opm-plus h3.five:before {
            background-position: -75px -74px;
        }

        .y-opm-plus h3.six:before {
            background-position: -139px -65px;
        }

        .fnt-regular {
            font-family: "Zoho_Puvi_Regular"
        }

        .fnt-light {
            font-family: "Zoho_Puvi_Light"
        }

        .fnt-bold {
            font-family: "Zoho_Puvi_Bold"
        }

        .body-wrapper .sec-pTB .row {
            min-height: 400px;
        }

        .body-wrapper .sec-pTB:nth-child(even) .row {
            flex-direction: row-reverse;
        }

        .body-wrapper .sec-pTB .row .col-6>img {
            width: 100%;
            -webkit-box-shadow: 5px 5px 5px 0 #e0e0e0;
            box-shadow: 5px 5px 5px 0 #e0e0e0;
            border: solid 1px #c1c1c1;
            border-radius: 6px;
        }

        .body-wrapper .sec-pTB:nth-child(even) {
            background: #f9f9f9;
        }

        .row h2 {
            font-size: 30px;
            margin-top: 0;
        }

        /*.body-wrapper .sec-pTB:nth-last-child(1) {background:#fff;} */
        .body-wrapper p {
            font-size: 14px;
            line-height: 22px;
        }

        .body-wrapper h2 {
            font-size: 25px;
            line-height: 35px;
            margin-top: 0;
        }

        .btn-div a:link,
        .btn-div a:visited {
            margin-left: 20px;
            margin-top: 5px;
            display: inline-block;
            border: solid 1px;
            padding: 2px 20px;
            border-radius: 20px;
            transition: all ease-in-out .3s;
        }

        .btn-div a:hover {
            border-color: #138cd6;
            color: #fff;
            background: #138cd6;
        }

        .email-link {
            width: 84%;
            margin: 0 auto;
            display: inline-block;
            background: #E9142B;
            color: #fff;
            font-size: 22px;
            line-height: 30px;
            padding: 8px 10px;
            text-decoration: none;
            text-align: center;
            display: none;
        }

        .nav-dwns {
            display: none
        }

        .free-dwn-btn {
            display: none
        }

        .btnDownload {
            background: #feb40a;
            padding: 10px 23px;
            color: #000;
            text-decoration: none;
            border-radius: 5px;
            transition: all ease 0.5s;
            font-size: 22px;
            font-weight: 600;
            display: inline-block;
        }

        .jo-trainingad-strip {
            background: #fbeec3;
            text-align: center;
            display: none;
        }

        .brdr-r {
            border-right: solid 1px #606061
        }

        .trainingad-strip-ncm-nfa {
            background: #263145;
            color: #fff;
        }

        .trainingad-strip-ncm-nfa h3 {
            color: #fff;
            margin: 0;
            padding: 2px 0;
        }

        .trainingad-strip-ncm-nfa p {
            color: #fffd5f;
            margin: 0;
            padding: 0;
            font-size: 12px;
        }

        .trainingad-strip-ncm-nfa img {
            padding-bottom: 15px;
        }

        .trainingad-strip-ncm-nfa a {
            padding: 5px 15px;
            background: #f00;
            color: #fff;
            border-radius: 5px;
            display: inline-block;
        }

        .trainingad-strip {
            background: #00327e;
            text-align: center;
        }

        #adRhsLnkNm {
            display: block;
            background: #34ad65;
            border-radius: 3px 0px 0px 3px;
            height: 105px;
            position: absolute;
            right: 10px;
            top: 420px;
            width: 95px;
            transition: all 1.2s ease-in-out;
            -webkit-transition: all 1.2s ease-in-out;
            color: #FFF;
            font-family: BariolRegular, sans-serif;
            text-align: center;
            padding: 10px 16px 0;
            z-index: 1;
            cursor: pointer;
        }

        #adRhsLnkNm a {
            text-decoration: none;
            color: #fff !important;
            text-align: center;
            display: block;
            margin: 0 auto;
            padding: 5px;
            font-size: 10px;
            line-height: 15px;
        }

        .adRhsIconNm {
            width: 43px;
            height: 47px;
            display: inline-block;
            margin: 0 auto;
            background: url(https://www.manageengine.com/it-operations-management/images/common-sprite.png) no-repeat 0 0;
            background-position: -257px -84px
        }

        .trainingad-strip-infotech {
            background: #8ac8ed;
            text-align: center;
        }

        .uk-trainingad-strip {
            background: #dbeffa;
            text-align: center;
            display: none
        }

        .de-trainingad-strip {
            text-align: center;
            display: none;
            background: #fff
        }

        .nl-trainingad-strip {
            background: #f8f5da;
            text-align: center;
            display: none;
        }

        .sa-trainingad-strip {
            background: #c7d6e0;
            text-align: center;
            display: none;
        }

        .ae-trainingad-strip {
            background: url(https://www.manageengine.com/it-operations-management/images/dubi-bg-img.png);
            text-align: center;
            display: none;
        }

        .imgShadow {
            box-shadow: 5px 3px 7px 0px #cacaca;
        }

        .img-zoom-container {
            width: 100%;
            height: 100%;
        }

        /*#VideosAndLogos{display:none;}*/
        .opmVidZone,
        #opmVidZone {
            display: none !important;
        }

        .bannerbg2 img {
            width: 1200px !important;
        }

        .bannerbg2 {
            background: #fad496;
            display: none
        }

        .bannerbg3 {
            background: #034286;
            display: none
        }

        .key {
            font: inherit;
            font-weight: inherit !important;
            color: inherit
        }

        .ie-trainingad-strip {
            background: #edf8f9;
            text-align: center;
            display: none
        }

        .review-navigation {
            position: relative;
            width: 100%;
            top: -260px;
            z-index: 1;
        }

        .prev-btn,
        .next-btn {
            position: absolute;
            cursor: pointer;
            background: #333;
            border-radius: 50%;
            padding: 10px 20px;
            color: #fff;
        }

        .prev-btn {
            left: 80px;
        }

        .next-btn {
            right: 80px;
        }

        .webinar-strip {
            background: url('https://www.manageengine.com/it-operations-management/images/v1/free-webinar-bg.jpg');
            text-align: center;
        }

        .bannerbg1 {
            background: #f0f2f0;
        }

        .opmPlusBanner,
        .uc-banner,
        .au-banner {
            width: 1200px;
            margin: 0 auto;
            float: none
        }

        #scroll {
            padding: 0 !important
        }

        a.plus-store-link {
            color: #138cd6 !important;
            font-weight: bold !important;
            font-size: 15px !important;
            top: 10px !important
        }

        .eeband {
            text-align: center;
            padding: 40px 0
        }

        .eeband-img {
            float: left;
            margin-right: 20px;
            width: calc(30% - 20px);
        }

        .eeband-content {
            float: left;
            width: 70%;
            text-align: center
        }

        .eeband-link a {
            text-decoration: underline;
            color: #000
        }

        .custband {
            background: url(https://www.manageengine.com/it-operations-management/images/v1/cust-band-repeat-bg.png) repeat-x 0 0;
            width: 100%;
            margin: 0 auto;
            text-align: center
        }

        #highlights,
        #highlights .hTag2,
        #highlights h3,
        #highlights .hTag1 {
            color: #0b4c5d !important;
            font-weight: 300
        }

        .mT80 {
            margin-top: 80px
        }

        .own-slider {
            width: 1000px;
            margin: 0 auto;
            overflow: hidden;
            height: 400px;
        }

        .own-slider ul {
            width: 100%;
            margin: 0;
            padding: 0;
            transition: all .5s;
            height: 100%
        }

        .own-slider ul li {
            width: 1000px;
            list-style: none;
            height: 100%;
            float: left
        }

        .own-slider-pagination li {
            list-style: none;
            height: 10px;
            background: #ddd;
            width: 10px;
            font-size: 0;
            display: inline-block;
            border-radius: 10px;
            cursor: pointer
        }

        .own-slider-pagination li.active {
            background: #74B223;
        }

        .play-icon img {
            position: absolute;
            transition: all .5s;
            z-index: 4;
            left: 0
        }

        .play-icon img:hover {
            filter: gray;
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
            -webkit-filter: grayscale(100%)
        }

        .play-icon {
            height: 330px;
            width: 550px;
            cursor: pointer;
            position: relative;
            border: 3px solid #ddd;
        }

        .play-icon iframe {
            position: absolute;
            top: 0;
            left: 0;
        }

        .bannerflex {
            margin: 0 auto
        }

        .flexslider,
        .flexslider1 {
            width: 100%;
            max-height: none
        }

        .heading-menu {
            display: none
        }

        .opmPlusBanner .h2 {
            font-size: 38px;
            margin: 20px 0 10px
        }

        .opmPlusBanner a {
            margin: 20px auto;
            height: auto;
            padding: 5px 20px
        }

        .opmPlusBanner span {
            font: 100 24px Roboto Slab
        }

        .flexslider1 {
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            position: relative;
            display: block;
            max-width: 100%;
        }

        /*New Style*/
        .opmPlusIconPlace {
            text-align: center
        }

        .opmPlusIconPlaceBox {
            width: 33%;
            display: inline-block;
            margin: 40px auto;
            box-sizing: border-box;
            padding: 0 20px;
            vertical-align: top
        }

        .opmPlusIconPlaceBox a:before,
        .opmPlusIconPlaceBox a:after {
            display: table;
            line-height: 0;
            content: ""
        }

        .opmPlusIconPlaceBox a:after {
            clear: both
        }

        .opmPlusIconPlaceBox h3 {
            margin: 0 0 0 20px;
            float: left;
            text-align: left;
            line-height: 26px;
            font-size: 22px
        }

        .opmPlusIconPlaceBox h2.key {
            float: none;
            text-align: inherit;
            font-size: inherit
        }

        .opmPlusIconPlaceBox img {
            float: left
        }

        .opmPlusIconSep {
            line-height: 2px !important;
            height: 2px;
            width: 40px;
            background: #fff;
            display: inline-block;
        }

        .opmPlusSlider {
            padding: 0 0 20px
        }

        .opmPlusSliderContainer>a {
            margin: 0 0 80px
        }

        .opmPlusSliderContainer>a img {
            float: none;
        }

        .opmPlusSliderContainer>a span {
            float: none;
            color: #868686
        }

        .opmPlusSliderContainer>a:hover span {
            color: #333
        }

        .opmPlusSliderContainer>a .h4 {
            float: none;
        }

        .opmPlusnewBG1 {
            background: #f6f6f6;
            box-shadow: inherit
        }

        .opmAppSectionBg {
            background: #e9e9e9 url(https://www.manageengine.com/it-operations-management/images/v1/opmanager-ios-app-bg.png) no-repeat 0 0;
            background-size: cover;
        }

        .opmAppSectionBg .flexslider {
            max-width: 1200px;
            width: 100%
        }

        .opmAppSectionBg .flexslider .flexBnrslides img {
            width: auto
        }

        .opmAppSectionBg .flexslider .flexBnrslides>li {
            padding: 30px 0
        }

        .opmAppSectionBg .flexBnrslides {
            max-width: 1000px;
            width: 100%;
            margin: 0 auto !important;
            text-align: center;
            color: #fff
        }

        .opmAppSectionBg .flexBnrslides li h3 {
            font-size: 4em;
            color: #fff;
            line-height: 1em
        }

        .opmAppSectionBg .flexBnrslides li p {
            font-size: 2em;
            color: #fff;
            line-height: 1.5em
        }

        .opmAppSectionBg .flexBnrslides li a.appArw img {
            width: 70px
        }

        .opmAppSectionBg .opmAppSection {
            position: relative
        }

        .opmAppSectionBg .appLeftalign {
            position: absolute;
            left: 20%;
            top: 120px
        }

        .opmAppSectionBg a {
            color: #333
        }

        .review-frame {
            width: 700px;
            max-width: 100%;
            overflow: hidden;
            margin: 0 auto
        }

        .review-slides {
            width: 7000px;
            position: relative;
            transition: all .5s ease;
            left: 0
        }

        .review-slides>div {
            width: 700px;
            float: left;
            padding: 0 10px;
            box-sizing: border-box;
        }

        .opmPlusCusRev {
            padding: 10px;
            background: #fff;
            margin: 10px 0;
            min-height: 340px
        }

        .opmPlusCusRev h4 {
            margin-top: 0
        }

        .opmPlusCusRev_head {
            font-size: 16px;
            font-weight: 600
        }

        .opmPlusCusRev_dept {
            font-size: 14px;
            font-weight: 400;
            font-style: italic;
            color: #888
        }

        .opmPlusCusRev_cont {
            font-size: 13px;
            font-weight: 400;
            line-height: 20px;
            margin-top: 20px
        }

        .poppins {
            font-family: Poppins;
            font-weight: 300
        }

        .poppins h1,
        .poppins h2,
        .poppins h3 {
            font-weight: 300
        }

        #opmpluslide2 {
            background: #fff
        }

        #opmpluslide2 .section,
        #opmPlusSlider2 .section {
            max-width: 950px
        }

        .editionband {
            padding: 40px 0
        }

        .editionband .h2 {
            font: 100 31px/120% Roboto Slab;
            color: #0b4c5d;
            margin: 60px 0 10px;
            text-align: center
        }

        .editionLhs {
            padding: 20px 20px 40px 20px;
            background: #e8f5e2;
            width: 33%;
            float: left;
            margin: 20px 1px 20px 0;
        }

        .editionLhs h3 {
            text-align: center;
        }

        .editionLhs ul {
            min-height: 300px
        }

        .editionLhs ul li {
            margin: 7px 0
        }

        .editionLhs .ediDownload {
            text-align: center
        }

        .editionLhs .ediDownload a {
            margin: 0 auto;
            background: #0ba268;
            padding: 5px 25px;
            display: inline-block;
            color: #fff;
            font-weight: 400
        }

        .editionMid {
            padding: 20px 20px 40px 20px;
            background: #e0e8f3;
            width: 33%;
            float: left;
            margin: 20px 1px 20px 0;
        }

        .editionMid h3 {
            text-align: center;
        }

        .editionMid ul {
            min-height: 300px
        }

        .editionMid ul li {
            margin: 7px 0
        }

        .editionMid .ediDownload {
            text-align: center
        }

        .editionMid .ediDownload a {
            margin: 0 auto;
            background: #10479b;
            padding: 5px 25px;
            display: inline-block;
            color: #fff;
            font-weight: 400
        }

        .editionRhs {
            padding: 20px 20px 40px 20px;
            background: #f5f5f5;
            width: 33%;
            float: left;
            margin: 20px 1px 20px 0;
        }

        .editionRhs h3 {
            text-align: center;
        }

        .editionRhs ul {
            min-height: 300px
        }

        .editionRhs ul li {
            margin: 7px 0
        }

        .editionRhs .ediDownload {
            text-align: center
        }

        .editionRhs .ediDownload a {
            margin: 0 auto;
            background: #545454;
            padding: 5px 25px;
            display: inline-block;
            color: #fff;
            font-weight: 400
        }

        .view-details a {
            font-size: 18px;
            text-decoration: underline;
            color: #545454
        }

        .bannerbg2 {
            background: #0b3090;
        }


        /* Plan section */
        .edition-con {
            max-width: 950px;
            margin: 0 auto;
            gap: 24px;
        }

        .edition-cell {
            flex: 1;
        }

        .editions {
            padding: 16px;
            background: #fff;
            -webkit-box-shadow: 0 8px 32px 0 rgb(229 229 229 / 50%);
            box-shadow: 0 8px 32px 0 rgb(229 229 229 / 50%);
        }

        .editions ul {
            min-height: 232px;
        }

        .edition-cell h3 {
            margin: 0;
            font-weight: 600;
            padding: 12px;
            text-align: center;
        }

        .prof {
            background: #a7dbff;
        }

        .ent {
            background: #b5f1bd;
        }

        .editions ul li {
            position: relative;
            padding-left: 32px;
            padding-bottom: 8px;
        }

        .editions ul li:last-child {
            padding-bottom: 0;
        }

        .editions ul li::before {
            position: absolute;
            content: "";
            left: 7px;
            top: 9px;
            width: 5px;
            height: 10px;
            border-right: 1.5px solid #000;
            border-bottom: 1.5px solid #000;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            z-index: 1;
        }

        .editions ul li::after {
            position: absolute;
            content: "";
            left: 0;
            top: 6px;
            width: 20px;
            height: 20px;
        }

        .edt-btn {
            text-align: center;
            margin-top: 24px;
        }

        .edt-btn a {
            display: inline-block;
            background: #ef2525;
            color: #fff;
            padding: 8px 24px;
            border-radius: 6px;
            width: 100%;
            font-size: 16px;
            font-weight: 500;
            box-sizing: border-box;
            transition: all .3s;
        }

        .edt-btn a:hover {
            text-decoration: none;
            background: #f00;
        }

        .txt-hglt {
            color: #f90202;
        }

        @media screen and (max-width: 650px) {
            .opmPlusIconPlaceBox {
                width: 100%
            }
        }

        @media screen and (max-width: 500px) {
            .brdr-r {
                border-right: 0;
                border-bottom: solid 1px #606061;
            }
        }

        .au-trainingad-strip {
            background: #01b3a4;
            text-align: center;
            display: none
        }

        @media screen and (max-width: 768px) {
            .edition-cell {
                flex: auto;
                width: 100%;
            }

            .y-opm-plus h3 {
                min-height: 46px;
            }

            .y-opm-plus h3:before {
                top: -15px;
            }

            .box1 {
                width: auto !important;
            }

            .y-opm-plus h3.two:before {
                background-position: -73px 0 !important;
            }

            .y-opm-plus h3.three:before {
                background-position: -147px 0px;
            }

            .y-opm-plus h3.five:before {
                background-position: -75px -74px !important;
            }

            .y-opm-plus h3.six:before {
                background-position: -139px -65px !important;
            }

            .ifr-con iframe {
                width: 100%;
            }

            .btmBar .desktop {
                display: block;
            }

            .btmBar .mobile {
                display: none;
            }

            .btmBar {
                display: block !important;
            }

            #btmBar ul li:first-child {
                display: none;
            }

            #btmBar ul li {
                width: 32%
            }

            .btmBar {
                display: block !important
            }

            #btmBar ul li:nth-child(2) {
                display: none;
            }

            .email-link {
                display: block;
            }

            #adRhsLnkNm {
                display: none
            }
        }

        @media (min-width: 1400px) {
            .container {
                max-width: 1315px;
            }
        }

        @media (min-width: 1200px) {
            .container {
                max-width: 1170px;
            }
        }

        @media (max-width: 1200px) {
            .container {
                max-width: 99%;
            }

            .triangle-con {
                -webkit-transform: scale(.6);
                transform: scale(.6);
            }

            .y-opm-plus h3 {
                font-size: 15px;
            }
        }

        @media (max-width: 1024px) {
            .box1 {
                width: 50%;
            }
.col2-row {justify-content:center;}
            .y-opm-plus h3.two:before {
                background-position: -73px -11px;
            }

            .y-opm-plus h3.five:before {
                background-position: -75px -79px;
            }

            .y-opm-plus h3.six:before {
                background-position: -139px -78px;
            }

            .div-note.pos1 {
                right: -130px;
                top: -15px;
            }

            .div-note.pos2 {
                left: -230px;
                top: -60px;
            }

            .div-note.pos3 {
                right: -310px;
                top: -80px;
            }

            .div-note.pos4 {
                left: -290px;
                top: -40px;
            }
        }

        @media screen and (max-width: 1000px) {
            .divChart [class*="col-"] {
                width: 100%;
                text-align: center;
            }

            .ulCircle {
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            .divChart>div:first-child {
                margin-bottom: 24px;
            }

            .reasons {
                flex-wrap: wrap;
            }

            .reasons>li {
                flex: initial;
                width: 22%;
                margin: 16px;
            }

            .banner-bg:before,
            .banner-bg:after {
                opacity: 0.5;
            }


        }


        @media (max-width:850px) {
            .triangle-con {
                width: 470px;
            }

            .snap1>img {
                width: 130px;
            }

            .snap2>img {
                width: 250px;
            }

            .snap3>img {
                width: 370px;
            }

            .snap4>img {
                width: 500px;
            }

            .div-note.pos1 {
                right: 80px;
                top: 25px;
                z-index: 9;
            }

            .div-note.pos2 {
                left: 5px;
                top: 10px;
                z-index: 8;
            }

            .div-note.pos3 {
                right: -40px;
                top: 0px;
                z-index: 6;
            }

            .div-note.pos4 {
                left: -100px;
                top: 10px;
                z-index: 7;
            }

            .div-note.pos1:before {
                top: 11px;
                left: -13px;
                width: auto;
                background: none;
                border-right: solid 20px #33ae64;
                border-bottom: solid 20px transparent;
                border-top: solid 20px transparent;
                border-left: 0;
            }

            .div-note.pos2:before {
                top: 11px;
                left: 55px;
                width: auto;
                background: none;
                border-right: 0;
                border-bottom: solid 20px transparent;
                border-top: solid 20px transparent;
                border-left: solid 20px #33ae64;
            }

            .div-note.pos3:before {
                top: 11px;
                left: -13px;
                width: auto;
                background: none;
                border-right: solid 20px #33ae64;
                border-bottom: solid 20px transparent;
                border-top: solid 20px transparent;
                border-left: 0;
            }

            .div-note.pos4:before {
                top: 11px;
                left: 55px;
                width: auto;
                background: none;
                border-right: 0;
                border-bottom: solid 20px transparent;
                border-top: solid 20px transparent;
                border-left: solid 20px #33ae64;
            }

            .div-note>div {
                border-radius: 100%;
                position: relative;
                width: 40px;
                height: 40px;
                text-align: center;
                background: #fff;
                color: #34ad65;
                line-height: 40px;
                border: solid 1px #34ad65;
                cursor: pointer;
                transition: all .3s ease-in-out
            }

            .div-note>div:hover {
                background: #34ad65;
                color: #fff;
            }

            .div-note>div>span {
                display: block;
            }

            .div-note>div>.note-desc {
                display: none;
            }

            .note-desc {
                background: #fff;
                padding: 10px;
                border: solid 1px #34ad65;
                border-radius: 6px;
                color: #000;
                text-align: left;
                margin-top: 20px;
            }

            .note1>.note-desc {
                width: 335px;
                margin-left: -310px;
                z-index: 3
            }

            .note2>.note-desc {
                width: 425px;
                margin-left: 0;
                z-index: 3
            }

            .note3>.note-desc {
                width: 400px;
                margin-left: -380px;
                z-index: 3
            }

            .note4>.note-desc {
                width: 335px;
                margin-left: 10px;
                z-index: 3
            }


        }

        @media screen and (max-width: 768px) {
            .flex-row .cell {
                width: 95% !important;
                margin: 0 auto;
            }

            .banner-ct {
                text-align: center;
            }

            .reasons>li {
                flex: initial;
                width: 95%;
            }

            [class*="col-"] {
                width: 100%;
            }

            /*.snap1 > img {width:130px;}
    .snap2 > img {width:250px;}
    .snap3 > img {width:370px;}
    .snap4 > img {width:500px;}*/
        }

        /*@media (max-width: 650px) {
    .triangle-con {-webkit-transform:scale(.8);transform:scale(.8);}
    }*/

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

            .banner h2,
            .banner-wrapper h1 {
                font-size: 24px;
            }

            .banner-wrapper h1,
            .banner-content {
                text-align: center !important;
            }

            .ulCircle {
                -webkit-transform: scale(.8);
                transform: scale(.8);
            }

            .container>h2 {
                text-align: left !important;
                padding: 0 15px;
            }

            .divChart [class*="col-"] {
                text-align: left;
            }

            .tac {
                text-align: left;
            }

            .row h2 {
                text-align: left !important;
            }

            .div-note {
                position: static;
            }

            .div-note>div p {
                font-size: 14px;
            }

            .div-note>div>.note-desc {
                display: block;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

            .div-note>div>span,
            .triangle-con img,
            .triangle-con source,
            .div-note.pos1:before,
            .div-note.pos2:before,
            .div-note.pos3:before,
            .div-note.pos4:before {
                display: none;
            }

            .div-note>div {
                border-radius: 0;
                width: 100%;
                height: auto;
                border: 0;
                background: none;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }

            .note1>.note-desc {
                margin-left: auto;
                width: 100%;
            }

            .div-note.pos1 {
                right: 0;
                top: 0;
            }

            .div-note.pos2 {
                left: -190px;
                top: -60px;
            }

            .div-note.pos3 {
                right: -300px;
                top: -80px;
            }

            .div-note.pos4 {
                left: -310px;
                top: -40px;
            }

            .note1>.note-desc,
            .note2>.note-desc,
            .note3>.note-desc,
            .note4>.note-desc {
                width: 100%;
                margin: 0 auto;
            }

            .triangle-con {
                width: 100%;
                -webkit-transform: scale(1);
                transform: scale(1);
            }

            .reasons {
                margin: 0;
                padding: 0;
            }

        }

        @media screen and (max-width: 390px) {
            .ulCircle {
                -webkit-transform: scale(.65);
                transform: scale(.65);
            }
        }

        @media screen and (max-width: 370px) {
            .ulCircle {
                -webkit-transform: scale(.65);
                transform: scale(.65);
                left: -35px;
            }
        }

        .slider-it-budgeting {
            background-color: #ffcc00;
        }

        .it-operation-layer-card {
            text-align: left;
            padding: 20px;
            border-radius: 4px;
            background: #ffffff;
            box-sizing: border-box;
            height: 100%;
        }

        .it-operation-layer-card h3 {
            margin: 0 0 8px 0;
        }

        .it-operation-layer-card p {
            margin: 0;
        }

        .it-operation-row {
            margin-top: 24px;
            padding-bottom: 0;
            align-items: normal;
        }

        .it-operation-row [class*='col-'] {
            padding: 0 12px;
        }

        .it-operation-icon {
            margin-bottom: 12px;
        }

        .it-operation-icon img {
            width: 32px;
            height: 32px;
        }

        .col-12 {
            flex: 0 0 auto;
            width: 100%;
        }

        @media screen and (min-width: 768px) {
            .col-md-6 {
                flex: 0 0 auto;
                width: 50%;
            }
        }

        @media screen and (min-width: 1024px) {
            .col-lg-3 {
                flex: 0 0 auto;
                width: 25%;
            }
        }

        @media screen and (max-width: 1023.98px) {
            .it-operation-row [class*='col-'] {
                margin-bottom: 24px;
            }
        }

        .popup-container {
            transition: all 0.3s ease-in-out;
            transform: scale(1.3);
            position: fixed;
            z-index: 9999999;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(21, 17, 17, 0.61);
            display: none;
        }

        .show-popup {
            display: flex;
        }

        .popup-content {
            background-color: #fefefe;
            margin: auto;
            padding: 20px;
            padding-top: 10px;
            border: 1px solid #888;
            width: 50%;
            position: relative;
        }

        .popup-content span {
            color: #f00;
            font-size: 20px;
            background: none;
            margin: 0;
            text-decoration: none;
            border: 1px solid #ddd;
            display: inline-block;
            border-radius: 50%;
            position: absolute;
            top: -8px;
            right: -14px;
            line-height: 1.5;
            text-align: center;
            height: 32px;
            width: 32px;
            background: #fff;
        }

        .popup-content span:hover {
            color: #333;
        }

        .ifr-vid {
            width: 100%;
            height: calc(100vh - 45vh);
            border: 1px solid #333;
            margin-top: 10px;
        }

        .popup-content>span {
            float: right;
            cursor: pointer;
        }

        .key-fea>img {
            transition: all .3s ease-in-out;
            cursor: pointer;
        }

        .key-fea>img {
            filter: grayscale(1)
        }

        .key-fea>img:hover {
            filter: grayscale(0)
        }
        .opmplus-enterprise {
            background-color: #001464;  
        }
        .opmplus-enterprise h2{
            color: #ffcc00;
        }
        .text-white {
            color: #ffffff !important;
        }