a {
    text-decoration: none
}

.margin-auto {
    margin: auto!important
}

.center_vertically {
    display: flex;
    flex-direction: column;
    align-content: center
}

@media (max-width: 768px) {
    ._order_mobile_1 {
        order: 1
    }
    ._order_mobile_2 {
        order: 2
    }
}

._spw {
    width: var(--spw-lg)!important
}

@media (max-width: 768px) {
    ._spw {
        width: var(--spw-sm)!important
    }
}

._card {
    box-shadow: 16px 32px 74px rgba(126, 138, 253, .08);
    border-radius: var(--br-5xl);
    background-color: var(--color-white);
    border: 1px solid var(--color-lightsteelblue);
    box-sizing: border-box;
    padding: 10px 10px;
    z-index: 14;
    margin-top: 20px
}

._header_fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

._header_fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

._header_fixed {
    background-color: #fff
}

._dropdown {
    position: relative;
    display: inline-block
}

._dropbtn {
    color: #fff;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer
}

._dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
    z-index: 1;
    list-style: none;
    padding: 0;
    margin: 0;
    border-radius: 8px;
    overflow: visible
}

._dropdown-content>li {
    position: relative
}

._dropdown-content a {
    color: #000;
    padding: 12px 18px;
    text-decoration: none;
    display: block;
    font-size: var(--font-size-global);
    white-space: nowrap
}

._dropdown-content a:hover {
    background: var(--primary);
    color: #fff
}

._dropdown-content .sub-arrow {
    margin-left: 10px;
    font-size: 10px;
    color: #999
}

._dropdown-content .has-nested>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

._dropdown-content .nested {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 4px;
    min-width: 200px;
    background-color: #f9f9f9;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
    list-style: none;
    padding: 0;
    margin: 0;
    border-radius: 8px
}

._dropdown-content .nested li a {
    padding: 12px 16px
}

._dropdown-content .nested li a:hover {
    background: var(--primary);
    color: #fff
}

._dropdown-content .has-nested:hover>.nested {
    display: block
}

._dropdown:hover>._dropdown-content {
    display: block
}

.section-y {
    margin-bottom: 20px
}

.section-z {
    margin-bottom: 40px
}

.section-td {
    padding-bottom: 80px;
    padding-top: 80px
}

._hero {
    background: var(--primary);
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    z-index: 999999999999;
    color: #fff
}

._hero .sec-1 {
    margin-bottom: 30px
}

._hero ._col_one {
    padding-top: 2px;
    padding-bottom: 2px;
    position: relative;
    top: 75px;
    margin-bottom: 50px
}

._hero ._xevix .subitem img {
    margin-right: 5px
}

@media (min-width: 991.9px) and (max-width:1399.9px) {
    ._hero ._col_one {
        top: 0
    }
}

.hero-h1 {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 0
}

.hero-frame-wrap img {
    display: block;
    margin: auto
}

._hero ._col_one .item {
    padding-bottom: 15px
}

._header_nav {
    padding-top: 13.555px;
    height: 97px
}

#header {
    transition: all .3s ease-in-out;
    z-index: 99999999999999999999
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important
}

.navitemswrap {
    position: relative;
    left: 55px;
    bottom: 10px
}

@media (max-width: 767.9px) {
    .navitemswrap {
        position: relative;
        left: -15px;
        top: 2px
    }
}

@media (max-width: 991.98px) {
    ._header_nav .navitemswrap {
        left: 0;
        top: 0;
        width: 100%
    }
    ._header_nav .navbar-nav {
        width: 100%;
        padding: 20px 0 8px;
        margin: 0
    }
    ._header_nav .navbar-nav>li._text_nav_item {
        width: 100%;
        padding: 0 12px;
        margin: 0;
        border-bottom: 1px solid #e7e8ec
    }
    ._header_nav .navbar-nav>li._text_nav_item:last-of-type {
        border-bottom: none
    }
    ._header_nav .navbar-nav>li._text_nav_item>._ellipsoid {
        display: none
    }
    ._header_nav .navbar-nav>li._text_nav_item>a.nav-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 0;
        font-size: 16px;
        font-weight: 500;
        color: #0f172a
    }
    ._header_nav .navbar-nav>li._text_nav_item>a.nav-link::after {
        content: '\203A';
        font-size: 18px;
        line-height: 1;
        color: inherit
    }
    ._header_nav .navbar-nav>li._text_nav_item>a.nav-link .sub-arrow {
        display: none
    }
    ._header_nav .navbar-nav>li._dropdown>._dropdown-content {
        position: static;
        box-shadow: none;
        margin-top: 0;
        width: 100%;
        padding: 0;
        background: transparent;
        border-radius: 0
    }
    ._header_nav .navbar-nav>li._dropdown.dropdown-open>._dropdown-content {
        display: block
    }
    ._header_nav .navbar-nav>li._dropdown>._dropdown-content>li {
        list-style: none;
        border-bottom: 1px solid #edf0f7
    }
    ._header_nav .navbar-nav>li._dropdown>._dropdown-content>li:last-of-type {
        border-bottom: none
    }
    ._header_nav .navbar-nav>li._dropdown>._dropdown-content>li>a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 0;
        font-size: 15px;
        font-weight: 500;
        color: #101828
    }
    ._header_nav .navbar-nav>li._dropdown>._dropdown-content>li>a:hover {
        background: transparent;
        color: #101828
    }
    ._header_nav .navbar-nav>li._dropdown>._dropdown-content>li.has-nested>a .sub-arrow {
        display: none
    }
    ._header_nav .navbar-nav>li._dropdown>._dropdown-content>li.has-nested>a::after {
        content: '\203A';
        font-size: 16px;
        color: inherit
    }
    ._header_nav .navbar-nav>li._dropdown>._dropdown-content a {
        padding-left: 12px
    }
    ._header_nav .navbar-nav>li._dropdown>._dropdown-content .nested {
        position: static;
        display: none;
        width: 100%;
        margin: 8px 0 0;
        padding: 4px 0 8px;
        border-radius: 12px;
        background: #f7f8fc;
        box-shadow: inset 0 0 0 1px #edf0f7
    }
    ._header_nav .navbar-nav>li._dropdown>._dropdown-content>li.has-nested.nested-open>.nested {
        display: block
    }
    ._header_nav .navbar-nav>li._dropdown>._dropdown-content .nested li {
        border: none
    }
    ._header_nav .navbar-nav>li._dropdown>._dropdown-content .nested li a {
        display: block;
        padding: 12px 16px;
        font-size: 15px;
        font-weight: 500;
        color: #475467
    }
    ._header_nav .navbar-nav>li.ppwkc__p {
        border: none;
        padding: 20px 12px 0
    }
    ._header_nav .navbar-nav>li.ppwkc__p .header-btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 14px 16px;
        /* background: #101828; */
        border-radius: 12px;
        font-weight: 600
    }
}

#home_header .navbar-nav>li._dropdown>._dropdown-content>li>a {
    color: #101828
}

#home_header .navbar-nav>li._dropdown>._dropdown-content>li>a:hover {
    color: #101828;
    background: transparent
}

#home_header .navbar-nav>li._dropdown>._dropdown-content .nested li a {
    color: #475467
}

@media (max-width: 991.98px) {
    #home_header .navbar-nav>li._dropdown>._dropdown-content>li>a {
        color: #101828 !important
    }
    #home_header .navbar-nav>li._dropdown>._dropdown-content>li>a:hover {
        color: #101828 !important
    }
    #home_header .navbar-nav>li._dropdown>._dropdown-content .nested li a {
        color: #475467 !important;
    }
}

._hero_non_index ._inner_hero {
    background: var(--primary);
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 34% 81%;
    padding: 100px 0 100px 0
}

._hero_non_index ._inner_hero_2 {
    background: var(--primary);
    padding: 60px 0 60px 0;
    color: #fff
}

._hero_non_index .main-text-wrap {
    text-align: center
}

._header_nav .navbar .navbar-brand {
    margin-right: 100px;
    position: relative;
    right: 50px
}

._header_nav .navbar ._xf_nav_item {
    margin-left: 100px!important
}

.btn-primary-outline {
    cursor: pointer;
    border: 1px solid var(--secondary-hover);
    padding: var(--padding-xs) var(--padding-12xl);
    background-color: transparent;
    box-shadow: 0 1px 3px rgba(13, 13, 18, .05), 0 1px 2px rgba(13, 13, 18, .04);
    border-radius: var(--br-981xl);
    overflow: hidden;
    white-space: nowrap;
    font-size: var(--paragraph-body-3-size);
    font-weight: 600;
    font-family: var(--font-inter);
    color: var(--color-darkslateblue-100)
}

@media (max-width: 768px) {
    ._hero {
        margin-bottom: 20px
    }
    ._header_nav .navbar .navbar-brand {
        position: unset;
        margin-right: 0!important
    }
    ._header_nav .navbar ._xf_nav_item {
        margin-left: 0!important
    }
    .navbar-light .navbar-toggler:focus {
        border: 0!important;
        box-shadow: unset
    }
}

@media (min-width: 400px) and (max-width:767px) {
    ._hero {
        height: 1020px;
        margin-bottom: 20px
    }
}

@media (max-width: 399px) {
    ._hero {
        height: 885px;
        margin-bottom: 20px
    }
}

.nav-logo {
    width: 150px
}

.footer-logo {
    width: 250px
}

._header_nav {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    justify-content: center;
    background: #fff
}

.___fixed_nav {
    position: fixed;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid #cccccc80!important;
    transition: all .7s ease-in-out
}

._header_nav_fixed_scroll {
    background: #fcfdfe;
    transition: all 1s ease!important;
    padding-bottom: 10px;
    background: #fff!important;
    position: fixed;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid #cccccc80!important
}

._header_nav_fixed_scroll .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important
}

._header_nav .nav-link {
    font-size: var(--font-size-global);
    font-weight: 500;
    color: #322b2b!important;
    border-top: 4px solid transparent;
    transition: all .6s ease;
    text-transform: uppercase;
    font-size: 14px
}

._header_nav_fixed_scroll .nav-link {
    color: #322b2b!important
}

._header_nav .nav-link:active,
._header_nav .nav-link:hover {
    border-top: 4px solid var(--primary)!important
}

._header_nav_fixed_scroll .nav-link:hover {
    border-top: 4px solid var(--primary)!important
}

._header_nav .nav-link__hover {
    border-top: 4px solid var(--primary)!important
}

@media (max-width: 768px) {
    ._header_nav .nav-link:hover {
        border-top: 4px solid #fff
    }
}

.nav-item {
    margin: 0 10px 0 10px
}

._text_nav_item {
    position: relative!important;
    top: 15px;
    margin-right: 16px!important
}

._text_nav_item ._ellipsoid {
    display: flex;
    position: relative;
    top: 21px;
    right: 10px;
    display: none!important
}

@media (max-width: 1200px) {
    ._text_nav_item {
        position: relative!important;
        top: 6px;
        margin-right: 5px!important
    }
    ._text_nav_item ._ellipsoid {
        display: flex;
        top: 21px;
        right: 7px
    }
}

@media screen and (max-width: 768px) {
    ._text_nav_item {
        position: relative!important;
        top: 0;
        margin-right: 0!important
    }
    ._text_nav_item ._ellipsoid {
        display: none!important
    }
    ._header_nav {
        padding-top: 5.5px
    }
}

.lighttel {
    justify-content: center;
    gap: var(--gap-xs)
}

.light-tel-wrapper,
.lighttel,
.social-links {
    display: flex;
    flex-direction: row;
    align-items: center
}

.light-tel-wrapper {
    cursor: pointer;
    border: 0;
    padding: var(--padding-3xs) var(--padding-6xl) var(--padding-3xs) var(--padding-3xs);
    background-color: var(--color-darkslategray-400);
    border-radius: 90px;
    overflow: hidden;
    justify-content: center
}

.light-tel-wrapper .icon {
    height: 45px;
    width: 45px;
    border-radius: 30px;
    background-color: var(--color-darksalmon-100);
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12.5px var(--padding-xs);
    box-sizing: border-box
}

.light-tel-wrapper .a {
    text-decoration: none;
    position: relative;
    font-size: var(--font-size-lg);
    font-weight: 600;
    font-family: var(--font-inter);
    color: var(--color-white);
    text-align: left;
    white-space: nowrap
}

@media (max-width: 992px) {
    ._header_nav {
        display: initial;
        flex-direction: initial;
        align-items: initial;
        justify-content: initial;
        align-self: initial
    }
    .nav-item {
        margin: 0
    }
}

._core_hero {
    display: block;
    margin-top: -44px!important
}

._core_hero .div-sec {
    margin-bottom: 20px
}

.kng {
    border: 0;
    padding: var(--padding-5xs) var(--padding-xl);
    background-color: rgba(26, 27, 37, .12);
    backdrop-filter: blur(8px);
    border-radius: var(--br-981xl);
    justify-content: flex-start;
    gap: var(--gap-9xs);
    z-index: 19;
    width: 164px;
    margin: auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    text-align: center
}

.kng .label {
    position: relative;
    font-size: var(--font-size-sm);
    line-height: 155%;
    font-family: var(--font-jost);
    color: var(--color-white);
    text-align: left
}

.kng .arrow-right-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-10xs) 0 0
}

.kng .arrow-right-icon {
    width: 16px;
    height: 16px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0
}

.bigxbit {
    margin: auto
}

.bigxbit .text1 {
    text-align: center
}

.bigxbit .text2 {
    text-align: center
}

.bigxbit .text3 {
    text-align: center
}

