html,
body {
    margin: 0;
    padding: 0
}

body {
    font-size: 16px;
    line-height: 30px;
    font-family: "Rubik", sans-serif !important;
    font-weight: normal;
    color: #414f7b;
    overflow-x: hidden
}

a {
    font-family: "Rubik", sans-serif !important;
    color: #414f7b;
    text-decoration: none;
}

p a {
    text-decoration: underline;
}

.relative {
    position: relative;
}

a:hover,
a:focus,
a:active,
a:visited {
    text-decoration: underline;
}

.table {
    color: #324371;
}

.cl-orange {
    color: #ffa44b
}

.main {
    background-color: #fff
}

.navbar-brand img {
    margin-top: -29px;
    width: 146px;
    image-rendering: -webkit-optimize-contrast;
}
@media (min-width: 577px) and (max-width: 991px) {
    .navbar-brand img {
        margin-top: -20px;
        margin-left: 20px;
    }
}

.col-centered {
    margin-left: auto;
    margin-right: auto;
}

.btn {
    border-radius: 6px;
    padding: 24px 96px;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none !important;
    position: relative;
    line-height: normal
}

.btn-block {
    padding-left: 0;
    padding-right: 0
}

.btn-icon::after {
    content: url("/img/general/ic-arrow-double.svg");
    right: 42px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.btn:focus,
.btn.focus {
    box-shadow: none !important
}

.sub-nav {
    border-top: solid 1px #03213d;
    padding-top: 10px;
    margin-top: 9px;
    text-shadow: 0 0 6px #01162b;
}
    .sub-nav h1, .sub-nav h2 {
        font-weight: 400;
        font-size: 24px;
        color: #fff;
    }
.sub-nav ul {
    position: absolute;
    top: 0px;
    right: 15px;
}

    .sub-nav ul li {
        display: inline-block;
        list-style: none;
        display: inline-block;
        color: #d5eaffb0;
        margin-left: 30px;
    }
        .sub-nav ul li a {
            color: #d5eaffb0;
        }
        .sub-nav ul li.active a {
            color: #fff;
        }
        .sub-nav ul li a i {
            font-size: 12px;
        }
@media (max-width: 991px) {
    .sub-nav {
        margin-top: 16px;
    }

        .sub-nav h1, .sub-nav h2 {
            font-size: 22px;
            margin-top: 5px;
            font-weight: 500;
        }

        .sub-nav ul {
            position: relative;
            right: auto;
            left: auto;
            margin-left: 0;
            padding-left: 0;
            width: 100%;
            overflow: scroll;
            white-space: nowrap;
            padding-top: 6px;
            padding-bottom: 30px;
            margin-bottom: -20px;
        }

            .sub-nav ul li:first-child {
                padding-left: 0px;
                margin-left: 0px;
            }

            .sub-nav ul li:last-child {
                padding-right: 20px;
            }

            .sub-nav ul li {
                display: inline;
            }

        .sub-nav ul {
            -ms-overflow-style: none; /* Internet Explorer 10+ */
            scrollbar-width: none; /* Firefox */
        }

            .sub-nav ul::-webkit-scrollbar {
                display: none; /* Safari and Chrome */
            }
}

.btn.btn-secondary {
    background-image: linear-gradient(89deg, #FF7854, #ffaf48);
    background-color: transparent;
    border: none;
    color: #fff
}

    .btn.btn-secondary:hover,
    .btn.btn-secondary:focus,
    .btn.btn-secondary:active,
    .btn.btn-secondary:not(:disabled):not(.disabled).active,
    .btn.btn-secondary:not(:disabled):not(.disabled):active,
    .btn.btn-secondary:visited {
        background-image: linear-gradient(89deg, #FF7854e8, #ffaf48e8);
        color: #fff;
        border: none;
    }

.btn.btn-blue {
    background-image: linear-gradient(89deg, #03294e, #3972a1);
    background-color: transparent;
    border: none;
    color: #fff
}

    .btn.btn-blue:hover,
    .btn.btn-blue:focus,
    .btn.btn-blue:active,
    .btn.btn-blue:not(:disabled):not(.disabled).active,
    .btn.btn-blue:not(:disabled):not(.disabled):active,
    .btn.btn-blue:visited {
        background-image: linear-gradient(89deg, #03294ee8, #3972a1e8);
        color: #fff;
        border: none;
    }

.btn.btn-outline-secondary {
    border: 2px solid #ffa44b;
    color: #ffa44b
}

    .btn.btn-outline-secondary:hover,
    .btn.btn-outline-secondary:focus,
    .btn.btn-outline-secondary:active,
    .btn.btn-outline-secondary:not(:disabled):not(.disabled).active,
    .btn.btn-outline-secondary:not(:disabled):not(.disabled):active,
    .btn.btn-outline-secondary:visited {
        background: #ffa44b;
        color: #fff;
        border: 2px solid #ffa44b
    }

.form-control {
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    color: #949bb0
}

    .form-control::placeholder {
        color: #949bb0
    }

    .form-control:focus {
        outline: none;
        box-shadow: none
    }

textarea::placeholder {
    padding-top: 10px
}

.custom-select {
    height: 60px;
    padding-left: 30px;
    color: #99a1bb
}

    .custom-select:focus {
        outline: none;
        box-shadow: none
    }

.bg-grass {
    position: absolute;
    left: 0px;
    height: 1000px;
    bottom: 0px;
}
@media (max-width: 1200px) {
    .bg-grass {
        display: none;
    }
}

.bg-grass-right {
    position: absolute;
    right: 0px;
    height: 1000px;
    bottom: 0px;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
@media (max-width: 1200px) {
    .bg-grass-right {
        display: none;
    }
}

.protection h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 21px
}

.protection p {
    line-height: 32px;
    margin-bottom: 50px
}

.protection .title-circle {
    font-weight: bold;
    font-size: 20px;
    line-height: 37px;
    margin-bottom: 20px;
    padding-left: 40px
}

    .protection .title-circle.title-circle-arrow::before {
        content: url("/img/general/ic-circle-arrow-right.svg");
        background: transparent;
        margin-top: 5px
    }

    .protection .title-circle::before {
        content: ' ';
        position: absolute;
        width: 16px;
        height: 16px;
        background-image: linear-gradient(89deg, #FF7854, #ffaf48);
        margin-top: 10px;
        border-radius: 50px;
        left: 15px
    }

.protection .list-circle {
    list-style: none;
    margin-bottom: 50px
}

    .protection .list-circle li::before {
        content: ' ';
        position: absolute;
        width: 8px;
        height: 8px;
        background-image: linear-gradient(89deg, #FF7854, #ffaf48);
        margin-top: 10px;
        border-radius: 50px;
        left: 35px
    }

.protection .hr {
    border-top: 1px solid #b1b9ce;
    margin-bottom: 37px
}

.protection ul {
    list-style: none
}

.list-circle {
    list-style: none;
    margin-bottom: 50px
}

    .list-circle li::before {
        content: ' ';
        position: absolute;
        width: 7px;
        height: 7px;
        background-image: linear-gradient(89deg, #FF7854, #ffaf48);
        margin-top: 10px;
        border-radius: 50px;
        left: 35px
    }

.list-arrow {
    list-style: none;
    margin-bottom: 50px
}

    .list-arrow li.up::before {
        content: url(/img/general/ic-solid-up.svg);
        position: absolute;
        left: 35px
    }

    .list-arrow li.down::before {
        content: url(/img/general/ic-solid-down.svg);
        position: absolute;
        left: 35px
    }

.bunny-accordion .card {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    border-bottom: 1px solid #a6adc3 !important
}

.bunny-accordion .card-header {
    background: transparent;
    padding: 23px 0;
    border: none;
    border-radius: 0
}

    .bunny-accordion .card-header button {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0;
        align-items: center
    }

        .bunny-accordion .card-header button span {
            font-weight: bold;
            font-size: 20px;
            line-height: 37px;
            text-align: left;
            color: #414f7b
        }

        .bunny-accordion .card-header button.collapsed img {
            transform: rotate(180deg)
        }

.bunny-accordion .card-body {
    padding: 15px 0
}

.card-list-transparent .card {
    background: transparent;
    border: none;
    text-align: center;
    margin-bottom: 60px
}

    .card-list-transparent .card .card-heading {
        margin-bottom: 60px
    }

        .card-list-transparent .card .card-heading h4 {
            font-weight: bold;
            font-size: 30px;
            line-height: 37px
        }

    .card-list-transparent .card .card-img {
        margin-bottom: 33px;
    }

.card-list-icons .card .card-img {
    max-height: 57px;
}

.card-list-transparent .card .card-body h4 {
    font-weight: bold;
    font-size: 20px;
    line-height: 37px;
    margin-bottom: 16px
}

.content-heading {
    margin-bottom: 100px;
    text-align: center
}

    .content-heading img {
        margin-bottom: 30px
    }

    .content-heading h3 {
        font-weight: bold;
        font-size: 45px;
        margin-bottom: 40px
    }

    .content-heading p {
        font-size: 24px;
        line-height: 37px;
        margin-bottom: 0
    }

.height-300 {
    height: 300px
}

.height-325 {
    height: 325px
}

.height-350 {
    height: 350px
}

.height-375 {
    height: 375px
}

.height-400 {
    height: 400px
}

.height-425 {
    height: 425px
}

.height-450 {
    height: 450px
}

.height-475 {
    height: 475px
}

.height-500 {
    height: 500px
}

.height-525 {
    height: 525px
}

.height-550 {
    height: 550px
}

.height-575 {
    height: 575px
}

.height-600 {
    height: 600px
}

.affix {
    top: -50px
}

.header {
    background-image: url("/img/general/bg-header.svg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #03192e;
    background-size: cover
}

    .header .navbar {
        /*background: rgba(209, 148, 255, 0.11);*/
        padding-top: 20px;
    }

    .header .nav.-item-spacer {
        margin-right: 45px;
    }

    .header .navbar-nav .nav-item {
        position: relative;
        padding-bottom: 20px;
    }
    .header .navbar-nav .nav-item.cta {
        display: none;
    }
    .navbar-cta-main {
        background-image: linear-gradient(89deg, #FF7854, #ffaf48);
        padding-top: 6px !important;
        font-weight: 400;
        padding-bottom: 6px !important;
        border: none !important;
    }
        .navbar-cta-main:hover {
            opacity: 1 !important;
            background-image: linear-gradient(89deg, #ff7854e8, #ffaf48e8);
        }
@media (max-width: 993px) {
    .header .navbar-nav .nav-item.cta {
        display: block;
    }
    .navbar-nav-cta {
        display: none;
    }
}
        .header .navbar-nav .nav-item .nav-link {
            color: #fff;
            margin-left: 13px;
            font-size: 15px;
        }
        .header .navbar-nav .nav-item .nav-link.cta, .navbar-nav-cta a {
            color: #fff;
            border: 2px solid #d5eaffb0;
            border-radius: 8px;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 4px;
            padding-bottom: 4px;
            font-size: 16px;
        }
            .header .navbar-nav .nav-item .nav-link.cta, .navbar-nav-cta a:hover {
                opacity: 0.9;
            }
        
        .header .navbar-nav .nav-item .nav-link.cta i {
            font-size: 12px;
        }

            .header .navbar-nav .nav-item .nav-link:hover,
            .header .navbar-nav .nav-item .nav-link:focus,
            .header .navbar-nav .nav-item .nav-link:active,
            .header .navbar-nav .nav-item .nav-link:visited {
                color: #fff;
                opacity: 0.8
            }

.nav-item.selected .nav-link {
    color: #ffa44b !important;
    font-weight: 500;
}
.nav-item.selected .nav-link span {
    color: #fa9e2a !important;
    font-weight: 600;
    /*background-color: #fa9e2a;
    background-image: linear-gradient(90deg, #fa9e2a, #f86323);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;*/
}

.header .navbar-nav .nav-item .btn {
    margin-left: 20px;
    border-radius: 8px;
    padding: 10px 25px
}

.navbar-nav-cta li {
    display: inline-block;
    list-style: none;
    margin-left: 7px;
}

.header .navbar-nav .nav-item ul {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 6px;
    background-color: white;
    padding: 34px;
    width: 380px;
    margin-top: 60px;
    z-index: 100;
    margin-left: -20px;
    display: block;
    box-shadow: #01264a4a 0 0 30px;
    display: none;
    text-shadow: none !important;
}

    .header .navbar-nav .nav-item ul.active {
        display: block;
    }

    .header .navbar-nav .nav-item ul li:hover {
        background-color: #FFF0E5;
        border-radius: 6px;
        cursor: pointer;
        user-select: none;
    }

    .header .navbar-nav .nav-item ul a {
        text-decoration: none;
    }

    .header .navbar-nav .nav-item ul:before {
        left: 20%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #ffffff;
        border-width: 15px;
        margin-left: -10px;
        top: -29px;
    }

    .header .navbar-nav .nav-item ul li .icon {
        background-color: #FFF7F1;
        width: 50px;
        height: 50px;
        font-size: 23px;
        color: #FD8D32;
        border-radius: 50%;
        padding: 11px;
        position: absolute;
    }

    .header .navbar-nav .nav-item ul li {
        list-style: none;
        padding-left: 0px;
        padding: 20px;
        padding-bottom: 13px;
        padding-top: 23px;
    }

    .header .navbar-nav .nav-item ul h4 {
        font-size: 14px;
        color: #233049;
        font-weight: bold;
        padding-left: 70px;
    }

    .header .navbar-nav .nav-item ul p {
        font-size: 13px;
        font-weight: 300;
        padding-left: 70px;
        color: #092e56;
        line-height: 27px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

@media (min-width: 576px) {
    #solutions-menu-button:hover, #product-menu-button:hover, .header .navbar-nav .nav-item:hover ul, .header .navbar-nav .nav-item ul:hover, .header .navbar-nav .nav-item ul.active {
        display: block;
    }
}

@media (max-width: 575.98px) {
    .header .navbar-nav .nav-item ul:before {
        display: none;
    }

    .header .navbar-nav .nav-item ul {
        position: relative;
        margin-top: 10px;
    }
}

.header .hero {
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center
}

    .header .hero h1 {
        color: #fff;
        font-weight: bold;
        font-size: 55px;
        line-height: normal;
        margin-bottom: 30px
    }

    .header .hero h1.smaller {
        font-size: 45px;
    }

    .header .hero p {
        color: #E3EAFF;
        font-size: 22px;
        line-height: 37px;
        font-weight: normal
    }

    .header .hero .trial-message {
        font-size: 18px;
        margin-bottom: 60px;
    }

.sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    padding-top: 20px;
    padding-bottom: 0px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    width: 100%;
    background-image: radial-gradient(circle at 24% 12%, #002649, #051f37) !important
}

@media (max-width: 575.98px) {
    .header .navbar {
        background-image: radial-gradient(circle at 24% 12%, #0d2c4b, #051f37);
        max-height: 100%;
        overflow: scroll;
        box-shadow: #00000080 0 0 20px;
        padding-bottom: 14px;
    }
    .header .navbar-nav .nav-item ul p {
        display: none;
    }
    .header .navbar-nav .nav-item ul li .icon {
        position: absolute;
        margin-top: -18px;
        background: none;
        color: #414f7b;
    }
    .header .navbar-nav .nav-item ul {
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 0px;
    }
        .header .navbar-nav .nav-item ul li {
            margin-left: 0px;
            padding-left: 0px;
        }
    .header .navbar-nav .nav-item .nav-link.cta, .navbar-nav-cta a {
        margin-right: 15px;
    }
    .header-network .navbar, .header-home .navbar, .header-cdn .navbar, .header-video .navbar, .header-bunny-optimizer .navbar, .header-about .navbar, .header-classic .navbar {
        background-image: radial-gradient(circle at 24% 12%, #0d2c4b, #051f37) !important;
    }
    .navbar-brand img {
        width: 140px;
    }
    .header-network .navbar {
        padding-bottom: 20px;
    }
    .sub-nav {
        margin-top: 25px;
        border-top: none !important;
        margin-bottom: 15px;
    }
    .navbar-collapse {
        padding-top: 17px;
    }

    .navbar-brand img {
        margin-top: -13px;
    }

    .header .navbar-toggler {
        outline: none
    }

        .header .navbar-toggler span {
            background-image: url("/img/general/ic-hamburger.svg")
        }

    .header .hero {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .header .navbar {
        background-image: radial-gradient(circle at 24% 12%, #002649, #051f37)
    }

    .header .navbar-toggler {
        outline: none
    }

        .header .navbar-toggler span {
            background-image: url("/img/general/ic-hamburger.svg")
        }

    .header .hero {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .header .navbar-toggler {
        outline: none
    }

        .header .navbar-toggler span {
            background-image: url("/img/general/ic-hamburger.svg")
        }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .header .navbar-nav .nav-item .nav-link {
        margin-left: 0
    }

    .header .navbar-nav .nav-item .btn {
        font-size: 14px
    }
}

.footer .hr {
    border-top: 2px dashed #b7c1e0
}

.footer-top {
    background: #fff;
    padding-top: 100px;
    padding-bottom: 60px
}

    .footer-top .footer-nav h4 {
        font-weight: 700;
        font-size: 20px;
        line-height: 37px;
        margin-bottom: 26px
    }

@media (max-width: 575.98px) {
    .footer-top .footer-nav h4 {
        margin-bottom: 5px;
        margin-top: 60px;
    }
}

.footer-nav h4 img {
    width: 103px;
    margin-left: -3px;
    margin-bottom: 0;
    margin-top: -4px;
}

.footer-nav h4.secondary {
    margin-top: 26px;
    margin-bottom: 2px;
}

.footer-top .footer-nav .footer-nav-link {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0
}

.footer-top .footer-nav .footer-sosmed {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0;
    display: flex;
    margin-bottom: 32px
}

    .footer-top .footer-nav .footer-sosmed li {
        margin-right: 20px
    }

        .footer-top .footer-nav .footer-sosmed li a {
            text-decoration: none
        }

            .footer-top .footer-nav .footer-sosmed li a img {
                margin-right: 8px
            }

.footer-top .footer-nav .footer-mail {
    font-weight: bold;
}

.footer-bottom {
    background: #e4f4ff;
    padding-top: 36px;
    padding-bottom: 36px
}

    .footer-bottom .copyright {
        font-weight: bold;
        font-size: 20px;
        line-height: 37px;
        margin-bottom: 6px
    }

    .footer-bottom ul {
        list-style: none;
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 0;
        display: flex
    }

        .footer-bottom ul li a {
            line-height: 37px;
            text-decoration: none
        }

            .footer-bottom ul li a::after {
                content: '-';
                padding-left: 15px;
                padding-right: 15px
            }

        .footer-bottom ul li:last-child a::after {
            content: ' ' !important
        }

    .footer-bottom .footer-il {
        content: url("/img/il-footer.svg");
        position: absolute;
        right: 0;
        margin-top: -312px;
        pointer-events: none;
    }

@media (max-width: 575.98px) {
    .footer-top {
        padding-top: 0px
    }

    .footer-bottom {
        text-align: center
    }

        .footer-bottom ul {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap
        }

            .footer-bottom ul li {
                width: 50%
            }

                .footer-bottom ul li a::after {
                    content: none
                }

                .footer-bottom ul li:last-child a::after {
                    content: none !important
                }

        .footer-bottom .footer-il {
            content: none
        }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .footer-top {
        padding-top: 0px
    }

    .footer-bottom {
        text-align: center
    }

        .footer-bottom ul {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap
        }

            .footer-bottom ul li {
                width: 50%
            }

                .footer-bottom ul li a::after {
                    content: none
                }

                .footer-bottom ul li:last-child a::after {
                    content: none !important
                }

        .footer-bottom .footer-il {
            content: none
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .footer-top .footer-sosmed {
        flex-direction: column
    }

    .footer-bottom ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .footer-bottom .footer-il {
        width: 225px;
        margin-top: -180px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .footer-bottom ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .footer-bottom .footer-il {
        width: 280px;
        margin-top: -233px
    }
}

.trial {
    background: url("/img/general/bg-trial.svg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-top: 143px;
    padding-bottom: 130px;
    margin-bottom: -2px;
    position: relative;
    z-index: 2
}

.trial-left {
    padding-right: 100px
}

    .trial-left h4 {
        color: #fff;
        font-weight: bold;
        font-size: 40px;
        line-height: normal;
        margin-bottom: 21px
    }

    .trial-left p {
        font-size: 24px;
        line-height: 37px;
        color: #8bb3da
    }

.trial-right .btn {
    margin-bottom: 24px
}

    .trial-right .btn::after {
        right: 42px;
    }

.trial-right p {
    font-weight: 500;
    color: #8bb3da
}

@media (max-width: 575.98px) {
    .trial {
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center
    }

    .trial-left {
        padding-right: 0
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .trial {
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center
    }

    .trial-left {
        padding-right: 0
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .trial {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .trial-left {
        padding-right: 0
    }
}

@media (min-width: 1920px) {
    .trial {
        padding-top: 150px;
        padding-bottom: 140px
    }
}

.header-home {
    background-image: url("/img/homepage/landing-background.jpg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    margin-bottom: -2px
}

.header-video {
    background-image: url("/img/video-delivery/il-header.svg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    margin-bottom: -2px
}

.header-bunny-optimizer, .header-image-right {
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    margin-bottom: -2px
}

    .header-bunny-optimizer .hero, .header-image-right .hero {
        overflow: hidden;
        padding-top: 130px;
    }

    .header-home .navbar, .header-cdn .navbar, .header-video .navbar, .header-bunny-optimizer .navbar, .header-about .navbar, .header-classic .navbar, .header-image-right .navbar {
        background: transparent;
    }

    .header-home .hero, .header-video .hero, .header-bunny-optimizer .hero, .header-image-right .hero {
        text-align: left;
        padding-top: 90px;
        padding-bottom: 300px
    }

        .header-home .hero h3, .header-video .hero h3, .header-bunny-optimizer .hero h3, .header-image-right .hero h3 {
            color: #fff;
            font-weight: 200;
            margin-bottom: 21px;
            font-size: 55px;
            line-height: 64px
        }

            .header-home .hero h3 strong, .header-video .hero h3 strong, .header-bunny-optimizer .hero h3 strong, .header-image-right .hero h3 strong {
                font-weight: bold
            }

        .header-home .hero p, .header-video .hero p, .header-bunny-optimizer .hero p, .header-image-right .hero p {
            font-size: 22px;
            margin-bottom: 53px
        }

        .header-home .hero .btn, .header-video .hero .btn, .header-bunny-optimizer .hero .btn, .header-image-right .hero .btn {
            margin-bottom: 18px
        }

        .header-home .hero p.cl-orange, .header-video .hero p.cl-orange, .header-bunny-optimizer .hero p.cl-orange, .header-image-right .hero p.cl-orange {
            color: #ffa44b
        }

        .header-image-right .hero p.cl-orange {
            margin-bottom: 0;
        }



.left-right-features, .section-bg-gradient {
    background-image: linear-gradient(to bottom, #e1f2ff, #fff);
    padding-top: 250px;
    padding-bottom: 130px;
    margin-top: -185px
}

.section-bg-gradient {
    padding-top: 150px;
}
.section-bg-light-blue {
    background-color: #eff3f6;
}

.left-right-features-list {
    margin-bottom: 90px
}

    .left-right-features-list .card {
        background: transparent;
        border: none
    }

    .left-right-features-list .card-body h3 {
        font-weight: bold;
        font-size: 18px;
        line-height: 37px
    }

        .left-right-features-list .card-body h3 img {
            margin-right: 12px
        }


.left-right-features {
    padding-top: 300px;
    padding-bottom: 200px
}

    .left-right-features .content-main {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .left-right-features .content-main .col-lg-7 {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start
        }

        .left-right-features .content-main h1 {
            font-weight: bold;
            font-size: 35px;
            margin-bottom: 30px
        }

        .left-right-features .content-main p {
            margin-bottom: 0
        }

@media (min-width: 992px) {
    .left-right-features .content-main h1 {
        margin-top: 40px;
    }
}

@media (max-width: 575.98px) {
    .left-right-features {
        padding-top: 50px;
        padding-bottom: 50px;
        margin-top: 0
    }

        .left-right-features .content-heading {
            margin-bottom: 50px
        }

        .left-right-features .content-main {
            text-align: center
        }

            .left-right-features .content-main:nth-of-type(3) .row {
                display: flex;
                flex-direction: column-reverse
            }

            .left-right-features .content-main .images {
                margin-bottom: 30px
            }

                .left-right-features .content-main .images img {
                    width: 70%
                }

    .left-right-features-list {
        margin-bottom: 50px
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .left-right-features {
        padding-top: 50px;
        padding-bottom: 50px;
        margin-top: 0 !important
    }

        .left-right-features .content-heading {
            margin-bottom: 50px
        }

        .left-right-features .content-main {
            text-align: center
        }

            .left-right-features .content-main:nth-of-type(3) .row {
                display: flex;
                flex-direction: column-reverse
            }

            .left-right-features .content-main .images {
                margin-bottom: 30px
            }

                .left-right-features .content-main .images img {
                    width: 70%
                }

    .left-right-features-list {
        margin-bottom: 50px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .left-right-features {
        padding-top: 250px;
        padding-bottom: 100px
    }

        .left-right-features .content-main .images img {
            width: 70%
        }
}

@media (min-width: 3600px) {
    .left-right-features {
        padding-top: 600px;
        margin-top: -400px
    }
}















.home-distance {
    background-image: linear-gradient(white, #e7f4fe);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 140px;
    padding-bottom: 100px;
    text-align: center;
    z-index: 2;
    position: relative;
    background-position: bottom center;
    background-size: cover
}
.home-distance-video {
    padding-bottom: 350px;
}
    .home-distance h3 {
        font-weight: bold;
        font-size: 45px;
        color: #414f7b;
        margin-bottom: 30px
    }

    .home-distance p {
        font-size: 24px;
        color: #414f7b;
        line-height: 40px;
    }

.home-load-time {
    margin-top: 0;
    background-image: linear-gradient(to bottom, #e1f2ff, #fff);
    padding-bottom: 150px;
}

    .home-load-time .card {
        padding: 60px;
        border: none;
        border-radius: 10px;
        box-shadow: 0 20px 100px 0 rgba(97, 83, 136, 0.15);
        z-index: 3
    }

        .home-load-time .card .ic-timer {
            content: url("/img/homepage/ic-stopwatch.svg");
            position: absolute
        }

    .home-load-time .card-heading {
        text-align: center;
        margin-bottom: 23px
    }

        .home-load-time .card-heading h3 {
            font-weight: bold;
            font-size: 40px;
            line-height: 37px;
            margin-bottom: 6px
        }

        .home-load-time .card-heading p {
            font-size: 20px;
            margin-bottom: 0
        }

    .home-load-time .card-img {
        height: 260px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 55px
    }

    .home-load-time .card-body {
        padding: 0
    }

        .home-load-time .card-body p {
            margin-bottom: 0;
            text-align: center
        }

.home-network {
    padding-top: 120px;
    padding-bottom: 200px
}

.home-network-feature {
    text-align: center;
}
.home-network-feature h3 {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 22px;
}

.home-network-feature .il-map {
    margin-top: 85px;
    margin-bottom: 77px;
    width: 100%
}

.home-network-feature .button-network {
    text-align: center
}

.home-trusted {
    background-image: linear-gradient(to bottom, #e1f2ff, #fff)
}

.home-trusted-keep {
    border-radius: 10px;
    box-shadow: 0 20px 100px 0 rgba(97, 83, 136, 0.15);
    background-color: #fff;
    background-image: url("/img/homepage/il-we-never-keep.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 114px 100px;
    margin-top: -180px;
    margin-bottom: 200px;
    position: relative
}

    .home-trusted-keep .content-heading h3 {
        margin-bottom: 0
    }

    .home-trusted-keep .content-main h3 {
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 26px;
        display: flex;
        align-items: center
    }

        .home-trusted-keep .content-main h3 img {
            margin-right: 26px
        }

    .home-trusted-keep .content-main p {
        margin-bottom: 54px
    }

    .home-trusted-keep .content-main .btn {
        padding-top: 16px;
        padding-bottom: 16px;
        font-size: 16px;
        background-color: transparent
    }

.home-supercharge {
    background-image: linear-gradient(to bottom, #e1f2ff, #fff);
    padding-top: 200px;
    padding-bottom: 200px
}

    .home-supercharge .card {
        border-radius: 10px;
        box-shadow: 0 20px 100px 0 rgba(97, 83, 136, 0.15);
        background: #fff;
        border: none;
        padding: 50px 40px
    }

    .home-supercharge .card-img {
        height: 160px;
        margin-bottom: 34px
    }

        .home-supercharge .card-img img {
            width: 100%;
            height: 145px
        }

    .home-supercharge .card-body {
        padding: 0;
        text-align: center
    }

        .home-supercharge .card-body h4 {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 15px
        }

        .home-supercharge .card-body p {
            margin-bottom: 28px
        }

        .home-supercharge .card-body .btn {
            padding-top: 16px;
            padding-bottom: 16px;
            font-weight: 500;
            font-size: 16px
        }

.home-supercharge-2 {
    background-image: radial-gradient(circle at 48% 27%, #002649, #051f37);
    position: relative
}

    .home-supercharge-2 .bg {
        background-image: url("/img/general/il-bg-black-flower.png");
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: cover;
        padding-top: 455px;
        padding-bottom: 300px
    }

    .home-supercharge-2 .content-heading {
        color: #fff
    }

    .home-supercharge-2 .card {
        color: #fff
    }

    .home-supercharge-2 .card-body p {
        color: #cfe7ff
    }

.home-testimonials {
    padding-bottom: 200px
}

    .home-testimonials .content-main {
        border-radius: 10px;
        box-shadow: 0 20px 100px 0 rgba(97, 83, 136, 0.15);
        background: #fff;
        padding: 100px 100px 50px
    }

        .home-testimonials .content-main .item {
            width: 100%
        }

        .home-testimonials .content-main .description .rating {
            list-style: none;
            padding-left: 0;
            margin-left: 0;
            margin-bottom: 0;
            display: flex;
            margin-bottom: 26px
        }

            .home-testimonials .content-main .description .rating li {
                content: url("/img/general/ic-star-disable.svg");
                margin-right: 5px
            }

                .home-testimonials .content-main .description .rating li.active {
                    content: url("/img/general/ic-star-active.svg")
                }

        .home-testimonials .content-main .description p {
            font-size: 16px;
            line-height: 27px;
        }

        .home-testimonials .content-main .author-img {
            height: 350px;
            margin-bottom: 89px;
            margin-top: 0px;
        }

            .home-testimonials .content-main .author-img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 8px;
            }

        .home-testimonials .content-main .author-meta {
            display: flex;
            flex-direction: column
        }

            .home-testimonials .content-main .author-meta .name {
                font-weight: bold;
                font-display: 20px
            }

        .home-testimonials .content-main .testimonials-carousel .owl-nav {
            text-align: left;
            margin-top: -65px;
            position: relative;
            z-index: 2
        }

            .home-testimonials .content-main .testimonials-carousel .owl-nav .owl-prev,
            .home-testimonials .content-main .testimonials-carousel .owl-nav .owl-next {
                border-radius: 50px;
                padding: 15px 44px !important;
                line-height: normal;
                background: transparent;
                border: 2px solid #ffa44b;
                outline: none
            }

                .home-testimonials .content-main .testimonials-carousel .owl-nav .owl-prev span,
                .home-testimonials .content-main .testimonials-carousel .owl-nav .owl-next span {
                    line-height: normal
                }

                .home-testimonials .content-main .testimonials-carousel .owl-nav .owl-prev.disabled,
                .home-testimonials .content-main .testimonials-carousel .owl-nav .owl-next.disabled {
                    background: #f5f5f5;
                    border: 2px solid #f5f5f5
                }

                .home-testimonials .content-main .testimonials-carousel .owl-nav .owl-prev span {
                    content: url("/img/general/ic-arrow-right.svg")
                }

                .home-testimonials .content-main .testimonials-carousel .owl-nav .owl-next span {
                    content: url("/img/general/ic-arrow-left.svg")
                }

@media (max-width: 1200.98px) {
    .header-home {
        background-image: url("/img/homepage/landing-background-mobile.jpg");
        background-size: cover;
    }
}

@media (max-width: 575.98px) {
        .header-home .hero .btn, .header-video .hero .btn, .header-bunny-optimizer .hero .btn {
            width: 100%;
            padding-left: 0;
            padding-right: 0
        }

            .header-home .hero .btn::after, .header-video .hero .btn::after, .header-bunny-optimizer .hero .btn::after {
                content: none
            }

    .home-load-time .card {
        padding: 40px
    }

    .home-load-time-card .card-heading {
        margin-left: 45px;
        text-align: left
    }

    .home-distance {
        background-size: cover;
        background-position: center;
        padding-top: 50px
    }
    .home-load-time .card-img {
        margin-bottom: 0px; 
    }
    .home-load-time .card {
        margin-bottom: 30px
    }

    .home-network {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .home-network .button-network .btn {
            padding-left: 0;
            padding-right: 0;
            width: 100%
        }

            .home-network .button-network .btn::after {
                content: none
            }

    .home-supercharge {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .home-supercharge .card {
            margin-bottom: 40px
        }

    .home-supercharge-2 .bg {
        background: none
    }

    .home-trusted-keep {
        padding: 50px 40px;
        margin-bottom: 50px;
        background-image: none
    }

    .home-testimonials .content-main {
        padding: 50px 40px
    }

        .home-testimonials .content-main .testimonials-carousel .owl-nav {
            margin-top: 20px
        }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .header-home, .header-video, .header-bunny-optimizer {
        background-size: cover
    }

        .header-home .hero .btn, .header-video .hero .btn, .header-bunny-optimizer .hero .btn {
            width: 100%;
            padding-left: 0;
            padding-right: 0
        }

            .header-home .hero .btn::after, .header-video .hero .btn::after, .header-bunny-optimizer .hero .btn::after {
                content: none
            }

    .home-load-time .card {
        padding: 40px
    }

    .home-load-time .card-heading {
        margin-left: 45px;
        text-align: left
    }

    .home-distance {
        background-size: cover;
        background-position: center;
        padding-top: 50px
    }

    .home-load-time .card {
        margin-bottom: 30px
    }

    .home-network {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .home-network .button-network .btn {
            padding-left: 0;
            padding-right: 0;
            width: 100%
        }

            .home-network .button-network .btn::after {
                content: none
            }

    .home-supercharge {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .home-supercharge .card {
            margin-bottom: 40px
        }

    .home-supercharge-2 .bg {
        background: none
    }

    .home-trusted-keep {
        padding: 50px 40px;
        margin-bottom: 50px;
        background-image: none
    }

    .home-testimonials .content-main {
        padding: 50px 40px
    }

        .home-testimonials .content-main .testimonials-carousel .owl-nav {
            margin-top: 20px
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .header-home, .header-video, .header-bunny-optimizer {
        background-size: cover
    }

        .header-home .hero .btn, .header-video .hero .btn, .header-bunny-optimizer .hero .btn {
            width: 100%;
            padding-left: 0;
            padding-right: 0
        }

            .header-home .hero .btn::after, .header-video .hero .btn::after, .header-bunny-optimizer .hero .btn::after {
                content: none
            }

    .home-distance {
        background-size: cover;
        background-position: center;
        padding-top: 50px
    }

    .home-load-time .card {
        margin-bottom: 30px
    }

    .home-network {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .home-network .button-network .btn {
            padding-left: 0;
            padding-right: 0;
            width: 100%
        }

            .home-network .button-network .btn::after {
                content: none
            }

    .home-supercharge {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .home-supercharge .card {
            margin-bottom: 40px
        }

    .home-supercharge-2 .bg {
        background: none;
        padding-bottom: 300px
    }

    .home-trusted-keep {
        padding: 50px 40px;
        margin-bottom: 50px;
        background-size: 50%
    }

    .home-testimonials .content-main {
        padding: 50px 40px
    }

        .home-testimonials .content-main .testimonials-carousel .owl-nav {
            margin-top: 20px
        }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .header-home, .header-video, .header-bunny-optimizer {
        background-size: cover
    }

        .header-home .hero .btn, .header-video .hero .btn, .header-bunny-optimizer .hero .btn {
            width: 100%;
            padding-left: 0;
            padding-right: 0
        }

            .header-home .hero .btn::after, .header-video .hero .btn::after, .header-bunny-optimizer .hero .btn::after {
                content: none
            }

    .home-distance {
        background-size: cover;
        background-position: center;
        padding-top: 50px
    }
}

.header-bunny-optimizer .hero {
    overflow: hidden;
    padding-top: 130px;
}

@media (min-width: 2600px) {
    .home-distance {
        padding-bottom: 650px
    }

    .home-load-time {
        margin-top: -550px
    }
}

.header-404 .navbar {
    background: #192644
}

.page-404 {
    padding-top: 160px;
    padding-bottom: 123px;
    background-image: linear-gradient(to bottom, #e1f2ff, #fff)
}

    .page-404 h3 {
        font-weight: bold;
        font-size: 35px;
        margin-bottom: 85px
    }

    .page-404 .il-404 {
        margin-bottom: 65px
    }

    .page-404 p {
        font-size: 30px
    }

@media (max-width: 575.98px) {
    .page-404 img {
        width: 100%
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .page-404 img {
        width: 100%
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .page-404 img {
        width: 100%
    }
}

.header-500 .navbar {
    background: #192644
}

.page-500 {
    padding-top: 160px;
    padding-bottom: 123px;
    background-image: linear-gradient(to bottom, #e1f2ff, #fff)
}

    .page-500 h3 {
        font-weight: bold;
        font-size: 35px;
        margin-bottom: 85px
    }

    .page-500 .il-500 {
        margin-bottom: 65px
    }

    .page-500 p {
        font-size: 30px
    }

@media (max-width: 575.98px) {
    .page-500 img {
        width: 80%
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .page-500 img {
        width: 80%
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .page-500 img {
        width: 80%
    }
}

.auth .main {
    padding-top: 60px;
    padding-bottom: 200px;
    background-image: linear-gradient(to bottom, #e1f2ff, #fff)
}

    .auth .main .logo {
        text-align: center;
        margin-bottom: 80px
    }

        .auth .main .logo img {
            width: 230px;
        }

    .auth .main .auth-panel {
        box-shadow: 0 20px 100px 0 rgba(97, 83, 136, 0.15);
        background: #fff;
        border-radius: 6px;
        padding: 60px 60px;
        text-align: center;
    }

    .auth .main .form-login::before {
        content: url("/img/login/il-login.svg");
        position: absolute;
        right: 400px;
        bottom: 20px
    }

    .auth .main .form-register::before {
        content: url("/img/register/il-register.svg");
        position: absolute;
        right: 400px;
        bottom: 20px
    }

    .auth .main .form-check-label a {
        text-decoration: underline;
    }

    .auth .main .form-login,
    .auth .main .form-register {
        box-shadow: 0 20px 100px 0 rgba(97, 83, 136, 0.15);
        background: #fff;
        border-radius: 6px;
        padding: 50px 60px
    }

        .auth .main .form-login .form-heading,
        .auth .main .form-register .form-heading {
            margin-bottom: 35px;
            text-align: center
        }

            .auth .main .form-login .form-heading h3,
            .auth .main .form-register .form-heading h3 {
                font-weight: bold;
                font-size: 20px
            }

            .auth .main .form-login .form-heading p,
            .auth .main .form-register .form-heading p {
                font-size: 14px;
                line-height: 32px
            }

        .auth .main .form-login .form-check,
        .auth .main .form-register .form-check {
            margin-top: 27px;
            margin-bottom: 37px
        }

            .auth .main .form-login .form-check strong,
            .auth .main .form-register .form-check strong {
                font-weight: 500
            }

        .auth .main .form-login .link-forgot,
        .auth .main .form-register .link-forgot {
            margin-top: 27px;
            margin-bottom: 37px;
            font-size: 14px
        }

            .auth .main .form-login .link-forgot a,
            .auth .main .form-register .link-forgot a {
                text-decoration: underline;
                font-weight: 500
            }

        .auth .main .form-login .link-signup,
        .auth .main .form-register .link-signup {
            text-align: center;
            font-size: 14px
        }

            .auth .main .form-login .link-signup a,
            .auth .main .form-register .link-signup a {
                font-weight: 500;
                text-decoration: underline;
                padding-bottom: 10px
            }

        .auth .main .form-login .btn,
        .auth .main .form-register .btn {
            text-transform: uppercase;
            margin-bottom: 44px;
            padding-left: 0;
            padding-right: 0
        }

@media (max-width: 575.98px) {
    .form-login,
    .form-register {
        padding: 40px !important
    }

        .form-login::before,
        .form-register::before {
            display: none
        }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .form-login,
    .form-register {
        padding: 40px !important
    }

        .form-login::before,
        .form-register::before {
            display: none
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .form-login,
    .form-register {
        padding: 40px !important
    }

        .form-login::before,
        .form-register::before {
            right: 300px !important
        }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .form-login,
    .form-register {
        padding: 40px !important
    }

        .form-login::before,
        .form-register::before {
            right: 300px !important
        }
}

.contact-thankyou p {
    margin-top: 40px;
    margin-bottom: -12px;
    display: inline-block;
    text-align: center;
}

.contact-thankyou h3 {
    text-align: center;
    margin-top: 40px;
    font-weight: bold;
    font-size: 2rem;
}

.contact-main {
    padding-top: 100px;
    padding-bottom: 200px;
    background-image: linear-gradient(to bottom, #e1f2ff, #fff)
}

    .contact-main .contact-information-middle h4,
    .contact-main .contact-information-bottom h4 {
        font-weight: bold;
        font-size: 20px;
        line-height: 37px
    }

    .contact-main .contact-information-middle ul,
    .contact-main .contact-information-bottom ul {
        list-style: none;
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 0
    }

        .contact-main .contact-information-middle ul li,
        .contact-main .contact-information-bottom ul li {
            margin-bottom: 16px;
            line-height: normal
        }

            .contact-main .contact-information-middle ul li img,
            .contact-main .contact-information-bottom ul li img {
                margin-right: 15px
            }

    .contact-main .contact-information-top {
        margin-bottom: 60px
    }

        .contact-main .contact-information-top img {
            width: 90%
        }

    .contact-main .contact-information-middle {
        margin-bottom: 44px
    }

    .contact-main .form-contact {
        box-shadow: 0 20px 100px 0 rgba(97, 83, 136, 0.15);
        background: #fff;
        padding: 45px 80px 100px;
        border-radius: 6px
    }

        .contact-main .form-contact .form-heading {
            margin-bottom: 35px;
            text-align: center
        }

            .contact-main .form-contact .form-heading h3 {
                font-size: 20px;
                line-height: 37px
            }

        .contact-main .form-contact .btn {
            margin-top: 50px
        }

@media (max-width: 575.98px) {
    .contact-information {
        margin-bottom: 40px
    }

    .contact-information-top {
        text-align: center
    }

        .contact-information-top img {
            width: 80%
        }

    .form-contact {
        padding: 45px 30px !important
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .contact-information {
        margin-bottom: 40px
    }

    .contact-information-top {
        text-align: center
    }

        .contact-information-top img {
            width: 80%
        }

    .form-contact {
        padding: 45px 40px !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .contact-information {
        margin-bottom: 40px
    }

    .contact-information-top {
        text-align: center
    }

        .contact-information-top img {
            width: 80%
        }

    .form-contact {
        padding: 45px 40px !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .contact-information {
        margin-bottom: 40px
    }

    .contact-information-top {
        text-align: center
    }

        .contact-information-top img {
            width: 80%
        }

    .form-contact {
        padding: 45px 40px !important
    }
}

.tos-main {
    background-image: linear-gradient(to bottom, #e1f2ff, #fff);
    padding-top: 100px;
    padding-bottom: 200px
}

.acceptable-use-main {
    padding-top: 100px;
    padding-bottom: 200px;
    background-image: linear-gradient(to bottom, #e1f2ff, #fff)
}

@media (max-width: 575.98px) {
    .acceptable-use-main {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .acceptable-use-main {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .acceptable-use-main {
        padding-bottom: 50px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .acceptable-use-main {
        padding-bottom: 100px
    }
}

.gdpr-main {
    background: url("/img/general/il-bg-white-flower.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 200px
}

@media (max-width: 575.98px) {
    .gdpr .main {
        background-image: linear-gradient(to bottom, #e1f2ff, #fff)
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .gdpr-main {
        background-image: linear-gradient(to bottom, #e1f2ff, #fff)
    }
}

.abuse-policy-main {
    padding-top: 100px;
    padding-bottom: 200px;
    background-image: linear-gradient(to bottom, #e1f2ff, #fff)
}

    .abuse-policy-main .form-abuse-policy {
        box-shadow: 0 20px 100px 0 rgba(97, 83, 136, 0.15);
        background: #fff;
        padding: 45px 60px;
        border-radius: 6px
    }

        .abuse-policy-main .form-abuse-policy form .form-heading {
            text-align: center;
            margin-bottom: 34px
        }

            .abuse-policy-main .form-abuse-policy form .form-heading h3 {
                font-weight: bold;
                font-size: 20px;
                line-height: 37px
            }

        .abuse-policy-main .form-abuse-policy form .hr {
            border-top: 2px dashed #8693bb;
            margin-top: 40px
        }

        .abuse-policy-main .form-abuse-policy form .btn {
            margin-top: 40px
        }

@media (max-width: 575.98px) {
    .abuse-policy-main {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .abuse-policy-main .form-abuse-policy {
            padding: 30px
        }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .abuse-policy-main {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .abuse-policy-main .form-abuse-policy {
            padding: 30px
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .abuse-policy-main .form-abuse-policy {
        padding: 30px
    }
}

.privacy-data {
    background: #fff;
    padding-top: 150px;
    padding-bottom: 150px
}

.privacy-data-left {
    text-align: center
}

    .privacy-data-left .privacy-data-img {
        width: 410px
    }

        .privacy-data-left .privacy-data-img img {
            width: 100%
        }

.privacy-data-right h3 {
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 30px
}

.privacy-protect {
    padding-top: 150px;
    padding-bottom: 150px;
    background-color: #edf6ff
}

.privacy-protect-left h3 {
    font-weight: bold;
    font-size: 35px;
    margin-bottom: 30px
}

.privacy-protect-right {
    text-align: center
}

.privacy-anonymous {
    padding-top: 150px;
    padding-bottom: 150px;
    background-image: url("/img/general/il-bg-black-flower-sm.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover
}

.privacy-anonymous-heading {
    margin-bottom: 60px;
    text-align: center
}

    .privacy-anonymous-heading h3 {
        font-weight: bold;
        font-size: 45px;
        margin-bottom: 40px;
        color: #fff
    }

    .privacy-anonymous-heading p {
        color: #8bb3da
    }

.privacy-anonymous-list {
    margin-bottom: 100px
}

    .privacy-anonymous-list .card.card-privacy-anonymous-list {
        background: transparent;
        border: none;
        border-radius: 0
    }

        .privacy-anonymous-list .card.card-privacy-anonymous-list h4 {
            font-weight: bold;
            color: #fff;
            display: flex;
            align-items: center;
            font-size: 20px;
            line-height: 37px;
            margin-bottom: 10px
        }

            .privacy-anonymous-list .card.card-privacy-anonymous-list h4 img {
                margin-right: 10px
            }

        .privacy-anonymous-list .card.card-privacy-anonymous-list p {
            color: #8bb3da
        }

.privacy-anonymous-details {
    background: #fff;
    box-shadow: 0 20px 100px 0 rgba(83, 94, 136, 0.11);
    padding: 60px 40px;
    border-radius: 6px;
    position: absolute
}

    .privacy-anonymous-details .cookies-heading h3 {
        margin-bottom: 40px;
    }

    .privacy-anonymous-details .privacy-anonymous-details-card {
        display: flex;
        align-items: center
    }

        .privacy-anonymous-details .privacy-anonymous-details-card .privacy-anonymous-img {
            margin-right: 20px
        }

.privacy-sharing {
    background: url("/img/general/il-bg-white-flower.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-top: 334px;
    padding-bottom: 150px
}

.privacy-sharing-heading {
    text-align: center;
    margin-bottom: 100px
}

    .privacy-sharing-heading h3 {
        font-weight: bold;
        font-size: 45px;
        margin-bottom: 40px
    }

    .privacy-sharing-heading p {
        font-size: 24px;
        line-height: 37px
    }

.privacy-sharing-list {
    margin-bottom: 120px
}

    .privacy-sharing-list .card.card-privay-sharing-list {
        background: transparent;
        border: none;
        text-align: center;
        margin-bottom: 60px
    }

        .privacy-sharing-list .card.card-privay-sharing-list .card-img {
            margin-bottom: 33px
        }

        .privacy-sharing-list .card.card-privay-sharing-list .card-body h4 {
            font-weight: bold;
            font-size: 20px;
            line-height: 37px;
            margin-bottom: 16px
        }

.privacy-sharing-contact {
    text-align: center
}

    .privacy-sharing-contact p {
        margin-bottom: 0
    }

    .privacy-sharing-contact a {
        font-weight: 500
    }

@media (max-width: 575.98px) {
    .privacy-data {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .privacy-data-img {
        width: 100% !important;
        margin-bottom: 40px
    }

        .privacy-data-img img {
            width: 100% !important
        }

    .privacy-protect {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .privacy-protect-img {
        text-align: center;
        width: 100% !important
    }

        .privacy-protect-img img {
            width: 80% !important
        }

    .privacy-anonymous-bg {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
        background-size: 50% !important
    }

    .privacy-anonymous-details {
        position: relative !important;
        padding: 30px !important
    }

        .privacy-anonymous-details .privacy-anonymous-details-card {
            flex-direction: column;
            margin-bottom: 30px
        }

            .privacy-anonymous-details .privacy-anonymous-details-card .privacy-anonymous-img {
                margin-bottom: 20px;
                margin-right: 0 !important
            }

            .privacy-anonymous-details .privacy-anonymous-details-card .privacy-anonymous-content {
                text-align: center
            }

            .privacy-anonymous-details .privacy-anonymous-details-card:last-child {
                margin-bottom: 0
            }

    .privacy-sharing {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .privacy-sharing-list {
        margin-bottom: 0px !important
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .privacy-data {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .privacy-data-img {
        width: 100% !important;
        margin-bottom: 40px
    }

        .privacy-data-img img {
            width: 100% !important
        }

    .privacy-protect {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .privacy-protect-img {
        text-align: center;
        width: 100% !important
    }

        .privacy-protect-img img {
            width: 80% !important
        }

    .privacy-anonymous-bg {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
        background-size: 50% !important
    }

    .privacy-anonymous-details {
        position: relative !important;
        padding: 30px !important
    }

        .privacy-anonymous-details .privacy-anonymous-details-card {
            flex-direction: column;
            margin-bottom: 30px
        }

            .privacy-anonymous-details .privacy-anonymous-details-card .privacy-anonymous-img {
                margin-bottom: 20px;
                margin-right: 0 !important
            }

            .privacy-anonymous-details .privacy-anonymous-details-card .privacy-anonymous-content {
                text-align: center
            }

            .privacy-anonymous-details .privacy-anonymous-details-card:last-child {
                margin-bottom: 0
            }

    .privacy-sharing {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .privacy-sharing-list {
        margin-bottom: 0px !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .privacy-data-img {
        width: 100% !important
    }

        .privacy-data-img img {
            width: 100% !important
        }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .privacy-data-img {
        width: 100% !important
    }

        .privacy-data-img img {
            width: 100% !important
        }
}

.adult-content-top {
    padding-top: 120px;
    padding-bottom: 180px;
    background-color: #edf6ff
}

.adult-content-top-main {
    background: #fff;
    box-shadow: 0 20px 100px 0 rgba(83, 94, 136, 0.11);
    padding: 45px 60px;
    border-radius: 6px;
    position: absolute
}

    .adult-content-top-main .adult-content-top-card {
        display: flex;
        align-items: center;
        min-height: 265px
    }

        .adult-content-top-main .adult-content-top-card .card-icon {
            margin-right: 63px
        }

        .adult-content-top-main .adult-content-top-card .card-body h4 {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 10px
        }

        .adult-content-top-main .adult-content-top-card .card-body p {
            margin-bottom: 0
        }

.adult-content-features {
    background: #fff;
    padding-top: 380px;
    padding-bottom: 150px
}

.adult-content-features-left {
    text-align: center
}

    .adult-content-features-left .privacy-data-img {
        width: 410px
    }

        .adult-content-features-left .privacy-data-img img {
            width: 100%
        }

.adult-content-features-right h3 {
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 30px
}

.adult-content-network {
    background: #edf6ff;
    padding-top: 150px;
    padding-bottom: 150px
}

.adult-content-network-left h3 {
    font-weight: bold;
    font-size: 35px;
    margin-bottom: 30px
}

.adult-content-network-right {
    text-align: center
}

.adult-content-level {
    background: url("/img/general/il-bg-transparent-flower.svg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 50px
}

.adult-content-level-heading {
    text-align: center;
    margin-bottom: 100px
}

    .adult-content-level-heading h3 {
        font-weight: bold;
        font-size: 45px;
        margin-bottom: 40px
    }

    .adult-content-level-heading p {
        font-size: 24px;
        line-height: 37px
    }

.adult-content-level-list .card.card-adult-content-level-list {
    background: transparent;
    border: none;
    text-align: center;
    margin-bottom: 60px
}

    .adult-content-level-list .card.card-adult-content-level-list .card-img {
        margin-bottom: 33px
    }

    .adult-content-level-list .card.card-adult-content-level-list .card-body h4 {
        font-weight: bold;
        font-size: 20px;
        line-height: 37px;
        margin-bottom: 16px
    }

@media (max-width: 575.98px) {
    .adult-content-top {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .adult-content-top-il {
        text-align: center
    }

        .adult-content-top-il img {
            width: 80%
        }

    .adult-content-top-main {
        position: relative;
        padding: 30px
    }

        .adult-content-top-main .adult-content-top-card {
            flex-direction: column;
            margin-bottom: 30px
        }

            .adult-content-top-main .adult-content-top-card .card-icon {
                margin-right: 0;
                margin-bottom: 30px
            }

            .adult-content-top-main .adult-content-top-card .card-body {
                padding: 0
            }

    .adult-content-features {
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center
    }

    .adult-content-features-img {
        margin-bottom: 30px
    }

        .adult-content-features-img img {
            width: 70%
        }

    .adult-content-network {
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center
    }

    .adult-content-network-img img {
        width: 70%
    }

    .adult-content-level {
        padding-top: 50px;
        background-image: none
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .adult-content-top {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .adult-content-top-il {
        text-align: center
    }

        .adult-content-top-il img {
            width: 80%
        }

    .adult-content-top-main {
        position: relative;
        padding: 30px
    }

        .adult-content-top-main .adult-content-top-card {
            flex-direction: column;
            margin-bottom: 30px
        }

            .adult-content-top-main .adult-content-top-card .card-icon {
                margin-right: 0;
                margin-bottom: 30px
            }

            .adult-content-top-main .adult-content-top-card .card-body {
                padding: 0
            }

    .adult-content-features {
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center
    }

    .adult-content-features-img {
        margin-bottom: 30px
    }

        .adult-content-features-img img {
            width: 70%
        }

    .adult-content-network {
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center
    }

    .adult-content-network-img img {
        width: 70%
    }

    .adult-content-level {
        padding-top: 50px;
        background-image: none
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .adult-content-top-il {
        text-align: center
    }

        .adult-content-top-il img {
            width: 80%
        }

    .adult-content-features {
        padding-top: 400px !important;
        padding-bottom: 50px !important
    }

    .adult-content-features-img img {
        width: 80%
    }

    .adult-content-network {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .adult-content-network-img img {
        width: 80%
    }

    .adult-content-level {
        padding-top: 50px !important
    }

        .adult-content-level .card {
            margin-bottom: 0 !important
        }

        .adult-content-level .card-body {
            padding: 0
        }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .adult-content-top-il {
        text-align: center
    }

        .adult-content-top-il img {
            width: 80%
        }
}

.sla-guarantee {
    padding-top: 200px;
    padding-bottom: 120px;
    background-image: linear-gradient(to bottom, #e1f2ff, #fff)
}

.sla-guarantee-right h4 {
    font-weight: bold;
    font-size: 35px;
    margin-bottom: 22px
}

.sla-insfrastructure {
    background: url("/img/general/il-bg-blue-flower.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 280px
}

.sla-insfrastructure-left h4 {
    font-weight: bold;
    font-size: 35px;
    margin-bottom: 22px
}

.sla-credits {
    background-image: linear-gradient(to bottom, #fff, #e1f2ff)
}

.sla-credits-bg {
    background: url("/img/general/il-flower-bw.svg");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 15%;
    padding-bottom: 50px
}

.sla-credits-main {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 20px 100px 0 rgba(97, 83, 136, 0.15);
    padding: 100px;
    position: relative;
    top: -150px
}

.sla-credits-main-heading {
    text-align: center;
    margin-bottom: 80px
}

    .sla-credits-main-heading h3 {
        font-weight: bold;
        font-size: 45px;
        margin-bottom: 40px
    }

    .sla-credits-main-heading p {
        font-size: 24px;
        line-height: 37px
    }

.sla-credits-main-tables table thead th {
    border-top: none;
    border-bottom: none;
    font-weight: bold;
    font-size: 20px
}

.sla-credits-main-tables table tbody td {
    border-top: none;
    border-bottom: 1px solid #d9dbe1;
    font-size: 16px;
    line-height: 32px;
    color: #414f7b
}

@media (max-width: 575.98px) {
    .sla-guarantee {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .sla-guarantee-img {
        width: 100%;
        margin-bottom: 30px;
        text-align: center
    }

        .sla-guarantee-img img {
            width: 70%
        }

    .sla-insfrastructure {
        padding-top: 50px;
        padding-bottom: 230px
    }

    .sla-insfrastructure-img {
        width: 100%;
        text-align: center;
        margin-bottom: 30px
    }

        .sla-insfrastructure-img img {
            width: 70%
        }

    .sla-credits-bg {
        background-size: 60%;
        padding-bottom: 50px
    }

    .sla-credits-main {
        padding: 20px
    }

        .sla-credits-main .sla-credits-main-tables {
            width: 100%;
            overflow-x: scroll
        }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sla-guarantee {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .sla-guarantee-img {
        width: 100%;
        margin-bottom: 30px;
        text-align: center
    }

        .sla-guarantee-img img {
            width: 70%
        }

    .sla-insfrastructure {
        padding-top: 50px;
        padding-bottom: 230px
    }

    .sla-insfrastructure-img {
        width: 100%;
        text-align: center;
        margin-bottom: 30px
    }

        .sla-insfrastructure-img img {
            width: 70%
        }

    .sla-credits-bg {
        background-size: 60%;
        padding-bottom: 50px
    }

    .sla-credits-main {
        padding: 20px
    }

        .sla-credits-main .sla-credits-main-tables {
            width: 100%;
            overflow-x: scroll
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .sla-guarantee-img {
        width: 100%
    }

        .sla-guarantee-img img {
            width: 100%
        }

    .sla-insfrastructure-img {
        width: 100%
    }

        .sla-insfrastructure-img img {
            width: 100%
        }

    .sla-credits-main {
        padding: 40px
    }
}

.faq {
    background-image: linear-gradient(to bottom, #e1f2ff, #fff)
}

.faq-main {
    padding-top: 200px;
    padding-bottom: 200px
}

.faq-main-heading {
    margin-bottom: 80px;
    text-align: center
}

    .faq-main-heading h3 {
        font-weight: bold;
        font-size: 45px;
        margin-bottom: 40px
    }

    .faq-main-heading p {
        font-size: 24px;
        margin-bottom: 0
    }

.faq-contact .il-left {
    content: url("/img/general/il-flower-bw.svg");
    position: absolute;
    left: 200px;
    width: 140px;
    margin-top: 86px
}

.faq-contact .il-right {
    content: url("/img/faq/il-contact.svg");
    position: absolute;
    right: 200px;
    height: 352px;
    margin-top: -350px
}

.faq-contact .container {
    border-top: 1px dashed #bbc1d2;
    padding-top: 140px;
    padding-bottom: 140px;
    text-align: center
}

    .faq-contact .container h3 {
        font-weight: bold;
        font-size: 45px;
        margin-bottom: 30px
    }

    .faq-contact .container p {
        font-size: 24px
    }

        .faq-contact .container p span {
            font-weight: bold
        }

@media (max-width: 575.98px) {
    .faq-main {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .faq-contact .container {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .faq-contact .il-left {
        content: ' '
    }

    .faq-contact .il-right {
        content: ' '
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .faq-main {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .faq-contact .container {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .faq-contact .il-left {
        content: ' '
    }

    .faq-contact .il-right {
        content: ' '
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .faq-main {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .faq-contact .container {
        z-index: 3;
        position: relative
    }

    .faq-contact .il-left {
        margin-top: 170px;
        left: 0
    }

    .faq-contact .il-right {
        right: 0
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .faq-contact .container {
        z-index: 3;
        position: relative
    }

    .faq-contact .il-left {
        margin-top: 140px;
        left: 0
    }

    .faq-contact .il-right {
        right: 0
    }
}

.software-distribution-features {
    background-image: url("/img/general/bg-rounded-blue.svg");
    background-position: bottom center;
    background-size: cover;
    height: 540px;
    position: relative;
    z-index: 2
}

.software-distribution-main {
    position: relative;
    margin-top: -430px;
    z-index: 3
}

    .software-distribution-main .card {
        border-radius: 10px;
        border: none;
        padding: 60px 70px;
        text-align: center;
        box-shadow: 0 20px 100px 0 rgba(97, 83, 136, 0.15)
    }

    .software-distribution-main .card-heading {
        margin-bottom: 50px
    }

        .software-distribution-main .card-heading h3 {
            font-weight: bold;
            font-size: 30px;
            line-height: 37px
        }

    .software-distribution-main .card-img {
        height: 231px;
        margin-bottom: 40px;
        display: flex;
        align-items: center;
        justify-content: center
    }

.software-distribution-level {
    background: #fff;
    background-image: url("/img/general/il-bg-transparent-flower.png");
    background-position: bottom center;
    background-size: cover;
}

@media (max-width: 575.98px) {
    .software-distribution-features {
        background-image: none;
        height: auto
    }

    .software-distribution-main {
        margin-top: 0;
        padding-top: 100px
    }

        .software-distribution-main .card {
            padding: 50px 30px;
            margin-bottom: 40px
        }

        .software-distribution-main .card-img {
            width: 100%;
            height: 180px
        }

            .software-distribution-main .card-img img {
                width: 70%
            }

    .software-distribution-level {
        margin-top: 0 !important;
        padding-top: 100px
    }

        .software-distribution-level .bg {
            background-size: 60%;
            background: none
        }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .software-distribution-features {
        padding-top: 100px;
        border-bottom-left-radius: 0% !important;
        border-bottom-right-radius: 0% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        height: auto
    }

    .software-distribution-main {
        margin-top: 0
    }

        .software-distribution-main .card {
            padding: 50px 30px;
            margin-bottom: 40px
        }

        .software-distribution-main .card-img {
            width: 100%;
            height: 180px
        }

            .software-distribution-main .card-img img {
                width: 70%
            }

    .software-distribution-level {
        margin-top: 0 !important;
        padding-top: 100px
    }

        .software-distribution-level .bg {
            background-size: 60%;
            background: none
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .software-distribution-features {
        margin-left: 0;
        margin-right: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .software-distribution-main .card {
        padding: 50px 30px;
        margin-bottom: 40px
    }

    .software-distribution-main .card-heading {
        height: 100px
    }

    .software-distribution-main .card-img {
        width: 100%;
        height: 180px
    }

        .software-distribution-main .card-img img {
            width: 70%
        }

    .software-distribution-level .bg {
        background-size: 30%
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .software-distribution-features {
        margin-left: 0;
        margin-right: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

.video-delivery-features {
    position: relative;
    z-index: 2;
    padding-top: 50px;
}

.video-delivery-features-bg {
    background-image: url(/img/general/bg-rounded-blue.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    max-height: 760px;
    z-index: -1;
}

.video-delivery-features .video-delivery-il {
    margin-bottom: -79px;
    justify-content: center;
    width: 100%;
    z-index: 5;
    min-width: 360px;
}

    .video-delivery-features .video-delivery-il img {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

.video-delivery-features .card-list-transparent {
    border-radius: 6px;
    box-shadow: 0 20px 100px 0 rgba(83, 94, 136, 0.11);
    background-color: #fff;
    padding: 75px 60px 50px;
    z-index: 3;
    position: relative
}

    .video-delivery-features .card-list-transparent .card {
        margin-bottom: 0
    }

.video-delivery-level {
    padding-top: 120px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-bottom: 80px;
}

@media (max-width: 575.98px) {
    .video-delivery-features .card-list-transparent {
        padding: 30px
    }

    .video-delivery-features .video-delivery-il {
        margin-bottom: -38px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .video-delivery-features .card-list-transparent {
        padding: 30px
    }

    .video-delivery-features .video-delivery-il {
        margin-bottom: -36px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .video-delivery-features .card-list-transparent {
        padding: 40px
    }

    .video-delivery-features .video-delivery-il {
        margin-bottom: -49px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .video-delivery-features .card-list-transparent {
        padding: 40px
    }

    .video-delivery-features .video-delivery-il {
        margin-bottom: -66px;
    }
}

.blog-main {
    padding-top: 100px;
    padding-bottom: 200px;
    background-image: linear-gradient(to bottom, #e1f2ff, #fff)
}

.header-blog-single {
    background-color: #051f37;
    background-image: none
}

.blog-main-category {
    display: flex;
    justify-content: center;
    margin-bottom: 61px
}

    .blog-main-category ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
        margin-left: 0;
        display: flex
    }

        .blog-main-category ul li {
            margin-right: 30px;
            font-size: 20px
        }

            .blog-main-category ul li a {
                text-decoration: none
            }

                .blog-main-category ul li a:hover {
                    border-bottom: 2px solid #414f7b;
                    padding-bottom: 17px
                }

            .blog-main-category ul li.active a {
                font-weight: bold;
                border-bottom: 2px solid #414f7b;
                padding-bottom: 17px
            }

            .blog-main-category ul li:last-child {
                margin-right: 0
            }

.card.blog-card {
    background: transparent;
    border: none;
    padding: 0;
    border-bottom: 2px dashed #b7c1e0;
    margin-bottom: 60px;
    padding-bottom: 60px
}

    .card.blog-card .card-img {
        width: 432px;
        height: 350px
    }

        .card.blog-card .card-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 10px
        }

    .card.blog-card .card-body {
        padding: 0
    }

        .card.blog-card .card-body h3 {
            font-weight: bold;
            font-size: 30px;
            line-height: 42px;
            margin-bottom: 21px
        }

        .card.blog-card .card-body .blog-meta {
            display: flex;
            align-items: center;
            font-size: 14px;
            margin-bottom: 32px
        }

            .card.blog-card .card-body .blog-meta .posted-by {
                display: flex;
                margin-right: 20px
            }

                .card.blog-card .card-body .blog-meta .posted-by .blog-meta-img {
                    width: 25px;
                    height: 25px;
                    margin-left: 10px;
                    margin-right: 10px
                }

                    .card.blog-card .card-body .blog-meta .posted-by .blog-meta-img img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover
                    }

            .card.blog-card .card-body .blog-meta .date {
                display: flex;
                align-items: center
            }

                .card.blog-card .card-body .blog-meta .date img {
                    margin-right: 10px
                }

        .card.blog-card .card-body p {
            margin-bottom: 28px
        }

        .card.blog-card .card-body .read-more {
            font-weight: bold
        }

            .card.blog-card .card-body .read-more img {
                margin-left: 15px
            }

.blog-pagination {
    display: flex;
    justify-content: center;
    margin-top: 100px
}

    .blog-pagination ul li {
        margin-left: 10px;
        margin-right: 10px
    }

        .blog-pagination ul li a {
            border: 1px solid transparent;
            color: #414f7b
        }

            .blog-pagination ul li a:hover {
                border: 1px solid transparent;
                background: transparent
            }

        .blog-pagination ul li.active a {
            border: 1px solid #8ba2e8 !important;
            border-radius: 50px;
            width: 38px;
            height: 38px;
            color: #414f7b !important;
            background: transparent !important
        }

        .blog-pagination ul li.prev,
        .blog-pagination ul li.next {
            display: flex;
            align-items: center;
            margin-left: 10px;
            margin-right: 10px
        }

            .blog-pagination ul li.prev a,
            .blog-pagination ul li.next a {
                border: 1px solid #8ba2e8;
                background: #8ba2e8;
                border-top-left-radius: 50px !important;
                border-bottom-left-radius: 50px !important;
                border-top-right-radius: 50px !important;
                border-bottom-right-radius: 50px !important;
                color: #fff
            }

            .blog-pagination ul li.prev.disabled a {
                color: #8ba2e8
            }

            .blog-pagination ul li.prev.disabled img {
                content: url("/img/blog-detail/ic-arrow-left-purple.svg");
                transform: rotate(0)
            }

            .blog-pagination ul li.prev img {
                transform: rotate(180deg);
                margin-right: 5px
            }

            .blog-pagination ul li.next.disabled a {
                color: #8ba2e8
            }

            .blog-pagination ul li.next.disabled img {
                content: url("/img/blog-detail/ic-arrow-left-purple.svg");
                transform: rotate(180deg)
            }

            .blog-pagination ul li.next img {
                margin-left: 5px
            }

.blog-single-featured {
    width: 100%;
    height: 450px;
    margin-bottom: 20px;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
}

@media (max-width: 575.98px) {
    .blog-single-featured {
        height: 300px;
    }
}

.blog-single-featured img {
    width: 100%;
    height: 100%;
    box-shadow: #e1f2ff 0 150px 350px;
    object-fit: cover;
    z-index: -1;
    border-radius: 15px;
}

.blog-single-main {
    background-color: #fff;
}

    .blog-single-main h2 {
        font-weight: bold;
        font-size: 40px;
        line-height: 42px;
        margin-top: 70px;
        margin-bottom: 30px;
    }

    .blog-single-main h3 {
        font-weight: 600;
        font-size: 30px;
        line-height: 42px;
        margin-top: 70px;
        margin-bottom: 30px
    }

    .blog-single-main > img {
        width: 100%
    }

    .blog-single-main .blog-shared {
        list-style: none;
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 0;
        display: flex;
        justify-content: space-between;
        margin-top: 70px;
        margin-bottom: 50px
    }

        .blog-single-main .blog-shared li {
            width: calc(100%/5);
            margin-right: 7px;
            margin-left: 7px
        }

            .blog-single-main .blog-shared li:first-child {
                margin-left: 0
            }

            .blog-single-main .blog-shared li:last-child {
                margin-right: 0
            }

            .blog-single-main .blog-shared li a {
                font-weight: 500;
                font-size: 14px;
                border: 1px solid #414f7b;
                width: 100%;
                height: 50px;
                text-decoration: none;
                border-radius: 4px;
                display: flex;
                justify-content: center;
                align-items: center
            }

    .blog-single-main .author-profile {
        display: flex;
        align-items: center;
        background: #f1f5ff;
        padding: 57px 67px;
        margin-bottom: 50px
    }

    .blog-single-main .author-profile-img {
        width: 25%
    }

    .blog-single-main .author-profile-img-card {
        width: 122px;
        height: 122px
    }

        .blog-single-main .author-profile-img-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50px
        }

    .blog-single-main .author-profile-detail {
        width: 85%;
        display: flex;
        flex-direction: column
    }

        .blog-single-main .author-profile-detail .name {
            font-weight: bold;
            font-size: 20px;
            margin-bottom: 10px;
            line-height: normal
        }

        .blog-single-main .author-profile-detail .website {
            font-weight: 500;
            font-size: 14px;
            margin-bottom: 13px;
            line-height: normal
        }

        .blog-single-main .author-profile-detail .description {
            font-size: 14px;
            line-height: 22px
        }

    .blog-single-main .view-comment {
        margin-bottom: 200px
    }

        .blog-single-main .view-comment .btn-view-comment {
            width: 100%;
            border: 1px solid #b3bcd9;
            border-radius: 4px;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            text-decoration: none
        }

.blog-main-single-heading {
    margin-top: -30px
}

    .blog-main-single-heading h1 {
        text-shadow: white 0 0 20px;
        font-size: 41px;
        line-height: 60px;
        font-weight: bold;
        margin-top: 70px;
        margin-bottom: 30px;
    }


    .blog-main-single-heading h3 {
        font-weight: bold;
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 27px
    }

    .blog-main-single-heading .blog-meta {
        display: flex;
        align-items: center;
        font-size: 14px;
        margin-bottom: 63px
    }

        .blog-main-single-heading .blog-meta .posted-by {
            display: flex;
            margin-right: 20px
        }

            .blog-main-single-heading .blog-meta .posted-by .blog-meta-img {
                width: 25px;
                height: 25px;
                margin-left: 10px;
                margin-right: 10px
            }

                .blog-main-single-heading .blog-meta .posted-by .blog-meta-img img {
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                    object-fit: cover
                }

        .blog-main-single-heading .blog-meta .date {
            display: flex;
            align-items: center
        }

            .blog-main-single-heading .blog-meta .date img {
                margin-right: 10px
            }

@media (max-width: 575.98px) {
    .blog-main {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .blog-main-category ul {
        flex-wrap: wrap;
        justify-content: space-between;
        text-align: center
    }

        .blog-main-category ul li {
            margin-right: 0;
            margin-bottom: 20px;
            width: 50%
        }

            .blog-main-category ul li.active a {
                border-bottom: none
            }

    .blog-main-content .blog-card .card-img {
        width: 100%;
        height: 250px;
        margin-bottom: 30px
    }

    .blog-main-content .blog-card .card-body .blog-meta {
        flex-direction: column;
        align-items: flex-start
    }

    .blog-main-content .blog-pagination {
        margin-top: 20px
    }

        .blog-main-content .blog-pagination ul li {
            margin-left: 0;
            margin-right: 0
        }

    .blog-main-content-single .col-lg-10 > img {
        width: 100%
    }

    .blog-main-content-single .blog-main-single-heading h3 {
        font-size: 36px;
        line-height: 44px
    }

    .blog-main-content-single .blog-main-single-heading .blog-meta {
        flex-direction: column;
        align-items: flex-start
    }

    .blog-shared {
        flex-wrap: wrap;
        justify-content: flex-start !important
    }

        .blog-shared li {
            width: auto !important;
            margin-bottom: 20px;
            margin-left: 0 !important;
            margin-right: 15 !important
        }

            .blog-shared li a {
                padding-left: 20px;
                padding-right: 20px
            }

    .author-profile {
        padding: 30px !important;
        flex-direction: column;
        text-align: center
    }

    .author-profile-img {
        width: 100% !important;
        margin-bottom: 20px;
        display: flex;
        justify-content: center
    }

    .author-profile-img-card {
        width: 100px !important;
        height: 100px !important
    }

    .author-profile-detail {
        width: 100% !important
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .blog-main {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .blog-main-category ul {
        flex-wrap: wrap;
        justify-content: space-between;
        text-align: center
    }

        .blog-main-category ul li {
            margin-right: 0;
            margin-bottom: 20px;
            width: 50%
        }

            .blog-main-category ul li.active a {
                border-bottom: none
            }

    .blog-main-content .blog-card .card-img {
        width: 100%;
        height: 250px;
        margin-bottom: 30px
    }

    .blog-main-content .blog-card .card-body .blog-meta {
        flex-direction: column;
        align-items: flex-start
    }

    .blog-main-content .blog-pagination {
        margin-top: 20px
    }

        .blog-main-content .blog-pagination ul li {
            margin-left: 0;
            margin-right: 0
        }

    .blog-main-content-single .col-lg-10 > img {
        width: 100%
    }

    .blog-main-content-single .blog-main-single-heading h3 {
        font-size: 36px;
        line-height: 44px
    }

    .blog-main-content-single .blog-main-single-heading .blog-meta {
        flex-direction: column;
        align-items: flex-start
    }

    .blog-shared {
        flex-wrap: wrap;
        justify-content: flex-start !important
    }

        .blog-shared li {
            width: auto !important;
            margin-bottom: 20px;
            margin-left: 0 !important;
            margin-right: 15 !important
        }

            .blog-shared li a {
                padding-left: 20px;
                padding-right: 20px
            }

    .author-profile {
        padding: 30px !important;
        flex-direction: column;
        text-align: center
    }

    .author-profile-img {
        width: 100% !important;
        margin-bottom: 20px;
        display: flex;
        justify-content: center
    }

    .author-profile-img-card {
        width: 100px !important;
        height: 100px !important
    }

    .author-profile-detail {
        width: 100% !important
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .blog-main {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .blog-main-category ul {
        flex-wrap: wrap;
        justify-content: flex-start;
        text-align: center
    }

        .blog-main-category ul li {
            margin-right: 0;
            margin-bottom: 20px;
            width: 25%
        }

            .blog-main-category ul li.active a {
                border-bottom: none
            }

    .blog-main-content .blog-card .card-img {
        width: 100%;
        height: 100%
    }

    .blog-main-content .blog-card .card-body .blog-meta {
        flex-direction: column;
        align-items: flex-start
    }

    .blog-main-content .blog-pagination {
        margin-top: 20px
    }

        .blog-main-content .blog-pagination ul li {
            margin-left: 0;
            margin-right: 0
        }

    .blog-main-content-single .col-lg-10 > img {
        width: 100%
    }

    .author-profile {
        padding: 30px !important
    }

    .author-profile-img-card {
        width: 100px !important;
        height: 100px !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .blog-main-content-single .col-lg-10 > img {
        width: 100%
    }

    .blog-card .card-img {
        width: 100% !important;
        height: 100% !important
    }
}

.features-list {
    background-image: url("/img/general/bg-rounded-blue.svg");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 740px;
    position: relative;
    z-index: 2;
    padding-top: 100px
}

    .features-list .card-list-transparent .card-img {
        height: 150px;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

.features-main {
    background: #fff;
    padding-bottom: 200px;
    position: relative;
    margin-top: -200px
}

    .features-main .container {
        position: relative;
        z-index: 3
    }

    .features-main .card.card-features-main {
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 20px 100px 0 rgba(97, 83, 136, 0.15);
        padding: 44px 40px;
        margin-bottom: 40px;
        border: none
    }

    .features-main .card-heading {
        margin-bottom: 40px
    }

        .features-main .card-heading h3 {
            font-weight: bold;
            font-size: 20px;
            line-height: 30px
        }

            .features-main .card-heading h3 img {
                margin-right: 20px;
                margin-top: -4px;
            }

    .features-main .card-body {
        padding: 0
    }

        .features-main .card-body .list-circle {
            margin-bottom: 0;
            padding-left: 20px
        }

.features-advance {
    padding-top: 120px;
    padding-bottom: 100px;
    background-image: linear-gradient(to bottom, #edf6ff, #edf6ff);
    background-repeat: no-repeat;
    background-position: bottom center;
    position: relative;
    background-size: cover
}

    .features-advance .card-list-transparent .card-img {
        margin-bottom: 10px
    }

        .features-advance .card-list-transparent .card-img img {
            width: 100%;
            border-radius: 8px;
            box-shadow: rgba(109, 167, 218, 0.15) 0 0 20px;
        }

    .features-advance .card-list-transparent .card-body {
        text-align: left;
        padding-left: 0;
        padding-right: 0
    }

@media (max-width: 575.98px) {
    .features-list {
        height: auto !important;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .features-main {
        margin-top: 0;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .features-advance {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .features-advance .content-heading {
            margin-bottom: 30px
        }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .features-list {
        height: auto !important;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .features-main {
        margin-top: 0;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .features-advance {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .features-advance .content-heading {
            margin-bottom: 30px
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .features-list {
        padding-bottom: 200px;
        height: auto !important;
    }

    .features-main {
        padding-bottom: 100px
    }

        .features-main .card {
            height: auto !important
        }

    .features-advance {
        padding-bottom: 100px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .features-list {
        height: auto !important;
        padding-bottom: 200px
    }

    .features-main .card {
        height: auto
    }
}


/* START New Features page*/
.features-bg {
    position: relative;
    background-image: linear-gradient(to top, #e1f2ff, #fff);
}

.features-bg .bg-grass-right {
    bottom: 245px;
}

.features-new .features-list .card-list-transparent .card-img {
    height: 150px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.features-new .features-list.no-background {
    height: auto;
    background: none;
}

.features-new .features-main {
    position: relative;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: -245px;
    background: transparent;
}

.features-new .features-main .card.card-features-main {
    flex-direction: row;
    margin-bottom: 50px;
    padding: 60px 40px;
    background: #fff;
    box-shadow: 0 20px 100px 0 rgba(83,94,136,0.10);
    border: none;
    border-radius: 10px;
}

@media (max-width: 768px) {
    .features-new .features-main {
        position: relative;
        margin-bottom: -245px;
    }
    
    .features-new .features-main .card.card-features-main {
        flex-direction: column;
    }
}

.features-new .features-main .card-features-main .card-img {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 440px;
        margin-right: 60px;
    }

    @media (max-width: 768px) {
        .features-new .features-main .card-features-main .card-img {
            margin-bottom: 40px;
        }
    }

        .features-new .features-main .card-features-main .card-img img {
            max-width: 100%;
        }
        .features-new .features-main .card-features-main.img-right .card-img {
            order: 2;
            margin-left: 60px;
            margin-right: 0;
        }
        @media (max-width: 768px) {
            .features-new .features-main .card-features-main.img-right .card-img {
                order: 1;
                margin-left: 0;
                margin-right: 0;
            }
        }
        .features-new .features-main .card-features-main.img-right .card-body {
            order: 1;
        }
        @media (max-width: 768px) {
            .features-new .features-main .card-features-main.img-right .card-body {
                order: 2;
            }
        }

    .features-new .features-main .card-features-main .card-body {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0;
    }
    @media (max-width: 768px) {
        .features-new .features-main .card-features-main .card-body {
            text-align: center;
        }
    }

        .features-new .features-main .card-features-main .card-body h2 {
            display: flex;
            align-items: center;
            margin-bottom: 26px;
            font-size: 40px;
            font-weight: 700;
        }
        @media (max-width: 768px) {
            .features-new .features-main .card-features-main .card-body h2 {
                justify-content: center;
            }
        }
            .features-new .features-main .card-features-main .card-body h2 img {
                margin-right: 18px;
            }

        .features-new .features-main .card-features-main .card-body p {
            margin-bottom: 40px;
            line-height: 32px;
        }

        .features-new .features-main .card-features-main .card-body ul {
            margin: 0;
            padding: 0;
            list-style: none;
            -webkit-columns: 2;
            columns: 2;
        }
        
        @media (max-width: 992px)  {
            .features-new .features-main .card-features-main .card-body ul {
                -webkit-columns: 1;
                columns: 1;
            }
        }

            .features-new .features-main .card-features-main .card-body ul li {
                display: flex;
                align-items: center;
                margin-bottom: 28px;
                color: #414F7B;
                font-size: 18px;
                font-weight: 700;
            }
            @media (max-width: 768px) {
                .features-new .features-main .card-features-main .card-body ul li {
                    justify-content: center;
                }
                .features-new .features-main .card-features-main .card-body ul li:last-child {
                    margin-bottom: 0;
                }
            }

                .features-new .features-main .card-features-main .card-body ul li img {
                    height: 30px;
                    margin-right: 14px;
                }

.features-new .features-advance {
    padding-top: 395px;
    padding-bottom: 100px;
    background-image: linear-gradient(to bottom, #fff, #fff);
    background-repeat: no-repeat;
    background-position: bottom center;
    position: relative;
    background-size: cover
}

@media (max-width: 575.98px) {
    .features-new .features-list {
        height: auto !important;
        padding-top: 50px;
        padding-bottom: 0
    }

    .features-new .features-advance {
        padding-top: 250px;
        padding-bottom: 50px
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .features-new .features-list {
        height: auto !important;
        padding-top: 50px;
        padding-bottom: 0
    }

    .features-new .features-advance {
        padding-top: 250px;
        padding-bottom: 50px
    }
}

.bg-log {
    position: absolute;
    left: 0px;
    height: 475px;
    bottom: 0px;
    pointer-events: none;
}
@media (max-width: 1200px) {
    .bg-log {
        display: none;
    }
}


.features-new .features-advance-list,
.features-new .features-advance-items {
    padding: 0;
}

@media (max-width: 992px) {
    .features-new .features-advance-list {
        margin-bottom: 40px;
    }
}

.features-new .features-advance-list li {
    margin-bottom: 50px;
    list-style: none;
    white-space: nowrap;
    position: relative;
    padding-left: 0;
    transition: padding-left 200ms ease;
}
@media (max-width: 1200px) {
    .features-new .features-advance-list li {
        white-space: normal;
    }
}
@media (max-width: 992px) {
    .features-new .features-advance-list li {
        margin-bottom: 20px;
    }
}

    .features-new .features-advance-list li:before {
        content: '';
        width: 0;
        height: 2px;
        position: absolute;
        top: 10px;
        left: 0;
        background-color: #D9DCE5;
        transition: width 200ms ease;
    }

    .features-new .features-advance-list li:hover {
        cursor: pointer;
        color: #FFA44B;
    }
    .features-new .features-advance-list li.is-active {
        padding-left: 50px;
        position: relative;
        color: #FFA44B;
    }
        .features-new .features-advance-list li.is-active:before {
            width: 40px;
        }
    
    .features-new .features-advance-list li h4 {
        font-size: 20px;
    }
    @media (max-width: 992px) {
        .features-new .features-advance-list li h4 {
            font-size: 18px;
        }
    }

.features-new .features-advance .card {
    background: #E4F4FF;
    border: 0;
    border-radius: 10px;
    height: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 200ms ease;
}
.features-new .features-advance .card.is-active {
    height: auto;
    padding: 40px;
    opacity: 1;
    visibility: visible;
}
@media (max-width: 992px) {
    .features-new .features-advance .card.is-active {
        padding: 20px;
    }
}
    .features-new .features-advance .card img {
        max-width: 100%;
    }

    .features-new .features-advance .card-img {
        margin-bottom: 30px;
    }
    .features-new .features-advance .card-body {
        padding: 0;
    }
        .features-new .features-advance .card-body p:last-child {
            margin-bottom: 0;
        }

/* END New Features page*/



.cloud-storage-pricing {
    background-image: url("/img/general/bg-rounded-blue.svg");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 900px;
    position: relative;
    z-index: 2;
    padding-top: 100px
}

    .cloud-storage-pricing .pricing-il {
        margin-bottom: -2px;
    }

        .cloud-storage-pricing .pricing-il img {
            width: 80%;
            margin-left: 9%;
        }

    .cloud-storage-pricing .pricing-list {
        border-radius: 20px;
        background: #fff;
        padding: 100px 50px;
        text-align: center;
        box-shadow: 0 20px 100px 0 rgba(83, 94, 136, 0.11)
    }

    .cloud-storage-pricing .pricing-list-heading {
        text-align: center;
        margin-bottom: 62px
    }

        .cloud-storage-pricing .pricing-list-heading h3 {
            font-weight: bold;
            font-size: 45px;
            margin-bottom: 10px
        }

        .cloud-storage-pricing .pricing-list-heading p {
            font-size: 24px;
            line-height: 37px
        }

    .cloud-storage-pricing .pricing-list-main {
        display: flex;
        flex-direction: row;
        flex-basis: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-top: -15px;
        align-items: stretch;
        
    }

        .cloud-storage-pricing .pricing-list-main .card {
            padding-left: 5px;
            padding-right: 5px;
            margin-left: 5px;
            margin-right: 5px;
            border-radius: 6px;
            padding: 30px;
            padding-bottom: 40px;
            border: none;
            background: #fff;
            color: #414f7b;
            border: 3px solid #F3F3F3;
            text-align: left;
            align-items: flex-start;
            cursor: pointer;
            margin-top: 15px;
            user-select: none;
            width: 24%;
            min-height: 142px;
        }
    .cloud-storage-pricing .coning-soon {
        font-size: 80%;
        font-weight: 400;
        width: 100%;
        background-color: #f3f3f3;
        text-align: center;
        color: #666;
    }

            .cloud-storage-pricing .pricing-list-main .card:hover {
                background-color: #FFFBF7;
            }

            .cloud-storage-pricing .pricing-list-main .card.card-selected {
                border-color: #FD8D32;
            }

            .cloud-storage-pricing .pricing-list-main .card span {
                font-size: 18px;
                line-height: 32px;
            }

    .cloud-storage-pricing .pricing-list-main .card p {
        font-weight: bold;
        font-size: 22px;
    }


            .cloud-storage-pricing .pricing-list-main .card h3, .storage-pricing-total h3 {
                font-weight: 500;
                font-size: 20px;
                margin-bottom: 0;
                color: #FF7654;
                display: inline-block;
            }

                .storage-pricing-total h3 b {
                    font-weight: bold;
                }
                .cloud-storage-pricing .card-selected h3 {
                    color: #414f7b !important;
                }

.storage-pricing-total h3 {
    position: absolute;
    right: 30px;
    top: 11px;
}

.cloud-storage-pricing .pricing-list-main .card .continent {
    background-image: linear-gradient(89deg, #FF7854, #ffaf48);
    color: #fff;
    border: none;
    font-size: 15px;
    font-weight: 500;
    width: auto;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 12px;
    border-radius: 5px;
    font-size: 13px;
    display: none;
}

.cloud-storage-pricing .pricing-list-main .card h3 span, .storage-pricing-total h3 span {
    font-weight: 600;
    font-size: 18px;
    color: #414F7B;
    margin-top: 0px;
    display: inline-block;
    vertical-align: middle;
}

.cloud-storage-pricing .pricing-list-main .card .permonth {
    font-size: 15px;
    font-weight: normal;
}

.edge-storage-pricing {
    background: rgb(255, 255, 255);
    border-width: 3px;
    border-style: solid;
    border-color: rgb(243, 243, 243);
    border-image: initial;
    display: inline-block;
    width: 49%;
    text-align: left;
    box-sizing: border-box;
    background: #fff;
    color: #414f7b;
    border: 3px solid #F3F3F3;
    margin-left: 5px;
    border-radius: 6px;
    padding-left: 29px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 4px;
    font-size: 18px;
    position: relative;
    cursor: pointer;
    user-select: none;
}
.edge-storage-pricing:hover {
    background-color: #fffbf7;
}
.edge-storage-pricing .coming-soon {
    background-color: #f3f3f3;
    padding: 7px;
    border-radius: 6px;
    font-weight: 500;
    color: #666;
}
    .edge-storage-pricing.selected {
        border-color: #fd8d32;
    }


    .edge-storage-pricing p {
        display: inline-block;
        margin-bottom: 0px;
    }
    .edge-storage-pricing .price {
        font-weight: 700;
        font-size: 20px;
        margin-bottom: 0;
        color: #ff7654;
        display: inline-block;
        position: absolute;
        top: 10px;
        right: 20px;
    }

        .edge-storage-pricing .price small {
            font-weight: 600;
            font-size: 18px;
            color: #414f7b;
            margin-top: 0;
            display: inline-block;
            vertical-align: middle;
        }
    .edge-storage-pricing span {
        display: inline-block;
    }
    .edge-storage-pricing .continent {
        display: none;
    }

@media (max-width: 575.98px) {
    .edge-storage-pricing {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        width: 100%;
    }
        .edge-storage-pricing .price {
            position: relative;
            right: auto;
            top: auto;
            margin-top: 5px;
            text-align: center;
            width: 100%;
        }

    .cloud-storage-pricing .storage-pricing-total {
        text-align: center !important;
        padding-left: 0 !important;
        width: 100%;
        border: 3px solid #414f7b !important;
    }
    .storage-pricing-total h3 {
        position: relative;
        right: auto;
        top: auto;
        margin-top: 5px;
        text-align: center;
        width: 100%;
    }
}

.cloud-storage-pricing .storage-pricing-total {
    background: #fff;
    color: #414f7b;
    border: 3px solid #F3F3F3;
    text-align: left;
    align-items: flex-start;
    margin-left: 5px;
    border-radius: 6px;
    padding-left: 29px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 22px;
    font-size: 18px;
    position: relative;
    margin-right: 5px;
}

    .cloud-storage-pricing .storage-pricing-total span {
        font-weight: 600;
    }

.cloud-storage-faq {
    background-image: linear-gradient(to bottom, #e1f2ff, #fff)
}

    .cloud-storage-faq .faq-main {
        padding-bottom: 450px
    }

    .cloud-storage-faq .container {
        background-image: url("/img/cloud-storage/il-faq.svg");
        background-repeat: no-repeat;
        background-position: bottom right
    }

.cloud-storage-list {
    background: url("/img/general/il-bg-white-flower.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-top: 500px;
    padding-bottom: 100px;
    margin-top: -235px
}

.cloud-storage-features {
    background: url("/img/general/bg-trial.svg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-top: 143px;
    padding-bottom: 130px;
    margin-bottom: -2px;
    position: relative;
    z-index: 2
}

.cloud-storage-features-card {
    display: flex;
    padding-left: 20px;
    padding-right: 20px
}

    .cloud-storage-features-card .img {
        margin-right: 40px
    }

    .cloud-storage-features-card .description h3 {
        font-weight: bold;
        font-size: 20px;
        line-height: 37px;
        margin-bottom: 10px;
        color: #fff
    }

    .cloud-storage-features-card .description p {
        line-height: 29px;
        color: #8bb3da;
        margin-bottom: 0
    }

@media (max-width: 575.98px) {
    .cloud-storage-faq .container {
        background: none
    }

    .cloud-storage-pricing {
        height: auto;
        padding-bottom: 100px
    }

        .cloud-storage-pricing .pricing-list {
            padding: 100px 20px 20px
        }

        .cloud-storage-pricing .pricing-list-main {
            flex-direction: column
        }

            .cloud-storage-pricing .pricing-list-main .card {
                width: 100%;
                margin-left: 0;
                margin-right: 0;
                margin-bottom: 30px
            }

    .cloud-storage-list {
        margin-top: 0;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .cloud-storage-features {
        background-size: cover;
        background-position: left;
        padding-top: 50px;
        padding-bottom: 50px;
        background-image: radial-gradient(circle at 48% 27%, #002649, #051f37)
    }

        .cloud-storage-features .cloud-storage-features-card {
            flex-direction: column;
            text-align: center;
            margin-bottom: 40px
        }

            .cloud-storage-features .cloud-storage-features-card .img {
                margin-right: 0;
                margin-bottom: 20px
            }

    .cloud-storage-faq .faq-main {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .cloud-storage-faq .faq-main-content .card .btn {
        text-align: left
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .cloud-storage-faq .container {
        background: none
    }

    .cloud-storage-pricing {
        height: auto;
        padding-bottom: 100px
    }

        .cloud-storage-pricing .pricing-list {
            padding: 100px 20px 20px
        }

        .cloud-storage-pricing .pricing-list-main {
            flex-direction: column
        }

            .cloud-storage-pricing .pricing-list-main .card {
                width: 100%;
                margin-left: 0;
                margin-right: 0;
                margin-bottom: 30px
            }

    .cloud-storage-list {
        margin-top: 0;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .cloud-storage-features {
        background-size: cover;
        background-position: left;
        padding-top: 50px;
        padding-bottom: 50px;
        background-image: radial-gradient(circle at 48% 27%, #002649, #051f37)
    }

        .cloud-storage-features .cloud-storage-features-card {
            flex-direction: column;
            text-align: center;
            margin-bottom: 40px
        }

            .cloud-storage-features .cloud-storage-features-card .img {
                margin-right: 0;
                margin-bottom: 20px
            }

    .cloud-storage-faq .faq-main {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .cloud-storage-faq .faq-main-content .card .btn {
        text-align: left
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .cloud-storage-pricing {
        height: auto;
        padding-bottom: 100px
    }

        .cloud-storage-pricing .pricing-list {
            padding: 100px 50px 50px
        }

    .cloud-storage-list {
        margin-top: 0;
        padding-top: 100px
    }

    .cloud-storage-features {
        background-size: cover;
        background-position: left
    }

        .cloud-storage-features .cloud-storage-features-card {
            flex-direction: column;
            text-align: center
        }

            .cloud-storage-features .cloud-storage-features-card .img {
                margin-right: 0;
                margin-bottom: 20px
            }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .cloud-storage-pricing .pricing-list {
        padding: 100px !important
    }

    .cloud-storage-features {
        background-size: cover;
        background-position: left
    }
}

.website-acceleration-features {
    /*background-image: url("/img/general/bg-rounded-blue.svg");*/
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    height: 720px;
    position: relative;
    z-index: 2;
    padding-top: 50px
}

    .website-acceleration-features .website-acceleration-il {
        margin-bottom: -86px;
        display: flex;
        justify-content: center
    }

        .website-acceleration-features .website-acceleration-il img {
            width: 85%
        }

    .website-acceleration-features .website-acceleration-list {
        background: #fff;
        border-radius: 6px;
        box-shadow: 0 20px 100px 0 rgba(83, 94, 136, 0.11);
        padding: 55px 50px;
        z-index: 2;
        position: relative
    }

        .website-acceleration-features .website-acceleration-list .website-acceleration-main {
            display: flex
        }

            .website-acceleration-features .website-acceleration-list .website-acceleration-main .card {
                width: calc(100%/3);
                margin-left: 15px;
                margin-right: 15px;
                border: none
            }

            .website-acceleration-features .website-acceleration-list .website-acceleration-main .card-heading {
                margin-bottom: 10px
            }

                .website-acceleration-features .website-acceleration-list .website-acceleration-main .card-heading h3 {
                    font-size: 18px;
                    font-weight: bold;
                    margin-bottom: 0
                }

                    .website-acceleration-features .website-acceleration-list .website-acceleration-main .card-heading h3 img {
                        margin-right: 17px
                    }

            .website-acceleration-features .website-acceleration-list .website-acceleration-main .card-body {
                padding: 0
            }

                .website-acceleration-features .website-acceleration-list .website-acceleration-main .card-body p {
                    line-height: 28px;
                    margin-bottom: 0
                }

.website-acceleration-trial {
    margin-top: 200px;
    background: url("/img/general/bg-trial.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-top: 143px;
    padding-bottom: 130px;
    margin-bottom: -2px;
    position: relative;
    z-index: 2
}

.website-acceleration-trial-left {
    padding-right: 100px
}

    .website-acceleration-trial-left h4 {
        color: #fff;
        font-weight: bold;
        font-size: 40px;
        line-height: normal;
        margin-bottom: 21px
    }

    .website-acceleration-trial-left p {
        font-size: 24px;
        line-height: 37px;
        color: #8bb3da
    }

.website-acceleration-trial-right .btn {
    margin-bottom: 24px
}

.website-acceleration-trial-right p {
    font-weight: 500;
    color: #8bb3da
}

.website-acceleration-list {
    background: #fff;
    padding-top: 150px;
    padding-bottom: 150px
}

    .website-acceleration-list.bg-grey {
        background: #eff3f6
    }

    .website-acceleration-list .img {
        height: 100%;
        display: flex;
        align-items: center
    }

        .website-acceleration-list .img img {
            width: 100%
        }

    .website-acceleration-list .description h3 {
        font-weight: bold;
        font-size: 35px;
        margin-bottom: 22px
    }

    .website-acceleration-list .description p {
        line-height: 32px;
        margin-bottom: 30px
    }

    .website-acceleration-list .description .list-cms {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
        margin-left: 0;
        display: flex
    }

        .website-acceleration-list .description .list-cms li {
            margin-right: 20px
        }

            .website-acceleration-list .description .list-cms li:last-child {
                margin-right: 0
            }

@media (max-width: 575.98px) {
    .website-acceleration-features {
        background-image: none;
        background-color: #edf6ff;
        height: auto;
        padding-bottom: 100px;
        padding-top: 0
    }

        .website-acceleration-features .website-acceleration-il {
            align-items: flex-start;
            padding-top: 100px
        }

        .website-acceleration-features .website-acceleration-list {
            padding: 30px;
            margin-top: 60px
        }

            .website-acceleration-features .website-acceleration-list .website-acceleration-main {
                display: flex;
                flex-direction: column
            }

                .website-acceleration-features .website-acceleration-list .website-acceleration-main .card {
                    width: 100% !important;
                    margin-left: 0;
                    margin-right: 0;
                    margin-bottom: 30px
                }

    .website-acceleration-trial {
        margin-top: 0;
        background-position: left;
        padding-top: 100px;
        padding-bottom: 100px;
        background-image: radial-gradient(circle at 24% 12%, #002649, #051f37)
    }

    .website-acceleration-list {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .website-acceleration-list .list-cms {
            display: flex;
            flex-direction: column;
            align-items: center
        }

            .website-acceleration-list .list-cms li {
                margin-bottom: 25px;
                margin-right: 0 !important
            }

        .website-acceleration-list .img {
            width: 100%;
            text-align: center;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .website-acceleration-list .img img {
                width: 70%
            }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .website-acceleration-features {
        background-image: none;
        background-color: #edf6ff;
        height: auto;
        padding-bottom: 100px;
        padding-top: 0
    }

        .website-acceleration-features .website-acceleration-list {
            padding: 30px;
            margin-top: -235px
        }

            .website-acceleration-features .website-acceleration-list .website-acceleration-main {
                display: flex;
                flex-direction: column
            }

                .website-acceleration-features .website-acceleration-list .website-acceleration-main .card {
                    width: 100% !important;
                    margin-left: 0;
                    margin-right: 0;
                    margin-bottom: 30px
                }

    .website-acceleration-trial {
        margin-top: 0;
        background-position: left;
        padding-top: 100px;
        padding-bottom: 100px;
        background-image: radial-gradient(circle at 24% 12%, #002649, #051f37)
    }

    .website-acceleration-list {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .website-acceleration-list .list-cms {
            display: flex;
            flex-direction: column;
            align-items: center
        }

            .website-acceleration-list .list-cms li {
                margin-bottom: 25px;
                margin-right: 0 !important
            }

        .website-acceleration-list .img {
            width: 100%;
            text-align: center;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .website-acceleration-list .img img {
                width: 70%
            }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .website-acceleration-features {
        background-image: none;
        background-color: #edf6ff;
        height: auto;
        padding-bottom: 100px
    }

        .website-acceleration-features .website-acceleration-list {
            margin-top: -170px
        }

    .website-acceleration-trial {
        margin-top: 0;
        background-position: left;
        padding-top: 100px;
        padding-bottom: 100px
    }

    .website-acceleration-list {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .website-acceleration-features {
        background-image: none;
        background-color: #edf6ff;
        height: auto;
        padding-bottom: 100px
    }

        .website-acceleration-features .website-acceleration-list {
            margin-top: -170px
        }

    .website-acceleration-trial {
        margin-top: 0;
        background-position: left;
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.benefit-list {
    background-image: url("/img/general/bg-rounded-blue.svg");
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 1000px;
    background-size: cover;
    position: relative;
    z-index: 2;
    padding-top: 100px
}

    .benefit-list .card-list .card {
        display: flex;
        flex-direction: row;
        padding: 45px 0px;
        border-radius: 6px;
        box-shadow: 0 20px 100px 0 rgba(83, 94, 136, 0.11);
        border: none;
        margin-bottom: 40px
    }

    .benefit-list .card-list .card-img {
        width: 30%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .benefit-list .card-list .card-body {
        width: 70%;
        padding: 0 50px 0 0
    }

        .benefit-list .card-list .card-body h4 {
            font-size: 20px;
            font-weight: bold;
            line-height: 37px;
            margin-bottom: 10px
        }

        .benefit-list .card-list .card-body p {
            line-height: 32px;
            margin-bottom: 0
        }

.benefit-list-middle {
    margin-top: 10px;
    background: #fff;
    padding-top: 110px
}

    .benefit-list-middle .card-list-transparent {
        z-index: 3;
        position: relative
    }

    .benefit-list-middle .card-img {
        height: 180px;
        display: flex;
        justify-content: center;
        align-items: center
    }

.benefit-carousel {
    background: url("/img/general/bg-trial.svg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 80px;
    margin-bottom: -2px;
    position: relative;
    z-index: 2
}

    .benefit-carousel .owl-item .item {
        margin-bottom: 50px;
        text-align: right
    }

        .benefit-carousel .owl-item .item h4 {
            font-weight: bold;
            font-size: 40px;
            color: #fff;
            margin-bottom: 10px
        }

        .benefit-carousel .owl-item .item p {
            color: #8bb3da;
            font-size: 24px;
            line-height: 37px
        }

    .benefit-carousel .owl-theme .owl-nav.disabled + .owl-dots {
        text-align: right
    }

.benefit-list-bottom {
    padding-top: 200px;
    padding-bottom: 200px;
    background-image: linear-gradient(to bottom, #e1f2ff, #fff)
}

@media (max-width: 575.98px) {
    .benefit-list {
        padding-top: 50px;
        padding-bottom: 50px;
        background-image: none;
        background-color: #edf6ff;
        height: auto
    }

        .benefit-list .card {
            display: flex;
            flex-direction: column !important;
            text-align: center;
            padding: 40px !important
        }

        .benefit-list .card-img {
            width: 100% !important;
            margin-bottom: 20px
        }

        .benefit-list .card-body {
            width: 100% !important;
            padding: 0 !important
        }

    .benefit-list-middle {
        margin-top: 0
    }

        .benefit-list-middle .card-img {
            height: auto
        }

            .benefit-list-middle .card-img img {
                width: 65%
            }

    .benefit-carousel {
        background-size: cover;
        background-position: bottom center;
        background-image: radial-gradient(circle at 24% 12%, #002649, #051f37)
    }

        .benefit-carousel .owl-item .item {
            text-align: center
        }

    .benefit-list-bottom {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .benefit-list-bottom .content-heading {
            margin-bottom: 50px
        }

        .benefit-list-bottom .card-img img {
            width: 75%
        }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .benefit-list {
        padding-top: 50px;
        padding-bottom: 50px;
        background-image: none;
        background-color: #edf6ff;
        height: auto
    }

        .benefit-list .card {
            display: flex;
            flex-direction: column !important;
            text-align: center;
            padding: 40px !important
        }

        .benefit-list .card-img {
            width: 100% !important;
            margin-bottom: 20px
        }

        .benefit-list .card-body {
            width: 100% !important;
            padding: 0 !important
        }

    .benefit-list-middle {
        margin-top: 0
    }

        .benefit-list-middle .card-img {
            height: auto
        }

            .benefit-list-middle .card-img img {
                width: 65%
            }

    .benefit-carousel {
        background-size: cover;
        background-position: bottom center
    }

    .benefit-list-bottom {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .benefit-list-bottom .content-heading {
            margin-bottom: 50px
        }

        .benefit-list-bottom .card-img img {
            width: 75%
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .benefit-list {
        background-image: none;
        background-color: #edf6ff;
        height: auto
    }

        .benefit-list .card-list .card {
            display: flex;
            flex-direction: column;
            text-align: center
        }

        .benefit-list .card-list .card-img {
            width: 100%
        }

        .benefit-list .card-list .card-body {
            width: 100%;
            padding: 40px 40px 0 40px
        }

    .benefit-list-middle {
        margin-top: 0
    }

    .benefit-carousel {
        background-size: cover;
        background-position: bottom center
    }

    .benefit-list-bottom {
        padding-top: 100px;
        padding-bottom: 100px
    }

        .benefit-list-bottom .card-img img {
            width: 75%
        }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .benefit-list {
        background-image: none;
        background-color: #edf6ff;
        height: auto
    }

    .benefit-list-middle {
        margin-top: 0
    }

    .benefit-carousel {
        background-size: cover;
        background-position: left
    }

    .benefit-list-bottom {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.pricing-tier {
    padding-top: 140px;
    padding-bottom: 200px;
    background-image: linear-gradient(to bottom, #e1f2ff, #fff)
}

    .pricing-tier .card {
        border-radius: 6px;
        box-shadow: 0 20px 100px 0 rgba(83, 94, 136, 0.11);
        background: #fff;
        border: none
    }

    .pricing-tier .card-heading {
        border-bottom: 1px solid #e2e2e2;
        padding: 50px 60px 30px 60px;
        display: flex;
    }

    .pricing-tier .card-heading-img {
        width: 30%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column
    }

    .pricing-tier .card-heading-img-2 img {
        width: 120px;
        margin-bottom: 10px
    }

    .pricing-tier .card-heading-img-2 .bunny-pricing-volume {
        margin-top: -18px;
    }

    .pricing-tier .card-heading-img-2 .bunny-pricing-premium {
        margin-top: 18px;
    }

    .pricing-tier .card-heading-img-2 .badge {
        background: linear-gradient(89deg, #FF7854, #ffaf48);
        border-radius: 6px;
        color: #fff;
        font-weight: 500;
        font-size: 13px;
        padding: 6px 14px
    }

    .pricing-tier .card-heading-img img {
        width: 100px;
        margin-bottom: 10px
    }

    .pricing-tier .card-heading-img .badge {
        background: linear-gradient(89deg, #FF7854, #ffaf48);
        border-radius: 6px;
        color: #fff;
        font-weight: 500;
        font-size: 13px;
        padding: 6px 14px
    }

    .pricing-tier .card-heading-description {
        width: 70%
    }

    .pricing-tier .card-heading-description-2 h4 {
        font-weight: bold;
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 18px;
        padding-left: 17px;
    }

    .pricing-tier .card-heading-description h4 {
        font-weight: bold;
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 18px
    }

    .pricing-tier .card-heading-description p {
        line-height: 27px;
        margin-bottom: 0
    }

    .pricing-tier .card-body {
        padding: 40px 60px 10px 60px
    }

        .pricing-tier .card-body button {
            margin: 0 auto
        }

        .pricing-tier .card-body p {
            line-height: 38px;
            font-size: 20px;
            margin-bottom: 24px;
        }

        .pricing-tier .card-body .list-circle {
            padding-left: 0px;
            margin-bottom: 20px;
        }

            .pricing-tier .card-body .list-circle li {
                margin-bottom: 40px;
                display: inline-block;
                width: 49%;
                position: relative;
            }

@media (max-width: 575.98px) {
    .pricing-tier .card-body .list-circle li {
        width: 100%;
    }
}

.pricing-tier .card-body .list-circle li::before {
    left: 0px
}

.pricing-tier .card-body .list-circle li span {
    font-size: 16px;
    padding-left: 20px;
    margin-bottom: 7px;
    font-weight: 200;
}

.pricing-tier .card-body .list-circle li h4 {
    font-weight: 500;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 0;
}

@media (min-width: 575.99px) {
    .pricing-tier .card-body .list-circle li:nth-child(2n) {
        padding-left: 10px;
    }

        .pricing-tier .card-body .list-circle li:nth-child(2n)::before {
            left: 10px;
        }
}

.pricing-estimate {
    background: #d0e9ff;
    padding-top: 100px
}

    .pricing-estimate .gb {
        position: absolute;
        top: 0px;
        right: 30px;
        line-height: 92px;
        font-size: 24px;
        font-weight: 500;
        color: #414f7b;
    }

    .pricing-estimate .container {
        background: url("/img/pricing/il-estimate.svg");
        background-repeat: no-repeat;
        background-position: bottom right
    }

    .pricing-estimate h3 {
        font-weight: bold;
        font-size: 45px;
        margin-bottom: 40px
    }

    .pricing-estimate ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        list-style: none;
        margin-left: 0;
        padding-left: 0;
        margin-bottom: 0;
        justify-content: space-between;
        margin-bottom: 54px
    }

        .pricing-estimate ul li {
            width: 48%;
            margin-bottom: 20px;
            border-radius: 6px;
            background: #fff;
            padding: 16px 30px;
            display: flex;
            position: relative;
            justify-content: space-between
        }

            .pricing-estimate ul li span {
                font-size: 24px;
                line-height: 60px;
                width: 50%
            }

            .pricing-estimate ul li .form-control {
                border: none;
                width: 50%;
                padding-left: 0;
                padding-right: 40px;
                text-align: right;
                font-size: 24px;
                font-weight: bold;
                color: #414f7b
            }

                .pricing-estimate ul li .form-control::placeholder {
                    font-size: 24px;
                    font-weight: bold;
                }

            .pricing-estimate ul li strong {
                font-weight: bold
            }

    .pricing-estimate .monthly-cost {
        display: flex;
        align-items: center;
        padding-bottom: 50px
    }

    .pricing-estimate .monthly-cost-volume {
        padding-bottom: 85px
    }

    .pricing-estimate .monthly-cost img {
        margin-left: -10px;
        margin-right: 5px
    }

    .pricing-estimate .monthly-cost h3 {
        font-weight: 400;
        font-size: 33px;
        margin-bottom: 0;
    }

        .pricing-estimate .monthly-cost h3:first-child {
            display: inline-block;
            width: 260px;
        }

@media (max-width: 576px) {
    .pricing-estimate .monthly-cost {
        text-align: center;
        display: block;
    }

        .pricing-estimate .monthly-cost img {
            display: none;
        }

        .pricing-estimate .monthly-cost h3 strong {
            padding-left: 0px !important;
        }

        .pricing-estimate .monthly-cost h3:last-child {
            padding-bottom: 25px;
        }
}

.pricing-estimate .monthly-cost h3 strong {
    font-weight: bold;
    padding-left: 33px;
}
.pricing-notice {
    margin-bottom: 152px;
    font-size: 24px;
    line-height: 37px;
}
.display-none {
    display: none;
}

.pricing-contract {
    background: url("/img/pricing/bg-pricing-contract.svg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 350px
}

    .pricing-contract .content-heading {
        margin-bottom: 143px
    }

    .pricing-contract.pricing-contract-dark {
        background: url("/img/pricing/bg-pricing-contract-dark.png");
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: cover;
        padding-top: 150px;
        padding-bottom: 350px;
        color: #fff;
        padding-top: 270px;
    }

        .pricing-contract.pricing-contract-dark .card-body p {
            color: #cfe7ff
        }

            .pricing-contract.pricing-contract-dark .card-body p a {
                color: #cfe7ff
            }

.pricing-performa {
    margin-top: -300px;
    padding-bottom: 200px
}

.pricing-performa-main {
    border-radius: 20px;
    box-shadow: 0 20px 100px 0 rgba(83, 94, 136, 0.11);
    background: #fff;
    padding: 120px 100px
}

.pricing-performa-heading {
    text-align: center;
    margin-bottom: 100px
}

    .pricing-performa-heading h3 {
        font-weight: bold;
        font-size: 45px;
        margin-bottom: 40px
    }

    .pricing-performa-heading p {
        font-size: 24px;
        line-height: 37px
    }

.pricing-performa-content h4 {
    font-size: 30px;
    font-weight: bold;
    line-height: 37px;
    margin-bottom: 3px
}

.pricing-performa-content p {
    margin-bottom: 40px
}

.pricing-performa-content ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0
}

    .pricing-performa-content ul li {
        margin-bottom: 35px
    }

        .pricing-performa-content ul li .progress-label {
            display: flex;
            justify-content: space-between;
            margin-bottom: 11px
        }

            .pricing-performa-content ul li .progress-label span {
                font-size: 20px
            }

                .pricing-performa-content ul li .progress-label span strong {
                    font-weight: bold
                }

        .pricing-performa-content ul li .progress {
            border-radius: 50px;
            height: 10px
        }

        .pricing-performa-content ul li .progress-bar {
            background: linear-gradient(89deg, #FF7854, #ffaf48)
        }

.pricing-custom-plan {
    background-image: linear-gradient(to top, #e1f2ff, #fff);
    padding-top: 60px;
    padding-bottom: 200px;
}
#custom-plan-header {
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 18px;
    margin-top: 9px;
    font-size: 36px;
    text-align: center;
}

.pricing-trust {
    padding-top: 150px;
    padding-bottom: 150px
}

    .pricing-trust .content-main {
        text-align: center;
        margin-bottom: 90px
    }

    .pricing-trust .badge-information {
        background: #fff;
        border-radius: 50px;
        padding: 10px 27px;
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 20px
    }

    .pricing-trust .pricing-rating {
        display: flex
    }

        .pricing-trust .pricing-rating .card {
            width: 25%;
            margin-left: 20px;
            margin-right: 20px;
            text-align: left;
            background: transparent;
            border: none
        }

            .pricing-trust .pricing-rating .card:first-child {
                margin-left: 0
            }

            .pricing-trust .pricing-rating .card:last-child {
                margin-right: 0
            }

        .pricing-trust .pricing-rating .card-rating {
            font-weight: 500;
            font-size: 22px;
            line-height: 30px
        }

            .pricing-trust .pricing-rating .card-rating .rating {
                display: flex;
                align-items: center
            }

            .pricing-trust .pricing-rating .card-rating img {
                margin-right: 14px;
                margin-top: -3px;
                margin-bottom: 2px;
            }

        .pricing-trust .pricing-rating .card .hr {
            border-top: 1px solid #414f7b;
            margin-top: 18px;
            margin-bottom: 18px
        }

        .pricing-trust .pricing-rating .card .brand img {
            height: 40px
        }

@media (max-width: 575.98px) {
    .pricing-tier {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .pricing-tier .card {
            margin-bottom: 30px
        }

        .pricing-tier .card-heading-description-2 .list-circle li::before {
            display: none;
        }

        .pricing-tier .card-heading-description-2 .list-circle, .pricing-tier .card-heading-description-2 h4 {
            padding-left: 0px;
        }

        .pricing-tier .card-heading {
            height: auto;
            display: flex;
            flex-direction: column;
            padding: 30px;
            text-align: center
        }

        .pricing-tier .card-heading-img {
            width: 100%;
            align-items: center;
            margin-bottom: 30px
        }

        .pricing-tier .card-heading-description {
            width: 100%
        }

        .pricing-tier .card-body {
            padding: 30px
        }

            .pricing-tier .card-body .btn {
                padding-left: 0;
                padding-right: 0;
                width: 100%
            }

                .pricing-tier .card-body .btn::after {
                    content: none
                }

    .pricing-estimate {
        padding-top: 50px
    }

        .pricing-estimate .container {
            padding-bottom: 50px;
            background-size: 50%;
            background: none
        }

            .pricing-estimate .container ul li {
                width: 100% !important
            }

    .pricing-contract {
        padding-top: 50px;
        padding-bottom: 250px
    }

    .pricing-performa {
        padding-bottom: 50px
    }

    .pricing-performa-main {
        padding: 40px
    }

    .pricing-performa-heading {
        margin-bottom: 50px
    }

        .pricing-performa-heading h3 {
            font-size: 32px;
            margin-bottom: 20px
        }

        .pricing-performa-heading p {
            font-size: 18px;
            line-height: 28px
        }

    .pricing-trust .pricing-rating {
        flex-wrap: wrap;
        justify-content: space-between
    }

        .pricing-trust .pricing-rating .card {
            width: 100% !important;
            margin-bottom: 50px;
            margin-left: 0;
            margin-right: 0;
            text-align: center
        }

        .pricing-trust .pricing-rating .card-rating .rating {
            justify-content: center
        }

        .pricing-trust .pricing-rating .card .brand img {
            margin-right: 0
        }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .pricing-trust .pricing-rating {
        flex-wrap: wrap;
        justify-content: space-between
    }

        .pricing-trust .pricing-rating .card {
            width: 100% !important;
            margin-bottom: 50px;
            margin-left: 0;
            margin-right: 0;
            text-align: center
        }

        .pricing-trust .pricing-rating .card-rating .rating {
            justify-content: center
        }

        .pricing-trust .pricing-rating .card .brand img {
            margin-right: 0
        }

    .pricing-tier {
        padding-top: 50px;
        padding-bottom: 50px
    }

        .pricing-tier .card {
            margin-bottom: 30px
        }

        .pricing-tier .card-heading {
            height: auto;
            display: flex;
            flex-direction: column;
            padding: 30px;
            text-align: center
        }

        .pricing-tier .card-heading-img {
            width: 100%;
            align-items: center;
            margin-bottom: 30px
        }

        .pricing-tier .card-heading-img-2 {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 20px
        }

        .pricing-tier .card-heading-description {
            width: 100%
        }

        .pricing-tier .card-heading-description-2 .list-circle {
            text-align: left
        }

        .pricing-tier .card-body {
            padding: 30px
        }

            .pricing-tier .card-body p {
                line-height: normal
            }

            .pricing-tier .card-body .btn {
                padding-left: 0;
                padding-right: 0;
                width: 100%
            }

                .pricing-tier .card-body .btn::after {
                    content: none
                }

    .pricing-estimate {
        padding-top: 50px
    }

        .pricing-estimate .container {
            padding-bottom: 50px;
            background-size: 50%;
            background: none
        }

            .pricing-estimate .container ul li {
                width: 100% !important
            }

    .pricing-contract {
        padding-top: 50px;
        padding-bottom: 250px
    }

    .pricing-performa {
        padding-bottom: 50px
    }

    .pricing-performa-main {
        padding: 40px
    }

    .pricing-performa-heading {
        margin-bottom: 50px
    }

        .pricing-performa-heading h3 {
            font-size: 32px;
            margin-bottom: 20px
        }

        .pricing-performa-heading p {
            font-size: 18px;
            line-height: 28px
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .pricing-tier {
        padding-bottom: 100px
    }

        .pricing-tier .card {
            margin-bottom: 35px
        }

        .pricing-tier .card-heading {
            padding: 30px;
            display: flex;
            flex-direction: column;
            height: auto;
            text-align: center
        }

        .pricing-tier .card-heading-img {
            width: 100%;
            align-items: center;
            margin-bottom: 20px;
            height: 150px
        }

        .pricing-tier .card-heading-img-2-2 {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 20px
        }

        .pricing-tier .card-heading-description {
            width: 100%;
            text-align: left
        }

        .pricing-tier .card-heading-description-2 {
            text-align: left
        }

            .pricing-tier .card-heading-description-2 .list-circle {
                text-align: left
            }

        .pricing-tier .card-body {
            padding: 30px
        }

            .pricing-tier .card-body p {
                line-height: normal
            }

            .pricing-tier .card-body .list-circle {
                margin-bottom: 20px
            }

                .pricing-tier .card-body .list-circle li {
                    margin-bottom: 20px
                }

            .pricing-tier .card-body .btn {
                padding-left: 0;
                padding-right: 0;
                width: 100%
            }

                .pricing-tier .card-body .btn::after {
                    content: none
                }

    .pricing-estimate .container {
        background: none
    }

    .pricing-contract {
        background-image: none;
        background-color: #edf6ff
    }

    .pricing-performa-main {
        padding: 40px
    }

    .pricing-trust .pricing-rating {
        flex-wrap: wrap;
        justify-content: space-between
    }

        .pricing-trust .pricing-rating .card {
            width: 45% !important;
            margin-bottom: 50px;
            margin-left: 0;
            margin-right: 0
        }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .pricing-tier {
        padding-bottom: 100px
    }

        .pricing-tier .card-heading {
            padding: 30px;
            display: flex;
            flex-direction: column;
            height: auto;
            text-align: center
        }

        .pricing-tier .card-heading-img {
            width: 100%;
            align-items: center;
            margin-bottom: 20px;
            height: 150px
        }

        .pricing-tier .card-heading-description {
            width: 100%
        }

        .pricing-tier .card-body {
            padding: 30px
        }

            .pricing-tier .card-body .list-circle {
                margin-bottom: 20px
            }

                .pricing-tier .card-body .list-circle li {
                    margin-bottom: 20px
                }

                    .pricing-tier .card-body .list-circle li h4 {
                        font-size: 26px
                    }

            .pricing-tier .card-body .btn {
                padding-left: 0;
                padding-right: 0;
                width: 100%
            }

                .pricing-tier .card-body .btn::after {
                    content: none
                }

    .pricing-contract {
        background-image: none;
        background-color: #edf6ff
    }
}

.header-australia {
    background-image: url("/img/australia/bg-header-australia.jpg");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    height: 1000px;
    z-index: 2;
    position: relative
}

    .header-australia .hero h3 {
        color: #fff;
        font-weight: bold;
        font-size: 45px;
        margin-bottom: 30px
    }

    .header-australia .hero p {
        font-size: 24px;
        line-height: 37px
    }

.australia-features .australia-button-trial {
    text-align: center
}

    .australia-features .australia-button-trial .col-lg-10 h3 {
        font-weight: bold;
        font-size: 45px;
        margin-bottom: 40px
    }

    .australia-features .australia-button-trial .col-lg-10 .btn {
        margin-bottom: 24px
    }

    .australia-features .australia-button-trial .col-lg-10 p {
        font-weight: 500;
        margin-bottom: 0
    }

.australia-with {
    background-color: #d0e9ff;
    padding-top: 200px;
    background-image: url("/img/general/il-bg-blue-flower.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-bottom: 400px
}

.australia-content-main {
    margin-top: -350px;
    margin-bottom: -200px;
    position: relative
}

    .australia-content-main .card {
        border-radius: 10px;
        box-shadow: 0 20px 100px 0 rgba(97, 83, 136, 0.15);
        border: none;
        text-align: center;
        padding: 60px 70px
    }

        .australia-content-main .card h3 {
            font-weight: bold;
            font-size: 30px;
            margin-bottom: 16px
        }

        .australia-content-main .card .images {
            height: 300px;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .australia-content-main .card .images img {
                margin-bottom: 50px
            }

        .australia-content-main .card p {
            margin-bottom: 0
        }

.australia-trial {
    margin-top: 350px
}

.australia-control-panel {
    background-color: #d0e9ff;
    padding-top: 150px;
    background-image: url("/img/general/il-bg-blue-flower.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding-bottom: 150px
}

    .australia-control-panel .card-list-transparent .card-img img {
        width: 100%;
        border-radius: 8px;
        box-shadow: rgba(109, 167, 218, 0.15) 0 0 20px;
    }

    .australia-control-panel .card-list-transparent .card-body {
        text-align: left;
        padding: 0
    }

.australia-reason {
    padding-top: 200px;
    padding-bottom: 150px;
    background-image: url("/img/general/il-bg-white-flower.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover
}

@media (max-width: 575.98px) {
    .header-australia {
        height: 720px !important;
        background-image: url("/img/australia/bg-header-australia-mobile.svg");
        background-repeat: no-repeat;
        background-position: bottom center;
        background-color: #022342;
        background-size: 100%
    }

    .australia-features .australia-button-trial .btn {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .australia-with {
        padding-top: 50px;
        background-image: none
    }

        .australia-with .content-heading {
            margin-bottom: 50px
        }

    .australia-content-main .card {
        padding: 40px 30px;
        margin-bottom: 30px !important
    }

        .australia-content-main .card:last-child {
            margin-bottom: 0
        }

    .australia-content-main .card-body {
        padding: 0
    }

    .australia-control-panel {
        padding-top: 50px;
        padding-bottom: 50px;
        background-size: 50%;
        background-image: none
    }

    .australia-reason .bg {
        padding-top: 50px;
        padding-bottom: 50px;
        background-size: 50%;
        background-image: none
    }

    .australia-trial {
        margin-top: 300px
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .header-australia {
        height: 1100px
    }

    .australia-features .australia-button-trial .btn {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .australia-with {
        padding-top: 50px;
        background-image: none
    }

        .australia-with .content-heading {
            margin-bottom: 50px
        }

    .australia-content-main .card {
        padding: 40px 30px;
        margin-bottom: 30px !important
    }

        .australia-content-main .card:last-child {
            margin-bottom: 0
        }

    .australia-content-main .card-body {
        padding: 0
    }

    .australia-control-panel {
        padding-top: 50px;
        padding-bottom: 50px;
        background-size: 50%;
        background-image: none
    }

    .australia-reason .bg {
        padding-top: 50px;
        padding-bottom: 50px;
        background-size: 50%;
        background-image: none
    }

    .australia-trial {
        margin-top: 300px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .australia-control-panel {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .australia-with {
        padding-top: 100px
    }

        .australia-with .content-heading {
            margin-bottom: 50px
        }

    .australia-content-main .card {
        padding: 30px
    }

    .australia-content-main .card-heading {
        height: 100px
    }

    .australia-content-main .card-body {
        padding: 0
    }

        .australia-content-main .card-body .images {
            margin-bottom: 30px;
            height: 200px
        }

            .australia-content-main .card-body .images img {
                width: 70%;
                margin-bottom: 0
            }

    .australia-trial {
        margin-top: 350px
    }
}

@media (min-width: 1920px) {
    .australia .header-australia {
        height: 1150px
    }
}

.network-worldwide {
    padding-bottom: 50px;
}

.network-worldwide-il {
    margin-bottom: 40px
}

    .network-worldwide-il img {
        width: 100%
    }

.network-worldwide-data {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 20px 100px 0 rgba(97, 83, 136, 0.15);
    margin-bottom: 80px
}

    .network-worldwide-data ul {
        list-style: none;
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 46px 60px 38px
    }

        .network-worldwide-data ul li p {
            margin-bottom: 8px;
            font-size: 24px
        }

            .network-worldwide-data ul li p strong {
                font-size: 30px;
                font-weight: bold;
                line-height: 30px
            }

.network-worldwide-present {
    text-align: center;
    margin-bottom: 56px
}

    .network-worldwide-present h4 {
        font-size: 35px
    }

.network-worldwide-present-list {
    list-style: none;
    margin-left: 0;
    margin-bottom: 57px
}

    .network-worldwide-present-list .title {
        margin-left: -35px;
        margin-bottom: 30px
    }

        .network-worldwide-present-list .title h4 {
            color: #414f7b;
            font-weight: bold;
            font-size: 21px;
            line-height: 30px;
            display: flex;
            flex-direction: row;
            align-items: center
        }

            .network-worldwide-present-list .title h4 .circle-orange {
                width: 10px;
                height: 10px;
                background-image: linear-gradient(85deg, #ff2a64, #ffaf48);
                border-radius: 50px;
                margin-right: 25px
            }

            .network-worldwide-present-list .title h4 .circle-blue {
                width: 10px;
                height: 10px;
                background-image: linear-gradient(85deg, #2a53ff, #528dff);
                border-radius: 50px;
                margin-right: 25px
            }

            .network-worldwide-present-list .title h4 .circle-purple {
                width: 10px;
                height: 10px;
                background-image: linear-gradient(85deg, #a92aff, #cd5cf9);
                border-radius: 50px;
                margin-right: 25px
            }

            .network-worldwide-present-list .title h4 .circle-red {
                width: 10px;
                height: 10px;
                background-image: linear-gradient(85deg, #ff6475, #ff3f3f);
                border-radius: 50px;
                margin-right: 25px
            }

            .network-worldwide-present-list .title h4 .circle-green {
                width: 10px;
                height: 10px;
                background-image: linear-gradient(85deg, #2aff84, #30b384);
                border-radius: 50px;
                margin-right: 25px
            }
            .network-worldwide-present-list .title h4 .circle-gray {
                width: 10px;
                height: 10px;
                background-image: linear-gradient( 85deg, #a4b7c7, #6e8590);
                border-radius: 50px;
                margin-right: 25px
            }

.network-data-center {
    background-image: url("/img/general/bg-rounded-blue.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding-top: 80px;
    padding-bottom: 250px;
    position: relative;
    z-index: 2
}

    .network-data-center .bg {
        background-image: url("/img/network/img-all-data.png");
        background-position: top right;
        background-repeat: no-repeat;
        padding-top: 80px
    }

.network-data-center-main h4 {
    font-weight: bold;
    font-size: 35px;
    margin-bottom: 44px
}

.network-data-center-main .tips {
    display: flex;
    flex-direction: row;
    align-items: center
}

    .network-data-center-main .tips img {
        margin-right: 25px
    }

    .network-data-center-main .tips p {
        margin-bottom: 0
    }

.network-server-img {
    padding-bottom: 200px;
    background: #fff;
    margin-top: -200px
}

    .network-server-img .container {
        z-index: 3;
        position: relative
    }

    .network-server-img .images {
        height: 335px;
        margin-bottom: 50px
    }

        .network-server-img .images img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 8px
        }

.network-build {
    padding-top: 150px;
    padding-bottom: 40px;
    background-color: #051f37;
    background-image: url("/img/general/il-bg-black-flower.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover
}

    .network-build .content-heading {
        color: #fff
    }

    .network-build .card-body h4 {
        color: #fff
    }

    .network-build .card-body p {
        text-shadow: #051f37 0 0 7px;
        color: #cfe7ff;
    }

.network-rrs {
    padding-top: 50px;
    padding-bottom: 200px;
    background-image: linear-gradient(to bottom, #e1f2ff, #fff)
}

    .network-rrs .network-rrs-main .images {
        width: 100%;
        padding-right: 20px
    }

        .network-rrs .network-rrs-main .images img {
            width: 100%
        }

    .network-rrs .network-rrs-main .card {
        border: none;
        background: transparent;
        border-radius: 0;
        display: flex;
        flex-direction: row;
        margin-bottom: 40px
    }

        .network-rrs .network-rrs-main .card:last-child {
            margin-bottom: 0
        }

    .network-rrs .network-rrs-main .card-img {
        width: 25%
    }

        .network-rrs .network-rrs-main .card-img img {
            background: #FFFFFF;
            box-shadow: 0 10px 30px 0 #BDE1FF;
            border-radius: 50px
        }

    .network-rrs .network-rrs-main .card-body {
        padding: 0;
        width: 75%
    }

        .network-rrs .network-rrs-main .card-body h4 {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 12px
        }

    .network-rrs .network-rrs-main .btn-find-out {
        background: #d2ddff;
        border: 1px solid #d2ddff;
        padding: 10px 22px;
        border-radius: 6px;
        font-weight: 500;
        color: #414f7b;
        margin-left: 110px
    }

    .network-rrs .network-rrs-main .network-rrs-bottom {
        margin-top: 100px;
        margin-bottom: 200px
    }

    .network-rrs .network-transit-provider .content-main .card {
        background: transparent;
        border: none;
        border-bottom: 1px solid #bfc4d3;
        border-radius: 0;
    }

        .network-rrs .network-transit-provider .content-main .card:last-child {
            margin-bottom: 0
        }

    .network-rrs .network-transit-provider .content-main .card-heading {
        margin-bottom: 35px
    }

        .network-rrs .network-transit-provider .content-main .card-heading h3 {
            font-weight: bold;
            font-size: 20px
        }

    .network-rrs .network-transit-provider .content-main .card-body {
        padding: 0
    }

        .network-rrs .network-transit-provider .content-main .card-body ul {
            list-style: none;
            padding-left: 0;
            margin-left: 0;
            margin-bottom: 34px;
            width: 100%;
            margin-top: -24px;
            justify-content: space-between
        }

            .network-rrs .network-transit-provider .content-main .card-body ul li {
                display: inline-block;
                padding-top: 34px;
            }

                .network-rrs .network-transit-provider .content-main .card-body ul li p {
                    margin-top: -18px;
                    margin-bottom: 8px;
                }

                .network-rrs .network-transit-provider .content-main .card-body ul li img {
                    height: 25px;
                    opacity: 0.65;
                    margin-right: 40px;
                }


@media (max-width: 575.98px) {
    .network-worldwide-data ul,
    .support-data ul {
        flex-wrap: wrap
    }

        .network-worldwide-data ul li,
        .support-data ul li {
            width: 100%;
            text-align: center;
            margin-bottom: 30px
        }

    .network-data-center {
        margin-left: 0;
        margin-right: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

        .network-data-center .bg {
            background: none
        }

    .network-rrs-main {
        text-align: center
    }

        .network-rrs-main .images {
            margin-bottom: 50px
        }

        .network-rrs-main .card {
            display: flex;
            flex-direction: column !important;
            text-align: center
        }

        .network-rrs-main .card-img {
            width: 100% !important;
            margin-bottom: 30px
        }

        .network-rrs-main .card-body {
            width: 100% !important
        }

        .network-rrs-main .btn-find-out {
            margin-left: 0 !important;
            margin: 0 auto
        }

    .network-transit-provider .content-main .card-body ul li {
        margin-bottom: 25px
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .network-worldwide-data ul,
    .support-data ul {
        flex-wrap: wrap
    }

        .network-worldwide-data ul li,
        .support-data ul li {
            width: 50%;
            text-align: center;
            margin-bottom: 30px
        }

    .network-data-center {
        margin-left: 0;
        margin-right: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

        .network-data-center .bg {
            background-size: 55%
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .network-worldwide-data ul,
    .support-data ul {
        flex-wrap: wrap
    }

        .network-worldwide-data ul li,
        .support-data ul li {
            width: 50%;
            text-align: center;
            margin-bottom: 30px
        }

    .network-data-center {
        margin-left: 0;
        margin-right: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

        .network-data-center .bg {
            background-size: 55%
        }

    .network-rrs-main .images {
        margin-bottom: 50px
    }

    .network-rrs-main .card-img {
        width: 20% !important
    }

    .network-rrs-main .card-body {
        width: 80% !important
    }

    .network-rrs-main .btn-find-out {
        margin-left: 0 !important
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .network-data-center {
        margin-left: 0;
        margin-right: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

        .network-data-center .bg {
            background-size: 50%
        }
}

@media (min-width: 1920px) {
    .network-data-center .bg {
        background-size: 40%;
        padding-bottom: 446px
    }
}

.status-notifications {
    background: #fff;
    padding-top: 36px;
    padding-bottom: 36px
}

.status-notifications-main {
    display: flex;
    align-items: center
}

    .status-notifications-main .alert-title {
        display: flex;
        align-items: center;
        margin-right: 22px
    }

        .status-notifications-main .alert-title img {
            margin-right: 20px
        }

        .status-notifications-main .alert-title span {
            font-weight: bold
        }

    .status-notifications-main .alert-content span {
        margin-right: 20px
    }

.status-list {
    padding-top: 80px;
    padding-bottom: 200px;
    background-image: linear-gradient(to bottom, #e1f2ff, #fff)
}

    .status-list .card {
        border-radius: 6px;
        box-shadow: 0 10px 40px 0 rgba(97, 83, 136, 0.15);
        border: none;
        margin-bottom: 22px
    }

    .status-list .card-body {
        padding: 26px 30px
    }

        .status-list .card-body h4 {
            font-weight: 500;
            font-size: 16px;
            margin-bottom: 6px
        }

    .status-list .card.status-list-operational .status {
        display: flex;
        align-items: center
    }

        .status-list .card.status-list-operational .status .circle {
            width: 8px;
            height: 8px;
            background-color: #30e5a5;
            margin-right: 10px;
            border-radius: 50px
        }

    .status-list .card.status-list-routed .status {
        display: flex;
        align-items: center
    }

        .status-list .card.status-list-routed .status .circle {
            width: 8px;
            height: 8px;
            background-color: #ff8e13;
            margin-right: 10px;
            border-radius: 50px
        }

.status-past-incident {
    padding-bottom: 200px
}

    .status-past-incident .content-heading {
        margin-bottom: 65px
    }

        .status-past-incident .content-heading h3 {
            font-size: 30px;
            line-height: 42px;
            text-align: left
        }

    .status-past-incident .status-main-content .accordion {
        margin-bottom: 100px
    }

        .status-past-incident .status-main-content .accordion .card-header .btn .title-left {
            width: 25%;
            text-align: left
        }

        .status-past-incident .status-main-content .accordion .card-header .btn .title-middle {
            width: 70%;
            text-align: left;
            font-weight: normal
        }

        .status-past-incident .status-main-content .accordion .card-header .btn .title-right {
            width: 5%;
            text-align: right
        }

        .status-past-incident .status-main-content .accordion .card-body {
            padding-left: 25%;
            padding-top: 0
        }

            .status-past-incident .status-main-content .accordion .card-body ul {
                margin-bottom: 40px
            }

                .status-past-incident .status-main-content .accordion .card-body ul li {
                    margin-bottom: 15px
                }

                    .status-past-incident .status-main-content .accordion .card-body ul li .title {
                        display: flex;
                        align-items: center
                    }

                        .status-past-incident .status-main-content .accordion .card-body ul li .title span {
                            margin-right: 15px
                        }

                            .status-past-incident .status-main-content .accordion .card-body ul li .title span img {
                                margin-right: 5px
                            }

            .status-past-incident .status-main-content .accordion .card-body h4 {
                font-size: 20px;
                margin-bottom: 20px
            }

    .status-past-incident .status-main-content .btn-link {
        font-size: 20px;
        color: #414f7b;
        font-weight: normal;
    }

@media (max-width: 575.98px) {
    .status-notifications-main {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

        .status-notifications-main .alert-title {
            margin-bottom: 20px
        }

    .status-list {
        padding-bottom: 50px
    }

    .status-past-incident {
        padding-bottom: 50px
    }

        .status-past-incident .content-heading {
            margin-bottom: 20px
        }

        .status-past-incident .status-main-content .card-header .btn span {
            font-size: 16px;
            line-height: 22px
        }

        .status-past-incident .status-main-content .card-header .btn .title-right {
            width: 10% !important
        }

        .status-past-incident .status-main-content .card-body {
            padding-left: 0 !important
        }

        .status-past-incident .status-main-content .btn-link {
            padding-left: 0;
            padding-right: 0
        }
}

.about-stats {
    padding-top: 140px;
    padding-bottom: 0px;
}

.about-contact {
    margin-top: -240px;
    padding-bottom: 145px;
}

@media (max-width: 767.98px) {
    .about-contact {
        margin-top: -30px;
    }
}

.about-product {
    margin-top: -200px;
    padding-top: 200px;
    padding-bottom: 200px;
}

    .about-product .content-main .card {
        border-radius: 6px;
        box-shadow: 0 20px 100px 0 rgba(83, 94, 136, 0.11);
        border: none;
        display: flex;
        flex-direction: row;
        padding: 45px 50px;
        align-items: center
    }

    .about-product .content-main .card-img {
        width: 20%
    }

    .about-product .content-main .card-body {
        width: 80%;
        padding: 0
    }

        .about-product .content-main .card-body h4 {
            font-weight: bold;
            font-size: 20px;
            margin-bottom: 10px
        }

        .about-product .content-main .card-body p {
            margin-bottom: 0
        }

.about-hero {
    padding-bottom: 215px !important;
}

.about-team {
    padding-top: 200px;
    margin-bottom: 135px;
    margin-top: -380px;
}

    .about-team .content-heading h3 {
        color: #fff
    }

    .about-team .content-heading p {
        color: #fff
    }

    .about-team .content-main {
        position: relative;
        margin-top: -146px;
        bottom: -176px
    }

        .about-team .content-main .card {
            border-radius: 6px;
            box-shadow: 0 20px 100px 0 rgba(97, 83, 136, 0.15);
            border: none;
            margin-bottom: 30px
        }

        .about-team .content-main .card-img {
            width: 100%;
            height: 210px;
        }

            .about-team .content-main .card-img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-top-left-radius: 6px;
                border-top-right-radius: 6px
            }

        .about-team .content-main .card-body {
            padding: 27px
        }

            .about-team .content-main .card-body .meta {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                margin-bottom: 16px
            }

                .about-team .content-main .card-body .meta .name {
                    font-weight: bold;
                    text-transform: capitalize;
                    font-size: 20px;
                    line-height: normal;
                    margin-bottom: 8px
                }

                .about-team .content-main .card-body .meta .title {
                    font-size: 12px;
                    line-height: normal
                }

            .about-team .content-main .card-body .sosmed {
                list-style: none;
                padding-left: 0;
                margin-left: 0;
                margin-bottom: 0;
                display: flex;
                justify-content: center
            }

                .about-team .content-main .card-body .sosmed li {
                    margin-left: 7.5px;
                    margin-right: 7.5px
                }

.about-timeline {
    background-image: url("/img/about/il-bg-roadmap.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding-top: 200px
}

.timeline-main .timeline {
    position: relative;
    margin-top: -50px;
    padding-bottom: 200px;
    width: 1000px;
    margin: 0 auto;
    padding: 1em 0 200px;
    list-style-type: none
}

    .timeline-main .timeline::before {
        background-image: url("/img/about/line.svg");
        position: absolute;
        left: 50%;
        top: 0;
        content: ' ';
        display: block;
        width: 2px;
        height: 100%;
        margin-left: -3px;
        z-index: 5
    }

    .timeline-main .timeline li {
        padding: 0;
        margin-bottom: 0
    }

        .timeline-main .timeline li::after {
            content: "";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden
        }

    .timeline-main .timeline .direction-l {
        position: relative;
        width: 470px;
        float: left;
        text-align: right
    }

    .timeline-main .timeline .direction-r {
        position: relative;
        width: 470px;
        float: right
    }

    .timeline-main .timeline .flag-wrapper {
        position: relative;
        display: inline-block;
        text-align: center
    }

    .timeline-main .timeline .flag {
        position: relative;
        display: inline;
        padding: 6px 10px;
        font-weight: bold;
        font-size: 20px;
        text-align: left
    }

    .timeline-main .timeline .direction-l .flag:before,
    .timeline-main .timeline .direction-r .flag:before {
        position: absolute;
        top: 44%;
        right: -38px;
        content: url("/img/about/ic-circle-timeline.svg");
        display: block;
        background-repeat: no-repeat;
        margin-top: -10px;
        z-index: 10
    }

    .timeline-main .timeline .direction-r .flag:before {
        left: -41px
    }

    .timeline-main .timeline .direction-r .flag:after {
        color: #fa5050;
        vertical-align: middle
    }

    .timeline-main .timeline .desc {
        margin: 1em 0.75em 0 0;
        font-size: 0.87em;
        font-style: italic;
        line-height: 1.5em;
        box-shadow: 0 20px 100px 0 rgba(97, 83, 136, 0.15);
        border-radius: 6px
    }

    .timeline-main .timeline .direction-r .desc {
        margin: 1em 0 0 0.75em
    }

.icon-bg-red {
    background-image: url("/img/about/bg-red.svg");
    background-position: right;
    background-repeat: no-repeat;
    padding-left: 38px;
    padding-right: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px
}

    .icon-bg-red.left {
        transform: rotateY(180deg) rotateX(180deg)
    }

        .icon-bg-red.left img, .icon-bg-red.left .fa-icon {
            transform: rotateZ(180deg)
        }

.icon-bg-purple {
    background-image: url("/img/about/bg-purple.svg");
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 38px;
    padding-right: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px
}

    .icon-bg-purple.right {
        transform: rotateY(180deg) rotateX(180deg)
    }

        .icon-bg-purple.right img, .icon-bg-purple.right .fa-icon {
            transform: rotateZ(180deg)
        }

.icon-bg-green {
    background-image: url("/img/about/bg-green.svg");
    background-position: right;
    background-repeat: no-repeat;
    padding-left: 38px;
    padding-right: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px
}

.icon-bg-orange {
    background-image: url("/img/about/bg-orange.svg");
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 38px;
    padding-right: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px
}

    .icon-bg-orange.right {
        transform: rotateY(180deg) rotateX(180deg)
    }

        .icon-bg-orange.right img, .icon-bg-orange.right .fa-icon {
            transform: rotateZ(180deg)
        }

.icon-bg-blue {
    background-image: url("/img/about/bg-blue.svg");
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 38px;
    padding-right: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px
}

.timeline .desc-left {
    vertical-align: top;
    margin: 1em 0em 0 0;
    background: #fff;
    display: flex
}

    .timeline .desc-left .description {
        padding: 31px;
        display: flex;
        flex-direction: column
    }

        .timeline .desc-left .description span {
            font-size: 14px;
            margin-bottom: 9px;
            font-style: normal
        }

            .timeline .desc-left .description span strong {
                font-size: 16px
            }

.timeline .desc-right {
    vertical-align: top;
    background: #fff;
    display: flex
}

    .timeline .desc-right .description {
        padding: 31px;
        display: flex;
        flex-direction: column
    }

        .timeline .desc-right .description span {
            font-size: 14px;
            margin-bottom: 9px;
            font-style: normal
        }

            .timeline .desc-right .description span strong {
                font-size: 16px
            }

@media (max-width: 575.98px) {
    .about-timeline {
        padding-top: 100px
    }

    .timeline {
        width: 100% !important
    }

        .timeline .direction-l,
        .timeline .direction-r {
            width: 100% !important;
            float: none !important;
            z-index: 6
        }

            .timeline .direction-l .flag-wrapper,
            .timeline .direction-r .flag-wrapper {
                display: flex;
                justify-content: center;
                z-index: 6;
                margin-top: 30px
            }

            .timeline .direction-r .flag,
            .timeline .direction-l .flag {
                width: 100%;
                display: flex;
                justify-content: center
            }

                .timeline .direction-r .flag::before,
                .timeline .direction-l .flag::before {
                    position: absolute;
                    top: 50%;
                    right: 0 !important;
                    margin-top: -38px !important;
                    left: -1px !important;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    text-align: center
                }

    .about-product {
        padding-top: 250px;
        padding-bottom: 50px
    }

        .about-product .content-heading {
            margin-bottom: 40px
        }

        .about-product .content-main .card {
            display: flex;
            flex-direction: column !important;
            margin-bottom: 30px;
            padding: 45px !important
        }

        .about-product .content-main .card-img {
            margin-bottom: 30px
        }

        .about-product .content-main .card-body {
            text-align: center
        }

    .about-team {
        padding-top: 230px;
        padding-bottom: 50px;
        margin-bottom: 0
    }

        .about-team .content-main {
            margin-top: 0 !important;
            bottom: 0 !important
        }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .about-timeline {
        padding-top: 100px
    }

    .timeline {
        width: 100% !important
    }

        .timeline .direction-l,
        .timeline .direction-r {
            width: 100% !important;
            float: none !important;
            z-index: 6
        }

            .timeline .direction-l .flag-wrapper,
            .timeline .direction-r .flag-wrapper {
                display: flex;
                justify-content: center;
                z-index: 6;
                margin-top: 30px
            }

            .timeline .direction-r .flag,
            .timeline .direction-l .flag {
                width: 100%;
                display: flex;
                justify-content: center
            }

                .timeline .direction-r .flag::before,
                .timeline .direction-l .flag::before {
                    position: absolute;
                    top: 50%;
                    right: 0 !important;
                    margin-top: -38px !important;
                    left: -1px !important;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    text-align: center
                }

    .about-product {
        padding-top: 250px;
        padding-bottom: 50px
    }

        .about-product .content-heading {
            margin-bottom: 40px
        }

        .about-product .content-main .card {
            display: flex;
            flex-direction: column !important;
            margin-bottom: 30px;
            padding: 45px !important
        }

        .about-product .content-main .card-img {
            margin-bottom: 30px
        }

        .about-product .content-main .card-body {
            text-align: center
        }

    .about-team {
        padding-bottom: 50px;
        margin-bottom: 0
    }

        .about-team .content-main {
            margin-top: 0 !important;
            bottom: 0 !important
        }
}

@media (max-width: 991.98px) {
    .timeline-main .timeline::before {
        background-image: none;
    }

    .timeline-main .timeline .flag:before {
        opacity: 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .about-timeline {
        padding-top: 100px;
        background-image: linear-gradient(to top, #e1f2ff, #fff)
    }

    .timeline {
        width: 100% !important
    }

        .timeline .direction-l,
        .timeline .direction-r {
            width: 100% !important;
            float: none !important;
            z-index: 6
        }

            .timeline .direction-l .flag-wrapper,
            .timeline .direction-r .flag-wrapper {
                display: flex;
                justify-content: center;
                z-index: 6;
                margin-top: 30px
            }

            .timeline .direction-r .flag,
            .timeline .direction-l .flag {
                width: 100%;
                display: flex;
                justify-content: center
            }

                .timeline .direction-r .flag::before,
                .timeline .direction-l .flag::before {
                    position: absolute;
                    top: 50%;
                    right: 0 !important;
                    margin-top: -38px !important;
                    left: -2px !important;
                    display: flex;
                    justify-content: center;
                    text-align: center;
                    width: 100%
                }

    .about-product .card {
        display: flex;
        flex-direction: column !important;
        padding: 45px !important;
        min-height: 523px
    }

    .about-product .card-img {
        width: 100% !important;
        text-align: center;
        margin-bottom: 30px
    }

    .about-product .card-body {
        width: 100% !important;
        text-align: center
    }

    .about-team {
        margin-bottom: 0;
        padding-bottom: 100px
    }

        .about-team .content-main {
            margin-top: 0 !important;
            bottom: 0 !important
        }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .timeline {
        width: 100% !important
    }

        .timeline .direction-l,
        .timeline .direction-r {
            width: 435px !important
        }
}

@media (min-width: 2600px) {
    .about-product {
        margin-top: -400px;
        padding-top: 600px
    }
}


.field-validation-error {
    color: #ff3900;
    padding: 14px 0px;
    display: block;
    margin-top: -14px;
}

.validation-summary-errors {
    color: #ff3900;
    padding: 14px 0px;
    display: block;
    margin-top: -14px;
    text-align: left;
}


.versus-logos {
    padding-top: 100px;
    padding-bottom: 200px;
    background-image: linear-gradient(to bottom, #e1f2ff, #fff);
}

    .versus-logos .row {
        position: relative;
    }

        .versus-logos .row img {
            width: 50%;
        }

    .versus-logos .vs {
        position: absolute;
        top: 14px;
        left: 50%;
        background-image: linear-gradient(89deg, #FF7854, #ffaf48);
        width: 48px;
        height: 48px;
        color: white;
        border-radius: 100%;
        font-weight: 800;
        margin-left: -24px;
        text-align: center;
        line-height: 48px;
    }

.versus-header {
    padding-bottom: 310px;
}

.versus-comparison {
    margin-top: -300px;
    margin-bottom: 0px;
    margin-bottom: 20px;
}

.versus-comparison-main {
    border-radius: 7px;
    box-shadow: 0 20px 100px 0 rgba(83, 94, 136, 0.11);
    background: #fff;
    padding: 0px 60px;
    text-align: center;
    margin-left: -60px;
    margin-right: -60px;
}

.versus-bunny {
    margin-bottom: -31px;
    margin-top: -209px;
    width: 240px;
    margin-left: -160px;
}
@media (max-width: 860px) {
    .versus-bunny {
        display: none;
    }
}

    .versus-comparison-main h3 {
        font-weight: bold;
        font-size: 45px;
        margin-bottom: 67px;
    }

.versus-comparison-table {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
    .versus-comparison-table th {
        padding-bottom: 30px;
        padding-top: 65px;
    }
    .versus-comparison-table tr th:nth-child(2n) {
        background-color: #fdf3f1;
    }
    .versus-comparison-table td {
        padding-top: 30px;
        padding-bottom: 30px;
        border-top: solid #9fa5bd 1px;
    }
    .versus-comparison-table tr td:nth-child(2n) {
        background-color: #fdf3f1;
    }
    .versus-comparison-table th h4 {
        font-weight: 800;
    }
    .versus-comparison-table tr:last-child td {
        padding-bottom: 60px;
    }

    .versus-comparison-table .fa-check {
        color: #30b384;
        font-size: 28px;
    }

    .versus-comparison-table .fa-times {
        color: #fc9e00;
        font-size: 28px;
    }

.versus-learn-more {
    margin-top: -25px;
}

@media (max-width: 575.98px) {
    .versus-comparison-main {
        padding-left: 24px;
        padding-right: 0px;
        margin-left: -24px;
        margin-right: -12px;
    }

    .versus-learn-more {
        margin-right: 12px;
    }

    .versus-logos .vs {
        position: relative;
        margin-bottom: 25px;
        margin-top: 25px;
        top: auto;
        left: auto;
        margin-left: auto;
        margin-right: auto;
    }
}

.versus-disclaimer {
    margin-bottom: 100px;
}

.video-show-network-details .btn {
    margin-top: 75px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
}

.input-validation-error {
    border: solid 1px #ff3900;
}

.validation-summary-errors ul {
    width: 100%;
    text-align: center;
    padding-left: 0;
}

    .validation-summary-errors ul li {
        list-style: none;
    }

label.error {
    color: #ff3900;
}

figure.kg-card.kg-image-card img {
    max-width: 100%;
}

.status-list hr {
    margin-bottom: 40px;
    margin-top: 40px;
}

.status-list h2:not(:first-child) {
    margin-top: 50px;
}


pre {
    padding: 20px;
    background-color: #eaf6ff;
    border-radius: 8px;
    border-left: solid 5px #c7e7ff;
}

.network-volume-tag {
    background-color: #a4b7c7;
    color: white;
    font-size: 11px;
    margin-left: 3px;
    padding: 5px 7px;
    border-radius: 4px;
    font-weight: 500;
}

.red {
    color: #ff7755;
}

.navbar-clean {
    background-image: radial-gradient(circle at 24% 12%, #002649, #051f37) !important;
}

.blog-single-main p, .blog-main p {
    font-size: 19px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 1.6rem;
    font-family: Inter,sans-serif !important;
}

@keyframes breathing {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0.05
    }

    35% {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.2;
    }

    70% {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .3;
    }

    100% {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

.world-map {
    position: relative;
    width: 100%;
    margin-left: -2.5%;
}

    .world-map img {
        width: 100%;
        opacity: 0.5;
    }

    .world-map ul li {
        list-style: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 12px;
        height: 12px;
        display: block;
    }

        .world-map ul li:after {
            content: "";
            position: absolute;
            top: 1px;
            left: 1px;
            background-color: #ff8f4f;
            width: 11px;
            height: 11px;
            border-radius: 100%;
            display: block;
        }

        .world-map ul li:before {
            content: "";
            position: absolute;
            width: 25px;
            height: 25px;
            top: -50%;
            left: -50%;
            border-radius: 100%;
            background: #ff8f4f;
            background: radial-gradient(circle, rgba(255,143,79,0.14889705882352944) 0%, rgba(255,143,79,1) 100%);
            -webkit-animation: breathing 2s linear infinite;
            animation: breathing 2s linear infinite
        }
        .volume-pop::after {
            border: solid #ffffff61 4px;
            width: 16px !important;
            height: 16px !important;
            top: -1px !important;
            left: -1px !important;
        }

        .world-map ul li.na-pop:after {
            background-color: #4980ff;
        }

        .world-map ul li.na-pop:before {
            background: rgb(73,128,255);
            background: radial-gradient(circle, rgba(73,128,255,1) 0%, rgba(73,128,255,1) 100%);
        }

        .world-map ul li.sa-pop:after {
            background-color: #2fc584;
        }

        .world-map ul li.sa-pop:before {
            background: rgb(47,197,132);
            background: radial-gradient(circle, rgba(47,197,132,1) 0%, rgba(47,197,132,1) 100%);
        }

        .world-map ul li.as-pop:after {
            background-color: #c44ffa;
        }

        .world-map ul li.as-pop:before {
            background: rgb(196,79,250);
            background: radial-gradient(circle, rgba(196,79,250,1) 0%, rgba(196,79,250,1) 100%);
        }

        .world-map ul li.af-pop:after {
            background-color: #ff4243;
        }

        .world-map ul li.af-pop:before {
            background: rgb(255,66,67);
            background: radial-gradient(circle, rgba(255,66,67,1) 0%, rgba(255,66,67,1) 100%);
        }

        .world-map ul li.pl-pop:after {
            background-color: #6e8590;
        }

        .world-map ul li.pl-pop:before {
            -webkit-animation: none !important;
            animation: none !important;
            background: none !important;
        }


        .world-map ul li.pop-na-va {
            left: 7.7%;
            top: 20%;
        }

        .world-map ul li.pop-na-mn {
            left: 26.7%;
            top: 22.2%;
        }

        .world-map ul li.pop-as-tw {
            left: 86%;
            top: 39%;
        }
        .world-map ul li.pop-as-pk {
            left: 68%;
            top: 43%;
        }
        .world-map ul li.pop-as-nd {
            left: 70.7%;
            top: 41%;
        }
        .world-map ul li.pop-as-az {
            top: 32%;
            left: 64%;
        }
        .world-map ul li.pop-as-ge {
            top: 30.5%;
            left: 62.3%;
        }
        .world-map ul li.pop-as-cy {
            top: 38%;
            left: 57%;
        }
        .world-map ul li.pop-eu-zu {
            left: 49.6%;
            top: 26.2%;
        }

        .world-map ul li.pop-eu-se {
            left: 52%;
            top: 13.5%;
        }

        .world-map ul li.pop-eu-at {
            top: 25.4%;
            left: 51.3%;
        }

        .world-map ul li.pop-eu-sk {
            top: 26%;
            left: 52.3%;
        }

        .world-map ul li.pop-eu-ky {
            left: 75%;
            top: 18%;
        }

        .world-map ul li.pop-eu-gr {
            left: 54.7%;
            top: 34%;
        }
        .world-map ul li.pop-eu-bg {
            left: 54.4%;
            top: 31%;
        }

        .world-map ul li.pop-na-la {
            left: 9%;
            top: 34%;
        }
        .world-map ul li.pop-na-ph {
            left: 11.4%;
            top: 35%;
        }
        .world-map ul li.pop-na-kc {
            left: 17.7%;
            top: 29%;
        }
        .world-map ul li.pop-na-pb {
            left: 23%;
            top: 28.3%;
        }
        .world-map ul li.pop-na-hi {
            left: -2%;
            top: 41.3%;
        }

        .world-map ul li.pop-na-ny {
            left: 25.9%;
            top: 28%;
        }

        .world-map ul li.pop-na-mi {
            left: 21.5%;
            top: 36%;
        }

        .world-map ul li.pop-na-tx {
            left: 17%;
            top: 33%;
        }

        .world-map ul li.pop-na-wa {
            left: 8%;
            top: 22%;
        }
        .world-map ul li.pop-na-pho {
            left: 11.4%;
            top: 35.5%;
        }
        .world-map ul li.pop-na-hou {
            left: 17.6%;
            top: 37%;
        }

        .world-map ul li.pop-na-sil {
            left: 8%;
            top: 30%;
        }

        .world-map ul li.pop-na-il {
            left: 19.5%;
            top: 27%;
        }

        .world-map ul li.pop-na-den {
            left: 13.5%;
            top: 29%;
        }
        .world-map ul li.pop-na-og {
            left: 11.5%;
            top: 27.5%;
        }
        .world-map ul li.pop-na-bst {
            left: 27.2%;
            top: 26%;
        }
        .world-map ul li.pop-na-ash {
            left: 24.5%;
            top: 29.5%;
        }

        .world-map ul li.pop-na-ga {
            left: 21%;
            top: 32%;
        }

        .world-map ul li.pop-na-to {
            left: 21.5%;
            top: 26%;
        }

        .world-map ul li.pop-sa-cl {
            left: 21.5%;
            top: 79%;
        }
        .world-map ul li.pop-sa-ba {
            left: 26%;
            top: 81%;
        }
        .world-map ul li.pop-sa-cr {
            left: 20%;
            top: 47.5%;
        }
        .world-map ul li.pop-sa-co {
            left: 21%;
            top: 52.6%;
        }
        .world-map ul li.pop-sa-co {
            left: 21%;
            top: 52.6%;
        }
        .world-map ul li.pop-sa-mx {
            left: 16%;
            top: 44%;
        }
        .world-map ul li.pop-sa-ri {
            left: 31.5%;
            top: 70%;
        }
        .world-map ul li.pop-sa-bs {
            left: 29%;
            top: 66%;
        }
        .world-map ul li.pop-sa-br {
            left: 30%;
    top: 73.5%;
        }
        .world-map ul li.pop-sa-pa {
            left: 28%;
            top: 76%;
        }
        .world-map ul li.pop-sa-fl {
            left: 32%;
            top: 58%;
        }
        .world-map ul li.pop-sa-ar {
            left: 27%;
            top: 79%;
        }
        .world-map ul li.pop-sa-pe {
            left: 18.5%;
            top: 65%;
        }
        .world-map ul li.pop-sa-ec {
            left: 18.5%;
            top: 55%;
        }
        .world-map ul li.pop-sa-pae {
            left: 28.7%;
            top: 75.6%;
        }
        .world-map ul li.pop-sa-ft {
            left: 30%;
            top: 56%;
        }
        .world-map ul li.pop-sa-pr {
            left: 22%;
            top: 47.5%;
        }

        .world-map ul li.pop-as-isr {
            top: 41.2%;
            left: 57.7%;
        }

        .world-map ul li.pop-as-uae {
            top: 47.7%;
            left: 66%;
        }
        .world-map ul li.pop-as-sa {
            top: 47.8%;
            left: 63.4%;
        }

        .world-map ul li.pop-as-jp {
            left: 94.5%;
            top: 31.5%;
        }

        .world-map ul li.pop-as-sg {
            left: 81.3%;
            top: 57.7%;
        }
        .world-map ul li.pop-as-my {
            left: 80.8%;
            top: 55.5%;
        }
        .world-map ul li.pop-as-th {
            left: 81%;
            top: 48%;
        }
        .world-map ul li.pop-as-vn {
            left: 82.4%;
            top: 52%;
        }
        .world-map ul li.pop-as-ph {
            left: 85.6%;
            top: 51%;
        }
        .world-map ul li.pop-as-id {
            top: 63%;
            left: 84%;
        }
        .world-map ul li.pop-as-bk {
            top: 51.5%;
            left: 81%;
        }

        .world-map ul li.pop-as-hk {
            left: 83.8%;
            top: 41%;
        }

        .world-map ul li.pop-as-in {
            left: 71%;
            top: 48%;
        }

        .world-map ul li.pop-as-mu {
            left: 69.2%;
            top: 45.5%;
        }
        .world-map ul li.pop-as-cen {
            left: 72.5%;
            top: 47.9%;
        }
        .world-map ul li.pop-as-kr {
            left: 90%;
            top: 30.5%;
        }
        .world-map ul li.pop-as-kz {
            left: 70%;
            top: 27.5%;
        }

        .world-map ul li.pop-as-tr {
            left: 56.7%;
            top: 31%;
        }

        .world-map ul li.pop-eu-uk {
            left: 46.3%;
            top: 20.4%;
        }

        .world-map ul li.pop-eu-es {
            left: 45.2%;
            top: 32%;
        }
        .world-map ul li.pop-eu-pt {
            left: 43.8%;
            top: 33%;
        }
        .world-map ul li.pop-eu-lu {
            left: 48.8%;
            top: 26%;
        }
        .world-map ul li.pop-eu-ie {
            left: 44.3%;
            top: 19.4%;
        }
        .world-map ul li.pop-eu-it {
            left: 50%;
            top: 29%;
        }

        .world-map ul li.pop-eu-no {
            left: 50.2%;
            top: 13%;
        }

        .world-map ul li.pop-eu-ams {
            left: 48.4%;
            top: 20.3%;
        }

        .world-map ul li.pop-eu-fr {
            left: 47.4%;
            top: 26%;
        }
        .world-map ul li.pop-eu-ua {
            left: 57.2%;
            top: 23%;
        }
        .world-map ul li.pop-eu-mr {
            left: 48%;
            top: 30%;
        }
        .world-map ul li.pop-eu-lj {
            left: 51%;
            top: 28%;
        }
        .world-map ul li.pop-eu-de {
            left: 49.4%;
            top: 23.2%;
        }
        .world-map ul li.pop-eu-dk {
            left: 51%;
            top: 18%;
        }
        .world-map ul li.pop-eu-hu {
            left: 52%;
            top: 28%;
        }
        .world-map ul li.pop-eu-bu {
            left: 55.4%;
            top: 29.5%;
        }
        .world-map ul li.pop-eu-ba {
            left: 53%;
            top: 30%;
        }
        .world-map ul li.pop-eu-sr {
            left: 54%;
            top: 28%;
        }
                    
        .world-map ul li.pop-eu-md {
            left: 57%;
            top: 28%;
        }

        .world-map ul li.pop-eu-ru {
            left: 58.4%;
            top: 17.2%;
        }
        .world-map ul li.pop-eu-kh {
            left: 91.7%;
            top: 24%;
        }

        .world-map ul li.pop-eu-pl {
            left: 53%;
            top: 22.2%;
        }

        .world-map ul li.pop-eu-cz {
            left: 51.7%;
            top: 23.4%;
        }

        .world-map ul li.pop-eu-vi {
            left: 53.3%;
            top: 18.7%;
        }

        .world-map ul li.pop-eu-is {
            left: 42%;
            top: 9%;
        }

        .world-map ul li.pop-eu-fi {
            left: 53.9%;
            top: 13.5%;
        }

        .world-map ul li.pop-af-sa {
            left: 57.5%;
            top: 87%;
        }

        .world-map ul li.pop-af-ng {
            left: 47.5%;
            top: 64%;
        }
        .world-map ul li.pop-af-ke {
            left: 59%;
            top: 67%;
        }
        .world-map ul li.pop-af-eg {
            left: 56.4%;
            top: 43%;
        }
        .world-map ul li.pop-oc-syd {
            left: 96.2%;
            top: 81%;
        }

        .world-map ul li.pop-oc-mel {
            left: 94.6%;
            top: 86.8%;
        }

        .world-map ul li.pop-oc-per {
            left: 85.5%;
            top: 79%;
        }

        .world-map ul li.pop-oc-ade {
            left: 91.5%;
            top: 84%;
        }

        .world-map ul li.pop-oc-auc {
            left: 98.2%;
            top: 82%;
        }

        .world-map ul li.pop-oc-bri {
            left: 96.1%;
            top: 77%;
        }



.easter-popup {
    position: fixed;
    max-width: 100%;
    height: 100%;
    top: 0px;
    width: 100%;
    background-color: #03192ec7;
    z-index: 1000000;
}

    .easter-popup .easter-title {
        color: white;
        text-align: center;
        width: 100%;
        display: block;
        margin-top: 130px;
        line-height: 100%;
        font-size: 3rem;
    }

    .easter-popup .easter-box {
        position: relative;
        width: 900px;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top: 40px;
        box-shadow: #04182e 0 0 90px;
    }

        .easter-popup .easter-box img {
            width: 100%;
            border-radius: 14px;
        }

        .easter-popup .easter-box .promocode {
            color: #04182e;
            text-align: center;
            width: 100%;
            display: block;
            font-size: 3rem;
            margin-top: 50px;
            line-height: 100%;
        }

            .easter-popup .easter-box .promocode span {
                font-size: 1rem;
                font-weight: 400;
            }

    .easter-popup .btn {
        color: white !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 360px;
        margin-top: 30px;
    }

#easter-eggs {
    position: absolute;
    top: 870px;
    z-index: 900;
    width: 320px;
    display: none;
    cursor: pointer;
}

@media (max-width: 900px) {
    .easter-popup .easter-box .promocode {
        font-size: 2rem;
    }
}













.bunny-optimizer-pricing {
    background-image: linear-gradient(to bottom, #e1f2ff, #fff)
}

.bunny-optimizer-pricing-keep {
    border-radius: 10px;
    box-shadow: 0 20px 100px 0 rgba(97, 83, 136, 0.15);
    background-color: #fff;
    background-image: url("/img/bunny-optimizer/bunny-optimizer-pricing.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 114px 100px;
    margin-top: -180px;
    margin-bottom: 200px;
    position: relative
}

    .bunny-optimizer-pricing-keep .content-heading h3 {
        margin-bottom: 0;
        text-align: left;
    }

    .bunny-optimizer-pricing-keep .content-heading p {
        margin-top: 12px;
        text-align: left;
        font-size: 16px;
        max-width: 70%;
    }

.bunny-optimizer-pricing .content-heading {
    margin-bottom: 40px;
}

.bunny-optimizer-pricing .content-main {
    margin-bottom: -40px;
}

.bunny-optimizer-pricing-keep .content-main h3 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 26px;
    display: flex;
    align-items: center
}

    .bunny-optimizer-pricing-keep .content-main h3 img {
        margin-right: 26px
    }

.bunny-optimizer-pricing-keep .content-main p {
    margin-bottom: 54px
}

.bunny-optimizer-pricing-keep .content-main .btn {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
    background-color: transparent
}


@media (min-width: 768px) and (max-width: 991.98px) {
    .bunny-optimizer-pricing-keep {
        padding: 50px 40px;
        margin-bottom: 50px;
        background-size: 50%
    }
}

@media (max-width: 575.98px) {
    .bunny-optimizer-pricing-keep {
        padding: 50px 40px;
        margin-bottom: 50px;
        background-image: none
    }
}





#bunny-optimizer-features {
    padding-bottom: 130px;
}

#bunny-optimizer-features-list {
    margin-top: -184px;
    background-image: url("/img/general/bg-rounded-blue-dark.svg");
    height: 890px;
    background-color: #e1f2ff;
}

    #bunny-optimizer-features-list .card-body {
        padding-left: 0px;
        padding-right: 0px;
    }

    #bunny-optimizer-features-list .card-arrow {
        position: absolute;
        left: -10px;
        filter: grayscale(100%);
        display: none;
    }

@media (min-width: 992px) {
    #bunny-optimizer-features-list .card-arrow {
        display: block;
    }
}


.card-list-arrows {

}

.card-list-arrows .card-arrow {
    position: absolute;
    filter: grayscale(100%);
    display: block;
    left: -16px;
    top: 35px;
}

@media (max-width: 767px) {
    .card-list-arrows .card-arrow {
        margin-top: -90px;
        margin-left: -10px;
        transform: rotate(90deg);
        left: 50%;
        top: 0%;
    }
}


.pricing-tier-new {
    padding-top: 160px;
    padding-bottom: 200px;
    background-image: linear-gradient(to bottom, #e1f2ff, #fff);
}

    .pricing-tier-new .card {
        border-radius: 6px;
        box-shadow: 0 20px 100px 0 rgba(83, 94, 136, 0.11);
        background: #fff;
        border: none;
        margin-bottom: 30px;
    }

    .pricing-tier-new .card-heading-img {
        position: absolute;
    }

    .pricing-tier-new .card-heading {
        border-bottom: 1px solid #e2e2e2;
        padding: 39px 45px 12px 60px;
        display: flex;
        width: 100%;
    }

        .pricing-tier-new .card-heading .card-heading-description {
            width: 100%;
            box-sizing: border-box;
        }

    .pricing-tier-new .pop-count {
        background-color: #d0e8ff;
        padding: 8px 14px;
        border-radius: 12px;
        font-size: 24px;
        margin-top: 0px;
        vertical-align: top;
        display: inline-block;
    }

    .pricing-tier-new .card-heading-description h4 {
        font-weight: bold;
        font-size: 40px;
        margin-bottom: 18px;
        margin-top: 9px;
        font-size: 36px;
        text-align: center;
    }

    .pricing-tier-new .card-heading-description p {
        text-align: center;
        line-height: 27px;
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    .pricing-tier-new .card-body {
        padding: 40px 20px 10px 20px;
    }

        .pricing-tier-new .card-body .pricing-table li h4 {
            font-weight: 500;
            font-size: 30px;
            line-height: 30px;
            margin-bottom: 0;
            margin-top: 8px;
        }

        .pricing-tier-new .card-body .pricing-table li span {
            font-size: 19px;
            margin-bottom: 7px;
            font-weight: 400;
        }

.pricing-table {
    width: 100%;
}

    .pricing-table li {
        list-style: none;
        list-style-type: none;
        margin-bottom: 20px;
        display: inline-block;
        width: 24%;
        position: relative;
        margin-top: 0px;
        text-align: center;
    }

        .pricing-table li:not(:first-of-type) {
            border-left: dashed 2px #ffa44a;
        }

@media (max-width: 992px) {
    .pricing-tier-new .pricing-table {
        padding-left: 14px;
    }

        .pricing-tier-new .pricing-table li {
            width: 49%;
        }

    .pricing-tier-new .card-body .pricing-table li span {
        font-size: 16px;
    }

    .pricing-tier-new .card-body .pricing-table li h4 {
        font-size: 25px;
    }

    .pricing-tier-new .card-heading-img {
        position: relative;
        width: 100%;
        display: none;
    }

    .pricing-tier-new .pricing-table li:nth-child(3) {
        border-left: none;
    }

    .pricing-tier-new .card-body .col-lg-12 {
        padding-left: 0;
        padding-right: 0;
    }
}




.header-pricing {
    padding-bottom: 160px;
}
.pricing-header-offsetter {
    margin-top: -330px;
}


.header-network {
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #e1f2ff;
    background-size: cover;
    text-shadow: #072039 0 0 30px;
}

    .header-network .world-map img {
        opacity: 0.09;
    }

    .header-network .network-worldwide {
        margin-top: 30px;
    }

    .header-network .network-worldwide-data {
        background: none;
        box-shadow: none;
        margin-bottom: -60px;
        margin-top: -50px;
    }

        .header-network .network-worldwide-data p {
            color: white;
        }

    .header-network .navbar {
        background: rgba(5, 32, 57, 0.85);
    }

    .header-network .hero h1:first-of-type {
        margin-top: -30px;
    }

.network-worldwide-body {
    padding-top: 140px;
    background-image: linear-gradient(to bottom, #e1f2ff, #fff);
}


/*.header {
    background-image: url(/img/general/il-hero3.svg?v=24);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #edf6ff;
    background-size: cover;
    text-shadow: #072039 0 0 30px;
}

    .header .hero {
        padding-top: 130px;
        padding-bottom: 160px;
        background: transparent;
    }
    .header .navbar {
    }*/

.hero-ribbon {
    padding-top: 34px;
    padding-bottom: 34px;
    background-color: #010f26c4;
    margin-top: 0px;
    box-shadow: #01060c5e 0 0 30px;
    margin-bottom: -300px;
    position: relative;
    margin-top: 162px;
}

    .hero-ribbon a {
        color: #dce0f8;
    }

        .hero-ribbon a:hover {
            color: white;
        }

    .hero-ribbon h4 {
        font-size: 21px !important;
        font-weight: 400;
        color: white !important;
    }

    .hero-ribbon p {
        font-weight: 400;
        color: #5ba8d3 !important;
        font-size: 18px !important;
        margin-bottom: 0px !important;
    }

    .hero-ribbon .rating {
        position: absolute;
        top: -11px;
        right: 0px;
        color: white;
        text-align: center;
        font-size: 18px;
    }

        .hero-ribbon .rating .fa {
            background-color: #008459;
            padding: 6px;
            border-radius: 5px;
            font-size: 17px;
        }

@media (max-width: 992px) {
    .hero-ribbon .rating {
        position: relative;
        right: auto;
        left: auto;
        text-align: left;
        margin-top: 40px;
        display: none;
    }

    .hero-ribbon {
        margin-top: -50px;
    }

        .hero-ribbon h4 {
            margin-bottom: 10px;
        }

        .hero-ribbon .p {
            margin-top: 40px;
        }
}

@media (max-width: 575.98px) {
    .header-home .hero {
        padding-top: 50px;
    }
}

@media (max-width: 550px) {
    .file-manager .main-upload-button {
        width: 100%;
        display: block;
        position: relative;
        right: auto;
    }

    .file-manager .right {
        width: 100%;
        display: block;
        position: relative;
        right: auto;
        border-left: 0;
        text-align: center;
    }
}


#ab-main-title {
    width: 680px;
    max-width: 110%;
}

#ab-signup-btn {
    font-size: 21px;
}

@media (max-width: 575.98px) {
    .header-home .hero {
        padding-top: 50px !important;
    }

    #ab-main-title {
        width: auto;
        max-width: 100%;
    }

    .header .hero h1 {
        font-size: 45px;
    }

    .header .hero p {
        font-size: 20px;
    }

    .content-heading h3 {
        font-size: 35px;
    }

    .content-heading p {
        font-size: 22px;
    }

    .trial-left h4 {
        font-size: 35px;
    }

    .trial-left p {
        font-size: 20px;
        margin-bottom: 20px;
        padding-top: 50px !important;
    }

    .hero-ribbon {
        margin-top: 40px;
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center;
    }
}

h1 small {
    font-size: 60%;
    font-weight: 400;
    color: #e2f2ff;
    margin-top: -30px;
    display: inline-block;
}

.h1-margin-top {
    margin-top: -30px;
}

.login-button {
    color: #fff;
    border: 2px solid #d5eaffb0;
    border-radius: 8px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 30px;
    margin-right: -10px;
    padding-bottom: 7px;
    padding-top: 6px;
}

.software-delivery-hero .network-worldwide-data, .solutions-hero .network-worldwide-data, .image-processing-hero .network-worldwide-data {
    background: none;
    box-shadow: none;
    margin-bottom: 130px;
    margin-top: 70px;
}
    .software-delivery-hero .network-worldwide-data p, .solutions-hero .network-worldwide-data p, .image-processing-hero .network-worldwide-data p {
        color: white;
    }

.solutions-hero .network-worldwide-data {
    background: none;
    box-shadow: none;
    margin-bottom: -60px;
    margin-top: 70px;
}

.australia-hero {
    padding-top: 130px;
    padding-bottom: 130px !important;
    text-align: left !important;
}

    .solutions-hero .network-worldwide-data p {
        color: white;
    }

.main-description {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.header-network .sub-nav {
    border-top: solid 1px #94a1bb;
}

.australia-logo-line {
    margin-left: -40px;
    margin-top: -5px;
}
.logo-line li {
    list-style: none;
    display: inline-block;
}
    .logo-line li img {
        margin-right: 22px;
        text-align: center;
        margin-top: 50px;
        height: 24px;
    }
    .logo-line li:last-of-type img {
        margin-right: 0;
    }

.australia-logo-line li img {
    margin-top: 35px;
}

.graphic-right {
    margin-left: 40px;
}

.product-title {
    font-size: 70%;
    font-weight: 400;
    color: #3671a5;
    margin-top: -30px;
    display: inline-block;
}

.trustpilot-link {
    color: #00b67a;
}
.trustpilot-link:hover {
    color: #157556;
}
.subheader {
    color: #E3EAFF;
}
.subheader strong {
    color: #fff;
}


.australia-cdn-connectivity {
    padding-bottom: 130px;
    padding-top: 140px;
    margin-top: 0px;
    background-image: linear-gradient(to bottom, #e1f2ff, #fff);
}

    .australia-cdn-connectivity h2 {
        font-weight: bold;
        font-size: 35px;
        margin-bottom: 30px;
        line-height: 50px;
    }





.hop-animation {
    align-self: flex-end;
    animation-duration: 0.7s;
    animation-iteration-count: 1;
    margin: 0 auto 0 auto;
    transform-origin: bottom;
    animation-name: bounce-7;
    animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
    animation-delay: 0.2s;
    display: inline-block;
}

@keyframes bounce-7 {
    0% {
        transform: scale(1,1) translateY(0);
        transform: rotate(-10deg);
    }

    10% {
        transform: scale(1.1,.9) translateY(0);
        transform: rotate(-15deg);
    }

    30% {
        transform: scale(.9,1.1) translateY(-30px);
    }

    50% {
        transform: scale(1.05,.95) translateY(0);
    }

    57% {
        transform: scale(1,1) translateY(-10px);
        transform: rotate(0deg);
    }
    640% {
        transform: scale(1,1) translateY(0);
    }
    65% {
        transform: scale(1,1) translateY(0);
    }
    100% {
        transform: scale(1,1) translateY(0);
    }
}


.header-image-processing .hero {
    text-align: left;
}
    .header-image-processing .hero .network-worldwide-data {
        text-align: center;
        margin-bottom: 0px;
        margin-top: 120px;
    }

.hero .item-list {
    margin-left: auto; margin-right: auto;
}
.hero .item-list li {
    list-style: none;
    display: inline-block;
    color: white;
    font-weight: 600;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 120px;
}
    .hero .item-list li i {
        margin-right: 4px;
        color: #44c87f;
    }
@media (max-width: 575.98px) {
    .hero .item-list li {
        margin-top: 20px;
        padding-left: 0px;
        width: 100%;
        margin-left: -20px;
    }
}

.header-ddos-protection, .header-ddos-protection .hero {
    text-align: left;
}

.section-gradient {
    background-image: linear-gradient(to bottom, #e1f2ff, #fff);
    padding-top: 250px;
    padding-bottom: 130px;
}

.section-paragraph-title {
    font-weight: bold;
    font-size: 35px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.section-paragraph-icon {
    height: 110px;
}
.section-paragraph-icon-large {
    height: 150px;
}

.card-perma-cache {
    border-radius: 6px;
    box-shadow: 0 20px 100px 0 rgba(83, 94, 136, 0.11);
    border: none !important;
    text-align: center !important;
}
.perma-cache-hero {
    padding-bottom: 295px !important;
    padding-top: 130px !important;
}

.pc-card-arrow {
    width: 50px;
    position: absolute;
    top: 50%;
    right: -40px;
    margin-top: -35px;
    z-index: 100;
}

.cdn-statistic-panel {
    text-align: left;
    position: absolute;
    top: 170px;
    right: -330px;
    transform: rotate(7deg);
}

.cdn-hero {
    padding-top: 110px;
    padding-top: 70px;
    padding-bottom: 100px;
}
.cdn-hero .container {
    margin-bottom: 460px;
    position: relative;
    text-align: left;
}
    .cdn-hero #hero-subtitle {
        text-shadow: 0 0 52px #01162b;
        text-align: left;
        max-width: 600px;
    }


.ddos-arrows .card-arrow {
    top: 21px !important;
}

@media (max-width: 1200px) {
    .cdn-statistic-panel {
        display: none;
    }
}

.perma-cache-icon {
    width: 150px;
    margin-bottom: 35px;
}
.card-perma-cache h3 {
    font-weight: bold;
}

@media (max-width: 575.98px) {
    .pc-card-arrow {
        top: 104%;
        margin-top: -35px;
        left: 50%;
        margin-left: -27px;
        transform: rotate(90deg);
    }
    .card-perma-cache {
        margin-bottom: 14px;
        position: relative;
    }

    .section-paragraph-icon {
        display: block;
        margin-bottom: 20px;
        width: 40%;
        height: auto;
    }
}

.ddos-protection-graphics {
    position: absolute;
    top: -47px;
    right: -540px;
    height: 470px;
}
@media (max-width: 575.98px) {
    .ddos-protection-graphics {
        display: none;
    }
}

.mobile-reviews-hidden-show {
    display: none;
}

@media (max-width: 575.98px) {
    .mobile-reviews-hidden {
        display: none;
    }
    .mobile-reviews-hidden-show {
        display: block;
        width: 100%;
        color: white;
        background: none;
        border: none;
        margin: 0;
        padding: 0;
        cursor: pointer;
        text-align: center;
    }
        .mobile-reviews-hidden-show:active, .mobile-reviews-hidden-show:focus {
            outline: none;
        }
    .mobile-reviews-hidden-show i {
        margin-left: 6px;
    }
}

.inline-block {
    display: inline-block !important;
}


.section-contact-sales {
    background-image: linear-gradient(to bottom, #fff, #e1f2ff);
    padding-top: 120px;
    padding-bottom: 120px;
}
    .section-contact-sales label {
        margin-bottom: 0px;
        margin-top: 12px;
    }

.contact-sales-column {
    margin-bottom: -120px;
}
.contact-sales-left-panel {
    width: 430px;
    background-color: white;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px;
}
.contact-sales-guide {
    border: solid 1px #414f7b;
    padding: 4px 25px;
    margin-bottom: 22px;
    display: inline-block;
}
.contact-sales-bunny {
    width: 320px;
    position: absolute;
    bottom: 0px;
    left: 60px;
}

.contact-sales-header {
    text-align: center;
    margin-top: 30px;
    margin-bottom: -40px;
}
.contact-sales-header img {
    width: 200px;
}
    .contact-sales-header h2 {
        margin-top: 14px;
        font-weight: 400;
        font-size: 20px;
    }
.contact-sales-customer-logo {
    width: 160px;
    margin-bottom: 18px;
    margin-top: 50px;
}
.section-contact-sales textarea {
    padding-top: 8px;
}

.pricing-type-title {
    text-align: center;
    margin-bottom: 18px;
    width: 100%;
    display: block;
    margin-top: 18px;
    margin-bottom: 32px;
    font-size: 30px;
    color: #ff7755;
}
.underline {
    text-decoration: underline;
}
.contactsales-thankyou {
    margin-top: 100px;
    margin-bottom: 350px;
    text-align: center;
}
@media (max-width: 991px) {
    .contact-sales-mobile-hidden {
        display: none;
    }
    .contactsales-thankyou {
        margin-top: 40px;
        margin-bottom: 90px;
    }
}
.sales-panel {
    position: absolute;
    top: 30px;
    left: 218px;
    font-size: 13px;
    color: #498dbc;
    z-index: 100;
}

    .sales-panel a {
        color: #498dbc;
        text-decoration: none;
    }

        .sales-panel a:hover {
            color: #70b2e0;
        }

.world-map ul li .network-label {
    color: #dce6ef;
    background-color: #ff8f4f;
    font-size: 12px;
    border-radius: 5px;
    margin-top: 13px;
    width: 120px;
    height: 24px;
    line-height: 24px;
    margin-left: -54px;
    box-sizing: border-box;
    margin-top: 21px;
    display: none;
    z-index: 1000;
    box-shadow: #032340 0 0 9px;
    position: absolute;
    top: -54px;
}
.network-label small {
    font-size: 10px;
}
.world-map ul li .network-label:after {
    content: " ";
    position: absolute;
    right: 54px;
    border-top: none;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #fe8e4f;
    bottom: -5px;
}

.world-map ul li .lbl-red {
    background-color: #ff4243;
}
    .world-map ul li .lbl-red:after {
        border-top: 6px solid #ff4243;
    }
.world-map ul li .lbl-blue {
    background-color: #4980ff;
}
    .world-map ul li .lbl-blue:after {
        border-top: 6px solid #4980ff;
    }
.world-map ul li .lbl-green {
    background-color: #2fc584;
}
    .world-map ul li .lbl-green:after {
        border-top: 6px solid #2fc584;
    }
.world-map ul li .lbl-purple {
    background-color: #c44ffa;
}
    .world-map ul li .lbl-purple:after {
        border-top: 6px solid #c44ffa;
    }
.world-map ul li .lbl-white {
    background-color: #fff;
    color: #04213c;
}
    .world-map ul li .lbl-white:after {
        border-top: 6px solid;
        color: #fff;
    }
.world-map ul li:hover .network-label {
    display: block;
}

.footer-bunny {
    width: 300px;
    margin-top: -220px;
    position: absolute;
    bottom: -60px;
    left: 0px;
    pointer-events: none;
}

.hop-to-the-edge {
    margin-top: 25px;
    font-weight: 400;
    padding-left: 260px;
}


@media (max-width: 991px) {
    .footer-bunny {
        width: 240px;
    }
    .hop-to-the-edge {
        padding-top: 120px;
        padding-left: 210px;
    }
}


.talk-to-an-expert {
    background-color: #ffad49;
    padding: 9px 20px;
    border-radius: 16px;
}
.talk-to-an-expert:hover {
    color: #002649;
}
#social-media-box {
    position: absolute;
    left: 38px;
    bottom: -58px;
    text-align: left;
}
    #social-media-box i {
        margin-right: 20px;
        font-size: 2.25rem;
    }
.footer-spacer {
    margin-bottom: 120px;
}
@media (max-width: 991px) {
    .footer-spacer {
        margin-bottom: 0px;
    }
    #social-media-box {
        position: relative !important;
        top: auto;
        bottom: auto;
        margin-top: 32px;
        left: auto;
    }
}


.browser-window {
    background-image: linear-gradient(to bottom, #143965, #01294d);
    padding-bottom: 80px;
    width: 120%;
    border-radius: 12px;
    overflow: hidden;
}
    .browser-window .top-bar {
        background-color: #02284c;
        height: 45px;
        width: 100%;
        padding-left: 12px;
    }
    .browser-window i {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: white;
        display: inline-block;
        margin-top: 15px;
        margin-left: 6px;
    }
        .browser-window i:first-child {
            background: linear-gradient( 89deg, #FF7854, #ffaf48);
        }


.network-worldwide-data li {
    position: relative;
    cursor: default;
}
.network-worldwide-data li:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #FF7854;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}

.network-worldwide-data li:hover:after {
    width: 100%;
    left: 0;
}

@media screen and (max-height: 300px) {
    ul {
        margin-top: 40px;
    }
}

.pricing-message {
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 32px;
    margin-bottom: 12px;
}

    .pricing-message a {
        background-color: #ffad49;
        padding: 6px;
        border-radius: 5px;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 12px;
        display: inline-block;
    }
        .pricing-message a:hover {
            color: #002649;
        }

#alternative-section {
    background-image: linear-gradient(to bottom, #fff, #e1f2ff);
    padding-top: 250px;
    padding-bottom: 130px;
    margin-top: 0px;
}
.footer-menu-hidden {
    padding-left: 12px;
    display: none;
    padding-bottom: 70px;
}
#compare-services-button {
    text-decoration: none !important;
}

.footer-menu-hidden li {
    list-style: none;
}
.versus-header .hero p {
    max-width: 880px;
}
.footer-chevron {
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
    .footer-chevron.up {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }


.hero label {
    color: #d5eaffb0;
    margin-bottom: 0px;
    margin-top: 10px;
}

.hero #contact-form {
    margin-top: -29px;
}
.hero #contact-form #contact-button {
    margin-bottom: 240px;
}

.hero label.error {
    color: #ff3900;
    font-size: 13px;
}
@media (max-width: 991px) {
    .explore-graphics {
        display: none;
    }

    .hero #contact-form #contact-button {
        margin-bottom: 0px;
    }
}


.support-banner {
    padding: 80px 0;
}
    .support-banner h3 {
        margin-bottom: 20px;
        font-size: 45px;
        font-weight: 700;
    }
    .support-banner p {
        font-size: 22px;
        line-height: 37px;
    }

    @media (max-width: 768px) {
        .support-banner {
            padding: 50px 0;
        }

        .support-banner h3 {
            font-size: 40px;
            text-align: center;
        }
        .support-banner p {
            font-size: 20px;
            text-align: center;
        }

        .hidden-xs {
            display: none;
        }
    }


#advertising-section-companies {
    padding-bottom: 110px;
}
    
    #advertising-section-companies .logo-list {
        opacity: 0.8;
        image-rendering: -webkit-optimize-contrast;
        padding-bottom: 10px;
        text-align: center;
        line-height: 80px;
    }


        #advertising-section-companies .logo-list .tcl {
            height: 27px;
            margin-right: 38px;
        }
        #advertising-section-companies .logo-list .belka {
            height: 40px;
            margin-right: 38px;
        }
    
        #advertising-section-companies .logo-list .hyundai {
            height: 24px;
            margin-right: 38px;
        }
        #advertising-section-companies .logo-list .nexusmods {
            height: 30px;
            margin-right: 38px;
        }
        #advertising-section-companies .logo-list .floatplane {
            height: 37px;
            margin-right: 38px;
        }
        #advertising-section-companies .logo-list .optinmonster {
            height: 30px;
            margin-right: 38px;
        }
    
        #advertising-section-companies .logo-list .lake {
            height: 40px;
            margin-right: 38px;
        }
    
        #advertising-section-companies .logo-list .coffeemeetsbagel {
            height: 32px;
            margin-right: 38px;
        }
    
        #advertising-section-companies .logo-list .streamable {
            height: 32px;
            margin-right: 38px;
        }
    
        #advertising-section-companies .logo-list .sumo {
            height: 21px;
            margin-right: 38px;
        }
        #advertising-section-companies .logo-list .unicorn {
            height: 37px;
            margin-right: 38px;
        }
        #advertising-section-companies .logo-list .screen9 {
            height: 34px;
            margin-right: 38px;
        }
        #advertising-section-companies .logo-list .reloadedtech {
            height: 54px;
            margin-right: 38px;
        }
        #advertising-section-companies .logo-list .playposit {
            height: 37px;
            margin-right: 38px;
        }
        #advertising-section-companies .logo-list .nitropack {
            height: 53px;
            margin-right: 38px;
        }
        #advertising-section-companies .logo-list .comiccon {
            height: 56px;
            margin-right: 38px;
        }
        #advertising-section-companies .logo-list .padlet {
            height: 58px;
            margin-right: 40px;
        }
        #advertising-section-companies .logo-list .shortpixel {
            height: 60px;
            margin-right: 38px;
        }

        #advertising-section-companies .logo-list img:last-child {
            margin-right: 0;
        }


.header .hero.support-hero {
    padding-bottom: 260px;
}

#support .content-heading > p {
    padding: 0 44px;
}

#support .channel-content {
    margin-bottom: 140px;
}

#support .channel-content p {
    font-size: 24px;
    text-align: center;
    line-height: 37px;
    margin-bottom: 16px;
}

.support-data {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 20px 100px 0 rgba(97, 83, 136, 0.15);
    margin-bottom: 80px
}

    .support-data ul {
        list-style: none;
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 46px 60px 38px
    }

    .support-data.box-paddings ul {
        padding-left: 20px;
        padding-right: 20px;
    }

        .support-data.box-paddings ul li {
            padding: 0 20px;
        }

        .support-data ul li p {
            margin-bottom: 8px;
            font-size: 24px
        }

            .support-data ul li p strong {
                font-size: 30px;
                font-weight: bold;
                line-height: 30px
            }

            .support-data ul li p.smaller strong {
                display: block;
                font-size: 19px;
                white-space: nowrap;
            }

            @media (min-width: 992px) and (max-width: 1199.98px) {
                .support-data ul li p.smaller strong {
                    white-space: unset;
                    min-height: 53px;
                }
            }
            @media (max-width: 767px) {
                .support-data ul li p.smaller strong {
                    white-space: unset;
                    min-height: 53px;
                }
            }

            @media (max-width: 575px) {
                .support-data ul li p.smaller strong {
                    white-space: unset;
                    min-height: 0;
                }
            }

            .support-data ul li p.smaller {
                font-size: 19px;
                line-height: 30px;
            }
            
            .support-data ul li p.mt-small {
                margin-top: 20px;
            }

            @media (max-width: 991px) {
                .support-data ul li p.mt-small {
                    margin-top: 10px;
                }
            }


.support-cards {
    padding-top: 40px;
    margin-bottom: 150px;
}

    @media (max-width: 768px) {
        .support-cards {
            margin-bottom: 60px;
        }
        .support-cards .card {
            margin-bottom: 40px;
        }
    }

    .support-cards .card {
        border-radius: 10px;
        border: none;
        padding: 100px 70px 0;
        text-align: center;
        box-shadow: 0 20px 100px 0 rgba(97, 83, 136, 0.15)
    }

    .support-cards .card-heading {
        margin-bottom: 50px
    }

        .support-cards .card-heading h3 {
            font-weight: bold;
            font-size: 30px;
            line-height: 37px
        }

    .support-cards .card-img {
        height: 231px;
        margin-bottom: 100px;
        display: flex;
        align-items: center;
        justify-content: center
    }


.support-cards.title-top .card {
    padding-top: 60px;
}

    .support-cards.title-top .card-heading h3 {
        min-height: 74px;
    }

    @media (min-width: 768px) and (max-width: 991.98px) {
        .support-cards .card-img {
            margin-bottom: 40px;
        }
        .support-cards .card-img img {
            width: 90%;
        }

        .support-cards.title-top .card-heading {
            margin-bottom: 0;
        }
    }

.card .card-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}



.content-heading.support-testimonial {
    margin-bottom: 30px;
}
    .content-heading.support-testimonial h3 {
        margin-bottom: 0;
    }

#advertising-section-companies.support-testimonial-companies {
    padding-bottom: 60px;
}


.testimonial-content {
    padding: 60px 40px;
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0 20px 100px 0 rgba(83,94,136,0.11);
}
    .testimonial-content .text {
        margin-bottom: 40px;
    }
        .testimonial-content p {
            font-size: 24px;
            line-height: 38px;
        }
        .testimonial-content p:last-child {
            margin-bottom: 0;
        }

    .testimonial-content .customer {
        display: flex;
    }

    .testimonial-content .left {
        margin-right: 38px;
    }
        .testimonial-content img {
            border-radius: 6px;
        }
    
    .testimonial-content .right {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
        .testimonial-content .name {
            margin-bottom: 16px;
            font-size: 30px;
            font-weight: 700;
            line-height: 40px;
        }
        .testimonial-content .title {
            font-size: 24px;
            line-height: 38px;
        }


.support-testimonials .owl-dots {
    margin-top: 50px !important;
}
.support-testimonials .owl-dot span {
    background: #314278;
    transition: width 300ms ease;
}
.support-testimonials .owl-dot.active span {
    width: 63px;
    background: #324275;
}

.support-testimonials.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #324275;
}

.support-testimonials.owl-carousel .owl-stage-outer { 
    overflow: visible;
}
    .support-testimonials .owl-item {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        padding: 0 20px;
        transition: opacity 500ms;
    }
    @media (max-width: 768px) {
        .support-testimonials .owl-item {
            flex: 0 1 auto;
            max-width: none;
        }
    }


#trusted {
    margin-bottom: 90px;
    padding: 100px 0;
    background-color: #eff3f6;
}

@media (max-width: 768px) {
    #trusted {
        margin-bottom: 40px;
        padding: 50px 0;
    }
}

.trusted-platforms .rating {
    margin-bottom: 24px;
    padding-bottom: 22px;
    font-size: 26px;
    font-weight: 700;
    border-bottom: 3px solid #324275;
}
    .trusted-platforms .rating:before {
        content: '';
        display: inline-block;
        width: 41px;
        height: 40px;
        margin-right: 10px;
        position: relative;
        top: 8px;
        background-image: url("/img/general/ic-star.svg");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .trusted-platforms .platform {
        display: flex;
        align-items: center;
        height: 65px;
    }

    @media (min-width: 768px) and (max-width: 991.98px) {
        .trusted-platforms .rating {
            margin-bottom: 12px;
        }
        .trusted-platforms .platform img {
            width: 80%;
        }
    }

    @media (max-width: 768px) {
        .trusted-platforms .row > div {
            margin-bottom: 40px;
        }
        .trusted-platforms .rating {
            margin-bottom: 12px;
        }
    }


.promo-panel-container {
    position: fixed;
    width: 100%;
    height: 200px;
    bottom: 20px;
    z-index: 1000;
    left: 0px;
}
.top-warning-panel {
    background-color: #04223e;
    background-image: linear-gradient(to right, #012442, #052139);
    margin-top: 40px;
    margin-bottom: -10px;
    color: #f2f2f2;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.07) 2px 2px 30px;
    padding: 20px 70px;
    padding-top: 30px;
}
.top-warning-panel-bf {
    background-color: #000000;
    padding-left: 180px;
    background-image: linear-gradient(to right, #000000, #00213e);
    position: relative;
    box-shadow: #28619e30 0 0 45px;
}

    .top-warning-panel-bf .button {
        background-color: #f2f2f2;
        background-image: none;
        color: #03192e !important;
        padding: 0 35px;
        height: 44px;
        line-height: 44px;
        font-size: 13px;
        font-weight: 700;
        display: inline-block;
        text-decoration: none;
        border-radius: 6px;
        position: absolute;
        top: 50%;
        margin-top: -22px;
        right: 60px;
    }
    .top-warning-panel-bf .button:hover {
        background-image: linear-gradient( 89deg, #FF7854, #ffaf48);
        color: #fff !important;
    }

    .top-warning-panel-bf h5 {
        background: -webkit-linear-gradient(#fc7654, #feaa4a);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .top-warning-panel-bf img {
        position: absolute;
        bottom: 0px;
        left: -16px;
        width: 198px;
    }

.x-icon {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 28px;
    height: 28px;
    box-sizing: border-box;
    color: white;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}
    .x-icon:hover {
        background-color: #ef7d4e;
        color: white;
    }
    .x-icon a:hover {
        color: white;
    }

@media (max-width: 1200px) {
    .promo-panel-container {
        position: fixed;
        width: 100%;
        height: 200px;
        bottom: 130px;
        z-index: 1000;
        left: 0;
    }

    .top-warning-panel-bf .button {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 20px;
    }
}

.australia-map {
    position: absolute;
    top: 13px;
    right: -530px;
    height: 400px;
}
.australia-pricing-graphics {
    margin-left: -180px;
    margin-top: -40px;
    max-width: 100%;
}
.australia-graphics {
    max-width: 100%;
}

@media (max-width: 768px) {
    .bunny-image-container {
        height: auto !important;
        width: 100% !important;
    }

    .bunny-image-transformation-box {
        position: relative !important;
        max-width: 100% !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        margin-top: 40px !important;
        margin-bottom: -100px !important;
    }

    .btn {
        padding: 24px 86px !important;
    }
    .transform-text-box {
        font-size: 12px;overflow: hidden !important;
    }
    .mobile-hidden {
        display: none !important;
    }
    .mobile-show {
        display: block !important;
    }

    .australia-map {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        height: auto !important;
        width: 100%;
        margin-top: 30px;
    }
    .australia-pricing-graphics {
        margin-left: auto !important;
        margin-top: auto !important;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .australia-graphics {
        max-width: 100%;
    }
}

.logo-h1 {
    margin-top: -5px;
}