.theme-elegant {
    --font-global: "Poppins", sans-serif;
    --container-width: 1230px;
    --section-padding-y: 160px;
    --color-dark-1: #111;
    --color-gray-1: #777;
    --gradient-primary-1: linear-gradient(90deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-primary-1-a: linear-gradient(90deg, var(--color-primary-4) 25%, var(--color-primary-3) 40%, var(--color-primary-2) 60%, var(--color-primary-1) 75%);
    --gradient-primary-1-b: linear-gradient(45deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-primary-1-c: linear-gradient(0deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-gray-light-1: linear-gradient(0deg, #f5f5f5, #fff);
    --gradient-gray-light-2: linear-gradient(0deg, #fff, #f5f5f5);
    --gradient-dark-alpha-1: linear-gradient(90deg, var(--color-dark-1) 40%, transparent 87%);
    --gradient-dark-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-dark-1) 60%);
    --gradient-primary-alpha-1: linear-gradient(90deg, var(--color-primary-1) 40%, transparent 87%);
    --gradient-primary-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-primary-1) 60%);
    color: var(--color-dark-1);
    font-family: var(--font-global);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 2
}

.theme-elegant .dark-mode {
    --color-dark-1: #171717;
    --color-dark-2: #222
}

.theme-elegant .main-nav.dark-mode {
    background-color: rgba(30, 30, 30, .905)
}

.theme-elegant .form label {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400
}

.theme-elegant .form .form-group {
    margin-bottom: 30px
}

.theme-elegant .form input[type=color],
.theme-elegant .form input[type=date],
.theme-elegant .form input[type=email],
.theme-elegant .form input[type=number],
.theme-elegant .form input[type=password],
.theme-elegant .form input[type=search],
.theme-elegant .form input[type=tel],
.theme-elegant .form input[type=text],
.theme-elegant .form input[type=url],
.theme-elegant .form select,
.theme-elegant .form textarea {
    border-color: rgba(0, 0, 0, .155)
}

.theme-elegant .form input[type=color].input-lg,
.theme-elegant .form input[type=date].input-lg,
.theme-elegant .form input[type=email].input-lg,
.theme-elegant .form input[type=number].input-lg,
.theme-elegant .form input[type=password].input-lg,
.theme-elegant .form input[type=search].input-lg,
.theme-elegant .form input[type=tel].input-lg,
.theme-elegant .form input[type=text].input-lg,
.theme-elegant .form input[type=url].input-lg,
.theme-elegant .form select.input-lg {
    height: 51px
}

.theme-elegant .light-content input[type=color],
.theme-elegant .light-content input[type=date],
.theme-elegant .light-content input[type=email],
.theme-elegant .light-content input[type=number],
.theme-elegant .light-content input[type=password],
.theme-elegant .light-content input[type=search],
.theme-elegant .light-content input[type=tel],
.theme-elegant .light-content input[type=text],
.theme-elegant .light-content input[type=url],
.theme-elegant .light-content select,
.theme-elegant .light-content textarea {
    border-color: hsla(0, 0%, 100%, .25)
}

.theme-elegant .light-content input[type=color]:hover,
.theme-elegant .light-content input[type=date]:hover,
.theme-elegant .light-content input[type=email]:hover,
.theme-elegant .light-content input[type=number]:hover,
.theme-elegant .light-content input[type=password]:hover,
.theme-elegant .light-content input[type=search]:hover,
.theme-elegant .light-content input[type=tel]:hover,
.theme-elegant .light-content input[type=text]:hover,
.theme-elegant .light-content input[type=url]:hover,
.theme-elegant .light-content select:hover,
.theme-elegant .light-content textarea:hover {
    border-color: hsla(0, 0%, 100%, .35)
}

.theme-elegant .light-content input[type=color]:focus,
.theme-elegant .light-content input[type=date]:focus,
.theme-elegant .light-content input[type=email]:focus,
.theme-elegant .light-content input[type=number]:focus,
.theme-elegant .light-content input[type=password]:focus,
.theme-elegant .light-content input[type=search]:focus,
.theme-elegant .light-content input[type=tel]:focus,
.theme-elegant .light-content input[type=text]:focus,
.theme-elegant .light-content input[type=url]:focus,
.theme-elegant .light-content select:focus,
.theme-elegant .light-content textarea:focus {
    border-color: hsla(0, 0%, 100%, .75)
}

.theme-elegant .form-tip,
.theme-elegant .form-tip a {
    font-size: 13px;
    line-height: 1.7
}

.theme-elegant .btn-mod.btn-large {
    padding-top: 12px;
    padding-bottom: 12px
}

.theme-elegant .inner-nav ul {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: 0
}

.theme-elegant .inner-nav ul li {
    margin: 0 22px
}

.theme-elegant .main-nav.dark .inner-nav ul>li>a {
    opacity: .625
}

.theme-elegant .btn-mod,
.theme-elegant a.btn-mod {
    font-weight: 500;
    border-width: 2px
}

.theme-elegant .btn-mod.btn-border,
.theme-elegant .btn-mod.btn-border-c,
.theme-elegant .btn-mod.btn-border-w,
.theme-elegant .btn-mod.btn-border-w-light {
    border-width: 2px
}

.theme-elegant .btn-mod.btn-small {
    height: auto;
    padding: 7px 20px;
    font-size: 13px;
    letter-spacing: .085em
}

.theme-elegant .btn-mod.btn-border-w {
    border-color: hsla(0, 0%, 100%, .25)
}

.theme-elegant .link-hover-anim {
    font-size: 16px
}

.theme-elegant .link-strong .icon {
    position: relative;
    top: 0;
    max-width: 1.2em;
    max-height: 1.2em
}

.theme-elegant .section-title {
    font-size: 34px !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important
}

.theme-elegant .section-title-small {
    font-size: 34px;
    font-weight: 300;
    letter-spacing: 0
}

.theme-elegant .section-title-tiny {
    font-size: 20px !important;
    font-weight: 300 !important;
    line-height: 1.6 !important
}

.theme-elegant .section-descr {
    color: var(--color-dark-4) !important;
    font-weight: 300 !important
}

.theme-elegant .light-content .section-descr {
    color: #fff !important
}

.theme-elegant .light-content .text-gray {
    color: hsla(0, 0%, 100%, .6)
}

.theme-elegant .team-item-detail {
    transform: translate(-50%);
    opacity: 1;
    will-change: unset
}

.theme-elegant .team-item-name {
    margin-top: 20px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .059em
}

.theme-elegant .team-item-role {
    margin-top: 5px;
    font-size: 14px
}

.theme-elegant .team-item-detail:before {
    display: none
}

.theme-elegant .team-social-links a {
    width: 32px;
    height: 32px;
    margin: 0 2px;
    background: #fff;
    border-radius: 50%;
    box-shadow: var(--box-shadow);
    opacity: 0;
    transform: translateY(10px);
    transition: all .27s var(--ease-out-medium);
    will-change: transform, opacity
}

.theme-elegant .team-social-links a:nth-child(2) {
    transition-delay: .1s
}

.theme-elegant .team-social-links a:nth-child(3) {
    transition-delay: .2s
}

.theme-elegant .team-social-links a:nth-child(4) {
    transition-delay: .3s
}

.theme-elegant .team-social-links a:nth-child(5) {
    transition-delay: .4s
}

.theme-elegant .team-social-links a:nth-child(6) {
    transition-delay: .5s
}

.theme-elegant .team-social-links a:nth-child(7) {
    transition-delay: .6s
}

.theme-elegant .team-social-links a:nth-child(8) {
    transition-delay: .7s
}

.theme-elegant .team-social-links a:not(.team-social-links a:last-child) {
    border: none
}

.theme-elegant .team-social-links a:hover {
    opacity: 1
}

.no-mobile .theme-elegant .team-item:hover .team-social-links a,
.theme-elegant .team-item.js-active .team-social-links a {
    opacity: 1;
    transform: none
}

.theme-elegant .services-3-icon {
    margin: 0 auto 35px
}

.theme-elegant .services-3-title {
    font-weight: 300
}

.theme-elegant .services-3-text {
    line-height: 1.75
}

.theme-elegant .works-grid.hide-titles .work-title {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0
}

.theme-elegant .works-grid.hide-titles .work-descr {
    letter-spacing: 0
}

.theme-elegant .post-prev-container {
    overflow: hidden;
    border-radius: var(--border-radius-default);
    box-shadow: var(--box-shadow-block)
}

.theme-elegant .post-prev-container:before {
    display: none
}

.theme-elegant .post-prev-title {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.523
}

.theme-elegant .post-prev-text {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 1.86
}

.theme-elegant .post-prev-info {
    position: relative;
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.theme-elegant .post-prev-info:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--color-dark-1);
    opacity: .08
}

.theme-elegant .post-prev-info,
.theme-elegant .post-prev-info a {
    font-size: 13px;
    letter-spacing: -.01em
}

.theme-elegant .light-content .post-prev-container {
    overflow: hidden;
    background: var(--color-dark-3);
    border: 1px solid var(--color-dark-mode-gray-2);
    box-shadow: var(--box-shadow-block)
}

.theme-elegant a.blog-item-more {
    font-weight: 400
}

.theme-elegant .newsletter-elegant input.newsletter-field {
    font-weight: 300 !important
}

.theme-elegant .pagination a,
.theme-elegant .pagination span,
.theme-elegant .widget-title {
    font-weight: 400
}

.theme-elegant .blog-item-body {
    font-size: 18px;
    line-height: 1.7em
}

.theme-elegant .comment-item {
    line-height: 1.8
}

.theme-elegant .ci-title {
    margin-bottom: 7px;
    font-size: 21px;
    font-weight: 300;
    letter-spacing: 0
}

.theme-elegant .ci-text {
    font-size: 16px
}

.theme-elegant .ci-link {
    font-size: 13px
}

.theme-elegant .ci-link a:hover {
    opacity: .67
}

.theme-elegant .footer-text {
    line-height: 1.85;
    letter-spacing: .01em
}

.theme-elegant .footer-text a {
    text-decoration: none
}

.theme-elegant .footer-made {
    letter-spacing: .01em
}

.theme-elegant .features-2-item:before {
    border: 1px solid var(--color-dark-1);
    background: none;
    opacity: .15;
    transition: opacity .27s var(--ease-default);
    z-index: -1
}

.theme-elegant .features-2-item:hover:before {
    opacity: 1
}

