.heading-menu{display:none;}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.homepage-main-wrapper h1 {    font-weight: 600;    font-size: 48px;    line-height: 1.15;    margin-bottom: 8px}
.homepage-main-wrapper h2 {    font-size: 40px;    font-weight: 600;    line-height: 1.3;    letter-spacing: -1px;    margin-top: 0;    margin-bottom: 8px}
.homepage-main-wrapper h3 {    font-size: 32px;    font-weight: 600;    line-height: 1.3;    letter-spacing: -1px;    margin-top: 0;    margin-bottom: 8px}
.homepage-main-wrapper h4 {    font-size: 28px;    line-height: 1.25;    font-weight: 500;    letter-spacing: -.5px;    margin: 0 0 16px}
.homepage-main-wrapper h5 {    font-size: 24px;    line-height: 1.25;    font-weight: 500;    letter-spacing: -.25px;    margin: 0 0 16px}
.homepage-main-wrapper p,.homepage-main-wrapper ul li {    font-size: 17px;    line-height: 1.75;    margin: 0 0 16px}
.homepage-main-wrapper a:not(.btn-primary, .btn-secondary) {    color: #006deb}
.container {    max-width: 1140px;    width: 100%;    padding-left: 12px;    padding-right: 12px}
.row {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    margin-right: -.75rem;    margin-left: -.75rem;    padding-top: 0;    padding-bottom: 0}
.row>* {    -webkit-box-sizing: border-box;    box-sizing: border-box;    -ms-flex-negative: 0;    flex-shrink: 0;    width: 100%;    max-width: 100%;    padding-left: 12px;    padding-right: 12px}
.row.g-0 {    margin-right: 0;    margin-left: 0}
.row.g-0>* {    padding-left: 0;    padding-right: 0}
.col-auto {    -webkit-box-flex: 0;    -ms-flex: 0 0 auto;    flex: 0 0 auto;    width: auto}
.col {    -webkit-box-flex: 1;    -ms-flex: 1 0 0%;    flex: 1 0 0%}
.col-1 {    -webkit-box-flex: 0;    -ms-flex: 0 0 auto;    flex: 0 0 auto;    width: 8.33333333%}
.col-2 {    -webkit-box-flex: 0;    -ms-flex: 0 0 auto;    flex: 0 0 auto;    width: 16.66666667%}
.col-3 {    -webkit-box-flex: 0;    -ms-flex: 0 0 auto;    flex: 0 0 auto;    width: 25%}
.col-4 {    -webkit-box-flex: 0;    -ms-flex: 0 0 auto;    flex: 0 0 auto;    width: 33.33333333%}
.col-5 {    -webkit-box-flex: 0;    -ms-flex: 0 0 auto;    flex: 0 0 auto;    width: 41.66666667%}
.col-6 {    -webkit-box-flex: 0;    -ms-flex: 0 0 auto;    flex: 0 0 auto;    width: 50%}
.col-7 {    -webkit-box-flex: 0;    -ms-flex: 0 0 auto;    flex: 0 0 auto;    width: 58.33333333%}
.col-8 {    -webkit-box-flex: 0;    -ms-flex: 0 0 auto;    flex: 0 0 auto;    width: 66.66666667%}
.col-9 {    -webkit-box-flex: 0;    -ms-flex: 0 0 auto;    flex: 0 0 auto;    width: 75%}
.col-10 {    -webkit-box-flex: 0;    -ms-flex: 0 0 auto;    flex: 0 0 auto;    width: 83.33333333%}
.col-11 {    -webkit-box-flex: 0;    -ms-flex: 0 0 auto;    flex: 0 0 auto;    width: 91.66666667%}
.col-12 {    -webkit-box-flex: 0;    -ms-flex: 0 0 auto;    flex: 0 0 auto;    width: 100%}
@media only screen and (min-width:576px) {    .col-sm-1 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 8.33333333%    }
    .col-sm-2 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 16.66666667%    }
    .col-sm-3 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 25%    }
    .col-sm-4 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 33.33333333%    }
    .col-sm-5 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 41.66666667%    }
    .col-sm-6 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 50%    }
    .col-sm-7 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 58.33333333%    }
    .col-sm-8 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 66.66666667%    }
    .col-sm-9 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 75%    }
    .col-sm-10 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 83.33333333%    }
    .col-sm-11 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 91.66666667%    }
    .col-sm-12 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 100%    }
}
@media only screen and (min-width:768px) {    .col-md-1 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 8.33333333%    }
    .col-md-2 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 16.66666667%    }
    .col-md-3 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 25%    }
    .col-md-4 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 33.33333333%    }
    .col-md-5 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 41.66666667%    }
    .col-md-6 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 50%    }
    .col-md-7 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 58.33333333%    }
    .col-md-8 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 66.66666667%    }
    .col-md-9 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 75%    }
    .col-md-10 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 83.33333333%    }
    .col-md-11 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 91.66666667%    }
    .col-md-12 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 100%    }
}
@media only screen and (min-width:992px) {    .col-lg-auto {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: auto    }
    .col-lg-1 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 8.33333333%    }
    .col-lg-2 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 16.66666667%    }
    .col-lg-3 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 25%    }
    .col-lg-4 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 33.33333333%    }
    .col-lg-5 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 41.66666667%    }
    .col-lg-6 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 50%    }
    .col-lg-7 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 58.33333333%    }
    .col-lg-8 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 66.66666667%    }
    .col-lg-9 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 75%    }
    .col-lg-10 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 83.33333333%    }
    .col-lg-11 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 91.66666667%    }
    .col-lg-12 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 100%    }
    .text-lg-break {        display: block !important    }
}
@media only screen and (min-width:1200px) {    .col-xl-auto {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: auto    }
    .col-xl-1 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 8.33333333%    }
    .col-xl-2 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 16.66666667%    }
    .col-xl-3 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 25%    }
    .col-xl-4 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 33.33333333%    }
    .col-xl-5 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 41.66666667%    }
    .col-xl-6 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 50%    }
    .col-xl-7 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 58.33333333%    }
    .col-xl-8 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 66.66666667%    }
    .col-xl-9 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 75%    }
    .col-xl-10 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 83.33333333%    }
    .col-xl-11 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 91.66666667%    }
    .col-xl-12 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 100%    }
}
.sec-padding-80 {    padding: 80px 0}
.sec-padding-100 {    padding: 100px 0}
.m-0 {    margin: 0 !important}
.mb-0 {    margin-bottom: 0 !important}
.p-0 {    padding: 0 !important}
.pb-0 {    padding-bottom: 0 !important}
.pt-0 {    padding-top: 0 !important}
.fw-400 {    font-weight: 400 !important}
.fw-500 {    font-weight: 500 !important}
.text-center {    text-align: center !important}
.text-white {    color: #fff !important}
.text-lg {    font-size: 20px}
.d-flex {    display: -webkit-box !important;    display: -ms-flexbox !important;    display: flex !important}
.align-items-center {    -webkit-box-align: center !important;    -ms-flex-align: center !important;    align-items: center !important}
.justify-content-center {    -webkit-box-pack: center !important;    -ms-flex-pack: center !important;    justify-content: center !important}
.flex-gap-x-8 {    gap: 0 8px}
.btn-group {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    gap: 16px}
.btn-primary {    background-color: #e80e19;    border: 1px solid #e80e19;    color: #fff;    font-family: inherit;    border-radius: 4px;    font-weight: 500;    font-size: 17px;    line-height: 1.2945;    cursor: pointer;    padding: 12px 24px;    display: -webkit-inline-box;    display: -ms-inline-flexbox;    display: inline-flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    gap: 0 6px;    text-align: center}
.btn-primary .btn-icon {    display: -webkit-inline-box;    display: -ms-inline-flexbox;    display: inline-flex}
.btn-secondary {    background-color: rgba(0, 0, 0, 0);    border: 1px solid #000;    color: #000;    font-family: inherit;    border-radius: 4px;    font-weight: 500;    font-size: 17px;    line-height: 1.2945;    cursor: pointer;    padding: 12px 24px;    display: -webkit-inline-box;    display: -ms-inline-flexbox;    display: inline-flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    gap: 0 6px;    text-align: center}
.btn-secondary .btn-icon {    display: -webkit-inline-box;    display: -ms-inline-flexbox;    display: inline-flex}
a.btn-primary,a.btn-secondary {    text-decoration: none}
.sec-header {    max-width: 960px;    margin: auto auto 28px}
@media(min-width:992px) {    .title-break {        display: block    }
}
#scroll,.heading-menu,#VideosAndLogos {    display: none}
.homepage-main-wrapper {    -webkit-box-sizing: border-box;    box-sizing: border-box;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale}
.homepage-main-wrapper * {    -webkit-box-sizing: border-box;    box-sizing: border-box}
.banner-section {    background-color: #fff9e9;    padding: 80px 0 160px}
.banner-section h1 {    margin-bottom: 32px}
.banner-section .btn-primary {    padding-left: 20px}
.banner-section .banner-img {    max-width: 440px;    width: 100%;    margin-right: auto;    margin-left: auto}
.rating-wrapper {    margin-top: 40px}
.rating-wrapper .rating-title {    text-align: center}
.rating-wrapper .rating-title h4 {    position: relative;    z-index: 1}
.rating-wrapper .rating-title h4::before {    content: "";    position: absolute;    left: 0;    top: 50%;    width: 100%;    height: 1px;    background: #e8e8e8;    z-index: -1}
.rating-wrapper .rating-title h4 span {    background: #fff;    padding: 0 1.5rem}
.rating-item-wrapper {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    gap: 24px}
.rating-item-wrapper .rating-item {    text-align: center;    border-right: 1px solid #e8e8e8;    padding: 0 40px;    margin-top: 24px}
.rating-item-wrapper .rating-item:last-child {    border-right: 0}
.rating-item-wrapper .rating-item .rating-info {    margin-top: 32px;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    gap: 0 12px}
.rating-item-wrapper .rating-item .rating-info h6 {    font-weight: 500;    font-size: 24px}
.rating-item-wrapper .rating-item .star {    display: inline-block;    position: relative;    font-size: 24px}
.rating-item-wrapper .rating-item .star::before {    content: "\2606\2606\2606\2606\2606";    z-index: 1;    color: #ffc800}
.rating-item-wrapper .rating-item .star .percent {    position: absolute;    left: 0;    top: 0;    overflow: hidden;    width: 90%}
.rating-item-wrapper .rating-item .star .percent::before {    content: "\2605\2605\2605\2605\2605";    color: #ffc800}
.awards-client-section {    position: relative;    margin-top: -100px}
.awards-client-wrapper {    padding: 40px 24px;    background: #fff;    border-radius: 12px;    -webkit-box-shadow: 0 2px 12px -3px rgba(0, 0, 0, .12);    box-shadow: 0 2px 12px -3px rgba(0, 0, 0, .12)}
.awards-item {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    gap: 20px}
.awards-item-wrapper .row {    gap: 24px 0}
.awards-badge {    max-width: 120px;    width: 100%;    height: 110px}
.awards-badge img {    width: 100%;    height: 100%;    -o-object-fit: contain;    object-fit: contain}
.awards-content p {    margin-bottom: 0;    font-size: 20px;    line-height: 1.6;    letter-spacing: -.25px}
.clients-item-wrapper {    margin-top: 40px;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    gap: 32px 0}
.clients-item-wrapper .client-item:not(:nth-child(2)) img {    max-height: 36px}
.about-img-wrapper {    background-color: #e4f4ff;    margin-top: 40px;    padding: 40px;    border-radius: 12px}
.network-monitor-tab {    margin-top: 48px}
.network-monitor-tab .network-row {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    gap: 0 20px}
@media screen and (max-width:767.98px) {    .network-monitor-tab .network-row {        -ms-flex-wrap: wrap;        flex-wrap: wrap    }
}
.network-monitor-tab .tab-list {    width: 300px;    border: 1px solid #ececec;    position: sticky;    top: 100px}
@media screen and (max-width:767.98px) {    .network-monitor-tab .tab-list {        display: -webkit-box;        display: -ms-flexbox;        display: flex;        overflow-x: scroll;        width: 100%    }
}
.network-monitor-tab .tab-list .tab-list-item {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    padding: 20px 16px;    cursor: pointer;    position: relative;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none}
.network-monitor-tab .tab-list .tab-list-item::before {    content: "";    position: absolute;    right: -13px;    bottom: 50%;    -webkit-transform: translateY(50%);    transform: translateY(50%);    border-left: 12px solid #ddd;    border-top: 12px solid rgba(0, 0, 0, 0);    border-bottom: 12px solid rgba(0, 0, 0, 0);    display: none}
.network-monitor-tab .tab-list .tab-list-item.tab-active {    background-color: #f9f9f9}
.network-monitor-tab .tab-list .tab-list-item.tab-active::before {    display: block}
.network-monitor-tab .tab-list .tab-list-item .tab-list-icon {    min-width: 48px;    height: 48px;    margin-right: 20px;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center}
.network-monitor-tab .tab-list .tab-list-item p {    font-weight: 400;    line-height: 1.35;    margin: 0;    font-size: 18px}
@media screen and (max-width:767.98px) {    .network-monitor-tab .tab-list .tab-list-item {        -webkit-box-orient: vertical;        -webkit-box-direction: normal;        -ms-flex-direction: column;        flex-direction: column;        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center;        text-align: center;        min-width: 240px    }
    .network-monitor-tab .tab-list .tab-list-item::before {        display: none    }
    .network-monitor-tab .tab-list .tab-list-item .tab-list-icon {        margin: 0 auto 10px    }
    .network-monitor-tab .tab-list .tab-list-item.tab-active {        background-color: #fff8e0    }
    .network-monitor-tab .tab-list .tab-list-item.tab-active::before {        display: none    }
}
.network-monitor-tab .tab-content-list {    padding: 0 20px}
.network-monitor-tab .tab-content-list .tab-content-item {    display: none;    min-height: 510px}
.network-monitor-tab .tab-content-list .tab-content-item.tab-content-active {    display: block}
.network-monitor-tab .tab-content-list .tab-content-item .tab-content-title h2,.network-monitor-tab .tab-content-list .tab-content-item .tab-content-title h3 {    display: inline}
.network-monitor-tab .tab-content-list .tab-content-item h3 {    margin-bottom: 8px}
.network-monitor-tab .tab-content-list .tab-content-item a {    text-decoration: underline;    font-size: 17px}
.network-monitor-tab .tab-content-list .tab-content-item ul {    list-style-type: disc;    padding-left: 24px;    margin-top: 24px}
.network-monitor-tab .tab-content-list .tab-content-item ul li {    margin-bottom: 12px}
.network-monitor-tab .tab-content-list .tab-content-item .tab-content-mock {    margin: 20px 0;    -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .0705882353);    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .0705882353)}
.observability-section .observability-header {    background-color: #fad677;    position: relative;    z-index: 1;    overflow: hidden;    padding: 80px 0 120px}
.observability-section .observability-header::before {    content: "";    position: absolute;    width: 50%;    height: 100%;    background: url("../images/index/observability-bg-pattern.svg") no-repeat scroll center center;    z-index: -1;    bottom: 0;    left: -4%;    -webkit-transform: translateX(0%) translateY(12%);    transform: translateX(0%) translateY(12%)}
.observability-section .observability-header::after {    content: "";    position: absolute;    width: 50%;    height: 100%;    background: url("../images/index/observability-bg-pattern.svg") no-repeat scroll center center;    z-index: -1;    top: 0;    right: -4%;    -webkit-transform: translateX(0%) translateY(-12%) scale(-1);    transform: translateX(0%) translateY(-12%) scale(-1)}
.observabilitySwiper {    padding: 0 40px}
@media screen and (max-width:575.98px) {    .observabilitySwiper {        padding: 0 24px    }
}
.observabilitySwiper .swiper-wrapper {    -webkit-box-align: stretch;    -ms-flex-align: stretch;    align-items: stretch}
.observabilitySwiper .swiper-button-next,.observabilitySwiper .swiper-button-prev {    color: gray}
.observability-card {    display: inline-block;    padding: 24px;    background: #fcfcfc;    border: 1px solid #ededed;    max-width: 560px;    margin: auto;    border-radius: 8px;    height: 100%}
.observability-card .card-header {    background-color: #f1f1f1;    padding: 16px;    text-align: center;    font-size: 20px;    border-radius: 4px;    margin-bottom: 16px}
.observability-card .card-header h6 {    margin: 0}
.observability-card ul li {    position: relative;    padding-left: 32px}
.observability-card ul li:last-child {    margin-bottom: 0}
.observability-card ul li::before {    content: "";    position: absolute;    background-repeat: no-repeat;    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE5MV8yKSI+CjxwYXRoIGQ9Ik0xOC4zMzMyIDkuMjMzM1Y5Ljk5OTk3QzE4LjMzMjEgMTEuNzk3IDE3Ljc1MDMgMTMuNTQ1NSAxNi42NzQzIDE0Ljk4NDhDMTUuNTk4MyAxNi40MjQxIDE0LjA4NTkgMTcuNDc3IDEyLjM2MjYgMTcuOTg2NkMxMC42Mzk0IDE4LjQ5NjEgOC43OTc1NSAxOC40MzQ5IDcuMTExOSAxNy44MTIxQzUuNDI2MjQgMTcuMTg5NCAzLjk4NzA1IDE2LjAzODQgMy4wMDg5NyAxNC41MzA5QzIuMDMwODkgMTMuMDIzMyAxLjU2NjMzIDExLjI0IDEuNjg0NTcgOS40NDY5QzEuODAyODEgNy42NTM3NyAyLjQ5NzUxIDUuOTQ2OTEgMy42NjUwNyA0LjU4MDg2QzQuODMyNjMgMy4yMTQ4MiA2LjQxMDQ5IDIuMjYyNzkgOC4xNjMzMyAxLjg2Njc2QzkuOTE2MTYgMS40NzA3MyAxMS43NTAxIDEuNjUxOTIgMTMuMzkxNSAyLjM4MzMiIHN0cm9rZT0iIzk5OTk5OSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTguMzMzMyAzLjMzMzM3TDEwIDExLjY3NUw3LjUgOS4xNzUwNCIgc3Ryb2tlPSIjOTk5OTk5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTkxXzIiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");    width: 20px;    height: 20px;    left: 0;    top: 6px}
.observability-body {    margin-top: -100px;    padding-bottom: 80px;    position: relative}
.enterprise-img-wrapper {    text-align: center}
.enterprise-img-wrapper img {    width: 100%}
.trusted-section {    padding-bottom: 40px}
.trusted-section .row {    gap: 24px 0}
.trusted-sec-card {    background-color: #f9f9f9;    padding: 24px;    text-align: center;    border-radius: 8px;    height: 100%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    margin-top: 12px}
.trusted-sec-card p {    margin-bottom: 0;    line-height: 1.3}
.trusted-sec-card .trusted-sec-icon {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    margin-bottom: 8px}
.client-item-wrapper {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between}
.client-item-wrapper .client-item {    padding: 16px}
.edition-section {    background-color: #f9f9f9}
.privacy-section {    background-color: #222;    color: #fff;    margin-bottom: 80px}
.privacy-footer-icon {    background-color: #fff;    padding: 40px 56px;    border-radius: 12px;    display: -webkit-inline-box;    display: -ms-inline-flexbox;    display: inline-flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    gap: 4px;    margin-bottom: -80px;    margin-top: 24px;    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .1);    box-shadow: 0 2px 12px rgba(0, 0, 0, .1)}
.privacy-footer-sprite {    background: url("https://www.manageengine.com/itom/images/badges/privacy-badges.svg") no-repeat;    display: inline-block;    vertical-align: middle}
.privacy-icon1,.privacy-icon2,.privacy-icon3,.privacy-icon4,.privacy-icon5,.privacy-icon6,.privacy-icon7,.privacy-icon8 {    margin-right: 6px;    vertical-align: middle}
.privacy-icon1 {    background-position: 2px -6px;    width: 133px;    height: 66px}
.privacy-icon2 {    background-position: -134px -6px;    width: 133px;    height: 66px}
.privacy-icon3 {    background-position: -271px -5px;    width: 133px;    height: 66px}
.privacy-icon4 {    background-position: -404px -5px;    width: 133px;    height: 66px;}
.privacy-icon5 {    background-position: -541px 0;    width: 85px;    height: 80px}
.privacy-icon6 {    background-position: -624px 0;    width: 85px;    height: 80px}
.privacy-icon7 {    background-position: -710px 0;    width: 156px;    height: 81px}
.privacy-icon4 {    background-position: -865px 1px;    width: 83px;    height: 80px;    margin-right: 0}
.edition-row {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    gap: 24px;    margin-top: 60px;    position: relative;    flex-wrap: wrap}
.edition-row * {    margin: 0}
.edition-row>.edition-col {    position: relative;    width: calc(33.333% - 16px)}
.edition-row>.edition-col>.edition-block {    border: 1px solid #d3d3d3;    border-radius: 6px;    background: #fff;    height: 100%}
.edition-block.enterprise {    height: auto !important}
.edition-row>.edition-col>.edition-block.professional {    border: 1px solid #85a9ff;    background: #f5f8fe}
.edition-row>.edition-col>.edition-block>.edition-header {    padding: 24px;    padding-bottom: 16px;    border-bottom: 1px solid #d3d3d3;    position: relative}
.edition-body {    margin-top: 35px}
.edition-body>ul {    list-style: none;    margin: 0;    padding: 0;    text-align: left;    margin: 12px;    font-size: 14px}
.edition-body>ul>li {    padding-bottom: 8px;    padding-left: 24px;    position: relative;    line-height: 26px;    margin-bottom: 0 !important}
.edition-body>ul>li>a {    display: block;    color: inherit !important;    -webkit-transition: all .1s ease-in-out;    transition: all .1s ease-in-out}
.edition-body>ul>li>a:hover {    color: #0941c6}
.edition-body>ul>li>svg,.edition-body>ul>li>a>svg {    position: absolute;    left: -2px;    top: 5px}
.edition-body>ul>li.inclue-fea {    font-weight: 500;    color: #0941c6}
.edition-header>.edition-title {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    gap: 24px;    position: absolute;    border: 1px solid #d8d8d8;    border-radius: 6px;    background: #fff;    padding: 12px;    width: 90%;    left: 5%;    right: 5%;    top: -25px;    -ms-flex-line-pack: distribute;    align-content: space-around}
.edition-header>.edition-title h4 {    font-weight: 500;    font-size: 17px;    margin-bottom: 0}
.edition-header>.edition-title span {    display: inline-block;    background: #ffe7c1;    border-radius: 40px;    line-height: 14px;    padding: 3px 8px;    font-size: 11px;    color: #000}
.edition-block.professional .edition-title {    border-color: #85a9ff}
.edition-row>.edition-col>.edition-block.professional>.edition-header {    border-bottom-color: #85a9ff}
.edition-header>.edition-pricing {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    margin-top: 16px;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column}
.edition-header>.edition-pricing>div:first-child {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    gap: 8px;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    padding-bottom: 16px}
.edition-header>.edition-pricing>div .edition-label {    font-size: 14px;    line-height: 18px;    padding-bottom: 6px;    margin-bottom: 0}
.edition-header>.edition-pricing>div .edition-price {    font-size: 17px;    font-weight: 600;    padding-bottom: 4px;    margin-bottom: 0}
.edition-header>.edition-pricing>div .edition-device-count {    font-size: 14px;    line-height: 14px;    margin-bottom: 0}
.edition-header>.edition-pricing>div .edition-device-count>strong {    font-weight: 700;    font-size: 16px}
.edition-btn-div {    position: absolute;    margin-top: 46px;    background: #fff;    border-radius: 50%}
.edition-pricing .edition-btn-div>a {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    border: 1px solid #dc0a0a;    padding: 12px;    border-radius: 50%;    color: #fff;    -webkit-transition: all .3s;    transition: all .3s;    gap: 8px}
.edition-pricing .edition-btn-div>a:hover {    background: #fee7e7}
.edition-block.standard,.edition-block.professional {    min-height: 573px}
.get-quote-block {    border: 1px solid #d3d3d3;    border-radius: 6px;    margin-top: 12px;    background: #fff;    padding: 12px;    min-height: 285px}
.get-quote-block h3 {    font-weight: 900;    margin-bottom: 8px}
.form-con {    position: relative}
.form-group>.form-row {    margin-bottom: 6px}
.form-group>.form-row:last-child {    margin-bottom: 0}
.form-group>.form-row input,.form-group>.form-row select {    border: 1px solid #e3e3e3;    padding: 8px;    width: 100%;    border-radius: 4px}
.form-row select {    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    --form-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");    background-image: var(--form-bg-img);    background-repeat: no-repeat;    background-position: right 12px center;    background-size: 16px 12px;    margin-bottom: 8px}
.edition-btn {    background: #dc0a0a;    color: #fff;    padding: 12px !important;    font-weight: 700;    font-size: 14px}
span.errormsg {    position: relative;    left: 0;    line-height: 16px;    font-size: 12px;    color: red;    display: block;    text-align: left;    top: 1px}
@media screen and (max-width:998px) {    .edition-row>.edition-col {        width: 460px;        margin-bottom: 24px    }
    .edition-block.standard,    .edition-block.professional {        min-height: auto    }
}
.success-message {    display: none;    background: #e2fff5;    padding: 40px 24px;    border-radius: 6px;    text-align: center}
.success-message>h5 {    color: #1c7838;    font-weight: 900;    font-size: 18px}
.compare-btn>a {    display: inline-block;    padding: 6px 20px;    background: #fff;    border-radius: 6px;    color: #2769e0;    font-weight: 500;    border: 1px solid #8bb4ff}
#get-quote-form h5 {    margin-bottom: 8px}
.dwn-priv {    font-size: 12px;    line-height: 1.5;    margin: 8px 0 0;    color: inherit}
.dwn-priv strong {    font-weight: 500}
#meGDPRMessage {    color: inherit;    font-size: 12px;    width: 100%}
.checkmarkgdpr {    margin: 0 !important;    -webkit-appearance: none !important;    -moz-appearance: none !important;    appearance: none !important;    width: 16px !important;    height: 16px !important;    border: 1px solid #ddd !important;    border-radius: 4px !important;    display: -webkit-inline-box !important;    display: -ms-inline-flexbox !important;    display: inline-flex !important;    -webkit-box-align: center !important;    -ms-flex-align: center !important;    align-items: center !important;    -webkit-box-pack: center !important;    -ms-flex-pack: center !important;    justify-content: center !important;    -webkit-box-flex: 0;    -ms-flex: 0 0 auto;    flex: 0 0 auto;    margin-right: 4px !important;    background: #fff !important}
.checkmarkgdpr::before {    content: "";    top: -1px !important;    left: 0 !important;    position: relative !important;    width: 4px !important;    height: 8px !important;    border-style: solid !important;    border-width: 0 1.5px 1.5px 0 !important;    -webkit-transform: rotate(45deg) scale(0) !important;    transform: rotate(45deg) scale(0) !important;    -webkit-transition: 120ms -webkit-transform ease-out !important;    transition: 120ms -webkit-transform ease-out !important;    transition: 120ms transform ease-out !important;    transition: 120ms transform ease-out, 120ms -webkit-transform ease-out !important;    transition: 120ms transform ease-out, 120ms -webkit-transform ease-out !important}
.checkmarkgdpr.enableCheckgdpr::before {    -webkit-transform: rotate(45deg) scale(1) !important;    transform: rotate(45deg) scale(1) !important}
.testimonial-section {    padding: 80px 0}
.testimonial-section .customer-review-wrapper {    background-color: #f9f9f9;    border: 1px solid #f2f2f2;    -webkit-box-shadow: 0 4px 12px 0 rgba(255, 248, 226, .12);    box-shadow: 0 4px 12px 0 rgba(255, 248, 226, .12);    border-radius: 12px;    padding: 32px;    height: 100%}
.testimonial-section .customer-review-wrapper .swiper {    height: 100%}
.testimonial-section .customer-review-wrapper .swiper .swiper-wrapper {    height: 100%}
.testimonial-section .customer-review-wrapper .swiper .swiper-wrapper .swiper-slide {    height: 100%}
.testimonial-section .customer-review-wrapper .swiper .swiper-wrapper .swiper-slide:last-child .client-profile-section img {    max-height: 164px}
.testimonial-section .gartner-review-wrapper {    border-radius: 12px;    padding: 32px;    background-color: #f9f9f9;    border: 1px solid #f2f2f2;    -webkit-box-shadow: 0 4px 12px 0 rgba(255, 248, 226, .12);    box-shadow: 0 4px 12px 0 rgba(255, 248, 226, .12);    margin-bottom: 24px;    min-height: 419px;    position: relative}
.testimonial-section .gartner-review-wrapper .gartnerReviewSwiper {    padding-bottom: 16px}
.testimonial-section .gartner-review-wrapper .gartnerReviewSwiper .swiper-pagination {    bottom: -5px}
.testimonial-section .gartner-review-card .gartner-review--item p:not(.gartner-review-details p):last-child {    margin-bottom: 0}
.testimonial-section .gartner-review-card .gartner-logo {    height: 50px}
.testimonial-section .gartner-review-card .gartner-review-details {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    color: #818181}
@media only screen and (max-width:575.98px) {    .testimonial-section .gartner-review-card .gartner-review-details {        -ms-flex-wrap: wrap;        flex-wrap: wrap    }
}
.testimonial-section .gartner-review-card .gartner-review-details p {    margin: 0 24px 12px 0;    font-size: 16px;    line-height: 1.75}
.testimonial-section .gartner-review-card h4 {    margin: 12px 0;    font-weight: 600;    line-height: 1.35}
.testimonial-section .client-review-card {    height: 100%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: start;    -ms-flex-align: start;    align-items: flex-start;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between}
.testimonial-section .client-review-card .client-profile-section {    background-color: #fff;    border-radius: 12px;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    padding-top: 16px;    padding-bottom: 150px;    margin-bottom: 24px;    position: relative}
.testimonial-section .client-review-card .client-profile-section img {    max-width: 234px;    max-height: 154px;    position: absolute;    bottom: 0}
.testimonial-section .client-review-card .client-profile-section .btn-play-icon {    width: 36px;    height: 36px;    border-radius: 100px;    background-color: #006deb;    color: #fff;    border: 0;    cursor: pointer;    position: absolute;    right: 16px}
.testimonial-section .client-review-card .client-profile-section .btn-play-icon::before {    border-top: 7px solid rgba(0, 0, 0, 0);    border-bottom: 7px solid rgba(0, 0, 0, 0);    border-left: 11px solid #fff;    position: absolute;    content: "";    top: 50%;    left: 50%;    -webkit-transform: translate(-32%, -50%);    transform: translate(-36%, -50%)}
.testimonial-section .client-review-card .client-details .client-name {    color: #006deb;    font-size: 18px}
.testimonial-section .client-review-card .btn-link {    padding: 0;    margin: 0;    background: none;    border: 0;    font-size: 15px;    text-decoration: underline;    text-transform: uppercase;    color: #006deb;    font-weight: 500;    cursor: pointer}
.testimonial-section .award-badge-card {    background-color: #f9f9f9;    border: 1px solid #f2f2f2;    -webkit-box-shadow: 0 4px 12px 0 rgba(255, 248, 226, .12);    box-shadow: 0 4px 12px 0 rgba(255, 248, 226, .12);    border-radius: 12px;    height: 160px;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center}
@media only screen and (max-width:991.98px) {    .testimonial-section .award-badge-card {        margin-bottom: 24px    }
}
.testimonial-section .award-badge-card img {    height: 100px}
.video-player-wrapper {    position: fixed;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: rgba(7, 13, 20, .84);    width: 100%;    height: 100%;    padding: 40px 20px;    -webkit-transition: all .25s ease-in;    transition: all .25s ease-in;    z-index: 99999;    overflow-y: auto;    -webkit-box-sizing: border-box;    box-sizing: border-box;    display: none;    opacity: 0}
.video-player-wrapper * {    -webkit-box-sizing: border-box;    box-sizing: border-box}
.video-player-wrapper.active {    display: block;    opacity: 1}
.video-player-wrapper .video-player-container {    width: 100%;    height: 100%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    max-width: 1360px;    margin: auto}
.video-player-wrapper .video-player-container .video-player-close-btn {    width: 36px;    height: 36px;    border-radius: 100px;    margin-left: auto;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    cursor: pointer;    position: relative}
.video-player-wrapper .video-player-container .video-player-close-btn::before {    content: "";    width: 2px;    height: 32px;    background-color: #fff;    border-radius: 2px;    position: absolute;    -webkit-transform: rotate(45deg);    transform: rotate(45deg)}
.video-player-wrapper .video-player-container .video-player-close-btn::after {    content: "";    width: 2px;    height: 32px;    background-color: #fff;    border-radius: 2px;    position: absolute;    -webkit-transform: rotate(-45deg);    transform: rotate(-45deg)}
.video-player-wrapper .video-player-container .video-player {    width: 100%;    height: 0;    padding-top: 56.25%;    position: relative;    margin: 12px auto 0}
.video-player-wrapper .video-player-container .video-player iframe {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none}
@media screen and (max-width:1180.98px) {    .privacy-footer-icon {        gap: 24px    }
}
@media screen and (max-width:991.98px) {    .clients-item-wrapper {        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center    }
    .clients-item-wrapper .client-item {        -webkit-box-flex: 0;        -ms-flex: 0 0 25%;        flex: 0 0 25%;        height: 60px;        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center;        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center    }
    .enterprise-img-wrapper {        margin-top: 64px    }
}
@media screen and (max-width:767.98px) {    .clients-item-wrapper .client-item {        -webkit-box-flex: 0;        -ms-flex: 0 0 50%;        flex: 0 0 50%    }
    .client-item-wrapper {        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center;        -ms-flex-wrap: wrap;        flex-wrap: wrap;        gap: 24px    }
    .banner-img {        margin-top: 64px    }
    .tab-list-wrapper {        overflow-x: scroll;        margin-bottom: 32px    }
    .awards-item {        -webkit-box-orient: vertical;        -webkit-box-direction: normal;        -ms-flex-direction: column;        flex-direction: column;        -webkit-box-pack: center;        -ms-flex-pack: center;        justify-content: center;        text-align: center    }
}
.promotionSwiperMiddle .swiper-wrapper {    align-items: stretch;}
.promotionSwiperMiddle .swiper-slide {    display: flex;    height: auto;}
.promotion-middle-banner {    -webkit-box-sizing: border-box;    box-sizing: border-box;    display: flex;    align-items: center;    width: 100%;    height: 100%;    color: #000;    font-family: "ZohoPuvi", sans-serif;    padding: 60px 0;    position: relative;    z-index: 1;}
.gpi-observability img {    max-width: 190px !important;}
.promotion-middle-banner.gartner-mq {    background: -webkit-gradient(linear, left top, left bottom, from(#d1e5fa), to(#FFFCEE));    background: linear-gradient(180deg, #d1e5fa 0%, #FFFCEE 100%)}
.promotion-middle-banner.gartner-mq::before {    content: "";    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    z-index: -1;    background-size: 72px 72px;    background-image: linear-gradient(to right, rgba(92, 80, 50, .04) 1px, transparent 1px), linear-gradient(to bottom, rgba(92, 80, 50, .04) 1px, transparent 1px);    display: none;}
.promotion-middle-banner.aiops-banner-mar {    position: relative;    background: #000 url("/itom/images/hero-banners/2025/sweden-banner-mar25.webp") no-repeat scroll center;    background-size: auto;    background-size: cover;    z-index: 1}
.promotion-middle-banner * {    -webkit-box-sizing: border-box;    box-sizing: border-box}
.promotion-middle-banner h2 {    font-weight: 600;    font-size: 28px;    line-height: 1.3;    margin: 0 0 8px}
.promotion-middle-banner p {    font-size: 17px;    line-height: 1.75;    margin: 0 0 8px;    text-align: left}
.promotion-middle-banner .text-highlight {    color: #f3c16a}
.promotion-middle-banner .row {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    margin-right: -.75rem;    margin-left: -.75rem;    padding-top: 0;    padding-bottom: 0}
.promotion-middle-banner .row>* {    padding-left: 12px;    padding-right: 12px;    max-width: 100%}
.promotion-middle-banner .row.g-0 {    margin-right: 0;    margin-left: 0}
.promotion-middle-banner .row.g-0>* {    padding-left: 0;    padding-right: 0}
.promotion-middle-banner .col-12 {    -webkit-box-flex: 0;    -ms-flex: 0 0 auto;    flex: 0 0 auto;    width: 100%}
@media only screen and (min-width:768px) {    .promotion-middle-banner .col-md-4 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 33.33333333%    }
    .promotion-middle-banner .col-md-5 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 41.66666667%    }
    .promotion-middle-banner .col-md-6 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 50%;        display: unset    }
    .promotion-middle-banner .col-md-7 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 58.33333333%    }
    .promotion-middle-banner .col-md-8 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 66.66666667%    }
}
@media only screen and (min-width:992px) {    .promotion-middle-banner .col-lg-4 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 33.33333333%    }
    .promotion-middle-banner .col-lg-5 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 41.66666667%    }
    .promotion-middle-banner .col-lg-6 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 50%    }
    .promotion-middle-banner .col-lg-7 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 58.33333333%    }
    .promotion-middle-banner .col-lg-8 {        -webkit-box-flex: 0;        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: 66.66666667%    }
}
.promotion-middle-banner .btn-primary {    display: -webkit-inline-box;    display: -ms-inline-flexbox;    display: inline-flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    font-weight: 400;    cursor: pointer;    padding: 10px 16px;    line-height: 1.2;    font-size: 17px;    -webkit-transition: all .15s ease-in;    transition: all .15s ease-in;    border-radius: 4px;    background: #e80e19;    color: #fff !important;    border: 1px solid #e80e19;    position: relative;    gap: 0 1px}
.promotion-middle-banner .btn-primary:hover,.promotion-middle-banner .btn-primary:focus,.promotion-middle-banner .btn-primary:focus-within,.promotion-middle-banner .btn-primary:active {    background: #c80420;    text-decoration: none}
.promotion-middle-banner .btn-primary .chevron-right-icon {    position: relative;    display: inline-block;    width: 14px;    height: 14px}
.promotion-middle-banner .btn-primary .chevron-right-icon::before {    content: "";    right: 0;    position: absolute;    width: 1.5px;    height: 8px;    background-color: #fff;    border-radius: 2px;    top: 1px;    right: 4px;    -webkit-transform: rotate(-45deg);    transform: rotate(-45deg)}
.promotion-middle-banner .btn-primary .chevron-right-icon::after {    content: "";    right: 0;    position: absolute;    width: 1.5px;    height: 8px;    background-color: #fff;    border-radius: 2px;    top: 6px;    right: 4px;    -webkit-transform: rotate(45deg);    transform: rotate(45deg)}
.promotion-middle-banner .mt-3 {    margin-top: 12px !important}
.promotion-middle-banner .mb-3 {    margin-bottom: 12px !important}
.promotion-middle-banner .align-items-center {    -webkit-box-align: center !important;    -ms-flex-align: center !important;    align-items: center !important}
.promotion-middle-banner .promotion-img-wrapper {    text-align: center}
.promotion-middle-banner .promotion-img-wrapper img {    max-width: 300px;    width: 100%;    margin-right: auto;    margin-left: auto}
.promotionSwiperMiddle .swiper-pagination-bullet {    border: 1px solid #fff;    width: 10px;    height: 10px}
.promotion-middle-banner .promotion-middle-banner-content {    text-align: left}
.promotion-middle-banner .text-sm {    font-size: 15px}
.fips-promotions {    background: #fc0;}
.fips-promotions img.img-m {    max-width: 270px;}
.blue-bg-091e8c {    background: #091e8c;}
.white-badge {    text-transform: uppercase;    letter-spacing: 1px;    font-weight: 400;    font-size: 12px;    display: inline-block;    margin-bottom: 12px;    line-height: 1.75;    padding: 2px 10px;    border-radius: 30px;    color: #ffffff;    border: 1px solid #ffffff;}
.promotion-dt-info {    margin: 12px 0 4px;}
.promotion-dt-info .dt-info {    display: inline-flex;    align-items: center;    gap: 0 8px;    margin-right: 12px;    font-size: 16px;}
.promotion-dt-info .dt-info .dt-info-icon {    display: inline-flex;}
.webinar-promotion {    background-color: #0722a1;}
.promotion-speakers-info {    height: 100%;    display: flex;    justify-content: center;    gap: 48px;}
.promotion-speakers-info .speakers-info-item {    display: inline-flex;    flex-direction: column;    align-items: center;    justify-content: center;    height: 100%;}
.promotion-speakers-info .speakers-info-item .speakers-img {    background: #E5B00E;    border-radius: 120px;    width: 120px;    height: 120px;    display: inline-block;    overflow: hidden;    position: relative;}
.promotion-speakers-info .speakers-info-item .speakers-img img {    width: 120px;    height: 120px;    -o-object-fit: cover;    object-fit: cover;    position: absolute;    left: -1.5px;}
.promotion-speakers-info .speakers-info-content {    color: #ffffff;    margin: 8px 0 0;}
.promotion-speakers-info .speakers-info-content>span {    text-align: center;    display: block;    line-height: 1.5;}
.promotion-speakers-info .speakers-info-content .speakers-name {    font-weight: 500;    font-size: 18px;}
@media only screen and (max-width:768px) {    .promotion-middle-banner .promotion-img-wrapper,    .promotion-speakers-info {        display: none    }
}
