.btn {
    border-width: 2px;
}

body {
    font-family: Jost;
}

.display-1 {
    font-family: 'Poppins', sans-serif;
    font-size: 4.6rem;
    line-height: 1.1;
}

    .display-1 > .mbr-iconfont {
        font-size: 5.75rem;
    }

.display-2 {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
    line-height: 1.1;
}

    .display-2 > .mbr-iconfont {
        font-size: 3.75rem;
    }

.display-4 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1rem;
    line-height: 1.5;
}

    .display-4 > .mbr-iconfont {
        font-size: 1.375rem;
    }

.display-5 {
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    line-height: 1.5;
}

    .display-5 > .mbr-iconfont {
        font-size: 2.5rem;
    }

.display-7 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.2rem;
    line-height: 1.5;
}

    .display-7 > .mbr-iconfont {
        font-size: 1.5rem;
    }
/* ---- Fluid typography for mobile devices ---- */
/* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */
/* 100vw - current viewport width */
/* (48 - 20)  48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) */
/* 0.65 - min scale variable, may vary */
@media (max-width: 992px) {
    .display-1 {
        font-size: 3.68rem;
    }
}

@media (max-width: 768px) {
    .display-1 {
        font-size: 3.22rem;
        font-size: calc( 2.26rem + (4.6 - 2.26) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (2.26rem + (4.6 - 2.26) * ((100vw - 20rem) / (48 - 20))));
    }

    .display-2 {
        font-size: 2.4rem;
        font-size: calc( 1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.3 * (1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20))));
    }

    .display-4 {
        font-size: 0.88rem;
        font-size: calc( 1.0350000000000001rem + (1.1 - 1.0350000000000001) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.4 * (1.0350000000000001rem + (1.1 - 1.0350000000000001) * ((100vw - 20rem) / (48 - 20))));
    }

    .display-5 {
        font-size: 1.6rem;
        font-size: calc( 1.35rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.4 * (1.35rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20))));
    }

    .display-7 {
        font-size: 0.96rem;
        font-size: calc( 1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.4 * (1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20))));
    }
}
/* Buttons */
.btn {
    padding: 0.6rem 1.2rem;
    border-radius: 4px;
}

.btn-sm {
    padding: 0.6rem 1.2rem;
    border-radius: 4px;
}

.btn-md {
    padding: 0.6rem 1.2rem;
    border-radius: 4px;
}

.btn-lg {
    padding: 1rem 2.6rem;
    border-radius: 4px;
}

.bg-primary {
    background-color: #173668 !important;
}

.bg-success {
    background-color: #0054a6 !important;
}

.bg-info {
    background-color: #ff0000 !important;
}

.bg-warning {
    background-color: #353535 !important;
}

.bg-danger {
    background-color: #bbbbbb !important;
}

.btn-primary,
.btn-primary:active {
    background-color: #173668 !important;
    border-color: #173668 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary.active {
        color: #ffffff !important;
        background-color: #071121 !important;
        border-color: #071121 !important;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        color: #ffffff !important;
        background-color: #071121 !important;
        border-color: #071121 !important;
    }