.theme-elegant .features-2-label {
    font-weight: 500;
    color: var(--color-dark-1);
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset
}

.theme-elegant .features-2-icon:before {
    background: var(--color-gray-light-1);
    opacity: 1;
    z-index: -1
}

.theme-elegant .features-2-icon svg {
    fill: var(--color-dark-1)
}

.theme-elegant .light-content .features-2-item:before {
    background: var(--color-dark-mode-gray-2);
    border: 1px solid var(--color-dark-mode-gray-2);
    transition: border-color .27s var(--ease-default);
    opacity: 1;
    z-index: -1
}

.theme-elegant .light-content .features-2-item:hover:before {
    background: var(--color-dark-mode-gray-2);
    opacity: 1
}

.theme-elegant .light-content .features-2-label {
    color: #fff;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset
}

.theme-elegant .light-content .features-2-icon {
    color: #fff
}

.theme-elegant .light-content .features-2-icon svg {
    fill: #fff
}

.theme-elegant .light-content .features-2-icon:before {
    background: var(--color-dark-mode-gray-2);
    opacity: 1;
    z-index: -1
}

.theme-elegant .light-content .features-2-descr {
    color: var(--color-dark-mode-gray-1)
}

.theme-elegant .bg-border-gradient:before {
    background: none;
    border: 1px solid var(--color-dark-1);
    opacity: .15
}

.theme-elegant .light-content .bg-border-gradient:before {
    background: none;
    border: 1px solid #fff;
    opacity: .25
}

.theme-elegant .bg-gradient-dark-alpha-1:before,
.theme-elegant .bg-gradient-dark-alpha-2:before {
    opacity: .9
}

.theme-elegant .tpl-minimal-tabs {
    font-size: 16px;
    letter-spacing: inherit;
    text-transform: none
}

.theme-elegant .alt-features-title {
    font-weight: 400
}

.theme-elegant .alt-features-descr {
    font-size: 15px
}

.theme-elegant .features-list-icon {
    top: .17em;
    margin-right: 8px
}

@media only screen and (max-width:1366px) {
    .theme-elegant {
        --section-padding-y: 140px
    }

    .theme-elegant .container {
        max-width: var(--container-width)
    }

    .theme-elegant .section-title {
        font-size: calc(1.635rem + .57vw) !important
    }

    .theme-elegant .section-title-small {
        font-size: calc(1.635rem + .57vw)
    }
}

