@import url(css2.css);
@media (min-width:414px) {
    .app--mobile {
        display: none !important
    }
}

@media (max-width:414px) {
    .dis--mobile {
        display: none !important
    }
}

@media (min-width:600px) {
    .app--mobile-lg {
        display: none !important
    }
}

@media (max-width:600px) {
    .dis--mobile-lg {
        display: none !important
    }
}

@media (min-width:768px) {
    .app--tablet-sm {
        display: none !important
    }
}

@media (max-width:768px) {
    .dis--tablet-sm {
        display: none !important
    }
}

@media (min-width:991px) {
    .app--tablet {
        display: none !important
    }
}

@media (max-width:991px) {
    .dis--tablet {
        display: none !important
    }
}

@media (min-width:1200px) {
    .app--desktop {
        display: none !important
    }
}

@media (max-width:1200px) {
    .dis--desktop {
        display: none !important
    }
}

@media (min-width:1400px) {
    .app--desktop-md {
        display: none !important
    }
}

@media (max-width:1400px) {
    .dis--desktop-md {
        display: none !important
    }
}

@media (min-width:1600px) {
    .app--desktop-lg {
        display: none !important
    }
}

@media (max-width:1600px) {
    .dis--desktop-lg {
        display: none !important
    }
}

@media (min-width:1800px) {
    .app--desktop-xl {
        display: none !important
    }
}

@media (max-width:1800px) {
    .dis--desktop-xl {
        display: none !important
    }
}

@media (min-width:2400px) {
    .app--desktop-xxl {
        display: none !important
    }
}

@media (max-width:2400px) {
    .dis--desktop-xxl {
        display: none !important
    }
}

.page-content,
body,
html body {
    background-color: #fff;
    color: #23231a
}

body,
html {
    font-family: Figtree, sans-serif;
    scrollbar-width: thin
}

body.header-nav-open,
html.header-nav-open {
    overflow: hidden;
    scroll-behavior: unset !important
}

img {
    max-width: 100%
}

.container {
    max-width: 1656px;
    padding: 0 28px
}

@media (max-width:1799px) {
    .container {
        max-width: 1336px
    }
}

@media (max-width:1399px) {
    .container {
        max-width: 1156px
    }
}

@media (max-width:1199px) {
    .container {
        max-width: 1046px
    }
}

@media (max-width:990px) {
    .container {
        max-width: 796px;
        padding: 0 20px
    }
}

@media (min-width:1400px) {
    .container-md {
        max-width: 1300px
    }

    .container-sm {
        max-width: 1170px
    }
}

section {
    position: relative;
    z-index: 1
}

.section__inner {
    padding: 50px 0
}

.section-padding-lg .section__inner {
    padding: 120px 0
}

@media (max-width:1199px) {
    .section-padding-lg .section__inner {
        padding: 80px 0
    }
}

@media (max-width:990px) {
    .section-padding-lg .section__inner {
        padding: 60px 0
    }
}

.section-padding-md .section__inner {
    padding: 80px 0
}

@media (max-width:1199px) {
    .section-padding-md .section__inner {
        padding: 40px 0
    }
}

.section-padding-sm .section__inner {
    padding: 60px 0
}

@media (max-width:1199px) {
    .section-padding-sm .section__inner {
        padding: 40px 0
    }
}

.section-padding-xs .section__inner {
    padding: 40px 0
}

.section--has-bg {
    color: #fff
}

.section--has-bg,
.section--has-bg .section__inner {
    position: relative;
    z-index: 1
}

.section--fullscreen .section__inner {
    min-height: 100vh
}

.section__heading {
    margin-bottom: 60px
}

@media (max-width:990px) {
    .section__heading {
        margin-bottom: 40px
    }
}

@media (max-width:599px) {
    .section__heading {
        margin-bottom: 20px
    }
}

.section__heading p {
    font-size: 18px;
    line-height: 145%
}

.section__heading p p {
    font-size: inherit;
    line-height: inherit
}

.section__heading .row>:last-child:not(:first-child) {
    align-items: center;
    display: flex
}

@media (min-width:991px) {
    .section__heading .row>:last-child:not(:first-child) {
        justify-content: flex-end
    }
}

.section__bg {
    z-index: -1
}

.section__bg,
.section__bg:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.section__bg:after {
    background-color: rgba(0, 0, 0, .4);
    content: ""
}

.section__bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.section__bg.no-overlay:after {
    display: none
}

.modal-open {
    overflow-y: scroll !important
}

.row {
    margin-left: -20px;
    margin-right: -20px;
    row-gap: 40px
}

.row>* {
    padding-left: 20px;
    padding-right: 20px
}

@media (max-width:990px) {
    .row {
        margin-left: -10px;
        margin-right: -10px;
        row-gap: 20px
    }

    .row>* {
        padding-left: 10px;
        padding-right: 10px
    }
}

.page-fixed-wrapper {
    min-height: 200vh
}

.page-fixed-container {
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1
}

.img-fullblock img {
    height: auto;
    width: 100%
}

@media (min-width:991px) {
    .order-alt>:last-child {
        order: -1
    }
}