.btn-secondary,
.btn-secondary:active {
    background-color: #0066ff !important;
    border-color: #0066ff !important;
    color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary.focus,
    .btn-secondary.active {
        color: #ffffff !important;
        background-color: #01254d !important;
        border-color: #01254d !important;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    }

    .btn-secondary.disabled,
    .btn-secondary:disabled {
        color: #ffffff !important;
        background-color: #01254d !important;
        border-color: #01254d !important;
    }

.btn-info,
.btn-info:active {
    color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info.focus,
    .btn-info.active {
        color: #ffffff !important;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    }

    .btn-info.disabled,
    .btn-info:disabled {
        color: black !important;
        background-color: #bbbbbb !important;
        border-color: #bbbbbb !important;
    }

.btn-success,
.btn-success:active {
    background-color: #0054a6 !important;
    border-color: #0054a6 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success.focus,
    .btn-success.active {
        color: #ffffff !important;
        background-color: #00284f !important;
        border-color: #00284f !important;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    }

    .btn-success.disabled,
    .btn-success:disabled {
        color: #ffffff !important;
        background-color: #00284f !important;
        border-color: #00284f !important;
    }

.btn-warning,
.btn-warning:active {
    background-color: #EF7B0F !important;
    border-color: #EF7B0F !important;
    color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning.focus,
    .btn-warning.active {
        color: #ffffff !important;
        background-color: #9b4d04 !important;
        border-color: #9b4d04 !important;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    }

    .btn-warning.disabled,
    .btn-warning:disabled {
        color: black !important;
        background-color: #bbbbbb !important;
        border-color: #bbbbbb !important;
    }

.btn-danger,
.btn-danger:active {
    background-color: #bbbbbb !important;
    border-color: #bbbbbb !important;
    color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger.focus,
    .btn-danger.active {
        color: #ffffff !important;
        background-color: #909090 !important;
        border-color: #909090 !important;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    }

    .btn-danger.disabled,
    .btn-danger:disabled {
        color: #ffffff !important;
        background-color: #909090 !important;
        border-color: #909090 !important;
    }

.btn-white,
.btn-white:active {
    background-color: #fafafa !important;
    border-color: #fafafa !important;
    color: #7a7a7a !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

    .btn-white:hover,
    .btn-white:focus,
    .btn-white.focus,
    .btn-white.active {
        color: #4f4f4f !important;
        background-color: #cfcfcf !important;
        border-color: #cfcfcf !important;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    }

    .btn-white.disabled,
    .btn-white:disabled {
        color: #7a7a7a !important;
        background-color: #cfcfcf !important;
        border-color: #cfcfcf !important;
    }

.btn-black,
.btn-black:active {
    background-color: #173668 !important;
    border-color: #173668 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

    .btn-black:hover,
    .btn-black:focus,
    .btn-black.focus,
    .btn-black.active {
        color: #ffffff !important;
        background-color: #000000 !important;
        border-color: #000000 !important;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    }

    .btn-black.disabled,
    .btn-black:disabled {
        color: #ffffff !important;
        background-color: #000000 !important;
        border-color: #000000 !important;
    }

.btn-primary-outline,
.btn-primary-outline:active {
    background-color: transparent !important;
    border-color: #173668;
    color: #173668;
}

    .btn-primary-outline:hover,
    .btn-primary-outline:focus,
    .btn-primary-outline.focus,
    .btn-primary-outline.active {
        color: #071121 !important;
        background-color: transparent !important;
        border-color: #071121 !important;
        box-shadow: none !important;
    }

    .btn-primary-outline.disabled,
    .btn-primary-outline:disabled {
        color: #ffffff !important;
        background-color: #173668 !important;
        border-color: #173668 !important;
    }

.btn-secondary-outline,
.btn-secondary-outline:active {
    background-color: transparent !important;
    border-color: #0066ff;
    color: #0066ff;
}

    .btn-secondary-outline:hover,
    .btn-secondary-outline:focus,
    .btn-secondary-outline.focus,
    .btn-secondary-outline.active {
        color: #01254d !important;
        background-color: transparent !important;
        border-color: #01254d !important;
        box-shadow: none !important;
    }

    .btn-secondary-outline.disabled,
    .btn-secondary-outline:disabled {
        color: #ffffff !important;
        background-color: #034ea2 !important;
        border-color: #034ea2 !important;
    }

.btn-info-outline,
.btn-info-outline:active {
    background-color: transparent !important;
    border-color: #ff0000;
    color: #ff0000;
}

    .btn-info-outline:hover,
    .btn-info-outline:focus,
    .btn-info-outline.focus,
    .btn-info-outline.active {
        color: #a80000 !important;
        background-color: transparent !important;
        border-color: #a80000 !important;
        box-shadow: none !important;
    }

    .btn-info-outline.disabled,
    .btn-info-outline:disabled {
        color: #ffffff !important;
        background-color: #ff0000 !important;
        border-color: #ff0000 !important;
    }

.btn-success-outline,
.btn-success-outline:active {
    background-color: transparent !important;
    border-color: #0054a6;
    color: #0054a6;
}

    .btn-success-outline:hover,
    .btn-success-outline:focus,
    .btn-success-outline.focus,
    .btn-success-outline.active {
        color: #00284f !important;
        background-color: transparent !important;
        border-color: #00284f !important;
        box-shadow: none !important;
    }

    .btn-success-outline.disabled,
    .btn-success-outline:disabled {
        color: #ffffff !important;
        background-color: #0054a6 !important;
        border-color: #0054a6 !important;
    }

.btn-warning-outline,
.btn-warning-outline:active {
    background-color: transparent !important;
    border-color: #EF7B0F;
    color: #EF7B0F;
}

    .btn-warning-outline:hover,
    .btn-warning-outline:focus,
    .btn-warning-outline.focus,
    .btn-warning-outline.active {
        color: #9b4d04 !important;
        background-color: transparent !important;
        border-color: #9b4d04 !important;
        box-shadow: none !important;
    }

    .btn-warning-outline.disabled,
    .btn-warning-outline:disabled {
        color: #ffffff !important;
        background-color: #353535 !important;
        border-color: #353535 !important;
    }

.btn-danger-outline,
.btn-danger-outline:active {
    background-color: transparent !important;
    border-color: #bbbbbb;
    color: #bbbbbb;
}

    .btn-danger-outline:hover,
    .btn-danger-outline:focus,
    .btn-danger-outline.focus,
    .btn-danger-outline.active {
        color: #909090 !important;
        background-color: transparent !important;
        border-color: #909090 !important;
        box-shadow: none !important;
    }

    .btn-danger-outline.disabled,
    .btn-danger-outline:disabled {
        color: #ffffff !important;
        background-color: #bbbbbb !important;
        border-color: #bbbbbb !important;
    }

.btn-black-outline,
.btn-black-outline:active {
    background-color: transparent !important;
    border-color: #232323;
    color: #232323;
}

    .btn-black-outline:hover,
    .btn-black-outline:focus,
    .btn-black-outline.focus,
    .btn-black-outline.active {
        color: #000000 !important;
        background-color: transparent !important;
        border-color: #000000 !important;
        box-shadow: none !important;
    }

    .btn-black-outline.disabled,
    .btn-black-outline:disabled {
        color: #ffffff !important;
        background-color: #232323 !important;
        border-color: #232323 !important;
    }

.btn-white-outline,
.btn-white-outline:active {
    background-color: transparent !important;
    border-color: #fafafa;
    color: #fafafa;
}

    .btn-white-outline:hover,
    .btn-white-outline:focus,
    .btn-white-outline.focus,
    .btn-white-outline.active {
        color: #cfcfcf !important;
        background-color: transparent !important;
        border-color: #cfcfcf !important;
        box-shadow: none !important;
    }

    .btn-white-outline.disabled,
    .btn-white-outline:disabled {
        color: #7a7a7a !important;
        background-color: #fafafa !important;
        border-color: #fafafa !important;
    }

.text-primary {
    color: #173668 !important;
}

.text-secondary {
    color: #034ea2 !important;
}

.text-success {
    color: #0054a6 !important;
}

.text-info {
    color: #ff0000 !important;
}

.text-warning {
    color: #353535 !important;
}

.text-danger {
    color: #bbbbbb !important;
}

.text-white {
    color: #fafafa !important;
}

.text-black {
    color: #232323 !important;
}

a.text-primary:hover,
a.text-primary:focus,
a.text-primary.active {
    color: #050b14 !important;
}

a.text-secondary:hover,
a.text-secondary:focus,
a.text-secondary.active {
    color: #011e3e !important;
}

a.text-success:hover,
a.text-success:focus,
a.text-success.active {
    color: #002040 !important;
}

a.text-info:hover,
a.text-info:focus,
a.text-info.active {
    color: #990000 !important;
}

a.text-warning:hover,
a.text-warning:focus,
a.text-warning.active {
    color: #020202 !important;
}

a.text-danger:hover,
a.text-danger:focus,
a.text-danger.active {
    color: #888888 !important;
}

a.text-white:hover,
a.text-white:focus,
a.text-white.active {
    color: #c7c7c7 !important;
}

a.text-black:hover,
a.text-black:focus,
a.text-black.active {
    color: #000000 !important;
}

a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) {
    position: relative;
    background-image: transparent;
    background-size: 10000px 2px;
    background-repeat: no-repeat;
    background-position: 0px 1.2em;
    background-position: -10000px 1.2em;
}

    a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption):hover {
        transition: background-position 2s ease-in-out;
        background-image: linear-gradient(currentColor 50%, currentColor 50%);
        background-position: 0px 1.2em;
    }

.nav-tabs .nav-link.active {
    color: #173668;
}

.nav-tabs .nav-link:not(.active) {
    color: #232323;
}

.alert-success {
    background-color: #70c770;
}

.alert-info {
    background-color: #ff0000;
}

.alert-warning {
    background-color: #353535;
}

.alert-danger {
    background-color: darkred;
}

.mbr-gallery-filter li.active .btn {
    background-color: #173668;
    border-color: #173668;
    color: #ffffff;
}

    .mbr-gallery-filter li.active .btn:focus {
        box-shadow: none;
    }

a,
a:hover {
    color: #173668;
}

.mbr-plan-header.bg-primary .mbr-plan-subtitle,
.mbr-plan-header.bg-primary .mbr-plan-price-desc {
    color: #2e6cd0;
}

.mbr-plan-header.bg-success .mbr-plan-subtitle,
.mbr-plan-header.bg-success .mbr-plan-price-desc {
    color: #2694ff;
}

.mbr-plan-header.bg-info .mbr-plan-subtitle,
.mbr-plan-header.bg-info .mbr-plan-price-desc {
    color: #ffcccc;
}

.mbr-plan-header.bg-warning .mbr-plan-subtitle,
.mbr-plan-header.bg-warning .mbr-plan-price-desc {
    color: #a8a8a8;
}

.mbr-plan-header.bg-danger .mbr-plan-subtitle,
.mbr-plan-header.bg-danger .mbr-plan-price-desc {
    color: #fbfbfb;
}
/* Scroll to top button*/
.form-control {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1rem;
    line-height: 1.5;
    font-weight: 400;
}

    .form-control > .mbr-iconfont {
        font-size: 1.375rem;
    }

    .form-control:hover,
    .form-control:focus {
        box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px;
        border-color: #173668 !important;
    }

    .form-control:-webkit-input-placeholder {
        font-family: 'Poppins', sans-serif;
        font-size: 1.1rem;
        line-height: 1.5;
        font-weight: 400;
    }

        .form-control:-webkit-input-placeholder > .mbr-iconfont {
            font-size: 1.375rem;
        }

blockquote {
    border-color: #173668;
}
/* Forms */
.jq-selectbox li:hover,
.jq-selectbox li.selected {
    background-color: #173668;
    color: #ffffff;
}

.jq-number__spin {
    transition: 0.25s ease;
}

    .jq-number__spin:hover {
        border-color: #173668;
    }

    .jq-selectbox .jq-selectbox__trigger-arrow,
    .jq-number__spin.minus:after,
    .jq-number__spin.plus:after {
        transition: 0.4s;
        border-top-color: #353535;
        border-bottom-color: #353535;
    }

    .jq-selectbox:hover .jq-selectbox__trigger-arrow,
    .jq-number__spin.minus:hover:after,
    .jq-number__spin.plus:hover:after {
        border-top-color: #173668;
        border-bottom-color: #173668;
    }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    color: #ffffff !important;
    background-color: #173668 !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #ffffff !important;
    background: #034ea2 !important;
    box-shadow: none !important;
}

.lazy-bg {
    background-image: none !important;
}

.lazy-placeholder:not(section),
.lazy-none {
    display: block;
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    height: auto;
}

iframe.lazy-placeholder,
.lazy-placeholder:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    background: transparent no-repeat center;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' stroke='%23173668' %3e%3cg fill='none' fill-rule='evenodd'%3e%3cg transform='translate(16 16)' stroke-width='2'%3e%3ccircle stroke-opacity='.5' cx='16' cy='16' r='16'/%3e%3cpath d='M32 16c0-9.94-8.06-16-16-16'%3e%3canimateTransform attributeName='transform' type='rotate' from='0 16 16' to='360 16 16' dur='1s' repeatCount='indefinite'/%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

section.lazy-placeholder:after {
    opacity: 0.5;
}

body {
    overflow-x: hidden;
}

a {
    transition: color 0.6s;
}

.header-navbar {
    z-index: 1000;
    width: 100%;
    position: relative;
    /*min-height: 90px;*/
}

    /*@media (max-width: 753px) {
    .header-navbar {
        min-height: 120px;
    }
}

@media (max-width: 339px) {
    .header-navbar {
        min-height: 180px;
    }
}*/
    .header-navbar nav.navbar {
        position: fixed;
    }

    .header-navbar .dropdown-item:before {
        font-family: Moririse2 !important;
        content: "\e966";
        display: inline-block;
        width: 0;
        position: absolute;
        left: 1rem;
        top: 0.5rem;
        margin-right: 0.5rem;
        line-height: 1;
        font-size: inherit;
        vertical-align: middle;
        text-align: center;
        overflow: hidden;
        transform: scale(0, 1);
        transition: all 0.25s ease-in-out;
    }

    .header-navbar .dropdown-menu {
        padding: 0;
        border-radius: 4px;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    }

    .header-navbar .dropdown-item {
        border-bottom: 1px solid #e6e6e6;
    }

        .header-navbar .dropdown-item:hover,
        .header-navbar .dropdown-item:focus {
            background: #173668 !important;
            color: white !important;
        }

        .header-navbar .dropdown-item:first-child {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

        .header-navbar .dropdown-item:last-child {
            border-bottom: none;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }

    .header-navbar .nav-dropdown .link {
        padding: 0 0.3em !important;
        margin: 0.667em 1em !important;
    }

        .header-navbar .nav-dropdown .link.dropdown-toggle::after {
            margin-left: 0.5rem;
            margin-top: 0.2rem;
        }

    .header-navbar .nav-link {
        position: relative;
    }

    .header-navbar .container {
        display: flex;
        margin: auto;
    }

    .header-navbar .iconfont-wrapper {
        color: #000000 !important;
        font-size: 1.5rem;
        padding-right: 0.5rem;
    }

    .header-navbar .dropdown-menu,
    .header-navbar .navbar.opened {
        background: #ffffff !important;
    }

    .header-navbar .nav-item:focus,
    .header-navbar .nav-link:focus {
        outline: none;
    }

    .header-navbar .dropdown .dropdown-menu .dropdown-item {
        width: auto;
        transition: all 0.25s ease-in-out;
    }

        .header-navbar .dropdown .dropdown-menu .dropdown-item::after {
            right: 0.5rem;
        }

        .header-navbar .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
            margin-right: 0.5rem;
            vertical-align: sub;
        }

            .header-navbar .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
                display: inline-block;
                transform: scale(1, 1);
                transition: all 0.25s ease-in-out;
            }

    .header-navbar .collapsed .dropdown-menu .dropdown-item:before {
        display: none;
    }

    .header-navbar .collapsed .dropdown .dropdown-menu .dropdown-item {
        padding: 0.235em 1.5em 0.235em 1.5em !important;
        transition: none;
        margin: 0 !important;
    }

    .header-navbar .navbar {
        min-height: 70px;
        transition: all 0.3s;
        border-bottom: 1px solid transparent;
        box-shadow: 0 -36px 40px 7px #5c5c5c;
        background: #ffffff;
    }

        .header-navbar .navbar.opened {
            transition: all 0.3s;
        }

        .header-navbar .navbar .dropdown-item {
            padding: 0.5rem 1.8rem;
        }

        .header-navbar .navbar .navbar-logo img {
            width: auto;
        }

        .header-navbar .navbar .navbar-collapse {
            justify-content: flex-end;
            z-index: 1;
        }

        .header-navbar .navbar.collapsed {
            justify-content: center;
        }

            .header-navbar .navbar.collapsed .nav-item .nav-link::before {
                display: none;
            }

            .header-navbar .navbar.collapsed.opened .dropdown-menu {
                top: 0;
            }

@media (min-width: 992px) {
    .header-navbar .navbar.collapsed.opened:not(.navbar-short) .navbar-collapse {
        max-height: calc(98.5vh - 4rem);
    }
}

.header-navbar .navbar.collapsed .dropdown-menu .dropdown-submenu {
    left: 0 !important;
}

.header-navbar .navbar.collapsed .dropdown-menu .dropdown-item:after {
    right: auto;
}

.header-navbar .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;
    top: 41%;
}

.header-navbar .navbar.collapsed ul.navbar-nav li {
    margin: auto;
}

.header-navbar .navbar.collapsed .dropdown-menu .dropdown-item {
    padding: 0.25rem 1.5rem;
    text-align: center;
}

.header-navbar .navbar.collapsed .icons-menu {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

@media (max-width: 991px) {
    .header-navbar .navbar .nav-item .nav-link::before {
        display: none;
    }

    .header-navbar .navbar.opened .dropdown-menu {
        top: 0;
    }

    .header-navbar .navbar .dropdown-menu .dropdown-submenu {
        left: 0 !important;
    }

    .header-navbar .navbar .dropdown-menu .dropdown-item:after {
        right: auto;
    }

    .header-navbar .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
        margin-left: 0.5rem;
        margin-top: 0.2rem;
        border-top: 0.35em solid;
        border-right: 0.35em solid transparent;
        border-left: 0.35em solid transparent;
        border-bottom: 0;
        top: 40%;
    }

    .header-navbar .navbar .navbar-logo img {
        height: 3rem !important;
    }

    .header-navbar .navbar ul.navbar-nav li {
        margin: auto;
    }

    .header-navbar .navbar .dropdown-menu .dropdown-item {
        padding: 0.25rem 1.5rem !important;
        text-align: center;
    }

    .header-navbar .navbar .navbar-brand {
        flex-shrink: initial;
        flex-basis: auto;
        word-break: break-word;
        padding-right: 2rem;
    }

    .header-navbar .navbar .navbar-toggler {
        flex-basis: auto;
    }

    .header-navbar .navbar .icons-menu {
        padding-left: 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

.header-navbar .navbar.navbar-short {
    min-height: 60px;
}

    .header-navbar .navbar.navbar-short .navbar-logo img {
        height: 2.5rem !important;
    }

    .header-navbar .navbar.navbar-short .navbar-brand {
        min-height: 60px;
        padding: 0;
    }

.header-navbar .navbar-brand {
    min-height: 70px;
    flex-shrink: 0;
    align-items: center;
    margin-right: 0;
    padding: 10px 0;
    transition: all 0.3s;
    word-break: break-word;
    z-index: 1;
}

    .header-navbar .navbar-brand .navbar-caption {
        line-height: inherit !important;
    }

    .header-navbar .navbar-brand .navbar-logo a {
        outline: none;
    }

.header-navbar .dropdown-item.active,
.header-navbar .dropdown-item:active {
    background-color: transparent;
}

.header-navbar .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
}

.header-navbar .nav-dropdown .link.dropdown-toggle {
    margin-right: 1.667em;
}

    .header-navbar .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
        margin-right: 0;
        padding: 0.667em 1.667em;
    }

.header-navbar .navbar.navbar-expand-lg .dropdown .dropdown-menu {
    background: #ffffff;
}

    .header-navbar .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
        margin: 0;
        left: 100%;
    }

.header-navbar .navbar .dropdown.open > .dropdown-menu {
    display: block;
}

.header-navbar ul.navbar-nav {
    flex-wrap: wrap;
}

.header-navbar .navbar-buttons {
    text-align: center;
    min-width: 170px;
}

.header-navbar button.navbar-toggler {
    outline: none;
    width: 31px;
    height: 20px;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    align-self: center;
}

    .header-navbar button.navbar-toggler .hamburger span {
        position: absolute;
        right: 0;
        width: 30px;
        height: 2px;
        border-right: 5px;
        background-color: #006dff;
    }

        .header-navbar button.navbar-toggler .hamburger span:nth-child(1) {
            top: 0;
            transition: all 0.2s;
        }

        .header-navbar button.navbar-toggler .hamburger span:nth-child(2) {
            top: 8px;
            transition: all 0.15s;
        }

        .header-navbar button.navbar-toggler .hamburger span:nth-child(3) {
            top: 8px;
            transition: all 0.15s;
        }

        .header-navbar button.navbar-toggler .hamburger span:nth-child(4) {
            top: 16px;
            transition: all 0.2s;
        }

.header-navbar nav.opened .hamburger span:nth-child(1) {
    top: 8px;
    width: 0;
    opacity: 0;
    right: 50%;
    transition: all 0.2s;
}

.header-navbar nav.opened .hamburger span:nth-child(2) {
    transform: rotate(45deg);
    transition: all 0.25s;
}

.header-navbar nav.opened .hamburger span:nth-child(3) {
    transform: rotate(-45deg);
    transition: all 0.25s;
}

.header-navbar nav.opened .hamburger span:nth-child(4) {
    top: 8px;
    width: 0;
    opacity: 0;
    right: 50%;
    transition: all 0.2s;
}

.header-navbar .navbar-dropdown {
    padding: 0 1rem;
    position: fixed;
}

.header-navbar a.nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-navbar .icons-menu {
    flex-wrap: nowrap;
    display: flex;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.3rem;
    text-align: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .header-navbar .navbar {
        height: 70px;
    }

        .header-navbar .navbar.opened {
            height: auto;
        }

    .header-navbar .nav-item .nav-link:hover::before {
        width: 175%;
        max-width: calc(100% + 2rem);
        left: -1rem;
    }
}

.index-solutions1 {
    padding-top: 7rem;
    padding-bottom: 2rem;
    background-image: url("../../images/glass-office-room-wall-mockup-3d-rendering2.webp");
}

    .index-solutions1 .mbr-overlay {
        background: #173668;
        opacity: 0.9;
    }

    .index-solutions1 img,
    .index-solutions1 .item-img {
        width: 100%;
        height: 100%;
        height: 300px;
        object-fit: cover;
    }

    .index-solutions1 .item:focus,
    .index-solutions1 span:focus {
        outline: none;
    }

    .index-solutions1 .item {
        cursor: pointer;
        margin-bottom: 2rem;
    }

    .index-solutions1 .item-wrapper {
        position: relative;
        border-radius: 4px;
        background: #ffffff;
        height: 100%;
        display: flex;
        flex-flow: column nowrap;
    }

@media (min-width: 992px) {
    .index-solutions1 .item-wrapper .item-content {
        padding: 2rem 2rem 0;
    }

    .index-solutions1 .item-wrapper .item-footer {
        padding: 0 2rem 2rem;
    }
}

@media (max-width: 991px) {
    .index-solutions1 .item-wrapper .item-content {
        padding: 1rem 1rem 0;
    }

    .index-solutions1 .item-wrapper .item-footer {
        padding: 0 1rem 1rem;
    }
}

.index-solutions1 .mbr-section-btn {
    margin-top: auto !important;
}

.index-solutions1 .mbr-section-title {
    color: #ffffff;
    text-align: left;
}

.index-solutions1 .mbr-text,
.index-solutions1 .mbr-section-btn {
    text-align: left;
}

.index-solutions1 .item-title {
    text-align: left;
    color: #353535;
}

.index-solutions1 .item-subtitle {
    text-align: left;
    color: #bbbbbb;
}

.blog-more-stories {
    padding-top: 2rem;
    padding-bottom: 1rem;
    background-color: #ffffff;
}

.show-all-stories {
    padding-top: 0rem;
    padding-bottom: 3rem;
}

.blog-main-article {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #ffffff;
}

@media (min-width: 992px) {
    .blog-main-article .text-wrapper {
        padding: 2rem;
    }
}

.blog-main-article .image-wrapper img {
    width: 100%;
    object-fit: cover;
}

@media (max-width: 767px) {
    .blog-main-article .image-wrapper {
        margin-bottom: 2rem;
    }
}

.index-ceomsg {
    padding-top: 6rem;
    padding-bottom: 3rem;
    background-color: #ffffff;
}

@media (min-width: 992px) {
    .index-ceomsg .text-wrapper {
        padding: 2rem;
    }
}

.index-ceomsg .image-wrapper img {
    width: 100%;
    object-fit: cover;
}

@media (max-width: 767px) {
    .index-ceomsg .image-wrapper {
        margin-bottom: 2rem;
    }
}

.index-partner1 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

    .index-partner1 .card {
        border-radius: 0;
    }

@media (min-width: 992px) {
    .index-partner1 .card {
        border-right: 1px solid white;
    }
}

@media (max-width: 991px) {
    .index-partner1 .card {
        border-right: 0px;
        border-bottom: 1px solid white;
    }
}

.index-partner1 .wrapper {
    padding: 30px 0;
}

.index-partner1 .mbr-section-title {
    color: #fafafa;
}

.index-partner1 .mbr-text,
.index-partner1 .mbr-section-btn {
    color: #ffffff;
    text-align: left;
}

.index-partner1 H3 {
    text-align: left;
}

.contactUs-map {
    padding-top: 4rem;
    padding-bottom: 5rem;
    background-image: url("../../images/open-space-office-interior2.webp");
}

    .contactUs-map .google-map {
        height: 350px;
        position: relative;
    }

        .contactUs-map .google-map iframe {
            height: 100%;
            width: 100%;
        }

        .contactUs-map .google-map [data-state-details] {
            color: #6b6763;
            height: 1.5em;
            margin-top: -0.75em;
            padding-left: 1.25rem;
            padding-right: 1.25rem;
            position: absolute;
            text-align: center;
            top: 50%;
            width: 100%;
        }

        .contactUs-map .google-map[data-state] {
            background: #e9e5dc;
        }

        .contactUs-map .google-map[data-state="loading"] [data-state-details] {
            display: none;
        }

    .contactUs-map .mbr-section-title {
        color: #ffffff;
    }

    .contactUs-map .mbr-section-subtitle {
        color: #ffffff;
    }

.contactUs-contactForm {
    padding-top: 8rem;
    padding-bottom: 5rem;
    background-image: url("../../images/cover.webp");
}

    .contactUs-contactForm .mbr-overlay {
        background-color: #173668;
        opacity: 0.9;
    }

    .contactUs-contactForm form.mbr-form {
        border-radius: 10px;
        background-color: #fafafa;
    }

@media (min-width: 992px) {
    .contactUs-contactForm form.mbr-form {
        padding: 3rem 2rem;
        width: 70%;
    }
}

@media (max-width: 991px) {
    .contactUs-contactForm form.mbr-form {
        padding: 1rem;
    }
}

.contactUs-contactForm form.mbr-form .mbr-section-btn {
    text-align: center;
    width: 100%;
}

    .contactUs-contactForm form.mbr-form .mbr-section-btn .btn {
        width: 100%;
    }

.contactUs-contactForm .mbr-section-title {
    text-align: center;
    color: #ffffff;
}

.contactUs-contactForm .mbr-section-subtitle {
    color: #ffffff;
}

.contactUs-text1 {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #ffffff;
}

    .contactUs-text1 .counter-container ul {
        margin: 0;
        list-style: none;
        padding-left: 2.5rem;
    }

        .contactUs-text1 .counter-container ul li {
            margin-bottom: 1rem;
            list-style: none;
            position: relative;
            padding-left: 1rem;
        }

            .contactUs-text1 .counter-container ul li:before {
                position: absolute;
                left: -40px;
                content: "";
                display: flex;
                justify-content: center;
                align-items: center;
                color: #ffffff;
                background-color: #ff0000;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                margin-top: 5px;
                content: "✓";
            }

    .contactUs-text1 .mbr-text {
        color: #000000;
    }

.footer-navbar {
    padding-top: 3rem;
    padding-bottom: 2rem;
    background-color: #3b3c3d;
}

    .footer-navbar .social-row {
        display: flex;
        flex-wrap: wrap;
    }

    .footer-navbar .soc-item {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-color: white;
        margin-right: 0.5rem;
        margin-bottom: 1rem;
        padding: 0.5rem;
        height: 2.5rem;
        width: 2.5rem;
    }

.soc-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: white;
    margin-right: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.5rem;
    height: 2.5rem;
    width: 2.5rem;
}

@media (max-width: 767px) {
    .footer-navbar .row {
        text-align: center;
    }

        .footer-navbar .row > div {
            margin: auto;
        }

    .footer-navbar .social-row {
        justify-content: center;
    }
}

.footer-navbar .list {
    list-style: none;
    padding-left: 0;
    color: #bbbbbb;
}

@media (max-width: 991px) {
    .footer-navbar .list {
        margin-bottom: 2rem;
    }
}

@media (min-width: 992px) {
    .footer-navbar .list {
        margin-bottom: 0rem;
    }
}

.footer-navbar .mbr-text {
    color: #bbbbbb;
}

.footer-navbar .mbr-iconfont {
    color: black;
}

.aboutUs-header {
    padding-top: 9rem;
    padding-bottom: 5rem;
    background-image: none;
}

    .aboutUs-header .card-wrapper {
        background: #ffffff;
        border-radius: 4px;
    }

@media (max-width: 767px) {
    .aboutUs-header .card-wrapper {
        padding: 1rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .aboutUs-header .card-wrapper {
        padding: 2rem;
    }
}

@media (min-width: 992px) {
    .aboutUs-header .card-wrapper {
        padding: 4rem;
    }
}

.aboutUs-story {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: #ffffff;
}

.aboutUs-history {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

@media (min-width: 992px) {
    .aboutUs-history .carousel {
        min-height: 500px;
    }

        .aboutUs-history .carousel img {
            max-height: 500px;
            object-fit: contain;
        }
}

@media (max-width: 991px) and (min-width: 768px) {
    .aboutUs-history .carousel {
        min-height: 325px;
    }

        .aboutUs-history .carousel img {
            max-height: 325px;
            object-fit: contain;
        }
}

@media (max-width: 767px) {
    .aboutUs-history .carousel {
        min-height: 275px;
    }

        .aboutUs-history .carousel img {
            max-height: 275px;
            object-fit: contain;
        }

    .aboutUs-history .container .carousel-control {
        margin-bottom: 0;
    }

    .aboutUs-history .content-slider-wrap {
        width: 100% !important;
    }
}

.aboutUs-history .carousel,
.aboutUs-history .carousel-inner {
    display: flex;
    align-items: center;
}

.aboutUs-history .item-wrapper {
    width: 100%;
}

.aboutUs-history .carousel-caption {
    bottom: 40px;
}

.aboutUs-history .carousel-control:hover {
    background: #1b1b1b;
    color: #fff;
    opacity: 1;
}

.aboutUs-history .mobi-mbri-arrow-next {
    margin-left: 5px;
}

.aboutUs-history .mobi-mbri-arrow-prev {
    margin-right: 5px;
}

.aboutUs-history .container .carousel-indicators {
    margin-bottom: 3px;
}

.aboutUs-news2 .carousel-control {
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -1.5rem;
    font-size: 22px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all 0.3s;
}

    .aboutUs-news2 .carousel-control:hover {
        background-color: rgba(0, 0, 0, 0.6);
    }

.aboutUs-history .carousel-control.carousel-control-prev {
    left: 0;
    margin-left: 2.5rem;
}

.aboutUs-history .carousel-control.carousel-control-next {
    right: 0;
    margin-right: 2.5rem;
}

@media (max-width: 767px) {
    .aboutUs-history .carousel-control {
        top: auto;
        bottom: 1rem;
    }
}

.aboutUs-history .carousel-indicators {
    position: absolute;
    bottom: 0;
    margin-bottom: 1.5rem !important;
}

.aboutUs-news2 .carousel-indicators li {
    max-width: 25px;
    height: 5px;
    width: 25px;
    max-height: 25px;
    margin: 3px;
    background-color: rgba(0, 0, 0, 0.5);
    /*border: 2px solid #fff;*/
    /*border-radius: 50%;*/
    opacity: 0.5;
    transition: all 0.3s;
}

.aboutUs-history .carousel-indicators.ie-fix {
    left: 50%;
    display: block;
    width: 60%;
    margin-left: -30%;
    text-align: center;
}

@media (max-width: 768px) {
    .aboutUs-history .carousel-indicators {
        display: none !important;
    }
}

.aboutUs-socialmedia {
    padding-top: 2rem;
    padding-bottom: 4rem;
    background-color: #ffffff;
}

    .aboutUs-socialmedia .bg-facebook {
        background: #1778f2;
        color: #ffffff;
    }

        .aboutUs-socialmedia .bg-facebook:hover {
            background: #0b60cb;
        }

    .aboutUs-socialmedia .bg-twitter {
        background: #1da1f2;
        color: #ffffff;
    }

        .aboutUs-socialmedia .bg-twitter:hover {
            background: #0c85d0;
        }

    .aboutUs-socialmedia .bg-instagram {
        background: #f00075;
        color: #ffffff;
    }

        .aboutUs-socialmedia .bg-instagram:hover {
            background: #bd005c;
        }

    .aboutUs-socialmedia .iconfont-wrapper {
        display: inline-block;
        font-size: 32px;
        border-radius: 50%;
        width: 55px;
        height: 55px;
        line-height: 55px;
        text-align: center;
        transition: all 0.3s ease-in-out;
    }

    .aboutUs-socialmedia [class^="socicon-"]:before,
    .aboutUs-socialmedia [class*=" socicon-"]:before {
        line-height: 55px;
        padding: .6rem;
    }

.aboutUs-news2 {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: #ffffff;
}

.aboutUs-news {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: #ffffff;
}

    .aboutUs-news img,
    .aboutUs-news .item-img {
        height: 100%;
        height: 300px;
        object-fit: cover;
        max-height: 345px;
        min-height: 345px;
    }

    .aboutUs-news .item:focus,
    .aboutUs-news span:focus {
        outline: none;
    }

    .aboutUs-news .item {
        cursor: pointer;
        margin-bottom: 2rem;
    }

    .aboutUs-news .item-wrapper {
        position: relative;
        border-radius: 4px;
        background: #fafafa;
        height: 100%;
        display: flex;
        flex-flow: column nowrap;
    }

@media (min-width: 992px) {
    .aboutUs-news .item-wrapper .item-content {
        padding: 2rem 2rem 0;
    }

    .aboutUs-news .item-wrapper .item-footer {
        padding: 0 2rem 2rem;
    }
}

@media (max-width: 991px) {
    .aboutUs-news .item-wrapper .item-content {
        padding: 1rem 1rem 0;
    }

    .aboutUs-news .item-wrapper .item-footer {
        padding: 0 1rem 1rem;
    }
}

.aboutUs-news .mbr-section-btn {
    margin-top: auto !important;
}

.aboutUs-news .mbr-section-title {
    color: #173668;
}

.aboutUs-news2 .mbr-section-title {
    color: #173668;
}

.aboutUs-news .mbr-text,
.aboutUs-news .mbr-section-btn {
    text-align: left;
}

.aboutUs-news .item-title {
    text-align: left;
    color: #173668;
}

.aboutUs-news .item-subtitle {
    text-align: left;
    color: #232323;
}

.blog-article-secondary {
    padding-top: 1rem;
    padding-bottom: 3rem;
    background-color: #ffffff;
}

    .blog-article-secondary img,
    .blog-article-secondary .item-img {
        height: 100%;
        height: 300px;
        object-fit: cover;
        max-height: 345px;
        min-height: 345px;
    }

    .blog-article-secondary .item:focus,
    .blog-article-secondary span:focus {
        outline: none;
    }

    .blog-article-secondary .item {
        cursor: pointer;
        margin-bottom: 2rem;
    }

    .blog-article-secondary .item-wrapper {
        position: relative;
        border-radius: 4px;
        background: #fafafa;
        height: 100%;
        display: flex;
        flex-flow: column nowrap;
    }

@media (min-width: 992px) {
    .blog-article-secondary .item-wrapper .item-content {
        padding: 2rem 2rem 0;
    }

    .blog-article-secondary .item-wrapper .item-footer {
        padding: 0 2rem 2rem;
    }
}

@media (max-width: 991px) {
    .blog-article-secondary .item-wrapper .item-content {
        padding: 1rem 1rem 0;
    }

    .blog-article-secondary .item-wrapper .item-footer {
        padding: 0 1rem 1rem;
    }
}

.blog-article-secondary .mbr-section-btn {
    margin-top: auto !important;
}

.blog-article-secondary .mbr-section-title {
    color: #173668;
}

.blog-article-secondary .mbr-text,
.blog-article-secondary .mbr-section-btn {
    text-align: left;
}

.blog-article-secondary .item-title {
    text-align: left;
    color: #173668;
}

.blog-article-secondary .item-subtitle {
    text-align: left;
    color: #232323;
}

.blog-header {
    padding-top: 8rem;
    padding-bottom: 1rem;
    background-color: #fafafa;
}

    .blog-header .mbr-text {
        color: #c1c1c1;
    }

    .blog-header .mbr-text,
    .blog-header .mbr-section-btn {
        text-align: left;
    }

    .blog-header H3 {
        text-align: left;
    }

.blog-main-image {
    padding-top: 3rem;
    background-color: #ffffff;
}

@media (max-width: 991px) {
    .blog-main-image .image-wrapper {
        margin-bottom: 1rem;
    }
}

.blog-main-image .row {
    flex-direction: row-reverse;
}

.blog-main-image img {
    width: 100%;
}

.blog-main-image .mbr-description {
    text-align: left;
}

.blog-article-content {
    margin-top: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #ffffff;
}

    .blog-article-content .mbr-section-subtitle {
        text-align: left;
    }

.blog-isHelpful1 {
    padding-top: 1rem;
    padding-bottom: 0rem;
    background-color: #ffffff;
}

.blog-isHelpful2 {
    padding-top: 0rem;
    padding-bottom: 1rem;
    background-color: #ffffff;
}

.blog-text1 {
    padding-top: 3rem;
    padding-bottom: 0rem;
    background-color: #ffffff;
}

    .blog-text1 .line {
        background-color: #6592e6;
        align: center;
        height: 2px;
        margin: 0 auto;
    }

.blog-cta1 {
    padding-top: 0rem;
    padding-bottom: 5rem;
    background-color: #ffffff;
}

.ads-contactForm {
    padding-top: 6rem;
    padding-bottom: 6rem;
    /*background-image: url("../../images/cover.webp");*/
}

    .ads-contactForm form.mbr-form {
        border-radius: 10px;
        background-color: #fafafa;
        padding: 3rem 2rem;
    }

@media (min-width: 1200px) {
    .ads-contactForm form.mbr-form {
        width: 70%;
    }
}

@media (max-width: 575px) {
    .ads-contactForm form.mbr-form {
        padding: 1rem;
    }
}

.ads-contactForm form.mbr-form .mbr-section-btn {
    text-align: center;
    width: 100%;
}

    .ads-contactForm form.mbr-form .mbr-section-btn .btn {
        width: 100%;
    }

.ads-contactForm .mbr-section-title {
    text-align: center;
    color: #ffffff;
}

.ads-contactForm .mbr-section-subtitle {
    color: #ffffff;
}

.pp-products {
    padding-top: 7rem;
    padding-bottom: 1rem;
    background-image: url("../../../assets/images/group-diverse-people-having-business-meeting.webp");
}

    .pp-products .mbr-overlay {
        background: #173668;
        opacity: 0.9;
    }

    .pp-products img,
    .pp-products .item-img {
        width: 100%;
        height: 100%;
        height: 300px;
        object-fit: cover;
    }

    .pp-products .item:focus,
    .pp-products span:focus {
        outline: none;
    }

    .pp-products .item {
        margin-bottom: 2rem;
    }

    .pp-products .item-wrapper {
        position: relative;
        border-radius: 4px;
        background: #ffffff;
        height: 100%;
        display: flex;
        flex-flow: column nowrap;
    }

@media (min-width: 992px) {
    .pp-products .item-wrapper .item-content {
        padding: 2rem 2rem 0;
    }

    .pp-products .item-wrapper .item-footer {
        padding: 0 2rem 2rem;
    }
}

@media (max-width: 991px) {
    .pp-products .item-wrapper .item-content {
        padding: 1rem 1rem 0;
    }

    .pp-products .item-wrapper .item-footer {
        padding: 0 1rem 1rem;
    }
}

.pp-products .mbr-section-btn {
    margin-top: auto !important;
}

.pp-products .mbr-section-title {
    color: #ffffff;
    text-align: left;
}

.pp-products .mbr-text,
.pp-products .mbr-section-btn {
    text-align: left;
}

.pp-products .item-title {
    text-align: left;
    color: #ff0000;
}

.pp-products .item-subtitle {
    text-align: left;
    color: #bbbbbb;
}

.pp-products .mbr-section-subtitle {
    text-align: left;
    color: #ffffff;
}

.pp-contacts {
    padding-top: 4rem;
    padding-bottom: 0rem;
    background-color: #ffffff;
}

    .pp-contacts .title__block {
        margin-bottom: 30px;
    }

    .pp-contacts .divider {
        background-color: #191f23;
        width: 100%;
        height: 1px;
        margin: 10px 0;
        opacity: 0.6;
    }

    .pp-contacts .card__wrap {
        margin-bottom: 50px;
        padding: 0 20px;
    }

@media (max-width: 767px) {
    .pp-contacts .card__wrap {
        margin-bottom: 30px;
        padding: 0 15px;
    }
}

.pp-contacts .card__title {
    margin-bottom: 20px;
    color: #173668;
}

.pp-contacts .mbr-text {
    margin-bottom: 0;
    color: #353535;
}

.pp-contacts .mbr-section-subtitle {
    color: #173668;
}

.pp-contacts .card__subtitle {
    color: #ff0000;
}

.pp-contacts .mbr-section-title,
.pp-contacts .mbr-section-btn {
    color: #353535;
}

.pp-resources {
    padding-top: 30px;
    padding-bottom: 45px;
    background-color: #ffffff;
}

    .pp-resources .mbr-text {
        color: #767676;
    }

    .pp-resources .icon-1 {
        color: #ffffff;
        font-size: 3.5rem;
    }

    .pp-resources .icon-arrow {
        color: #ff0000;
        font-size: 1.8rem !important;
    }

    .pp-resources .link {
        margin: 0;
        transition: 400ms cubic-bezier(0.17, 0.67, 0, 1.01);
        color: #ffffff;
    }

@media (min-width: 767px) {
    .pp-resources .card {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    /*.pp-resources .row {
        margin: 0;
    }*/
}

@media (max-width: 767px) {
    .pp-resources .link a:after {
        right: 0;
        margin: auto;
    }
}

.pp-resources .row {
    justify-content: center;
}

@media (max-width: 992px) {
    .pp-resources .card {
        margin-bottom: 2rem;
    }
}

.pp-resources .text-link {
    font-weight: 800 !important;
}

.pp-resources .card-inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #173668;
    padding: 2rem 1.8rem;
    position: relative;
    overflow: hidden;
}

.pp-resources .card-img {
    opacity: 0;
    left: -40px;
    top: 20%;
    position: absolute;
    transition: 400ms cubic-bezier(0.17, 0.67, 0, 1.01);
}

.pp-resources .card-icon {
    display: flex;
    transition: 400ms cubic-bezier(0.17, 0.67, 0, 1.01);
}

.pp-resources .card:hover .card-inner {
    background-color: #bbbbbb;
}

.pp-resources .card:hover .icon-arrow {
    color: #fff;
}

.pp-resources .card:hover .text-link {
    color: #fff !important;
}

.pp-resources .card:hover .card-img {
    opacity: 1;
    left: 10px;
}

.pp-resources .card:hover .link {
    transform: translateX(42px);
}

.pp-resources .card:hover .card-icon {
    transform: translateX(10px);
}

.pp-resources h5 {
    color: #101010;
    font-weight: 800;
}

.pp-faq {
    padding-top: 0px;
    padding-bottom: 60px;
    background-color: #ffffff;
}

    .pp-faq .mbr-section-title {
        color: #06182d;
    }

        .pp-faq .mbr-section-title span {
            line-height: 1;
            color: #ffffff;
            padding: 0 6px 1px 5px;
            transform: skew(-14deg);
            background: #ff5e3a;
            background: linear-gradient(#ff5e3a 0%, #ff653c 69%, #ff0000 100%);
            display: inline-block;
            font-weight: 500;
            letter-spacing: 0;
            position: relative;
        }

    .pp-faq .mbr-section-subtitle {
        color: #06182d;
    }

        .pp-faq .mbr-section-subtitle.display-7 {
            letter-spacing: 0;
        }

    .pp-faq .mbr-section-text {
        color: #999999;
    }

    .pp-faq .nav-tabs .nav-item.open .nav-link:focus,
    .pp-faq .nav-tabs .nav-link.active:focus {
        outline: none;
    }

    .pp-faq .nav-tabs {
        flex-wrap: wrap;
        flex-direction: column;
        border-bottom: 1px solid #f4f6f9;
    }

        .pp-faq .nav-tabs .nav-item {
            margin-right: 4px;
        }

        .pp-faq .nav-tabs .nav-link {
            color: #232323;
            font-style: normal;
            font-weight: 300;
            transition: all 0.5s;
            border: none;
            border-radius: 0 !important;
            background-color: #f4f6f9;
            padding: 1rem 2.2rem;
        }

            .pp-faq .nav-tabs .nav-link:hover {
                cursor: pointer;
                color: #ff0000;
            }

            .pp-faq .nav-tabs .nav-link.active {
                font-weight: 500;
                color: #ffffff;
                font-style: normal;
                background-color: #ff0000;
            }

    .pp-faq P {
        color: #879a9f;
    }

@media (max-width: 576px) {
    .pp-faq .nav-tabs {
        flex-direction: column;
        justify-content: center;
    }

    .pp-faq .mbr-text,
    .pp-faq .nav-link {
        text-align: center;
    }
}

.pp-faq .img-wrap img {
    width: 100%;
}

.pp-faq .mbr-iconfont {
    font-family: "Moririse2" !important;
    display: inline-flex;
    transform-origin:;
    transform: rotate(45deg);
    transition: all 0.3s;
    font-size: 1.4rem !important;
    color: #ff0000;
}

    .pp-faq .mbr-iconfont:before {
        transform: scaleY(0) !important;
        transition: all 0.4s;
    }

.pp-faq .accordion .card .card-header {
    margin-bottom: 0px;
}

.pp-faq .collapsed .mbr-iconfont {
    transform: rotate(0deg);
}

    .pp-faq .collapsed .mbr-iconfont:before {
        transform: scaleY(1) !important;
        transition: all 0.3s;
    }

.pp-faq .card {
    border-radius: 0px;
    background-color: #173668;
    padding-left: 30px;
    padding-right: 40px;
    padding-top: 1.2rem;
}

    .pp-faq .card:hover .card-header {
        transition: all 0.15s linear 0s;
        opacity: 0.7;
    }

    .pp-faq .card .card-header {
        border-radius: 0px;
        background-color: transparent;
        padding: 0;
    }

        .pp-faq .card .card-header h4 {
            justify-content: flex-start;
            width: 100%;
        }

        .pp-faq .card .card-header a.panel-title {
            margin-bottom: 0;
            display: flex;
            width: 100%;
            border-bottom: 2px solid #ff0000;
            transition: all 0.3s;
            justify-content: space-between;
        }

            .pp-faq .card .card-header a.panel-title.collapsed {
                border-bottom: 1px solid #efefef;
            }

            .pp-faq .card .card-header a.panel-title:focus {
                text-decoration: none !important;
            }

            .pp-faq .card .card-header a.panel-title h4 {
                padding: 0 0rem 1.2rem;
                margin-bottom: 0;
                font-weight: 400;
                line-height: 1.5;
                letter-spacing: -0.5px;
                color: #28303f;
            }

                .pp-faq .card .card-header a.panel-title h4 .sign {
                    line-height: 1.6 !important;
                }

            .pp-faq .card .card-header a.panel-title .toggle-icon {
                right: 14px;
                position: absolute;
                top: 20px;
                transform: none;
                display: inline-block;
                height: 2px;
                margin-left: 0;
                width: 12px;
                border-radius: 50%;
                border: 2px solid rgba(97, 114, 138, 0.4);
                padding: 13px;
            }

                .pp-faq .card .card-header a.panel-title .toggle-icon:before,
                .pp-faq .card .card-header a.panel-title .toggle-icon:after {
                    background: currentColor;
                    border: 0;
                    box-sizing: border-box;
                    content: "";
                    display: block;
                    left: 50%;
                    position: absolute;
                    top: 50%;
                }

                .pp-faq .card .card-header a.panel-title .toggle-icon:before {
                    height: 12px;
                    margin-left: -1px !important;
                    width: 2px;
                    margin-top: -6px;
                    background-color: currentColor;
                    border: 0;
                    transform: none;
                }

                .pp-faq .card .card-header a.panel-title .toggle-icon:after {
                    height: 2px;
                    width: 12px;
                    margin-left: -6px;
                    margin-top: -1px;
                }

    .pp-faq .card .panel-body {
        padding: 14px 20px;
    }

        .pp-faq .card .panel-body p {
            color: #ff0000;
            line-height: 1.5;
        }

        .pp-faq .card .panel-body .display-4 {
            font-size: 16px;
        }

.pp-faq .tab-pane:not(.active) {
    display: none;
}

.pp-faq .mbr-text,
.pp-faq .col {
    color: #173668;
    text-align: left;
}

.pp-faq .card .card-header a.panel-title h4 {
    color: #ffffff;
}

.pp-faq .card .panel-body p {
    color: #ffffff;
}

.countdownLayer {
    background-image: url("../../../assets/images/LicensePageComingSoonBG.webp");
}

    .countdownLayer .number-wrap {
        color: #ffffff;
        text-align: center;
    }

    .countdownLayer .number {
        color: #ffffff;
    }

    .countdownLayer .period {
        display: block;
    }

    .countdownLayer .dot {
        display: none;
    }

@media (max-width: 767px) {
    .countdownLayer .period {
        font-size: 0.8rem;
    }
}

.countdownLayer .btn {
    height: 100%;
    margin: 0;
}

.countdownLayer .mbr-section-btn {
    margin-bottom: 1.2rem;
}

.countdownLayer .mbr-section-title {
    color: #ffffff;
}

.countdownLayer .mbr-text {
    color: #ffffff;
}

.countdownLayer .icons-menu .soc-item {
    padding-left: 8px;
    padding-right: 8px;
}

    .countdownLayer .icons-menu .soc-item .mbr-iconfont {
        font-size: 2rem;
        display: flex;
        border-radius: 50%;
        text-align: center;
        color: #ffffff;
        border: 2px solid #ffffff;
        justify-content: center;
        align-content: center;
        transition: all 0.3s;
    }

        .countdownLayer .icons-menu .soc-item .mbr-iconfont:before {
            padding: 0.6rem;
        }

        .countdownLayer .icons-menu .soc-item .mbr-iconfont:hover {
            background-color: #ffffff;
            color: #0a66c2;
        }

.countdownLayer .mbr-section-subtitle {
    color: #ffffff;
}

.licenseDetails {
    padding-top: 0px;
    padding-bottom: 60px;
    background-color: #ffffff;
}

    .licenseDetails .mbr-section-title {
        color: #06182d;
    }

        .licenseDetails .mbr-section-title span {
            line-height: 1;
            color: #ffffff;
            padding: 0 6px 1px 5px;
            transform: skew(-14deg);
            background: #ff5e3a;
            background: linear-gradient(#ff5e3a 0%, #ff653c 69%, #ff0000 100%);
            display: inline-block;
            font-weight: 500;
            letter-spacing: 0;
            position: relative;
        }

    .licenseDetails .mbr-section-subtitle {
        color: #06182d;
    }

        .licenseDetails .mbr-section-subtitle.display-7 {
            letter-spacing: 0;
        }

    .licenseDetails .mbr-section-text {
        color: #999999;
    }

    .licenseDetails .nav-tabs .nav-item.open .nav-link:focus,
    .licenseDetails .nav-tabs .nav-link.active:focus {
        outline: none;
    }

    .licenseDetails .nav-tabs {
        flex-wrap: wrap;
        flex-direction: column;
        border-bottom: 1px solid #f4f6f9;
    }

        .licenseDetails .nav-tabs .nav-item {
            margin-right: 4px;
        }

        .licenseDetails .nav-tabs .nav-link {
            color: #232323;
            font-style: normal;
            font-weight: 300;
            transition: all 0.5s;
            border: none;
            border-radius: 0 !important;
            background-color: #f4f6f9;
            padding: 1rem 2.2rem;
        }

            .licenseDetails .nav-tabs .nav-link:hover {
                cursor: pointer;
                color: #ff0000;
            }

            .licenseDetails .nav-tabs .nav-link.active {
                font-weight: 500;
                color: #ffffff;
                font-style: normal;
                background-color: #ff0000;
            }

    .licenseDetails P {
        color: #879a9f;
    }

@media (max-width: 576px) {
    .licenseDetails .nav-tabs {
        flex-direction: column;
        justify-content: center;
    }

    .licenseDetails .mbr-text,
    .licenseDetails .nav-link {
        text-align: center;
    }
}

.licenseDetails .img-wrap img {
    width: 100%;
}

.licenseDetails .mbr-iconfont {
    font-family: "Moririse2" !important;
    display: inline-flex;
    transform-origin:;
    transform: rotate(45deg);
    transition: all 0.3s;
    font-size: 1.4rem !important;
    color: #ff0000;
}

    .licenseDetails .mbr-iconfont:before {
        transform: scaleY(0) !important;
        transition: all 0.4s;
    }

.licenseDetails .accordion .card .card-header {
    margin-bottom: 0px;
}

.licenseDetails .collapsed .mbr-iconfont {
    transform: rotate(0deg);
}

    .licenseDetails .collapsed .mbr-iconfont:before {
        transform: scaleY(1) !important;
        transition: all 0.3s;
    }

.licenseDetails .card {
    border-radius: 5px;
    background-color: #173668;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 1.2rem;
}

    .licenseDetails .card:hover .card-header {
        transition: all 0.15s linear 0s;
        opacity: 0.7;
    }

    .licenseDetails .card .card-header {
        border-radius: 0px;
        background-color: transparent;
        padding: 0;
    }

        .licenseDetails .card .card-header h4 {
            justify-content: flex-start;
            width: 100%;
        }

        .licenseDetails .card .card-header a.panel-title {
            margin-bottom: 0;
            display: flex;
            width: 100%;
            border-bottom: 2px solid #ff0000;
            transition: all 0.3s;
            justify-content: space-between;
        }

            .licenseDetails .card .card-header a.panel-title.collapsed {
                border-bottom: 1px solid #efefef;
            }

            .licenseDetails .card .card-header a.panel-title:focus {
                text-decoration: none !important;
            }

            .licenseDetails .card .card-header a.panel-title h4 {
                padding: 0 0rem 1.2rem 10px;
                margin-bottom: 0;
                font-weight: 400;
                line-height: 1.5;
                letter-spacing: -0.5px;
                color: #28303f;
            }

                .licenseDetails .card .card-header a.panel-title h4 .sign {
                    line-height: 1.6 !important;
                }

            .licenseDetails .card .card-header a.panel-title .toggle-icon {
                right: 14px;
                position: absolute;
                top: 20px;
                transform: none;
                display: inline-block;
                height: 2px;
                margin-left: 0;
                width: 12px;
                border-radius: 50%;
                border: 2px solid rgba(97, 114, 138, 0.4);
                padding: 13px;
            }

                .licenseDetails .card .card-header a.panel-title .toggle-icon:before,
                .licenseDetails .card .card-header a.panel-title .toggle-icon:after {
                    background: currentColor;
                    border: 0;
                    box-sizing: border-box;
                    content: "";
                    display: block;
                    left: 50%;
                    position: absolute;
                    top: 50%;
                }

        .licenseDetails .card .card-header a.collapsed .toggle-icon:before {
            height: 12px;
            margin-left: -1px !important;
            width: 2px;
            margin-top: -6px;
            background-color: currentColor;
            border: 0;
            transform: none;
        }

        .licenseDetails .card .card-header a.panel-title .toggle-icon:after {
            height: 2px;
            width: 12px;
            margin-left: -6px;
            margin-top: -1px;
        }

    .licenseDetails .card .panel-body {
        padding: 14px 0px;
    }

        .licenseDetails .card .panel-body p {
            color: black;
            line-height: 1.5;
        }

/*.licenseDetails .card .panel-body .display-4 {
            font-size: 16px;
        }*/

.licenseDetails .tab-pane:not(.active) {
    display: none;
}

.licenseDetails .mbr-text,
.licenseDetails .col {
    color: #173668;
    text-align: left;
}

.licenseDetails .card .card-header a.panel-title h4 {
    color: #ffffff;
}

.prodLicenseBanner {
    min-height: 50vh;
    padding-top: 7rem;
    padding-bottom: 2rem;
    background-image: url("../../images/LicensePageComingSoonBG.png");
}

    .prodLicenseBanner .mbr-overlay {
        background: black;
        opacity: 0.2;
    }

    .prodLicenseBanner img,
    .prodLicenseBanner .item-img {
        width: 100%;
        height: 100%;
        height: 300px;
        object-fit: cover;
    }

    .prodLicenseBanner .item:focus,
    .prodLicenseBanner span:focus {
        outline: none;
    }

    .prodLicenseBanner .item {
        cursor: pointer;
        margin-bottom: 2rem;
    }

    .prodLicenseBanner .item-wrapper {
        position: relative;
        border-radius: 4px;
        background: #ffffff;
        height: 100%;
        display: flex;
        flex-flow: column nowrap;
    }

@media (min-width: 992px) {
    .prodLicenseBanner .item-wrapper .item-content {
        padding: 2rem 2rem 0;
    }

    .prodLicenseBanner .item-wrapper .item-footer {
        padding: 0 2rem 2rem;
    }
}

@media (max-width: 991px) {
    .prodLicenseBanner .item-wrapper .item-content {
        padding: 1rem 1rem 0;
    }

    .prodLicenseBanner .item-wrapper .item-footer {
        padding: 0 1rem 1rem;
    }
}

.prodLicenseBanner .mbr-section-btn {
    margin-top: auto !important;
}

.prodLicenseBanner .mbr-section-title {
    color: #ffffff;
}

.cid-t1rWUUDjC7 {
    background-image: url("../../../assets/images/ubunye-2gether.webp");
    padding-top: 5rem;
}

    .cid-t1rWUUDjC7 .row {
        align-items: center;
    }

@media (max-width: 991px) {
    .cid-t1rWUUDjC7 .col-text {
        padding-top: 30px;
        /*padding-bottom: 30px;*/
    }
}

@media (min-width: 992px) {
    .cid-t1rWUUDjC7 .col-text {
        padding: 30px;
    }
}

@media (max-width: 991px) {
    .cid-t1rWUUDjC7 .col-form {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .cid-t1rWUUDjC7 .col-form {
        padding: 30px;
    }
}

.cid-t1rWUUDjC7 .text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media (max-width: 767px) {
    .cid-t1rWUUDjC7 .text-wrapper {
        text-align: center !important;
    }
}

.cid-t1rWUUDjC7 .label-text {
    width: 100%;
    margin-bottom: 16px;
    color: #ffffff;
}

@media (max-width: 767px) {
    .cid-t1rWUUDjC7 .label-text {
        text-align: center !important;
    }
}

.cid-t1rWUUDjC7 .mbr-section-title {
    width: 100%;
    color: #000000;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .cid-t1rWUUDjC7 .mbr-section-title {
        text-align: center !important;
    }
}

.cid-t1rWUUDjC7 .mbr-text {
    letter-spacing: inherit;
    color: #000000;
    width: 100%;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .cid-t1rWUUDjC7 .mbr-text {
        text-align: center !important;
    }
}

.cid-t1rWUUDjC7 .item {
    display: flex;
    align-items: center;
    margin: 12px 0;
}

.cid-t1rWUUDjC7 .btn-container {
    width: 100%;
    /*margin-top: 22px;*/
}

@media (max-width: 767px) {
    .cid-t1rWUUDjC7 .mbr-section-btn {
        text-align: center !important;
    }
}

@media (max-width: 575px) {
    .cid-t1rWUUDjC7 .mbr-section-btn {
        display: flex;
        flex-wrap: wrap;
    }

        .cid-t1rWUUDjC7 .mbr-section-btn .btn {
            width: 100%;
        }
}

.cid-t1rWUUDjC7 .form-container {
    padding: 30px;
    background-color: rgba(0, 0, 0, 0.8);
}

@media (min-width: 768px) {
    .cid-t1rWUUDjC7 .form-container {
        max-width: 22rem;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .cid-t1rWUUDjC7 .form-container {
        text-align: center !important;
    }
}

.cid-t1rWUUDjC7 .form-title {
    color: #ffffff;
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .cid-t1rWUUDjC7 .form-title {
        text-align: center !important;
    }
}

.cid-t1rWUUDjC7 .form-control {
    font-size: 1rem;
}

.cid-t1rWUUDjC7 .mbr-section-title,
.cid-t1rWUUDjC7 .mbr-section-btn {
    color: #bbbbbb;
}


.hybrid-banner-section {
    /*background-image: url("../../../assets/images/ubunye-2gether.webp");*/
    padding-top: 5rem;
}

    .hybrid-banner-section .row {
        align-items: center;
    }

@media (max-width: 991px) {
    .hybrid-banner-section .col-text {
        padding-top: 46px;
        /*padding-bottom: 30px;*/
    }
}

@media (min-width: 992px) {
    .hybrid-banner-section .col-text {
        padding: 30px;
    }
}

@media (max-width: 991px) {
    .hybrid-banner-section .col-form {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .hybrid-banner-section .col-form {
        padding: 30px;
    }
}

.hybrid-banner-section .text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media (max-width: 767px) {
    .hybrid-banner-section .text-wrapper {
        text-align: center !important;
    }
}

.hybrid-banner-section .label-text {
    width: 100%;
    margin-bottom: 16px;
    color: white;
    text-shadow: 3px 3px 12px black;
}

@media (max-width: 767px) {
    .hybrid-banner-section .label-text {
        text-align: center !important;
    }
}

.hybrid-banner-section .mbr-section-title {
    width: 100%;
    color: #000000;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .hybrid-banner-section .mbr-section-title {
        text-align: center !important;
    }
}

.hybrid-banner-section .mbr-text {
    letter-spacing: inherit;
    color: #000000;
    width: 100%;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .hybrid-banner-section .mbr-text {
        text-align: center !important;
    }
}

.hybrid-banner-section .item {
    display: flex;
    align-items: center;
    margin: 12px 0;
}

.hybrid-banner-section .btn-container {
    width: 100%;
    /*margin-top: 22px;*/
}

@media (max-width: 767px) {
    .hybrid-banner-section .mbr-section-btn {
        text-align: center !important;
    }
}

@media (max-width: 575px) {
    .hybrid-banner-section .mbr-section-btn {
        display: flex;
        flex-wrap: wrap;
    }

        .hybrid-banner-section .mbr-section-btn .btn {
            width: 100%;
        }
}

.hybrid-banner-section .form-container {
    padding: 30px;
    background-color: rgba(0, 0, 0, 0.8);
}

@media (min-width: 768px) {
    .hybrid-banner-section .form-container {
        max-width: 22rem;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .hybrid-banner-section .form-container {
        text-align: center !important;
    }
}

.hybrid-banner-section .form-title {
    color: #ffffff;
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .hybrid-banner-section .form-title {
        text-align: center !important;
    }
}

.hybrid-banner-section .form-control {
    font-size: 1rem;
}

.hybrid-banner-section .mbr-section-title,
.hybrid-banner-section .mbr-section-btn {
    color: #bbbbbb;
}

.cid-t1seTHfeCT {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #ffffff;
}

    .cid-t1seTHfeCT .mbr-section-title {
        color: #ff0000;
    }

    .cid-t1seTHfeCT .mbr-text,
    .cid-t1seTHfeCT .mbr-section-btn {
        color: #4e4e4e;
    }

.cid-t1sd2i0aEs {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #ffffff;
}

    .cid-t1sd2i0aEs .card-icon {
        font-size: 56px;
        color: #034ea2;
        transition: color 0.3s;
    }

    .cid-t1sd2i0aEs .card-title {
        font-weight: 600;
        letter-spacing: 1px;
    }

    .cid-t1sd2i0aEs .link-ico {
        font-size: 0.8rem;
        color: #bbbbbb;
        border: 2px solid #bbbbbb;
        border-radius: 100%;
        padding: 0.5rem 0;
        font-weight: 900;
        padding-left: 9px;
        padding-right: 7px;
    }

    .cid-t1sd2i0aEs .line {
        width: 35px;
        height: 3px;
        display: inline-block;
        background: #ff0000;
        margin-bottom: 1.5rem;
        transition: background 0.3s;
    }

    .cid-t1sd2i0aEs .card {
        padding: 0 !important;
    }

    .cid-t1sd2i0aEs .card-wrapper {
        padding: 4rem;
        transition: background 0.3s;
    }

        .cid-t1sd2i0aEs .card-wrapper:hover {
            background: #034ea2;
        }

            .cid-t1sd2i0aEs .card-wrapper:hover .card-icon {
                color: #ffffff;
            }

            .cid-t1sd2i0aEs .card-wrapper:hover .line {
                background: #ffffff;
            }

            .cid-t1sd2i0aEs .card-wrapper:hover .mbr-text {
                color: #ffffff;
            }

    .cid-t1sd2i0aEs .card1 {
        background: #f4f6f9;
    }

    .cid-t1sd2i0aEs .card2 {
        background: #f4f6f9;
    }

    .cid-t1sd2i0aEs .card3 {
        background: #f4f6f9;
    }

    .cid-t1sd2i0aEs .card4 {
        background: #f4f6f9;
    }

    .cid-t1sd2i0aEs .card5 {
        background: #ffffff;
    }

    .cid-t1sd2i0aEs .card6 {
        background: #ffffff;
    }

    .cid-t1sd2i0aEs .col-lg-x {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

@media (max-width: 767px) {
    .cid-t1sd2i0aEs .col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.cid-t1sd2i0aEs .card-title,
.cid-t1sd2i0aEs .card-ico,
.cid-t1sd2i0aEs .line-wrap {
    color: #ff0000;
}

.cid-t1sd2i0aEs .mbr-text,
.cid-t1sd2i0aEs .card-link {
    color: #4e4e4e;
}

.btsa-index-partner1 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

    .btsa-index-partner1 .wrapper {
        padding: 30px 0;
    }

    .btsa-index-partner1 .mbr-section-title {
        color: #fafafa;
    }

    .btsa-index-partner1 .mbr-text,
    .btsa-index-partner1 .mbr-section-btn {
        color: #ffffff;
        text-align: left;
    }

    .btsa-index-partner1 H3 {
        text-align: left;
    }

.btsa-contactUs-map {
    padding-top: 4rem;
    padding-bottom: 5rem;
    background-image: url("../../images/open-space-office-interior2.webp");
}

    .btsa-contactUs-map .google-map {
        height: 350px;
        position: relative;
    }

        .btsa-contactUs-map .google-map iframe {
            height: 100%;
            width: 100%;
        }

        .btsa-contactUs-map .google-map [data-state-details] {
            color: #6b6763;
            height: 1.5em;
            margin-top: -0.75em;
            padding-left: 1.25rem;
            padding-right: 1.25rem;
            position: absolute;
            text-align: center;
            top: 50%;
            width: 100%;
        }

        .btsa-contactUs-map .google-map[data-state] {
            background: #e9e5dc;
        }

        .btsa-contactUs-map .google-map[data-state="loading"] [data-state-details] {
            display: none;
        }

    .btsa-contactUs-map .mbr-section-title {
        color: #ffffff;
    }

    .btsa-contactUs-map .mbr-section-subtitle {
        color: #ffffff;
    }

.btsa-contactUs-contactForm {
    padding-top: 8rem;
    padding-bottom: 5rem;
    background-image: url("../../images/cover.webp");
}

    .btsa-contactUs-map .mbr-overlay,
    .btsa-contactUs-contactForm .mbr-overlay {
        background-color: #fc3d3d;
        opacity: 0.9;
    }

    .btsa-contactUs-contactForm form.mbr-form {
        border-radius: 10px;
        background-color: #fafafa;
    }

@media (min-width: 992px) {
    .btsa-contactUs-contactForm form.mbr-form {
        padding: 3rem 2rem;
        width: 70%;
    }
}

@media (max-width: 991px) {
    .btsa-contactUs-contactForm form.mbr-form {
        padding: 1rem;
    }
}

.btsa-contactUs-contactForm form.mbr-form .mbr-section-btn {
    text-align: center;
    width: 100%;
}

    .btsa-contactUs-contactForm form.mbr-form .mbr-section-btn .btn {
        width: 100%;
    }

.btsa-contactUs-contactForm .mbr-section-title {
    text-align: center;
    color: #ffffff;
}

.btsa-contactUs-contactForm .mbr-section-subtitle {
    color: #ffffff;
}

.btsa-contactUs-text1 {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #ffffff;
}

    .btsa-contactUs-text1 .counter-container ul {
        margin: 0;
        list-style: none;
        padding-left: 2.5rem;
    }

        .btsa-contactUs-text1 .counter-container ul li {
            margin-bottom: 1rem;
            list-style: none;
            position: relative;
            padding-left: 1rem;
        }

            .btsa-contactUs-text1 .counter-container ul li:before {
                position: absolute;
                left: -40px;
                content: "";
                display: flex;
                justify-content: center;
                align-items: center;
                color: #ffffff;
                background-color: #ff0000;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                margin-top: 5px;
                content: "✓";
            }

    .btsa-contactUs-text1 .mbr-text {
        color: #000000;
    }

.btsa-index-solutions1 {
    padding-top: 7rem;
    padding-bottom: 2rem;
    background-image: url("../../images/home-cover.webp");
    background-position: top;
}

    .btsa-index-solutions1 .mbr-overlay {
        background: #173668;
        opacity: 0.9;
    }

    .btsa-index-solutions1 img,
    .btsa-index-solutions1 .item-img {
        width: 100%;
        height: 100%;
        height: 300px;
        object-fit: cover;
    }

    .btsa-index-solutions1 .item:focus,
    .btsa-index-solutions1 span:focus {
        outline: none;
    }

    .btsa-index-solutions1 .item {
        cursor: pointer;
        margin-bottom: 2rem;
    }

    .btsa-index-solutions1 .item-wrapper {
        position: relative;
        border-radius: 4px;
        background: #ffffff;
        height: 100%;
        display: flex;
        flex-flow: column nowrap;
    }

@media (min-width: 992px) {
    .btsa-index-solutions1 .item-wrapper .item-content {
        padding: 2rem 2rem 0;
    }

    .btsa-index-solutions1 .item-wrapper .item-footer {
        padding: 0 2rem 2rem;
    }
}

@media (max-width: 991px) {
    .btsa-index-solutions1 .item-wrapper .item-content {
        padding: 1rem 1rem 0;
    }

    .btsa-index-solutions1 .item-wrapper .item-footer {
        padding: 0 1rem 1rem;
    }
}

.btsa-index-solutions1 .mbr-section-btn {
    margin-top: auto !important;
}

.btsa-index-solutions1 .mbr-section-title {
    color: #ffffff;
    text-align: left;
}

.btsa-index-solutions1 .mbr-text,
.btsa-index-solutions1 .mbr-section-btn {
    text-align: left;
}

.btsa-index-solutions1 .item-title {
    text-align: left;
    color: #353535;
}

.btsa-index-solutions1 .item-subtitle {
    text-align: left;
    color: #bbbbbb;
    text-align: left;
}

.prodLicenseBanner .mbr-text,
.prodLicenseBanner .mbr-section-btn {
    text-align: left;
}

.prodLicenseBanner .item-title {
    text-align: left;
    color: #353535;
}

.prodLicenseBanner .item-subtitle {
    text-align: left;
    color: #bbbbbb;
}

.footer-navbar .mbr-section-subtitle {
    color: #ff0000;
}

.sv-partnerportal-banner {
    background-repeat: no-repeat;
    background-image: url('/assets/images/Partner Portal Products Banner.png');
    background-size: cover;
    /*box-shadow: 0px 0px 15px 0px gray;*/
    min-height: 50vh;
    background-position: center;
}

/*EFFLUX BEGIN*/
.efflux-display-1 {
    font-family: 'Poppins', sans-serif;
    font-size: 4.6rem;
    line-height: 1.1;
}


    .efflux-display-1 > .mbr-iconfont {
        font-size: 5.75rem;
    }

.efflux-display-2 {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
    line-height: 1.1;
}


    .efflux-display-2 > .mbr-iconfont {
        font-size: 3.75rem;
    }

.efflux-display-3 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.8rem;
    line-height: 1.1;
}

.efflux-display-4 {
    font-family: 'Poppins', sans-serif;
    font-size: .9rem;
    line-height: 1.1;
}


    .efflux-display-4 > .mbr-iconfont {
        font-size: 1.375rem;
    }

.efflux-display-5 {
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    line-height: 1;
}


    .efflux-display-5 > .mbr-iconfont {
        font-size: 2.5rem;
    }

.efflux-display-6 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    line-height: 1.1;
}

.efflux-display-7 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1rem;
    line-height: 1.2;
}


    .efflux-display-7 > .mbr-iconfont {
        font-size: 1.5rem;
    }

.efflux-display-8 {
    font-family: 'Poppins', sans-serif;
    font-size: .8rem;
    line-height: 1.1;
}


    .efflux-display-8 > .mbr-iconfont {
        font-size: 1rem;
    }

.efflux-display-9 {
    font-family: 'Poppins', sans-serif;
    font-size: 2.5rem;
    line-height: 1;
}
/* ---- Fluid typography for mobile devices ---- /
/ 1.4 - font scale ratio ( bootstrap == 1.42857 ) /
/ 100vw - current viewport width /
/ (48 - 20) 48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) /
/ 0.65 - min scale variable, may vary */
@media (max-width: 992px) {
    .efflux-display-1 {
        font-size: 3.68rem;
    }
}

@media (max-width: 768px) {
    .efflux-display-1 {
        font-size: 3.22rem;
        font-size: calc( 2.26rem + (4.6 - 2.26) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (2.26rem + (4.6 - 2.26) * ((100vw - 20rem) / (48 - 20))));
    }


    .efflux-display-2 {
        font-size: 2.4rem;
        font-size: calc( 1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.3 * (1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20))));
    }

    .efflux-display-3 {
        font-size: 1.4rem;
        font-size: calc( 1.27rem + (2 - 1.27) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.4 * (1.27rem + (2 - 1.27) * ((100vw - 20rem) / (48 - 20))));
    }

    .efflux-display-4 {
        font-size: calc( 1rem + (0.9 - 1) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1.1rem + (1.1 - 1.1) * ((100vw - 20rem) / (48 - 20))));
    }

    .efflux-display-5 {
        font-size: 1.6rem;
        font-size: calc( 1.35rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.4 * (1.35rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20))));
    }

    .efflux-display-6 {
        font-size: 1.2rem;
        font-size: calc( 1.2rem + (2 - 1.2) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.4 * (1.2rem + (2 - 1.2) * ((100vw - 20rem) / (48 - 20))));
    }

    .efflux-display-7 {
        font-size: 0.96rem;
        font-size: calc( 1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.4 * (1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20))));
    }

    efflux-display-8 {
        font-size: calc( 1rem + (0.8 - 1) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.1 * (1rem + (0.8 - 1) * ((100vw - 20rem) / (48 - 20))));
    }

    .efflux-display-8 > .mbr-iconfont {
        font-size: calc(1.1rem + (1 - 1.1) * ((100vw - 20rem) / (48 - 20)));
    }


    .efflux-display-9 {
        font-size: calc( 1.55rem + (2.5 - 1.55) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.35 * (1.55rem + (2.5 - 1.55) * ((100vw - 20rem) / (48 - 20))));
    }
}

.wt {
    color: white;
}

.efflux-index .mbr-section-title,
.efflux-aboutUs .mbr-section-title,
.efflux-features .mbr-section-title,
.efflux-contactUs .mbr-section-title {
    text-shadow: 0px 8px 8px #0000003D;
}

.footer-vl, .footer-vl2,
.eff-footer-vl, .eff-footer-vl2 {
    border-left: none;
    width: fit-content;
    padding: 0 1rem !important;
}

@media (min-width: 576px) {
    .footer-vl {
        border-left: 1px solid white;
    }

    .eff-footer-vl {
        border-right: 1px solid white;
    }
}

@media (min-width: 769px) {
    .footer-vl2 {
        border-left: 1px solid white;
    }
}

.effluxFooterLine {
    display: grid;
    justify-content: center;
}

@media (min-width: 576px) {
    .effluxFooterLine {
        display: flex;
    }
}

.effluxFooter-region {
    justify-content: right !important;
    display: grid;
}

@media (max-width: 991px) {
    .effluxFooter-region {
        justify-content: center !important;
    }
}

.featuresCategory {
    display: none;
}

@media (min-width: 769px) {
    .featuresCategory {
        display: flex;
    }
}

.bg-layer {
    position: fixed;
    width: 100%;
    height: 100%;
}

.bg-gradient-img {
    background-image: url('../../images/Landing Page BG Grey 1.png');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -3;
    filter: brightness(1.1) opacity(0.7);
}

.background-cloud-front-small {
    background-image: url('../../images/Cloud-Front-Small.png');
    background-repeat: no-repeat;
    background-size: contain;
    animation: cloudmove 15s linear infinite;
    z-index: -1;
    filter: brightness(1) opacity(1);
}

.background-cloud-front-big {
    background-image: url('../../images/Cloud-Front-Big.png');
    background-repeat: no-repeat;
    background-size: cover;
    animation: orbit 20s linear infinite;
    z-index: -2;
    filter: brightness(1) opacity(1);
}

@keyframes cloudmove {
    0% {
        background-position: 50% 40%;
    }

    12.5% {
        background-position: 57% 40%;
    }

    25% {
        background-position: 60% 40%;
    }

    37.5% {
        background-position: 57% 40%;
    }

    50% {
        background-position: 50% 40%;
    }

    62.5% {
        background-position: 43% 40%;
    }

    75% {
        background-position: 40% 40%;
    }

    87.5% {
        background-position: 43% 43%;
    }

    100% {
        background-position: 50% 40%;
    }
}

.background-cloud-back {
    background-image: url('../../images/Cloud-Back.png');
    background-repeat: no-repeat;
    background-size: cover;
    animation: orbit 15s linear infinite;
    z-index: -3;
    filter: brightness(1.2) opacity(0.7);
}


.efflux-bg {
    background-image: url('../../images/efflux 3D icon.png');
    filter: brightness(1) opacity(1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30%;
}

@media (max-width: 1200px) {
    .efflux-bg {
        background-size: contain;
        min-height: 200px;
    }
}

.efflux-index, .efflux-contactUs, .efflux-features, .efflux-article {
    min-height: 70vh;
    align-items: center;
    display: flex;
    background-color: transparent;
    overflow: hidden;
}

.efflux-aboutUs, .efflux-all-news {
    align-items: center;
    display: flex;
    background-color: transparent;
    overflow: hidden;
}

#efflux-features-1 img,
#efflux-index-1 img,
#efflux-index-4 img {
    border-radius: 10px;
    margin: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#efflux-article-2 .img-container {
    display: grid;
    gap: 5px;
    justify-content: center;
}

    #efflux-article-2 .img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
        display: block;
    }

@media (min-width: 992px) {
    #efflux-article-2 .img-container {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 150px);
        grid-auto-flow: column;
    }

        #efflux-article-2 .img-container .tall-image {
            grid-row: span 2;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    #efflux-article-2 .img-container {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: minmax(150px, auto);
    }
        #efflux-article-2 .img-container .tall-image {
            grid-row: span 2;
        }
}

@media (max-width: 767px) {
    #efflux-article-2 .img-container {
        grid-template-columns: 1fr;
        grid-auto-rows: minmax(150px, auto);
    }
}

    .efflux-contactUs-form {
        background: linear-gradient(to bottom right, #006EFF 0%, #00357A 100%) 100% 0% / 50% 100% no-repeat, url('../../images/efflux 3D icon.png') center center / 30% no-repeat;
        height: 100%;
        border: 1px solid rgba(255, 255, 255, 0.15);
    }

    .efflux-contact-form {
        background: transparent;
    }

    #efflux-contactUs-1 .efflux-contact-form {
        padding: 10% 0 10% 10%;
    }

    @media (max-width: 991px) {
        .efflux-contactUs-form {
            background: transparent linear-gradient(to bottom right, #006EFF 0%, #00357A 100%) 100% 0% no-repeat;
            height: 100%;
            border: none;
            color: white;
            padding-top: 10%;
        }

            .efflux-contactUs-form h4,
            .efflux-contactUs-form p {
                padding: 0 5% 0 5%;
            }

        #efflux-contactUs-1 .efflux-contact-form {
            background: transparent;
            padding: 0 5% 0 5% !important;
        }
    }

    .efflux-contact-form .checkbox-label {
        display: flex;
        cursor: pointer;
    }

    .efflux-contact-form .green-checkbox {
        margin-right: 8px;
        accent-color: #28a745;
        cursor: pointer;
    }

    .efflux-card {
        background: #F0F2F4 0% 0% no-repeat padding-box;
        box-shadow: 0px 6px 18px #00000029;
        border: 1px solid #C1CBD2;
        transition: 0.3s;
        height: 100%;
        border-radius: 20px;
        padding: 2% 2% 2% 2%;
        color: black;
    }

    #efflux-index-3 .efflux-card {
        padding: 5% 5% 5% 5%;
    }