.theme-fancy {
    --font-global: "Inter", sans-serif;
    --font-alt: "Inter", sans-serif;
    --color-dark-1: #343d55;
    --color-dark-2: #3f4963;
    --color-dark-3: #3f485e;
    --color-dark-3a: #4e5a76;
    --color-dark-4: #555960;
    --color-gray-1: #697582;
    --color-gray-2: #747f8c;
    --color-gray-3: #8a95a2;
    --color-primary-1: #335cd6;
    --color-primary-1-a: #316be2;
    --color-primary-light-1: #eaf0fd;
    --color-primary-light-1-a: #bccaf1;
    --color-primary-2: #7752e7;
    --color-primary-light-2: #e7defe;
    --color-primary-3: #b947d9;
    --color-primary-light-3: #f7defe;
    --color-primary-4: #e748b1;
    --color-primary-light-4: #ffe1f5;
    --color-secondary-1: #fbe3a1;
    --color-gray-light-1: #f1f3f6;
    --color-gray-light-2: #f7f9fc;
    --color-gray-light-3: #cad0d7;
    --color-gray-light-4: #d5d7d8;
    --color-gray-light-5: #cccdcf;
    --color-gray-light-6: #bbbdbf;
    --gradient-primary-1: linear-gradient(90deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-primary-1-a: linear-gradient(90deg, var(--color-primary-4) 25%, var(--color-primary-3) 40%, var(--color-primary-2) 60%, var(--color-primary-1) 75%);
    --gradient-primary-1-b: linear-gradient(45deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-primary-1-c: linear-gradient(0deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-gray-light-1: linear-gradient(0deg, #f5f5f5, #fff);
    --gradient-gray-light-2: linear-gradient(0deg, #fff, #f5f5f5);
    --gradient-dark-alpha-1: linear-gradient(90deg, var(--color-dark-1) 40%, transparent 87%);
    --gradient-dark-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-dark-1) 60%);
    --gradient-primary-alpha-1: linear-gradient(90deg, var(--color-primary-1) 40%, transparent 87%);
    --gradient-primary-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-primary-1) 60%);
    --gradient-gray-light-1: linear-gradient(0deg, #f7f9fc, #fff);
    --gradient-gray-light-2: linear-gradient(0deg, #fff, #f7f9fc);
    --border-radius-default: 10px;
    --box-shadow: 0px 5px 10px 0px rgba(42, 54, 79, .05), 0px 1px 1px 0px rgba(42, 54, 79, .03), 0px 3px 5px 0px rgba(42, 54, 79, .03);
    --box-shadow-strong: 0px 5px 10px 0px rgba(42, 54, 79, .08), 0px 1px 1px 0px rgba(42, 54, 79, .06), 0px 3px 5px 0px rgba(42, 54, 79, .06);
    --box-shadow-block: 0px 1px 1px 0px rgba(42, 54, 79, .02), 0px 2px 4px 0px rgba(42, 54, 79, .02), 0px 4px 8px 0px rgba(42, 54, 79, .02), 0px 0px 20px 0px rgba(42, 54, 79, .08);
    --box-shadow-block-strong: 0px 1px 1px 0px rgba(42, 54, 79, .05), 0px 4px 12px 0px rgba(42, 54, 79, .05), 0px 10px 20px 0px rgba(42, 54, 79, .05), 0px 10px 38px 0px rgba(42, 54, 79, .12);
    color: var(--color-dark-1);
    font-family: var(--font-global);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.625;
    letter-spacing: -.0025em
}

.theme-fancy .dark-mode {
    --color-primary-1: #5d86fe;
    --color-primary-2: #a080ff;
    --color-primary-3: #dc5fff;
    --color-primary-4: #ff68cc;
    --gradient-primary-1: linear-gradient(90deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-primary-1-a: linear-gradient(90deg, var(--color-primary-4) 25%, var(--color-primary-3) 40%, var(--color-primary-2) 60%, var(--color-primary-1) 75%);
    --gradient-primary-1-b: linear-gradient(45deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-primary-1-c: linear-gradient(0deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-dark-alpha-1: linear-gradient(90deg, var(--color-dark-1) 40%, transparent 87%);
    --gradient-dark-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-dark-1) 60%);
    --gradient-primary-alpha-1: linear-gradient(90deg, var(--color-primary-1) 40%, transparent 87%);
    --gradient-primary-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-primary-1) 60%)
}

.theme-fancy .h1,
.theme-fancy .h2,
.theme-fancy .h3,
.theme-fancy .h4,
.theme-fancy .h5,
.theme-fancy .h6,
.theme-fancy h1,
.theme-fancy h2,
.theme-fancy h3,
.theme-fancy h4,
.theme-fancy h5,
.theme-fancy h6 {
    font-weight: 700
}

.theme-fancy .h3,
.theme-fancy h3 {
    font-size: 28px;
    letter-spacing: -.03em
}

.theme-fancy b,
.theme-fancy strong {
    font-weight: 600
}

.theme-fancy .small {
    font-size: .8em
}

.theme-fancy blockquote p {
    position: relative;
    letter-spacing: -.0225em
}

.theme-fancy hr:not([size]) {
    background: var(--color-dark-1);
    height: 2px;
    opacity: .055
}

.theme-fancy .dark-mode hr.white {
    background-color: #fff;
    opacity: .0557 !important
}

.theme-fancy .bg-dark-alpha .YTPOverlay:before,
.theme-fancy .bg-dark-alpha:before {
    background: #101828;
    opacity: .97
}

.theme-fancy .bg-dark-alpha-30 .YTPOverlay:before,
.theme-fancy .bg-dark-alpha-30:before {
    background: #101828;
    opacity: .3
}

.theme-fancy .bg-dark-alpha-50 .YTPOverlay:before,
.theme-fancy .bg-dark-alpha-50:before {
    background: #101828;
    opacity: .5
}

.theme-fancy .bg-dark-alpha-60 .YTPOverlay:before,
.theme-fancy .bg-dark-alpha-60:before {
    background: #101828;
    opacity: .6
}

.theme-fancy .bg-dark-alpha-70 .YTPOverlay:before,
.theme-fancy .bg-dark-alpha-70:before {
    background: #101828;
    opacity: .7
}

.theme-fancy .bg-dark-alpha-80 .YTPOverlay:before,
.theme-fancy .bg-dark-alpha-80:before {
    background: #101828;
    opacity: .8
}

.theme-fancy .bg-dark-alpha-90 .YTPOverlay:before,
.theme-fancy .bg-dark-alpha-90:before {
    background: #101828;
    opacity: .9
}

.theme-fancy .light-content .section-caption-fancy {
    background-image: linear-gradient(15deg, rgba(18, 29, 51, .75), transparent)
}

.theme-fancy .light-content .section-caption-slick {
    color: #fff;
    background-image: linear-gradient(45deg, rgba(18, 29, 51, .75), transparent)
}

.theme-fancy .main-nav.dark {
    background-color: rgba(16, 24, 40, .878)
}

.theme-fancy .main-nav.dark-mode {
    background-color: rgba(69, 77, 102, .9)
}

.theme-fancy .inner-nav ul {
    letter-spacing: -.01em
}

.theme-fancy .inner-nav ul li {
    margin: 0 18.5px
}

.theme-fancy .inner-nav>ul>li>a {
    position: relative;
    opacity: .7
}

.theme-fancy .inner-nav>ul>li>a:not(.no-hover):before {
    content: "";
    position: absolute;
    top: calc(50% - .5em);
    right: -.39em;
    display: block;
    width: 3px;
    height: 3px;
    background: var(--color-primary-1);
    border-radius: 50%;
    opacity: 0;
    transform: scale(0);
    transition: var(--transition-default)
}

.theme-fancy .inner-nav ul li a.active:before,
.theme-fancy .inner-nav ul li a:hover:before {
    opacity: 1;
    transform: scale(1)
}

.theme-fancy .main-nav.dark .inner-nav ul li a:not(.no-hover):before {
    background: var(--color-primary-1-a)
}

.theme-fancy .mn-sub,
.theme-fancy .mobile-on .desktop-nav ul {
    background: rgba(74, 82, 107, .993)
}

.theme-fancy .inner-nav ul li .mn-sub li a,
.theme-fancy .mn-group-title,
.theme-fancy .mobile-on .desktop-nav ul li a {
    color: hsla(0, 0%, 100%, .9) !important
}

.theme-fancy .form label {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700
}

.theme-fancy .form .form-group {
    margin-bottom: 25px
}

.theme-fancy .form-tip,
.theme-fancy .form-tip a {
    font-size: 13px;
    line-height: 1.53
}

.theme-fancy .form input[type=color],
.theme-fancy .form input[type=date],
.theme-fancy .form input[type=email],
.theme-fancy .form input[type=number],
.theme-fancy .form input[type=password],
.theme-fancy .form input[type=search],
.theme-fancy .form input[type=tel],
.theme-fancy .form input[type=text],
.theme-fancy .form input[type=url],
.theme-fancy .form select,
.theme-fancy .form textarea {
    border-color: rgba(52, 61, 85, .183)
}

.theme-fancy .form select:not([multiple]) {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="#343d55" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>')
}

.theme-fancy .form input[type=color]:hover,
.theme-fancy .form input[type=date]:hover,
.theme-fancy .form input[type=email]:hover,
.theme-fancy .form input[type=number]:hover,
.theme-fancy .form input[type=password]:hover,
.theme-fancy .form input[type=search]:hover,
.theme-fancy .form input[type=tel]:hover,
.theme-fancy .form input[type=text]:hover,
.theme-fancy .form input[type=url]:hover,
.theme-fancy .form select:hover,
.theme-fancy .form textarea:hover {
    border-color: rgba(52, 61, 85, .38)
}

.theme-fancy .form input[type=color]:focus,
.theme-fancy .form input[type=date]:focus,
.theme-fancy .form input[type=email]:focus,
.theme-fancy .form input[type=number]:focus,
.theme-fancy .form input[type=password]:focus,
.theme-fancy .form input[type=search]:focus,
.theme-fancy .form input[type=tel]:focus,
.theme-fancy .form input[type=text]:focus,
.theme-fancy .form input[type=url]:focus,
.theme-fancy .form select:focus,
.theme-fancy .form textarea:focus {
    border-color: rgba(52, 61, 85, .7);
    box-shadow: 0 0 3px rgba(52, 61, 85, .3)
}

.theme-fancy .form input[type=color]::placeholder,
.theme-fancy .form input[type=date]::placeholder,
.theme-fancy .form input[type=email]::placeholder,
.theme-fancy .form input[type=number]::placeholder,
.theme-fancy .form input[type=password]::placeholder,
.theme-fancy .form input[type=search]::placeholder,
.theme-fancy .form input[type=tel]::placeholder,
.theme-fancy .form input[type=text]::placeholder,
.theme-fancy .form input[type=url]::placeholder,
.theme-fancy .form select::placeholder,
.theme-fancy .form textarea::placeholder {
    color: var(--color-gray-3)
}

.theme-fancy .form input[type=color].input-md,
.theme-fancy .form input[type=date].input-md,
.theme-fancy .form input[type=email].input-md,
.theme-fancy .form input[type=number].input-md,
.theme-fancy .form input[type=password].input-md,
.theme-fancy .form input[type=search].input-md,
.theme-fancy .form input[type=tel].input-md,
.theme-fancy .form input[type=text].input-md,
.theme-fancy .form input[type=url].input-md,
.theme-fancy .form select.input-md {
    height: 47px;
    font-size: 16px
}

.theme-fancy .form textarea.input-md {
    font-size: 16px
}

.theme-fancy .form input[type=color].input-lg,
.theme-fancy .form input[type=date].input-lg,
.theme-fancy .form input[type=email].input-lg,
.theme-fancy .form input[type=number].input-lg,
.theme-fancy .form input[type=password].input-lg,
.theme-fancy .form input[type=search].input-lg,
.theme-fancy .form input[type=tel].input-lg,
.theme-fancy .form input[type=text].input-lg,
.theme-fancy .form input[type=url].input-lg,
.theme-fancy .form select.input-lg {
    height: 52px;
    font-size: 17px
}

.theme-fancy .form textarea.input-lg {
    font-size: 17px
}

.theme-fancy .icon-info {
    top: .07em
}

.theme-fancy .light-content input[type=color],
.theme-fancy .light-content input[type=date],
.theme-fancy .light-content input[type=email],
.theme-fancy .light-content input[type=number],
.theme-fancy .light-content input[type=password],
.theme-fancy .light-content input[type=search],
.theme-fancy .light-content input[type=tel],
.theme-fancy .light-content input[type=text],
.theme-fancy .light-content input[type=url],
.theme-fancy .light-content select,
.theme-fancy .light-content textarea {
    border-color: hsla(0, 0%, 100%, .25)
}

.theme-fancy .light-content input[type=color]:hover,
.theme-fancy .light-content input[type=date]:hover,
.theme-fancy .light-content input[type=email]:hover,
.theme-fancy .light-content input[type=number]:hover,
.theme-fancy .light-content input[type=password]:hover,
.theme-fancy .light-content input[type=search]:hover,
.theme-fancy .light-content input[type=tel]:hover,
.theme-fancy .light-content input[type=text]:hover,
.theme-fancy .light-content input[type=url]:hover,
.theme-fancy .light-content select:hover,
.theme-fancy .light-content textarea:hover {
    border-color: hsla(0, 0%, 100%, .35)
}

.theme-fancy .light-content input[type=color]:focus,
.theme-fancy .light-content input[type=date]:focus,
.theme-fancy .light-content input[type=email]:focus,
.theme-fancy .light-content input[type=number]:focus,
.theme-fancy .light-content input[type=password]:focus,
.theme-fancy .light-content input[type=search]:focus,
.theme-fancy .light-content input[type=tel]:focus,
.theme-fancy .light-content input[type=text]:focus,
.theme-fancy .light-content input[type=url]:focus,
.theme-fancy .light-content select:focus,
.theme-fancy .light-content textarea:focus {
    border-color: hsla(0, 0%, 100%, .75)
}

.theme-fancy .btn-mod,
.theme-fancy a.btn-mod {
    font-weight: 700
}

.theme-fancy .btn-mod.btn-border-c {
    border-color: var(--color-primary-light-1-a)
}

.theme-fancy .btn-mod.btn-border-c:focus,
.theme-fancy .btn-mod.btn-border-c:hover {
    background: transparent;
    color: var(--color-primary-1);
    border-color: var(--color-primary-light-1-a)
}

.theme-fancy .btn-mod.btn-small {
    padding: 12px 22px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .085em
}

.theme-fancy .btn-mod.btn-medium {
    padding: 12px 22px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .085em
}

.theme-fancy .btn-mod.btn-large {
    padding: 15px 36px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .085em
}

.theme-fancy .big-icon {
    color: var(--color-primary-1)
}

.theme-fancy .inner-nav>ul>li>a .btn-mod.btn-w {
    background: #fff
}

.theme-fancy .hs-title-1,
.theme-fancy .hs-title-10,
.theme-fancy .hs-title-8,
.theme-fancy .hs-title-9 {
    font-weight: 700 !important;
    letter-spacing: -.0399em !important
}

.theme-fancy .composition-4-image-1,
.theme-fancy .composition-4-image-2 {
    border-color: var(--color-gray-light-3)
}

.theme-fancy .scroll-down-1-icon i,
.theme-fancy .scroll-down-1-icon img,
.theme-fancy .scroll-down-1-icon svg,
.theme-fancy .scroll-down-1-icon:before {
    opacity: .7
}

.theme-fancy .scroll-down-1-text {
    font-weight: 500;
    opacity: .7;
    transition: opacity .4s ease, transform .4s var(--ease-elastic-2)
}

.theme-fancy .section-title {
    font-size: 48px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important
}

.theme-fancy .section-title-small {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.0285em
}

.theme-fancy .section-title-tiny {
    font-size: 22px !important;
    font-weight: 700 !important
}

.theme-fancy .section-descr {
    font-size: 20px !important;
    line-height: 1.625 !important;
    letter-spacing: -.01239em !important
}

.theme-fancy .light-content .section-descr {
    color: var(--color-dark-mode-gray-1)
}

.theme-fancy .light-content .accordion,
.theme-fancy .light-content .accordion>dt>a,
.theme-fancy .light-content .toggle,
.theme-fancy .light-content .toggle>dt>a {
    border-color: hsla(0, 0%, 100%, .25)
}

.theme-fancy .accordion>dt>a:after,
.theme-fancy .light-content .accordion>dt>a:after,
.theme-fancy .light-content .toggle>dt>a:after,
.theme-fancy .toggle>dt>a:after {
    color: var(--color-primary-1)
}

.theme-fancy a.link-hover-anim,
.theme-fancy a.link-hover-anim:hover {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: var(--color-primary-1);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase
}

.theme-fancy .link-strong i {
    position: relative;
    top: -.1em;
    vertical-align: middle
}

.theme-fancy .link-strong-hovered {
    top: 0
}

.theme-fancy .light-content .link-hover-anim,
.theme-fancy .light-content .link-strong {
    color: var(--color-primary-1) !important
}

.theme-fancy .services-5-title {
    font-weight: 700
}

.theme-fancy .features-list {
    font-size: 18px
}

.theme-fancy .features-list-icon {
    color: var(--color-primary-1);
    background-image: linear-gradient(45deg, var(--color-primary-light-1) 0, #fff 100%)
}

.theme-fancy .light-content .features-list-icon {
    color: #fff;
    background: var(--color-primary-1)
}

.theme-fancy .works-grid.work-grid-fancy .work-title {
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: 600
}

.theme-fancy .works-grid.work-grid-fancy .work-descr {
    font-size: 16px
}

.theme-fancy .work-img-bg {
    background: var(--color-gray-light-2)
}

.theme-fancy .number-1-title {
    font-weight: 700
}

.theme-fancy .testimonials-4-text p {
    color: var(--color-gray-1)
}

.theme-fancy .testimonials-4-author {
    font-weight: 600
}

.theme-fancy .testimonials-4-author .small {
    font-size: 15px;
    font-weight: 400
}

.theme-fancy .post-prev-container {
    overflow: hidden;
    background: #fff;
    border-radius: var(--border-radius-default);
    box-shadow: var(--box-shadow-block);
    isolation: isolate;
    transform: translateZ(0);
    transition: all .27s var(--ease-default)
}

.theme-fancy .post-prev-container:before {
    display: none
}

.theme-fancy .post-prev-container:hover {
    transform: translateY(-5px);
    box-shadow: var(--box-shadow-block-strong)
}

.theme-fancy .post-prev-title {
    font-size: 22px;
    font-weight: 600
}

.theme-fancy .post-prev-img a:hover {
    opacity: 1
}

.theme-fancy .post-prev-img a:hover img {
    transform: translateZ(.1px)
}

.theme-fancy .post-prev-title {
    padding-top: 30px
}

.theme-fancy .post-prev-title a:hover {
    opacity: .85
}

.theme-fancy .post-prev-text {
    line-height: 1.625
}

.theme-fancy .post-prev-info,
.theme-fancy .post-prev-info a {
    font-size: 14px
}

.theme-fancy .post-prev-info,
.theme-fancy .post-prev-text,
.theme-fancy .post-prev-title {
    padding-left: 30px;
    padding-right: 30px
}

.theme-fancy .post-prev-container>:last-child {
    padding-bottom: 30px
}

.theme-fancy .post-prev-author-img {
    margin-top: -5px
}

.theme-fancy .light-content .post-prev-container {
    background: var(--color-dark-3);
    border: 1px solid var(--color-dark-mode-gray-2)
}

.theme-fancy .pagination a.active,
.theme-fancy .pagination a.active:hover {
    border-color: var(--color-primary-1);
    color: var(--color-primary-1)
}

.theme-fancy .widget-menu li a {
    color: var(--color-gray-1)
}

.theme-fancy .blog-item-body {
    font-size: 18px
}

.theme-fancy .widget-body img {
    border-radius: var(--border-radius-default)
}

.theme-fancy .tpl-minimal-tabs {
    display: flex;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .059em;
    text-transform: uppercase
}

.theme-fancy .tpl-minimal-tabs li {
    padding: 0
}

.theme-fancy .tpl-minimal-tabs>li>a,
.theme-fancy .tpl-minimal-tabs>li>a:focus,
.theme-fancy .tpl-minimal-tabs>li>a:hover {
    position: relative;
    margin: 0 !important;
    padding: 10px 20px;
    color: var(--color-gray-1);
    border: none !important;
    border-radius: 0 !important;
    isolation: isolate
}

.theme-fancy .tpl-minimal-tabs>li>a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--color-dark-1);
    opacity: .3;
    transition: var(--transition-default);
    z-index: -1
}

.theme-fancy .tpl-minimal-tabs>li>a:after,
.theme-fancy .tpl-minimal-tabs>li>a:hover:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: var(--color-primary-1);
    transform: none;
    transition: all .2s var(--ease-out-short);
    z-index: -1
}

