* {
    font-family: 'ZohoPuvi'
}
html,
body {
    padding: 0;
    margin: 0
}
body {
    overflow-x: hidden
}
.af div {
    box-sizing: border-box
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}
span,
i,
strong,
a {
    font-size: inherit;
    line-height: inherit
}
a {
    transition: .3s ease-in
}
.af {
    display: block;
    box-sizing: border-box
}
.af div {
    box-sizing: border-box
}
.ac {
    width: 100%;
    max-width: 1300px;
    margin: auto;
    padding-left: 70px;
    padding-right: 20px
}
#scroll {padding: 0;}
.heading-menu {
    display: none
}
.main {
    background: #000;
    color: #fff
}
.lhs-menu {
    position: fixed;
    left: 0;
    top: 100px;
    width: 55px;
    height: calc(100vh - 100px);
    background: #1E1E1E;
    z-index: 2;
    padding: 30px 16px;
    overflow: hidden;
    box-sizing: border-box;
    transition: .3s ease-in
}
.home-icon i {
    display: block;
    width: 16px;
    height: 1px;
    background: #fff;
    line-height: 1px;
    font-size: 0;
    margin: 0;
    padding: 0;
    transition: .3s ease-in
}
.home-icon {
    font-size: 0;
    display: inline-block;
    text-align: center
}
.home-icon i:first-child {
    transform: translateY(-4px)
}
.home-icon i:last-child {
    transform: translateY(4px)
}
#scroll .menu-links {
    margin-top: 44px;list-style-type: none;padding: 0;
}
.menu-links li a {
    text-wrap: nowrap;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    font-weight: 300
}
.menu-links li {
    position: relative;
    padding-left: 50px;
    margin-bottom: 30px;
    transition: .3s ease-in
}
.menu-links li:before {
    content: "";
    background: url('/sites/meweb/images/se/log-management/images/vigiliq-tdir-mob-sprite.png') no-repeat -22px -16px;
    background-size: 247px;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}
.menu-links li:nth-of-type(2):before {
    background-position: -23px -78px
}
.menu-links li:nth-of-type(3):before {
    background-position: -20px -136px;
    width: 24px;
    height: 24px
}
.lhs-menu:hover {
    width: 252px
}
.lhs-menu:hover .menu-links li {
    padding-left: 40px
}
/*.lhs-menu:hover .home-icon i:nth-of-type(2){opacity:0}
    .lhs-menu:hover .home-icon i:nth-of-type(1){transform:translateY(0px) rotate(-45deg)}
    .lhs-menu:hover .home-icon i:nth-of-type(3){transform:translateY(-2px) rotate(45deg)}*/
.page-banner {
    min-height: 560px;
    padding: 110px 0px 100px;
    position: relative
}
.page-banner:before {
    content: "";
    background: url(/sites/meweb/images/se/log-management/images/vigiliq-tdir-banner-bg.png) no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 100%;
    height: 560px;
    position: absolute;
    left: 0;
    top: 0
}
.page-banner:after {
    content: "";
    width: 100%;
    height: 792px;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 24.93%, #000 100%);
    position: absolute;
    top: 254px
}
.ac {
    position: relative;
    z-index: 1
}
.banner-wrap {
    max-width: 1200px;
    margin: auto
}
.ban-text {
    display: inline-block;
    width: calc(100% - 415px);
    vertical-align: middle
}
.ban-text h1 {
    font-size: 52px;
    line-height: 66px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 25px
}
.ban-text h1 span {
    background: linear-gradient(to right, #7A66DB, #9843BC, #C6BE2E 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block
}
.ban-text p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    opacity: .8;
    max-width: 540px
}
.one-line-form {
    width: 510px;
    margin: 30px 0 0
}
.one-line-form * {
    font-family: "ZohoPuvi", verdana, arial, sans;
    font-size: 14px;
    outline: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}