.bigxbit .button-wrap {
    display: block;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.bigxbit .button-wrap .button {
    cursor: pointer;
    border: 0;
    padding: var(--padding-base) var(--padding-13xl);
    background-color: transparent;
    box-shadow: 0 1px 3px rgba(13, 13, 18, .05), 0 1px 2px rgba(13, 13, 18, .04);
    border-radius: var(--br-981xl);
    background: linear-gradient(var(--color-darksalmon-100), var(--color-darksalmon-100)), linear-gradient(var(--color-yellow-1), var(--color-yellow-1)), var(--color-yellow-2);
    overflow: hidden;
    color: #fff;
    flex-direction: row;
    flex-shrink: 0;
    white-space: nowrap;
    z-index: 19
}

.bigxbit .button-wrap .button:hover {
    background: var(--color-darksalmon-300)!important
}

._hero .browser_frame_wrap {
    margin: auto!important;
    padding-top: 1rem;
    z-index: 99999999!important
}

._hero .browser_frame_wrap img {
    height: 600px;
    display: block;
    margin: auto
}

@media (max-width: 992px) {
    ._hero .browser_frame_wrap img {
        height: auto;
        width: 100%
    }
}

._services {
    display: block;
    margin-top: 290px;
    margin-bottom: 60px
}

._services ._headwrap {
    margin: auto
}

._services ._headwrap .h {
    font-size: 35px;
    font-weight: 600;
    text-align: center
}

._services ._card {
    box-shadow: 16px 32px 74px rgba(126, 138, 253, .08);
    border-radius: var(--br-5xl);
    background-color: var(--color-white);
    border: 1px solid var(--color-lightsteelblue);
    box-sizing: border-box;
    padding: var(--padding-13xl) var(--padding-4xl);
    z-index: 14;
    margin-top: 20px;
    margin-right: 20px;
    height: 450px;
    width: 300px;
    text-align: center
}

._services .fgy {
    display: block
}

button.xlwpx {
    position: relative;
    top: 30px
}

._services .img-wrap {
    height: 166px
}

._services .img-wrap img {
    width: 206px;
    display: block;
    margin: auto
}

._services .img-wrap img.frame-hs {
    width: 180px!important
}

._services .pty {
    height: 73px
}

img.__frameindustry {
    display: block!important;
    margin: auto!important
}

._services ._card_list_wrap {
    width: 90%;
    margin: auto
}

@media (max-width: 768px) {
    ._services {
        margin-top: 20px;
        margin-bottom: 40px
    }
    ._services ._card {
        margin-right: 0;
        font-size: 16px!important
    }
    ._services ._headwrap .h {
        font-size: 25px
    }
}

.bxr {
    cursor: pointer;
    border: 1px solid var(--color-gray-300);
    padding: var(--padding-7xs) var(--padding-5xl);
    background-color: var(--color-ghostwhite);
    border-radius: var(--br-61xl);
    justify-content: flex-start;
    gap: var(--gap-3xs);
    z-index: 14;
    width: 200px
}

.bxr .icon-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-11xs-5) 0 0
}

.bxr .icon-wrap {
    width: 18px;
    height: 18px;
    position: relative;
    overflow: hidden
}

.bxr .txt {
    position: relative;
    font-size: 13px;
    letter-spacing: -.02em;
    line-height: 150%;
    font-weight: 500;
    font-family: var(--font-inter);
    color: var(--secondary);
    text-align: left;
    position: relative;
    bottom: 4px;
    left: 7px
}

.consult-vilv {
    width: var(--spw-lg);
    margin: auto
}

.consult-form-wrap {
    align-self: stretch;
    flex-direction: row;
    justify-content: flex-start;
    padding: 20px 10px;
    background: url(/assets/img/banner@3x.png);
    padding: 100px 20px 100px 20px;
    border-radius: 25px
}

@media (max-width: 768px) {
    .consult-vilv {
        width: 98%
    }
    .consult-form-wrap {
        border-radius: 25px
    }
}

.ghj {
    display: grid;
    justify-items: center
}

@media (max-width: 768px) {
    .ghj {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.schedule-a-free {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: 46px;
    line-height: 64px;
    font-weight: 700;
    font-family: var(--font-plus-jakarta-sans);
    color: var(--color-white);
    text-align: center
}

@media (max-width: 768px) {
    .schedule-a-free {
        font-size: 20px
    }
}

.consult-form-wrap .form {
    align-self: stretch;
    border-radius: var(--br-xs);
    background-color: var(--color-whitesmoke-100);
    flex-direction: row;
    padding: var(--padding-mini) var(--padding-xs) var(--padding-mid)
}

.consult-form-wrap .form_group {
    display: block;
    position: relative;
    margin-bottom: 10px
}

.consult-form-wrap .form_group .label {
    color: #fff;
    position: relative;
    right: 21px;
    display: block
}

.consult-form-wrap .form_group .icon {
    width: 20px
}

.consult-form-wrap .form_group input {
    align-self: stretch;
    border-radius: 11px;
    background-color: var(--color-whitesmoke-100);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px 0 10px 35px;
    gap: var(--gap-xs);
    width: 397px;
    border: 0;
    font-size: 20px;
    font-weight: 600
}

@media screen and (max-width: 768px) {
    .consult-form-wrap .form_group input {
        width: 85%!important
    }
}

.consult-form-wrap .form_group .icon {
    position: relative;
    top: 35px;
    left: 5px
}

.consult-form-wrap .main-btn {
    cursor: pointer;
    border: 0;
    padding: var(--padding-lg) var(--padding-13xl);
    background-color: var(--color-darksalmon-100);
    border-radius: var(--br-51xl);
    justify-content: flex-start;
    white-space: nowrap;
    color: #fff;
    width: 160px
}

.consult-form-wrap .main-btn:hover {
    color: #12102e
}

.consult-form-wrap .icon-desc_container,
.consult-form-wrap .submit_btn_container {
    margin-top: 30px!important
}

.consult-form-wrap .icon-desc_container {
    margin-top: 30px!important;
    color: #fff;
    font-size: 12px;
    display: flex;
    gap: 30px
}

.consult-form-wrap .icon-desc_container .item {
    font-size: 13px
}

.consult-form-wrap .icon-desc_container .icon {
    width: 20px
}

@media (max-width: 768px) {
    .consult-form-wrap {
        padding: 40px 0 40px 0
    }
    .consult-form-wrap .form_group input {
        margin: auto;
        width: 64%
    }
    .consult-form-wrap .form_group .icon {
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        display: none
    }
    .consult-form-wrap .form_group .label {
        color: #fff;
        position: relative;
        right: 41px;
        display: block
    }
    .consult-form-wrap .main-btn {
        cursor: pointer;
        border: 0;
        padding: 10px 20px;
        background-color: var(--color-darksalmon-100);
        border-radius: var(--br-51xl);
        justify-content: flex-start;
        white-space: nowrap;
        color: #fff
    }
}

.cvt {
    width: var(--spw-lg);
    margin-top: 60px;
    margin-bottom: 60px
}

@media (max-width: 768px) {
    .cvt {
        margin-top: 60px;
        margin-bottom: 60px;
        margin-top: 50px;
        width: 100%
    }
}

.klx {
    align-self: stretch;
    position: relative;
    font-size: var(--font-size-global);
    line-height: 150%;
    font-family: var(--font-inter);
    color: var(--color-slategray-100);
    width: 69%
}

@media (max-width: 768px) {
    .klx {
        width: 100%
    }
}

.xdc {
    width: 100%;
    position: relative;
    max-height: 100%;
    overflow: hidden;
    flex-shrink: 0;
    max-width: 100%
}

.btn-hp {
    cursor: pointer;
    border: 0;
    padding: var(--padding-5xs) var(--padding-5xs) var(--padding-5xs) var(--padding-xl);
    background-color: transparent;
    border-radius: var(--br-51xl);
    background: linear-gradient(var(--color-darksalmon-100), var(--color-darksalmon-100)), linear-gradient(var(--color-yellow-1), var(--color-yellow-1)), var(--color-yellow-2);
    gap: var(--gap-5xl);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.btn-hp .lrn {
    position: relative;
    font-size: var(--paragraph-body-3-size);
    line-height: 140%;
    font-weight: 600;
    font-family: var(--font-inter);
    color: var(--color-white);
    text-align: left;
    white-space: nowrap
}

.btn-hp .sbi {
    height: 32px;
    width: 32px;
    border-radius: var(--br-5xl);
    background-color: var(--color-white);
    overflow: hidden;
    flex-shrink: 0;
    padding: 6.4px var(--padding-7xs);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.btn-hp .arli {
    height: 19.2px;
    width: 19.2px;
    position: relative
}

.jijital {
    width: var(--spw-lg)
}

.jijital ._card {
    box-shadow: 16px 32px 74px rgba(126, 138, 253, .08);
    border-radius: var(--br-5xl);
    background-color: var(--color-white);
    border: 1px solid var(--color-lightsteelblue);
    box-sizing: border-box;
    padding: 100px 20px 100px 20px;
    z-index: 14;
    text-align: center;
    margin: auto
}

@media (max-width: 768px) {
    .jijital {
        width: 100%
    }
    .jijital ._card {
        padding: 30px 20px 30px 20px
    }
}

.jijital .item2 {
    text-align: left
}

.jijital .item2 .h {
    font-size: 45px;
    font-weight: 600
}

@media (max-width: 768px) {
    .jijital .item2 .h {
        font-size: 30px
    }
}

.jijital .item2 .p {
    width: 449.5px;
    position: relative;
    font-size: var(--font-size-global);
    line-height: 150%;
    font-family: var(--font-inter);
    color: var(--color-slategray-100);
    display: inline-block;
    max-width: 100%
}

.jijital .feature {
    text-align: left
}

.jijital .plan {
    height: 76px;
    width: 76px;
    box-shadow: 0 8px 48px rgba(99, 189, 113, .09);
    border-radius: var(--br-21xl);
    background: var(--secondary);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--padding-3xl);
    box-sizing: border-box
}

.jijital .feature .sec-2 {
    position: relative;
    margin-left: 20px
}

.jijital .mgi {
    width: 40px
}

.jijital .ftr-desc {
    margin: 0;
    align-self: stretch;
    height: 56px;
    position: relative;
    font-size: var(--font-size-global);
    line-height: 28px;
    font-family: var(--font-manrope);
    color: var(--color-dimgray);
    display: inline-block;
    text-wrap: pretty
}

.jijital ._h {
    font-size: 22px
}

@media (max-width: 768px) {
    .jijital .plan {
        margin: auto
    }
    .jijital .feature {
        margin-bottom: 20px
    }
    .jijital .feature .sec-2 {
        position: relative;
        margin-left: 0;
        text-align: center
    }
}

.lfyco {
    padding: 50px 0;
    flex: 1;
    background-color: var(--color-mediumturquoise);
    background: url(../img/snr-mgr-1.png);
    overflow: hidden;
    flex-direction: column;
    position: relative;
    z-index: 14;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 12%
}

.lfyco .main_inner {
    text-align: center;
    color: #fff
}

.lfyco .main_inner .s1 {
    font-size: 40px
}

.lfyco .main_inner .s2 {
    font-size: 20px
}

.lfyco .main_inner .main-btn {
    cursor: pointer;
    border: 0;
    padding: var(--padding-lg) var(--padding-13xl);
    background-color: var(--color-darksalmon-100);
    border-radius: var(--br-51xl);
    justify-content: flex-start;
    white-space: nowrap;
    color: #fff
}

.lfyco .main_inner .main-btn:hover {
    color: #12102e
}

.blog-items {
    box-shadow: 0 4.5px 3.35px rgba(0, 0, 0, .05);
    border-radius: var(--br-6xl);
    background-color: var(--color-white);
    justify-content: center;
    max-width: 100%
}

.blog_post_list {
    overflow-x: hidden
}

.blog_post_list ._card {
    box-shadow: 0 4.5px 3.35px rgba(0, 0, 0, .05);
    border-radius: var(--br-6xl);
    background-color: var(--color-white);
    justify-content: center;
    max-width: 100%;
    padding-bottom: 20px;
    width: 345px;
    margin-right: 20px
}

.blog_post_list ._card a {
    color: #282828
}

.blog_post_list ._card .atom {
    margin-bottom: 38px
}

.blog_post_list .thumbnail {
    align-self: stretch;
    height: 223.5px;
    position: relative;
    top: 15px;
    border-radius: 5px;
    width: 100%;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
    margin: auto
}

.blog_post_list .category {
    color: var(--secondary);
    font-family: var(--font-inter)
}

.blog_post_list .blog_title {
    margin: 0;
    font-size: var(--font-size-lg);
    line-height: 16px;
    font-family: var(--font-jost);
    color: var(--color-darkslateblue-200);
    height: 20px
}

.blog_post_list .feet-wrap .date-wrap {
    font-size: var(--paragraph-body-3-size);
    color: var(--color-coral);
    font-family: var(--font-inter);
    letter-spacing: 3.35px;
    line-height: 35.75px;
    text-transform: uppercase
}

.blog_post_list .feet-wrap .ari2 {
    position: relative;
    left: 90%;
    bottom: 32px
}

.blog_post_list .button-right {
    height: 67.1px;
    width: 67.1px;
    box-shadow: 11.5px 33.6px 81.87px rgba(244, 182, 158, .19);
    border-radius: 73.68px;
    background: linear-gradient(var(--color-darksalmon-100), var(--color-darksalmon-100)), #fff;
    flex-direction: row;
    justify-content: flex-start;
    padding: 24.1px 28px;
    box-sizing: border-box;
    flex-shrink: 0;
    position: relative
}

.blog_post_list .button-left-icon {
    position: relative
}

.blog_post_list .button-left-icon {
    object-fit: contain;
    min-height: 67px;
    flex-shrink: 0
}

.blog_post_list .arrows {
    display: flex;
    align-items: flex-start
}

.blog_post_list .arrows {
    align-self: stretch;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--gap-xl);
    z-index: 14
}

.blog_post_list .button-left-icon,
.blog_post_list .button-right-child {
    height: 67.1px;
    width: 67.1px;
    position: relative
}

.blog_post_list .button-left-icon {
    object-fit: contain;
    min-height: 67px;
    flex-shrink: 0
}

.blog_post_list .button-right-child {
    box-shadow: 11.5px 33.6px 81.87px rgba(244, 182, 158, .19);
    border-radius: 73.68px;
    background: linear-gradient(var(--color-darksalmon-100), var(--color-darksalmon-100)), #fff;
    display: none
}

@media (max-width: 768px) {
    .blog_post_list ._card {
        width: 100%;
        margin-right: 0
    }
}

@media (max-width: 450px) {
    .blog_post_list .arrows {
        flex-wrap: wrap
    }
}

.footer-divider {
    align-self: stretch;
    height: 1px;
    position: relative;
    border-top: 1px solid #12102e;
    box-sizing: border-box;
    opacity: .15;
    z-index: 14
}

.logo-icon {
    align-self: stretch;
    width: 250.5px;
    max-height: 100%;
    object-fit: cover;
    min-height: 61px
}

.div,
.icon2,
.logo-icon {
    position: relative
}

.icon2 {
    height: 55px;
    width: 55px
}

.div {
    line-height: 200%;
    font-weight: 500
}

.contact-icons,
.contact-label {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.contact-label {
    flex-direction: column;
    padding: var(--padding-xs-5) 0 0
}

.contact-icons {
    flex-direction: row;
    gap: var(--gap-4xs)
}

.icon3 {
    height: 55px;
    width: 55px;
    position: relative
}

.supportwebdesigncom {
    position: relative;
    line-height: 200%;
    font-weight: 500;
    white-space: nowrap
}

.contact-icons1,
.supportwebdesigncom-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.supportwebdesigncom-wrapper {
    flex-direction: column;
    padding: var(--padding-xs-5) 0 0
}

.contact-icons1 {
    flex-direction: row;
    gap: var(--gap-4xs)
}

.fb-icon,
.insta-icon {
    height: 21.4px;
    width: 22.3px;
    position: relative;
    min-height: 21px
}

.fb-icon {
    width: 23px
}

.twiter-icon {
    width: 21.5px;
    height: 17.2px;
    position: relative
}

.social-right-icon {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-11xs) 0 0
}

.social-icons {
    width: 120.4px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 0 16.8px;
    box-sizing: border-box
}

.contact-details {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--gap-xl)
}

.footer-details,
.footer-info-top {
    display: flex;
    align-items: flex-start;
    max-width: 100%
}

.footer-details {
    width: 790px;
    flex-direction: column;
    justify-content: flex-start;
    padding: var(--padding-10xs) 0 0;
    box-sizing: border-box
}

.footer-info-top {
    align-self: stretch;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--gap-xl);
    z-index: 14
}