.theme-fancy .tpl-minimal-tabs>li:not(:first-child)>a:after,
.theme-fancy .tpl-minimal-tabs>li:not(:first-child)>a:before {
    width: calc(100% + 1px);
    margin-left: -1px;
    border-left: none
}

.theme-fancy .tpl-minimal-tabs>li:first-child>a:after,
.theme-fancy .tpl-minimal-tabs>li:first-child>a:before {
    border-top-left-radius: var(--border-radius-default);
    border-bottom-left-radius: var(--border-radius-default)
}

.theme-fancy .tpl-minimal-tabs>li:last-child>a:after,
.theme-fancy .tpl-minimal-tabs>li:last-child>a:before {
    border-top-right-radius: var(--border-radius-default);
    border-bottom-right-radius: var(--border-radius-default)
}

.theme-fancy .tpl-minimal-tabs>li>a.active,
.theme-fancy .tpl-minimal-tabs>li>a.active:hover {
    color: #fff !important;
    border: none !important
}

.theme-fancy .tpl-minimal-tabs>li>a.active:after {
    opacity: 1
}

.theme-fancy .light-content .tpl-minimal-tabs>li>a,
.theme-fancy .light-content .tpl-minimal-tabs>li>a:focus,
.theme-fancy .light-content .tpl-minimal-tabs>li>a:hover {
    color: #fff
}

.theme-fancy .light-content .tpl-minimal-tabs>li>a:before {
    border-color: #fff
}

.theme-fancy .light-content .tpl-minimal-tabs li a.active,
.theme-fancy .light-content .tpl-minimal-tabs li a.active:hover {
    color: #fff;
    border: none !important
}

.theme-fancy .pricing-title {
    font-weight: 700;
    letter-spacing: -.0175em
}

.theme-fancy .pricing-num {
    font-weight: 700
}

.theme-fancy .contact-item {
    padding-left: 69px
}

.theme-fancy .contact-item a.link-hover-anim,
.theme-fancy .contact-item a.link-hover-anim:hover {
    font-size: 13px
}

.theme-fancy a.link-hover-anim i {
    top: -.05em
}

.theme-fancy .ci-icon {
    width: 48px;
    height: 48px;
    line-height: 46px;
    color: var(--color-primary-1)
}