.efflux-news .row > [class*=col],
#efflux-index-5 .row > [class*=col],
#efflux-aboutUs-2 .row > [class*=col],
#efflux-aboutUs-3 .row > [class*=col] {
    padding: 5px 5px 5px 5px;
}

    #efflux-aboutUs-3 .item-wrapper .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .efflux-features-card .item-wrapper,
    .efflux-features-card-white .item-wrapper,
    .efflux-features-card .container,
    .efflux-features-card-white .container {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

        .efflux-features-card .item-wrapper h4,
        .efflux-features-card-white .item-wrapper h4 {
            min-height: 30%;
        }

    .efflux-aboutUs-team {
        min-height: 80px;
    }

    #efflux-aboutUs-2 .item-wrapper,
    #efflux-aboutUs-2 .container {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    #efflux-aboutUs-2 h4 {
        min-height: 13%;
    }

    .efflux-features-card {
        height: 100%;
        transition: 0.3s;
        color: white;
        background: #000000 0% 0% no-repeat padding-box;
        box-shadow: 0px 6px 18px #00000029;
        border: 1px solid #C1CBD2;
        border-radius: 40px;
        margin: 1em auto;
        padding: 3%;
    }

    .efflux-features-card-white {
        height: 100%;
        transition: 0.3s;
        color: black;
        background: #F0F2F4 0% 0% no-repeat padding-box;
        box-shadow: 0px 6px 18px #00000029;
        border: 1px solid #C1CBD2;
        border-radius: 40px;
        opacity: 1;
        margin: 1em auto;
        padding: 3%;
    }



    @media (max-width: 768px) {
        .efflux-features .efflux-features-card p,
        .efflux-features .efflux-features-card-white p {
            display: none;
        }
    }

    .efflux-faq-container {
        max-width: 800px;
        margin: 3em auto;
        color: #000000;
    }

    .efflux-faq-item {
        border-bottom: 1px solid #ddd;
        overflow: hidden;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 25px;
        padding: 5px;
        margin: 0.5em auto;
    }

    .efflux-faq-question {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        width: 100%;
        padding: 10px 40px 10px 10px;
        text-align: left;
        border: none;
        outline: none;
        cursor: pointer;
        position: relative;
        transition: background-color 0.3s ease;
    }

    @media (hover: hover) {
        .efflux-faq-question:hover {
            color: #006DFF
        }
    }

    .efflux-faq-question .arrow {
        position: absolute;
        right: 10px;
        top: 8px;
        transition: transform 0.3s ease;
    }

    .efflux-faq-question.active .arrow {
        transform: rotate(180deg);
    }

    .efflux-faq-question.active {
        color: #006DFF;
    }

    .efflux-faq-answer {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

        .efflux-faq-answer p {
            padding: 10px;
        }


    .efflux-video {
        height: 100vh;
        background-color: rgba(0,0,0,0.8);
        color: white;
        z-index: 3;
        display: none;
    }

        .efflux-video.show {
            display: flex;
            position: sticky;
            top: 0;
        }

    .flex-container-center {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .yt-video {
        width: 70%;
        height: calc((9/16) * 100vw * 0.7);
    }

    @media (max-width: 1024px) {
        .yt-video {
            width: 100%;
            height: calc((9/16) * 100vw);
        }
    }

    .slideshow-container {
        position: relative;
        margin: auto;
    }



    #efflux-index-1 .dot-container {
        margin-top: auto;
        text-align: center;
        background: transparent;
        position: absolute;
        width: 100%;
        bottom: 4em;
    }

    .dot {
        cursor: pointer;
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
    }


        .dot.active, .dot:hover {
            background-color: #717171;
        }

    hr.efflux {
        border-top: 2px solid #006EFF;
        width: 80%;
        margin: auto;
    }


    @media (max-width: 1024px) {


        .div-wrapper {
            display: flex;
            flex-direction: column;
        }


        .div-top-right {
            order: 1;
            width: 60%;
            align-self: flex-end;
            margin-right: 0px !important;
        }

        .div-top-left {
            order: 1;
            width: 60%;
            margin-left: 0px !important;
        }

        .div-bottom-right {
            order: 2;
            width: 80%;
            align-self: flex-end;
            margin-right: 0px !important;
        }

        .div-bottom-left {
            order: 2;
            width: 80%;
            margin-left: 0px !important;
        }

            .div-bottom-left img {
                width: 120%;
                margin-left: -20%;
            }

        .div-bottom-right img {
            width: 120%;
            margin-right: -20%;
        }
    }


    @media (max-width: 667px) {
        .div-wrapper {
            display: flex;
            flex-direction: column;
        }

        .div-top-right, .div-top-left {
            order: 1;
            width: 100%;
        }

        .div-bottom-right, .div-bottom-left {
            order: 2;
            width: 100%;
        }

            .div-bottom-left img {
                width: 120%;
                margin-left: -20%;
            }

            .div-bottom-right img {
                width: 120%;
                margin-right: -20%;
            }
    }

    .efflux-icon {
        background-color: grey !important;
        color: grey !important;
    }

        .efflux-icon:hover {
            background-color: white !important;
            color: white !important;
        }


    .efflux-border, .efflux-border-2 {
        border-right: 1px solid white;
    }

    @media (max-width: 991px) {
        .efflux-border-2 {
            border-right: none;
        }
    }

    @media (max-width: 767px) {
        .efflux-border, .efflux-border-2 {
            border-right: none;
        }
    }


    .efflux-news .card {
        background: #006EFF;
        color: white;
        border-radius: 20px;
        box-shadow: 0px 6px 18px #00000029;
        overflow: hidden;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        min-height: 400px;
        max-height: 400px;
    }

    .efflux-article .card {
        background: white;
        color: black;
        border-radius: 20px;
        box-shadow: 0px 6px 18px #00000029;
        overflow: hidden;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        min-height: 400px;
        max-height: 400px;
    }

    .efflux-news .card-img {
        position: relative;
        width: 100%;
        min-height: 150px;
        max-height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 20px 20px 0 0;
        overflow: hidden;
    }

        .efflux-news .card-img img {
            max-width: 100%;
            max-height: 100%;
            object-fit: cover;
            position: absolute;
            top: 0;
            display: block;
            border-radius: 20px 20px 0 0;
        }

    @media (max-width: 1200px) and (min-width: 992px) {

        .efflux-news .card-img {
            min-height: 120px;
            max-height: 120px;
        }
    }

    .efflux-news .card-content {
        text-align: left;
        padding: 15px 15px 0 15px;
        height: 240px;
        min-height: 240px;
        max-height: 240px;
        display: flex;
        flex-direction: column;
    }

    .efflux-news .card:hover {
        background: transparent linear-gradient(to bottom right, #006EFF 0%, #00357A 100%) 100% 0% no-repeat;
        color: white;
    }

    #efflux-past-news .card,
    #efflux-latest-news .card {
        min-height: 270px;
        max-height: 270px;
    }

    #efflux-latest-news .card {
        display: flex;
        flex-direction: row;
        width: 100%;
    }

    #efflux-past-news .card-content,
    #efflux-latest-news .card-content {
        min-height: 200px;
        max-height: 200px;
    }

    #efflux-latest-news .card-content {
        width: 40%;
    }

    #efflux-latest-news .card-img {
        width: 60%;
        min-height: 270px;
        max-height: 270px;
        border-radius: 20px 0 0 20px;
    }

        #efflux-latest-news .card-img img {
            border-radius: 20px 0 0 20px;
            min-height: 100%;
        }

    @media (max-width: 767px) {
        #efflux-past-news .card {
            min-height: 150px;
            max-height: 150px;
        }

        #efflux-past-news .card-content {
            min-height: 100px;
            max-height: 100px;
        }
    }

    #efflux-index-2 .efflux-index-card {
        box-shadow: 0px 6px 18px #00000029;
        border: 1px solid #C1CBD2;
        transition: 0.2s;
        height: 700px;
        border-radius: 40px;
        padding: 8% 5% 8% 5%;
        overflow: hidden;
    }

    #efflux-index-2 .card-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #efflux-index-2 .card-content {
        padding: 20px;
        height: 100%;
        position: relative;
    }

    #efflux-index-2 .info-container {
        position: relative;
    }

    #efflux-index-2 .less-info, .more-info {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        transition: opacity 0.3s ease;
    }

    #efflux-index-2 .more-info {
        opacity: 0;
    }

    #efflux-index-2 .efflux-index-card-left {
        width: 65%;
        float: left;
    }


    #efflux-index-2 .efflux-index-card-img {
        background: #F0F2F4 0% 0% no-repeat padding-box;
        color: black;
        transition: background-position 0.3s ease;
        background-image: url('/assets/images/efflux 3D icon.png');
        background-position: 170% center;
        background-repeat: no-repeat;
        background-size: 60% auto;
    }


    #efflux-index-2 .efflux-index-card-img-2 {
        background: #000000 0% 0% no-repeat padding-box;
        color: white;
    }

    #efflux-index-2 .card-background-video {
        position: absolute;
        right: -50%;
        top: 10%;
        height: 80%;
        width: auto;
        object-fit: contain;
        z-index: 0;
        pointer-events: none;
        transition: all 0.3s ease;
    }

    #efflux-index-2 .show-more .card-background-video {
        right: -50%;
    }

    @media (max-width: 1200px) {
        #efflux-index-2 .card-background-video {
            position: absolute;
            height: 60%;
            right: -65%;
            top: 20%;
        }

        #efflux-index-2 .show-more .card-background-video {
            right: -47%;
        }
    }

    #efflux-index-2 .show-more .more-info {
        opacity: 1;
    }

    #efflux-index-2 .show-more .less-info {
        opacity: 0;
    }

    #efflux-index-2 .show-more.efflux-index-card-img {
        background-position: 155% center;
    }


    @media (max-width: 992px) {
        #efflux-index-2 .efflux-index-card-left {
            width: 100%;
            float: left;
        }

        #efflux-index-2 .efflux-index-card-img {
            background-position: 170% 100%;
        }

            #efflux-index-2 .efflux-index-card-img.show-more {
                background-position: 140% 99%;
            }

        #efflux-index-2 .card-background-video {
            position: absolute;
            height: 85%;
            right: -35%;
            top: 40%;
        }

        #efflux-index-2 .show-more .card-background-video {
            right: -30%;
        }
    }

    @media (max-width: 747px) {
        #efflux-index-2 .card-background-video {
            position: absolute;
            height: 50%;
            right: -35%;
            top: 60%;
        }

        #efflux-index-2 .show-more .card-background-video {
            right: -30%;
        }
    }



    #efflux-index-4 .accordion {
        width: 30%;
        text-align: left;
    }

    #efflux-index-4 .accordion-title {
        width: 100%;
        padding: 5px;
        background-color: transparent;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        opacity: 0.6;
        transition: opacity 0.3s;
        text-align: left;
    }

        #efflux-index-4 .accordion-title:hover,
        #efflux-index-4 .accordion-title.active {
            opacity: 1;
        }

        #efflux-index-4 .accordion-title::after {
            font-family: 'Material Icons';
            content: "\e5cf";
            transition: transform 0.3s;
        }

        #efflux-index-4 .accordion-title.active::after {
            transform: rotate(180deg);
        }

    #efflux-index-4 .accordion-content {
        padding: 0 5px 5px 5px;
        display: none;
    }

        #efflux-index-4 .accordion-content.show {
            display: block;
        }

    #efflux-index-4 .image-panel {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: flex-start;
    }


    #efflux-index-4 .mobile-image {
        display: none;
    }

    @media (max-width: 992px) {

        #efflux-index-4 .accordion {
            width: 100%;
        }

        #efflux-index-4 img {
            margin: 0;
        }

        #efflux-index-4 .image-panel {
            display: none;
        }

        #efflux-index-4 .mobile-image {
            display: block;
        }
    }

    @media (min-width: 1200px) {

        #efflux-index-3 .efflux-cards-container {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 10px;
        }

        #efflux-index-3 .efflux-card-item {
            width: 100%;
        }

        #efflux-index-3 .efflux-carousel-controls {
            display: none;
        }
    }


    @media (max-width: 1199px) {
        #efflux-index-3 .efflux-carousel-wrapper {
            position: relative;
            overflow: hidden;
            max-width: 100%;
            margin: 0 auto;
        }

        #efflux-index-3 .efflux-cards-container {
            display: flex !important;
            transition: transform 0.5s ease;
            padding: 0;
            margin: 0;
            align-items: center;
        }

        #efflux-index-3 .efflux-card-item {
            flex: 0 0 400px;
            max-width: 400px;
            opacity: 0.3;
            transform: scale(0.85);
            transition: all 0.3s ease;
        }

            #efflux-index-3 .efflux-card-item.active {
                opacity: 1;
                transform: scale(1);
            }

        #efflux-index-3 .efflux-carousel-controls {
            display: block;
        }

        #efflux-index-3 .efflux-carousel-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(255, 255, 255, 0.9);
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
            color: #333;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10;
        }

        #efflux-index-3 .efflux-prev-btn {
            left: 10px;
        }

        #efflux-index-3 .efflux-next-btn {
            right: 10px;
        }

        #efflux-index-3 .efflux-carousel-btn:hover:not(:disabled) {
            background: white;
            transform: translateY(-50%) scale(1.1);
        }

        #efflux-index-3 .efflux-carousel-btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }
    }

    @media (max-width: 1024px) and (min-width: 768px) {
        #efflux-index-3 .efflux-card-item {
            flex: 0 0 350px;
            max-width: 350px;
        }

        #efflux-index-3 .efflux-card {
            min-height: 220px;
        }
    }


    @media (max-width: 767px) {
        #efflux-index-3 .efflux-card-item {
            flex: 0 0 300px;
            max-width: 300px;
        }

        #efflux-index-3 .efflux-card {
            min-height: 200px;
            padding: 25px 20px;
        }

        #efflux-index-3 .efflux-carousel-btn {
            width: 45px;
            height: 45px;
            font-size: 25px;
        }
    }


    @media (max-width: 480px) {
        #efflux-index-3 .efflux-card-item {
            flex: 0 0 280px;
            max-width: 280px;
        }

        #efflux-index-3 .efflux-carousel-btn {
            width: 40px;
            height: 40px;
            font-size: 20px;
        }

        #efflux-index-3 .efflux-card {
            padding: 20px 15px;
            min-height: 180px;
        }
    }

    @media (max-width: 360px) {
        #efflux-index-3 .efflux-card-item {
            flex: 0 0 260px;
            max-width: 260px;
        }

        #efflux-index-3 .efflux-card {
            min-height: 160px;
            padding: 18px 15px;
        }
    }


    #efflux-article-1 .author-details {
        display: flex;
        align-items: center;
    }

        #efflux-article-1 .author-details img {
            width: 50px;
            height: 50px;
            border-radius: 50px;
            margin-right: 30px;
            border: 2px solid #FFFFFF;
            object-fit: cover;
        }

        #efflux-article-1 .author-details ul {
            display: flex;
            align-items: center;
            display: inline;
            padding: 0;
            margin: 0;
        }

        #efflux-article-1 .author-details li {
            position: relative;
            white-space: nowrap;
            margin-right: 10px;
            display: inline;
        }


    #efflux-article-1 .div-wrapper {
        display: flex;
        flex-direction: row;
    }

    #efflux-aboutUs-1.image-wrapper,
    #efflux-article-1 .image-wrapper {
        position: relative;
        height: 100%;
    }

    #efflux-article-1 .div-top img {
        position: absolute;
        object-fit: cover;
        height: inherit;
        min-width: 50vw;
    }

    @media (max-width: 1024px) {

        #efflux-article-1 .div-top img {
            position: relative;
            width: 100vw;
            margin-left: calc(-50vw + 50%);
        }

        #efflux-article-1 .div-top {
            order: 1;
        }

        #efflux-article-1 .div-bottom {
            order: 2;
        }
    }

    #efflux-article-2 li {
        list-style: none;
        padding-left: 20px;
        position: relative;
    }

        #efflux-article-2 li::before {
            content: "\2022"; /* Unicode for a bullet point */
            position: absolute;
            left: 0;
            top: 0;
        }

    /*All news page*/
    #efflux-news-2 .news-slider-section {
        padding: 50px 0;
        overflow: hidden;
    }

    #efflux-news-2 .custom-slider-container {
        position: relative;
        margin: 0 -10px;
        padding: 0 30px;
    }

    #efflux-news-2 .slider-wrapper {
        overflow: hidden;
        margin: 0 -10px;
    }

    #efflux-news-2 .slider-track {
        display: flex;
        transition: transform 0.3s ease;
    }

    #efflux-news-2 .slider-item {
        flex: 0 0 100%;
        padding: 0 5px;
        box-sizing: border-box;
    }

    /* Navigation buttons */
    #efflux-news-2 .slider-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: white;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 10;
        border: 2px solid #0066cc;
        transition: all 0.3s ease;
    }

        #efflux-news-2 .slider-nav:hover {
            background: #0066cc;
            color: white;
        }

    #efflux-news-2 .slider-nav-prev {
        left: -15px;
    }

    #efflux-news-2 .slider-nav-next {
        right: -15px;
    }

    #efflux-news-2 .slider-nav:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

        #efflux-news-2 .slider-nav:disabled:hover {
            background: white;
            color: inherit;
        }

    #efflux-news-2 .slider-dots {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 30px;
    }

    #efflux-news-2 .dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ccc;
        cursor: pointer;
        transition: all 0.3s ease;
    }

        #efflux-news-2 .dot.active {
            background: #0066cc;
            width: 20px;
            border-radius: 5px;
        }

    @media (min-width: 768px) {
        #efflux-news-2 .slider-item {
            flex: 0 0 50%;
        }
    }

    @media (min-width: 992px) {
        #efflux-news-2 .slider-item {
            flex: 0 0 25%;
        }
    }


    /*efflux btn style*/
    /*blue to blue*/
    .efflux-btn {
        border: #006EFF;
        background-color: #006EFF !important;
        background: transparent linear-gradient(90deg, #00357A 0%, #006EFF 100%) 0% 100% no-repeat;
        transition: all 0.2s ease-in-out;
    }

        .efflux-btn:hover {
            color: white !important;
            border: #00357A;
            background-color: #00357A !important;
            background: transparent linear-gradient(to bottom right, #006EFF 0%, #00357A 80%) 50% 0% no-repeat;
        }

    /*grey to blue*/
    .efflux-feature-btn {
        padding: 5px;
        top: 500px;
        width: 135px;
        height: 40px;
        color: white;
        background: #343F48 0% 0% no-repeat;
        border: 1px solid #566977;
        border-radius: 10px;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        justify-content: center;
        align-items: center;
    }

    .efflux-features .efflux-feature-btn {
        position: sticky;
        bottom: 0;
        left: 0;
    }

        .efflux-index .efflux-feature-btn:hover,
        .efflux-features .efflux-feature-btn:hover {
            color: white !important;
            border: #00357A;
            background-color: #00357A !important;
            background: transparent linear-gradient(to bottom right, #006EFF 0%, #00357A 80%) 50% 0% no-repeat;
        }

    #efflux-index-1 .efflux-feature-btn {
        margin: 0 !important;
    }

    /*transparent to blue*/
    #efflux-index-2 .learn-more-btn {
        background: transparent;
        border-bottom: 1px solid #C1CBD2;
        border-radius: 10px;
        color: #006EFF;
        cursor: pointer;
        position: absolute;
        bottom: 10px;
        left: 20px;
        width: 122px;
        height: 40px;
    }

        #efflux-index-2 .learn-more-btn:hover {
            color: white;
            background: transparent linear-gradient(to bottom right, #006EFF 0%, #00357A 80%) 50% 0% no-repeat;
        }

    /*grey to black*/
    .efflux-article-btn {
        padding: 5px;
        top: 500px;
        width: 135px;
        min-height: 40px;
        color: white;
        background: #343F48 0% 0% no-repeat;
        border: 1px solid #566977;
        border-radius: 10px;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        justify-content: center;
        align-items: center;
    }

        .efflux-article-btn:hover {
            color: white;
            background: black 0% 0% no-repeat;
        }

    /*EFFLUX END*/

#efflux-news-1 .subscribe-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}

#efflux-news-1 .btn-subscribe {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
    height: 40px;
    background: #006EFF;
}

    #efflux-news-1 .btn-subscribe.hiding {
        opacity: 0;
        visibility: hidden;
    }

    #efflux-news-1 .btn-subscribe.hide {
        display: none !important;
    }