.it-is-a,
.web-design-all {
    position: relative;
    z-index: 14
}

.it-is-a {
    align-self: stretch;
    line-height: 148%
}

.web-design-all {
    font-size: 12px;
    line-height: 20px;
    color: rgba(28, 38, 54, .6)
}

.copyright {
    width: 320.8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 121px;
    max-width: 100%;
    font-size: 13px;
    color: var(--color-slategray-200);
    font-family: var(--font-inter)
}

.feet-links {
    width: 400.8px;
    max-width: 100%;
    font-size: 13px;
    color: var(--color-slategray-200);
    font-family: var(--font-inter)
}

.uitility-pages {
    position: relative;
    line-height: 114.5%;
    font-weight: 500;
    z-index: 14
}

.about-us,
.our-services-contact-us,
.request-a-discovery {
    margin: 0
}

.about-us-our-container {
    height: 112px;
    position: relative;
    font-size: var(--font-size-sm);
    line-height: 200%;
    font-family: var(--font-inter);
    color: var(--color-slategray-200);
    display: inline-block;
    z-index: 14
}

.utility-links {
    width: 191.8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-xl) 0 0;
    box-sizing: border-box;
    gap: var(--gap-6xl)
}

.book-an-appointment {
    position: relative;
    line-height: 114.5%;
    font-weight: 500;
    z-index: 14
}

.it-is-a1 {
    align-self: stretch;
    position: relative;
    font-size: var(--font-size-sm);
    line-height: 142%;
    font-family: var(--font-inter);
    color: var(--color-slategray-200);
    z-index: 14
}

.button10,
.submit {
    font-size: var(--paragraph-body-3-size);
    font-family: var(--font-jost)
}

.button10 {
    width: 100%;
    border: 0;
    outline: 0;
    background-color: rgba(5, 21, 53, .04);
    align-self: stretch;
    height: 60px;
    border-radius: var(--br-xs);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-mid) var(--padding-6xl);
    box-sizing: border-box;
    color: #7e7e97;
    min-width: 195px;
    z-index: 14
}

.submit {
    text-transform: uppercase;
    font-weight: 700
}

.get-started {
    flex-direction: row;
    justify-content: center
}

.button11,
.get-started,
.submit-container {
    display: flex;
    align-items: center
}

.button11 {
    flex: 1;
    border-radius: 18px;
    background: linear-gradient(var(--color-darksalmon-100), var(--color-darksalmon-100)), var(--color-yellow-1);
    border: 2px solid rgba(255, 255, 255, .15);
    flex-direction: column;
    justify-content: center;
    padding: var(--padding-2xs) var(--padding-4xl)
}

.submit-container {
    cursor: pointer;
    border: 0;
    padding: 0;
    background-color: transparent;
    width: 111px;
    flex-direction: row;
    justify-content: flex-end;
    z-index: 14
}

.footer-info-bottom,
.subscription-form {
    display: flex;
    align-items: flex-start;
    max-width: 100%
}

.subscription-form {
    width: 325.7px;
    flex-direction: column;
    justify-content: flex-start;
    gap: var(--gap-base)
}

.footer-info-bottom {
    align-self: stretch;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--gap-xl);
    font-size: var(--font-size-lg);
    color: var(--color-darkslateblue-200);
    font-family: var(--font-jost)
}

.footer-content,
.footer-information {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 100%
}

.footer-information {
    align-self: stretch;
    align-items: flex-start;
    gap: 63px
}

.footer-content {
    width: 1180px;
    align-items: flex-end;
    gap: 108px
}

.footer,
.main {
    display: flex;
    box-sizing: border-box
}

.footer {
    align-self: stretch;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 10px 0 20px;
    max-width: 100%;
    font-size: var(--paragraph-body-3-size);
    color: var(--color-gray-200);
    font-family: var(--font-plus-jakarta-sans);
    margin-top: 50px
}

.main {
    width: 100%;
    position: relative;
    background-color: var(--color-whitesmoke-200);
    overflow: hidden;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0 0 71px;
    gap: 145.9px;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    font-size: var(--font-size-35xl);
    color: var(--color-darkslategray-400);
    font-family: var(--font-jost)
}

@media screen and (max-width: 1200px) {
    .z_container {
        gap: 51px
    }
    .converting-leads-to-sales1,
    .sales-placeholder-icon {
        flex: 1
    }
    .converting-leads-to-sales {
        flex-wrap: wrap
    }
    .digital-content {
        gap: var(--gap-11xl)
    }
    .digital-partner-focus-on-what {
        gap: 68px;
        padding-left: var(--padding-7xl);
        padding-right: var(--padding-7xl);
        box-sizing: border-box
    }
    .sales-container {
        gap: 62px
    }
    .footer-info-top {
        flex-wrap: wrap
    }
    .footer-information {
        gap: var(--gap-12xl)
    }
    .footer-content {
        gap: 54px
    }
}

@media screen and (max-width: 1050px) {
    .heading {
        font-size: var(--font-size-24xl);
        line-height: 54px
    }
    .our-active-industries {
        font-size: var(--font-size-16xl);
        line-height: 49px
    }
    .industry-_cards {
        flex-wrap: wrap
    }
    .schedule-a-free {
        font-size: 37px;
        line-height: 52px
    }
    .converting-leads-to,
    .digital-partner-focus {
        font-size: var(--font-size-16xl);
        line-height: 49px
    }
    .digital-description-container {
        flex: 1
    }
    .digital-content {
        flex-wrap: wrap
    }
    .digital-partner-focus-on-what {
        padding-top: 48px;
        padding-bottom: 62px;
        box-sizing: border-box
    }
    .heading1 {
        font-size: var(--font-size-24xl);
        line-height: 54px
    }
    .our-active-industries1 {
        font-size: var(--font-size-16xl);
        line-height: 49px
    }
    .blog {
        justify-content: center;
        grid-template-columns: repeat(2, minmax(283px, 490px))
    }
    .footer-info-bottom {
        flex-wrap: wrap
    }
    .main {
        gap: 73px
    }
}

@media screen and (max-width: 768px) {
    .left-icons-wrapper,
    .nested-content-wrapper {
        flex-wrap: wrap
    }
    .player-container {
        padding-top: 357.7px;
        padding-bottom: var(--padding-xl);
        box-sizing: border-box
    }
    ._card,
    ._card1,
    ._card2,
    ._card3 {
        padding-top: var(--padding-2xl);
        padding-bottom: var(--padding-2xl);
        box-sizing: border-box
    }
    .legal-image {
        flex: 1
    }
    ._card4 {
        padding-top: var(--padding-2xl);
        padding-bottom: var(--padding-2xl);
        box-sizing: border-box
    }
    .benefits-list {
        flex-wrap: wrap
    }
    .container1 {
        padding-top: var(--padding-46xl);
        padding-bottom: var(--padding-46xl);
        box-sizing: border-box;
        width: 57%
    }
    .z_container {
        gap: var(--gap-6xl)
    }
    .content {
        gap: var(--gap-base)
    }
    .converting-leads-to-sales1 {
        gap: var(--gap-xl);
        min-width: 100%
    }
    .business-loan-2- {
        min-width: 100%
    }
    .content1 {
        gap: var(--gap-base)
    }
    .converting-leads-to-sales2 {
        gap: var(--gap-xl)
    }
    .digital-description-container {
        min-width: 100%
    }
    .feature,
    .feature1 {
        flex-wrap: wrap
    }
    .features {
        gap: var(--gap-3xl)
    }
    .digital-partner-focus-on-what {
        gap: 34px
    }
    .sales-container {
        gap: var(--gap-12xl)
    }
    .lets-find-your-customers-onli1 {
        padding-top: 126px;
        padding-bottom: 51px;
        box-sizing: border-box
    }
    .blog {
        grid-template-columns: minmax(283px, 1fr)
    }
    .industries-container1 {
        gap: var(--gap-mid)
    }
    .contact-details {
        flex-wrap: wrap
    }
    .footer-information {
        gap: var(--gap-base)
    }
    .footer-content {
        gap: 27px;
        padding-left: 16px;
        padding-right: 16px
    }
    .main {
        gap: 36px
    }
}

@media screen and (max-width: 450px) {
    .heading {
        font-size: var(--font-size-13xl);
        line-height: 40px
    }
    .our-active-industries {
        font-size: var(--font-size-7xl);
        line-height: 37px
    }
    .home-services,
    .insurance {
        font-size: var(--paragraph-body-3-size);
        line-height: 24px
    }
    ._card1 {
        flex: 1
    }
    .finance {
        font-size: var(--paragraph-body-3-size);
        line-height: 24px
    }
    .finance-_card-button-container {
        padding-left: var(--padding-xl);
        padding-right: var(--padding-xl);
        box-sizing: border-box
    }
    ._card2 {
        flex: 1
    }
    .legal,
    .real-estate {
        font-size: var(--paragraph-body-3-size);
        line-height: 24px
    }
    .legal-_card-button-container {
        padding-left: var(--padding-xl);
        padding-right: var(--padding-xl);
        box-sizing: border-box
    }
    .schedule-a-free {
        font-size: 20px;
        line-height: 30px
    }
    .container1 {
        gap: var(--gap-xl)
    }
    .converting-leads-to,
    .digital-partner-focus {
        font-size: var(--font-size-7xl);
        line-height: 37px
    }
    .digital-marketing,
    .web-development {
        font-size: var(--font-size-lg);
        line-height: 24px
    }
    .digital-partner-focus-on-what {
        gap: var(--gap-mid);
        padding-top: var(--padding-12xl);
        padding-bottom: var(--padding-21xl);
        box-sizing: border-box
    }
    .sales-container {
        gap: 15px
    }
    .heading1 {
        font-size: var(--font-size-13xl);
        line-height: 40px
    }
    .our-active-industries1 {
        font-size: var(--font-size-7xl);
        line-height: 37px
    }
    .arrows {
        flex-wrap: wrap
    }
    .copyright {
        gap: var(--gap-41xl)
    }
}

.nav-logo {
    width: 100px
}

._cc {
    margin: auto
}

._header_nav {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    justify-content: center;
    background: #fcfdfe;
    transition: all 1s ease!important;
    border-bottom: 0 solid #eef3f9;
    padding-bottom: 10px
}

.indexheader {
    background-color: var(--primary)!important;
    color: #fff
}

.indexheader .nav-link {
    color: #fff!important
}

.indexheader .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important
}

main.index {
    margin-top: 0!important
}

.nav-item {
    margin: 0 10px 0 10px;
    font-size: 12px
}

@media (max-width: 992px) {
    ._header_nav {
        display: initial;
        flex-direction: initial;
        align-items: initial;
        justify-content: initial;
        align-self: initial
    }
}