.theme-fancy .ci-icon:before {
    background-image: linear-gradient(45deg, var(--color-primary-light-1) 0, #fff 100%)
}

.theme-fancy .ci-text {
    margin-bottom: 2px;
    font-size: 16px
}

.theme-fancy .mt-icon:before {
    background: var(--color-primary-1)
}

.theme-fancy .light-content .ci-icon {
    color: var(--color-primary-1) !important
}

.theme-fancy .light-content .ci-icon:before {
    background: var(--color-primary-1);
    opacity: .25
}

.theme-fancy .footer b,
.theme-fancy .footer strong {
    font-weight: 500
}

.theme-fancy .fw-title {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em
}

.theme-fancy .fw-menu li:not(:last-child) {
    margin-bottom: 9px
}

.theme-fancy .footer a.link-to-top,
.theme-fancy .footer a.link-to-top:hover {
    color: var(--color-primary-1) !important
}

.theme-fancy .appear-animate .linesAnimIn .word {
    transform: translateY(37px) translateZ(0) scale(1) rotate(.02deg);
    transition: all .8s var(--ease-out-short);
    transition-delay: calc(65ms * var(--line-index))
}

@media (prefers-reduced-motion:reduce),
print {
    .theme-fancy .appear-animate .linesAnimIn .word {
        opacity: 1 !important;
        transform: none !important
    }
}

.theme-fancy .linesAnimIn.animated .word,
.theme-fancy .mobile .linesAnimIn .word {
    opacity: 1;
    transform: none
}

.theme-fancy .mfp-bg {
    background: var(--color-dark-1)
}

.theme-fancy .steps-1-number {
    background: var(--color-primary-1)
}

.theme-fancy .light-content .steps-1-number {
    color: #fff;
    background: var(--color-primary-1)
}

.theme-fancy .light-content .map-section {
    background: rgba(16, 24, 40, .92)
}

.theme-fancy .light-content .map-section:hover {
    background: rgba(16, 24, 40, .88)
}

@media only screen and (max-width:1366px) {
    .theme-fancy .container {
        max-width: var(--container-width)
    }

    .theme-fancy .hs-title-1 {
        font-size: calc(1.253rem + 2.49vw)
    }

    .theme-fancy .section-title {
        font-size: calc(1.041rem + 2.29vw) !important
    }

    .theme-fancy .section-title-small {
        font-size: calc(1.521rem + 1.15vw)
    }

    .theme-fancy .section-descr {
        font-size: calc(1.005rem + .29vw) !important
    }

    .theme-fancy .features-list,
    .theme-fancy .number-1-descr {
        font-size: calc(.962rem + .19vw)
    }

    .theme-fancy .post-prev-title,
    .theme-fancy .works-grid.work-grid-fancy .work-title {
        font-size: calc(.967rem + .48vw)
    }
}

@media only screen and (max-width:1200px) {
    .theme-fancy .inner-nav ul li {
        margin: 0 12px
    }
}

@media only screen and (max-width:767px) {
    .theme-fancy .tpl-minimal-tabs>li {
        margin: 2px !important;
        width: 46%
    }

    .theme-fancy .tpl-minimal-tabs>li>a.active:after,
    .theme-fancy .tpl-minimal-tabs>li>a:hover:after {
        transform: none
    }

    .theme-fancy .tpl-minimal-tabs>li>a:after,
    .theme-fancy .tpl-minimal-tabs>li>a:before {
        width: 100%;
        margin-left: 0
    }

    .theme-fancy .tpl-minimal-tabs>li>a:before {
        border: 1px solid var(--color-dark-1) !important
    }

    .theme-fancy .tpl-minimal-tabs>li>a:after,
    .theme-fancy .tpl-minimal-tabs>li>a:before {
        border-radius: var(--border-radius-default)
    }
}

@media only screen and (max-width:480px) {
    .theme-fancy .tpl-minimal-tabs>li {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.theme-gradient {
    --font-global: "Plus Jakarta Sans", sans-serif;
    --font-alt: "Plus Jakarta Sans", sans-serif;
    --section-padding-y: 140px;
    --color-dark-1: #2f3749;
    --color-dark-2: #384053;
    --color-dark-3: #414a5e;
    --color-dark-3a: #4e5a76;
    --color-dark-4: #555960;
    --color-gray-1: #6f7780;
    --color-gray-2: #747f8c;
    --color-gray-3: #8a95a2;
    --color-primary-1: #4567ed;
    --color-primary-1-a: #375ae3;
    --color-primary-light-1: #e3effe;
    --color-primary-light-1-a: #bcd1f1;
    --color-primary-2: #7752e7;
    --color-primary-light-2: #e7defe;
    --color-primary-3: #b947d9;
    --color-primary-light-3: #f7defe;
    --color-primary-4: #e748b1;
    --color-primary-light-4: #ffe1f5;
    --color-secondary-1: #fbe3a1;
    --color-gray-light-1: #f5f7fa;
    --color-gray-light-2: #f7f9fc;
    --color-gray-light-3: #cad0d7;
    --color-gray-light-4: #d5d7d8;
    --color-gray-light-5: #cccdcf;
    --color-gray-light-6: #bbbdbf;
    --gradient-primary-1: linear-gradient(90deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-primary-1-a: linear-gradient(90deg, var(--color-primary-4) 25%, var(--color-primary-3) 40%, var(--color-primary-2) 60%, var(--color-primary-1) 75%);
    --gradient-primary-1-b: linear-gradient(45deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-primary-1-c: linear-gradient(0deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-gray-light-1: linear-gradient(0deg, #f5f5f5, #fff);
    --gradient-gray-light-2: linear-gradient(0deg, #fff, #f5f5f5);
    --gradient-dark-alpha-1: linear-gradient(90deg, var(--color-dark-1) 40%, transparent 87%);
    --gradient-dark-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-dark-1) 60%);
    --gradient-primary-alpha-1: linear-gradient(90deg, var(--color-primary-1) 40%, transparent 87%);
    --gradient-primary-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-primary-1) 60%);
    --gradient-gray-light-1: linear-gradient(0deg, #f7f9fc, #fff);
    --gradient-gray-light-2: linear-gradient(0deg, #fff, #f7f9fc);
    --border-radius-default: 5px;
    --box-shadow: 0px 5px 10px 0px rgba(30, 36, 50, .05), 0px 1px 1px 0px rgba(30, 36, 50, .03), 0px 3px 5px 0px rgba(30, 36, 50, .03);
    --box-shadow-strong: 0px 5px 10px 0px rgba(30, 36, 50, .08), 0px 1px 1px 0px rgba(30, 36, 50, .06), 0px 3px 5px 0px rgba(30, 36, 50, .06);
    --box-shadow-block: 0px 10px 30px 0px rgba(30, 36, 50, .07), 0px 0px 1px 0px rgba(30, 36, 50, .1);
    --box-shadow-block-strong: 0px 15px 50px 0px rgba(30, 36, 50, .14), 0px 0px 1px 0px rgba(30, 36, 50, .15);
    color: var(--color-dark-1);
    font-family: var(--font-global);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: normal;
    word-spacing: .1em
}

.theme-gradient .dark-mode {
    --color-primary-1: #7f99ff;
    --color-primary-2: #a080ff;
    --color-primary-3: #dc5fff;
    --color-primary-4: #ff68cc;
    --gradient-primary-1: linear-gradient(90deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-primary-1-a: linear-gradient(90deg, var(--color-primary-4) 25%, var(--color-primary-3) 40%, var(--color-primary-2) 60%, var(--color-primary-1) 75%);
    --gradient-primary-1-b: linear-gradient(45deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-primary-1-c: linear-gradient(0deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-dark-alpha-1: linear-gradient(90deg, var(--color-dark-1) 40%, transparent 87%);
    --gradient-dark-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-dark-1) 60%);
    --gradient-primary-alpha-1: linear-gradient(90deg, var(--color-primary-1) 40%, transparent 87%);
    --gradient-primary-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-primary-1) 60%)
}

.theme-gradient .h1,
.theme-gradient .h2,
.theme-gradient .h3,
.theme-gradient .h4,
.theme-gradient .h5,
.theme-gradient .h6,
.theme-gradient h1,
.theme-gradient h2,
.theme-gradient h3,
.theme-gradient h4,
.theme-gradient h5,
.theme-gradient h6 {
    font-weight: 500;
    letter-spacing: -.01em
}

.theme-gradient .h3,
.theme-gradient h3 {
    font-size: 28px;
    letter-spacing: -.03em
}

.theme-gradient b,
.theme-gradient strong {
    font-weight: 600
}

.theme-gradient .small {
    font-size: .8em
}

.theme-gradient hr:not([size]) {
    background: var(--color-dark-1);
    height: 1px;
    opacity: .1
}

.theme-gradient .bg-dark-alpha .YTPOverlay:before,
.theme-gradient .bg-dark-alpha:before {
    background: #101828;
    opacity: .97
}

.theme-gradient .bg-dark-alpha-30 .YTPOverlay:before,
.theme-gradient .bg-dark-alpha-30:before {
    background: #101828;
    opacity: .3
}

.theme-gradient .bg-dark-alpha-50 .YTPOverlay:before,
.theme-gradient .bg-dark-alpha-50:before {
    background: #101828;
    opacity: .5
}

.theme-gradient .bg-dark-alpha-60 .YTPOverlay:before,
.theme-gradient .bg-dark-alpha-60:before {
    background: #101828;
    opacity: .6
}

.theme-gradient .bg-dark-alpha-70 .YTPOverlay:before,
.theme-gradient .bg-dark-alpha-70:before {
    background: #101828;
    opacity: .7
}

.theme-gradient .bg-dark-alpha-80 .YTPOverlay:before,
.theme-gradient .bg-dark-alpha-80:before {
    background: #101828;
    opacity: .8
}

.theme-gradient .bg-dark-alpha-90 .YTPOverlay:before,
.theme-gradient .bg-dark-alpha-90:before {
    background: #101828;
    opacity: .9
}

.theme-gradient .hs-status,
.theme-gradient .scroll-down-4 {
    border-width: 1px
}

.theme-gradient .light-content .section-caption-fancy {
    background-image: linear-gradient(15deg, rgba(18, 29, 51, .75), transparent)
}

.theme-gradient .main-nav.dark {
    background-color: rgba(16, 24, 40, .878)
}

.theme-gradient .main-nav.dark-mode {
    background-color: rgba(65, 75, 92, .9)
}

.theme-gradient .inner-nav ul {
    font-size: 16px;
    letter-spacing: normal
}

.theme-gradient .inner-nav ul li {
    margin: 0 18px
}

.theme-gradient .inner-nav>ul>li>a {
    opacity: .775
}

.theme-gradient .inner-nav ul li a {
    position: relative
}

.theme-gradient .mn-sub {
    background: rgba(72, 80, 100, .993)
}

.theme-gradient .mobile-on .desktop-nav ul {
    background: rgba(72, 80, 100, .99)
}

.theme-gradient .inner-nav ul li .mn-sub li a,
.theme-gradient .mn-group-title,
.theme-gradient .mobile-on .desktop-nav ul li a {
    color: hsla(0, 0%, 100%, .9) !important
}

.theme-gradient .form label {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500
}

.theme-gradient .form .form-group {
    margin-bottom: 25px
}

.theme-gradient .form-tip,
.theme-gradient .form-tip a {
    color: var(--color-dark-1);
    font-size: 13px;
    line-height: 1.53
}

.theme-gradient .form-tip a:hover {
    color: var(--color-gray-1)
}

.theme-gradient .form input[type=color],
.theme-gradient .form input[type=date],
.theme-gradient .form input[type=email],
.theme-gradient .form input[type=number],
.theme-gradient .form input[type=password],
.theme-gradient .form input[type=search],
.theme-gradient .form input[type=tel],
.theme-gradient .form input[type=text],
.theme-gradient .form input[type=url],
.theme-gradient .form select,
.theme-gradient .form textarea {
    border-color: rgba(52, 61, 85, .183)
}

.theme-gradient .form select:not([multiple]) {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="#343d55" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>')
}

.theme-gradient .form input[type=color]:hover,
.theme-gradient .form input[type=date]:hover,
.theme-gradient .form input[type=email]:hover,
.theme-gradient .form input[type=number]:hover,
.theme-gradient .form input[type=password]:hover,
.theme-gradient .form input[type=search]:hover,
.theme-gradient .form input[type=tel]:hover,
.theme-gradient .form input[type=text]:hover,
.theme-gradient .form input[type=url]:hover,
.theme-gradient .form select:hover,
.theme-gradient .form textarea:hover {
    border-color: rgba(52, 61, 85, .38)
}

.theme-gradient .form input[type=color]:focus,
.theme-gradient .form input[type=date]:focus,
.theme-gradient .form input[type=email]:focus,
.theme-gradient .form input[type=number]:focus,
.theme-gradient .form input[type=password]:focus,
.theme-gradient .form input[type=search]:focus,
.theme-gradient .form input[type=tel]:focus,
.theme-gradient .form input[type=text]:focus,
.theme-gradient .form input[type=url]:focus,
.theme-gradient .form select:focus,
.theme-gradient .form textarea:focus {
    border-color: rgba(52, 61, 85, .7);
    box-shadow: 0 0 3px rgba(52, 61, 85, .3)
}

.theme-gradient .form input[type=color]::placeholder,
.theme-gradient .form input[type=date]::placeholder,
.theme-gradient .form input[type=email]::placeholder,
.theme-gradient .form input[type=number]::placeholder,
.theme-gradient .form input[type=password]::placeholder,
.theme-gradient .form input[type=search]::placeholder,
.theme-gradient .form input[type=tel]::placeholder,
.theme-gradient .form input[type=text]::placeholder,
.theme-gradient .form input[type=url]::placeholder,
.theme-gradient .form select::placeholder,
.theme-gradient .form textarea::placeholder {
    color: var(--color-gray-1)
}

.theme-gradient .form input[type=color].input-md,
.theme-gradient .form input[type=date].input-md,
.theme-gradient .form input[type=email].input-md,
.theme-gradient .form input[type=number].input-md,
.theme-gradient .form input[type=password].input-md,
.theme-gradient .form input[type=search].input-md,
.theme-gradient .form input[type=tel].input-md,
.theme-gradient .form input[type=text].input-md,
.theme-gradient .form input[type=url].input-md,
.theme-gradient .form select.input-md {
    height: 56px;
    font-size: 17px
}

.theme-gradient .form textarea.input-md {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 17px
}

.theme-gradient .form input[type=color].input-lg,
.theme-gradient .form input[type=date].input-lg,
.theme-gradient .form input[type=email].input-lg,
.theme-gradient .form input[type=number].input-lg,
.theme-gradient .form input[type=password].input-lg,
.theme-gradient .form input[type=search].input-lg,
.theme-gradient .form input[type=tel].input-lg,
.theme-gradient .form input[type=text].input-lg,
.theme-gradient .form input[type=url].input-lg,
.theme-gradient .form select.input-lg {
    height: 62px;
    font-size: 18px
}

.theme-gradient .light-content input[type=color],
.theme-gradient .light-content input[type=date],
.theme-gradient .light-content input[type=email],
.theme-gradient .light-content input[type=number],
.theme-gradient .light-content input[type=password],
.theme-gradient .light-content input[type=search],
.theme-gradient .light-content input[type=tel],
.theme-gradient .light-content input[type=text],
.theme-gradient .light-content input[type=url],
.theme-gradient .light-content select,
.theme-gradient .light-content textarea {
    border-color: hsla(0, 0%, 100%, .25)
}

.theme-gradient .light-content input[type=color]:hover,
.theme-gradient .light-content input[type=date]:hover,
.theme-gradient .light-content input[type=email]:hover,
.theme-gradient .light-content input[type=number]:hover,
.theme-gradient .light-content input[type=password]:hover,
.theme-gradient .light-content input[type=search]:hover,
.theme-gradient .light-content input[type=tel]:hover,
.theme-gradient .light-content input[type=text]:hover,
.theme-gradient .light-content input[type=url]:hover,
.theme-gradient .light-content select:hover,
.theme-gradient .light-content textarea:hover {
    border-color: hsla(0, 0%, 100%, .35)
}

.theme-gradient .light-content input[type=color]:focus,
.theme-gradient .light-content input[type=date]:focus,
.theme-gradient .light-content input[type=email]:focus,
.theme-gradient .light-content input[type=number]:focus,
.theme-gradient .light-content input[type=password]:focus,
.theme-gradient .light-content input[type=search]:focus,
.theme-gradient .light-content input[type=tel]:focus,
.theme-gradient .light-content input[type=text]:focus,
.theme-gradient .light-content input[type=url]:focus,
.theme-gradient .light-content select:focus,
.theme-gradient .light-content textarea:focus {
    border-color: hsla(0, 0%, 100%, .75)
}

.theme-gradient .icon-info {
    top: .07em
}

.theme-gradient .btn-mod,
.theme-gradient a.btn-mod {
    font-weight: 500
}

.theme-gradient .btn-mod.btn-border-c {
    border-color: var(--color-primary-light-1-a)
}

.theme-gradient .btn-mod.btn-border-c:focus,
.theme-gradient .btn-mod.btn-border-c:hover {
    background: transparent;
    color: var(--color-primary-1);
    border-color: var(--color-primary-light-1-a)
}

.theme-gradient .btn-mod.btn-small {
    padding: 10px 22px;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal
}

.theme-gradient .btn-mod.btn-grad.btn-small {
    padding: 11px 22px
}

.theme-gradient .btn-mod.btn-medium {
    padding: 15px 40px;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal
}

.theme-gradient .btn-mod.btn-grad.btn-medium {
    padding: 16px 40px
}

.theme-gradient .btn-mod.btn-large {
    padding: 20px 50px 21px;
    font-size: 18px;
    font-weight: 500;
    text-transform: none;
    line-height: 1;
    letter-spacing: normal
}

.theme-gradient .btn-mod.btn-grad.btn-large {
    padding: 21px 50px 22px
}

.theme-gradient .big-icon {
    color: var(--color-primary-1)
}

.theme-gradient .hs-title-1 {
    font-size: 68px !important;
    font-weight: 500 !important;
    line-height: 1.22 !important;
    letter-spacing: -.037em !important
}

.theme-gradient .light-content .accordion,
.theme-gradient .light-content .accordion>dt>a,
.theme-gradient .light-content .toggle,
.theme-gradient .light-content .toggle>dt>a {
    border-color: hsla(0, 0%, 100%, .25)
}

.theme-gradient .accordion>dt>a:after,
.theme-gradient .toggle>dt>a:after {
    background: var(--gradient-primary-1-a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.theme-gradient .light-content .accordion>dt>a:after,
.theme-gradient .light-content .toggle>dt>a:after {
    color: #fff
}

.theme-gradient .composition-4-image-1,
.theme-gradient .composition-4-image-2 {
    border-color: var(--color-gray-light-3)
}

.theme-gradient .scroll-down-1-icon i,
.theme-gradient .scroll-down-1-icon img,
.theme-gradient .scroll-down-1-icon svg,
.theme-gradient .scroll-down-1-icon:before {
    opacity: .7
}

.theme-gradient .scroll-down-1-text {
    font-weight: 500;
    opacity: .7;
    transition: opacity .4s ease, transform .4s var(--ease-elastic-2)
}

.theme-gradient .typewrite .wrap:after {
    font-size: .9em
}

.theme-gradient .section-caption-fancy {
    padding: 9px 12px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .1em;
    background-image: linear-gradient(45deg, var(--color-primary-light-1) 0, transparent 100%)
}

.theme-gradient .section-title {
    font-size: 56px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    letter-spacing: -.03em !important
}

.theme-gradient .section-title-small {
    font-size: 34px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -.02em
}

.theme-gradient .section-title-tiny {
    font-size: 20px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important
}

.theme-gradient .section-descr {
    font-size: 19px !important;
    line-height: 1.736 !important;
    letter-spacing: normal !important
}

.theme-gradient .section-descr-medium {
    line-height: 1.65 !important
}

.theme-gradient a.link-hover-anim,
.theme-gradient a.link-hover-anim:hover {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: var(--color-primary-1);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.005em
}

.theme-gradient .link-strong i {
    position: relative;
    top: -.05em;
    vertical-align: middle
}

.theme-gradient .link-strong-hovered {
    top: 0
}

.theme-gradient .features-list {
    font-size: 17px
}

.theme-gradient .features-list-icon {
    top: .175em;
    color: var(--color-primary-1);
    background: var(--color-primary-light-1)
}

.theme-gradient .works-grid.work-grid-fancy .work-title {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 600
}

.theme-gradient .works-grid.work-grid-fancy .work-descr {
    font-size: 16px
}

.theme-gradient .work-img-bg {
    background: var(--color-gray-light-2)
}

.theme-gradient .number-1-title {
    font-weight: 600
}

.theme-gradient .features-2-title {
    letter-spacing: normal
}

.theme-gradient .testimonials-3-text p {
    letter-spacing: -.015em
}

.theme-gradient .testimonials-4-text p {
    color: var(--color-gray-1);
    line-height: 1.67
}

.theme-gradient .testimonials-4-author {
    font-weight: 600
}

.theme-gradient .testimonials-4-author .small {
    font-size: 15px;
    font-weight: 400
}

.theme-gradient .post-prev-container {
    overflow: hidden;
    background: #fff;
    border-radius: var(--border-radius-default);
    box-shadow: var(--box-shadow-block);
    isolation: isolate;
    transform: translateZ(0);
    transition: all .27s var(--ease-default)
}

.theme-gradient .post-prev-container:before {
    display: none
}

.theme-gradient .post-prev-container:hover {
    transform: translateY(-5px);
    box-shadow: var(--box-shadow-block-strong)
}

.theme-gradient .post-prev-title {
    font-size: 22px;
    font-weight: 600
}

.theme-gradient .post-prev-img a:hover {
    opacity: 1
}

.theme-gradient .post-prev-img a:hover img {
    transform: translateZ(.1px)
}

.theme-gradient .post-prev-title {
    padding-top: 30px
}

.theme-gradient .post-prev-title a:hover {
    opacity: .85
}

.theme-gradient .post-prev-text {
    line-height: 1.625
}

.theme-gradient .post-prev-info,
.theme-gradient .post-prev-info a {
    font-size: 14px
}

.theme-gradient .post-prev-info,
.theme-gradient .post-prev-text,
.theme-gradient .post-prev-title {
    padding-left: 30px;
    padding-right: 30px
}

.theme-gradient .post-prev-container>:last-child {
    padding-bottom: 30px
}

.theme-gradient .post-prev-3-title {
    line-height: 1.6363
}

.theme-gradient .post-prev-3-text {
    line-height: 1.75
}

.theme-gradient .widget-body img {
    border-radius: var(--border-radius-default)
}

.theme-gradient .tpl-minimal-tabs {
    display: flex;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .059em;
    text-transform: uppercase
}

.theme-gradient .tpl-minimal-tabs li {
    padding: 0
}

.theme-gradient .tpl-minimal-tabs>li>a,
.theme-gradient .tpl-minimal-tabs>li>a:focus,
.theme-gradient .tpl-minimal-tabs>li>a:hover {
    position: relative;
    margin: 0 !important;
    padding: 10px 20px;
    color: var(--color-gray-1);
    border: none !important;
    border-radius: 0 !important;
    isolation: isolate
}

.theme-gradient .tpl-minimal-tabs>li>a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--color-dark-1);
    opacity: .3;
    transition: var(--transition-default);
    z-index: -1
}

.theme-gradient .tpl-minimal-tabs>li>a:after,
.theme-gradient .tpl-minimal-tabs>li>a:hover:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: var(--color-primary-1);
    transform: none;
    transition: all .2s var(--ease-out-short);
    z-index: -1
}

.theme-gradient .tpl-minimal-tabs>li:not(:first-child)>a:after,
.theme-gradient .tpl-minimal-tabs>li:not(:first-child)>a:before {
    width: calc(100% + 1px);
    margin-left: -1px;
    border-left: none
}

.theme-gradient .tpl-minimal-tabs>li:first-child>a:after,
.theme-gradient .tpl-minimal-tabs>li:first-child>a:before {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px
}

.theme-gradient .tpl-minimal-tabs>li:last-child>a:after,
.theme-gradient .tpl-minimal-tabs>li:last-child>a:before {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px
}

.theme-gradient .tpl-minimal-tabs>li>a.active,
.theme-gradient .tpl-minimal-tabs>li>a.active:hover {
    color: #fff !important;
    border: none !important
}

.theme-gradient .tpl-minimal-tabs>li>a.active:after {
    opacity: 1
}

.theme-gradient .light-content .tpl-minimal-tabs>li>a,
.theme-gradient .light-content .tpl-minimal-tabs>li>a:focus,
.theme-gradient .light-content .tpl-minimal-tabs>li>a:hover {
    color: #fff
}

.theme-gradient .light-content .tpl-minimal-tabs>li>a:before {
    border-color: #fff
}

.theme-gradient .light-content .tpl-minimal-tabs li a.active,
.theme-gradient .light-content .tpl-minimal-tabs li a.active:hover {
    color: #fff;
    border: none !important
}

.theme-gradient .pricing-title {
    font-weight: 600;
    letter-spacing: -.0175em
}

.theme-gradient .pricing-num {
    font-weight: 600
}

.theme-gradient .contact-item {
    padding-left: 69px
}

.theme-gradient .contact-item a.link-hover-anim,
.theme-gradient .contact-item a.link-hover-anim:hover {
    font-size: 14px
}

.theme-gradient a.link-hover-anim i {
    top: -.05em
}

.theme-gradient .contact-item {
    padding-left: 72px
}

.theme-gradient .ci-icon {
    width: 48px;
    height: 48px;
    color: var(--color-primary-1)
}

.theme-gradient .ci-icon:before {
    background: var(--color-primary-light-1)
}

.theme-gradient .ci-text {
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 1.7
}

.theme-gradient .ci-link {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none
}

.theme-gradient .ci-link a {
    color: var(--color-gray-1)
}

.theme-gradient .light-content .ci-icon {
    color: var(--color-dark-1) !important
}

.theme-gradient .mt-icon:before {
    background: var(--gradient-primary-1-b)
}

.theme-gradient .footer b,
.theme-gradient .footer strong {
    font-weight: 500
}

.theme-gradient .fw-title {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: normal
}

.theme-gradient .fw-menu li:not(:last-child) {
    margin-bottom: 9px
}

.theme-gradient .appear-animate .linesAnimIn .word {
    transform: translateY(37px) translateZ(0) scale(1) rotate(.02deg);
    transition: all .8s var(--ease-out-short);
    transition-delay: calc(65ms * var(--line-index))
}

@media (prefers-reduced-motion:reduce),
print {
    .theme-gradient .appear-animate .linesAnimIn .word {
        opacity: 1 !important;
        transform: none !important
    }
}

.theme-gradient .linesAnimIn.animated .word,
.theme-gradient .mobile .linesAnimIn .word {
    opacity: 1;
    transform: none
}

.theme-gradient .mfp-bg {
    background: var(--color-dark-1)
}

.theme-gradient .steps-1-number {
    background: var(--color-primary-1)
}

.theme-gradient .light-content .steps-1-number {
    color: #fff;
    background: var(--color-primary-1)
}

.theme-gradient .light-content .map-section {
    background: rgba(16, 24, 40, .92)
}

.theme-gradient .light-content .map-section:hover {
    background: rgba(16, 24, 40, .88)
}

@media only screen and (max-width:1440px) {
    .theme-gradient {
        --section-padding-y: 120px
    }
}

@media only screen and (max-width:1366px) {
    .theme-gradient .container {
        max-width: var(--container-width)
    }

    .theme-gradient .hs-title-1 {
        font-size: calc(1.108rem + 3.68vw) !important
    }

    .theme-gradient .section-title {
        font-size: calc(1.582rem + 2.25vw) !important
    }

    .theme-gradient .section-title-small {
        font-size: calc(1.635rem + .57vw) !important
    }

    .theme-gradient .section-descr {
        font-size: 19px !important
    }

    .theme-gradient .features-list,
    .theme-gradient .number-1-descr {
        font-size: calc(.962rem + .19vw) !important
    }

    .theme-gradient .post-prev-title,
    .theme-gradient .works-grid.work-grid-fancy .work-title {
        font-size: calc(.967rem + .48vw) !important
    }
}

@media only screen and (max-width:1200px) {
    .theme-gradient .inner-nav ul li {
        margin: 0 12px !important
    }
}

@media only screen and (max-width:767px) {
    .theme-gradient .tpl-minimal-tabs>li {
        margin: 2px !important;
        width: 48%
    }

    .theme-gradient .tpl-minimal-tabs>li>a.active:after,
    .theme-gradient .tpl-minimal-tabs>li>a:hover:after {
        transform: none
    }

    .theme-gradient .tpl-minimal-tabs>li>a:after,
    .theme-gradient .tpl-minimal-tabs>li>a:before {
        width: 100%;
        margin-left: 0
    }

    .theme-gradient .tpl-minimal-tabs>li>a:before {
        border: 1px solid var(--color-dark-1) !important
    }

    .theme-gradient .tpl-minimal-tabs>li>a:after,
    .theme-gradient .tpl-minimal-tabs>li>a:before {
        border-radius: 100px
    }
}

@media only screen and (max-width:480px) {
    .theme-gradient .section-descr-medium {
        font-size: 22px !important;
        line-height: 1.37 !important
    }

    .theme-gradient .tpl-minimal-tabs>li {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@font-face {
    font-family: Clash Grotesk;
    src: url(/assets/webfonts/clash-grotesk/ClashGrotesk-Regular.woff2) format("woff2"), url(/assets/webfonts/clash-grotesk/ClashGrotesk-Regular.woff) format("woff");
    font-weight: 400;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: Clash Grotesk;
    src: url(/assets/webfonts/clash-grotesk/ClashGrotesk-Medium.woff2) format("woff2"), url(/assets/webfonts/clash-grotesk/ClashGrotesk-Medium.woff) format("woff");
    font-weight: 500;
    font-display: swap;
    font-style: normal
}

.theme-modern {
    --font-global: "Inter", sans-serif;
    --font-alt: "Clash Grotesk", sans-serif;
    --container-width: 1420px;
    --section-padding-y: 180px;
    --color-dark-1: #010101;
    --color-gray-light-1: #f5f5f5;
    --color-gray-light-2: #f7f7f7;
    --border-radius-default: 20px;
    --gradient-primary-1: linear-gradient(90deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-primary-1-a: linear-gradient(90deg, var(--color-primary-4) 25%, var(--color-primary-3) 40%, var(--color-primary-2) 60%, var(--color-primary-1) 75%);
    --gradient-primary-1-b: linear-gradient(45deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-primary-1-c: linear-gradient(0deg, var(--color-primary-4) 0%, var(--color-primary-3) 33%, var(--color-primary-2) 67%, var(--color-primary-1) 100%);
    --gradient-gray-light-1: linear-gradient(0deg, #f5f5f5, #fff);
    --gradient-gray-light-2: linear-gradient(0deg, #fff, #f5f5f5);
    --gradient-dark-alpha-1: linear-gradient(90deg, var(--color-dark-1) 40%, transparent 87%);
    --gradient-dark-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-dark-1) 60%);
    --gradient-primary-alpha-1: linear-gradient(90deg, var(--color-primary-1) 40%, transparent 87%);
    --gradient-primary-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-primary-1) 60%);
    color: var(--color-dark-1);
    font-family: var(--font-global);
    letter-spacing: 0
}

.theme-modern .dark-mode {
    --color-dark-1: #090909;
    --color-dark-2: #131313
}

.theme-modern .inner-nav ul {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .01em
}

.theme-modern .inner-nav ul li {
    margin-left: 22px;
    margin-right: 22px
}

.theme-modern .inner-nav>ul>li>a {
    position: relative;
    opacity: 1
}

.theme-modern .inner-nav>ul>li>a:not(.no-hover):before {
    content: "";
    position: absolute;
    top: calc(50% - .5em);
    right: -.5em;
    display: block;
    width: 3px;
    height: 3px;
    background: currentColor;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0);
    transition: var(--transition-default)
}

.theme-modern .inner-nav ul li a.active:before,
.theme-modern .inner-nav ul li a:hover:before {
    opacity: 1;
    transform: scale(1)
}

.theme-modern .hs-title-6 {
    letter-spacing: .07em !important
}

.theme-modern .btn-mod.btn-border {
    border-width: 1px
}

.theme-modern .mark-decoration-6 {
    border-radius: 7px
}

.theme-modern .form input[type=color],
.theme-modern .form input[type=date],
.theme-modern .form input[type=email],
.theme-modern .form input[type=number],
.theme-modern .form input[type=password],
.theme-modern .form input[type=search],
.theme-modern .form input[type=tel],
.theme-modern .form input[type=text],
.theme-modern .form input[type=url],
.theme-modern .form select {
    padding-bottom: 0
}

.theme-modern .form input[type=color],
.theme-modern .form input[type=date],
.theme-modern .form input[type=email],
.theme-modern .form input[type=number],
.theme-modern .form input[type=password],
.theme-modern .form input[type=search],
.theme-modern .form input[type=tel],
.theme-modern .form input[type=text],
.theme-modern .form input[type=url],
.theme-modern .form select,
.theme-modern .form textarea {
    color: var(--color-dark-1);
    font-family: var(--font-alt);
    font-weight: 400;
    letter-spacing: .02em;
    background: transparent;
    border-color: var(--color-dark-1)
}

.theme-modern .form input[type=color]:hover,
.theme-modern .form input[type=date]:hover,
.theme-modern .form input[type=email]:hover,
.theme-modern .form input[type=number]:hover,
.theme-modern .form input[type=password]:hover,
.theme-modern .form input[type=search]:hover,
.theme-modern .form input[type=tel]:hover,
.theme-modern .form input[type=text]:hover,
.theme-modern .form input[type=url]:hover,
.theme-modern .form select:hover,
.theme-modern .form textarea:hover {
    border-color: var(--color-dark-1)
}

.theme-modern .form input[type=color]::placeholder,
.theme-modern .form input[type=date]::placeholder,
.theme-modern .form input[type=email]::placeholder,
.theme-modern .form input[type=number]::placeholder,
.theme-modern .form input[type=password]::placeholder,
.theme-modern .form input[type=search]::placeholder,
.theme-modern .form input[type=tel]::placeholder,
.theme-modern .form input[type=text]::placeholder,
.theme-modern .form input[type=url]::placeholder,
.theme-modern .form select::placeholder,
.theme-modern .form textarea::placeholder {
    color: var(--color-dark-1);
    text-transform: uppercase
}

.theme-modern .form input[type=color]:hover::placeholder,
.theme-modern .form input[type=date]:hover::placeholder,
.theme-modern .form input[type=email]:hover::placeholder,
.theme-modern .form input[type=number]:hover::placeholder,
.theme-modern .form input[type=password]:hover::placeholder,
.theme-modern .form input[type=search]:hover::placeholder,
.theme-modern .form input[type=tel]:hover::placeholder,
.theme-modern .form input[type=text]:hover::placeholder,
.theme-modern .form input[type=url]:hover::placeholder,
.theme-modern .form select:hover::placeholder,
.theme-modern .form textarea:hover::placeholder {
    color: var(--color-dark-1)
}

.theme-modern .form input[type=color].input-lg,
.theme-modern .form input[type=date].input-lg,
.theme-modern .form input[type=email].input-lg,
.theme-modern .form input[type=number].input-lg,
.theme-modern .form input[type=password].input-lg,
.theme-modern .form input[type=search].input-lg,
.theme-modern .form input[type=tel].input-lg,
.theme-modern .form input[type=text].input-lg,
.theme-modern .form input[type=url].input-lg,
.theme-modern .form select.input-lg {
    height: 62px
}

.theme-modern .form input[type=color].input-lg,
.theme-modern .form input[type=date].input-lg,
.theme-modern .form input[type=email].input-lg,
.theme-modern .form input[type=number].input-lg,
.theme-modern .form input[type=password].input-lg,
.theme-modern .form input[type=search].input-lg,
.theme-modern .form input[type=tel].input-lg,
.theme-modern .form input[type=text].input-lg,
.theme-modern .form input[type=url].input-lg,
.theme-modern .form select.input-lg,
.theme-modern .form textarea.input-lg {
    font-size: 30px
}

.theme-modern .form input[type=color].input-md,
.theme-modern .form input[type=date].input-md,
.theme-modern .form input[type=email].input-md,
.theme-modern .form input[type=number].input-md,
.theme-modern .form input[type=password].input-md,
.theme-modern .form input[type=search].input-md,
.theme-modern .form input[type=tel].input-md,
.theme-modern .form input[type=text].input-md,
.theme-modern .form input[type=url].input-md,
.theme-modern .form select.input-md,
.theme-modern .form textarea.input-md {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 22px;
    letter-spacing: .02em
}

.theme-modern .form input[type=color].input-md,
.theme-modern .form input[type=date].input-md,
.theme-modern .form input[type=email].input-md,
.theme-modern .form input[type=number].input-md,
.theme-modern .form input[type=password].input-md,
.theme-modern .form input[type=search].input-md,
.theme-modern .form input[type=tel].input-md,
.theme-modern .form input[type=text].input-md,
.theme-modern .form input[type=url].input-md,
.theme-modern .form select.input-lg {
    height: 52px
}

.theme-modern .form input.input-circle,
.theme-modern .form select.input-circle,
.theme-modern .form textarea.input-circle {
    border-radius: 33px
}

.theme-modern .light-content input[type=color],
.theme-modern .light-content input[type=color]:focus,
.theme-modern .light-content input[type=color]:hover,
.theme-modern .light-content input[type=date],
.theme-modern .light-content input[type=date]:focus,
.theme-modern .light-content input[type=date]:hover,
.theme-modern .light-content input[type=email],
.theme-modern .light-content input[type=email]:focus,
.theme-modern .light-content input[type=email]:hover,
.theme-modern .light-content input[type=number],
.theme-modern .light-content input[type=number]:focus,
.theme-modern .light-content input[type=number]:hover,
.theme-modern .light-content input[type=password],
.theme-modern .light-content input[type=password]:focus,
.theme-modern .light-content input[type=password]:hover,
.theme-modern .light-content input[type=search],
.theme-modern .light-content input[type=search]:focus,
.theme-modern .light-content input[type=search]:hover,
.theme-modern .light-content input[type=tel],
.theme-modern .light-content input[type=tel]:focus,
.theme-modern .light-content input[type=tel]:hover,
.theme-modern .light-content input[type=text],
.theme-modern .light-content input[type=text]:focus,
.theme-modern .light-content input[type=text]:hover,
.theme-modern .light-content input[type=url],
.theme-modern .light-content input[type=url]:focus,
.theme-modern .light-content input[type=url]:hover,
.theme-modern .light-content select,
.theme-modern .light-content select:focus,
.theme-modern .light-content select:hover,
.theme-modern .light-content textarea,
.theme-modern .light-content textarea:focus,
.theme-modern .light-content textarea:hover {
    color: #fff;
    border-color: #fff
}

.theme-modern .light-content .form input[type=color]::placeholder,
.theme-modern .light-content .form input[type=color]:hover::placeholder,
.theme-modern .light-content .form input[type=date]::placeholder,
.theme-modern .light-content .form input[type=date]:hover::placeholder,
.theme-modern .light-content .form input[type=email]::placeholder,
.theme-modern .light-content .form input[type=email]:hover::placeholder,
.theme-modern .light-content .form input[type=number]::placeholder,
.theme-modern .light-content .form input[type=number]:hover::placeholder,
.theme-modern .light-content .form input[type=password]::placeholder,
.theme-modern .light-content .form input[type=password]:hover::placeholder,
.theme-modern .light-content .form input[type=search]::placeholder,
.theme-modern .light-content .form input[type=search]:hover::placeholder,
.theme-modern .light-content .form input[type=tel]::placeholder,
.theme-modern .light-content .form input[type=tel]:hover::placeholder,
.theme-modern .light-content .form input[type=text]::placeholder,
.theme-modern .light-content .form input[type=text]:hover::placeholder,
.theme-modern .light-content .form input[type=url]::placeholder,
.theme-modern .light-content .form input[type=url]:hover::placeholder,
.theme-modern .light-content .form select::placeholder,
.theme-modern .light-content .form select:hover::placeholder,
.theme-modern .light-content .form textarea::placeholder,
.theme-modern .light-content .form textarea:hover::placeholder {
    color: #fff
}

.theme-modern .search-button {
    color: var(--color-dark-1)
}

.theme-modern .btn-mod.btn-large,
.theme-modern .btn-mod.btn-medium,
.theme-modern .btn-mod.btn-small {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .01em
}

.theme-modern .btn-mod.btn-small {
    padding: 6px 14px;
    line-height: 1.4
}

.theme-modern .btn-mod.btn-medium {
    font-size: 18px;
    padding: 10px 20px
}

.theme-modern .btn-mod.btn-large {
    font-size: 18px;
    padding: 15px 28px
}

.theme-modern .accordion-1.accordion-1-slick>dt {
    font-family: var(--font-alt);
    letter-spacing: .08em
}

.theme-modern .section-title-large {
    line-height: 1;
    letter-spacing: .017em
}

.theme-modern .section-title-tiny {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.466 !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important
}

.theme-modern .section-caption {
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .03em
}

.theme-modern .section-descr {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.466 !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important
}

.theme-modern .section-descr .text-link {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-transform: inherit;
    opacity: 1
}

.theme-modern .section-descr .text-link:after {
    bottom: 3px
}

.theme-modern .link-hover-anim {
    top: -1px;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .02em
}

.theme-modern .form-tip,
.theme-modern .form-tip a {
    font-size: 13px
}

.theme-modern .footer-1 {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .03em
}

.theme-modern .fw-social-inline .link-hover-anim {
    font-size: 16px
}

.theme-modern .fw-social-inline .link-hover-anim .link-strong {
    letter-spacing: .03em
}

.theme-modern .fw-social-inline .link-strong:before {
    display: none
}

.theme-modern .footer-text {
    font-family: var(--font-global);
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: -.01em
}

.theme-modern .footer-text a {
    color: inherit;
    text-decoration: underline
}

.theme-modern .footer-text .small {
    font-size: 14px
}

.theme-modern .features-2-item:before {
    border: 1px solid var(--color-dark-1);
    background: none;
    opacity: .15;
    transition: opacity .27s var(--ease-default);
    z-index: -1
}

.theme-modern .features-2-item:hover:before {
    opacity: 1
}

.theme-modern .features-2-label {
    font-weight: 500;
    color: var(--color-dark-1);
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset
}

.theme-modern .features-2-icon:before {
    background: var(--color-gray-light-1);
    opacity: 1;
    z-index: -1
}

.theme-modern .features-2-icon svg {
    fill: var(--color-dark-1)
}

.theme-modern .light-content .features-2-item:before {
    background: var(--color-dark-mode-gray-2);
    border: 1px solid var(--color-dark-mode-gray-2);
    transition: border-color .27s var(--ease-default);
    opacity: 1;
    z-index: -1
}

.theme-modern .light-content .features-2-item:hover:before {
    background: var(--color-dark-mode-gray-2);
    opacity: 1
}

.theme-modern .light-content .features-2-label {
    color: #fff;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset
}

.theme-modern .light-content .features-2-icon {
    color: #fff
}

.theme-modern .light-content .features-2-icon svg {
    fill: #fff
}

.theme-modern .light-content .features-2-icon:before {
    background: var(--color-dark-mode-gray-2);
    opacity: 1;
    z-index: -1
}

.theme-modern .light-content .features-2-descr {
    color: var(--color-dark-mode-gray-1)
}

.theme-modern .bg-border-gradient:before {
    background: none;
    border: 1px solid var(--color-dark-1);
    opacity: .15
}

.theme-modern .light-content .bg-border-gradient:before {
    background: none;
    border: 1px solid #fff;
    opacity: .25
}

.theme-modern .bg-gradient-dark-alpha-1:before,
.theme-modern .bg-gradient-dark-alpha-2:before {
    opacity: .9
}

.theme-modern .testimonials-slider-2 blockquote p {
    font-family: var(--font-alt);
    font-weight: 400;
    letter-spacing: 0
}

.theme-modern .pagination a,
.theme-modern .pagination span {
    font-weight: 400;
    border-radius: 0
}

.theme-modern .blog-item-body {
    letter-spacing: -.012em
}

.theme-modern .work-navigation a,
.theme-modern .work-navigation a:visited {
    color: var(--color-dark-1)
}

@media only screen and (min-width:1441px) {
    .theme-modern {
        --container-width: 1360px
    }
}

@media only screen and (min-width:1681px) {
    .theme-modern {
        --container-width: 1500px
    }
}

@media only screen and (max-width:1440px) {
    .theme-modern {
        --section-padding-y: 150px
    }
}

@media only screen and (max-width:1366px) {
    .theme-modern .container {
        max-width: var(--container-width)
    }

    .theme-modern .inner-nav ul li {
        margin-left: 18px;
        margin-right: 18px
    }

    .theme-modern .form input[type=color].input-lg,
    .theme-modern .form input[type=date].input-lg,
    .theme-modern .form input[type=email].input-lg,
    .theme-modern .form input[type=number].input-lg,
    .theme-modern .form input[type=password].input-lg,
    .theme-modern .form input[type=search].input-lg,
    .theme-modern .form input[type=tel].input-lg,
    .theme-modern .form input[type=text].input-lg,
    .theme-modern .form input[type=url].input-lg,
    .theme-modern .form select.input-lg,
    .theme-modern .form textarea.input-lg {
        font-size: calc(1.263rem + .72vw)
    }
}

@media only screen and (max-width:1200px) {
    .theme-modern .inner-nav ul li {
        margin-left: 13px;
        margin-right: 13px
    }
}

@media only screen and (max-width:575px) {

    .theme-modern .form input[type=color].input-lg,
    .theme-modern .form input[type=date].input-lg,
    .theme-modern .form input[type=email].input-lg,
    .theme-modern .form input[type=number].input-lg,
    .theme-modern .form input[type=password].input-lg,
    .theme-modern .form input[type=search].input-lg,
    .theme-modern .form input[type=tel].input-lg,
    .theme-modern .form input[type=text].input-lg,
    .theme-modern .form input[type=url].input-lg,
    .theme-modern .form select.input-lg,
    .theme-modern .form textarea.input-lg {
        padding-left: 15px;
        padding-right: 15px
    }
}