html.lenis,
html.lenis body {
    height: auto
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-scrolling iframe {
    pointer-events: none
}

a {
    color: inherit;
    text-decoration: none;
    transition: all .3s ease-out
}

a:hover {
    color: #ed693c
}

ul {
    padding-left: 16px
}

.large-bg-title {
    font-size: 180px;
    font-weight: 800;
    left: 0;
    line-height: 1;
    opacity: .02 !important;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 10%;
    width: 100%;
    z-index: -1
}

@media (max-width:1199px) {
    .large-bg-title {
        font-size: 120px
    }
}

@media (max-width:767px) {
    .large-bg-title {
        font-size: 80px
    }
}

.h1,
h1 {
    font-size: 56px;
    font-weight: 800
}

@media (max-width:1199px) {

    .h1,
    h1 {
        font-size: 48px
    }
}

@media (max-width:599px) {

    .h1,
    h1 {
        font-size: 36px
    }
}

h2,
h3,
h4 {
    text-transform: capitalize
}

.h2,
h2 {
    font-size: 42px;
    font-weight: 700
}

@media (max-width:1199px) {

    .h2,
    h2 {
        font-size: 32px
    }
}

.h3,
h3 {
    font-size: 32px;
    font-weight: 600
}

@media (max-width:1199px) {

    .h3,
    h3 {
        font-size: 28px
    }
}

.h4,
h4 {
    font-size: 28px;
    font-weight: 600
}

@media (max-width:1199px) {

    .h4,
    h4 {
        font-size: 24px
    }
}

.h5,
h5 {
    font-size: 24px;
    font-weight: 600
}

@media (max-width:1199px) {

    .h5,
    h5 {
        font-size: 20px
    }
}

.h6,
h6 {
    font-size: 20px;
    font-weight: 500
}

@media (max-width:1199px) {

    .h6,
    h6 {
        font-size: 18px
    }
}

p {
    font-size: 16px;
    font-weight: 400;
    line-height: 145%
}

p:last-child {
    margin-bottom: 0
}

p a {
    color: #ed693c;
    font-weight: 700
}

p a:hover {
    text-decoration: underline
}

small {
    font-size: 13px;
    line-height: 145%
}

small p {
    font-size: inherit;
    line-height: inherit
}

.p-large {
    font-size: 18px;
    line-height: 145%
}

.p-large p {
    font-size: inherit;
    line-height: inherit
}

.display-huge {
    font-size: 84px;
    font-weight: 900;
    line-height: normal
}

.display-large {
    font-size: 74px;
    font-weight: 900;
    letter-spacing: -.04em;
    line-height: 86px
}

@media (max-width:1199px) {
    .display-large {
        font-size: 44px;
        line-height: 52px
    }
}

.display-small {
    font-size: 44px;
    font-weight: 900;
    letter-spacing: -.02em;
    line-height: 48px
}

@media (max-width:1199px) {
    .display-small {
        font-size: 38px;
        line-height: 48px
    }
}

.section-subtitle,
.section-title {
    margin-bottom: 20px
}

.section-subtitle {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase
}

.text--primary {
    color: #47266f !important
}

.bg--primary {
    background-color: #47266f !important
}

.text--orange {
    color: #ed693c !important
}

.bg--orange {
    background-color: #ed693c !important
}

.text--yellow {
    color: #ed9b40 !important
}

.bg--yellow {
    background-color: #ed9b40 !important
}

.text--blue {
    color: #1a73e8 !important
}

.bg--blue {
    background-color: #1a73e8 !important
}

.text--green-alt {
    color: #16a87a !important
}

.bg--green-alt {
    background-color: #16a87a !important
}

.text--green-dark {
    color: #231236 !important
}

.bg--green-dark {
    background-color: #231236 !important
}

.text--black {
    color: #23231a !important
}

.bg--black {
    background-color: #23231a !important
}

.text--black-light {
    color: #3d4751 !important
}

.bg--black-light {
    background-color: #3d4751 !important
}

.text--gray-light {
    color: #fafafc !important
}

.bg--gray-light {
    background-color: #fafafc !important
}

.text--white {
    color: #fff !important
}

.bg--white {
    background-color: #fff !important
}

.text--orange {
    background: -webkit-linear-gradient(#fdc60b, #f28f3f, #ed693c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.logo {
    max-width: 100%
}

.logo img {
    width: 120px;
}

.card+.card {
    margin-top: 40px
}

.social-wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.social-wrap a {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

.social-wrap a img,
.social-wrap a svg {
    display: block;
    width: 100%
}

.social-wrap a:hover {
    color: #47266f
}

@media (min-width:991px) {
    .section-padd .section__inner {
        padding: 100px 0
    }

    .section-padd--lg .section__inner {
        padding: 120px 0
    }

    .section-padd--md .section__inner {
        padding: 80px 0
    }

    .section-padd--sm .section__inner {
        padding: 60px 0
    }

    .section-padd--xs .section__inner {
        padding: 40px 0
    }
}

.copyright {
    font-size: 16px;
    font-weight: 400;
    line-height: 145%
}

.copyright,
.copyright:last-child {
    margin-bottom: 0
}

.tagline {
    padding-left: 120px;
    position: relative
}

.tagline:before {
    background-color: #000;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 80px
}

.awards {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    overflow: hidden
}

@media (max-width:990px) {
    .awards {
        gap: 24px
    }
}

@media (max-width:599px) {
    .awards {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: center
    }
}

.awards img {
    height: 100px;
    width: auto
}

@media (max-width:990px) {
    .awards img {
        height: 80px
    }
}

@media (max-width:599px) {
    .awards img {
        margin-left: auto;
        margin-right: auto
    }
}

.stars {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center
}

.stars>* {
    line-height: 1
}

.stars-img {
    height: 18px;
    width: auto
}

.site-rate {
    color: #ed9b40;
    text-align: center
}

.site-rate .stars {
    margin-bottom: 10px
}

.site-rate p {
    font-size: 18px
}

.slick-loading .slick-list {
    background-image: var(--wpr-bg-87a5f2a3-9539-4ce6-b4b3-d537362d7303)
}

.pg-progress {
    height: 8px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101
}

.pg-progress-bar {
    background-color: #47266f;
    display: block;
    height: 100%;
    width: 0
}

.tag {
    background-color: #ffefbd;
    border-radius: 9999px;
    color: #23231a;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 10px
}

.tag:hover {
    background-color: #ed693c;
    color: #fff
}

.tags {
    gap: 8px 4px
}

.tags,
.tags-list {
    align-items: center;
    display: flex
}

.tags-list {
    gap: 6px 8px
}

.post-author {
    border-top: 1px solid #e2e2e2;
    display: flex;
    gap: 20px;
    margin-top: 40px;
    padding-top: 40px
}

@media (max-width:599px) {
    .post-author {
        flex-flow: column
    }
}

.post-author .profile {
    border-radius: 50%;
    flex: 0 0 100px;
    height: 100px;
    overflow: hidden;
    width: 100px
}

.post-author .profile img {
    height: 100%;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.post-author .title {
    font-size: 16px;
    font-weight: 600
}

.post-author p {
    color: #3d4751;
    font-size: 16px;
    line-height: 135%
}

.privacy__policy {
    padding: 40px 0 60px
}

.highlight-box {
    background: linear-gradient(to bottom right, #d5c3ea, #e2d6f1);
    border-radius: 12px;
    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, .25);
    overflow: hidden;
    padding: 24px;
    position: relative;
    z-index: 1
}

.highlight-box p {
    font-weight: 500
}

.highlight-box:after,
.highlight-box:before {
    background-color: transparent;
    content: "";
    opacity: .25;
    position: absolute;
    z-index: -1
}

.highlight-box:before {
    border: 24px solid #fff;
    border-radius: 50%;
    height: 120px;
    left: 35%;
    top: 0;
    transform: translate(-50%, -50%);
    width: 120px
}

.highlight-box:after {
    border: 45px solid transparent;
    border-left-color: #fff;
    bottom: 0;
    right: 0;
    transform: rotate(25deg)
}

.highlight-box .widget {
    border-top: 1px solid #ebebeb;
    margin-top: 24px;
    padding-top: 24px
}

.btn-wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

@media (max-width:990px) {
    .btn-wrap {
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

.btn-wrap:not(:first-child) {
    margin-top: 30px
}

.btn {
    align-items: center;
    background-color: #47266f;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    font-size: 18px;
    font-weight: 600;
    justify-content: center;
    letter-spacing: -.02em;
    line-height: 28px;
    min-height: 46px;
    padding: 12px 24px
}

@media (max-width:990px) {
    .btn {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: -.02em;
        line-height: 28px
    }
}

.btn,
.btn .btn-text,
.btn svg path {
    transition: all .3s ease-out
}

.btn,
.btn .btn-text {
    gap: 12px 8px
}

.btn [class*=fa-] {
    font-size: 85%
}

.btn .btn-text {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    line-height: 1;
    position: relative
}

.btn:hover {
    border-color: #47266f
}

.btn--white,
.btn:hover {
    background-color: #fff;
    color: #47266f
}

.btn--white:hover {
    background-color: #47266f;
    color: #fff
}

.btn--black {
    background-color: #23231a;
    color: #fff
}

.btn--black:hover {
    background-color: transparent;
    border-color: #23231a;
    color: #23231a
}

.btn--orange {
    background-color: #ed693c;
    background: linear-gradient(90deg, #fdc60b -30%, #f28f3f, #ed693c);
    background-size: 200% 100%;
    border-color: #ed693c;
    color: #fff
}

@media (max-width:990px) {
    .btn--orange {
        background: linear-gradient(180deg, #fdc60b -30%, #f28f3f, #ed693c)
    }
}

.btn--orange:hover {
    background-color: #ed693c;
    background-position: 100%;
    color: #fff
}

.btn--orange-white {
    background-color: #fff;
    background: linear-gradient(90deg, #fff 50%, #fdc60b 0, #f28f3f, #ed693c);
    background-size: 200% 100%;
    color: #ed693c
}

.btn--orange-white:hover {
    background-color: #ed693c;
    background-position: 100%;
    border-color: #fff;
    color: #fff
}

.btn--outlined {
    background-color: transparent;
    border-color: #47266f;
    color: #47266f
}

.btn--outlined:hover {
    background-color: #47266f;
    color: #fff
}

.btn--outlined-orange {
    border-color: #ed693c;
    color: #ed693c
}

.btn--outlined-orange:hover {
    background-color: #ed693c;
    border-color: #ed693c;
    color: #fff
}

.btn--outlined-black {
    border-color: #23231a;
    color: #23231a
}

.btn--outlined-black:hover {
    background-color: #23231a;
    border-color: #23231a;
    color: #fff
}

.btn--outlined-white {
    border-color: #fff;
    color: #fff
}

.btn--outlined-white:hover {
    background-color: #23231a;
    border-color: #23231a;
    color: #fff
}

.btn--none {
    background-color: transparent;
    color: inherit;
    min-height: auto;
    padding: 0
}

.btn--none:hover {
    border-color: transparent
}

.btn--none:hover,
.btn--underline {
    background-color: transparent;
    color: #47266f
}

.btn--underline {
    background: linear-gradient(90deg, #47266f, #47266f);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 3px;
    border: 0;
    border-radius: 0;
    min-height: auto;
    padding: 0
}

.btn--arrow,
.btn--arrow-clean {
    color: #fff
}

.btn--arrow .btn-text:after,
.btn--arrow-clean .btn-text:after {
    content: "\f178";
    font-family: Font Awesome\ 6 Pro;
    font-size: 18px;
    font-weight: 700;
    transition: all .3s ease-out
}

.btn--arrow-clean:hover .btn-text,
.btn--arrow:hover .btn-text {
    margin-right: -6px;
    padding-right: 6px
}

.btn--arrow-clean:hover .btn-text:after,
.btn--arrow:hover .btn-text:after {
    transform: translateX(6px)
}

.btn--arrow-clean {
    background-color: transparent;
    color: #47266f;
    min-height: auto;
    padding: 0
}

.btn--arrow-clean .btn-text:before {
    background-color: #47266f;
    bottom: -6px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: all .3s ease-out;
    width: 0
}

.btn--arrow-clean:hover {
    background-color: transparent;
    border-color: transparent
}

.btn--arrow-clean:hover .btn-text:before {
    width: 100%
}

.btn--circin {
    background-image: linear-gradient(90deg, #532d82, #3b1f5c);
    background-size: 150%;
    box-shadow: 0 7px 25px -17px #222;
    color: #fff;
    padding: 4px;
    position: relative
}

.btn--circin .btn-text {
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 8px 20px
}

.btn--circin:hover {
    background-position: 50%;
    border-color: transparent;
    color: #fff;
    padding: 8px 12px
}

.btn--circin:hover .btn-text {
    padding: 4px 12px
}

.btn--circin-anim:after,
.btn--circin-anim:before {
    animation: yellow-button-pulse-1 8s linear 0s infinite normal both;
    border: 3px solid #47266f;
    border-radius: 4px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.btn--circin-anim:before {
    animation-name: yellow-button-pulse-2
}

.theme-radial-grey {
    background-image: radial-gradient(circle at 73% 50%, #eff1f5, #d3dae4 82%);
    color: #23231a
}

.theme-primary-light {
    background: #dfe4f8;
    color: #23231a
}

@keyframes yellow-button-pulse-1 {

    0%,
    91.25% {
        opacity: 1;
        transform: scale(1)
    }

    93.12% {
        opacity: .8
    }

    95% {
        opacity: .2;
        transform: scale(1.2, 1.6)
    }

    95.01% {
        opacity: 0
    }

    95.02%,
    96.25% {
        opacity: 1;
        transform: scale(1)
    }

    98.12% {
        opacity: .8
    }

    99.99% {
        opacity: .2
    }

    to {
        opacity: 0;
        transform: scale(1.2, 1.6)
    }
}

@keyframes yellow-button-pulse-2 {

    0%,
    93.75% {
        opacity: 1;
        transform: scale(1)
    }

    95.62% {
        opacity: .8
    }

    97.5% {
        opacity: .2
    }

    97.51%,
    to {
        opacity: 0;
        transform: scale(1.2, 1.6)
    }
}

@keyframes rotating {
    0% {
        transform: translate(var(--rotate-translate)) rotate(0deg)
    }

    to {
        transform: translate(var(--rotate-translate)) rotate(1turn)
    }
}

.rotating {
    --rotate-translate: 0%, 0%;
    animation: rotating 20s linear infinite;
    transform-origin: center
}

@keyframes lineAnim1 {
    0% {
        transform: translate(-50%)
    }

    35% {
        transform: translate(-50%, 400%)
    }

    75% {
        transform: translate(-50%, -150%)
    }
}

.hamburger-menu {
    align-items: center;
    background-color: transparent;
    border: 0;
    display: flex;
    gap: 15px;
    padding: 10px
}

.hamburger-menu-text {
    font-size: 16px
}

.hamburger-menu-icon {
    display: block;
    height: 9px;
    position: relative;
    width: 25px
}

.hamburger-menu-icon:after,
.hamburger-menu-icon:before {
    background-color: #23231a;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: all .3s ease-out;
    width: 100%
}

.hamburger-menu-icon:before {
    top: 0
}

.hamburger-menu-icon:after {
    bottom: 0
}

.hamburger-menu:hover .hamburger-menu-icon:before {
    top: 1px
}

.hamburger-menu:hover .hamburger-menu-icon:after {
    bottom: 1px
}

.breadcrumb {
    row-gap: 8px
}

.breadcrumb-section {
    height: 0
}

.breadcrumb-section .section__inner {
    padding: 20px 0 0
}

@media (max-width:990px) {
    .breadcrumb-section .section__inner {
        padding: 0
    }
}

.breadcrumb li {
    align-items: center;
    display: flex;
    font-size: 1rem;
    font-weight: 400
}

.breadcrumb li:not(:last-child):after {
    content: "\f105";
    font-family: Font Awesome\ 6 Pro;
    font-size: .75rem;
    font-weight: 700;
    margin: 0 1rem
}

.breadcrumb li a {
    font-size: inherit
}

.breadcrumb li:last-child {
    background: -webkit-linear-gradient(#fdc60b, #f28f3f, #ed693c);
    -webkit-background-clip: text;
    color: #ed693c;
    font-weight: 700;
    -webkit-text-fill-color: transparent
}

@media (max-width:990px) {
    .breadcrumb li:last-child {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical
    }
}

.breadcrumb-section {
    position: relative;
    z-index: 2
}

@media (max-width:990px) {
    .breadcrumb-section {
        padding-top: 20px
    }
}

.header--fixed~.page-content .breadcrumb-section {
    color: #fff;
    transform: translateY(120px)
}

@media (max-width:990px) {
    .header--fixed~.page-content .breadcrumb-section {
        padding-top: 0;
        transform: translateY(78px)
    }
}

.header--fixed~.page-content .breadcrumb-section+* {
    padding-top: 80px
}

@media (min-width:991px) {
    .header--fixed~.page-content .breadcrumb-section+* {
        padding-top: 100px
    }

    .header--fixed~.page-content .breadcrumb-section+* .container {
        padding-top: 20px
    }

    .header--fixed~.page-content .breadcrumb-section+* .section__inner {
        min-height: calc(100vh - 120px)
    }

    .header--fixed~.page-content .breadcrumb-section+*+.hero-service--single .section__inner {
        min-height: calc(100vh - 90px)
    }

    .header--white~.page-content .breadcrumb-section {
        color: #fff
    }

    .error404 .breadcrumb-section {
        display: none
    }

    .error404 .breadcrumb-section+.site-main {
        padding-top: 0
    }
}

.breadcrumb-section+.hero-case .section__inner {
    padding-top: 60px
}

.header-nav-open .hamburger-menu-icon:after,
.header-nav-open .hamburger-menu-icon:before {
    bottom: auto;
    top: 50%;
    --ham-translate: 0%, -50%;
    --ham-rotate: 135deg;
    transform: translate(var(--ham-translate)) rotate(var(--ham-rotate));
    transform-origin: center
}

.header-nav-open .hamburger-menu-icon:after {
    --ham-rotate: -135deg
}

.header-nav-open .hamburger-menu:hover .hamburger-menu-icon:after,
.header-nav-open .hamburger-menu:hover .hamburger-menu-icon:before {
    bottom: auto;
    top: 50%
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loading-icon {
    box-sizing: border-box;
    display: block;
    height: 80px;
    position: relative;
    width: 80px
}

.loading-icon__wrap {
    align-items: center;
    display: flex;
    grid-column: 1/-1;
    justify-content: center;
    width: 100%
}

.loading-icon span {
    animation: lds-roller 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    box-sizing: border-box;
    display: block;
    transform-origin: 40px 40px
}

.loading-icon span:after {
    background: currentColor;
    border-radius: 50%;
    box-sizing: border-box;
    content: " ";
    display: block;
    height: 7.2px;
    margin: -3.6px 0 0 -3.6px;
    position: absolute;
    width: 7.2px
}

.loading-icon span:first-child {
    animation-delay: -36ms
}

.loading-icon span:first-child:after {
    left: 62.62742px;
    top: 62.62742px
}

.loading-icon span:nth-child(2) {
    animation-delay: -72ms
}

.loading-icon span:nth-child(2):after {
    left: 56px;
    top: 67.71281px
}

.loading-icon span:nth-child(3) {
    animation-delay: -.108s
}

.loading-icon span:nth-child(3):after {
    left: 48.28221px;
    top: 70.90963px
}

.loading-icon span:nth-child(4) {
    animation-delay: -.144s
}

.loading-icon span:nth-child(4):after {
    left: 40px;
    top: 72px
}

.loading-icon span:nth-child(5) {
    animation-delay: -.18s
}

.loading-icon span:nth-child(5):after {
    left: 31.71779px;
    top: 70.90963px
}

.loading-icon span:nth-child(6) {
    animation-delay: -.216s
}

.loading-icon span:nth-child(6):after {
    left: 24px;
    top: 67.71281px
}

.loading-icon span:nth-child(7) {
    animation-delay: -.252s
}

.loading-icon span:nth-child(7):after {
    left: 17.37258px;
    top: 62.62742px
}

.loading-icon span:nth-child(8) {
    animation-delay: -.288s
}

.loading-icon span:nth-child(8):after {
    left: 12.28719px;
    top: 56px
}

.list {
    display: flex;
    flex-flow: column;
    gap: 8px;
    list-style-type: none;
    padding-left: 0
}

.list:last-child {
    margin-bottom: 0
}

.list li {
    padding-left: 20px;
    position: relative
}

.list li:before {
    background-color: #47266f;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 8px
}

.list.x2 {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap
}

.list.x2 li {
    flex: 0 0 calc(50% - 8px)
}

.list-tick li {
    padding-left: 26px
}

.list-tick li:before {
    background-color: transparent;
    color: #47266f;
    content: "\f058";
    font-family: Font Awesome\ 6 Pro;
    font-weight: 400;
    height: 16px;
    top: 0;
    width: 16px
}

.list-steps-num {
    counter-reset: custom-counter;
    list-style: none;
    margin: 0 0 2.5rem;
    padding: 0
}

.list-steps-num li {
    counter-increment: custom-counter;
    font-size: 18px;
    margin-bottom: 32px;
    padding-left: 68px;
    position: relative
}

.list-steps-num li:before {
    align-items: center;
    background: #ebebeb;
    border-radius: 50%;
    content: counter(custom-counter);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 51px;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 51px
}

.list-steps-num li+li {
    margin-top: 32px
}

.table-custom-v1 {
    --bdRadius: 12px
}

.table-custom-v1 td,
.table-custom-v1 th {
    padding: 6px 8px
}

.table-custom-v1 td:first-child,
.table-custom-v1 th:first-child {
    padding-left: 16px
}

.table-custom-v1 thead td,
.table-custom-v1 thead th {
    background-color: rgba(71, 38, 111, .075);
    border-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 8px;
    padding-top: 12px
}

.table-custom-v1 thead td:first-child,
.table-custom-v1 thead th:first-child {
    border-top-left-radius: var(--bdRadius)
}

.table-custom-v1 thead td:last-child,
.table-custom-v1 thead th:last-child {
    border-top-right-radius: var(--bdRadius)
}

.table-custom-v1 tbody tr:last-child td:first-child,
.table-custom-v1 tbody tr:last-child th:first-child {
    border-bottom-left-radius: var(--bdRadius)
}

.table-custom-v1 tbody tr:last-child td:last-child,
.table-custom-v1 tbody tr:last-child th:last-child {
    border-bottom-right-radius: var(--bdRadius)
}

.accordion__section .row {
    -moz-column-gap: 80px;
    column-gap: 80px;
    flex-wrap: nowrap;
    margin: 0
}

@media (max-width:767px) {
    .accordion__section .row {
        flex-flow: column
    }
}

.accordion__section .row>* {
    padding: 0
}

.accordion__section .col--toc {
    padding-top: 22px
}

@media (min-width:768px) {
    .accordion__section .col--toc {
        flex: 0 0 180px
    }
}

.accordion__section .col--accordion {
    flex: auto
}

.accordion-item__wrap:not(:first-child) {
    border-top: 1px solid #ebebeb;
    margin-top: 42px;
    padding-top: 24px
}

.accordion-item {
    background-color: transparent;
    border: 0
}

.accordion-button {
    background-color: transparent;
    border-bottom: 1px solid #23231a;
    font-size: 24px;
    font-weight: 600;
    outline: none;
    padding: 20px 0
}

@media (max-width:1199px) {
    .accordion-button {
        font-size: 20px
    }
}

.accordion-button:focus {
    box-shadow: none;
    outline: none
}

.accordion-button[aria-expanded=true] {
    background-color: transparent;
    color: inherit
}

.accordion-body {
    padding: 20px 0 30px
}

.accordion-body ul li:not(:last-child) {
    margin-bottom: 10px
}

.accordion--v2 .accordion-item {
    transition: all .15s ease
}

.accordion--v2 .accordion-item:has(.accordion-collapse.collapsing),
.accordion--v2 .accordion-item:has(.accordion-collapse.show) {
    background-color: #fff;
    box-shadow: -2px 4px 16px -8px rgba(35, 35, 26, .1)
}

.accordion--v2 .accordion-button {
    border-bottom-color: transparent;
    font-size: 20px;
    font-weight: 500;
    padding-left: 48px
}

.accordion--v2 .accordion-button:after {
    align-items: center;
    background: none;
    color: #ed693c;
    content: "\f068";
    display: flex;
    font-family: Font Awesome\ 6 Pro;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    left: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.accordion--v2 .accordion-button.collapsed {
    border-bottom-color: #e2e2e2
}

.accordion--v2 .accordion-button.collapsed:after {
    color: #23231a;
    content: "+"
}

.accordion--v2 .accordion-button:not(.collapsed) {
    box-shadow: none
}

.accordion--v2 .accordion-body {
    padding: 0 24px 24px 48px
}

.accordion--v2 .accordion-body p,
.accordion--v2 .accordion-body ul {
    color: #3d4751
}

.num-spec {
    margin-bottom: 60px
}

.num-spec__row {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 12px
}

.num-spec__col {
    flex: 0 0 calc(50% - 6px)
}

.num-spec__card {
    text-align: center
}

.num-spec__card-num {
    color: #47266f;
    font-size: 48px;
    line-height: 1
}

.num-spec__card p {
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase
}

.slider-controls {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 20px
}

.slider-controls .slick-next,
.slider-controls .slick-prev {
    border: 1px solid #47266f;
    border-radius: 8px;
    color: #47266f;
    height: 40px;
    position: static;
    transform: none;
    width: 70px
}

.slider-controls .slick-next:before,
.slider-controls .slick-prev:before {
    color: inherit;
    content: "";
    font-family: Font Awesome\ 6 Pro;
    font-size: 20px;
    font-weight: 700
}

.slider-controls .slick-next.slick-disabled,
.slider-controls .slick-prev.slick-disabled {
    border-color: #e2e2e2;
    color: rgba(0, 0, 0, .5)
}

.slider-controls .slick-prev:before {
    content: "\f30a"
}

.slider-controls .slick-next:before {
    content: "\f30b"
}

.circles {
    height: auto;
    pointer-events: none;
    width: 100%
}

.circles__text {
    will-change: transform, opacity
}

.circles__text--1 {
    font-size: 110px;
    letter-spacing: .38em
}

.brand-logo {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 100px
}

.brand-logo img {
    display: block;
    filter: brightness(0) grayscale(100%);
    height: auto;
    opacity: .75;
    transition: all .3s ease-out;
    width: 120px
}

.formgroup {
    margin-bottom: 20px
}

.formgroup--submit {
    text-align: center
}

.form-row {
    row-gap: 20px
}

.form-row .formgroup {
    margin-bottom: 0
}

.form-submit {
    display: flex;
    justify-content: center
}

form .row {
    row-gap: 20px
}

form .row .formgroup:last-child {
    margin-bottom: 0
}

label {
    margin-bottom: 8px
}

.form-control {
    border-radius: 8px;
    font-size: 18px
}

input:not([type=submit]).form-control,
select.form-control,
textarea.form-control {
    border-radius: 4px;
    min-height: 40px
}

input:not([type=submit]).form-control::-moz-placeholder,
select.form-control::-moz-placeholder,
textarea.form-control::-moz-placeholder {
    color: #23231a;
    opacity: .5
}

input:not([type=submit]).form-control::placeholder,
select.form-control::placeholder,
textarea.form-control::placeholder {
    color: #23231a;
    opacity: .5
}

select.form-control {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBmaWxsPSIjMkFDRkI1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAyMGM1LjUyMyAwIDEwLTQuNDc3IDEwLTEwUzE1LjUyMyAwIDEwIDAgMCA0LjQ3NyAwIDEwczQuNDc3IDEwIDEwIDEwbTQuNzY2LTEwLjY4YS43NTYuNzU2IDAgMCAwIDAtMS4wOTNBLjguOCAwIDAgMCAxNC4yIDhhLjguOCAwIDAgMC0uNTY1LjIyNkwxMCAxMS43NCA2LjM2NSA4LjIyN2EuODIuODIgMCAwIDAtMS4xMzEgMCAuNzU1Ljc1NSAwIDAgMCAwIDEuMDkzbDQuNjA2IDQuNDQ4YS4yMy4yMyAwIDAgMCAuMzIyIDB6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    background-position: calc(100% - 15px) calc(100% - 10px);
    background-repeat: no-repeat;
    background-size: 20px;
    padding-right: 40px
}

select.form-control:focus {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIwIDIwIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiIGZpbHRlcj0idXJsKCNiKSI+PHBhdGggZmlsbD0iIzNENUFGRSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMjBjNS41MjMgMCAxMC00LjQ3NyAxMC0xMFMxNS41MjMgMCAxMCAwIDAgNC40NzcgMCAxMHM0LjQ3NyAxMCAxMCAxMG00Ljc2Ni0xMC42OGEuNzU1Ljc1NSAwIDAgMCAwLTEuMDk0QS44LjggMCAwIDAgMTQuMiA4YS44LjggMCAwIDAtLjU2NS4yMjZMMTAgMTEuNzQgNi4zNjUgOC4yMjdhLjgyLjgyIDAgMCAwLTEuMTMxIDAgLjc1NS43NTUgMCAwIDAgMCAxLjA5M2w0LjYwNiA0LjQ0OGEuMjMuMjMgMCAwIDAgLjMyMiAweiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgyMHYyMEgweiIvPjwvY2xpcFBhdGg+PGZpbHRlciBpZD0iYiIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB4PSItNSIgeT0iLTMiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJoYXJkQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9IjIiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyLjUiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC45NDkwMiAwIDAgMCAwIDAuOTU2ODYzIDAgMCAwIDAgMC45ODgyMzUgMCAwIDAgMSAwIi8+PGZlQmxlbmQgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzExNTBfMiIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18xMTUwXzIiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PC9zdmc+)
}

textarea.form-control {
    background-color: transparent;
    border-radius: 3px;
    border-width: 1px;
    height: 90px;
    padding: 12px
}

.floaty-label {
    position: relative
}

.floaty-label label {
    font-size: 16px;
    font-weight: 600;
    left: 16px;
    position: absolute;
    text-transform: uppercase;
    top: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.floaty-label input:not([type=submit]).form-control,
.floaty-label select.form-control,
.floaty-label textarea.form-control {
    height: 68px;
    line-height: 1;
    padding: 38px 16px 12px
}

.label-fold {
    margin-top: 8px;
    position: relative
}

.label-fold label {
    font-size: 14px;
    left: 0;
    letter-spacing: -.02em;
    position: absolute;
    top: 0;
    transition: all .3s ease
}

.label-fold input:not([type=submit]),
.label-fold input:not([type=submit]).form-control,
.label-fold select,
.label-fold select.form-control,
.label-fold textarea,
.label-fold textarea.form-control {
    border: solid #23231a;
    border-radius: 0;
    border-width: 0 0 1.5px;
    padding: 10px 10px 5px 0
}

.label-fold input:not([type=submit]).form-control:focus,
.label-fold input:not([type=submit]):focus,
.label-fold select.form-control:focus,
.label-fold select:focus,
.label-fold textarea.form-control:focus,
.label-fold textarea:focus {
    border-color: #23231a;
    box-shadow: none;
    outline: none
}

.label-fold.focused label {
    font-size: 12px;
    top: -12px
}

.theme-white .label-fold input:not([type=submit]),
.theme-white .label-fold input:not([type=submit]).form-control,
.theme-white .label-fold select,
.theme-white .label-fold select.form-control,
.theme-white .label-fold textarea,
.theme-white .label-fold textarea.form-control {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.form--underlined input:not([type=submit]).form-control,
.form--underlined select.form-control,
.form--underlined textarea.form-control {
    border-color: #23231a;
    border-radius: 0;
    border-width: 0 0 1px;
    padding-left: 0
}

.form--underlined input:not([type=submit]).form-control:focus,
.form--underlined select.form-control:focus,
.form--underlined textarea.form-control:focus {
    border-color: #47266f;
    box-shadow: none
}

.form-upload-label {
    background: -webkit-linear-gradient(#fdc60b, #f28f3f, #ed693c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
    font-weight: 500;
    margin-bottom: 0
}

.form-upload-file p {
    color: #47266f;
    font-size: 12px
}

.form-upload .remove {
    align-items: center;
    background-color: rgba(231, 29, 54, .1);
    border-radius: 50%;
    color: #e71d36;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    height: 16px;
    justify-content: center;
    margin-left: 4px;
    text-align: center;
    width: 16px
}

.form-upload .remove:hover {
    background-color: #e71d36;
    color: #fff
}

.form-upload .info {
    position: relative
}

.form-upload .info-front {
    align-items: center;
    background-color: #ffefbd;
    border-radius: 50%;
    display: inline-flex;
    font-size: 14px;
    height: 18px;
    justify-content: center;
    text-align: center;
    width: 18px
}

.form-upload .info-content {
    background-color: #23231a;
    border-radius: 16px;
    bottom: calc(100% + 20px);
    box-shadow: 1px 2px 6px rgba(35, 35, 26, .25);
    color: #fff;
    left: 50%;
    opacity: 0;
    padding: 12px 16px;
    position: absolute;
    transform: translateX(-65%);
    transition: all .2s ease;
    visibility: hidden;
    width: 380px
}

.form-upload .info-content p {
    font-size: 14px;
    margin-bottom: 6px
}

.form-upload .info:hover .info-front {
    background: linear-gradient(90deg, #fdc60b -30%, #f28f3f, #ed693c);
    color: #fff
}

@media (max-width:990px) {
    .form-upload .info:hover .info-front {
        background: linear-gradient(180deg, #fdc60b -30%, #f28f3f, #ed693c)
    }
}

.form-upload .info:hover .info-content {
    opacity: 1;
    visibility: visible
}

.bg-shapes .circ-1 {
    background-color: transparent;
    border: 120px solid #47266f;
    border-radius: 50%;
    height: 420px;
    left: 0;
    opacity: .2;
    position: absolute;
    top: 50%;
    transform: translate(-62%, -50%);
    width: 420px
}

@media (max-width:1199px) {
    .bg-shapes .circ-1 {
        border-width: 60px;
        height: 280px;
        width: 280px
    }
}

.header {
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2;
    color: #23231a;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99
}

.header,
.header__inner {
    transition: all .3s ease-out
}

@media (max-width:990px) {
    .header__inner {
        padding: 12px 0
    }
}

.header__row {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: space-between
}

.header__row>* {
    min-width: 1px
}

.header__left {
    flex: 0 0 254px
}

@media (max-width:1399px) {
    .header__left {
        flex: 0 0 220px
    }
}

@media (max-width:1199px) {
    .header__left {
        flex: 0 0 180px
    }
}

@media (max-width:767px) {
    .header__left {
        flex: 0 0 120px
    }
}

.header__logo {
    width: 100%
}

.header__logo .logo-white {
    display: none
}

.header__right {
    align-items: center;
    display: flex;
    flex: auto;
    gap: 24px;
    justify-content: flex-end
}

.header__nav {
    display: flex;
    flex: auto;
    flex-flow: column;
    justify-content: center
}

@media (max-width:990px) {
    .header__nav {
        background-color: #fff;
        box-shadow: 0 2px 12px rgba(0, 0, 0, .1);
        left: 50%;
        padding: 0 28px 20px;
        position: absolute;
        top: 100%;
        transform: translateX(-50%);
        width: 100%
    }

    .header__nav .navbar {
        max-height: calc(100vh - 240px);
        overflow-y: auto
    }
}

.header__btns {
    align-items: center;
    display: flex;
    gap: 8px
}

@media (max-width:990px) {
    .header__btns {
        order: 9
    }
}

@media (max-width:767px) {
    .header__btns {
        display: none
    }
}

.header__btns .btn {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 28px
}

@media (max-width:1399px) {
    .header__btns .btn {
        font-size: 16px;
        min-height: 40px;
        padding: 6px
    }
}

@media (max-width:990px) {
    .header__btns .btn {
        padding: 4px
    }
}

@media (min-width:991px) {
    .header__hamburger {
        display: none
    }
}

@media (max-width:990px) {

    .header .header__btn,
    .header .header__nav {
        display: none
    }
}

.header--transparent {
    background-color: transparent
}

.header--fixed {
    position: fixed;
    width: 100%
}

.header.dropdown-active {
    background-color: #fff
}

.header.dropdown-active .nav__list-item>a {
    color: #23231a !important
}

.header:not(.header--fixed)~.page-content {
    padding-top: 100px
}

@media (max-width:990px) {
    .header:not(.header--fixed)~.page-content {
        padding-top: 74px
    }
}

.home:not(.header-scrolled) .header:not(.dropdown-active) {
    background-color: transparent;
    border-bottom-color: transparent
}

.header-scrolled .header {
    background: #fff;
    border-bottom-color: #e2e2e2
}

.header-nav-open .header {
    background-color: #fff
}

.header-nav-open .header .hamburger-menu {
    color: #23231a
}

.header-nav-open .header .hamburger-menu-icon:after,
.header-nav-open .header .hamburger-menu-icon:before {
    background-color: #23231a
}

body:not(.header-scrolled):not(.header-nav-open) .header--white:not(.dropdown-active) {
    border-bottom-color: transparent
}

body:not(.header-scrolled):not(.header-nav-open) .header--white:not(.dropdown-active) .logo-default {
    display: none
}

body:not(.header-scrolled):not(.header-nav-open) .header--white:not(.dropdown-active) .logo-white {
    display: block
}

@media (min-width:991px) {
    body:not(.header-scrolled):not(.header-nav-open) .header--white:not(.dropdown-active) .nav__list-item>a {
        color: #fff
    }
}

body:not(.header-scrolled):not(.header-nav-open) .header--white:not(.dropdown-active) .hamburger-menu {
    color: #fff
}

.page-fixed .header,
body:not(.header-scrolled):not(.header-nav-open) .header--white:not(.dropdown-active) .hamburger-menu .hamburger-menu-icon:after,
body:not(.header-scrolled):not(.header-nav-open) .header--white:not(.dropdown-active) .hamburger-menu .hamburger-menu-icon:before {
    background-color: #fff
}

.navbar {
    padding: 0;
    position: static
}

.nav__list {
    align-items: center;
    display: flex;
    gap: 0 30px;
    justify-content: flex-end;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%
}

@media (max-width:1399px) {
    .nav__list {
        gap: 0 20px
    }
}

@media (max-width:1199px) {
    .nav__list {
        gap: 0 12px
    }
}

@media (max-width:990px) {
    .nav__list {
        align-items: flex-start;
        flex-flow: column;
        padding: 20px 12px 20px 0;
        row-gap: 12px
    }
}

.nav__list-item {
    display: flex;
    flex-flow: column;
    justify-content: center;
    position: relative
}

@media (max-width:990px) {
    .nav__list-item {
        flex: initial;
        width: 100%
    }

    .nav__list-item:not(:last-child) {
        border-bottom: 1px solid #e2e2e2
    }
}

.nav__list-item>a {
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    height: 100px;
    letter-spacing: -.02em;
    line-height: 28px
}

@media (max-width:990px) {
    .nav__list-item>a {
        height: auto
    }
}

.nav__list-item>a,
.nav__list-item>a * {
    transition: all .15s ease-out
}

.nav__list-item--hasdropdown>a,
.nav__list-item.has-megamenu>a {
    padding-right: 18px;
    position: relative
}

.nav__list-item--hasdropdown>a:after,
.nav__list-item.has-megamenu>a:after {
    content: "\f107";
    display: block;
    font-family: Font Awesome\ 6 Pro;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-out
}

.nav__list-item.has-megamenu {
    position: static
}

.nav__list-item.has-megamenu.drop-active>a {
    color: #47266f
}

.nav__list-item.has-megamenu.drop-active>a:after {
    transform: translateY(-50%) rotate(-180deg)
}

.nav__list-item.active>a {
    color: #47266f
}

@media (min-width:991px) {
    .nav__list-item.item-contact {
        display: none
    }
}

.nav__list-dropdown {
    background-color: #fff;
    border-radius: 4px;
    color: #23231a;
    display: flex;
    opacity: 0;
    padding: 12px;
    visibility: hidden
}

@media (min-width:991px) {
    .nav__list-dropdown {
        left: 0;
        position: absolute;
        top: 100%
    }
}

.nav__list-dropdown .nav__list {
    flex-flow: column;
    justify-content: normal;
    min-width: 240px
}

.nav__list-dropdown .nav__list-item {
    flex: initial;
    width: 100%
}

.nav__list-dropdown .nav__list-item a {
    align-items: center;
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    gap: 10px;
    letter-spacing: -.02em;
    line-height: 28px;
    padding: 10px 16px;
    width: 100%
}

.nav__list-dropdown .nav__list-item a:hover {
    color: #ed693c
}

.nav__list-dropdown .nav__list-item p {
    background-color: transparent !important;
    color: #6b7280;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 0;
    padding: 0 0 20px;
    text-align: left
}

.nav__list-dropdown .nav__list-item p:last-child {
    padding-bottom: 0
}

@media (min-width:991px) {
    .nav__list-item:hover .nav__list-dropdown {
        opacity: 1;
        visibility: visible
    }
}

.nav__list-item.active .nav__list-btn {
    background-color: #47266f;
    color: #fff
}

.nav__list-item.active .nav__list-btn:after {
    filter: brightness(0) invert(1);
    transform: rotate(90deg)
}

.megamenu {
    background-color: #fff;
    border-top: 1px solid #e2e2e2;
    box-shadow: 0 8px 18px -8px rgba(0, 0, 0, .25);
    color: #23231a;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: all .15s ease-out;
    visibility: hidden;
    width: 100%;
    z-index: -1
}

@media (max-width:990px) {
    .megamenu {
        border: 1px solid #e2e2e2;
        border-width: 1px 0;
        box-shadow: none;
        display: none;
        left: auto;
        position: relative;
        top: auto;
        z-index: 1
    }
}

.megamenu .container {
    position: relative
}

@media (max-width:990px) {
    .megamenu .container {
        padding: 0 8px
    }
}

.megamenu .awards {
    gap: 12px
}

@media (max-width:990px) {
    .megamenu .awards {
        display: none
    }
}

.megamenu .awards img {
    height: 45px
}

.megamenu__row {
    margin-left: -30px;
    margin-right: -30px
}

.megamenu__row>* {
    padding-left: 30px;
    padding-right: 30px
}

@media (max-width:990px) {
    .megamenu__row {
        margin-left: -12px;
        margin-right: -12px
    }

    .megamenu__row>* {
        padding-left: 12px;
        padding-right: 12px
    }
}

.megamenu-close {
    color: #23231a;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.megamenu-close i {
    font-size: 32px
}

.megamenu-close img {
    height: 32px;
    width: auto
}

.megamenu__list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 0;
    row-gap: 12px
}

.megamenu__list>* {
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width:990px) {
    .megamenu__list {
        row-gap: 8px
    }
}

.megamenu__list>li {
    flex: 0 0 33.33333%;
    font-size: 14px
}

@media (max-width:990px) {
    .megamenu__list>li {
        flex: 0 0 50%
    }
}

.megamenu__list>li a {
    border-bottom: 3px solid transparent;
    padding-bottom: 4px
}

.megamenu__list>li.active {
    color: #47266f
}

.megamenu__list>li.active a {
    border-bottom-color: #47266f
}

.megamenu__top {
    padding: 24px 0
}

.megamenu__bot {
    border-top: 1px solid #e2e2e2;
    padding: 16px 0 36px
}

@media (max-width:990px) {
    .megamenu__bot {
        padding: 16px 0
    }
}

.megamenu__bot .find-search {
    margin-left: auto;
    margin-right: auto;
    max-width: 460px
}

.megamenu__bot .find-search input:not([type=submit]),
.megamenu__bot .find-search label {
    font-size: 14px
}

.megamenu__bot .find-search label {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px
}

.megamenu__bot .find-search .formgroup {
    position: relative
}

.megamenu__bot .find-search .formgroup button[type=submit],
.megamenu__bot .find-search .formgroup input[type=submit] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%)
}

.has-megamenu.drop-active .megamenu {
    opacity: 1;
    visibility: visible
}

@media (max-width:990px) {
    .has-megamenu.drop-active .megamenu {
        display: block
    }
}

.footer {
    background-color: #fff;
    color: #23231a;
    overflow: hidden
}

.footer-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 20px
}

@media (max-width:1199px) {
    .footer-title {
        font-size: 18px
    }
}

.footer-title:not(:first-of-type) {
    margin-top: 0
}

.footer-list {
    list-style-type: none;
    padding-left: 0
}

.footer-list li {
    margin-bottom: 10px
}

.footer-list.x2 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px
}

.footer-list.x2>* {
    padding-left: 16px;
    padding-right: 16px
}

.footer-list.x2 li {
    flex: 0 0 50%
}

.footer-link {
    font-size: 16px
}

.footer-newsletter:not(:first-child) {
    margin-top: 52px
}

.footer-newsletter .title {
    font-size: 16px;
    font-weight: 600
}

.footer-newsletter .title:not(:first-child) {
    margin-top: 52px
}

.footer-newsletter .formgroup {
    display: flex;
    gap: 10px;
    margin-bottom: 10px
}

@media (min-width:991px) and (max-width:1199px) {
    .footer-newsletter .formgroup {
        flex-flow: column
    }
}

@media (max-width:413px) {
    .footer-newsletter .formgroup {
        flex-flow: column
    }
}

.footer-newsletter label {
    color: #3d4751;
    font-size: 12px;
    margin-bottom: 4px
}

.footer-newsletter input[type=text] {
    background-color: #fff
}

.footer-newsletter .form-check-label {
    cursor: pointer;
    font-size: 14px
}

.footer-newsletter .form-check-label a {
    text-decoration: underline
}

@media (max-width:990px) {
    .footer-newsletter .fluentform .ff-el-group {
        margin-bottom: 8px
    }
}

.footer-newsletter .fluentform .ff-t-column-1 {
    flex: auto
}

.footer-newsletter .fluentform .ff-t-column-2 {
    max-width: 120px
}

@media (min-width:991px) {
    .footer__top .section__inner {
        padding-bottom: 0;
        padding-top: 0;
        position: relative
    }
}

.footer__top .footer-logo img {
    width: 40px
}

@media (min-width:991px) {
    .footer__top .footer-logo {
        left: -110px;
        position: absolute;
        top: 90px
    }
}

@media (min-width:991px) and (max-width:1599px) {
    .footer__top .footer-logo {
        left: -60px
    }
}

@media (max-width:990px) {
    .footer__top .footer-logo {
        margin-bottom: 30px
    }
}

.footer__top-row {
    display: flex;
    justify-content: space-between
}

@media (min-width:991px) {
    .footer__top-row {
        flex-wrap: nowrap
    }

    .footer__top-left,
    .footer__top-right {
        padding-bottom: 110px;
        padding-top: 20px
    }
}

.footer__top-left {
    display: flex;
    gap: 16px 24px;
    justify-content: space-between;
    position: relative;
    z-index: 2
}

.footer__top-right {
    position: relative;
    z-index: 1
}

@media (min-width:991px) {
    .footer__top-right {
        padding-left: 40px
    }
}

@media (max-width:990px) {
    .footer__top-right {
        padding-bottom: 40px;
        padding-top: 15px
    }
}

.footer__top-right:before {
    background-color: #fafafc;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1000%;
    z-index: -1
}

@media (max-width:990px) {
    .footer__top-right:before {
        left: 50%;
        transform: translateX(-50%);
        width: 100vw
    }
}

.footer__top-right .footer-list li {
    align-items: center;
    display: flex;
    gap: 12px;
    max-width: none;
    width: auto
}

.footer__top-right .footer-list li a {
    opacity: 1
}

.footer-bot {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:991px) {
    .footer-bot {
        bottom: 30px;
        left: 0;
        position: absolute;
        z-index: 2
    }
}

@media (max-width:990px) {
    .footer-bot {
        padding-top: 20px
    }
}

.footer-bot p {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0
}

.footer-bot p:not(:first-child):before {
    content: "|";
    margin: 0 10px
}

.footer-bot .copyright {
    opacity: 1;
    width: 100%
}

.footer-bot .copyright:before {
    display: none
}

.footer-bot .copyright:not(:first-child) {
    margin-top: 10px
}

.footer .copyright p {
    font-size: 14px;
    margin-bottom: 0
}

.footer .copyright p:not(:first-child):before {
    content: "|";
    margin: 0 12px
}

.menu-navigation-footer-container li {
    margin-bottom: 10px
}

.ap-steps {
    display: flex;
    flex-flow: column;
    gap: 32px
}

.ap-steps__item {
    display: flex;
    gap: 36px 40px;
    position: relative;
    z-index: 1
}

.ap-steps__item:before {
    border-left: 2px dashed #e2e2e2;
    content: "";
    height: calc(100% + 32px);
    left: 23px;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: -1
}

.ap-steps__item .icon {
    align-items: center;
    background-color: #47266f;
    border-radius: 50%;
    display: flex;
    flex: 0 0 48px;
    height: 48px;
    justify-content: center;
    width: 48px
}

.ap-steps__item .icon img {
    display: block;
    width: 24px
}

.ap-steps__item .content {
    flex: auto
}

.ap-steps__item .step-num {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 6px;
    opacity: .4;
    text-transform: uppercase
}

.ap-steps__item .title {
    margin-bottom: 10px
}

@media (min-width:991px) {
    .toc {
        max-height: calc(100vh - 240px);
        overflow-y: auto
    }

    .toc::-webkit-scrollbar {
        width: 5px
    }

    .toc::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
    }

    .toc::-webkit-scrollbar-thumb {
        background-color: rgba(71, 38, 111, .75);
        outline: 1px solid rgba(71, 38, 111, .25)
    }
}

.toc-list {
    display: flex;
    flex-flow: column;
    padding-left: 0;
    position: relative
}

@media (max-width:767px) {
    .toc-list {
        gap: 12px
    }
}

.toc-list,
.toc-list ul {
    list-style-type: none
}

.toc-list li {
    font-size: 13px;
    line-height: 145%;
    padding: 2px 0;
    position: relative
}

.toc-list li p {
    font-size: inherit;
    line-height: inherit
}

.toc-list li a {
    color: #23231a !important;
    position: relative;
    text-decoration: none;
    transition: all .15s ease-out;
    z-index: 1
}

.toc-list li a:before {
    background-color: #ed693c;
    border: 2px solid #fff;
    border-radius: 50%;
    content: "";
    height: 8px;
    position: absolute;
    right: calc(100% + 5px);
    top: 7px;
    transform: translate(-50%);
    transition: all .15s ease-out;
    width: 8px
}

.toc-list li a:hover {
    color: #ed693c !important
}

.toc-list li ul {
    list-style-type: none;
    margin-top: 5px;
    padding-left: 0
}

.toc-list li ul li:after {
    background-color: #ed693c;
    content: "";
    height: 1px;
    left: auto;
    opacity: .25;
    position: absolute;
    right: calc(100% - 1.5px);
    top: 18px;
    transform: translate(-50%, -50%);
    width: 20px;
    z-index: 2
}

.toc-list li ul li ul li:after {
    width: 40px
}

.toc-list>li {
    font-size: 16px;
    font-weight: 400;
    line-height: 145%;
    padding-bottom: 6px;
    padding-top: 6px
}

.toc-list>li:last-child {
    margin-bottom: 0
}

.toc-list>li:before {
    background-color: #47266f;
    border-radius: 50%
}

.toc-list>li>a {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

.toc-list>li.active {
    background-color: #fafafc
}

.toc-list>li.active>a {
    padding-left: 24px
}

.toc-list>li.active>a:before {
    left: 10px
}

.toc-list>li>ul>li:after {
    background-color: transparent;
    border-bottom: 1.5px dashed #23231a;
    content: "";
    height: 1px;
    opacity: .25;
    position: absolute;
    right: calc(100% - 5px);
    top: 11px;
    width: 12px
}

@media (min-width:768px) {
    .acc-toc {
        position: sticky;
        top: 60px
    }
}

.acc-toc-title {
    margin-bottom: 20px
}

.acc-toc-list {
    display: flex;
    flex-flow: column;
    list-style-type: none;
    padding-left: 0;
    row-gap: 10px
}

@media (max-width:767px) {
    .acc-toc-list {
        flex-flow: row;
        gap: 12px
    }
}

.acc-toc-list li a,
.acc-toc-list li strong {
    background-color: transparent;
    background: linear-gradient(90deg, #ed693c 50%, #fafafc 0);
    background-position-x: -100%;
    background-size: 200% 100%;
    color: #23231a;
    font-size: 14px;
    font-weight: 500;
    transition: all .3s ease
}

@media (max-width:767px) {

    .acc-toc-list li a,
    .acc-toc-list li strong {
        background-image: linear-gradient(90deg, #ed693c 50%, #e2e2e2 0)
    }
}

.acc-toc-list li a:hover,
.acc-toc-list li strong:hover {
    color: #ed693c
}

.acc-toc-list li a.active,
.acc-toc-list li strong.active {
    background-color: transparent !important;
    background-position-x: 0;
    color: #fff
}

.testimonials__card {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 22px rgba(0, 0, 0, .06);
    display: flex;
    flex-flow: column;
    height: 100%;
    overflow: hidden;
    padding: 32px
}

.testimonials__card .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

@media (max-width:1199px) {
    .testimonials__card .title {
        font-size: 18px
    }
}

.testimonials__card p {
    font-style: italic
}

.testimonials__card p span {
    background: linear-gradient(270deg, transparent 50%, #ed9b40 0, #f28f3f, #ed693c);
    background-position-x: 100%;
    background-position-y: 100%;
    background-size: 200% 4px;
    border-radius: 12px;
    color: #47266f;
    display: inline;
    font-style: inherit;
    margin: -1px -3px;
    padding: 1px 6px;
    transition: all .3s ease-out;
    transition-delay: 0s
}

.testimonials__card .author {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-top: auto
}

.testimonials__card .author .img {
    border-radius: 50%;
    height: 36px;
    overflow: hidden;
    width: 36px
}

.testimonials__card .author .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.testimonials__card .author .name {
    margin-bottom: 0
}

.testimonials__card .author .pos {
    font-size: 12px;
    margin-bottom: 0;
    opacity: .4
}

.testimonials__slider-item.slick-active .testimonials__card p span {
    background-position-x: 0;
    color: #fff;
    transition-delay: 1s
}

.testimonials__col--card {
    position: relative
}

.testimonials__col--card:has(.testimonials__card-wrap):before {
    aspect-ratio: 1;
    background-color: #47266f;
    border-radius: 99px 0 0;
    content: "";
    left: -72px;
    position: absolute;
    top: 25%;
    width: 48px
}

@media (max-width:990px) {
    .testimonials__col--card:has(.testimonials__card-wrap):before {
        left: 24px;
        top: 24px
    }
}

.testimonials__card-column {
    position: relative;
    --col-spacing: 24px;
    -moz-column-count: 4;
    column-count: 4;
    -moz-column-gap: var(--col-spacing);
    column-gap: var(--col-spacing)
}

@media (max-width:1399px) {
    .testimonials__card-column {
        -moz-column-count: 3;
        column-count: 3
    }
}

@media (max-width:990px) {
    .testimonials__card-column {
        -moz-column-count: 2;
        column-count: 2
    }
}

@media (max-width:599px) {
    .testimonials__card-column {
        -moz-column-count: 1;
        column-count: 1
    }
}

.testimonials__card-column>* {
    -moz-column-break-inside: avoid;
    break-inside: avoid-column
}

.testimonials__card-column:after,
.testimonials__card-column:before {
    --shape-size: 90px;
    --top-per: 20%;
    content: "";
    height: var(--shape-size);
    left: calc(100% + 40px);
    position: absolute;
    width: var(--shape-size)
}

@media (max-width:990px) {

    .testimonials__card-column:after,
    .testimonials__card-column:before {
        --top-per: -120px;
        display: none;
        left: auto;
        right: 0
    }
}

.testimonials__card-column:before {
    background: linear-gradient(180deg, #fdc60b, #f28f3f);
    border-radius: 99px 0 99px 99px;
    top: var(--top-per)
}

.testimonials__card-column:after {
    background: linear-gradient(180deg, #f28f3f, #ed693c);
    border-radius: 99px 99px 0 99px;
    top: calc(var(--top-per) + var(--shape-size) + 12px)
}

.testimonials__card-wrap {
    margin-bottom: var(--col-spacing)
}

.testimonials__card-wrap .testimonials__card {
    overflow: visible;
    position: relative
}

.testimonials__card-wrap.card-index--1 {
    padding-top: 240px
}

@media (max-width:990px) {
    .testimonials__card-wrap.card-index--1 {
        padding-top: 120px
    }
}

@media (max-width:599px) {
    .testimonials__card-wrap.card-index--1 {
        padding-top: 50px
    }
}

.testimonials__card-wrap.card-index--1 .testimonials__card:after {
    background-color: #ed693c;
    border-radius: 24px 24px 0;
    bottom: calc(100% + 20px);
    content: "";
    height: 28px;
    position: absolute;
    right: 0;
    width: 28px
}

.testimonials__card-wrap.card-index--2 {
    padding-top: 160px
}

@media (max-width:990px) {
    .testimonials__card-wrap.card-index--2 {
        padding-top: 40px
    }

    .testimonials__card-wrap.card-index--2 .testimonials__card:after {
        background-color: #47266f;
        border-radius: 24px 0 0;
        bottom: calc(100% + 20px);
        content: "";
        height: 28px;
        left: 0;
        position: absolute;
        width: 28px
    }
}

.testimonials__card-wrap.card-index--4 {
    padding-top: 90px
}

@media (min-width:991px) {
    .testimonials__card-wrap.card-index--4 .testimonials__card:after {
        background-color: #47266f;
        border-radius: 24px 0 0;
        bottom: calc(100% + 20px);
        content: "";
        height: 28px;
        left: 0;
        position: absolute;
        width: 28px
    }
}

.testimonials__card--hero {
    background-color: transparent;
    box-shadow: none;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 12px;
    position: relative
}

.testimonials__card--hero:before {
    left: 0;
    position: absolute;
    top: 0
}

@media (min-width:1200px) {
    .testimonials__card--hero p {
        font-size: 20px;
        font-weight: 500
    }
}

.testimonials__card--hero .author .img {
    height: 60px;
    width: 60px
}

.testimonials__card--hero .author .name {
    font-style: normal
}

.dis-specs__item {
    align-items: center;
    aspect-ratio: 1/1;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 260px;
    position: relative;
    text-align: center;
    z-index: 1
}

.dis-specs__item .title {
    font-size: 48px;
    font-weight: 600
}

.dis-specs__item p {
    font-size: 14px;
    font-weight: 600
}

.dis-specs__item .circ-text {
    height: auto;
    left: 50%;
    opacity: .15;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: -1;
    --rotate-translate: -50%, -50%
}

.distinction__slider-wrap {
    position: relative
}

.distinction__slider-wrap:after,
.distinction__slider-wrap:before {
    background: linear-gradient(180deg, #23231a 30%, transparent);
    content: "";
    height: 120px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.distinction__slider-wrap:before {
    top: 0
}

.distinction__slider-wrap:after {
    bottom: 0;
    transform: rotate(180deg)
}

.distinction__slider .brand-logo img {
    filter: brightness(0) invert(1) grayscale(100%)
}

.specs-listing {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    list-style-type: none;
    margin: 0 0 1.5rem;
    padding-left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.specs-listing li {
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .25);
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
    gap: .5rem;
    padding: .5rem .75rem;
    transition: all .15s linear
}

.specs-listing li:hover {
    border-color: #47266f;
    color: #47266f
}

@media (min-width:991px) and (max-width:1399px) {
    .wlisting .section__heading .row>* {
        flex: auto;
        width: auto
    }
}

.wlisting__slider .slick-list {
    overflow: visible;
    padding: 20px 0
}

.wlisting__slider .slick-list .slick-list {
    margin-left: -16px;
    margin-right: -16px
}

.wlisting__slider .slick-list .slick-slide {
    padding-left: 16px;
    padding-right: 16px
}

.wlisting__slider .slick-track {
    display: flex
}

.wlisting__slider .slick-slide {
    height: auto
}

.wlisting__slider .slick-slide>* {
    height: 100%
}

.wlisting__slider .slick-slide:not(.slick-active) {
    opacity: .25;
    pointer-events: none
}

.wlisting__card {
    border: 1px solid rgba(35, 35, 26, .25);
    border-radius: 6px;
    display: flex;
    flex-flow: column;
    overflow: hidden;
    position: relative
}

.wlisting__card-media {
    aspect-ratio: 16/9;
    border-bottom: 1px solid rgba(35, 35, 26, .25);
    display: block;
    overflow: hidden;
    position: relative
}

.wlisting__card-media img {
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 1s ease-out;
    width: 100%
}

.wlisting__card-stats {
    background: linear-gradient(180deg, transparent 50%, #23231a);
    bottom: 0;
    color: #fff;
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: end;
    left: 0;
    padding: 24px;
    position: absolute;
    width: 100%
}

.wlisting__card-stats p {
    color: #fafafc;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .03em;
    margin-bottom: 0
}

.wlisting__card-stats .title {
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: normal
}

.wlisting__card-content {
    display: flex;
    flex: auto;
    flex-flow: column;
    padding: 24px 24px 36px
}

.wlisting__card-subtitle {
    font-size: 1rem;
    margin: 0 0 .5rem
}

.wlisting__card-title {
    font-size: 28px;
    font-weight: 600;
    margin: 0 0 1.5rem
}

@media (max-width:1199px) {
    .wlisting__card-title {
        font-size: 24px
    }
}

.wlisting__card .content-wrap {
    margin-bottom: 16px
}

.wlisting__card:hover {
    background-color: #231236;
    border: none;
    color: #fff;
    outline: 20px solid #231236;
    transition: all .25s;
    z-index: 1
}

.wlisting__card:hover .wlisting__card-subtitle,
.wlisting__card:hover .wlisting__card-title {
    color: #fff
}

.wlisting__card .specs-listing {
    margin-top: auto
}

.wlisting__card .specs-listing:last-child {
    margin-bottom: 0
}

.wlisting__card .specs-listing li {
    border-color: #e2e2e2
}

.wlisting__card .specs-listing li:hover {
    border-color: #47266f
}

.wlisting__card .btn-arrow {
    background-color: #47266f;
    border-color: #47266f
}

.wlisting__card .btn-arrow .arrow-btn__svg {
    transform: translateX(45px)
}

.wlisting__card .btn-arrow .arrow-btn__svg path {
    stroke: #fff
}

.st-progress {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 99
}

@media (max-width:767px) {
    .st-progress {
        display: none
    }
}

.st-progress__checkpoint {
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 1
}

.st-progress__checkpoint,
.st-progress__checkpoint li {
    bottom: 0;
    position: absolute
}

.st-progress__checkpoint li:after,
.st-progress__checkpoint li:before {
    background-position: 50%;
    background-size: 100% auto;
    content: "";
    left: 50%;
    position: absolute;
    top: calc(100% - 1px);
    transform: translateX(-50%);
    width: 8px
}

.st-progress__checkpoint li:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjEiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA4IDEiPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZmlsbD0iI0E5QUJBRSIgZD0iTTcuOTEtMTVIMHYxOTAuNTNoNy45MXoiLz48cGF0aCBmaWxsPSIjNzE3NDc2IiBkPSJNNy45MS0xNUg0LjU3djE5MC41M2gzLjM0eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yLjQ2LTE1SDEuMjN2MTkwLjUzaDEuMjN6Ii8+PHBhdGggZmlsbD0iI0E5QUJBRSIgZD0iTTcuOTEtMi4yVi0xNUgwdjEyLjY1QzEuNTIuNzMgNS4wNS0uMjggNy45MS0yLjIiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoOHYxSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
    background-repeat: repeat-y;
    height: 40px
}

.st-progress__checkpoint li:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjE1IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgOCAxNSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjQTlBQkFFIiBkPSJNNy45MSAwSDB2MTkwLjUzaDcuOTF6Ii8+PHBhdGggZmlsbD0iIzcxNzQ3NiIgZD0iTTcuOTEgMEg0LjU3djE5MC41M2gzLjM0eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yLjQ2IDBIMS4yM3YxOTAuNTNoMS4yM3oiLz48cGF0aCBmaWxsPSIjQTlBQkFFIiBkPSJNNy45MSAxMi44VjBIMHYxMi42NWMxLjUyIDMuMDggNS4wNSAyLjA3IDcuOTEuMTUiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoOHYxNUgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==);
    background-repeat: no-repeat;
    height: 8px;
    z-index: 1
}

.st-progress__checkpoint li button {
    background-color: transparent;
    background-color: #16a87a;
    border: 0;
    color: #fff;
    font-size: 12px;
    min-width: 90px;
    padding: 6px 12px;
    position: relative;
    text-align: center
}

.st-progress__checkpoint li button,
.st-progress__checkpoint li button:before {
    border-radius: 4px
}

.st-progress__checkpoint li button:before {
    border: 1px solid #fff;
    content: "";
    height: calc(100% - 5px);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 5px)
}

.st-progress__obj {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 170px
}

.st-progress__obj .car {
    width: 100%
}

.st-progress__obj .tire {
    bottom: 3px;
    position: absolute;
    width: 18.15px
}

.st-progress__obj .tire-1 {
    left: 17%
}

.st-progress__obj .tire-2 {
    left: 76.5%
}

.def-c__row {
    justify-content: center;
    margin-left: -16px;
    margin-right: -16px
}

.def-c__row>* {
    padding-left: 16px;
    padding-right: 16px
}

.def-c__card {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    color: #23231a;
    display: flex;
    flex-flow: column;
    height: 100%;
    padding: 35px 25px;
    row-gap: 18px;
    transition: all .3s
}

.def-c__card .title {
    font-size: 20px;
    font-weight: 500
}

@media (max-width:1199px) {
    .def-c__card .title {
        font-size: 18px
    }
}

.def-c__card .title:last-child {
    margin-bottom: 0
}

.def-c__card p:empty {
    display: none
}

.def-c--ht .def-c__card {
    align-items: center;
    display: flex;
    flex-flow: row;
    gap: 12px 20px;
    padding: 20px 30px
}

.def-c--ht .def-c__card .icon {
    align-items: center;
    aspect-ratio: 1/1;
    background-color: #ed693c;
    border-radius: 6px;
    display: flex;
    flex: 0 0 44px;
    justify-content: center;
    width: 44px
}

.def-c--ht .def-c__card .icon svg {
    height: 20px;
    width: auto
}

.def-c--ht .def-c__card .icon svg path {
    fill: #fff
}

.def-c--ht .def-c__col:nth-child(2) .def-c__card .icon {
    background-color: #1a73e8
}

.def-c--ht .def-c__col:nth-child(3) .def-c__card .icon {
    background-color: #16a87a
}

.def-c--ht .def-c__col:nth-child(4) .def-c__card .icon {
    background-color: #ed9b40
}

.def-c--ht .def-c__col:nth-child(4) .def-c__card .icon svg path {
    fill: #3d4751
}

.def-c--center .def-c__row {
    justify-content: center
}

.def-c--center .def-c__card {
    align-items: center;
    text-align: center
}

.def-c--center .def-c__card ol,
.def-c--center .def-c__card ul {
    text-align: left
}

.spec-note__card:not(:last-child) {
    margin-bottom: 24px
}

.spec-note__card .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px
}

@media (max-width:1199px) {
    .spec-note__card .title {
        font-size: 18px
    }
}

.spec-note--whitebg .spec-note__card {
    background-color: hsla(0, 0%, 100%, .25);
    border-radius: 6px;
    padding: 20px 30px 30px
}

.spec-note--whitebg .spec-note__card:not(:last-child) {
    margin-bottom: 12px
}

@media (min-width:991px) {
    .awards-box-section {
        position: relative;
        transform: translateY(50%);
        z-index: 2
    }
}

.awards-box-section .section__inner {
    padding: 0
}

@media (min-width:991px) {
    .awards-box-section+* .section__inner {
        padding-top: 100px !important
    }

    .awards-box-section+.vision .section__inner {
        padding-top: 40px !important
    }
}

.awards-box {
    background-color: #231236;
    border-radius: 12px;
    color: #fff;
    padding: 20px 30px;
    width: 100%
}

.awards-box__row {
    display: flex;
    gap: 30px
}

@media (max-width:990px) {
    .awards-box__row {
        flex-flow: column
    }
}

.awards-box__col--text {
    display: flex;
    flex: auto;
    flex-flow: column;
    justify-content: center
}

@media (min-width:991px) {
    .awards-box__col--text {
        border-right: 1px solid #e2e2e2;
        padding-right: 30px
    }
}

@media (max-width:990px) {
    .awards-box__col--text {
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 30px
    }
}

@media (min-width:991px) {
    .awards-box__col--specs {
        flex: 0 0 330px
    }
}

.awards-box__col--btn {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

@media (min-width:991px) {
    .awards-box__col--btn {
        min-width: 200px
    }
}

@media (max-width:990px) {
    .awards-box__col--btn {
        justify-content: center
    }
}

.awards-box .dis-specs {
    display: flex;
    flex-flow: row
}

.awards-box .dis-specs .circles__text-path {
    fill: #fff
}

.awards-box .dis-specs .title {
    font-size: 36px;
    margin-bottom: 0
}

.awards-box .dis-specs p {
    font-size: 12px
}

.awards-box .dis-specs .circ-text {
    width: calc(100% + 60px)
}

@media (min-width:991px) {
    .feat-listing__grid {
        display: grid;
        gap: 24px;
        grid-auto-flow: row;
        grid-template-areas: "grid-item-1 grid-item-2 grid-item-3" "grid-item-1 grid-item-4 grid-item-5";
        grid-template-columns: 2fr 1fr 1fr;
        grid-template-rows: 1fr 1fr
    }

    .feat-listing .grid-item:first-child {
        grid-area: grid-item-1
    }

    .feat-listing .grid-item:nth-child(2) {
        grid-area: grid-item-2
    }

    .feat-listing .grid-item:nth-child(3) {
        grid-area: grid-item-3
    }

    .feat-listing .grid-item:nth-child(4) {
        grid-area: grid-item-4
    }

    .feat-listing .grid-item:nth-child(5) {
        grid-area: grid-item-5
    }
}

@media (max-width:990px) {
    .feat-listing__grid {
        display: grid;
        gap: 40px 24px;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.feat-listing .insight__card .content .date {
    margin-top: 0
}

@media (max-width:990px) {
    .feat-listing .grid-item:first-child {
        grid-column: span 2/span 2
    }
}

@media (min-width:991px) {
    .feat-listing .grid-item:first-child .insight__card .media {
        flex: auto;
        max-height: 600px
    }
}

@media (min-width:600px) {
    .feat-listing .grid-item:first-child .insight__card .content {
        flex: initial
    }

    .feat-listing .grid-item:first-child .insight__card .content .title {
        font-size: 32px;
        font-weight: 800;
        -webkit-line-clamp: 2;
        line-clamp: 2
    }
}

.feat-listing .grid-item:nth-child(n+2) .insight__card .content p:not(.date) {
    display: none
}

@media (min-width:600px) {
    .feat-listing .grid-item:nth-child(n+2) .insight__card .content .title {
        font-size: 20px
    }
}

.post-fixed {
    background: #fff;
    display: flex;
    display: none;
    height: 60px;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 100
}

.post-fixed,
.post-fixed-title {
    align-items: center;
    justify-content: center;
    width: 100%
}

.post-fixed-title {
    display: flex;
    font-size: 20px;
    height: 100%;
    text-align: center
}

@media (max-width:767px) {
    .post-fixed-title {
        font-size: 16px;
        padding: 4px 12px
    }
}

.post-fixed__progress {
    background-color: #ebebeb;
    height: 6px;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%
}

.post-fixed__progress-bar {
    background-color: #47266f;
    border-radius: 0 12px 12px 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.post:not(:last-child) {
    margin-bottom: 80px
}

.post h1,
.post h2 {
    margin-bottom: 20px;
    margin-top: 50px
}

.post h1:first-child,
.post h2:first-child {
    margin-top: 0
}

.post h2 {
    font-size: 36px
}

.post h3,
.post h4 {
    margin-bottom: 8px;
    margin-top: 30px
}

.post h3:first-child,
.post h4:first-child {
    margin-top: 0
}

.post h3 {
    font-size: 28px;
    font-weight: 500
}

@media (min-width:768px) {

    .post ol li,
    .post p,
    .post ul li {
        font-size: 18px;
        line-height: 145%
    }

    .post ol li p,
    .post p p,
    .post ul li p {
        font-size: inherit;
        line-height: inherit
    }
}

.post p {
    margin-bottom: 16px
}

.post p a {
    background: -webkit-linear-gradient(#fdc60b, #f28f3f, #ed693c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.post a:not(.btn):not(button):not(.tag) {
    color: #ed693c;
    font-weight: 700
}

.post img {
    margin: 20px 0
}

.post ol li:not(:last-child),
.post ul li:not(:last-child) {
    margin-bottom: 12px
}

.post ol:last-child,
.post ul:last-child {
    margin-bottom: 0
}

.post aside {
    background-color: #fafafc;
    border-radius: 12px;
    padding: 16px
}

.post aside ol,
.post aside ul {
    padding-left: 24px
}

.post aside ol li:not(:last-child),
.post aside ul li:not(:last-child) {
    margin-bottom: 4px
}

.post .wp-block-image {
    width: 100%
}

.post .toc {
    border-color: transparent;
    border-radius: 10px;
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .08);
    margin-bottom: 20px;
    padding: 24px
}

@media (min-width:1200px) {
    .post .toc {
        display: none
    }
}

.post .toc-title {
    margin: 0 0 12px
}

.post .toc-title:after {
    background-color: #47266f;
    content: "";
    display: block;
    height: 4px;
    margin-top: 12px;
    width: 36px
}

.post .toc-list {
    margin-bottom: 0
}

.post .toc-list li a,
.post .toc-list li a:not(.btn):not(button):not(.tag) {
    font-weight: inherit
}

.post .toc ul li {
    margin-bottom: 0 !important
}

.post-sidebar {
    display: flex;
    flex-flow: column;
    gap: 30px;
    position: sticky;
    top: 120px
}

.post-sidebar-title {
    color: #3d4751;
    font-size: 16px
}

.post-sidebar-title:after {
    background-color: #47266f;
    content: "";
    display: block;
    height: 4px;
    margin-bottom: 20px;
    margin-top: 15px;
    width: 48px
}

.ct-spec {
    display: flex;
    flex-flow: column;
    gap: 30px
}

@media (max-width:413px) {
    .ct-spec {
        gap: 16px
    }
}

.ct-spec:not(:last-child) {
    margin-bottom: 30px
}

.ct-spec__item {
    display: flex;
    gap: 20px
}

@media (max-width:413px) {
    .ct-spec__item {
        flex-flow: column;
        row-gap: 8px
    }
}

.ct-spec__item .icon {
    align-items: center;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    color: #47266f;
    display: flex;
    flex: 0 0 60px;
    height: 60px;
    justify-content: center;
    width: 60px
}

.ct-spec__item .icon i {
    font-size: 24px
}

.ct-spec__item .icon img {
    width: 30px
}

.ct-spec__item .content {
    display: flex;
    flex-flow: column;
    gap: 4px
}

.ct-spec__item .content h6 {
    font-weight: 600;
    margin-bottom: 0
}

.ct-spec__item .content p {
    color: #3d4751
}

.contact-info {
    display: flex;
    flex-flow: column;
    gap: 30px
}

.contact-info:not(:last-child) {
    margin-bottom: 30px
}

.contact-info__item {
    align-items: center;
    display: flex;
    gap: 20px 10px
}

.contact-info__item .icon {
    align-items: center;
    background-color: #47266f;
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex: 0 0 30px;
    height: 30px;
    justify-content: center;
    width: 30px
}

.contact-info__item .icon i {
    font-size: 16px
}

.contact-info__item .icon img,
.contact-info__item .icon svg {
    height: auto;
    width: 16px
}

.contact-info__item .content {
    display: flex;
    flex-flow: column;
    gap: 4px
}

.contact-info__item .content h6 {
    font-weight: 600;
    margin-bottom: 0
}

.contact-info__item .content p {
    color: #3d4751
}

.about-project-list {
    margin-bottom: 48px
}

.about-project-list h2 {
    margin-bottom: 24px
}

.about-project-list p {
    font-size: 18px;
    line-height: 145%
}

.about-project-list p p {
    font-size: inherit;
    line-height: inherit
}

.about-project-list:last-child {
    margin-bottom: 0
}

.case-info {
    padding-left: 30px;
    position: relative
}

.case-info .icon,
.case-info .number {
    color: #ed693c
}

.case-info .icon {
    left: 0;
    position: absolute;
    top: 5px
}

.case-info .icon img,
.case-info .icon svg {
    height: 20px;
    width: auto
}

.case-info .icon i,
.case-info .icon span {
    color: inherit;
    font-size: 20px
}

.case-info .number {
    font-weight: 700
}

.case-info .label {
    font-size: 16px;
    line-height: 130%;
    opacity: .75
}

.table-content {
    position: static;
    top: 0;
    transition: all .3s ease-out;
    z-index: 98
}

.table-content .inner {
    padding: 12px 0
}

.table-content__list {
    display: block;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    text-align: center;
    width: 100%
}

.table-content__list li {
    display: inline-block;
    padding: 0
}

@media (max-width:990px) {
    .table-content__list li {
        font-size: 13px;
        line-height: 145%
    }

    .table-content__list li p {
        font-size: inherit;
        line-height: inherit
    }
}

.table-content__list li:first-child:before {
    display: none
}

.table-content__list li a {
    border-radius: 60px;
    box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .06);
    display: block;
    padding: 12px 24px
}

.table-content__list li a:hover {
    background-color: #ed693c;
    background: linear-gradient(90deg, #fdc60b -30%, #f28f3f, #ed693c);
    color: #fff
}

@media (max-width:990px) {
    .table-content__list li a:hover {
        background: linear-gradient(180deg, #fdc60b -30%, #f28f3f, #ed693c)
    }
}

.table-content.stuck {
    background-color: #fff;
    box-shadow: 0 .5px 4.5px 0 rgba(0, 0, 0, .13);
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0
}

.table-content.stuck .container {
    max-width: 100%;
    padding: 0
}

.table-content.stuck .inner {
    align-items: center;
    display: flex;
    height: 60px;
    overflow: auto;
    padding: 4px;
    scrollbar-width: thin;
    white-space: nowrap;
    width: 100%
}

.table-content.stuck .table-content__list {
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0 12px
}

.table-content.stuck .table-content__list li {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.table-content.stuck .table-content__list li.active a {
    background-color: #ed693c;
    background: linear-gradient(90deg, #fdc60b -30%, #f28f3f, #ed693c);
    color: #fff
}

@media (max-width:990px) {
    .table-content.stuck .table-content__list li.active a {
        background: linear-gradient(180deg, #fdc60b -30%, #f28f3f, #ed693c)
    }
}

.clone-app__card {
    align-items: center;
    background-color: #1b4079;
    border-radius: 12px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 35px 50px 0
}

@media (max-width:990px) {
    .clone-app__card {
        flex-flow: column;
        text-align: center
    }
}

.clone-app__card>* {
    min-width: 1px
}

.clone-app__card .content-wrap {
    flex: auto;
    padding-bottom: 50px
}

@media (min-width:991px) {
    .clone-app__card .content-wrap {
        max-width: 295px
    }
}

.clone-app__card .content-wrap p {
    font-size: 18px;
    line-height: 145%
}

.clone-app__card .content-wrap p p {
    font-size: inherit;
    line-height: inherit
}

.clone-app__card .media {
    align-items: flex-end;
    display: flex;
    flex: 0 0 240px;
    justify-content: center;
    min-height: 400px
}

@media (max-width:990px) {
    .clone-app__card .media {
        flex: initial;
        min-height: 300px
    }

    .clone-app__card .btn-wrap {
        justify-content: center
    }
}

.clone-app__card .logo {
    margin-bottom: 10px
}

.clone-app__card .logo img {
    height: 80px
}

.clone-app__card .title {
    margin-bottom: 20px
}

.clone-app__card .title:last-child {
    margin-bottom: 0
}

.clone-app__card.is-green {
    background-color: #16a87a;
    color: #fff
}

.clone-tab {
    border-bottom: 1px solid #e2e2e2;
    color: inherit;
    margin-bottom: 20px;
    padding: 15px 15px 40px 50px;
    position: relative
}

.clone-tab,
.clone-tab:before,
.clone-tab__header {
    transition: all .2s
}

.clone-tab:before {
    color: #47266f;
    content: "\f107";
    font-family: Font Awesome\ 6 Pro;
    font-size: 26px;
    font-weight: 700;
    left: 0;
    position: absolute;
    top: 15px;
    transform: rotate(-90deg)
}

.clone-tab__header {
    align-items: center;
    display: flex;
    gap: 30px;
    opacity: .7;
    position: relative
}

.clone-tab__header img {
    height: 40px
}

.clone-tab__header .title {
    align-items: center;
    display: flex;
    gap: 12px;
    margin-bottom: 0;
    width: 100%
}

.clone-tab__header .icon {
    align-items: center;
    background-color: #231236;
    border-radius: 50%;
    display: flex;
    flex: 0 0 40px;
    height: 40px;
    justify-content: center;
    padding: 4px;
    width: 40px
}

.clone-tab__header .icon img {
    filter: brightness(0) invert(1);
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.clone-tab__body {
    display: none;
    margin: 20px 0;
    text-align: left
}

.clone-tab__body p {
    font-size: 18px;
    line-height: 145%
}

.clone-tab__body p p {
    font-size: inherit;
    line-height: inherit
}

.active .clone-tab:before {
    transform: rotate(0deg)
}

.active .clone-tab__header {
    opacity: 1
}

.active .clone-tab__body {
    display: block
}

.type-v2 .carousel-indicators [data-bs-target] {
    opacity: 1
}

.type-v2 .clone-tab {
    border: 1px solid #e2e2e2;
    border-radius: 12px;
    padding: 8px 16px
}

.type-v2 .clone-tab:before {
    display: none
}

.type-v2 .clone-tab__header {
    margin: 10px 0;
    opacity: 1
}

.type-v2 .clone-tab__header .title {
    font-size: 20px;
    font-weight: 500
}

@media (max-width:1199px) {
    .type-v2 .clone-tab__header .title {
        font-size: 18px
    }
}

.type-v2 .clone-tab__body {
    margin: 0;
    padding-bottom: 10px
}

.type-v2 .active .clone-tab {
    background-color: #231236;
    color: #fff
}

.type-v2 .active .clone-tab__header .title {
    font-size: 24px;
    font-weight: 600
}

@media (max-width:1199px) {
    .type-v2 .active .clone-tab__header .title {
        font-size: 20px
    }
}

.type-v2 .active .clone-tab__header .icon {
    display: none
}

.type-vertical .carousel>.row {
    flex-flow: column
}

.type-vertical .carousel>.row>* {
    flex: initial;
    width: 100%
}

.type-vertical .carousel .col--indicator {
    order: 9
}

@media (min-width:991px) {
    .type-vertical .carousel .carousel-indicators {
        align-items: normal;
        display: flex;
        flex-flow: row;
        gap: 12px
    }
}

.type-vertical .carousel .carousel-indicators [data-bs-target] {
    flex: 1;
    opacity: 1
}

.type-vertical .carousel .clone-tab {
    border: 2px solid #231236;
    border-radius: 12px;
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
    padding: 16px;
    text-align: center
}

.type-vertical .carousel .clone-tab:before {
    display: none
}

.type-vertical .carousel .clone-tab .title {
    flex-flow: column
}

.type-vertical .carousel .clone-tab__header {
    opacity: 1
}

.type-vertical .carousel .clone-tab__body {
    margin-bottom: 0;
    text-align: center
}

.type-vertical .carousel .carousel-indicators .active .clone-tab .title {
    font-size: 20px;
    font-weight: 500
}

@media (max-width:1199px) {
    .type-vertical .carousel .carousel-indicators .active .clone-tab .title {
        font-size: 18px
    }
}

.type-vertical .carousel .carousel-indicators .active .clone-tab .icon {
    display: none
}

.clone-mobile {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1
}

.clone-mobile,
.clone-mobile:before {
    transition: all .2s
}

.clone-mobile:before {
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: -1;
    --v-translate: -50%, -50%;
    --v-scale: 0;
    background-color: #1b4079;
    border-radius: 50%;
    height: 475px;
    transform: translate(var(--v-translate)) scale(var(--v-scale));
    transition-delay: .1s;
    transition-duration: .5s;
    width: 475px
}

.clone-mobile img {
    width: 285px
}

.active:not(.carousel-item-start) .clone-mobile:before {
    --v-scale: 1
}

.card-cm {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 14px -4px rgba(0, 0, 0, .21);
    height: 100%;
    padding: 30px 16px;
    text-align: center
}

.card-cm .title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 12px
}

@media (max-width:1199px) {
    .card-cm .title {
        font-size: 20px
    }
}

.card-cm .icon {
    align-items: center;
    background-color: #47266f;
    border-radius: 50%;
    display: flex;
    flex: 0 0 40px;
    height: 40px;
    justify-content: center;
    margin-bottom: 6px;
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    width: 40px
}

.card-cm .icon img {
    filter: brightness(0) invert(1);
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.card-cm p {
    font-size: 13px;
    line-height: 145%
}

.card-cm p p {
    font-size: inherit;
    line-height: inherit
}

.review-hgl {
    max-width: 100%;
    position: relative;
    width: 380px
}

.review-hgl:after,
.review-hgl:before {
    border: 10px solid #ed693c;
    content: "";
    height: 70px;
    opacity: .2;
    position: absolute;
    width: 70px
}

.review-hgl:before {
    border-width: 10px 0 0 10px;
    left: 0;
    top: 0
}

.review-hgl:after {
    border-width: 0 10px 10px 0;
    bottom: 0;
    right: 0
}

.review-hgl .testimonials__card {
    background-color: transparent;
    box-shadow: none;
    padding: 20px 28px 20px 60px;
    position: relative
}

.review-hgl .testimonials__card:before {
    color: #ed693c;
    font-size: 24px;
    left: 20px;
    position: absolute;
    top: 20px;
    transform: rotate(180deg)
}

.review-hgl .testimonials__card .title {
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 4px
}

.review-hgl .testimonials__card p {
    font-size: 16px;
    line-height: 125%;
    margin-bottom: 6px
}

.review-hgl--v2 {
    background-color: #fff;
    border-left: 5px solid #ed693c;
    border-radius: 12px
}

.review-hgl--v2:after,
.review-hgl--v2:before {
    display: none
}

.review-hgl--v2 .testimonials__card {
    padding: 32px 12px 20px 32px
}

.review-hgl--v2 .testimonials__card:before {
    color: #e2e2e2;
    font-size: 20px;
    left: 20px;
    opacity: .4;
    top: 12px
}

.fieldexpert__card .media {
    aspect-ratio: 29/27;
    border-radius: 6px;
    margin-bottom: 12px;
    overflow: hidden
}

.fieldexpert__card .media img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.fieldexpert__card .title {
    padding-right: 48px;
    position: relative
}

.fieldexpert__card .title:after {
    content: "\f061";
    font-family: Font Awesome\ 6 Pro;
    font-size: 80%;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 3px
}

@media (min-width:991px) {
    .resources-listing__cards .row {
        row-gap: 80px
    }
}

.resources-listing__card {
    margin-left: auto;
    margin-right: auto;
    max-width: 489px
}

.resources-listing__card .media {
    border-radius: 12px;
    margin-bottom: 16px;
    overflow: hidden
}

.resources-listing__card .media img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .5s ease-out;
    width: 100%
}

.resources-listing__card:hover .media img {
    transform: scale(1.15)
}

.search-bar {
    margin-bottom: 30px;
    position: sticky;
    top: 120px
}

.search-bar__form {
    position: relative
}

.search-bar__field {
    border-radius: 999px !important;
    height: 60px;
    padding: 12px 48px 12px 56px;
    width: 100%
}

.search-bar__reset,
.search-bar__submit {
    background-color: transparent;
    border: 0;
    color: #3d4751;
    font-size: 20px;
    opacity: .5;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.search-bar__reset>*,
.search-bar__submit>* {
    color: inherit;
    font-size: inherit
}

.search-bar__submit {
    left: 24px
}

.search-bar__reset {
    right: 24px
}

.search-list__item {
    background-color: #fafafc;
    border-radius: 6px;
    color: #23231a;
    margin-bottom: 20px;
    padding: 20px 30px
}

.search-list__item .title {
    font-size: 30px;
    font-weight: 700
}

.search-list__item .title-link {
    color: inherit
}

.search-list__item .title-link:hover {
    text-decoration: none
}

.search-list__item .title strong {
    background: -webkit-linear-gradient(#fdc60b, #f28f3f, #ed693c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.search-list__item .link-sub,
.search-list__item p {
    font-size: 18px;
    line-height: 145%
}

.search-list__item .link-sub p,
.search-list__item p p {
    font-size: inherit;
    line-height: inherit
}

.search-list__item .link-sub,
.search-list__item .link-sub a {
    font-weight: 400
}

.hero-banner {
    overflow: hidden
}

.hero-banner .section__inner {
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 60px 0
}

@media (min-width:991px) {
    .hero-banner .section__inner {
        min-height: calc(100vh - 100px)
    }
}

.hero-banner__content {
    width: 100%
}

@media (min-width:1200px) {
    .hero-banner__content {
        margin-left: auto;
        margin-right: auto;
        max-width: 1400px
    }
}

.hero-banner .shape-1:before {
    background-color: #fff;
    border: 90px solid #47266f;
    border-radius: 50%;
    content: "";
    height: 250px;
    opacity: .25;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
    width: 250px
}

.hero-banner .lines {
    display: flex;
    height: 100%;
    justify-content: space-between;
    left: 50%;
    max-width: 1280px;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%
}

.hero-banner .lines .line {
    background-color: rgba(71, 38, 111, .1);
    height: 100%;
    position: relative;
    width: 2px
}

.hero-banner .lines .line:before {
    --l-translate-x: -50%;
    --l-translate-y: 0%;
    transition: all .3s ease-out
}

.hero-banner .lines .line:nth-child(n+2):not(:last-child) {
    background-color: rgba(71, 38, 111, .025)
}

.hero-banner .lines .line:first-child .dot,
.hero-banner .lines .line:last-child .dot,
.hero-banner .lines .line:nth-last-child(2) .dot {
    aspect-ratio: 1;
    background-color: #47266f;
    border: 5px solid #e2e2e2;
    border-radius: 50%;
    content: "";
    left: 50%;
    position: absolute;
    top: 40%;
    transform: translate(-50%);
    width: 24px;
    z-index: 1
}

.hero-banner .lines .line:first-child .dot {
    animation: lineAnim1 12s ease 0s infinite;
    width: 36px
}

.hero-banner .lines .line:nth-last-child(2) .dot {
    animation: lineAnim1 12s ease 2s infinite;
    background-color: rgba(242, 143, 63, .5);
    border: 0;
    top: 65%;
    width: 14px
}

.hero-banner .lines .line:last-child .dot {
    animation: lineAnim1 12s ease 4s infinite;
    border: 0;
    top: 15%
}

.hero-banner .content p {
    font-size: 36px;
    line-height: 1
}

.hero-banner .content p strong {
    background: -webkit-linear-gradient(#fdc60b, #f28f3f, #ed693c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.hero-banner .content p small {
    color: #47266f;
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    line-height: inherit
}

.hero-banner .btn-wrap {
    -moz-column-gap: 40px;
    column-gap: 40px;
    margin-top: 40px
}

.hero-banner .btn [class*=fa-] {
    font-size: 100%
}

.hero-banner .bg-shapes {
    align-items: center;
    display: flex;
    height: auto;
    justify-content: center;
    left: 50%;
    max-width: 1200px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: -1
}

@media (max-width:1399px) {
    .hero-banner .bg-shapes {
        max-width: 900px
    }
}

@media (max-width:599px) {
    .hero-banner .bg-shapes {
        top: 30%;
        width: 150%
    }
}

.hero-banner .bg-shapes svg {
    height: auto;
    width: 100%
}

.hero-banner .bg-shapes .shape-1 {
    opacity: .25
}

.hero-banner .bg-shapes .shape-2 {
    opacity: .5
}

.hero-banner .bg-shapes .shape-3 {
    --rotate-translate: 0%, 0%;
    animation: rotating 70s linear infinite reverse;
    transform-origin: center
}

.hero-banner .bg-shapes .logo--large-v2,
.hero-banner .bg-shapes .logo--small-v2 {
    opacity: 0
}

.hero-banner .large-bg-title {
    top: 40%
}

@media (max-width:599px) {
    .hero-banner__content {
        width: 100%
    }
}

.hero-banner-title__wrap {
    display: inline-block;
    min-width: 486px;
    position: relative;
    z-index: 1
}

@media (max-width:990px) {
    .hero-banner-title__wrap {
        min-width: auto;
        width: 100%
    }
}

@media (max-width:599px) {
    .hero-banner-title__wrap {
        padding-top: 50px
    }
}

.hero-banner-title {
    font-size: 80px;
    font-weight: 800;
    margin-bottom: 55px
}

@media (max-width:990px) {
    .hero-banner-title {
        font-size: 60px
    }
}

@media (max-width:599px) {
    .hero-banner-title {
        font-size: 48px
    }
}

.hero-banner-title .hero-img {
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
    --transform: -50%, -50%;
    max-width: none;
    transform: translate(var(--transform));
    width: 180px
}

@media (max-width:990px) {
    .hero-banner-title .hero-img {
        --transform: 0%, -45%
    }
}

@media (max-width:599px) {
    .hero-banner-title br {
        display: none
    }
}

.hero-banner-title .highlight {
    background-color: rgba(71, 38, 111, .2);
    border-radius: 6px;
    display: inline-block;
    padding: 10px 20px
}

.hero-banner-title .highlight-wrap {
    display: inline-block
}

@media (max-width:599px) {
    .hero-banner-title .highlight-wrap {
        display: block
    }
}

.hero-banner .awards {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    justify-content: center;
    width: 100%
}

@media (min-width:991px) {
    .hero-banner .awards-wrap {
        margin-top: 10vh
    }
}

@media (max-width:990px) {
    .hero-banner .awards-wrap {
        margin-top: 30px
    }

    .hero-banner .awards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 12px
    }
}

.hero-banner .awards img {
    height: 100px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 200px
}

@media (min-width:992px) {
    .header--fixed~.page-content .hero-banner {
        padding-top: 120px
    }
}

.hserv__card {
    display: flex;
    flex-flow: column;
    row-gap: 12px
}

.hserv__card .icon img {
    height: 48px;
    width: auto
}

.hserv__card .title {
    margin-bottom: 0
}

.hserv__card p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.hserv .serv-spec__row {
    margin-left: -10px;
    margin-right: -10px;
    row-gap: 20px
}

.hserv .serv-spec__row>* {
    padding-left: 10px;
    padding-right: 10px
}

.expertise {
    background-color: #fafafc
}

.expertise .row {
    row-gap: 20px
}

@media (max-width:767px) {
    .expertise .row {
        row-gap: 0
    }
}

.expertise .section__heading {
    margin-bottom: 0
}

.expertise__tabs {
    display: flex;
    margin-top: 40px;
    padding-bottom: 30px;
    position: relative;
    z-index: 1
}

@media (max-width:767px) {
    .expertise__tabs {
        flex-flow: column;
        margin-top: 30px
    }
}

.expertise__tabs .nav-pills {
    background-color: #23231a;
    border-radius: 12px;
    color: #fff;
    display: flex;
    flex: 0 0 370px;
    flex-flow: column;
    padding: 30px;
    position: relative;
    z-index: 1
}

@media (max-width:1399px) {
    .expertise__tabs .nav-pills {
        flex: 0 0 280px;
        padding: 20px
    }
}

@media (max-width:990px) {
    .expertise__tabs .nav-pills {
        flex: 0 0 200px;
        padding: 12px
    }
}

@media (max-width:767px) {
    .expertise__tabs .nav-pills {
        flex: initial;
        flex-flow: row;
        flex-wrap: wrap;
        width: 100%
    }
}

.expertise__tabs .nav-pills .nav-item:has(.nav-link.active) {
    margin-right: -60px
}

@media (max-width:1399px) {
    .expertise__tabs .nav-pills .nav-item:has(.nav-link.active) {
        margin-right: -30px
    }
}

@media (max-width:767px) {
    .expertise__tabs .nav-pills .nav-item:has(.nav-link.active) {
        margin-right: 0
    }
}

.expertise__tabs .nav-pills .nav-item .nav-link {
    border-radius: 8px;
    color: inherit;
    font-size: 24px;
    font-weight: 600;
    padding: 16px 20px;
    position: relative;
    text-align: left;
    transition: all .15s ease-out;
    width: 100%;
    z-index: 1
}

@media (max-width:1199px) {
    .expertise__tabs .nav-pills .nav-item .nav-link {
        font-size: 20px
    }
}

.expertise__tabs .nav-pills .nav-item .nav-link:before {
    background: #ed693c;
    background: linear-gradient(to bottom left, #fdc60b, #f28f3f, #ed693c);
    border-radius: 8px;
    box-shadow: 1px 2px 4px rgba(35, 35, 26, .15);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .25s ease;
    width: 0;
    z-index: -1
}

@media (max-width:1399px) {
    .expertise__tabs .nav-pills .nav-item .nav-link {
        font-size: 20px;
        padding: 12px
    }
}

@media (max-width:767px) {
    .expertise__tabs .nav-pills .nav-item .nav-link {
        font-size: 16px;
        padding: 8px 20px
    }
}

.expertise__tabs .nav-pills .nav-item .nav-link.active {
    background: transparent
}

.expertise__tabs .nav-pills .nav-item .nav-link.active:before {
    width: 100%
}

.expertise__tabs .tab-content {
    border-radius: 16px;
    flex: auto;
    margin-top: 30px;
    padding: 50px 180px 20px 100px
}

@media (max-width:1399px) {
    .expertise__tabs .tab-content {
        padding: 40px 60px 20px
    }
}

@media (max-width:990px) {
    .expertise__tabs .tab-content {
        padding: 30px
    }
}

@media (max-width:767px) {
    .expertise__tabs .tab-content {
        margin-top: 0;
        padding: 20px
    }
}

.expertise__tabs .tab-content:before {
    background-color: #fff;
    box-shadow: -2px 3px 24px -12px rgba(0, 0, 0, .15);
    content: "";
    height: 100%;
    left: 30px;
    position: absolute;
    top: 30px;
    width: calc(100% - 30px);
    z-index: -1
}

@media (max-width:767px) {
    .expertise__tabs .tab-content:before {
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% + 20px)
    }
}

.expertise__tabs .tab-content h5 {
    margin-bottom: 20px;
    margin-top: 10px
}

.expertise__tabs .tab-content h5:not(:first-child) {
    margin-top: 30px
}

.expertise__tabs .tab-content .p-large {
    margin-bottom: 40px
}

.approach {
    overflow: hidden;
    position: relative
}

.approach:before {
    background-color: #fafafc;
    border-radius: 50%;
    content: "";
    height: 155%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    width: 120%;
    z-index: -1
}

.approach .section-title {
    margin-bottom: 40px
}

.approach__media {
    aspect-ratio: 281/256;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NjIiIGhlaWdodD0iNTEyIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgNTYyIDUxMiI+PHBhdGggZmlsbD0iIzMwQzdCNSIgZD0iTTQ2Mi41MDQgODQuNDg1IDIwOS44NDUgMCAwIDE1Mi40OGw4My40MTYgMjYxLjM5NUwzNTcuNTgyIDUxMiA1NjIgMzk0Ljk0MnoiLz48L3N2Zz4=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NjIiIGhlaWdodD0iNTEyIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgNTYyIDUxMiI+PHBhdGggZmlsbD0iIzMwQzdCNSIgZD0iTTQ2Mi41MDQgODQuNDg1IDIwOS44NDUgMCAwIDE1Mi40OGw4My40MTYgMjYxLjM5NUwzNTcuNTgyIDUxMiA1NjIgMzk0Ljk0MnoiLz48L3N2Zz4=);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    max-width: 100%;
    width: 562px
}

@media (min-width:768px) {
    .approach__media {
        margin-left: 24px
    }
}

.approach__media img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.approach .btn-wrap {
    margin-top: 36px;
    padding-left: 84px;
    position: relative;
    z-index: 1
}

.approach .btn-wrap:before {
    border-color: #e2e2e2;
    border-style: dashed;
    border-width: 0 0 2px 2px;
    bottom: 25%;
    content: "";
    height: 100%;
    left: 23px;
    position: absolute;
    transform: translateY(-50%);
    width: 25%;
    z-index: -1
}

.testimonials {
    overflow: hidden
}

.testimonials__slider .slick-list {
    margin-left: -16px;
    margin-right: -16px
}

.testimonials__slider .slick-slide {
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width:1200px) {
    .testimonials__slider-wrap {
        padding-left: 70px
    }
}

.testimonials__slider .slick-list {
    margin: -20px 0;
    padding: 20px 0
}

.testimonials__slider .slick-track {
    display: flex
}

.testimonials__slider .slick-slide {
    height: auto
}

.testimonials__slider .slick-slide:not(.slick-active) {
    opacity: .4
}

.testimonials.layout-v1 .section__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px
}

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

.distinction__box {
    background: #23231a;
    border-radius: 24px;
    color: #fff;
    padding: 60px
}

@media (max-width:990px) {
    .distinction__box {
        padding: 48px
    }
}

@media (max-width:599px) {
    .distinction__box {
        padding: 32px
    }
}

@media (max-width:413px) {
    .distinction__box {
        padding: 24px
    }
}

.distinction__box .circles__text-path {
    fill: #fff
}

.distinction__box .btn {
    color: #fff
}

.distinction__box .btn .btn-text:after {
    color: inherit
}

.distinction__box .btn:hover {
    color: #47266f
}

.distinction__row {
    align-items: center
}

.distinction__slider-col:last-child .distinction__slider-wrap,
.distinction__slider-col:last-child .distinction__slider-wrap .slick-slide {
    transform: rotate(180deg)
}

@media (min-width:768px) {
    .distinction__col--slider {
        border-left: 1px solid hsla(0, 0%, 100%, .1)
    }
}

.distinction.layout-v1 .distinction__box {
    background-color: transparent;
    color: #23231a;
    padding: 0
}

.distinction.layout-v1 .distinction__box .circles__text-path {
    fill: #23231a
}

.distinction.layout-v1 .distinction__slider__row {
    flex-flow: column
}

.distinction.layout-v1 .distinction__slider-col {
    flex: initial;
    width: 100%
}

.distinction.layout-v1 .distinction__slider-wrap:after,
.distinction.layout-v1 .distinction__slider-wrap:before {
    display: none
}

.distinction.layout-v1 .distinction__slider .brand-logo img {
    filter: none;
    opacity: 1
}

.distinction.layout-v1 .dis-specs {
    display: flex
}

.distinction.layout-v1 .dis-specs__item {
    flex: 1;
    margin: 0;
    max-width: none
}

.faq {
    background-color: #fafafc;
    position: relative;
    z-index: 0
}

.faq:after,
.faq:before {
    background-color: #fafafc;
    content: "";
    height: 35%;
    position: absolute;
    width: 100%;
    z-index: -1
}

.faq:before {
    border-radius: 50% 50% 0 0;
    bottom: 99%
}

.faq:after {
    border-radius: 0 0 50% 50%;
    top: 99%
}

.insight .section__heading {
    text-align: center
}

@media (max-width:990px) {
    .insight__col {
        margin-bottom: 20px
    }
}

.insight__card {
    height: 100%
}

.insight__card,
.insight__card .content {
    display: flex;
    flex-flow: column
}

.insight__card .media {
    aspect-ratio: 16/9;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    margin-bottom: 10px;
    overflow: hidden
}

.insight__card .media img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .35s ease-out;
    width: 100%
}

.insight__card .content {
    flex: auto
}

.insight__card .content p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width:599px) {
    .insight__card .content p {
        font-size: 13px;
        line-height: 145%
    }

    .insight__card .content p p {
        font-size: inherit;
        line-height: inherit
    }
}

.insight__card .content p:empty {
    display: none
}

.insight__card .date {
    font-size: 12px;
    margin-bottom: 15px;
    opacity: .6
}

.insight__card .title {
    display: -webkit-box;
    font-size: 24px;
    font-weight: 600;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

@media (max-width:1199px) {
    .insight__card .title {
        font-size: 20px
    }
}

@media (max-width:599px) {
    .insight__card .title {
        font-size: 16px
    }
}

.insight__card:hover .media img {
    transform: scale(1.15)
}

.insight .btn-wrap {
    justify-content: center
}

@media (min-width:1200px) {
    .insight .btn-wrap {
        margin-top: 40px
    }
}

.footer-cta {
    background: linear-gradient(90deg, #fdc60b -30%, #f28f3f, #ed693c);
    color: #fff
}

@media (max-width:990px) {
    .footer-cta {
        background: linear-gradient(180deg, #fdc60b -30%, #f28f3f, #ed693c)
    }
}

.footer-cta .section__inner {
    padding: 0
}

.footer-cta__box {
    align-items: center;
    display: flex;
    gap: 20px;
    padding: 50px 0;
    position: relative
}

@media (max-width:990px) {
    .footer-cta__box {
        flex-flow: column;
        row-gap: 36px
    }
}

.footer-cta__box .media {
    align-items: flex-end;
    bottom: 0;
    display: flex;
    justify-content: flex-start;
    left: 0;
}

@media (max-width:990px) {
    .footer-cta__box .media {
        bottom: auto;
        left: auto;
        max-width: 100%;
        order: 2;
        position: relative;
    }
}

.footer-cta__box .media img {
    display: block;
    width: 100%
}

.footer-cta__box .title {
    font-size: 32px;
    font-weight: 700
}

@media (max-width:1199px) {
    .footer-cta__box .title {
        font-size: 28px
    }
}

@media (min-width:1200px) {
    .footer-cta__box .title {
        font-size: 36px
    }
}

@media (min-width:991px) {
    .footer-cta__box .btn-wrap {
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

.footer-cta__box .content {
    padding: 0
}

@media (max-width:990px) {
    .footer-cta__box .content {
        padding: 0
    }
}

.footer-cta--boxed {
    background: transparent;
    color: inherit
}

.footer-cta--boxed .footer-cta__box {
    background: linear-gradient(90deg, #fdc60b -30%, #f28f3f, #ed693c);
    border-radius: 12px;
    color: #fff
}

@media (max-width:990px) {
    .footer-cta--boxed .footer-cta__box {
        background: linear-gradient(180deg, #fdc60b -30%, #f28f3f, #ed693c)
    }
}

.cta-stat {
    background-color: #231236;
    color: #fff;
    text-align: center
}

.cta-stat .btn-wrap {
    justify-content: center
}

@media (min-width:991px) {
    .cta-stat .btn-wrap:not(:last-child) {
        margin-bottom: 60px
    }
}

.stats {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (max-width:767px) {
    .stats {
        flex-wrap: wrap;
        gap: 20px
    }
}

@media (max-width:413px) {
    .stats {
        flex-flow: column
    }
}

.stat-card p {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 4px
}

.stat-card span {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -.72px
}

@media (min-width:991px) {
    .hero-service .section__inner {
        padding-top: 20px
    }
}

@media (min-width:1200px) {
    .hero-service__col--main {
        padding-right: 115px;
        padding-top: 40px
    }
}

@media (min-width:1200px) and (max-width:1799px) {
    .hero-service__col--main {
        padding-right: 40px;
        padding-top: 0
    }
}

.hero-service__col--main .title span {
    background: -webkit-linear-gradient(#fdc60b, #f28f3f, #ed693c);
    -webkit-background-clip: text;
    color: #ed693c;
    -webkit-text-fill-color: transparent
}

.hero-service .breadcrumb {
    margin-bottom: 12px
}

.hero-service p {
    font-size: 18px;
    line-height: 145%
}

.hero-service p p {
    font-size: inherit;
    line-height: inherit
}

.hero-service ul:not(:first-child) {
    margin-top: 40px
}

.hero-service .subtitle {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .35em;
    line-height: 145%;
    margin-bottom: 20px;
    text-transform: uppercase
}

.hero-service .subtitle p {
    font-size: inherit;
    line-height: inherit
}

.hero-service .title {
    font-size: 56px;
    font-weight: 800;
    margin-bottom: 24px
}

@media (max-width:1199px) {
    .hero-service .title {
        font-size: 48px
    }
}

@media (max-width:599px) {
    .hero-service .title {
        font-size: 36px
    }
}

.hero-service__row {
    row-gap: 40px
}

@media (max-width:990px) {
    .hero-service__row {
        flex: auto
    }
}

.hero-service__box {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 7px 1px 100px rgba(0, 0, 0, .1);
    padding: 36px 48px
}

.hero-service__box .title {
    color: #23231a
}

.hero-service--single .section__inner {
    display: flex;
    flex-flow: column;
    min-height: 100vh;
    padding-bottom: 60px;
    row-gap: 100px
}

@media (min-width:991px) {
    .hero-service--single .section__inner {
        justify-content: center
    }
}

.hero-service--single .breadcrumb {
    margin-bottom: auto
}

.hero-service--single .title {
    font-size: 54px
}

@media (max-width:1599px) {
    .hero-service--single .title {
        font-size: 40px
    }
}

@media (max-width:1199px) {
    .hero-service--single .title {
        font-size: 36px
    }
}

@media (max-width:990px) {
    .hero-service--single .title {
        font-size: 30px
    }
}

@media (max-width:599px) {
    .hero-service--single .title {
        font-size: 24px
    }
}

.hero-service--single .hero-service__media img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:991px) {
    .hero-service--single .hero-service__media img {
        max-height: calc(100vh - 220px);
        min-height: 240px
    }
}

.hero-service--mobileapp {
    background-color: #231236;
    color: #fff
}

.hero-service--mobileapp .hero-service__col--main .title span {
    color: #ed693c
}

.hero-service--media-stick {
    overflow: hidden;
    position: relative;
    z-index: 2
}

.hero-service--media-stick .container {
    position: relative
}

@media (min-width:1200px) {
    .hero-service--media-stick .section__inner {
        padding-bottom: 170px
    }
}

.hero-service--media-stick .hero-service__row {
    position: relative
}

@media (min-width:991px) {
    .hero-service--media-stick .hero-service__row {
        min-height: 480px
    }
}

@media (min-width:1200px) {
    .hero-service--media-stick .hero-service__col--main {
        display: flex;
        flex-flow: column;
        justify-content: center;
        min-height: 480px
    }
}

.hero-service--media-stick .hero-service__media {
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

@media (min-width:1200px) {
    .hero-service--media-stick .hero-service__media {
        height: 480px;
        left: 60%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 590px
    }
}

@media (min-width:1200px) and (max-width:1599px) {
    .hero-service--media-stick .hero-service__media {
        left: 55%
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .hero-service--media-stick .hero-service__media {
        left: 50%
    }
}

.hero-service--media-stick .hero-service__media img {
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hero-service--media-stick .hero-service__media .vid-playbtn {
    align-items: center;
    background-color: rgba(0, 0, 0, .15);
    color: #fff;
    display: flex;
    font-size: 60px;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.breadcrumb-section+.hero-service .section__inner {
    padding-top: 80px
}

.serv-spec+.serv-spec .section__inner {
    padding-top: 0
}

.serv-spec .large-bg-title {
    top: 80px
}

.serv-spec+.serv-spec .large-bg-title {
    top: -30px
}

.serv-spec__row {
    margin-left: -16px;
    margin-right: -16px;
    row-gap: 32px
}

.serv-spec__row>* {
    padding-left: 16px;
    padding-right: 16px
}

.serv-spec__card {
    display: flex;
    flex-flow: column;
    height: 100%
}

.serv-spec__card-row {
    align-items: center;
    flex: auto
}

.serv-spec__card .icon {
    margin-bottom: 20px
}

.serv-spec__card .list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px
}

.serv-spec__card .card-inner {
    align-items: flex-start;
    background-color: #fff;
    border: 1px solid #3d4751;
    border-radius: 6px;
    color: inherit;
    display: flex;
    flex: auto;
    flex-flow: column;
    padding: 36px 24px 48px;
    position: relative
}

.serv-spec__card .card-inner,
.serv-spec__card .card-inner *,
.serv-spec__card .card-inner :before,
.serv-spec__card .card-inner:before {
    transition: all .3s ease-out
}

.serv-spec__card .card-inner .icon {
    position: relative;
    z-index: 1;
    --t-scale: 0
}

.serv-spec__card .card-inner .icon:before {
    background-color: #fff;
    border-radius: 6px;
    content: "";
    height: calc(100% + 20px);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(var(--t-scale));
    transition-duration: .15s;
    width: calc(100% + 20px);
    z-index: -1
}

.serv-spec__card .card-inner .icon img {
    height: 48px;
    width: auto
}

.serv-spec__card .card-inner .title {
    padding-right: 24px
}
.serv-spec__media {
    align-items: center;
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center
}

.serv-spec__media img {
    height: 300px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.serv-spec__col:hover .serv-spec__card .card-inner {
    background-color: #ed693c;
    background: linear-gradient(to bottom left, #fdc60b, #f28f3f, #ed693c);
    background: linear-gradient(90deg, #fdc60b -30%, #f28f3f, #ed693c);
    box-shadow: -4px 4px 0 -1px #ed693c, -4px 4px 0 0 #3d4751, -8px 8px 0 -1px #ed693c, -8px 8px 0 0 #3d4751;
    transform: translate(8px, -8px)
}

@media (max-width:990px) {
    .serv-spec__col:hover .serv-spec__card .card-inner {
        background: linear-gradient(180deg, #fdc60b -30%, #f28f3f, #ed693c)
    }
}

.serv-spec__col:hover .serv-spec__card .card-inner,
.serv-spec__col:hover .serv-spec__card .card-inner li:before {
    color: #fff
}

.serv-spec__col:hover .serv-spec__card .card-inner .icon {
    --t-scale: 1
}

.t-brands {
    overflow: hidden
}

.t-brands .section__inner {
    padding: 40px 0
}

.t-brands .title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 30px
}

@media (max-width:1199px) {
    .t-brands .title {
        font-size: 28px
    }
}

.t-brands .title-sub {
    color: #47266f;
    font-size: 20px;
    text-transform: uppercase
}

.t-brands .title-sub:before {
    color: rgba(0, 0, 0, .15);
    content: "|";
    margin: 0 20px
}

.t-brands .slick-list {
    overflow: visible
}

.t-brands .slick-slide {
    padding: 0 24px
}

.serv-techstack__box {
    border-radius: 6px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .06);
    padding: 40px
}

.serv-techstack__box .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px
}

@media (max-width:1199px) {
    .serv-techstack__box .title {
        font-size: 18px
    }
}

.serv-techstack .techstack:not(:first-child) {
    margin-top: 40px
}

.techstack__cards {
    display: flex;
    flex-wrap: wrap
}

.techstack__card {
    align-items: center;
    border-radius: 6px;
    display: flex;
    flex: 0 0 115px;
    justify-content: center;
    min-height: 95px;
    min-width: 1px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 115px
}

.techstack__card,
.techstack__card .media,
.techstack__card .name {
    transition: all .3s ease-out
}

.techstack__card .media {
    height: 36px;
    width: auto
}

.techstack__card .name {
    font-size: 16px;
    font-weight: 400;
    left: 50%;
    line-height: 145%;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: calc(50% + 35px);
    transform: translate(-50%, -50%);
    width: 95%
}

.techstack__card .name:last-child {
    margin-bottom: 0
}

.techstack__card:hover {
    background-color: rgba(71, 38, 111, .05)
}

.techstack__card:hover .media {
    transform: translateY(-15px)
}

.techstack__card:hover .name {
    opacity: 1;
    top: calc(50% + 20px)
}

.nda-cta {
    background-color: #231236;
    color: #fff
}

.nda-cta__row {
    max-width: 960px
}

@media (min-width:768px) {
    .nda-cta__row {
        margin-left: auto;
        margin-right: auto
    }

    .nda-cta__row>* {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width:767px) {
    .nda-cta__row {
        margin-left: 0;
        margin-right: 0
    }

    .nda-cta__row>* {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:768px) {
    .nda-cta__col--title {
        border-right: 2px solid #fff
    }
}

@media (max-width:767px) {
    .nda-cta__col--title {
        border-bottom: 2px solid #fff;
        padding-bottom: 40px
    }
}

.nda-cta-title {
    margin-bottom: 0
}

@media (min-width:768px) {
    .nda-cta-title {
        text-align: right
    }
}

.nda-cta__content {
    padding-left: 80px;
    position: relative
}

.nda-cta__content .icon {
    left: 0;
    position: absolute;
    top: 0;
    width: 60px
}

.nda-cta__content .icon img {
    width: 100%
}

.nda-cta__content .btn {
    border-color: #fff;
    border-radius: 9999px;
    color: #fff
}

.nda-cta__content .btn-wrap {
    margin: 20px 0 10px
}

.nda-cta__content .note p {
    font-size: 13px;
    line-height: 145%
}

.nda-cta__content .note p p {
    font-size: inherit;
    line-height: inherit
}

.who-we-work .section__heading {
    text-align: center
}

@media (min-width:1200px) {
    .who-we-work .section__inner {
        padding-top: 40px
    }
}

.when-need--orange {
    background-color: #ed693c;
    background: linear-gradient(90deg, #fdc60b -30%, #f28f3f, #ed693c);
    color: #fff
}

@media (max-width:990px) {
    .when-need--orange {
        background: linear-gradient(180deg, #fdc60b -30%, #f28f3f, #ed693c)
    }
}

.when-need .section-title {
    margin-bottom: 30px
}

.when-need .btn {
    border-radius: 9999px
}

@media (min-width:1200px) {

    .how-help__col:first-child,
    .when-need__col:first-child {
        padding-right: 90px
    }

    .how-help__col:last-child {
        max-height: 400px;
        overflow-y: auto
    }

    .how-help__col:last-child::-webkit-scrollbar {
        width: 6px
    }

    .how-help__col:last-child::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
    }

    .how-help__col:last-child::-webkit-scrollbar-thumb {
        background-color: #ed693c;
        background: linear-gradient(180deg, #fdc60b, #f28f3f, #ed693c)
    }
}

.s-workflow .section__heading {
    max-width: 880px
}

.s-workflow .hserv__card {
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
    height: 100%;
    padding: 30px 20px;
    position: relative
}

.s-workflow .hserv__card .icon {
    position: absolute;
    right: 20px;
    top: 30px
}

.s-workflow .hserv__card .title .num {
    display: block;
    font-size: 24px;
    font-weight: 600;
    opacity: .2
}

@media (max-width:1199px) {
    .s-workflow .hserv__card .title .num {
        font-size: 20px
    }
}

.why-choose .section__heading {
    text-align: center
}

@media (min-width:1200px) {
    .why-choose .def-c__row {
        margin-left: auto;
        margin-right: auto;
        max-width: 960px
    }
}

.mission,
.why-choose--res {
    background-color: #fafafc
}

.mission .container {
    position: relative
}

.mission__row {
    align-items: center
}

.mission p {
    font-size: 18px;
    line-height: 145%
}

.mission p p {
    font-size: inherit;
    line-height: inherit
}

.mission__media {
    border-radius: 12px
}

.mission .awards-box {
    margin-bottom: 60px
}

@media (min-width:991px) {
    .mission .awards-box {
        left: 0;
        position: absolute;
        top: 0;
        transform: translateY(-50%)
    }
}

.vision {
    background-color: #231236;
    color: #fff;
    position: relative
}

@media (min-width:991px) {
    .vision .section__inner {
        padding: 0
    }
}

.vision__row {
    align-items: center
}

@media (min-width:991px) {
    .vision__col--media {
        min-height: 450px
    }

    .vision__col--text {
        padding-bottom: 120px;
        padding-left: 100px;
        padding-top: 100px
    }
}

.vision__media {
    align-items: flex-end;
    display: flex
}

@media (min-width:991px) {
    .vision__media {
        bottom: 0;
        height: 450px;
        left: 0;
        max-height: 100%;
        position: absolute;
        width: 50%
    }
}

.vision__media svg {
    height: auto;
    max-height: 100%;
    width: 100%
}

.vision p {
    font-size: 18px;
    line-height: 145%
}

.vision p p {
    font-size: inherit;
    line-height: inherit
}

.team .section__heading {
    max-width: 960px
}

@media (min-width:768px) {
    .team__row {
        margin-left: -20px;
        margin-right: -20px
    }

    .team__row>* {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:767px) {
    .team__row {
        margin-left: -10px;
        margin-right: -10px
    }

    .team__row>* {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width:1200px) {
    .team__col {
        flex: 0 0 20%
    }
}

.team__card .name {
    font-size: 18px;
    font-weight: 700;
    line-height: 145%
}

.team__card .pos {
    color: #4f4f3b;
    font-size: 14px;
    font-weight: 400;
    line-height: 145%;
    margin-bottom: 8px
}

.team__card .media {
    aspect-ratio: 9/7;
    background-color: #d9d9d9;
    border-radius: 20px;
    margin-top: 20px;
    position: relative
}

.team__card .media img {
    bottom: 0;
    height: calc(100% + 20px);
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.team__card:hover .media {
    background-color: #1a73e8
}

.team__col:nth-child(2n) .team__card:hover .media {
    background-color: #ed693c
}

.team__col:nth-child(3n) .team__card:hover .media {
    background-color: #16a87a
}

.team__col:nth-child(4n) .team__card:hover .media {
    background-color: #ed9b40
}

.team__col:nth-child(5n) .team__card:hover .media {
    background-color: #47266f
}

.team__col:nth-child(6n) .team__card:hover .media {
    background-color: #231236
}

.team__col:nth-child(7n) .team__card:hover .media {
    background-color: #16a87a
}

.tech-stack__box .nav-tabs {
    border-bottom: 1px solid #e2e2e2;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 20px
}

.tech-stack__box .nav-tabs .nav-link {
    border-width: 0 0 2px;
    color: #23231a;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0
}

.tech-stack__box .nav-tabs .nav-link.active {
    border-color: #47266f
}

.video-hero {
    position: relative
}

.video-hero video {
    border-radius: 24px
}

.video-hero .play-btn {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 0;
    transition: all .15s ease;
    width: 100%
}

.video-hero .play-btn i,
.video-hero .play-btn span {
    font-size: 90px;
    text-shadow: 1px 0 6px rgba(0, 0, 0, .3)
}

.video-hero:hover .play-btn {
    opacity: 1
}

@media (min-width:1200px) {
    .blog-listing .section-title {
        margin-bottom: 40px
    }

    .blog-post__main {
        padding-left: 80px
    }
}

.blog-post__main .tags {
    margin-top: 30px
}

@media (max-width:1199px) {
    .blog-post__side {
        display: none
    }
}

.contact .awards {
    display: block
}

.contact .awards__items {
    --column-count: 4;
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(var(--column-count), minmax(0, 1fr));
    width: 100%
}

@media (max-width:599px) {
    .contact .awards__items {
        --column-count: 3
    }
}

@media (max-width:413px) {
    .contact .awards__items {
        --column-count: 2
    }
}

.contact .awards img {
    height: 140px;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 10px;
    width: 100%
}

@media (max-width:1199px) {
    .contact .awards img {
        height: 100px
    }
}

.contact .card {
    border-color: transparent;
    border-radius: 10px;
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .08);
    height: 100%
}

.contact .card .card-body {
    padding: 2rem
}

@media (max-width:1199px) {
    .contact .card .card-body {
        padding: 1.5rem 1rem
    }
}

.contact .card .section-heading {
    margin-bottom: 30px
}

.contact .card .section-heading p {
    font-size: 18px;
    line-height: 145%
}

.contact .card .section-heading p p {
    font-size: inherit;
    line-height: inherit
}

.contact .card h1,
.contact .card h2 {
    font-size: 42px;
    font-weight: 700
}

@media (max-width:1199px) {

    .contact .card h1,
    .contact .card h2 {
        font-size: 32px
    }
}

.contact .card h4 {
    margin-bottom: 12px
}

.contact .form-control {
    font-size: 16px
}

.contacts {
    border-top: 1px solid #e2e2e2;
    margin-top: 20px;
    padding-top: 20px
}

.contacts .title {
    margin-bottom: 16px
}

.contacts .row {
    row-gap: 20px
}

.contacts-item i {
    align-items: center;
    aspect-ratio: 1;
    background-color: #1a73e8;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    justify-content: center;
    width: 24px
}

.contacts-item i.fa-whatsapp {
    font-size: 16px
}

.contact-loc .section__heading {
    text-align: center
}

.contact-loc .section__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
    padding-top: 0
}

.contact-loc__card {
    align-items: center;
    display: flex;
    gap: 12px
}

.contact-loc__card .media {
    aspect-ratio: 4/3;
    border-radius: 4px;
    flex: 0 0 150px;
    overflow: hidden;
    width: 150px
}

.contact-loc__card .media img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.hero-case .section__inner {
    padding-top: 0
}

.hero-case__row {
    display: flex
}

@media (min-width:991px) {
    .hero-case__col--content {
        padding-top: 100px
    }

    .hero-case__col--media {
        padding-top: 60px
    }
}

.hero-case__content .logo {
    margin-bottom: 20px
}

.hero-case__content .logo img {
    max-height: 60px;
    max-width: 240px
}

.hero-case__content .title {
    margin-bottom: 30px
}

.hero-case__media img {
    width: 100%
}

.case-counter:not(:first-child) {
    margin-top: 80px
}

.case-counter .row {
    margin-left: -12px;
    margin-right: -12px
}

.case-counter .row>* {
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width:1200px) {
    .case-counter .row {
        flex-wrap: nowrap
    }
}

.case-counter .row>*>.case-counter__card {
    height: 100%
}

.case-counter .col {
    min-width: 150px
}

@media (max-width:990px) {
    .case-counter .col {
        flex: 0 0 25%
    }
}

@media (max-width:767px) {
    .case-counter .col {
        flex: 0 0 33.33333%
    }
}

@media (max-width:599px) {
    .case-counter .col {
        flex: 0 0 50%
    }
}

.case-counter__card {
    align-items: center;
    border-radius: 12px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 16px 24px
}

.case-counter__card .num {
    color: #ed693c;
    font-size: 36px;
    font-weight: 700;
    grid-row-start: 1;
    line-height: 1;
    margin-bottom: 0
}

.case-counter__card .title {
    font-size: 14px;
    font-weight: 700;
    grid-column: span 2/span 2;
    margin-bottom: 0;
    margin-top: 10px;
    text-transform: uppercase
}

.case-counter__card .icon {
    display: flex;
    grid-row-start: 1;
    justify-content: flex-end
}

.case-counter__card .icon * {
    transition: all .3s ease-out
}

.case-counter__card .icon i,
.case-counter__card .icon span {
    color: rgba(71, 38, 111, .35);
    font-size: 18px
}

.case-counter__card .icon img {
    filter: grayscale(100%);
    height: 24px;
    width: 24px
}

.case-counter__card:hover .icon i,
.case-counter__card:hover .icon span {
    color: #47266f
}

.case-counter__card:hover .icon img {
    filter: grayscale(0)
}

.case-about {
    background-color: #231236;
    color: #fff
}

.case-about .section__inner {
    padding: 80px 0
}

.case-about .title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase
}

@media (max-width:1199px) {
    .case-about .title {
        font-size: 18px
    }
}

.case-about .content-wrap {
    max-width: 600px
}

.case-about p a {
    color: #ed693c
}

.case-img-gallery .row {
    margin-left: -10px;
    margin-right: -10px;
    row-gap: 20px
}

.case-img-gallery .row>* {
    padding-left: 10px;
    padding-right: 10px
}

.case-img-gallery .img-wrap {
    background-color: #fafafc;
    border-radius: 6px;
    margin-bottom: 20px;
    overflow: hidden
}

.case-img-gallery .img-wrap:last-child {
    margin-bottom: 0
}

.case-img-gallery .img-wrap img {
    aspect-ratio: 100/69;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.case-img-gallery .col-portrait .img-wrap {
    height: 100%
}

.case-result {
    overflow: hidden
}

.case-result .section__inner {
    padding-top: 0
}

.case-result .row {
    margin-left: -30px;
    margin-right: -30px
}

.case-result .row>* {
    padding-left: 30px;
    padding-right: 30px
}

.case-result .container {
    max-width: 100%;
    padding: 0
}

@media (min-width:991px) {
    .case-result .col-content {
        padding-right: 40px;
        padding-top: 120px
    }
}

.case-result .content-wrap {
    max-width: 460px
}

@media (max-width:990px) {
    .case-result .content-wrap {
        margin-left: auto;
        margin-right: auto;
        padding-left: 40px;
        padding-right: 40px
    }
}

.case-result .content-wrap h2 {
    margin-bottom: 24px
}

.case-result .content-wrap p {
    font-size: 18px;
    line-height: 145%
}

.case-result .content-wrap p p {
    font-size: inherit;
    line-height: inherit
}

.case-overview .section__inner {
    padding-top: 0
}

.case-overview .content-wrap:not(:last-child) {
    margin-bottom: 100px
}

@media (max-width:599px) {
    .case-overview .content-wrap:not(:last-child) {
        margin-bottom: 60px
    }
}

.case-overview .title {
    margin-bottom: 20px
}

.case-overview p {
    font-size: 18px;
    line-height: 145%
}

.case-overview p p {
    font-size: inherit;
    line-height: inherit
}

.case-overview__list {
    margin-bottom: 0;
    padding-left: 0
}

.case-overview__list li {
    display: flex;
    margin-bottom: 40px
}

@media (max-width:599px) {
    .case-overview__list li {
        flex-wrap: wrap;
        margin-bottom: 20px
    }
}

.case-overview__list li a {
    color: inherit
}

.case-overview__list li a:hover {
    color: #47266f
}

.case-overview__list li:last-child {
    margin-bottom: 0
}

.case-overview__list li .detail,
.case-overview__list li .title {
    font-size: 18px;
    line-height: 145%;
    margin-bottom: 0;
    width: 100%
}

.case-overview__list li .detail p,
.case-overview__list li .title p {
    font-size: inherit;
    line-height: inherit
}

.case-overview__list li .title {
    color: #47266f;
    color: #ed693c;
    font-weight: 700
}

@media (min-width:600px) {
    .case-overview__list li .title {
        width: 35%
    }

    .case-overview__list li .detail {
        width: 65%
    }
}

.case-desc {
    overflow: hidden
}

@media (max-width:1199px) {
    .case-desc {
        background-color: #ed693c;
        background: linear-gradient(90deg, #fdc60b -30%, #f28f3f, #ed693c)
    }
}

@media (max-width:1199px) and (max-width:990px) {
    .case-desc {
        background: linear-gradient(180deg, #fdc60b -30%, #f28f3f, #ed693c)
    }
}

.case-desc .section__inner {
    padding-bottom: 0;
    padding-top: 0
}

.case-desc__main {
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative;
    z-index: 1
}

@media (min-width:1200px) {
    .case-desc__main:before {
        background-color: #ed693c;
        background: linear-gradient(90deg, #fdc60b -30%, #f28f3f, #ed693c);
        border-radius: 12px;
        content: "";
        height: 100%;
        left: 50px;
        max-width: 100vw;
        position: absolute;
        top: 0;
        width: 1000%;
        z-index: -1
    }
}

@media (min-width:1200px) and (max-width:990px) {
    .case-desc__main:before {
        background: linear-gradient(180deg, #fdc60b -30%, #f28f3f, #ed693c)
    }
}

@media (min-width:1600px) {
    .case-desc__main:before {
        left: 12%
    }
}

.case-desc__main-row {
    align-items: center;
    margin: 0
}

@media (max-width:1199px) {
    .case-desc__main-row {
        flex-flow: column
    }
}

.case-desc .col-figures,
.case-desc .col-media {
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1), 10px 10px 20px 0 rgba(0, 0, 0, .15);
    padding: 0
}

.case-desc .col-media {
    border-radius: 12px;
    flex: 0 0 768px;
    overflow: hidden
}

@media (max-width:1399px) {
    .case-desc .col-media {
        flex: 0 0 600px
    }
}

@media (max-width:1199px) {
    .case-desc .col-media {
        flex: initial;
        width: 100%
    }
}

@media (min-width:1200px) {
    .case-desc .col-media {
        order: -1;
        z-index: 2
    }
}

.case-desc .col-figures {
    max-width: 620px
}

.case-desc__box {
    background-color: #fff;
    border-radius: 12px;
    padding: 30px 40px 40px
}

@media (max-width:1199px) {
    .case-desc__box {
        padding: 24px
    }
}

@media (min-width:1200px) {
    .case-desc__box {
        border-radius: 0 12px 12px 0
    }
}

.case-desc__box .title {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 40px
}

@media (max-width:1199px) {
    .case-desc__box .title {
        font-size: 28px
    }
}

.case-desc__box .number {
    margin-bottom: 5px
}

.case-desc__info .row {
    align-items: flex-start;
    margin-left: -10px;
    margin-right: -10px
}

.case-desc__info .row>* {
    padding-left: 10px;
    padding-right: 10px
}

.case-desc__info .col {
    min-width: 120px
}

.case-section__card {
    border-radius: 12px;
    margin: 48px 0;
    padding: 48px
}

@media (min-width:1200px) {
    .case-section__card {
        font-size: 18px
    }
}

@media (max-width:1199px) {
    .case-section__card {
        margin: 36px 0;
        padding: 36px
    }
}

@media (max-width:990px) {
    .case-section__card {
        margin: 24px 0;
        padding: 24px
    }
}

.case-section__card:first-child {
    margin-top: 0
}

.case-section__card:last-child {
    margin-bottom: 0
}

.case-section__card.bg-alt {
    background-color: rgba(237, 105, 60, .05)
}

@media (min-width:1200px) {
    .case-section .col--content {
        padding-left: 60px
    }
}

.case-section .section-title {
    position: sticky;
    top: 110px
}

.case-section ol,
.case-section p,
.case-section ul {
    font-size: inherit
}

.case-section .list-tick li {
    padding-left: 28px
}

.case-section .list-tick li:before {
    font-size: 18px;
    height: 24px;
    width: 24px
}

.case-section .list-steps-num li {
    padding-left: 48px
}

.case-section .list-steps-num li:before {
    background: linear-gradient(to bottom right, #ed693c, #f28f3f);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    height: 32px;
    width: 32px
}

.img-scase__slider-wrap {
    overflow: hidden
}

.img-scase__slider .slick-list {
    overflow: visible
}

@media (min-width:1200px) {
    .img-scase__slider .slick-list {
        padding-right: 30%
    }
}

.img-scase__slider .slick-track {
    margin: 0 -12px
}

.img-scase__slider .slick-slide {
    padding: 0 12px
}

.img-scase__slider .slick-slide img {
    border-radius: 12px;
    display: block;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.taxi-clone-apps {
    overflow: hidden
}

.taxi-clone-apps .section-heading {
    margin-bottom: 50px
}

.taxi-clone-apps .section__main {
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px
}

.taxi-clone-apps .section__main .tab-content {
    background-color: #1b4079;
    border-radius: 12px;
    color: #fff
}

.taxi-clone-apps .row {
    align-items: center;
    margin-left: -20px;
    margin-right: -20px
}

.taxi-clone-apps .row>* {
    padding-left: 20px;
    padding-right: 20px
}

@media (max-width:990px) {
    .taxi-clone-apps .row {
        flex-flow: column
    }
}

.taxi-clone-apps .col--tablist {
    position: relative
}

@media (min-width:991px) {
    .taxi-clone-apps .col--tablist {
        flex: 0 0 465px
    }
}

.taxi-clone-apps .nav {
    gap: 20px
}

.taxi-clone-apps .nav .nav-item {
    flex: 0 0 calc(50% - 10px)
}

.taxi-clone-apps .nav .nav-item .icon {
    align-items: center;
    background-color: #231236;
    border-radius: 50%;
    display: flex;
    height: 48px;
    justify-content: center;
    margin-bottom: 20px;
    width: 48px
}

.taxi-clone-apps .nav .nav-item .icon img {
    filter: brightness(0) invert(1);
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.taxi-clone-apps .nav .nav-link {
    align-items: flex-start;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    color: #3d4751;
    display: flex;
    flex-flow: column;
    padding: 40px 20px;
    transition: all .2s;
    width: 100%
}

.taxi-clone-apps .nav .nav-link img {
    height: 30px;
    margin-bottom: 5px;
    width: auto
}

.taxi-clone-apps .nav .nav-link.active {
    background-color: #fff;
    border-left-color: #47266f;
    border-left-width: 5px;
    color: #23231a
}

.taxi-clone-apps .bg-img {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 520px;
    z-index: -1
}

.taxi-clone-apps .taxi-img {
    bottom: -60px;
    position: absolute;
    right: -180px;
    width: 290px
}

.type-vertical .section__main>.row {
    flex-flow: column
}

.type-vertical .section__main>.row>* {
    flex: initial;
    width: 100%
}

.type-vertical .section__main .tab-content {
    background-color: transparent;
    color: inherit
}

.type-vertical .hero-img {
    display: block;
    height: 580px;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    -o-object-fit: contain;
    object-fit: contain
}

.type-vertical .nav {
    display: flex
}

.type-vertical .nav .nav-item {
    flex: 1
}

.type-vertical .nav .nav-link {
    align-items: center
}

.type-vertical .nav .nav-link p,
.type-vertical .nav .nav-link.active .icon {
    display: none
}

.type-vertical .nav .nav-link.active p {
    display: block
}

.food-clone-apps {
    background-color: #16a87a;
    color: #fff
}

.food-clone-apps .section-heading {
    margin-bottom: 50px
}

.food-clone-apps .section-heading .section-title:last-child {
    margin-bottom: 0
}

.food-clone-apps .section__main {
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px
}

.food-clone-apps .carousel {
    background-color: #fff;
    border-radius: 12px;
    display: flex;
    overflow: hidden
}

@media (max-width:990px) {
    .food-clone-apps .carousel {
        flex-flow: column
    }
}

@media (min-width:991px) {
    .food-clone-apps .carousel-controls {
        display: none
    }
}

.food-clone-apps .carousel-control-next,
.food-clone-apps .carousel-control-prev {
    bottom: unset;
    top: 38%
}

.food-clone-apps .carousel-control-next-icon,
.food-clone-apps .carousel-control-prev-icon {
    background-size: 24px;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px
}

.food-clone-apps .carousel-indicators {
    display: flex;
    flex: 0 0 285px;
    flex-flow: column;
    gap: 0;
    margin: 0;
    position: static
}

@media (max-width:990px) {
    .food-clone-apps .carousel-indicators {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.food-clone-apps .carousel-indicators button {
    align-items: center;
    background-color: #fff;
    border: 0;
    color: #23231a;
    display: flex;
    gap: 10px 20px;
    height: auto;
    margin: 0;
    opacity: 1;
    padding: 24px;
    position: relative;
    text-align: left;
    text-indent: 0;
    width: auto
}

@media (max-width:990px) {
    .food-clone-apps .carousel-indicators button {
        flex-flow: column;
        text-align: center
    }
}

.food-clone-apps .carousel-indicators button:before {
    border: 35px solid transparent;
    border-top: 15px solid #16a87a;
    bottom: 0;
    content: "";
    height: 0;
    left: inherit;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: -60px;
    top: 0;
    transform: rotate(270deg);
    width: 0;
    z-index: 9
}

@media (max-width:990px) {
    .food-clone-apps .carousel-indicators button:before {
        display: none
    }
}

.food-clone-apps .carousel-indicators button img {
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 80px
}

.food-clone-apps .carousel-indicators button .title {
    color: #6c6c50;
    margin-bottom: 0
}

.food-clone-apps .carousel-indicators button.active {
    background-color: #fafafc
}

.food-clone-apps .carousel-indicators button.active .title {
    color: #23231a
}

.food-clone-apps .carousel-indicators button.active:before {
    opacity: 1
}

.food-clone-apps .carousel-inner {
    background-color: #1b4079;
    flex: auto
}

@media (max-width:990px) {
    .food-clone-apps .carousel-inner {
        order: -1
    }
}

.food-clone-apps .clone-app__card {
    padding-bottom: 35px
}

.food-clone-apps .clone-app__card>* {
    flex: 1
}

.food-clone-apps .clone-app__card .content-wrap {
    max-width: none
}

.food-clone-apps .clone-app__card .media {
    display: flex;
    justify-content: center
}

.food-clone-apps .clone-app__card .media img {
    height: 500px
}

@media (max-width:990px) {
    .od-clone-apps .section-title {
        text-align: center
    }
}

.od-clone-apps__carousel .row {
    align-items: center
}

@media (min-width:991px) {
    .od-clone-apps__carousel .carousel-controls {
        display: none
    }
}

.od-clone-apps__carousel .carousel-control-next,
.od-clone-apps__carousel .carousel-control-prev {
    bottom: unset;
    opacity: 1;
    top: 38%;
    z-index: 2
}

.od-clone-apps__carousel .carousel-control-next-icon,
.od-clone-apps__carousel .carousel-control-prev-icon {
    align-items: center;
    background-size: 24px;
    background: none;
    background-color: hsla(0, 0%, 100%, .75);
    background-image: none;
    border: 0;
    border-radius: 50%;
    color: #23231a;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.od-clone-apps__carousel .carousel-control-next-icon:before,
.od-clone-apps__carousel .carousel-control-prev-icon:before {
    font-family: Font Awesome\ 6 Pro;
    font-size: 24px;
    font-weight: 700
}

.od-clone-apps__carousel .carousel-control-prev-icon:before {
    content: "\f053"
}

.od-clone-apps__carousel .carousel-control-next-icon:before {
    content: "\f054"
}

.od-clone-apps__carousel .carousel-indicators {
    align-items: flex-start;
    flex-flow: column;
    justify-content: flex-start;
    margin: 0;
    position: static;
    text-align: left
}

@media (max-width:990px) {
    .od-clone-apps__carousel .carousel-indicators {
        display: none
    }
}

.od-clone-apps__carousel .carousel-indicators button {
    background-color: transparent;
    border: 0;
    height: auto;
    margin: 0;
    text-indent: 0;
    width: 100%
}

@media (min-width:991px) {
    .od-clone-apps__carousel .carousel-inner .clone-tab {
        display: none
    }
}

@media (max-width:990px) {
    .od-clone-apps__carousel .carousel-inner .clone-tab {
        padding-left: 15px;
        text-align: center
    }

    .od-clone-apps__carousel .carousel-inner .clone-tab:before {
        display: none
    }

    .od-clone-apps__carousel .carousel-inner .clone-tab__header {
        flex-flow: column
    }

    .od-clone-apps__carousel .carousel-inner .clone-tab__body {
        text-align: center
    }

    .od-clone-apps__carousel .carousel-inner .clone-tab .btn-wrap {
        justify-content: center
    }
}

.od-clone-apps__carousel .indicator-title {
    margin-bottom: 32px
}

.gd-clone-apps {
    background-color: #fafafc
}

.gd-clone-apps .section-heading {
    margin-bottom: 50px
}

.gd-clone-apps .section-heading .section-title:last-child {
    margin-bottom: 0
}

.gd-clone-apps__card {
    background-color: #1b4079;
    border-radius: 10px;
    color: #fff;
    display: flex;
    flex-flow: column;
    margin-top: 35px;
    padding: 30px 30px 0;
    text-align: center
}

.gd-clone-apps__card .logo,
.gd-clone-apps__card .mobile-shot {
    margin-left: auto;
    margin-right: auto
}

.gd-clone-apps__card .logo {
    background-color: #fff;
    border: 10px solid hsla(0, 0%, 100%, .25);
    border-radius: 6px;
    box-shadow: 0 2px 24px rgba(0, 0, 0, .1);
    margin-top: -65px;
    width: 130px
}

.gd-clone-apps__card .logo img {
    height: auto
}

.gd-clone-apps__card .title {
    margin: 15px 0
}

.gd-clone-apps__card .mobile-shot {
    margin-top: 10px
}

.gd-clone-apps__card .mobile-shot img {
    width: 100%
}

.msm-clone-apps {
    background-color: #1b4079;
    color: #fff
}

.msm-clone-apps .container {
    max-width: 1140px
}

.msm-clone-apps__carousel .row {
    margin-left: -30px;
    margin-right: -30px
}

.msm-clone-apps__carousel .row>* {
    padding-left: 30px;
    padding-right: 30px
}

@media (min-width:991px) {
    .msm-clone-apps__carousel .col--inner {
        flex: auto
    }
}

.msm-clone-apps__carousel .col--indicator {
    order: 2
}

@media (min-width:991px) {
    .msm-clone-apps__carousel .col--indicator {
        flex: 0 0 440px
    }
}

.msm-clone-apps__carousel .clone-tab {
    color: #fff;
    padding-left: 15px
}

@media (min-width:991px) {
    .msm-clone-apps__carousel .clone-tab {
        padding-right: 50px
    }
}

.msm-clone-apps__carousel .clone-tab:before {
    color: inherit;
    content: "+";
    font-size: 20px;
    left: auto;
    right: 0
}

.msm-clone-apps__carousel .active .clone-tab:before {
    content: "\f068"
}

@media (max-width:990px) {
    .msm-clone-apps__carousel .clone-app__card .content-wrap {
        display: none
    }
}

.msm-clone-apps__carousel .clone-tab {
    border-bottom-color: transparent;
    margin-bottom: 0;
    padding-bottom: 14px
}

@media (max-width:990px) {
    .msm-clone-apps__carousel .clone-tab {
        padding-top: 20px
    }

    .msm-clone-apps__carousel .clone-tab__header {
        row-gap: 12px
    }
}

.monthly-fee__row {
    align-items: center;
    margin-left: 0;
    margin-right: 0
}

.monthly-fee__row>* {
    padding-left: 0;
    padding-right: 0
}

.stats-box {
    background: linear-gradient(180deg, #23231a, #3d4751 30%, #23231a);
    border-radius: 24px;
    color: #fff;
    padding: 80px 42px
}

.stats-box-list {
    display: grid;
    gap: 40px 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0
}

.stats-box-list li p {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 0
}

.stats-box-list li span {
    font-size: 19px;
    font-weight: 700
}

.stats-box-list li.lg {
    grid-column: span 2/span 2
}

.stats-box-list li.lg p {
    font-size: 42px
}

.credit-card {
    background-color: #ffefbd;
    border-radius: 0 24px 24px 0;
    color: #23231a;
    padding: 65px 25px 55px 100px;
    position: relative
}

.credit-card .float-icon {
    height: 100px;
    left: 0;
    position: absolute;
    top: 32px;
    transform: translateX(-65%)
}

.credit-card .title {
    margin-bottom: 30px
}

.credit-card p {
    font-size: 18px;
    line-height: 145%
}

.credit-card p p {
    font-size: inherit;
    line-height: inherit
}

.resources-banner {
    background-color: #f6f6f4;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjUzNCIgZmlsbD0ibm9uZSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDE0NDAgNTM0Ij48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNGNkY2RjQiIGQ9Ik0wIDBoMTQ0MXY1MzRIMHoiLz48ZyBvcGFjaXR5PSIuNSI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0tMjM4IDEwNGgxOTE2djc5SC0yMzh6Ii8+PC9tYXNrPjxwYXRoIGZpbGw9IiNFMkUyRTIiIGQ9Ik0tMjM4IDEwNWgxOTE2di0ySC0yMzh6bTE5MTYgNzdILTIzOHYyaDE5MTZ6IiBtYXNrPSJ1cmwoI2IpIi8+PG1hc2sgaWQ9ImMiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0tMjM4IDE4M2gxOTE2djc5SC0yMzh6Ii8+PC9tYXNrPjxwYXRoIGZpbGw9IiNFMkUyRTIiIGQ9Ik0tMjM4IDE4NGgxOTE2di0ySC0yMzh6bTE5MTYgNzdILTIzOHYyaDE5MTZ6IiBtYXNrPSJ1cmwoI2MpIi8+PG1hc2sgaWQ9ImQiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0tMjM4IDI2MmgxOTE2djc5SC0yMzh6Ii8+PC9tYXNrPjxwYXRoIGZpbGw9IiNFMkUyRTIiIGQ9Ik0tMjM4IDI2M2gxOTE2di0ySC0yMzh6bTE5MTYgNzdILTIzOHYyaDE5MTZ6IiBtYXNrPSJ1cmwoI2QpIi8+PG1hc2sgaWQ9ImUiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0tMjM4IDM0MWgxOTE2djc5SC0yMzh6Ii8+PC9tYXNrPjxwYXRoIGZpbGw9IiNFMkUyRTIiIGQ9Ik0tMjM4IDM0MmgxOTE2di0ySC0yMzh6bTE5MTYgNzdILTIzOHYyaDE5MTZ6IiBtYXNrPSJ1cmwoI2UpIi8+PG1hc2sgaWQ9ImYiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0tMjM4IDQyMGgxOTE2djc5SC0yMzh6Ii8+PC9tYXNrPjxwYXRoIGZpbGw9IiNFMkUyRTIiIGQ9Ik0tMjM4IDQyMWgxOTE2di0ySC0yMzh6bTE5MTYgNzdILTIzOHYyaDE5MTZ6IiBtYXNrPSJ1cmwoI2YpIi8+PG1hc2sgaWQ9ImciIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0tMjM4IDQ5OWgxOTE2djc5SC0yMzh6Ii8+PC9tYXNrPjxwYXRoIGZpbGw9IiNFMkUyRTIiIGQ9Ik0tMjM4IDUwMGgxOTE2di0ySC0yMzh6bTE5MTYgNzdILTIzOHYyaDE5MTZ6IiBtYXNrPSJ1cmwoI2cpIi8+PG1hc2sgaWQ9ImgiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0xNDQxIDB2MTMxNGgtNzlWMHoiLz48L21hc2s+PHBhdGggZmlsbD0iI0UyRTJFMiIgZD0iTTE0NDAgMHYxMzE0aDJWMHptLTc3IDEzMTRWMGgtMnYxMzE0eiIgbWFzaz0idXJsKCNoKSIvPjxtYXNrIGlkPSJpIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTM2MiAwdjEzMTRoLTc5VjB6Ii8+PC9tYXNrPjxwYXRoIGZpbGw9IiNFMkUyRTIiIGQ9Ik0xMzYxIDB2MTMxNGgyVjB6bS03NyAxMzE0VjBoLTJ2MTMxNHoiIG1hc2s9InVybCgjaSkiLz48bWFzayBpZD0iaiIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTEyODMgMHYxMzE0aC03OVYweiIvPjwvbWFzaz48cGF0aCBmaWxsPSIjRTJFMkUyIiBkPSJNMTI4MiAwdjEzMTRoMlYwem0tNzcgMTMxNFYwaC0ydjEzMTR6IiBtYXNrPSJ1cmwoI2opIi8+PG1hc2sgaWQ9ImsiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0xMjA0IDB2MTMxNGgtNzlWMHoiLz48L21hc2s+PHBhdGggZmlsbD0iI0UyRTJFMiIgZD0iTTEyMDMgMHYxMzE0aDJWMHptLTc3IDEzMTRWMGgtMnYxMzE0eiIgbWFzaz0idXJsKCNrKSIvPjxtYXNrIGlkPSJsIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTEyNSAwdjEzMTRoLTc5VjB6Ii8+PC9tYXNrPjxwYXRoIGZpbGw9IiNFMkUyRTIiIGQ9Ik0xMTI0IDB2MTMxNGgyVjB6bS03NyAxMzE0VjBoLTJ2MTMxNHoiIG1hc2s9InVybCgjbCkiLz48bWFzayBpZD0ibSIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTEwNDYgMHYxMzE0aC03OVYweiIvPjwvbWFzaz48cGF0aCBmaWxsPSIjRTJFMkUyIiBkPSJNMTA0NSAwdjEzMTRoMlYwem0tNzcgMTMxNFYwaC0ydjEzMTR6IiBtYXNrPSJ1cmwoI20pIi8+PG1hc2sgaWQ9Im4iIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik05NjcgMHYxMzE0aC03OVYweiIvPjwvbWFzaz48cGF0aCBmaWxsPSIjRTJFMkUyIiBkPSJNOTY2IDB2MTMxNGgyVjB6bS03NyAxMzE0VjBoLTJ2MTMxNHoiIG1hc2s9InVybCgjbikiLz48bWFzayBpZD0ibyIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTg4OCAwdjEzMTRoLTc5VjB6Ii8+PC9tYXNrPjxwYXRoIGZpbGw9IiNFMkUyRTIiIGQ9Ik04ODcgMHYxMzE0aDJWMHptLTc3IDEzMTRWMGgtMnYxMzE0eiIgbWFzaz0idXJsKCNvKSIvPjxtYXNrIGlkPSJwIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNODA5IDB2MTMxNGgtNzlWMHoiLz48L21hc2s+PHBhdGggZmlsbD0iI0UyRTJFMiIgZD0iTTgwOCAwdjEzMTRoMlYwem0tNzcgMTMxNFYwaC0ydjEzMTR6IiBtYXNrPSJ1cmwoI3ApIi8+PG1hc2sgaWQ9InEiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik03MzAgMHYxMzE0aC03OVYweiIvPjwvbWFzaz48cGF0aCBmaWxsPSIjRTJFMkUyIiBkPSJNNzI5IDB2MTMxNGgyVjB6bS03NyAxMzE0VjBoLTJ2MTMxNHoiIG1hc2s9InVybCgjcSkiLz48bWFzayBpZD0iciIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTY1MSAwdjEzMTRoLTc5VjB6Ii8+PC9tYXNrPjxwYXRoIGZpbGw9IiNFMkUyRTIiIGQ9Ik02NTAgMHYxMzE0aDJWMHptLTc3IDEzMTRWMGgtMnYxMzE0eiIgbWFzaz0idXJsKCNyKSIvPjxtYXNrIGlkPSJzIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNNTcyIDB2MTMxNGgtNzlWMHoiLz48L21hc2s+PHBhdGggZmlsbD0iI0UyRTJFMiIgZD0iTTU3MSAwdjEzMTRoMlYwem0tNzcgMTMxNFYwaC0ydjEzMTR6IiBtYXNrPSJ1cmwoI3MpIi8+PG1hc2sgaWQ9InQiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik00OTMgMHYxMzE0aC03OVYweiIvPjwvbWFzaz48cGF0aCBmaWxsPSIjRTJFMkUyIiBkPSJNNDkyIDB2MTMxNGgyVjB6bS03NyAxMzE0VjBoLTJ2MTMxNHoiIG1hc2s9InVybCgjdCkiLz48bWFzayBpZD0idSIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTQxNCAwdjEzMTRoLTc5VjB6Ii8+PC9tYXNrPjxwYXRoIGZpbGw9IiNFMkUyRTIiIGQ9Ik00MTMgMHYxMzE0aDJWMHptLTc3IDEzMTRWMGgtMnYxMzE0eiIgbWFzaz0idXJsKCN1KSIvPjxtYXNrIGlkPSJ2IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMzM1IDB2MTMxNGgtNzlWMHoiLz48L21hc2s+PHBhdGggZmlsbD0iI0UyRTJFMiIgZD0iTTMzNCAwdjEzMTRoMlYwem0tNzcgMTMxNFYwaC0ydjEzMTR6IiBtYXNrPSJ1cmwoI3YpIi8+PG1hc2sgaWQ9InciIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0yNTYgMHYxMzE0aC03OVYweiIvPjwvbWFzaz48cGF0aCBmaWxsPSIjRTJFMkUyIiBkPSJNMjU1IDB2MTMxNGgyVjB6bS03NyAxMzE0VjBoLTJ2MTMxNHoiIG1hc2s9InVybCgjdykiLz48bWFzayBpZD0ieCIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTE3NyAwdjEzMTRIOThWMHoiLz48L21hc2s+PHBhdGggZmlsbD0iI0UyRTJFMiIgZD0iTTE3NiAwdjEzMTRoMlYwek05OSAxMzE0VjBoLTJ2MTMxNHoiIG1hc2s9InVybCgjeCkiLz48bWFzayBpZD0ieSIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTk4IDB2MTMxNEgxOVYweiIvPjwvbWFzaz48cGF0aCBmaWxsPSIjRTJFMkUyIiBkPSJNOTcgMHYxMzE0aDJWMHpNMjAgMTMxNFYwaC0ydjEzMTR6IiBtYXNrPSJ1cmwoI3kpIi8+PG1hc2sgaWQ9InoiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0xOSAwdjEzMTRoLTc5VjB6Ii8+PC9tYXNrPjxwYXRoIGZpbGw9IiNFMkUyRTIiIGQ9Ik0xOCAwdjEzMTRoMlYwem0tNzcgMTMxNFYwaC0ydjEzMTR6IiBtYXNrPSJ1cmwoI3opIi8+PC9nPjxjaXJjbGUgY3g9IjcyMCIgY3k9IjI5MSIgcj0iNzk3IiBmaWxsPSJ1cmwoI0EpIi8+PC9nPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0iQSIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAgNzk3IC03OTcgMCA3MjAgMjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNGNkY2RjQiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iLjkiIHN0b3AtY29sb3I9IiNGNkY2RjQiLz48L3JhZGlhbEdyYWRpZW50PjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxNDQxdjUzNEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.resources-banner .section__inner {
    padding: 80px 0
}

.resources-banner .content-wrap {
    max-width: 860px;
    text-align: center
}

.resources-banner .content-wrap,
.resources-banner .content-wrap .title {
    margin-left: auto;
    margin-right: auto
}

.resources-banner .content-wrap .title {
    margin-bottom: 30px;
    max-width: 800px
}

.resources-banner .content-wrap p {
    font-size: 18px;
    line-height: 145%
}

.resources-banner .content-wrap p p {
    font-size: inherit;
    line-height: inherit
}

.resources-banner .content-wrap .btn-wrap {
    justify-content: center
}

@media (min-width:991px) {

    .header--transparent~.page-content .resources-banner .section__inner,
    .header--transparent~.resources-banner .section__inner {
        padding-top: 160px
    }
}

.res-detail {
    background-color: #fafafc;
    background: linear-gradient(180deg, #23231a 560px, transparent 0)
}

.res-detail .section__inner {
    padding: 160px 0
}

@media (max-width:990px) {
    .res-detail .section__inner {
        padding-top: 120px
    }
}

.res-detail__row {
    display: flex;
    gap: 40px
}

@media (max-width:990px) {
    .res-detail__row {
        flex-flow: column
    }
}

.res-detail__row .col--main {
    flex: auto
}

@media (min-width:991px) {
    .res-detail__row .col--main {
        order: -1
    }

    .res-detail__row .col--side {
        flex: 0 0 356px
    }
}

.res-detail .card {
    border: 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.res-detail__side {
    display: flex;
    flex-flow: column;
    gap: 24px;
    height: 100%
}

.res-detail__side .card .card-body {
    padding: 16px
}

.res-detail__side .card-toc {
    position: sticky;
    top: 120px
}

@media (max-width:990px) {
    .res-detail__side .card-toc {
        display: none
    }
}

.res-detail__side .logo {
    border-radius: 12px;
    margin-bottom: 12px;
    width: 100%
}

.res-detail__side h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px
}

.res-detail__side .title {
    font-size: 20px
}

.cta-contact {
    background-color: #fafafc
}

.cta-contact__block {
    background-color: #fff;
    border-radius: 48px;
    overflow: hidden
}

@media (max-width:767px) {
    .cta-contact__block {
        border-radius: 36px
    }
}

@media (max-width:599px) {
    .cta-contact__block {
        border-radius: 20px
    }
}

.cta-contact__block>.row {
    margin: 0;
    row-gap: 0
}

.cta-contact .col--content,
.cta-contact .col--form {
    padding: 66px 54px
}

@media (max-width:990px) {

    .cta-contact .col--content,
    .cta-contact .col--form {
        padding: 48px
    }
}

@media (max-width:767px) {

    .cta-contact .col--content,
    .cta-contact .col--form {
        padding: 48px 36px
    }
}

@media (max-width:599px) {

    .cta-contact .col--content,
    .cta-contact .col--form {
        padding: 36px 24px
    }
}

.cta-contact .col--form {
    background-color: #1b4079;
    color: #fff
}

.cta-contact .title {
    margin-bottom: 40px
}

.cta-contact .tel {
    align-items: center;
    display: flex;
    font-size: 28px;
    font-weight: 700;
    gap: 20px
}

.booking-hero {
    background-image: radial-gradient(circle closest-corner at 50% 0, #7840bb, #47266f);
    color: #fff
}

.booking-hero .video-container video {
    border-radius: 8px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 360px;
    max-width: 100%
}

.booking-hero .hero-intro {
    margin-bottom: 120px
}

.booking-hero .distinction__slider__row {
    margin: 60px 0;
    row-gap: 12px
}

@media (min-width:991px) {
    .booking-hero .distinction__slider__row {
        flex-flow: column
    }
}

.booking-hero .distinction__slider-col {
    flex: initial;
    width: 100%
}

@media (max-width:990px) {
    .booking-hero .distinction__slider-col {
        flex: 0 0 auto;
        width: 50%
    }
}

.booking-hero .distinction__slider-wrap:after,
.booking-hero .distinction__slider-wrap:before {
    display: none
}

.booking-hero .distinction__slider .brand-logo img {
    opacity: 1
}

.booking-hero .video-testimonials {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px
}

.booking-hero .video-testimonials .row {
    margin-left: -8px;
    margin-right: -8px;
    row-gap: 16px
}

.booking-hero .video-testimonials .row>* {
    padding-left: 8px;
    padding-right: 8px
}

.booking-hero .video-testimonials iframe,
.booking-hero .video-testimonials video {
    aspect-ratio: 16/9;
    display: block;
    height: 100%;
    width: 100%
}

.book-call__row {
    align-items: center
}

.book-call .date-picker-box {
    align-items: center;
    background-color: #ed693c;
    background: linear-gradient(to bottom right, #fdc60b, #f28f3f, #ed693c);
    border-radius: 12px;
    display: flex;
    justify-content: center;
    min-height: 480px;
    padding: 48px
}

.how-start__box {
    background-color: #47266f;
    border-radius: 12px;
    color: #fff;
    padding: 80px 60px
}

.how-start__box .section__heading {
    margin-bottom: 60px
}

.how-start__cards-row {
    margin-left: -8px;
    margin-right: -8px;
    row-gap: 16px
}

.how-start__cards-row>* {
    padding-left: 8px;
    padding-right: 8px
}

.how-start__card {
    background-color: #23231a;
    border-radius: 12px;
    color: #fff;
    display: flex;
    flex-flow: column;
    height: 26rem;
    justify-content: flex-end;
    min-height: 26rem;
    overflow: hidden;
    padding: 24px;
    position: relative;
    z-index: 1
}

.how-start__card .title {
    color: #ed693c;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width:1199px) {
    .how-start__card .title {
        font-size: 18px
    }
}

.how-start__card .num {
    color: transparent;
    font-size: 34rem;
    font-weight: 700;
    left: 0;
    line-height: .9;
    position: absolute;
    top: 0;
    z-index: -1;
    -webkit-text-stroke: 1.5px #47266f;
    height: 100%;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.error404-section {
    background-color: #47266f;
    color: #fff;
    text-align: center
}

.error404-section .media {
    margin-left: auto;
    margin-right: auto
}

.error404-section .media img {
    width: 420px
}

.error404-section .btn-wrap {
    justify-content: center
}

.visible {
    visibility: visible
}

.collapse {
    visibility: collapse
}

.sticky {
    position: sticky
}

.top-32 {
    top: 8rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-8 {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.\!mt-4 {
    margin-top: 1rem !important
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-2\.5 {
    margin-bottom: .625rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-0 {
    margin-top: 0
}

.block {
    display: block
}

.flex {
    display: flex
}

.table {
    display: table
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.w-full {
    width: 100%
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-lg {
    max-width: 32rem
}

.max-w-screen-xl {
    max-width: 1280px
}

.grow {
    flex-grow: 1
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.flex-col {
    flex-direction: column
}

.justify-center {
    justify-content: center
}

.gap-y-6 {
    row-gap: 1.5rem
}

.rounded-xl {
    border-radius: .75rem
}

.border {
    border-width: 1px
}

.\!pl-0 {
    padding-left: 0 !important
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.font-normal {
    font-weight: 400
}

.uppercase {
    text-transform: uppercase
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(46 51 50/var(--tw-text-opacity))
}

.text-black-light {
    --tw-text-opacity: 1;
    color: rgb(61 71 81/var(--tw-text-opacity))
}

.text-orange {
    --tw-text-opacity: 1;
    color: rgb(244 96 54/var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.decoration-primary {
    text-decoration-color: #47266f
}

.decoration-\[5px\] {
    text-decoration-thickness: 5px
}

.underline-offset-2 {
    text-underline-offset: 2px
}

.underline-offset-4 {
    text-underline-offset: 4px
}

.collapse.show {
    visibility: unset
}

.hover\:text-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(71 38 111/var(--tw-text-opacity))
}

@media (min-width:991px) {
    .tablet\:hidden {
        display: none
    }
}

@media (min-width:1200px) {
    .desktop\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .desktop\:gap-y-10 {
        row-gap: 2.5rem
    }

    .desktop\:\!text-left {
        text-align: left !important
    }
}