.digital-container-card {
    box-shadow: 48.7px 113.7px 194.84px rgba(19, 69, 107, .07);
    border-radius: var(--br-16xl);
    background-color: var(--color-white);
    flex-direction: column;
    padding: 73.3px var(--padding-33xl) 95px;
    box-sizing: border-box;
    gap: 135.7px;
    z-index: 14;
    overflow: hidden
}

.ftr-desc {
    margin: 0;
    align-self: stretch;
    height: 56px;
    position: relative;
    font-size: var(--paragraph-body-3-size);
    line-height: 28px;
    font-family: Satoshi-Regular, sans-serif;
    color: var(--color-dimgray);
    display: inline-block;
    text-wrap: pretty
}

@media (max-width: 768px) {
    .digital-container-card {
        border-radius: 0;
        box-shadow: none;
        padding: 0;
        background-color: transparent
    }
}

.plx {
    position: relative;
    font-size: 12px;
    letter-spacing: -.01em;
    line-height: 150%;
    font-family: var(--paragraph-body-3);
    color: var(--color-white);
    text-align: left
}

.btn-1 {
    cursor: pointer;
    border: 1px solid var(--color-gray-300);
    padding: var(--padding-7xs) var(--padding-5xl);
    background-color: var(--color-ghostwhite);
    border-radius: var(--br-61xl);
    z-index: 14
}

.about-page-section .about-head-wrap {
    margin-bottom: 70px
}

.about-page-section .about-head-wrap .section-head {
    margin-bottom: 0;
    padding-right: 50px;
    position: relative
}

@media (max-width: 768px) {
    .about-page-section .about-head-wrap .section-head {
        bottom: 0
    }
}

.about-page-section .testimonial-single {
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .05);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    padding: 30px 30px 30px 30px
}

.about-page-section .testimonial-single .testimonial-content-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.about-page-section .testimonial-single p {
    font-size: 15px;
    font-weight: 100;
    line-height: 1.4;
    margin-bottom: 25px
}

.about-page-section .testimonial-single .testi-img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    height: 70px;
    width: 70px
}

.about-page-section .testimonial-single .testi-content {
    width: -moz-calc(100% - 70px);
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
    padding-left: 20px
}

.about-page-section .testimonial-single .testi-content h4 {
    margin-bottom: 5px;
    color: var(--battleshipgray)
}

.about-page-section .iconbox-container {
    margin-bottom: 50px
}

.about-page-section .about-video-banner {
    margin-bottom: 70px
}

.about-page-section .process-count-wrap {
    margin-bottom: -80px;
    position: relative
}

.about-page-section .process-count-item {
    background-color: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0 -10px 35px 0 rgba(0, 0, 0, .03);
    padding: 35px
}

.about-page-section .process-count-item .process-number {
    background: #f8f8f8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: var(--color-darksalmon-200);
    font-size: 32px;
    font-weight: 700;
    padding: 20px;
    line-height: 1
}

.about-page-section .process-count-item .process-content {
    padding-left: 20px
}

.about-page-section .process-count-item .process-content h4 {
    margin-bottom: 6px
}

.about-page-section .process-count-item .process-content p:last-child {
    margin-bottom: 0
}

.about-page-section .about-inner-process {
    padding-top: 180px;
    padding-bottom: 100px
}

.about-page-section .about-inner-process .support-icon-item {
    background-image: url(../img/_z/pattern-banner2.png)
}

.about-page-section .about-inner-process .support-icon-item i {
    color: #535ee0
}

.about-page-section .dxf {
    display: block;
    margin: auto
}

.about-page-section .dxf img {
    border-radius: 30px;
    width: 100%;
    display: block;
    margin: auto
}

@media screen and (max-width: 768px) {
    .about-page-section .dxf img {
        width: 100%!important
    }
}

@media screen and (max-width: 575px) {
    .about-page-section .about-head-wrap {
        margin-bottom: 70px
    }
    .about-page-section .about-head-wrap .section-head {
        margin-bottom: 30px;
        padding-right: 0
    }
    .about-page-section .process-count-item {
        margin-bottom: 30px
    }
    .about-page-section .about-inner-process {
        padding-top: 100px;
        padding-bottom: 70px
    }
}

@media screen and (max-width: 1199px) {
    .about-page-section .process-count-item {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px
    }
    .about-page-section .process-count-item .process-number {
        margin-bottom: 15px
    }
    .about-page-section .process-count-item .process-content {
        padding-left: 0
    }
}

.iconbox-border {
    width: 100%
}

.iconbox-border .iconbox-icon {
    background-color: #fff;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .12);
    color: #535ee0;
    font-size: 32px;
    width: 78px;
    height: 78px;
    line-height: 78px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: relative
}

.iconbox-border .iconbox-icon.primary-bg {
    background-color: var(--color-thememain-2);
    color: #fff
}

.iconbox-border .iconbox-content {
    box-shadow: 0 0 25px 0 var(--color-darkslategray-500);
    border: 3px solid var(--color-darkslategray-500);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    width: -moz-calc(100% - 48px);
    width: -webkit-calc(100% - 48px);
    width: calc(100% - 48px);
    padding: 25px 25px 25px 25px;
    margin-left: -30px;
    text-align: center;
    height: 232px;
    margin: auto
}

@media (max-width: 768px) {
    .iconbox-border .iconbox-content {
        height: 260px;
        margin: auto
    }
}

.iconbox-border .iconbox-content h4 {
    margin-bottom: 10px
}

.iconbox-border .iconbox-content p {
    margin-bottom: 0
}

.iconbox-item-3 {
    padding: 0 15px;
    margin-bottom: 20px;
    width: 100%
}

@media screen and (min-width: 768px) {
    .iconbox-item-3 {
        width: 50%
    }
}

@media screen and (min-width: 992px) {
    .iconbox-item-3 {
        width: 33.33%
    }
}

@media screen and (max-width: 575px) {
    .iconbox-item-3 {
        padding: 0
    }
}

.webdevpage ._subsection {
    display: block;
    margin-bottom: 10px
}

.centauri {
    display: block;
    display: flex;
    align-items: center;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.centauri ._headline_label_1 {
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 35px;
    display: block
}

.centauri ._headline_label_2 {
    font-size: 2.3rem;
    font-weight: 600
}

.jroigv {
    position: relative
}

img.jeq {
    width: 80px
}

@media (max-width: 768px) {
    .centauri ._headline_label_2 {
        font-size: 1.3rem;
        font-weight: 600
    }
    section.webdevpage {
        margin-top: -90px
    }
    .webdevpage ._subsection {
        display: block;
        margin-bottom: 25px
    }
    .webdevpage ._sx1 {
        margin-top: 100px
    }
    .webdevpage .-img-a {
        margin-top: 2px
    }
    .jroigv {
        top: 0
    }
}

._essay {
    margin-top: 40px;
    margin-bottom: 40px
}

._essay ._content {
    width: 80%;
    margin: auto;
    padding-bottom: 10px
}

@media screen and (max-width: 768px) {
    ._essay ._content {
        width: 95%;
        margin: auto
    }
}

.blog-list-1 a {
    color: #12102e;
    text-decoration: none
}

.blog-list-1 h1 {
    font-size: 1.75rem;
    font-weight: 900
}

.blog-list-1 h2 {
    font-size: 1.375rem;
    font-weight: 900;
    line-height: 28px
}

.blog-list-1 .container {
    margin: 0 auto;
    padding: 15px
}

.blog-list-1 .section__heading {
    margin: 0 0 20px
}

.blog-list-1 .article {
    border: 1px solid #dbdbdb;
    margin: 0 0 30px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .06);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .06);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .06);
    position: relative;
    height: 235px
}

.blog-list-1 .article__content {
    padding: 15px 25px 20px 15px
}

.blog-list-1 .article__image {
    width: 250px!important;
    height: 210px
}

.blog-list-1 .article__image:hover {
    opacity: .5;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out
}

.blog-list-1 .article__category {
    color: var(--secondary);
    font-size: .75rem;
    letter-spacing: .075rem;
    line-height: 16px;
    margin: 0 0 5px;
    font-weight: 700;
    text-transform: uppercase
}

.blog-list-1 .article__title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 24px
}

.blog-list-1 .article__title a {
    display: block;
    color: var(--primary)
}

.blog-list-1 .article__title a:hover {
    text-decoration: underline
}

.blog-list-1 .article__footer {
    color: #818181;
    font-size: .875rem;
    margin-top: 10px
}

.blog-list-1 .article__author {
    font-weight: 700
}

.blog-list-1 .article__date::before {
    content: "•";
    padding: 0 .5rem
}

@media (min-width: 700px) {
    .blog-list-1 h2 {
        font-size: 1.5rem;
        line-height: 34px
    }
    .blog-list-1 .container {
        width: 900px
    }
    .blog-list-1 .article {
        display: flex
    }
    .blog-list-1 .article__photo {
        order: 2
    }
    .blog-list-1 .article__image {
        width: 395px;
        max-width: 395px
    }
    .blog-list-1 .article__footer {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 0 15px 27px
    }
}

@media (max-width: 768px) {
    .blog-list-1 .article {
        height: 500px
    }
    .blog-list-1 .article__image {
        width: 100%!important;
        height: 260px
    }
}

.ap-blog--sidebar-form-wrapper {
    background: var(--color-darkslateblue-100);
    padding: 64px;
    border-radius: 12px;
    top: 165px;
    width: 100%;
    position: sticky
}

@media screen and (max-width: 768px) {
    .ap-blog--sidebar-form-wrapper {
        position: relative!important
    }
}

.ap-blog--sidebar-form-wrapper .ap-blog--sidebar-form__form {
    padding: 16px 0
}

.ap-blog--sidebar-form-wrapper .ap-blog--sidebar-form__form .b-newsletter-section__field {
    border-radius: 5px
}

.ap-blog--sidebar-form-wrapper .ap-blog--sidebar-form__form .b-newsletter-section__submit {
    background: 0 0;
    border-radius: 5px;
    height: auto;
    width: 100%;
    transform: none;
    position: relative;
    bottom: auto;
    right: auto;
    padding: 16px;
    border: 0 solid #fff;
    margin-top: 8px;
    font-weight: 800;
    letter-spacing: .02em;
    background: var(--primary);
    color: var(--color-whitesmoke-100)
}

.ap-blog--sidebar-form-wrapper .ap-blog--sidebar-form__form .b-newsletter-section__submit:hover {
    color: var(--color-whitesmoke-100);
    opacity: .9
}

.ap-blog--sidebar-form-wrapper .b-newsletter-section__disclaimer {
    font-style: italic;
    line-height: 1.2;
    font-size: 12px;
    color: #fff;
    margin-bottom: 0
}

.ap-blog--sidebar-form-wrapper.submitted .ap-blog--sidebar-form-description,
.ap-blog--sidebar-form-wrapper.submitted .ap-blog--sidebar-form__form,
.ap-blog--sidebar-form-wrapper.submitted .b-newsletter-section__disclaimer {
    display: none
}

.ap-blog--sidebar-form-wrapper.submitted .ap-newsletter-results {
    display: block;
    text-align: center;
    margin-top: 0
}

.ap-blog--sidebar-form-logo {
    margin-bottom: 20px
}

.ap-blog--sidebar-form-description {
    text-align: center;
    line-height: 1.2;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .subscribe-form input {
        width: 240px
    }
}

.union-grid-bg {
    background-image: url(/assets/img/union-grid.png);
    background-size: 100%
}

.aesthe-b .emre-cursor {
    position: relative;
    left: 323px;
    top: 225px;
    width: 90px
}

.aesthe-b .chris-cursor {
    position: relative;
    width: 90px;
    top: 295px;
    left: 68%
}

.aesthe-b .union-grid {
    position: absolute;
    top: 0
}

@media (max-width: 1024px) {
    .aesthe-b .emre-cursor {
        position: relative;
        left: 194px;
        top: 226px;
        width: 60px
    }
}

@media (max-width: 992px) {
    .aesthe-b .emre-cursor {
        position: relative;
        left: 85px;
        top: 214px;
        width: 60px
    }
}

@media (max-width: 768px) {
    .aesthe-b .emre-cursor {
        position: relative;
        left: 14px;
        top: 184px;
        width: 60px
    }
    .aesthe-b .chris-cursor {
        position: relative;
        top: 273px;
        left: 78%;
        width: 55px
    }
}

._animator-slow-bounce-wobble {
    animation: bounce-wobble 5s infinite
}

@keyframes bounce-wobble {
    0%,
    100% {
        transform: translateY(0) rotate(0)
    }
    25% {
        transform: translateY(-10px) rotate(-3deg)
    }
    50% {
        transform: translateY(0) rotate(0)
    }
    75% {
        transform: translateY(-5px) rotate(3deg)
    }
}

.tetris-x {
    padding-bottom: 0;
    margin-bottom: 0;
    height: 80px
}

.tetris-x .item1 {
    position: relative
}

.tetris-x .item2 {
    position: relative;
    left: 76%;
    bottom: 143px
}

@media (max-width: 768px) {
    .tetris-x .item1 {
        position: relative;
        left: 14px;
        top: 184px;
        width: 60px
    }
    .tetris-x .item2 {
        position: relative;
        top: 273px;
        left: 78%;
        width: 55px
    }
}

._survey_wrap {
    background: #fff;
    padding: 40px 10px
}

._survey_wrap ._h1 {
    font-size: 2rem
}

._survey_wrap ._h2 {
    font-size: 1.75rem
}

._survey_wrap ._h3 {
    font-size: 1.5rem
}

._survey_wrap ._h4 {
    font-size: 1.25rem
}

._survey_wrap ._h5 {
    font-size: 1rem
}

._survey_wrap ._h6 {
    font-size: .875rem
}

