#scroll {
    width: 100%;
    padding: 0;
    margin: 0
}
#header-mainsec .headerinner {
    box-shadow: none
}
#header-mainsec .headerinner.shadow {
    box-shadow: #ccc 0 2px 2px -1px
}
.heading-menu {
    display: none
}
.page-container {
    width: 93%;
    max-width: 1400px;
    margin: auto;
    box-sizing: border-box;
    font-size: 0
}
.page-container * {
    box-sizing: border-box;
    color: #000
}
.page-container div {
    font-size: 16px
}
.ban-img-side {
    display: none
}
.page-header {
    color: #000
}
.page-header .page-container {
    padding: 70px 58px;
    background: #F7F7FF;
    border: 1px solid #E2E2E2;
    border-radius: 10px;
    margin-top: 35px
}
.page-header h1 {
    font-size: 60px;
    line-height: 1.2;
    font-weight: 300;
    color: #000;
    margin: 0
}
.page-header .ban-text-side {
    max-width: 900px
}
.page-header .ban-text-side p {
    margin: 0;
    margin-top: 27px;
    font-size: 18px;
    line-height: 32px
}
.page-header.innerpage .page-container {
    padding: 50px 0;
    background: none;
    border: none;
    border-bottom: 1px solid #D9D9EA
}
.innerpage h1 {
    font-size: 50px
}
@media (max-width: 992px) {
    .page-header {
        margin-top: 40px
    }
    .page-header br {
        display: none
    }
    .page-header .ban-text-side {
        text-align: center
    }
    .page-header .page-container {
        padding: 40px
    }
    .page-header.innerpage .page-container {
        padding-top: 20px
    }
    .page-header h1 {
        font-size: 36px
    }
    .bread_crumb {
        text-align: center
    }
}
.bread_crumb {
    margin-bottom: 15px
}
.bread_crumb a {
    display: inline-block;
    padding-right: 20px;
    font-size: 15px;
    line-height: 24px;
    position: relative;
    color: #4445EC;
    font-weight: 400
}
.bread_crumb a:not(:last-child):after {
    content: "";
    width: 5px;
    height: 5px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(45deg)
}
.bread_crumb a:last-child {
    color: #585877;
    pointer-events: none
}
.page-content-section {
    padding: 90px 0
}
.page-lhs {
    display: inline-block;
    width: 250px;
    vertical-align: top;
    position: relative;
    position: sticky;
    top: 110px
}
#scroll .page-lhs ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-left: 4px solid #E7E7F0
}
.page-lhs ul li span {
    display: inline-block;
    padding: 5px 10px 5px 15px;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 10px;
    transition: .3s;
    cursor: pointer;
    margin-left: -4px;
    width: 100%;
    border-left: 4px solid transparent;
    position: relative
}
.page-lhs ul li:last-child span {
    margin-bottom: 0
}
.page-lhs ul li:hover {
    color: #09C
}
.page-lhs ul span.active {
    border-left: 4px solid #4445EC;
    font-weight: 500
}
.page-lhs ul ul {
    border: 0;
    display: none;
    margin-bottom: 10px
}
.page-lhs ul ul li span {
    color: #49484B;
    padding-left: 40px
}
.page-lhs p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #000;
    margin-top: 40px
}
.page-lhs .log360-picth {
    background: #F7F7FF;
    border: 1px solid #E4E4F0;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 30px
}
.page-lhs .log360-picth a {
    font-size: 14px;
    line-height: 1.4;
    padding: 15px 30px 15px 40px;
    display: inline-block;
    width: 100%;
    position: relative;
    transition: .3s
}
.page-lhs .log360-picth a:before {
    content: "";
    background: url(../images/log360-compliance-lhs-sprite.png) no-repeat -16px -14px;
    background-size: 53px;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 19px
}
.page-lhs .log360-picth a:nth-child(2):before {
    background-position: -16px -64px
}
.page-lhs .log360-picth a:nth-child(3):before {
    background-position: -15px -110px;
    height: 16px;
    top: 17px
}
.page-lhs .log360-picth a:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000;
    position: absolute;
    right: 20px;
    top: 21px
}
.page-lhs .log360-picth a:hover {
    background: #E4E4F7;
    text-decoration: none
}
.page-lhs .highlighter {
    width: 4px;
    height: 35px;
    background: #4445EC;
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s linear
}
.page-lhs .lhs-trigger {
    display: none
}
.page-lhs ul li span.hav-sub {
    font-weight: 500;
    color: #49484B;
    position: relative
}
.hav-sub:before {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    position: absolute;
    right: 10px;
    top: 10px;
    transform: rotate(45deg)
}
.hav-sub.open:before {
    transform: rotate(224deg);
    top: 14px
}
.page-lhs .related-pages {
    background: #FCFCFD;
    border: 1px solid #E4E4F0;
    padding: 20px 22px;
    margin-top: 30px
}
.page-lhs .related-pages h3 {
    font-size: 17px;
    line-height: 27px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
    margin: 0 0 15px;
    text-align: center
}
.page-lhs .related-pages a {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    line-height: 25px;
    padding: 5px 0;
    margin-bottom: 7px;
    padding-right: 20px;
    position: relative
}
.related-pages a::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000;
    position: absolute;
    right: 5px;
    top: 15px
}
.page-lhs .related-pages a:last-child {
    margin-bottom: 0
}
.page-lhs .other-topic {
    padding: 25px 22px;
    border-bottom: 1px solid #707070
}
.page-lhs .other-topic a {
    font-size: 15px;
    line-height: 25px;
    color: #4445EC
}
@media (max-width: 992px) {
    .page-lhs {
        width: 100%;
        max-width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: -100%;
        background: #05050545;
        z-index: 99999;
        padding-top: 0;
        transition: .3s ease-in
    }
    .page-lhs .lhs-menu-list {
        position: relative;
        height: 100vh;
        overflow: auto;
        max-height: 100%;
        width: calc(100% - 50px);
        padding-top: 30px;
        background: #fff
    }
    .page-lhs .lhs-menu-list li span.active {
        font-weight: 500;
        background: linear-gradient(to right, #b8b8f1, transparent)
    }
    .page-lhs ul {
        border: 0
    }
    .page-lhs .highlighter {
        display: none
    }
    .page-lhs .lhs-trigger {
        position: absolute;
        right: -28px;
        top: 48vh;
        width: 36px;
        height: 75px;
        background: blue;
        border-radius: 0 13px 13px 0;
        display: block;
        transform: scale(0.6);
        transition: .3s
    }
    .page-lhs .lhs-trigger:before {
        content: "";
        width: 15px;
        height: 15px;
        border: 2px solid #fff;
        border-bottom: 0;
        border-left: 0;
        border-radius: 1px;
        position: absolute;
        right: 0;
        top: 0;
        left: -8px;
        bottom: 0;
        margin: auto;
        transform: rotate(45deg);
        transition: .3s
    }
    .page-lhs.open-lhs {
        left: 0
    }
    .page-lhs.open-lhs .lhs-trigger {
        right: 22px
    }
    .page-lhs.open-lhs .lhs-trigger:before {
        left: 0;
        transform: rotate(45deg) scale(-1)
    }
    .page-lhs .log360-picth {
        display: none
    }
    .page-lhs p {
        display: none
    }
}
.page-center {
    display: inline-block;
    width: calc(100% - 250px);
    vertical-align: top;
    padding-left: 100px;
    font-weight: 300
}
.page-center h2 {
    font-size: 40px;
    line-height: 1.3;
    color: #000;
    margin-top: 80px;
    margin-bottom: 30px;
    font-weight: 300
}
.page-center h2:first-child {
    margin-top: 0
}
.page-center h3 {
    font-size: 30px;
    line-height: 1.3;
    margin: 40px 0 20px;
    color: #000;
    font-weight: 400
}
.page-center h3:first-child {
    margin-top: 0
}
.page-center h4 {
    font-size: 24px;
    line-height: 1.4;
    margin: 40px 0 20px;
    color: #000;
    font-weight: 400
}
.page-center h5 {
    font-size: 18px;
    font-weight: 500;
    margin: 40px 0 20px;
    color: #000
}
.page-center>p {
    font-size: 16px;
    line-height: 1.7;
    margin: 0 0 25px;
    color: #000
}
.page-center>p.pad-left {
    padding-left: 30px
}
.page-center>.scrnshot {
    width: 100%;
}
.page-center p a {
    color: #4445EC
}
.page-center a {
    color: #4445EC
}
.page-center p strong {
    font-weight: 500
}
.page-center strong {
    font-weight: 500
}
.page-center .main-text {
    font-size: 22px;
    line-height: 32px
}
.page-center ul {
    margin: 0 0 30px;
    padding: 0
}
.page-center ul.pad-left {
    padding-left: 30px !important
}
.page-center ul li {
    font-size: 16px;
    line-height: 1.7;
    color: #000;
    padding-left: 20px;
    position: relative;
    margin-bottom: 15px
}
.page-center ul li::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #4445EC;
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 50%
}
.page-center ul li strong {
    font-weight: 500
}
.page-center ul.tick-list li {
    padding-left: 30px
}
.page-center ul.tick-list li::before {
    content: "";
    width: 15px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAVCAYAAAC6wOViAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAE2SURBVEhLtdWxbsIwEAbgcyBIbBlgbt4AWJDCBG8AG2o7tE9S9U0yQFh5A8IUiQXeAGYCElsRaXvgIEOCsOMkTmYrn+733ZlAwZ8x9MwywZfdpDNnFCnSrL8umkB+ZwSIgQCuP7Z61CsMjYKssL9/HOwnnWkh6DOQwoillu+0V8pRPgifvmPZyuOVAZWisqAyNA2oBE0L3lA6wLoGX5eu2mwd61t2drOAIWp8LA09+FnTAb62Na6CSrV3sFsHEZ4VDNHau9fVEGZRIAnOA97irb95dGAbMnBe8H6nYcRHNwlWAca693q3fFg/BSZb3vFE7ptGtgFja1AEX54GkzUb+zlievDpnPLgxyqygtzlkATnAYUbiR91tkijSQmftkc4b4UMTnxPQ/h07KMGm93IcmU7VHTuDOVn6haYkm4tAAAAAElFTkSuQmCC);
    position: absolute;
    left: 0;
    top: 10px;
    background-size: contain;
    background-repeat: no-repeat
}
.page-center .comp-logo {
    overflow: hidden
}
.page-center .comp-logo img {
    width: 2575px;
    max-width: initial;
    margin-top: 20px;
    filter: grayscale(1)
}
.page-center .comp-logo span {
    padding-right: 10px;
    display: inline-block;
    background: #fff
}
.page-center .comp-logo p {
    position: relative
}
.page-center .comp-logo p:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #D9D9EA;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: -1
}
.page-center .image-container {
    padding: 20px 0 10px;
    text-align: center
}
.page-center .image-container img {
    width: 100%;
    height: auto;
    border: .5px solid #566065;
    border-radius: 5px
}
.page-center .image-container p {
    font-size: 15px;
    line-height: 1.7;
    margin: 20px 0
}
.page-center .image-container+h5 {
    margin-top: 40px
}
.page-center .wid-90 {
    width: 90%;
    margin: auto
}
.page-center .wid-80 {
    width: 80%;
    margin: auto
}
.page-center .wid-70 {
    width: 70%;
    margin: auto
}
.page-center .wid-60 {
    width: 60%;
    margin: auto
}
.page-center .faq-qstn {
    font-size: 24px;
    line-height: 1.4
}
.page-center .faq-content {
    padding-bottom: 20px;
    border-bottom: 1px dashed #A0A0BC;
    margin-bottom: 40px
}
.page-center .faq-content:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}
.page-center .faq-answer ul:last-child {
    margin-bottom: 0
}
.page-center .faq-content:last-child {
    border-bottom: 0
}
.article {
    padding-top: 10px
}
.art-title {
    display: inline-block;
    border-left: 3px solid #4445EC;
    padding-left: 15px;
    line-height: 1.2
}
.article p {
    padding-left: 20px;
    margin-bottom: 30px
}
.link-arrow {
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAG9SURBVEhL5ZY7TwJBFIXPIlpgCBpjpOcP0BFpjEGs7YnUWGnio5ZWQ4012NtpAhRQiD09PUbcQMJi5DXeu7oSgYVBBmLiNEtgdj7mzJl7jwYaoVD1QNNwLAA/Pdf4O6VDIA+IeC63mddMmAN3SgF2iwmxq+2FX4iu7QS3VxCNuuDzLSllVyo9JJMGik8tWlcUCFglJYF0ah1er0MpzFqsXO4idlSDEKh9A7OZjbnArEXD+6/mx78FZP1Ze6Nhqj526HoP5XIHkYgLgcDy0FypHV5dN5DNvk9imb/T+YCuFJxO4OF++HiUAi2Y9c9G+UEK2CApH4stPFe6I3ep6wIZUqDd/pKcH7TLXwPHaclWPz2rwzB+wvgd5cBB2KpLg9HsG0spcBQskfCYF3vmMxyU1A7G5dAyhTJJx8EYohQ4CaYUKANTBpSFKQFyHWXnWfeMrc9utOuXM59hKtVE+vbNNOokGM/hIlAqdcCNPB53T1+8zR3Gatiipnxx7pZKAvyOXROXqqVSbUJy0j8ELiJEQaDej4lBiomHc4qJNxQTqa+aMXHhQZhN9gkVJxCanzq2R9J4U0wTBZLzkqP+B1tcatC99GWGAAAAAElFTkSuQmCC);
    background-size: cover;
    background-position: center;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 6px
}
.resource-tile-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 13px;
    padding: 50px;
    border: 1px solid #D9D9EA;
    border-radius: 10px;
    position: relative;
    margin-top: 77px
}
.resource-tile-container h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
    position: absolute;
    top: -18px;
    left: 40px;
    background: #fff;
    padding: 0 10px;
    margin: 0
}
.resource-tile-container>div {
    width: calc((100% / 3) - 9px);
    background: #FAFAFD;
    padding: 23px 27px
}
.resource-tile-container.four-tile>div {
    width: calc((100% / 2) - 9px)
}
.resource-tile-container.two-tile>div {
    width: calc((100% / 2) - 9px)
}
.resource-tile-container>div span {
    font-size: 12px;
    line-height: 16px;
    color: #8C8C96;
    font-weight: 300
}
.resource-tile-container>div p {
    margin: 10px 0 15px
}
.resource-tile-container>div a {
    font-size: 14px;
    color: #4445EC
}
.accordion-topic {
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    margin-top: 50px
}
.accordion-topic p {
    font-size: 30px;
    line-height: 40px;
    margin: 0
}
.accordion-topic:before {
    content: "";
    width: 3px;
    height: 20px;
    background: #4445EC;
    position: absolute;
    left: 0;
    top: 10px
}
.accordion {
    padding-left: 20px;
    position: relative
}
.accordion:before {
    content: "";
    width: calc(100% - 20px);
    height: 1px;
    background: #D9D9EA;
    position: absolute;
    right: 0;
    bottom: 0
}
.acc-head,
.acc-body {
    padding-right: 50px;
    position: relative
}
.acc-head:before {
    content: "\002B";
    font-size: 24px;
    font-weight: 300;
    color: #4344EC;
    position: absolute;
    right: 20px;
    top: 35px
}
.acc-body {
    display: none
}
.acc-head p {
    margin: 0;
    font-weight: 400
}
.acc-head {
    padding: 30px 0;
    cursor: pointer;
    transition: .3s
}
.opened .acc-head:before {
    content: "\002D";
    font-size: 50px;
    font-weight: 100
}
.accordion.opened {
    padding-bottom: 30px
}
.accordion.opened .acc-head {
    padding-bottom: 10px
}
.accordion.opened .acc-head p {
    font-weight: 300
}
.accordion:not(.opened) .acc-head:hover {
    background: #f7f7f7
}
.use-case-container {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}
.use-case-container>div {
    width: calc((100% / 3) - 10px);
    align-items: center;
    display: flex;
    padding: 30px 40px;
    background: #FCFCFF;
    border: 1px solid #E2E2E2;
    border-radius: 10px;
    height: 287px;
    text-align: center
}
.use-case-box p {
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}
.use-case-container span {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400
}
.use-case-container>div a {
    opacity: 0;
    visibility: hidden;
    position: absolute
}
.use-case-box:hover p {
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical
}
.use-case-box:hover a {
    opacity: 1;
    visibility: visible;
    position: relative
}
.full-screen-container {
    position: relative
}
.trigger-fullscreen {
    background: url(../images/log360-compliance-lhs-sprite.png) no-repeat -10px -154px;
    background-size: 53px;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 4px;
    cursor: pointer;
    z-index: 1;
    transition: .3s
}
.trigger-fullscreen:hover {
    transform: scale(1.2)
}
.full-screen-container h3 {
    position: relative;
    padding-right: 50px
}
.table-container {
    margin: 50px 0;
    overflow: auto
}
.table-container table {
    min-width: 600px
}
.table-container thead {
    background: #ECECF7;
    font-weight: 500;
    font-size: 16px
}
.table-container tbody {
    font-weight: 300;
    font-size: 16px
}
.table-container td,
.table-container tr,
.table-container th {
    font-weight: inherit;
    line-height: inherit;
    font-size: inherit;
    color: inherit;
    text-align: left
}
.table-container td,
.table-container th {
    padding: 20px
}
.table-container tbody tr:nth-child(even) {
    background: #FAFAFD
}
.col-5 td:nth-child(1) {
    width: 18%
}
.col-5 td:nth-child(2) {
    width: 25%
}
.col-5 td:nth-child(3) {
    width: 15%
}
.col-5 td:nth-child(4) {
    width: 17%
}
.col-5 td:nth-child(5) {
    width: 25%
}
.col-3 td {
    width: 33%
}
.col-4 td {
    width: 25%
}
.col-2 td {
    width: 50%
}
.table-container.enabled {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 99999;
    margin: 0;
    padding: 40px 30px;
    max-height: 100vh;
    overflow: auto;
    backdrop-filter: blur(10px)
}
.table-container.enabled table {
    min-width: 1000px;
    border: 1px solid #ececf7
}
.trigger-fullscreen.enabled {
    position: fixed;
    top: 0;
    right: 20px;
    z-index: 999999
}
.btm-product-pitch {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    padding-top: 20px
}
.btm-product-pitch>div {
    width: calc(50% - 10px);
    border: 1px solid #DCDCE6;
    border-radius: 10px;
    padding: 40px 40px 55px 44px
}
.btm-product-pitch>div p:first-child {
    font-size: 24px;
    line-height: 34px;
    color: #000;
    margin: 0
}
.btm-product-pitch>div p {
    font-size: 16px;
    line-height: 28px;
    margin: 20px 0 30px
}
.btm-product-pitch>div a {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    background: #4445EC;
    padding: 10px 30px;
    border-radius: 5px;
    text-decoration: none;
    transition: .3s
}
.btm-product-pitch>div a:hover {
    background: #1112c9
}
.looking-for-sol {
    display: flex;
    flex-wrap: wrap;
    gap: 13px
}
.looking-for-sol>div {
    width: calc((100% / 3) - 9px);
    border: 1px solid #E2E2E2;
    background: #FCFCFF;
    padding: 30px;
    border-radius: 10px
}
.looking-for-sol>div p {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 30px
}
/*2 BOX LAYOUT*/
.cal-flex-box {}
.cal-flex-box ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.cal-flex-box li {
    padding: 30px !important;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    display: inline-block;
    box-sizing: border-box;
    width: calc(100% / 2 - 20px);
    margin: 0 !important;
}
.cal-flex-box li:before {
    display: none;
}
.cal-flex-box li h4 {
    margin: 0;
}
.cal-flex-box li p {}
@media screen and (max-width: 992px) {
    .cal-flex-box ul {
        flex-direction: row;
    }
    .cal-flex-box li {
        flex: 100%;
    }
}
@media (max-width: 1100px) {
    .page-center {
        padding-left: 40px
    }
}
@media (max-width: 992px) {
    .page-content-section {
        padding: 40px 0
    }
    .page-center {
        width: 100%;
        padding: 0
    }
    .page-center h2 {
        font-size: 32px;
        margin-top: 50px
    }
    .page-center .main-text {
        font-size: 18px;
        line-height: 28px
    }
    .accordion-topic p {
        font-size: 24px;
        line-height: 34px
    }
    .accordion-topic {
        margin-bottom: 0
    }
    .accordion-topic:before {
        top: 6px
    }
    .use-case-box p {
        -webkit-line-clamp: initial;
        line-clamp: initial
    }
    .use-case-container>div {
        height: auto;
        width: 100%;
        text-align: left
    }
    .use-case-container>div a {
        opacity: 1;
        visibility: visible
    }
    .resource-tile-container h3 {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        width: 100%
    }
    .resource-tile-container {
        border: none;
        padding: 0;
        margin-top: 20px
    }
    .trigger-fullscreen {
        display: none
    }
}
@media (max-width: 767px) {
    .page-center h2 {
        font-size: 24px;
        margin: 30px 0 20px
    }
    .page-center h3 {
        font-size: 18px
    }
    .page-center .faq-qstn {
        font-size: 18px;
        font-weight: 500
    }
    .page-center.main-page h2 {
        font-size: 24px
    }
    .page-center.main-page h3 {
        font-size: 18px
    }
    .resource-tile-container>div {
        width: 100%
    }
    .accordion-topic:before {
        display: none
    }
    .btm-product-pitch {
        padding: 0
    }
    .btm-product-pitch>div {
        width: 100%
    }
    .looking-for-sol>div {
        width: 100%
    }
}
.bottom-cta-box {
    width: 100%;
    background: #F7F7FF;
    border: 1px solid #d4d4dc;
    text-align: center;
    margin: 40px 0;
    padding: 30px;
    position: relative
}
.bottom-cta-box p {
    font-size: 20px;
    line-height: 1.7;
    font-weight: 400;
    color: #000;
    margin: 0
}
.bottom-cta-box .cta-wrap {
    margin-top: 20px
}
.bottom-cta-box .cta-wrap a {
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
    padding: 8px 22px;
    border: 1px solid #4445EC;
    margin: 0 7px;
    color: #4445EC;
    text-decoration: none;
    transition: .3s
}
.bottom-cta-box .cta-wrap a:hover {
    box-shadow: 0 2px 10px -5px #4445EC;
    transform: translateY(-4px)
}
.bottom-cta-box .cta-wrap a:first-child {
    background: #4445EC;
    color: #fff
}
.bottom-cta-box.single-cta {
    padding-right: 280px;
    text-align: left
}
.bottom-cta-box.single-cta .cta-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    margin: 0
}
.bottom-cta-box.single-cta .cta-wrap {
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
    padding: 8px 22px;
    border: 1px solid #4445EC;
    margin: 0 7px;
    color: #4445EC;
    text-decoration: none;
    transition: .3s;
    background: #4445EC;
    color: #fff
}
@media (max-width: 1150px) {
    .bottom-cta-box .cta-wrap a {
        margin: 10px 0;
        width: 200px
    }
    .bottom-cta-box.single-cta {
        padding: 30px;
        text-align: center
    }
    .bottom-cta-box.single-cta .cta-wrap {
        position: relative;
        top: 0;
        right: 0;
        transform: none;
        margin-top: 20px
    }
}
.blu-arrow {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAEuSURBVEhL3dUxcoJAFAbg99axt8DUuYFtSiZgHXKC0KT3BuoJvEBmojdIr0vOkDJd+pDJCdjfXSY6SBBW2KGQimJ3v30/uw+mHh7uwaArR3z/dzQYZA/MfHtBnHcAPqX0ZuU5lXGF4c+MGCtbACDiv5VUhuckGb8U53ZGioBZGEptpLyJGxETlxhmkQBq41KgSAieHBbMQcJytxsvGhGbmIJputYxPJ0AJhc4QsqAUvg4VuQC+VcB0YaBL/3l53lVXZEqQG69OAy/F06Qc4DZvBOkDnCCNAGdERugE2ILtEYuAVoh99M0FkSvx5us74E5pnVdoNhQoehRd+K32raij6Ovz/x7fq8sADPu0OvMe7L11uUNVXbhIEgjM7C8I5ueVjXmyn+/bWM5N6+XuPYmWcQaX8ExpwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 5px
}
.style-2 h3 {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.4
}
.style-2 h4 {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 400
}
@media screen and (max-width : 992px) {
    .style-2 h3 {
        font-size: 22px
    }
    .style-2 h4 {
        font-size: 18px
    }
}