.one-line-form>form>ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    border: 1px solid gray;
    background: #ffffff1a;
    border-radius: 4px;
    padding: 5px;
    box-sizing: border-box
}
.one-line-form>form>ul li {
    list-style-type: none;
    float: left;
    /* border:1px solid #e6e6e6;*/
}
.one-line-form>form>ul li:nth-child(1) {
    width: 210px;
    position: relative;
    border-radius: 3px;
    border-right-width: 0
}
.one-line-form>form>ul li:nth-child(1) .form-icn {
    width: 38px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 3px 0 0 3px
}
.one-line-form>form>ul li:nth-child(1) .form-icn .icn-mail {
    width: 16px;
    height: 12px;
    position: absolute;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAaCAYAAADfcP5FAAAABHNCSVQICAgIfAhkiAAAAnlJREFUSEu9l81u00AQx2dSu1fKnUMQD0C4IzW5cgpHSJHsSqnEib4BfYP2BkpQt5VqeoQL57biATDiAVpeAIVrnGaYWX/EdhLjOOv4knhjz/z2Px87QYguNfBagHQMhE1AaMbr9X3SiG377O/cPeidxX5QvpwNvO+E9ByYZOMXaY9/wB4/cV13hOqj9wK24NvGQbRDoQlFQKBLp7/3Gk8H3jXf72JaHAI3LaNpWKXUDgbbvwjhkcZiLvHv9nuInDu3kjPEq5imqglKYCDYvmKfrUgkdhzJNGk8RjX0wihqUvrJUE9nikw7bv+NKGjkmoOZ8zntZIDAGj+kwL6eQXElEHY4fL4JIo7Gj0SZMIVcVsPhwOyG9nNAEkPZRR1QDKMYxkk2FqWE5HAhkLwgPYnJ5cEHUTDXUmoZjNguBWQSKg9DQOf7/b1EqdJAJqDU8OKQC/o4KZoczEoKxUaqho/fczhnVBFMJaAqSs3BENzsH/Taiyp1pZClDSxUarL1zH376i7z3KfPXW5oXxJlpLfZQVvOKaNAC5UiPq3tcSd2Fk0MV5w3O7rN/AemcsgKlRKo+8ZLsCZNBmFlysMYAdJK5cKSDwUfi3/5rGyX6fCVcyjvVBKXm+fJrHlGLRTgNxJ0y8AYUyhpCR8um2RNT/i+xQkz4jL30QoOlyWw8aReZHDdtcKQyWm/yu7WhYkqNzUB8GmfIaxpKFsGrjjkYE1v49/DiXHoHfHC++QlKWOEryZ2X2iDOO8QurMGGnZzPUmfDi787KRYO07GgW4T942WdH0NFI2WR0z8brMoesC/YRgnPoIyf8R0TG2SEg4H8Dovgjs27+f71T82C733PG7+gQAAAABJRU5ErkJggg==);
    background-size: contain;
    background-repeat: no-repeat
}
.one-line-form>form>ul li:nth-child(1) input {
    font-size: 14px;
    padding-left: 34px;
    background-color: transparent
}
.one-line-form>form>ul li:nth-child(1) input::placeholder {
    color: #b3b3b3
}
.one-line-form>form>ul li:nth-child(2) {
    width: 50px;
    border-left: 0;
    border-right: 0;
    position: relative
}
.one-line-form>form>ul li:nth-child(3) {
    padding-left: 0;
    border-color: #d63327;
    border-radius: 0 3px 3px 0
}
.one-line-form>form>ul li .ffw-errmsg {
    display: none;
    color: red;
    font-size: 12px;
    margin-top: -28px;
    position: absolute;
    font-weight: 300;
    white-space: nowrap
}
.one-line-form>form>ul li input {
    width: 100%;
    height: 50px;
    border: 0;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 300
}
.one-line-form>form>ul li .selectedCountry {
    text-align: left;
    width: 50px;
    height: 33px;
    top: 2px;
    position: absolute;
    color: #fff;
    font-size: 14px;
    margin: 5px 0 0;
    line-height: 33px;
    left: 0;
    padding-left: 8px;
    border-left: 1px solid #808080;
    font-weight: 300
}
.one-line-form>form>ul li .selectedCountry:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #808080;
    z-index: 0;
    right: 10px;
    top: 15px
}
.one-line-form>form>ul li .selectedCountry:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 33px;
    top: 0;
    right: 0;
    background-color: #808080;
    display: none
}
.showing-state .selectedCountry {
    border-right: 0
}
.one-line-form>form>ul li input[type=submit] {
    font-size: 16px;
    background: #d63327;
    color: #fff;
    padding: 0 22px;
    cursor: pointer;
    font-weight: 500;
    height: 50px;
    border: 0;
    border-radius: 4px
}
.one-line-form>form>ul li input[type=submit]:hover {
    background: #9e0303;
    transition: all 0.5s ease
}
.one-line-form>form>ul li select {
    font-weight: 300;
    width: 50px;
    height: 50px;
    border: 0;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 0;
    margin: 0;
    z-index: 9;
    position: relative;
    color: #fff;
    font-size: 12px;
    opacity: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    float: left;
    background: transparent
}
.one-line-form>form>ul li select option {
    color: #000
}
.one-line-form>form>ul li select.commonselect {
    position: relative;
    font-size: 14px;
    opacity: 1;
    width: 100px;
    float: left;
    padding-left: 0;
    line-height: 22px
}
.one-line-form>form>.misc-field .dwn-priv {
    margin-top: 0;
    line-height: 16px;
    font-weight: 300;
    padding-top: 5px
}
.one-line-form>form>.misc-field .dwn-priv,
.one-line-form>form>.misc-field .dwn-priv * {
    font-size: 11.7px;
    color: #ffffffcc
}
.one-line-form>form>.misc-field .dwn-priv strong {
    font-weight: 500
}
.one-line-form>form>.misc-field .dwn-priv a {
    font-size: 11px;
    color: inherit;
    text-decoration: underline
}
.one-line-form>form>.misc-field #meGDPRMessage {
    line-height: 16px;
    margin: 5px 0 0 !important;
    width: 100%;
    text-align: left
}
.one-line-form>form>.misc-field #meGDPRMessage label {
    font-size: 12px;
    line-height: 18px;
    color: #ffffffcc;
    font-weight: 300
}
.one-line-form>form>.misc-field #meGDPRMessage .checkmarkgdpr {
    margin-bottom: 0
}
.one-line-form>form>.misc-field::before {
    content: " ";
    display: table;
    clear: both
}
.one-line-form>form>.misc-field * {
    color: #a6a6a6;
    font-weight: 300
}
.one-line-form>form>.misc-field strong {
    font-weight: 600
}
.one-line-form>form>.misc-field a {
    color: #1281bd;
    text-decoration: underline
}
.one-line-form>.success-message {
    display: none
}
.one-line-form>.success-message h2 {
    margin-bottom: 10px;
    color: #fff;
    font-size: 22px;
    line-height: 32px
}
.one-line-form>.success-message p {
    font-size: 16px;
    line-height: 30px;
    margin-top: 0;
    color: #fff
}
.m-thanks,
.d-thanks {
    display: none
}
.one-line-form>.success-message a {
    font-size: inherit;
    line-height: inherit;
    text-decoration: underline
}
.one-line-form.success ul {
    display: none
}
.one-line-form.success .success-message {
    display: block
}
.one-line-form.success .misc-field {
    display: none
}
.one-line-form.with-state {
    width: 606px
}
.one-line-form.with-state ul li #headerCountryListItem:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #1e0437;
    z-index: 0;
    right: 7px;
    top: 23px
}
.one-line-form.with-state ul li:nth-child(1) {
    margin-left: 0;
    width: 200px
}
.one-line-form.with-state ul li .commonselect {
    margin-left: 8px
}
.one-line-form.with-state ul li .selectedCountry:after {
    display: block
}
.one-line-form.with-state ul li input[type=submit] {
    padding: 0 20px
}
.one-line-form.with-state ul li:nth-child(2) {
    width: 160px
}
.one-line-form.with-state .ffw-country-list {
    position: relative
}
.one-line-form.with-state .ffw-country-list:after {
    content: "";
    position: absolute;
    right: 4px;
    top: 19px;
    width: 13px;
    height: 13px;
    z-index: 1;
    zoom: 0.95
}
.misc-field textarea {
    display: none
}
@media screen and (max-width:650px) {
    .one-line-form {
        width: 100%
    }
    .one-line-form ul li {
        width: 100% !important
    }
    .one-line-form ul li select {
        width: 100% !important
    }
    .one-line-form ul li:first-child {
        border: 1px solid #8ca2ba !important;
        margin-top: 5px !important;
        width: 100% !important;
        display: block
    }
    .one-line-form ul li:nth-child(2) select {
        border: 1px solid #8ca2ba !important;
        margin-top: 5px !important;
        width: 100% !important;
        display: block;
        opacity: 1;
        -webkit-appearance: listbox;
        background: transparent;
        border-radius: 3px
    }
    .one-line-form ul li .selectedCountry {
        display: none;
        width: 100% !important
    }
    .one-line-form ul li:nth-child(3) {
        margin-top: 5px
    }
    .one-line-form.with-state {
        width: 100% !important
    }
    .one-line-form.with-state ul li select.commonselect {
        margin-left: 0;
        padding: 0 10px;
        font-size: 12px
    }
    .one-line-form>form>ul {
        background: none;
        border: 0;
        padding: 0
    }
    .one-line-form {
        border: 1px solid #8888;
        padding: 20px;
        border-radius: 5px;
        background: #ffffff1a
    }
    .one-line-form>form>ul li:nth-child(3) input {
        width: 100% !important
    }
}
.ffw-privacy *,
div#meGDPRMessage * {
    font-size: inherit;
    line-height: inherit;
    color: inherit
}
.ban-img {
    width: 410px;
    display: inline-block;
    vertical-align: middle
}
.main-img {
    display: block;
    background: url('/sites/meweb/images/se/log-management/images/vigiliq-tdir-sprite-2024.png') no-repeat -21px -7px;
    background-size: 343px;
    width: 315px;
    height: 315px;
    position: relative;
    margin-top: -70px;
}
.main-img span {
    position: absolute;
    background-image: url('/sites/meweb/images/se/log-management/images/vigiliq-tdir-sprite-2024.png');
    background-repeat: no-repeat;
    background-size: 343px
}
.main-img .light {
    width: 35px;
    height: 47px;
    background-position: -12px -352px;
    top: -37px;
    left: 150px
}
.txt1 {
    width: 114px;
    height: 44px;
    background-position: -220px -362px;
    top: 177px;
    left: -56px;
}
.txt2 {
    width: 113px;
    height: 44px;
    background-position: -87px -363px;
    left: 252px;
    top: 50px
}
.txt3 {
    width: 172px;
    height: 45px;
    background-position: -5px -435px;
    bottom: 48px;
    left: 247px;
}
.about {
    max-width: 1175px;
    margin: auto;
    padding: 65px 60px 60px;
    padding-left: 260px;
    position: relative
}
.about .shield {
    background: url('/sites/meweb/images/se/log-management/images/vigiliq-tdir-sprite-2024.png') no-repeat -86px -510px;
    background-size: 343px;
    width: 177px;
    height: 230px;
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%)
}
.about p {
    font-size: 16px;
    line-height: 30px;
    color: #D1C9ED;
    font-weight: 300
}
.about p:nth-of-type(1) {
    margin-bottom: 10px
}
.about:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #000 0%, #9843bc 25.12%, #b69162 58.62%, #000 100%)
}
.about:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #000 0%, #9843bc 25.12%, #b69162 58.62%, #000 100%)
}
.scroll-down {
    background: url('/sites/meweb/images/se/log-management/images/vigiliq-tdir-sprite-2024.png') no-repeat -196px -438px;
    background-size: 343px;
    width: 61px;
    height: 41px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -21px;
    z-index: 1
}
.how {
    padding: 80px 0
}
.how h2 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    margin-bottom: 20px
}
.how h2 span {
    color: #825FD4
}
.how .oneliner {
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400
}
.flow-chart {
    max-width: 1040px;
    margin: 50px auto
}
.how-points {
    display: block;
    width: 100%;
    font-size: 0;
    max-width: 1162px;
    margin: auto;
    text-align: center;
    position: relative
}
.how-points li {
    width: 33%;
    display: inline-block;
    vertical-align: top
}
.how-box {
    font-size: 16px;
    line-height: 31px;
    color: #D1C9ED;
    text-align: left;
    font-weight: 300
}
.how-points li:nth-of-type(1) {
    padding-right: 50px
}
.how-points li:nth-of-type(2) {
    padding: 0px 35px
}
.how-points li:nth-of-type(3) {
    padding-left: 50px
}
.how-points:before {
    content: "";
    width: 34%;
    height: 100%;
    left: 33%;
    border: 1px solid #301D6A;
    border-top: 0;
    border-bottom: 0;
    position: absolute;
    top: 0
}
.want {
    max-width: 1172px;
    margin: auto;
    background: url(/sites/meweb/images/se/log-management/images/vigiliq-tdir-btm-bnr-bg.png) no-repeat;
    background-size: 100% 100%;
    font-size: 0px;
    padding: 40px 70px
}
.text-side {
    display: inline-block;
    width: calc(100% - 200px);
    vertical-align: middle
}
.text-side h3 {
    font-size: 34px;
    line-height: 40px;
    color: #fff;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
    p
}
.text-side p {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    font-weight: 300
}
.form-side {
    width: 200px;
    display: inline-block;
    vertical-align: middle;
    text-align: right
}
.form-side .one-line-form {
    margin: 0;
    text-align: left;
    display: inline-block;
    width: 375px;
    margin-top: 20px
}
.form-side .one-line-form>form>ul {
    border-color: #414141
}
.form-side .one-line-form.with-state {
    width: 476px
}
.form-side .one-line-form>form>ul li input[type=submit] {
    border-radius: 6px;
    background: linear-gradient(#ffdb46 0%, #ff8355 100%);
    color: #000;
    width: 102px;
    padding: 0;
    text-align: center
}
@media screen and (max-width: 650px) {
    .form-side .one-line-form {
        width: 100%
    }
}
.link-list a {
    color: #73CAF8;
    text-decoration: underline;
    font-size: 16px;
    line-height: 26px
}
.link-list {
    margin-top: 20px;
    position: relative
}
.link-list a:first-child {
    padding-right: 10px;
    border-right: 1px solid
}
.link-list a:last-child {
    padding-left: 10px
}
.link-list:before {
    content: "";
    height: 1px;
    width: calc(100% - 500px);
    background: linear-gradient(90deg, #1e1852 0%, #5d37e0 12.32%, #120540 100%);
    position: absolute;
    right: 0;
    top: 50%
}
.what {
    max-width: 1200px;
    margin: auto;
    padding: 110px 0px;
}
.what h2 {
    text-align: center;
    font-size: 36px;
    line-height: 46px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 50px
}
.what h2 span {
    color: #825FD4
}
.tab-list {
    width: 100%
}
.tab-list li {
    display: inline-block;
    margin: 0px 26px;
    font-size: 16px;
    line-height: 26px;
    color: #9595AC;
    position: relative;
    cursor: pointer;
    transition: .3s ease-in
}
.tab-list li:first-child,
.tab-list li:last-child {
    margin: 0
}
.tab-list li.active {
    color: #9A9CFF;
    font-weight: 500;
    text-shadow: 0 0 20px #9344ff, 0 0 30px #9344ff, 0 0 40px #9344ff, 0 0 50px #9344ff, 0 0 60px #9344ff, 0 0 70px #9344ff, 0 0 80px #9344ff
}
/*.tab-list li.active:before{content:"";width:calc(100%+50px);height:56px;background:url('/sites/meweb/images/se/log-management/images/VigilIQ-TDIR-tab-highliter.svg') no-repeat;background-size:100% 100%;position:absolute;left:-27px;right:0;margin:auto;top:-12px;z-index:-1}
    */
.tab-content-container {
    display: block;
    font-size: 0;
    padding-top: 70px
}
.tab-img {
    display: inline-block;
    background: url('/sites/meweb/images/se/log-management/images/vigiliq-tdir-lens.png');
    background-size: cover;
    width: 400px;
    height: 220px;
    position: relative
}
.tab-ic {
    position: absolute;
    right: -36px;
    top: 36px;
    background: url('/sites/meweb/images/se/log-management/images/vigiliq-tdir-mob-sprite.png') no-repeat -22px -200px;
    background-size: 247px;
    width: 58px;
    height: 58px;
    display: none
}
.tab-ic-1 {
    display: block
}
.tab-ic-2 {
    background-position: -97px -200px
}
.tab-ic-3 {
    background-position: -172px -195px
}
.tab-ic-4 {
    background-position: -23px -272px
}
.tab-ic-5 {
    background-position: -97px -272px
}
.tab-ic-6 {
    background-position: -172px -272px
}
.tab-ic-7 {
    background-position: -22px -347px
}
.tab-content {
    display: none
}
.tab-content h3 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px
}
.tab-cont-side {
    display: inline-block;
    width: calc(100% - 400px);
    padding-left: 140px;
    vertical-align: top;
    max-width: 698px
}
.tab-content p {
    font-size: 16px;
    line-height: 31px;
    font-weight: 300;
    color: #E6E6FF
}
[data-content="tab-1"] {
    display: block
}
.testimonial-box {
    display: block;
    width: 100%;
    border-radius: 0;
    padding: 0;
    box-sizing: border-box;
    max-width: 1172px;
    margin: auto
}
.testi-lhs {
    width: 440px;
    display: inline-block;
    vertical-align: top
}
.testi-rhs {
    width: calc(100% - 445px);
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 50px 0;
    padding-left: 50px;
}
.testi-rhs:before,
.testi-rhs:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #000 0%, #9843bc 25.12%, #b69162 58.62%, #000 100%)
}
.testi-rhs:after {
    top: auto;
    bottom: 0
}
.testi-lhs p {
    display: inline-block;
    text-align: left;
    font-size: 36px;
    line-height: 46px;
    font-weight: 600;
    color: #fff;
    padding: 0;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    margin-left: 0
}
.testi-lhs p span {
    color: #825FD4
}
.testi-lhs p:before {
    content: "";
    background: url('/sites/meweb/images/se/log-management/images/vigiliq-tdir-mob-sprite.png') no-repeat -79px -10px;
    background-size: 247px;
    width: 99px;
    height: 41px;
    position: absolute;
    top: 10px;
    left: 0
}
.testi-lhs p:after {
    content: "";
    background: url('/sites/meweb/images/se/log-management/images/vigiliq-tdir-mob-sprite.png') no-repeat -80px -62px;
    background-size: 247px;
    width: 99px;
    height: 55px;
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0px
}
.testi-rhs p {
    font-size: 16px;
    line-height: 31px;
    font-weight: 300;
    color: #E6E6FF;
    opacity: .7
}
.testi-rhs .tit {
    opacity: 1;
    margin-bottom: 5px
}
.testi-rhs .tit a {
    font-size: 20px;
    font-weight: 600;
    color: #DFD1FF
}
.testi-rhs .cus-name {
    font-size: 16px;
    margin-top: 25px;
    font-weight: 500;
    color: #C2A8FF;
    opacity: 1
}
.testi-rhs .cus-desg {
    font-size: 16px;
    font-weight: 300;
    color: #7979B2;
    opacity: 1
}
#scroll .testimonial_slider ul {padding: 0;}
.testimonial_slider ul li {
    float: left;
    display: inline-block
}
.testimonial_slider .dots {
    position: absolute;
    left: -7px;
    bottom: 0;
    list-style: none;
    width: auto;
    display: table;
    padding: 3px 2px;
    box-sizing: border-box;
    z-index: 2
}
.testimonial_slider .dots li {
    -moz-transition: background .5s, opacity .5s;
    -webkit-transition: background .5s, opacity .5s;
    background: #c2cdd4;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    float: left;
    height: 10px;
    list-style: none;
    margin: 0 4px;
    padding: 0;
    text-indent: -999em;
    transition: background .5s, opacity .5s;
    width: 10px
}
.testimonial_slider .dots li.active {
    background: #5D61B5;
    opacity: 1;
    width: 30px
}
.testimonial-container {
    position: relative;
    padding-bottom: 40px
}
.bg-gradient {
    position: absolute;
    left: -103px;
    top: -236px
}
.what-next {
    padding: 100px 0;
    text-align: center;
    position: relative
}
.what-next h4 {
    display: inline-block;
    font-size: 36px;
    line-height: 46px;
    font-weight: 600;
    color: #fff;
    position: relative
}
.what-next h4 span {
    color: #825FD4
}
.what-next h4:before,
.what-next h4:after {
    content: "";
    width: 87.89px;
    height: 3.36px;
    background: linear-gradient(90deg, #000 0%, #9843bc 25.12%, #b69162 58.62%, #000 100%);
    opacity: 0.42;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -100px
}
.what-next h4:after {
    left: auto;
    right: -100px
}
.next-tiles {
    max-width: 1105px;
    margin: 30px auto auto;
    font-size: 0
}
.next-tiles li {
    display: inline-block;
    width: calc(100% / 3);
    padding: 12px;
    vertical-align: top
}
.next-tiles .full-width {
    width: 100%
}
.tile-box {
    background: #F5E8FF;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    text-align: left;
    padding: 40px;
    min-height: 320px;
    transition: .3s ease-in
}
.tile-box .tile-tit {
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-weight: 600;
    margin-bottom: 12px
}
.tile-box p {
    font-size: 16px;
    line-height: 30px;
    color: #434343
}
.tile-box a {
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
    color: #000;
    margin-top: 30px;
    padding: 10px 50px 10px 20px;
    position: relative;
    border: 1px solid #000;
    border-radius: 5px;
    text-decoration: none;
    transition: none
}
.tile-box p:nth-of-type(2) {
    min-height: 90px
}
.tile-box a:before {
    content: "";
    background: url('/sites/meweb/images/se/log-management/images/vigiliq-tdir-mob-sprite.png') no-repeat -113px -132px;
    background-size: 247px;
    width: 17px;
    height: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 28px
}
.full-width .tile-box {
    min-height: auto;
    background: linear-gradient(90deg, #8b53ca 0%, #8b53ca 20%, #451e56 100%);
    padding: 45px 76px 55px 76px;
    border: 0
}
.tile-text {
    width: calc(100% - 210px);
    display: inline-block;
    vertical-align: middle
}
.full-width h5 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 600;
    margin-bottom: 10px
}
.full-width p {
    font-size: 16px;
    line-height: 26px;
    color: #C4C4C4
}
.full-width .tile-box a {
    width: 210px;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    background: #EF282C;
    font-size: 18px;
    font-weight: 300;
    padding: 14px 50px 14px 20px;
    transition: .3s ease-in;
    vertical-align: middle;
    margin: 0
}
.full-width .tile-box a:before {
    filter: invert(1)
}
.tile-box:hover {
    transform: translateY(-3px)
}
.tile-box:hover a {
    background: linear-gradient(90deg, #ff1d1d 0%, #ff1010 47.65%, #9b0000 100%);
    border-color: #ff1d1d;
    color: #fff
}
.tile-box:hover a:before {
    filter: invert(1)
}
@media screen and (max-width :1300px) {
    .feb-pre-footer,
    #btmscroll {
        padding-left: 60px;
        box-sizing: border-box
    }
    .main-img {
        margin: auto
    }
    .tab-list li {
        margin: 0px 10px
    }
    .tab-list {
        text-align: center
    }
}
@media screen and (max-width :1200px) {
    .ban-text h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .testi-rhs {
        overflow: hidden
    }
    .ban-img {
        transform: scale(.8)
    }
    .main-img {
        margin-left: 40px;
        margin-top: -91px
    }
    .page-banner {
        min-height: auto;
        padding: 127px 0px 80px
    }
    .text-side {
        width: 100%;
        text-align: center
    }
    .form-side {
        width: 100%;
        text-align: center
    }
    .link-list {
        text-align: center
    }
    .link-list:before {
        display: none
    }
    .text-side h3 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .tab-list li {
        margin-bottom: 20px
    }
    .tab-cont-side {
        padding-left: 70px;
        padding-right: 30px
    }
    .testi-lhs {
        padding-left: 20px
    }
    .testi-rhs {
        padding-left: 0;
        padding-right: 40px
    }
    .next-tiles li {
        width: 50%
    }
    .next-tiles li:last-child {
        width: 100%
    }
    .next-tiles li:last-child p {
        min-height: auto
    }
    .next-tiles li:last-child div {
        min-height: auto
    }
}
@media screen and (max-width :992px) {
    .lhs-menu {
        display: none
    }
    .ac {
        width: 90%;
        padding: 0
    }
    .ban-text {
        width: 100%;
        text-align: center
    }
    .ban-img {
        display: none
    }
    .one-line-form {
        display: inline-block
    }
    .ban-text p {
        display: inline-block
    }
    .page-banner:before {
        display: none
    }
    .page-banner {
        padding: 102px 0px 65px
    }
    .about .shield {
        display: none
    }
    .about {
        padding: 30px 0;
        text-align: center
    }
    .what h2 span {
        display: block
    }
    .tab-img {
        display: none
    }
    .tab-cont-side {
        width: 100%;
        padding: 0
    }
    .tab-content-container {
        padding-top: 40px
    }
    .what {
        padding: 60px 0
    }
    .testi-lhs {
        width: 100%;
        padding-bottom: 30px
    }
    .bg-gradient {
        display: none
    }
    .testi-rhs {
        width: 100%;
        padding: 30px 0
    }
    .full-width .tile-box {
        padding: 20px;
        text-align: center
    }
    .tile-text {
        width: 100%;
        padding-bottom: 20px
    }
    .what-next {
        padding: 60px 0
    }
    .how-points li:nth-of-type(1),
    .how-points li:nth-of-type(2),
    .how-points li:nth-of-type(3) {
        padding: 0;
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }
    .how-points li:nth-of-type(3) {
        margin-bottom: 0
    }
}
@media screen and (max-width :767px) {
    .ban-text h1 {
        font-size: 34px;
        line-height: 44px
    }
    .how h2 {
        font-size: 30px;
        line-height: 40px
    }
    .how .oneliner {
        font-size: 18px;
        line-height: 28px
    }
    .how-points:before {
        display: none
    }
    .want {
        padding: 30px;
        display: block;
        box-sizing: border-box;
        background: #373c81
    }
    .form-side {
        box-sizing: border-box;
        display: block
    }
    .text-side h3 {
        font-size: 24px;
        line-height: 34px
    }
    .what h2 {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 0px
    }
    .tab-list {
        display: none
    }
    .tab-content-container {
        padding-top: 20px
    }
    .tab-content h3 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 10px
    }
    .tab-content {
        display: block;
        margin-bottom: 30px
    }
    .tab-content:last-child {
        margin-bottom: 0
    }
    .testi-lhs p {
        font-size: 30px;
        line-height: 40px
    }
    .what-next h4 {
        font-size: 26px;
        line-height: 36px
    }
    .what-next h4:before,
    .what-next h4:after {
        display: none
    }
    .full-width h5 {
        font-size: 22px;
        line-height: 30px
    }
    .full-width .tile-box {
        background: #7a66db
    }
    .next-tiles li {
        width: 100%
    }
    .next-tiles li * {
        min-height: auto;
        text-align: center
    }
    .tile-box {
        padding: 20px
    }
    .tile-box p:nth-of-type(2) {
        min-height: auto
    }
    .tile-box a {
        padding: 10px 38px 10px 13px
    }
    .tile-box a:before {
        right: 17px
    }
    .full-width .tile-box a:before {
        right: 28px
    }
}
@media screen and (min-width :992px) {
    .animate {
        transition: all .8s ease-in-out;
        opacity: 0
    }
    .animate.animated {
        opacity: 1
    }
    .fadeInUp {
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    .fadeInUp.animated {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    .fadeInLeft {
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    .fadeInLeft.animated {
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    .fadeInRight {
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    .fadeInRight.animated {
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    .fadeInRight {
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    .fadeInRight.animated {
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    .zoomIn {
        transform: scale(.5)
    }
    .zoomIn.animated {
        transform: scale(1)
    }
    .floating {
        animation-name: floating;
        animation-duration: 3s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        animation-delay: .5s
    }
    .ani-delay-1 {
        animation-delay: 1s
    }
    .ani-delay-2 {
        animation-delay: 1.5s
    }
    @keyframes floating {
        0% {
            transform: translate(0, 0px)
        }
        50% {
            transform: translate(0, 15px)
        }
        100% {
            transform: translate(0, -0px)
        }
    }
}
.video-sec {
    display: block;
    clear: both;
    margin-bottom: 120px;
}
.vid-text {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding-top: 80px;
}
.vid-thumb {
    display: inline-block;
    width: calc(50% - 4px);
    vertical-align: top;
    border: 1px solid #343434;
    border-radius: 15px;
    padding: 30px;
    position: relative;
}
.vid-text p {
    font-size: 36px;
    line-height: 46px;
    font-weight: 600;
    margin-bottom: 30px;
}
.vid-text .vid-trigger {
    display: inline-block;
    padding: 15px 28px;
    background: #EF282C;
    color: #fff;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 300;
    text-decoration: none;
    transition: .3s ease-in;
    background: linear-gradient(90deg, #ff1d1d 0%, #ff1d1d 47.65%, #ff1d1d 100%);
}
.vid-text .vid-trigger i {
    display: inline-block;
    vertical-align: middle;
    background: url(/sites/meweb/images/se/log-management/images/vigiliq-tdir-mob-sprite.png) no-repeat -82px -132px;
    background-size: 247px;
    width: 17px;
    height: 10px;
    margin-left: 5px;
}
.vid-text .vid-trigger:hover {
    /* background: red; */
    background: linear-gradient(90deg, #ff1d1d 0%, #ff1010 47.65%, #9b0000 100%);
}
.vid-play-btn {
    width: 80px;
    height: 80px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    cursor: pointer;
    transition: .3s ease-in;
}
.vid-play-btn:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 26px solid #000;
    position: absolute;
    left: 0;
    right: -11px;
    top: 0px;
    bottom: 0;
    margin: auto;
    box-sizing: border-box;
    pointer-events: none;
}
.vid-play-btn:hover {
    transform: rotate(360deg) scale(1.2);
}
@media screen and (max-width : 1100px) {
    .vid-text {
        padding-top: 40px;
        padding-right: 30px;
    }
    .vid-text p {
        font-size: 30px;
        line-height: 40px;
    }
}
@media screen and (max-width : 992px) {
    .vid-text {
        width: 100%;
        padding: 0;
        margin: auto;
        margin-bottom: 30px;
        text-align: center;
        max-width: 600px;
        display: block;
    }
    .vid-thumb {
        width: 100%;
        max-width: 650px;
        margin: auto;
        display: block;
    }
    .video-sec {
        margin-bottom: 60px;
    }
}
.me_video-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #0000005e;
    top: 0;
    left: 0;
    z-index: 99999;
    backdrop-filter: blur(10px);
    display: none;
}
.me_video-popup .po-container {
    width: 80vw;
    height: 80vh;
    max-width: 1200px;
    max-height: 700px;
    margin: auto;
    position: relative;
    top: 15%;
}
.me_video-popup .po-container iframe {
    width: 100%;
    height: 100%;
}
.me_video-popup .po-container .vid-close {
    font-size: 44px;
    line-height: 44px;
    font-weight: 200;
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: -20px;
    top: -53px;
    transition: .3s ease-in;
}
.me_video-popup .po-container .vid-close:hover {
    transform: scale(1.2);
}