.supply_tool_form_wrap {
    margin-top: 1px
}

.survey_frame .vert__category {
    display: block;
    margin: auto;
    text-align: center
}

.supply_tool_form_wrap ._frame_2 input {
    width: 340px;
    font-size: 20px
}

.supply_tool_form_wrap ._frame_2 ._fieldset {
    border: 0
}

.supply_tool_form_wrap ._frame_2 ._qst {
    font-size: 20px;
    font-weight: 600;
    padding: 0;
    color: #3c867e;
    margin: 0;
    background: #fff;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    border-radius: 10px 10px 0 0;
    border: 0;
    display: flex
}

.supply_tool_form_wrap ._fieldset {
    margin-bottom: 10px;
    margin: 0;
    border: 1px solid #cae8e4;
    border-radius: 20px;
    width: 100%;
    margin-bottom: 20px;
    padding: 0
}

.supply_tool_form_wrap ._qst {
    font-size: 22px;
    font-weight: 600;
    padding: 0;
    color: #3c867e;
    margin: 0;
    background: #edf4fe;
    width: 100%;
    padding: 6px;
    box-sizing: border-box;
    border-radius: 10px 20px 0 0;
    display: flex;
    position: relative;
    top: 0
}

.supply_tool_form_wrap ._input_wrap {
    padding: 5px 6px;
    width: 100%;
    margin-left: 20px
}

.supply_tool_form_wrap ._qst {
    font-size: 1.8rem
}

.supply_tool_form_wrap ._qst_meta {
    font-size: 1.2rem;
    padding: 5px 6px
}

.supply_tool_form_wrap .other-input {
    width: 180px;
    height: 25px;
    font-size: 18px;
    padding: 3px 8px
}

.supply_tool_form_wrap .btn_wrap {
    margin: auto
}

.supply_tool_form_wrap .next_btn {
    margin: auto!important;
    border: 0;
    margin: auto;
    display: block;
    padding: 16px;
    width: 201px;
    font-weight: 900;
    margin-top: 10px
}

.supply_tool_form_wrap .next_btn:hover {
    background-color: var(--color-thememain-2)
}

.supply_tool_form_wrap ._frame_2 .error-message {
    color: red;
    position: relative;
    bottom: 3px
}

.supply_tool_form_wrap ._frame_2 .error-input {
    border: 1px solid red
}

.supply_tool_form_wrap .empha1 {
    color: var(--color-dimgray)!important;
    font-weight: 800
}

.supply_tool_form_wrap .empha_lilsmall {
    color: #888b83;
    font-size: 1.4rem
}

.supply_tool_form_wrap .empha_lilsmall-xs {
    color: #888b83;
    font-size: 1.1rem
}

@media (max-width: 768px) {
    .supply_tool_form_wrap ._frame_2 input {
        width: 100%;
        font-size: 20px
    }
    .supply_tool_form_wrap ._qst {
        font-size: 10px
    }
    .supply_tool_form_wrap ._frame_2 ._qst {
        font-size: 13px;
        font-weight: 600;
        padding: 0;
        color: #3c867e;
        margin: 0;
        background: #fff;
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        border-radius: 10px 10px 0 0;
        border: 0
    }
}

.frame_h_xox {
    display: none
}

.h-higl {
    color: #3c867e
}

._img_w-400-lg {
    width: 400px;
    display: block;
    margin: auto
}

@media (max-width: 768px) {
    ._img_w-400-lg {
        width: 100%
    }
}

.comosc_img_wrap {
    display: block;
    position: relative;
    top: 75px
}

@media (max-width: 768px) {
    .comosc_img_wrap {
        display: block;
        width: 100%
    }
}

.__zzyzx {
    margin-bottom: 1px
}

.__zzyzx h4 {
    font-weight: 100!important;
    color: #a4a697!important
}

.__zzyzx h2 {
    font-weight: 100!important;
    color: #a4a697!important
}

img.dpx {
    width: 100px;
    display: block;
    margin: auto
}

.testimonial {
    background-color: var(--card-blue);
    border-radius: 5px;
    padding: 40px 25px 25px;
    flex-grow: 1;
    flex-basis: 280px;
    max-width: 360px;
    position: relative
}

.testimonial__text {
    font-weight: 400;
    font-size: .875rem;
    line-height: 21px;
    margin-bottom: 1.5625rem
}

.testimonial__job {
    font-weight: 400;
    font-size: .5rem;
    line-height: 10px;
    letter-spacing: .5px
}

.testimonial__name {
    font-weight: 700;
    font-size: .625rem;
    line-height: 12px;
    letter-spacing: .5px;
    margin-bottom: 5px
}

.testimonial__img {
    display: inline-block;
    width: 30px;
    margin-right: 10px
}

.testimonial__img img {
    vertical-align: bottom;
    border-radius: 50%
}

.testimonial__info {
    display: inline-block
}

.container--testimonials {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 40px;
    justify-content: center;
    padding: 45px 45px 90px
}

@media (min-width: 78.125em) {
    .container--testimonials {
        padding: 0;
        max-width: 1160px
    }
}

.testimonial-single .testimonial-text {
    font-weight: 100
}

h1.post-title {
    font-size: 25px
}

.rtc {
    font-family: var(--font-inter)!important;
    font-weight: 400!important;
    padding-top: 0;
    padding-bottom: 40px
}

.utility-links a {
    color: #5c5f52!important
}

.utility-links a:hover {
    text-decoration: underline!important
}

.pattern-bg-right-a {
    background-size: 100%;
    position: absolute;
    top: 137%;
    left: 57%;
    z-index: -999999999999
}

.pattern-bg-right-b {
    background-size: 100%;
    position: absolute;
    top: 235%;
    right: 63%;
    transform: rotate(180deg);
    z-index: -999999999999
}

.pattern-hero-dot {
    position: absolute;
    top: 415px;
    margin: auto;
    overflow-x: hidden;
    width: 100%
}

.pattern-hero-dot img {
    width: 101%;
    height: unset;
    max-width: unset
}

@media (max-width: 768px) {
    .pattern-hero-dot {
        display: none
    }
}

.xavix-item.table-active .xavix-head {
    background-color: var(--battleshipgray)!important
}

.xavix-item.table-active .xavix-head * {
    color: #fff!important
}

.xavix-item .xavix-head i {
    color: var(--battleshipgray)!important
}

.xavix-item .outline-round {
    border: 2px solid var(--battleshipgray);
    color: var(--battleshipgray)
}

.testimonial-inner {
    position: relative;
    bottom: 0
}

@media (max-width: 768px) {
    .testimonial-inner {
        position: relative;
        bottom: 0
    }
}

.counts {
    background: var(--primary);
    padding: 60px 0 60px 0;
    color: #fff
}

.counts .counters span {
    font-size: 48px;
    display: block;
    color: #fff
}

.counts .counters p {
    padding: 0;
    margin: 0 0 20px 0;
    font-family: Raleway, sans-serif;
    font-size: 14px
}

._why_choose_us {
    margin-top: -20px
}

@media (max-width: 768px) {
    ._why_choose_us {
        margin-top: 0
    }
}

.xxfg {
    border-radius: 10px
}

.__limited_time-x {
    text-align: center;
    font-weight: 600;
    font-size: 2.4rem;
    color: #fff;
    background: var(--secondary);
    padding: 10px 0 10px 0
}

.__yy_checklist ul {
    list-style: none;
    padding-left: 0
}

.__yy_checklist ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px
}

.__yy_checklist ul li::before {
    content: '✔';
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 20px
}

.book_demo_content ._p {
    margin-bottom: 20px!important
}

@media (max-width: 768px) {
    .__limited_time-x {
        font-size: 10px;
        padding: 5px 0 5px 0
    }
    .book_demo_content h3 {
        font-size: 20px
    }
    .book_demo_content h5 {
        font-size: 15px
    }
}

.lazy-load-element {
    opacity: 0;
    transition: opacity 3s ease-out
}

.lazy-load-element.show {
    opacity: 1
}

.footer-06 {
    padding-top: 0!important;
    background: var(--primary);
    position: relative;
    overflow-x: hidden;
    z-index: 0;
    font-size: 13px
}

.footer-06:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: .2;
    z-index: -1;
    background: #707070;
    background: -moz-radial-gradient(center, ellipse cover, #707070 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, #707070), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-radial-gradient(center, ellipse cover, #707070 0, rgba(255, 255, 255, 0) 100%);
    background: -o-radial-gradient(center, ellipse cover, #707070 0, rgba(255, 255, 255, 0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, #707070 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-radial-gradient(center, ellipse, #707070 0, rgba(255, 255, 255, 0) 100%);
    background: -o-radial-gradient(center, ellipse, #707070 0, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(ellipse at center, #707070 0, rgba(255, 255, 255, 0) 100%)
}

.footer-06 .subheading {
    color: rgba(255, 255, 255, .3);
    text-transform: uppercase;
    letter-spacing: 2px
}

.footer-06 .heading-section {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase
}

.footer-06 .footer-heading {
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 15px
}

.footer-06 .footer-heading .logo {
    color: #fff
}

.footer-06 p {
    color: rgba(255, 255, 255, .9)
}

.footer-06 a {
    color: #fff
}

.footer-06 .list-unstyled li a {
    color: rgba(255, 255, 255, .7)
}

.footer-06 .list-unstyled li a:hover {
    text-decoration: underline
}

.footer-06 .subscribe-form {
    border-radius: 40px;
    background: #fff;
    padding: 3px
}

.footer-06 .subscribe-form .form-group {
    position: relative;
    margin-bottom: 0;
    border-radius: 0
}

.footer-06 .subscribe-form .form-group input {
    background: 0 0!important;
    border: none!important;
    outline: 0!important;
    color: rgba(0, 0, 0, .3)!important;
    font-size: 16px;
    height: 56px;
    border-radius: 0;
    width: 100%
}

.footer-06 .subscribe-form .form-group input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .3)!important
}

.footer-06 .subscribe-form .form-group input::-moz-placeholder {
    color: rgba(0, 0, 0, .3)!important
}

.footer-06 .subscribe-form .form-group input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .3)!important
}

.footer-06 .subscribe-form .form-group input:-moz-placeholder {
    color: rgba(0, 0, 0, .3)!important
}

.footer-06 .subscribe-form .form-group input:focus {
    outline: 0!important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.footer-06 .subscribe-form .form-group .submit {
    color: #fff!important;
    display: block;
    width: 150px;
    height: 56px;
    font-size: 14px;
    border: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 40px
}

.footer-06 .subscribe-form .form-group .submit:focus,
.footer-06 .subscribe-form .form-group .submit:hover {
    background: var(--secondary-hover)!important;
    text-decoration: none!important;
    outline: 0!important
}

.footer-06 .aside-stretch:after {
    background: #322b3c
}

.footer-06 .aside-stretch-right:after {
    background: #372f42
}

.footer-06 .leg {
    padding-top: 10px
}

.pricingabout-con {
    background: var(--primary)
}

.pricingabout-con::before {
    content: "";
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-image: url(../img/i7.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

.pricingabout-con::after {
    content: "";
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    position: absolute;
    background: var(--primary)
}

.pricingabout-con .about_wrapper {
    display: none
}

.pricingabout-con .about_content {
    padding: 130px 0;
    z-index: 1
}

.pricingabout-con .content {
    padding: 74px 95px 80px 74px;
    border-radius: 20px;
    background-color: var(--primary);
    background: #fff
}

.pricingabout-con .content h6 {
    margin-bottom: 14px
}

.pricingabout-con .content h2 {
    margin-bottom: 28px
}

.pricingabout-con .content p {
    line-height: 26px;
    margin-bottom: 24px
}

.pricingabout-con .content ul {
    margin-bottom: 40px
}

.pricingabout-con .content ul li {
    position: relative;
    margin-bottom: 13px
}

.pricingabout-con .content ul li i {
    font-size: 10px;
    height: 18px;
    width: 18px;
    line-height: 14px;
    top: 1px;
    left: 0;
    position: absolute;
    text-align: center;
    border-radius: 100%;
    color: var(--e-global-color-white);
    background-color: transparent;
    border: 2px solid var(--e-global-color-white);
    transition: all .3s ease-in-out
}

.pricingabout-con .content ul li p {
    line-height: 20px;
    font-weight: 500;
    padding-left: 34px;
    transition: all .3s ease-in-out
}

.pricingabout-con .content a {
    padding: 21px 37px
}

.pricingabout-con .content a i {
    color: var(--e-global-color-white)
}

.btn-coar {
    cursor: pointer;
    border: 0;
    padding: .5rem 1rem;
    background-color: transparent;
    box-shadow: 0 1px 3px rgba(13, 13, 18, .05), 0 1px 2px rgba(13, 13, 18, .04);
    border-radius: var(--br-981xl);
    background: var(--secondary);
    overflow: hidden;
    color: #fff;
    flex-direction: row;
    flex-shrink: 0;
    white-space: nowrap;
    z-index: 19
}

.btn-coar:hover,
.btn-hp:hover {
    background: var(--secondary-hover)!important
}

.servicechoose-con {
    padding: 135px 0
}

.servicechoose-con .choose_wrapper {
    display: contents
}

.servicechoose-con .choose-image {
    right: 0;
    top: 10px
}

.servicechoose-con .choose-image img {
    border-radius: 20px;
    width: 73%
}

.servicechoose-con .choose_content {
    padding-right: 90px
}

.servicechoose-con .choose_content h6 {
    margin-bottom: 15px
}

.servicechoose-con .choose_content h2 {
    margin-bottom: 25px
}

.servicechoose-con .choose_content p {
    margin-bottom: 48px
}

.servicechoose-con .content {
    display: flex;
    align-items: center
}

.servicechoose-con .content .lower_portion {
    padding-left: 50px
}

.servicechoose-con .content .choose-box {
    display: flex;
    align-items: center;
    margin-bottom: 45px;
    transition: all .3s ease-in-out
}

.servicechoose-con .content .icon {
    width: 75px;
    height: 75px;
    line-height: 75px;
    border-radius: 10px;
    text-align: center;
    background: var(--primary);
    transition: all .3s ease-in-out;
    color: #fff;
    font-size: 30px
}

.servicechoose-con .content .icon2 {
    background: var(--secondary)
}

.servicechoose-con .content .choose-box:hover .icon {
    transform: translateY(-5px)
}

.servicechoose-con .content .box-content {
    padding-left: 20px
}

.servicechoose-con .content .value {
    font-size: 36px;
    line-height: 40px;
    font-weight: 800;
    display: inline-block;
    margin-bottom: 10px;
    color: var(--e-global-color-secondary)
}

.servicechoose-con .content .text {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    display: block;
    color: var(--e-global-color-text)
}

.service_detail {
    padding: 20px 0 40px
}

.service_detail .main-box {
    position: relative
}

.service_detail .main-box .image {
    margin-bottom: 30px
}

.service_detail .main-box .image img {
    width: 100%;
    border-radius: 30px
}

.service_detail .main-box h3 {
    font-size: 24px;
    line-height: 30px
}

.service_detail .main-box p {
    margin-bottom: 10px
}

.service_detail .main-box .text2 {
    margin-bottom: 20px
}

.service_detail .main-box .list {
    margin-bottom: 20px
}

.service_detail .main-box .list li {
    margin-bottom: 6px;
    padding-left: 28px;
    line-height: 20px;
    font-weight: 500;
    position: relative;
    color: var(--e-global-color-text)
}

.service_detail .main-box .list li i {
    font-size: 9px;
    height: 16px;
    width: 16px;
    line-height: 17px;
    top: 2PX;
    left: 0;
    border-radius: 100px;
    position: absolute;
    text-align: center;
    display: inline-block;
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-white);
    background: var(--primary)
}

.faq-con {
    padding: 135px 0 140px;
    background: #f6f6f6
}

.faq-con::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 35%;
    height: 100%;
    background: var(--primary);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.faq-con .faq_wrapper .faq-image {
    position: relative;
    top: 0;
    left: 0
}

.faq-con .faq_wrapper .faq-image img {
    border-radius: 20px
}

.faq-con .faq_content {
    padding-left: 50px
}

.faq-con .faq_content h6 {
    margin-bottom: 14px
}

.faq-con .faq_content h2 {
    margin-bottom: 22px
}

.faq-con .faq_content .text {
    margin-bottom: 40px
}

.faq-con .accordion-card {
    margin-bottom: 20px;
    width: 100%
}

.faq-con .accordion-card:last-child {
    margin-bottom: 0
}

.faq-con .accordion-card .btn-link {
    background-color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-accent);
    box-shadow: 0 12px 105px 12px rgb(0 0 0 / 3%);
    color: var(--e-global-color-accent)
}

.faq-con .accordion-card .collapsed {
    background-color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-white);
    color: var(--e-global-color-very-dark-gray-mostly-black)
}