#efflux-news-1 .subscribe-form {
    align-items: stretch !important;
    position: absolute !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in, visibility 0.3s ease-in;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    align-items: stretch !important;
    gap: 0;
}
    #efflux-news-1 .subscribe-form.show {
        opacity: 1;
        visibility: visible;
    }

#efflux-news-1 .email-input {
    height: 100% !important;
    border: 2px solid #E4E7EC;
    border-radius: 4px 0 0 4px !important;
    border-right: none !important;
    padding: 0 16px;
    outline: none;
    box-sizing: border-box;
    height: 40px;
    width: 70%;
}

    #efflux-news-1 .email-input:hover {
        border-color: #D0D5DD !important;
    }

    #efflux-news-1 .email-input:focus {
        border-color: #006EFF !important;
        box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1) !important;
    }

#efflux-news-1 .submit-btn {
    border-radius: 0 4px 4px 0 !important;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background: #006EFF;
    width: 30%;
    min-height: 40px !important;
}


    #efflux-news-1 .submit-btn:active:not(:disabled) {
        transform: scale(0.98);
    }

    #efflux-news-1 .submit-btn:disabled {
        opacity: 0.7 !important;
        cursor: not-allowed !important;
    }

    
    #efflux-news-1 .submit-btn.loading {
        position: relative;
    }

        #efflux-news-1 .submit-btn.loading .efflux-display-4 {
            visibility: hidden;
        }

        #efflux-news-1 .submit-btn.loading::after {
            content: '';
            position: absolute;
            width: 16px;
            height: 16px;
            top: 50%;
            left: 50%;
            margin-left: -8px;
            margin-top: -8px;
            border: 2px solid #ffffff;
            border-radius: 50%;
            border-top-color: transparent;
            animation: spinner 0.8s linear infinite;
        }

#efflux-news-1 .follow-btn {
    background: #00357A !important;
    height: 40px;
}

#efflux-news-1 .follow-btn:hover {
    background: #006EFF !important;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