.faq-con .accordion-card:has(.show) .btn-link {
    border: 1px solid var(--e-global-color-accent);
    color: var(--primary)!important
}

.faq-con .accordian-inner .card-header {
    padding: 0;
    margin-bottom: 0;
    background: 0 0;
    border: none
}

.faq-con .accordian-inner .card-header a {
    padding: 17px 24px 17px 26px
}

.faq-con .accordian-inner .card-body {
    padding: 22px 0 0 28px
}

.faq-con .accordion-card a.btn.btn-link:focus {
    outline: 0
}

.faq-con .accordian-inner .accordion-card i {
    position: absolute;
    right: 20px;
    margin: -6px 0
}

.faq-con .accordian-inner .accordion-card .btn {
    text-decoration: none;
    text-align: left;
    display: block;
    border-radius: 10px
}

.faq-con .accordion-card a.btn.btn-link {
    position: relative
}

.faq-con .accordion-card .btn-link:before {
    content: "\f062";
    font-size: 15px;
    top: 17px;
    right: 24px;
    position: absolute;
    font-family: FontAwesome;
    color: var(--e-global-color-accent)
}

.faq-con .accordion-card .collapsed:before {
    content: "\f061";
    color: var(--e-global-color-very-dark-gray-mostly-black)
}

.faq-con .accordion-card:has(.show) .btn-link:before {
    content: "\f062";
    color: var(--e-global-color-accent)
}

.__header_topbar {
    text-align: center;
    font-weight: 400;
    font-size: 12.4px;
    color: #fff;
    background: var(--secondary);
    padding: 5px 0 5px 0;
    display: none
}

@media (max-width: 768px) {
    .__header_topbar {
        font-size: 10px
    }
}

._header_nav .sub-arrow {
    align-items: center;
    line-height: 1;
    margin-block-end: -10px;
    margin-block-start: -10px;
    padding: 10px;
    padding-inline-end: 0
}

._demo_btn_home {
    position: relative;
    z-index: 999999999999
}

.webdevpage {
    padding-bottom: 100px
}

.we-offer-content h3 {
    margin-bottom: 40px;
    font-size: 36px
}

.step-icon {
    background-color: rgba(69, 39, 164, .2);
    height: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    max-width: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: var(--color-darksalmon-100);
    display: inline-block;
    margin-right: 15px;
    position: relative;
    z-index: 1
}

.step-icon::after {
    position: absolute;
    content: "";
    z-index: 1;
    border-left: 2px dashed #e7eaf3;
    left: 13px;
    bottom: -69px;
    height: 68px
}

.how-it-work-content {
    border: 1px solid rgba(255, 255, 255, .25);
    padding: 40px 40px;
    position: relative;
    z-index: 1;
    border-radius: 5px
}

.how-it-work-content .count-number {
    position: absolute;
    z-index: 1;
    font-size: 56px;
    color: rgba(255, 255, 255, .25);
    font-weight: 500;
    left: 1.875rem;
    line-height: 1;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.how-it-work-content .count-number.two {
    bottom: 15px;
    left: 15px
}

.how-it-work-content .count-number.four {
    bottom: 15px;
    left: 15px
}

.content-text.one,
.content-text.three {
    padding-top: 30px
}

.content-text.four,
.content-text.two {
    padding-bottom: 30px
}

.content-text h4 {
    font-size: 20px;
    color: #fff
}

.content-text .work-icon {
    font-size: 54px;
    line-height: 54px;
    color: #fff
}

.how-it-work-content:hover .count-number {
    color: #fff;
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.single-client-2 {
    background-color: #fff;
    border-radius: 5px;
    padding: 30px
}

.client-thumb-2 {
    margin-right: 30px
}

.client-thumb-2 img {
    border-radius: 3px
}

.client-desc-2 p {
    font-size: 20px;
    margin-top: 20px
}

.client-desc-2 h5 {
    font-size: 18px;
    margin-bottom: 5px
}

.client-desc-2 h6 {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--primary);
    font-weight: 500
}

.client-feedback-area-2 .owl-dots {
    text-align: center
}

.client-feedback-area-2 .owl-dots .owl-dot {
    height: 10px;
    width: 10px;
    display: inline-block;
    background-color: var(--primary);
    margin: 0 5px;
    border-radius: 50%
}

.client-feedback-area-2 .owl-dots .owl-dot.active {
    background-color: var(--primary)
}

.feature_part {
    position: relative;
    z-index: 1
}

.feature_part .feature_icon_1 {
    position: absolute;
    left: 19%;
    top: 50%;
    z-index: -1
}

.feature_part .feature_icon_2 {
    left: 35%;
    top: 23%;
    position: absolute;
    z-index: -1
}

.feature_part .feature_icon_3 {
    position: absolute;
    left: 48%;
    z-index: -1;
    bottom: 18%
}

.feature_part .feature_icon_4 {
    position: absolute;
    right: 35%;
    top: 7%;
    z-index: -1
}

img.footer-youtube-icon {
    position: relative!important;
    bottom: 2px!important;
    width: 27px!important;
    height: 30px!important
}

@media (max-width: 576px) {
    .feature_part .feature_part_text {
        padding-left: 0
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .feature_part .feature_part_text {
        padding-left: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .feature_part .feature_part_text {
        padding-left: 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .feature_part .feature_part_text {
        padding-left: 0
    }
}

.feature_part .feature_part_text h2 {
    font-size: 45px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 21px;
    position: relative;
    text-transform: capitalize
}

@media (max-width: 576px) {
    .feature_part .feature_part_text h2 {
        font-size: 25px;
        margin-bottom: 10px;
        line-height: 35px;
        margin-top: 15px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .feature_part .feature_part_text h2 {
        font-size: 25px;
        margin-bottom: 10px;
        line-height: 35px;
        margin-top: 20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .feature_part .feature_part_text h2 {
        font-size: 25px;
        margin-bottom: 10px;
        line-height: 35px;
        margin-top: 20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .feature_part .feature_part_text h2 {
        font-size: 28px;
        margin-bottom: 20px;
        line-height: 40px
    }
}

.feature_part .feature_part_text p {
    margin-bottom: 46px
}

.feature_part .feature_part_text .feature_part_text_iner {
    border-radius: 50px;
    border-top-right-radius: 0;
    border: 1px solid #eee;
    text-align: center;
    padding: 34px 27px 31px;
    -webkit-transition: .5s;
    transition: .5s
}

@media (max-width: 991px) {
    .feature_part .feature_part_text .feature_part_text_iner {
        padding: 20px 15px 15px;
        margin-bottom: 15px
    }
}

.feature_part .feature_part_text .feature_part_text_iner:hover {
    border: 1px solid var(--primary)
}

.feature_part .feature_part_text .feature_part_text_iner h4 {
    font-size: 40px;
    font-weight: 700;
    font-family: Satoshi-Regular, sans-serif
}

.feature_part .feature_part_text .feature_part_text_iner p {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.667
}

.feature_part .single_feature {
    margin: 0 11px
}

@media (max-width: 991px) {
    .feature_part .single_feature {
        margin: 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .feature_part .single_feature {
        margin: 0
    }
}

.feature_part .single_feature:nth-child(2) {
    margin-top: 60px
}

@media (max-width: 991px) {
    .feature_part .single_feature:nth-child(2) {
        margin-top: 30px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .feature_part .single_feature:nth-child(2) {
        margin-top: 30px
    }
}

.feature_part .single_feature_part {
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 3px 81px 0 rgba(216, 216, 216, .45);
    background-color: #fff;
    -webkit-transition: .6s;
    transition: .6s
}

@media (max-width: 991px) {
    .feature_part .single_feature_part {
        padding: 25px 15px;
        margin-top: 25px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .feature_part .single_feature_part {
        margin-top: 25px
    }
}

.feature_part .single_feature_part img {
    margin-bottom: 21px;
    height: 65px
}

@media (max-width: 991px) {
    .feature_part .single_feature_part img {
        margin-bottom: 21px
    }
}

.feature_part .single_feature_part img i {
    color: #0c2e60;
    font-size: 24px;
    -webkit-transition: .6s;
    transition: .6s
}

.feature_part .single_feature_part h4 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 22px
}

@media (max-width: 576px) {
    .feature_part .single_feature_part h4 {
        margin-bottom: 15px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .feature_part .single_feature_part h4 {
        margin-bottom: 15px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .feature_part .single_feature_part h4 {
        margin-bottom: 15px
    }
}

.feature_part .single_feature_part p {
    color: #7f7f7f;
    line-height: 1.8;
    font-size: 15px
}

.single_feature_padding {
    padding-top: 140px
}

@media (max-width: 576px) {
    .single_feature_padding {
        padding-top: 70px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .single_feature_padding {
        padding-top: 70px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .single_feature_padding {
        padding-top: 70px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .single_feature_padding {
        padding-top: 70px
    }
}

.branded_cmp_cta_part {
    background: var(--primary);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0
}

.branded_cmp_cta_part h2 {
    font-size: 45px;
    color: #fff;
    margin-bottom: 30px
}

@media (max-width: 991px) {
    .branded_cmp_cta_part h2 {
        font-size: 30px;
        margin-bottom: 20px
    }
}

@media (max-width: 576px) {
    .branded_cmp_cta_part h2 {
        font-size: 25px;
        margin-bottom: 15px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .branded_cmp_cta_part h2 {
        font-size: 35px;
        margin-bottom: 15px
    }
}

.branded_cmp_cta_part p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 50px
}

@media (max-width: 991px) {
    .branded_cmp_cta_part p {
        margin-bottom: 20px
    }
}

@media (max-width: 576px) {
    .branded_cmp_cta_part p {
        margin-bottom: 15px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .branded_cmp_cta_part p {
        margin-bottom: 30px
    }
}

.branded_cmp_cta_part .banner_btn_1 {
    color: var(--primary);
    border: 0 solid transparent;
    margin-right: 28px
}

.branded_cmp_cta_part .banner_btn_1:hover {
    background-color: var(--primary)!important;
    color: #fff
}

.branded_cmp_cta_part .banner_btn_2 {
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent
}

.branded_cmp_cta_part .banner_btn_2:hover {
    background-color: var(--primary)!important;
    color: #fff;
    border: 1px solid transparent
}

ul.ltl {
    text-align: left;
    margin: 0
}

ul.ltl li {
    margin-bottom: 17px
}

body.supply_tool {
    background: 0 0
}

main.supply_tool {
    background: 0 0;
    margin-bottom: 0
}

.supply_tool_survey {
    font-size: 14px;
    color: #6c705f;
    background: #f7f8fb;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 6px;
    padding-right: 6px
}

.supply_tool_survey ._card {
    border-radius: 10px;
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 20px
}

.supply_tool_survey .qst_wrap {
    margin-bottom: 20px
}

.supply_tool_survey div.error {
    background-color: #dc2626;
    color: #fff;
    margin-top: 2px;
    display: table-caption;
    padding: 0 5px 0 18px;
    text-wrap: nowrap;
    border-radius: 4px;
    font-size: 11px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 14.515a7 7 0 110-14 7 7 0 010 14zm-.814-5.86h1.628v-5.21H6.186v5.21zM7 11.259a.82.82 0 00.814-.824A.816.816 0 007 9.631a.813.813 0 100 1.628z' fill='%23fff'/%3E%3C/svg%3E");
    background-size: .875em;
    background-position: .375em;
    background-repeat: no-repeat
}

.supply_tool_survey .step {
    display: none
}

.supply_tool_survey .step.active {
    display: block
}

.supply_tool_survey .sub_options {
    display: none;
    margin-left: 20px
}

.supply_tool_survey .main-label {
    font-weight: 700;
    font-size: 1.5rem
}

.supply_tool_survey .nav_button_wrap {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    border-top: 1px solid #cccccc52;
    padding-top: 10px;
    width: 60%;
    margin: auto
}

.supply_tool_survey .nav_button_wrap button {
    display: block;
    margin: auto;
    margin-top: 10px;
    width: 200px
}

.supply_tool_survey .form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary)
}

.supply_tool_survey .form-control {
    padding: .175rem .55rem
}

.supply_tool_survey .sub_option_item {
    display: flex;
    margin-bottom: 5px
}

.supply_tool_survey .sub_option_item label {
    margin-left: 4px;
    margin-top: 4px;
    line-height: 12px
}

.hero-mkt-text {
    position: relative;
    top: 70px;
    margin-left: 35px
}

.hero-mkt-img-wrap img {
    width: 80%;
    margin: auto;
    display: block
}

@media (max-width: 768px) {
    .supply_tool_survey .nav_button_wrap {
        width: 100%
    }
}

@media (max-width: 768px) {
    .hero-mkt-text {
        position: relative;
        top: 0;
        margin-top: 15px;
        margin-left: auto
    }
    .hero-mkt-img-wrap img {
        width: 100%;
        margin: unset;
        display: block
    }
}

.hype_figure_x {
    font-size: 6rem;
    font-weight: 700;
    color: var(--primary);
    font-family: anton
}

.hype_figure_x:before {
    content: attr(data-text);
    transform-origin: bottom;
    transform: rotateX(180deg);
    position: absolute;
    line-height: .87em;
    background: linear-gradient(0deg, var(--primary) 0, transparent 80%);
    -webkit-background-clip: text;
    color: transparent;
    opacity: .5
}

.bg-pattern-1 {
    background-color: #daefed;
    background-image: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), url(/assets/img/more-leaves.png);
    padding: 30px 0 30px 0;
    color: var(--eerie-black)!important
}

@media (max-width: 768px) {
    ._induxr {
        font-size: 12px
    }
}

.induxr-insurance {
    text-align: center
}

.bgx-collage1 {
    background: var(--primary);
    color: #fff
}

.industry_item_1 {
    padding: 10px 0;
    text-align: center
}

.industry_item_1 .icon_wrap {
    font-size: 26px;
    color: #fff;
    background-color: var(--primary);
    padding: 30px;
    border-radius: 50%;
    cursor: pointer;
    transition: font-size .3s ease, transform .3s ease
}

.industry_item_1 .icon_wrap:hover {
    font-size: 30px;
    transform: scale(1.1)
}

.industry_item_1 .name {
    margin-top: 5px;
    font-weight: 700
}

.xtile-wrap {
    flex-wrap: wrap;
    gap: 15px
}

.icx {
    text-align: center;
    font-weight: 900;
    font-size: 24px
}

.xtile-option {
    align-items: center;
    border: 2px solid #cccccc6b;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color .3s, border-color .3s, box-shadow .3s;
    margin-bottom: 10px
}

.xtile-option:hover {
    background-color: #f0f0f0
}

.xtile-option input {
    display: none
}

.xtile-option label {
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 10px;
    margin-left: 5px
}

.xtile-option .icx {
    margin-right: 10px;
    color: var(--primary)
}

.supply_tool_survey .flag_icon {
    width: 20px;
    margin-right: 5px
}

@media (min-width: 768px) and (max-width:991px) {
    ._header_nav .navbar .navbar-brand {
        margin-right: 0;
        position: relative;
        right: 0
    }
    .navitemswrap {
        position: relative;
        left: 0;
        bottom: 10px
    }
}

.country-option,
.customer-type-option {
    padding-top: 20px;
    padding-bottom: 20px
}

.customer-type-option .icx {
    margin-bottom: 10px
}

.country-option label,
.customer-type-option label {
    display: block!important;
    margin: auto;
    text-align: center
}

.country-option {
    width: 48%;
    margin: auto;
    margin-bottom: 15px
}

.customer-type-option .icx {
    margin: auto;
    font-size: 40px;
    margin-bottom: 10px;
    color: var(--primary)
}

.country-option .flag_icon {
    width: 40px;
    margin-bottom: 10px
}

.btn .right-icon {
    position: relative;
    left: 12px;
    top: 2px
}

footer._theme1fig {
    padding-top: 100px;
    padding-bottom: 400px;
    height: 11px;
    background-image: url(/assets/img/nilsfigfooter.png);
    color: #fff;
    font-size: 16px
}

@media (min-width: 768px) and (max-width:991px) {
    footer._theme1fig {
        padding-bottom: 1035px
    }
}

@media (max-width: 767.99999px) {
    footer._theme1fig {
        padding-bottom: 1025px
    }
    footer._theme1fig .copyright {
        padding-bottom: 30px!important
    }
}

footer._theme1fig a {
    line-height: 24px;
    font-size: 16px;
    color: #fff
}

footer._theme1fig a:hover {
    text-decoration: underline
}

footer._theme1fig .section-a .item {
    margin-bottom: 30px
}

.ixf {
    line-height: 24px;
    font-size: 16px
}

footer._theme1fig .section-a .soc-links a {
    margin-right: 10px
}

footer._theme1fig .section-b .headline {
    margin-bottom: 20px;
    font-size: 30px
}

footer._theme1fig .footer-section {
    padding-bottom: 45px
}

footer._theme1fig .devider {
    margin-top: 1px;
    display: block;
    margin: auto;
    width: 100%;
    opacity: .5
}

footer._theme1fig .icon-w {
    position: absolute
}

footer._theme1fig .icon-w-email {
    margin-top: 5px
}

footer._theme1fig .copyright {
    color: #b1b5c3;
    text-align: center!important;
    margin: auto
}

section.zone {
    padding-top: 130px;
    padding-bottom: 130px
}

section.pluto {
    padding-top: 70px;
    padding-bottom: 70px
}

section.zone-out-bg-primary {
    padding-top: 50px;
    padding-bottom: 50px;
    color: #fff;
    background: var(--primary-hover)
}

section.zone-out-bg-primary-oval {
    padding-top: 77px;
    padding-bottom: 77px;
    color: #fff;
    background: url(/assets/img/bg-primary-oval.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

section.zone-out-bg-white-oval {
    padding-top: 77px;
    padding-bottom: 77px;
    color: #141414;
    background: url(/assets/img/bg-white-oval.PNG);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.card_wrap {
    margin-bottom: 20px
}

.layer-1 .item-one {
    display: block
}

.layer-1 .item-one .subitem {
    padding-bottom: 20px;
    text-align: center
}

.layer-1 .item-one ._h1 {
    font-weight: 700;
    font-size: 48px;
    line-height: 67.2px;
    color: #183b56
}

.layer-1 .item-one .text {
    color: #81848a
}

.layer-1 .item-two .card {
    height: 311px;
    display: flex;
    border: 1px solid #e9e9e9
}

.layer-1 .item-two .card-item {
    text-align: center;
    padding-bottom: 20px
}

.layer-1 .testimonial-card {
    text-align: left!important;
    border-radius: 10px
}

.layer-1 .item-two .card-body {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.layer-1 .testimonial-card-body {
    text-align: left!important
}

.layer-1 .testimonial-card-item {
    text-align: left;
    padding-bottom: 20px
}

.layer-1 .testi-info {
    position: relative;
    right: 10%
}

.layer-1 .testimonial-card-body .card-text {
    color: #5a7184;
    line-height: 24px
}

.layer-1 .testi-info .fab {
    color: var(--primary);
    font-size: 24px
}

.layer-1 .testi-info .testi-img {
    width: 75px
}

.layer-1 .testi-info ._pp {
    padding-bottom: 5px;
    text-align: left
}

.layer-1 .testimonial-name {
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none
}

.layer-1 .item-two .card-text {
    color: #5a7184
}

.layer-1 .item-two .card-h {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    color: #183b56
}

.layer-1 .item-two .bx-wrap {
    margin-top: 0;
    display: flex
}

.layer-2 {
    background: #f6f6f6
}

.layer-1 .item-two .bx-wrap .el1 {
    margin: auto
}

.layer-2 .item {
    padding-bottom: 40px
}

.layer-2 .item:last-child {
    padding-bottom: 0
}

.layer-2 .subitem {
    padding-bottom: 20px;
    margin: auto;
    max-width: 420px
}

.layer-2 ._h {
    font-weight: 700;
    font-size: 40px;
    line-height: 54px
}

.layer-2 .text {
    color: #79839a;
    line-height: 25px
}

.layer-2 .x-img-wrap {
    display: block
}

.epfke {
    height: 520px
}

.layer-2 .x-img-wrap img {
    display: block;
    width: 450px;
    margin: auto!important
}

.layer-2 .plemp-card {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    background: #fff;
    border-radius: 26px;
    position: relative;
    bottom: 100px;
    left: 115px;
    width: 400px
}

.layer-2 .plemp-card ._inner {
    margin: auto;
    width: 89%
}

.layer-2 .plemp-card .item {
    padding-bottom: 15px
}

.layer-2 .plemp-card ._h1 {
    font-size: 20px;
    font-weight: 700
}

.layer-2 .plemp-card ._btn_1 {
    font-size: 13px;
    background: var(--secondary);
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    font-weight: 700
}

.layer-2 .plemp-card ._btn_2 {
    font-size: 13px;
    color: #12102e;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    font-weight: 700
}

.layer-2 .pwo-circle {
    background: var(--secondary);
    padding: 6px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.layer-2 .pwo-circle img {
    width: 10px
}

.sublayer-x .subitem {
    padding-bottom: 20px;
    margin: auto;
    max-width: 420px
}

.sublayer-x ._h {
    font-weight: 700;
    font-size: 40px;
    line-height: 54px
}

.sublayer-x .text {
    color: #79839a;
    line-height: 25px
}

.sublayer-x .x-img-wrap {
    display: block
}

.karuk-card {
    gap: 10px;
    border-radius: 30px;
    padding-bottom: 40px;
    padding-top: 40px;
    background: #f6f6f6;
    border: 1px solid #dfdfdf;
    height: 485px
}

.karuk-card img.__core {
    display: block;
    margin: auto
}

.esquaq {
    text-align: center;
    max-width: 800px
}

.esquaq .item {
    padding-bottom: 20px
}

.esquaq ._h {
    font-size: 48px;
    font-weight: 700
}

.pfx-layer {
    background: url(/assets/img/frame-2147225875.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 100%;
    color: #fff!important;
    padding-top: 150px;
    padding-bottom: 150px
}

.pfx-layer .card {
    height: 225px!important;
    padding-top: 20px;
    border-radius: 25px;
    padding-right: 10px
}

.seo-pfx .card {
    height: 160px!important
}

.pfx-layer ._card-body {
    margin: auto;
    padding-left: 10px;
    width: 95%;
    height: 100%
}

.pfx-layer .card-item {
    text-align: left!important;
    position: relative;
    bottom: 35px
}

.pfx-layer .card-h {
    color: #183b56;
    text-align: left!important
}

.pfx-layer .card .hang-icon {
    position: relative;
    left: 93%;
    top: 18px
}

.pfx-layer .card .vsk {
    position: relative;
    left: 85%;
    top: 15px;
    font-size: 60px;
    color: #6c757d42;
    font-weight: 700;
    z-index: 999999;
    font-family: "Darker Grotesque", sans-serif
}

.brag .card-h {
    font-size: 34px!important
}

.sasko-form {
    display: block;
    overflow-x: hidden;
    width: 85%
}

.sasko-form ._submit_btn {
    text-align: center!important
}

.sasko-form ._submit_btn::after {
    display: none!important
}

.sasko-form label {
    padding-bottom: 5px;
    font-weight: 500
}

.sasko-form input {
    margin-bottom: 10px;
    height: 60px;
    border-radius: 10px;
    opacity: 100;
    border: 0
}

.sasko-form textarea {
    width: 100%;
    border-radius: 10px;
    border: 0;
    height: 140px
}

.sasko-form .form-group {
    margin-bottom: 20px
}

.sasko-form .button-wrap {
    margin-top: 20px
}

.sasko-form ::placeholder {
    color: #c7c7c7
}

.escrib-layer {
    overflow-x: hidden
}

.escrib-layer .sec-x {
    padding-top: 140px;
    padding-bottom: 140px
}

.escrib-layer .col_item {
    margin-bottom: 10px
}

.escrib-layer .sec-1 {
    background: var(--primary)!important;
    color: #fff
}

.escrib-layer .sec-2 {
    background: #f6f6f6
}

.escrib-layer .sec-1 ._inner {
    position: relative;
    top: 100px;
    max-width: 545px
}

.escrib-layer .sec-1 .h {
    font-size: 40px;
    font-weight: 500
}

.escrib-layer .sec-1 .item {
    padding-bottom: 25px!important
}

.escrib-layer .sec-1 .btnx button {
    padding: 14px 18px;
    width: 150px;
    margin-bottom: 25px
}

.pepak {
    max-width: unset;
    width: 100%;
    text-align: center
}

.pepak ._h {
    font-size: 48px;
    font-weight: 700
}

.pepak .card {
    height: 250px!important
}

.pepak .item {
    padding-bottom: 30px
}

.pepak .card-text {
    color: #5a7184
}

.pepak .card-h {
    font-weight: 700;
    font-size: 24px;
    display: block;
    width: 80%;
    padding-bottom: 10px
}

.gtpq {
    position: relative;
    top: 70px;
    max-width: 545px;
    color: #183b56
}

.gtpq h1 {
    font-weight: 900;
    font-size: 32px;
    text-transform: capitalize
}

.gtpq p {
    color: #5a7184;
    width: 95%
}

.typxl {
    position: relative;
    bottom: 0;
    top: 0
}

.typxl p {
    padding-bottom: 20px
}

ul.elela li {
    margin-bottom: 10px
}

ul.fpx {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    color: #183b56
}

ul.fpx li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    font-size: 21px
}

ul.fpx li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    background-image: url(/assets/img/fpx.png);
    background-size: cover
}

ul.sdxv {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    color: #183b56
}

ul.sdxv li {
    position: relative;
    margin-bottom: 10px;
    font-size: 21px
}

ul.sdxv li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    background-image: url(/assets/img/icon/warning.png);
    background-size: cover;
    display: none
}

#vnvwon {
    position: relative;
    width: 499px;
    display: block;
    margin: auto
}

.ffzx {
    position: relative;
    top: 0!important
}

h1.ppdffw {
    font-size: 32px
}

.lelax {
    padding-top: 0
}

.lelax .btn {
    max-width: 306px;
    padding-right: 25px;
    padding-left: 25px
}

.lelax .btn-wrap {
    margin: auto!important
}

.lelax .btn::before {
    display: none!important
}

.coral-green-pattern {
    height: 480px;
    position: relative;
    overflow: hidden
}

.coral-green-pattern::before {
    content: '';
    position: absolute;
    top: 0;
    right: 5%;
    width: 100%;
    height: 100%;
    background: url(/assets/img/coral-green-pattern.png);
    clip-path: polygon(0 0, 64% 0, 0 200%);
    background-size: contain
}

.coral-green-pattern ._inner_hero {
    float: inline-end;
    position: relative;
    left: 215px
}

.coral-green-pattern .main-text-wrap {
    position: relative;
    bottom: 50px;
    max-width: max-content;
    padding-top: 6%
}

.coral-green-pattern .mkt-text-wrap {
    padding-top: 0
}

.coral-green-pattern .p-text {
    width: 75%
}

.coral-green-pattern .header-text {
    width: 80%
}

.__hero2 .item {
    padding-bottom: 20px;
    margin-right: unset;
    text-align: left
}

.hero2-h {
    font-size: 48px
}

#pwrwppe {
    border-radius: 20px
}

.jurhfl {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 126px;
    align-self: stretch
}

.footer-logo {
    width: 184px
}

.case_study .highlight-box {
    background-color: #f8f9fa;
    border-left: 5px solid var(--primary);
    padding: 1.5rem
}

.case_study .icon-card {
    text-align: center
}

.case_study .icon-card i {
    font-size: 2rem;
    color: var(--primary)
}

.case_study .results-section {
    background: #f8f9fa;
    padding: 2rem
}

.case_study h3 {
    font-size: 24px
}

.case_study .results-section h3 {
    text-align: center
}

.case_study .icx {
    font-size: 50px;
    font-weight: 800;
    color: var(--primary)
}

.case_study ul.fpx li {
    font-size: 16px
}

.gx-icx {
    width: 60px
}

.rx-icx {
    width: 45px
}

.seo_studies img {
    height: 400px;
    border-radius: 10px
}

.seo_studies .col_item {
    padding-bottom: 30px
}

.seo-offer img {
    max-width: 400px;
    border-radius: 10px
}

.sbj {
    margin-left: 30px
}

.index_brands_wrap {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.index_brands_wrap img {
    width: 150px;
    display: block;
    margin: auto
}

.index_brands_wrap img._adt {
    width: 100px!important
}

.product_landers .col_item {
    padding-bottom: 30px
}

.product_landers .col_item {
    padding-bottom: 30px
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: var(--primary)!important
}

.c_right {
    text-align: right
}

@media (min-width: 1200px) and (max-width:1399px) {
    .layer-2 .plemp-card {
        position: relative;
        bottom: 100px;
        left: 11%;
        width: 420px
    }
}

@media (min-width: 992px) and (max-width:1399px) {
    .layer-2 .plemp-card {
        position: relative;
        bottom: 100px;
        left: 11%;
        width: 420px
    }
    .coral-green-pattern {
        height: 520px
    }
    .coral-green-pattern ._inner_hero {
        float: inline-end;
        position: relative;
        left: 120px
    }
    ._header_nav .btn {
        font-size: 11px
    }
}

@media (max-width: 1199.9px) {
    .pfx-layer {
        background: 0 0
    }
    .pfx-layer layer-1 .item-one ._h1 {
        color: #183b56!important
    }
    .pfx-layer .item-one .subitem {
        color: #183b56!important
    }
    .karuk-card {
        height: 700px
    }
    .karuk-card img.__core {
        height: 300px;
        border-radius: 5px
    }
}

@media (min-width: 992px) and (max-width:1199.9px) {
    .escrib-layer .col_item {
        padding-bottom: 30px
    }
    ._header_nav .nav-link {
        font-size: .69rem
    }
    .pfx-layer .card {
        height: 280px!important;
        padding-top: 20px;
        border-radius: 25px;
        padding-right: 10px
    }
}

@media (max-width: 991.9px) {
    .header-btn {
        width: 165px
    }
    .karuk-card {
        height: 620px
    }
}

@media (min-width: 768px) and (max-width:991.9px) {
    .indexheader {
        background-color: #fff!important;
        z-index: 99999999999999
    }
    .ppwkc__p {
        display: block;
        width: 30%
    }
    ._header_nav .navbar {
        background: #fff!important
    }
    .coral-green-pattern ._inner_hero {
        float: inline-end;
        position: relative;
        left: 20px
    }
    .coral-green-pattern {
        height: 480px;
        position: relative;
        overflow: hidden;
        color: #fff;
        background: url(/assets/img/coral-green-pattern.png)
    }
    .coral-green-pattern::before {
        display: none;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(/assets/img/coral-green-pattern.png);
        clip-path: polygon(0 0, 64% 0, 0 100%)
    }
    .layer-2 .plemp-card {
        position: relative;
        bottom: 100px;
        left: 6%;
        width: 90%
    }
    .indexheader .nav-link {
        color: #000!important
    }
    .indexheader .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important
    }
    .indexheader #logo-light {
        display: none!important
    }
    .indexheader #logo-colored {
        display: block!important
    }
    .layer-1 .item-two .card {
        height: 400px;
        display: flex;
        border: 1px solid #e9e9e9
    }
    .layer-1 .item-two .card img {
        width: 60px
    }
    .layer-1 .testi-info {
        position: relative;
        right: 0
    }
    .c_right {
        text-align: left
    }
    .feet-links .col_item {
        margin-bottom: 17px
    }
}

@media (max-width: 767.9px) {
    .karuk-card {
        height: 680px
    }
    .coral-green-pattern::before {
        display: none
    }
    ._header_nav {
        padding-top: 13.555px;
        height: unset
    }
    .hero2-h {
        font-size: 32px
    }
    section.zone {
        padding-top: 77.68px;
        padding-bottom: 77.68px
    }
    .hero-h1 {
        font-size: 30px
    }
    .layer-1 .item-one ._h1 {
        font-weight: 700;
        font-size: 27px;
        line-height: 30px
    }
    .layer-2 ._h {
        font-weight: 700;
        font-size: 27px;
        line-height: 30px
    }
    .sublayer-x ._h {
        padding-top: 20px;
        font-weight: 700;
        font-size: 27px;
        line-height: 30px
    }
    .layer-2 .plemp-card {
        position: relative;
        bottom: 100px;
        left: 15px;
        width: 90%
    }
    .layer-2 .plemp-card ._btn_2 {
        position: relative;
        right: 20px
    }
    .esquaq ._h {
        font-size: 27px;
        font-weight: 700
    }
    .escrib-layer .sec-1 {
        padding-top: 50px;
        padding-bottom: 70px
    }
    .escrib-layer .sec-ola {
        padding-top: 50px;
        padding-bottom: 200px
    }
    .sasko-form {
        width: 100%
    }
    .layer-1 .testimonial-card {
        height: 400px!important
    }
    .layer-1 .testi-info {
        position: relative;
        left: 0
    }
    .layer-1 .testi-info ._pp {
        text-align: center;
        margin: auto
    }
    .layer-1 .testi-info .testi-img {
        display: block;
        margin: auto
    }
    .pfx-layer .card {
        padding-top: 30px!important;
        height: 230px!important
    }
    .pfx-layer .card .hang-icon {
        position: relative;
        left: 90%;
        top: 9px
    }
    .pfx-layer .card .vsk {
        position: relative;
        left: 90%;
        top: 0;
        font-size: 40px;
        color: #ebebeb;
        font-family: "Darker Grotesque", sans-serif
    }
    .pfx-layer.item-two .card-h {
        font-weight: 700;
        font-size: 20px!important;
        line-height: 20px!important
    }
    .gtpq {
        position: relative;
        top: 0;
        max-width: 545px;
        margin-bottom: 30px
    }
    .gtpq h1 {
        font-size: 25px
    }
    .lelax .btn {
        width: 260px;
        font-size: 14px
    }
    .lelax .btn-wrap {
        padding-bottom: 20px
    }
    .flesqa button {
        display: block;
        margin: auto
    }
    .ffzx {
        width: 100%;
        margin-top: 20px!important
    }
    #vnvwon {
        width: 100%
    }
    #pwrwppe {
        width: 100%;
        height: unset;
        margin-bottom: 20px;
        display: block;
        margin: auto;
        margin-bottom: 20px
    }
    .jurhfl {
        flex-direction: column;
        gap: 20px
    }
    .pepak ._h {
        font-size: 28px;
        font-weight: 700
    }
    h1.ppdffw {
        font-size: 23px
    }
    ul.fpx li {
        position: relative;
        padding-left: 30px;
        margin-bottom: 10px;
        font-size: 16px
    }
    .coral-green-pattern {
        background: url(/assets/img/coral-green-slice.png) #2e8b57;
        background-color: #d3d3d3;
        background-size: cover;
        background-position: 0;
        height: auto;
        max-height: 680px;
        overflow: hidden;
        color: #fff
    }
    .coral-green-pattern h1 {
        font-size: 24px
    }
    .coral-green-pattern ._inner_hero {
        float: inline-end;
        position: relative;
        left: 0
    }
    .coral-green-pattern .__hero2 {
        width: 99%
    }
    .coral-green-pattern .__hero2 .item {
        padding-bottom: 10px
    }
    .coral-green-pattern .main-text-wrap {
        position: relative;
        left: 0;
        bottom: 0;
        max-width: 300px
    }
    .apx .col_item {
        margin-bottom: 50px
    }
    .coral-green-pattern .main-text-wrap .empha {
        color: #fff
    }
    .coral-green-pattern .header-text {
        width: 100%
    }
    .coral-green-pattern .p-text {
        width: 100%
    }
    .ppwkc__p {
        display: block;
        width: 70%;
        max-width: 250px
    }
    .coral-green-pattern .main-text-wrap {
        padding-top: 6%
    }
    .seo-offer img {
        max-width: 100%;
        border-radius: 10px;
        height: auto;
        display: block;
        margin: auto
    }
    .seo_studies img {
        height: auto;
        border-radius: 10px;
        width: 100%
    }
    .feet-links {
        width: auto
    }
    .c_right {
        text-align: left
    }
}

@media (max-width: 576px) {
    .pfx-layer ._ctx {
        padding-top: 30px!important;
        height: 210px!important
    }
}

@media (min-width: 355px) and (max-width:767px) {
    .prjfnf {
        margin-top: 55px!important
    }
}

.contact-success-wrap {
    color: var(--primary)
}

.ixpc {
    width: 30px;
    margin-right: 10px
}

img.bdr {
    border-radius: 10px
}

ul.job-list {
    margin: 0;
    padding: 0;
    list-style: none
}

ul.job-list>li.job-preview {
    background: #fff;
    border: 1px solid #d7e2e9;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    border-radius: .4rem;
    padding: 1.5rem 2rem;
    margin-bottom: 1rem;
    float: left;
    width: 100%;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

ul.job-list>li.job-preview:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .05);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .05)
}

.job-title {
    margin-top: .6rem
}

.company {
    color: #96a4b1
}

.job-preview .btn {
    margin-top: 1.1rem
}

@media (max-width: 575px) {
    .job-preview .content {
        width: 100%
    }
}

.ltr-spc-2 {
    letter-spacing: 2px
}

.poefl {
    margin-left: 30px
}

.seo-page-video-wrap {
    display: block
}

.seo-page-video-wrap .video-container {
    width: 80%;
    position: relative;
    padding-bottom: 45%;
    height: 0;
    overflow: hidden
}

.seo-page-video-wrap .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

img.footer-youtube-icon {
    position: relative!important;
    bottom: 3.6px!important;
    /* width: 26px!important; */
    height: 32px!important;
}