@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

.light-background, :root {
    --surface-color: #ffffff
}

.dark-background, :root {
    --contrast-color: #ffffff
}

a, a:hover {
    text-decoration: none
}

.desc-bottom .gslide-media, .desc-top .gslide-media, .gclose, .glightbox-container .ginner-container, .gnext, .gprev {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

:root {
    --default-font: "Rubik",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --heading-font: "Rubik",sans-serif;
    --nav-font: "Rubik",sans-serif;
    --background-color: #ffffff;
    --default-color: #15477A;
    --heading-color: #15477A;
    --accent-color: #15477A;
    --nav-color: #;
    --nav-hover-color: #15477A;
    --nav-mobile-background-color: #ffffff;
    --nav-dropdown-background-color: #ffffff;
    --nav-dropdown-color: #3a3939;
    --nav-dropdown-hover-color: #15477A;
    scroll-behavior: smooth
}

.light-background {
    --background-color: #f9f9f9
}

.dark-background {
    --background-color: #060606;
    --default-color: #ffffff;
    --heading-color: #ffffff;
    --surface-color: #252525
}

.bg-primary {
    background-color: #15477a !important
}

.header, body {
    background-color: var(--background-color)
}

body {
    color: var(--default-color);
    font-family: var(--default-font)
}

hr {
    height: 2px;
    border-top: 1px solid red;
    background-color: #fbd433 !important
}

a {
    color: var(--accent-color);
    transition: .3s
}

    a:hover {
        color: color-mix(in srgb,var(--accent-color),transparent 25%)
    }

h1, h2, h3, h4, h5, h6 {
    color: var(--heading-color);
    font-family: var(--heading-font)
}
h1 {
    font-weight: 800;
}
h2 {
    font-weight: 700;
}
.heroFont-h1 {
    font-family: var(--heading-font);
    font-weight: 800;
    font-size: 3em;
    
}
.heroFont-h2 {
    font-family: var(--heading-font);
    font-weight: 700;
    font-size: 2em;
}
.text-harris, .text-harris a, .text-harris a:hover {
    color: navy
}

    .text-harris active {
        color: #00f
    }

.navbar-toggler {
    border: hidden !important;
    margin-top: 5px;
    margin-bottom: 5px
}

.header {
    color: var(--default-color);
    padding: 0;
    transition: .5s;
    z-index: 997
}

    .header .logo {
        line-height: 1
    }

        .header .logo img {
            max-height: 170px;
            margin-right: 8px;
            margin-left: 10px
        }

        .header .logo h1 {
            font-size: 24px;
            margin: 0;
            font-weight: 600;
            color: var(--heading-color)
        }

        .header .logo span {
            color: var(--accent-color);
            font-size: 24px;
            font-weight: 600;
            padding-left: 3px
        }

    .header .btn-getstarted, .header .btn-getstarted:focus {
        color: var(--contrast-color);
        background: var(--accent-color);
        font-size: 14px;
        padding: 8px 26px;
        margin: 0;
        border-radius: 4px;
        transition: .3s;
        text-decoration: none
    }

        .header .btn-getstarted:focus:hover, .header .btn-getstarted:hover {
            color: var(--contrast-color);
            background: color-mix(in srgb,var(--accent-color),transparent 15%)
        }

@media (max-width:1200px) {
    .header .logo {
        order: 1
    }

    .header .btn-getstarted {
        order: 2;
        margin: 0 15px 0 0;
        padding: 6px 20px
    }

    .header .navmenu {
        order: 3
    }
}

.text-guardian {
    color: #15477a !important
}

.btn-bright-red, .abtn-harris {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    transition: background-color .3s;
    text-decoration: none;
    cursor: pointer
}

.scrolled .header {
    box-shadow: 0 0 30px 10px rgba(0,0,0,.1)
}

.btn-harris {
    background-color: #01286b;
    border: none;
    border-radius: 5px
}

    .btn-harris:hover {
        background-color: #001f4f;
        color: #fbd433
    }

.btn-bright-red {
    background-color: red;
    border: none;
    border-radius: 5px
}

    .btn-bright-red:hover {
        background-color: #c00;
        color: #fbd433
    }

.footer .copyright, .page-title nav {
    background-color: color-mix(in srgb,var(--default-color),transparent 95%)
}

.index-page .header {
    --background-color: rgba(255, 255, 255, 0);
    --heading-color: #ffffff;
    --nav-color: rgba(0, 0, 0);
    --nav-hover-color: #ffffff
}

.index-page.scrolled .header {
    --background-color: #ffffff;
    --heading-color: #32353a;
    --nav-color: #3a3939;
    --nav-hover-color: #15477A
}

@media (min-width:1200px) {
    .navmenu {
        padding: 0
    }

        .navmenu a, .navmenu a:focus {
            color: var(--nav-color);
            padding: 18px 15px;
            font-size: 16px;
            font-family: var(--nav-font);
            font-weight: 400;
            display: flex;
            align-items: center;
            justify-content: space-between;
            white-space: nowrap;
            transition: .3s;
            text-decoration: none
        }
}

.footer .social-links a, .pricing h4 span {
    color: color-mix(in srgb,var(--default-color),transparent 50%)
}

.about .content .read-more, .call-to-action .cta-btn, .footer .footer-about p, .portfolio .portfolio-filters li, .pricing .buy-btn, .pricing h4, .stats .stats-item p {
    font-family: var(--heading-font)
}

@media screen and (max-width:700px) {
    .navbar-toggler {
        border: hidden !important
    }

    .header img {
        width: 75%;
        text-align: center;
        height: auto
    }

    .hero img {
        background-image: url(../img/john.png)
    }

    .hero {
        width: 100%;
        min-height: 100vh;
        position: relative;
        padding: 80px 0;
        display: flex;
        align-items: end;
        justify-content: center
    }
}

.footer {
    color: var(--default-color);
    background-color: var(--background-color);
    font-size: 14px;
    padding-bottom: 50px;
    position: relative
}

    .footer .footer-top {
        padding-top: 50px
    }

    .comment-form form .form-group, .footer .footer-about .logo {
        margin-bottom: 25px
    }

        .footer .footer-about .logo img {
            max-height: 40px;
            margin-right: 6px
        }

        .footer .footer-about .logo span {
            color: var(--heading-color);
            font-size: 30px;
            font-weight: 700;
            letter-spacing: 1px;
            font-family: var(--heading-font)
        }

    .footer .footer-about p {
        font-size: 14px
    }

    .footer .social-links a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid color-mix(in srgb,var(--default-color),transparent 50%);
        font-size: 16px;
        margin-right: 10px;
        transition: .3s
    }

        .footer .social-links a:hover {
            color: var(--accent-color);
            border-color: var(--accent-color)
        }

    .footer h4 {
        font-size: 16px;
        font-weight: 700;
        position: relative;
        padding-bottom: 12px
    }

    .footer .footer-links {
        margin-bottom: 30px
    }

        .categories-widget ul, .footer .footer-links ul, .tags-widget ul {
            list-style: none;
            padding: 0;
            margin: 0
        }

            .footer .footer-links ul i {
                padding-right: 2px;
                font-size: 12px;
                line-height: 0
            }

            .footer .footer-links ul li, .pricing ul li {
                padding: 10px 0;
                display: flex;
                align-items: center
            }

                .footer .footer-links ul li:first-child {
                    padding-top: 0
                }

            .footer .footer-links a {
                color: color-mix(in srgb,var(--default-color),transparent 20%);
                display: inline-block;
                line-height: 1;
            padding-bottom: 13px;
            }

                .about .content h3, .about .icon-box i, .blog-comments .comment h5 a:hover, .blog-details .meta-bottom a:hover, .blog-posts .title a:hover, .categories-widget ul a:hover, .faq .faq-container .faq-active h3, .faq .faq-container .faq-item .faq-toggle:hover, .faq .faq-container .faq-item h3:hover, .footer .footer-links ul a:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover, .portfolio .portfolio-item .portfolio-info .preview-link:hover, .recent-posts .title a:hover, .recent-posts-widget .post-item h4 a:hover, .service-details .download-catalog a:hover, .team .member .member-img .social a:hover {
                    color: var(--accent-color)
                }

    .footer .footer-contact p {
        margin-bottom: 5px
    }

    .footer .copyright {
        padding-top: 25px;
        padding-bottom: 25px
    }

        .about .content p:last-child, .about .icon-box p, .faq .faq-container .faq-item:last-child, .footer .copyright p, .gslide-description p:last-child, .recent-posts-widget .post-item:last-child, .section-title p, .widget-item:last-child {
            margin-bottom: 0
        }

    .footer .credits {
        margin-top: 6px;
        font-size: 13px
    }

#preloader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    overflow: hidden;
    background: var(--background-color);
    transition: .6s ease-out
}

    #preloader:before {
        content: "";
        position: fixed;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        border: 6px solid #fff;
        border-color: var(--accent-color) transparent var(--accent-color) transparent;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        animation: 1.5s linear infinite animate-preloader
    }

@keyframes animate-preloader {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.scroll-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 99999;
    background-color: var(--accent-color);
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: .4s
}

.page-title, .section, section {
    color: var(--default-color);
    background-color: var(--background-color)
}

.scroll-top i {
    font-size: 24px;
    color: var(--contrast-color);
    line-height: 0
}

.scroll-top:hover {
    background-color: color-mix(in srgb,var(--accent-color),transparent 20%);
    color: var(--contrast-color)
}

.scroll-top.active {
    visibility: visible;
    opacity: 1
}

@media screen and (max-width:768px) {
    [data-aos-delay] {
        transition-delay: 0 !important
    }

    .hero {
        width: 100%;
        min-height: 100vh;
        position: relative;
        padding: 80px 0;
        display: flex;
        align-items: end;
        justify-content: center
    }
}

.page-title {
    position: relative
}

    .page-title .heading {
        padding: 80px 0;
        border-top: 1px solid color-mix(in srgb,var(--default-color),transparent 90%)
    }

        .page-title .heading h1 {
            font-size: 38px;
            font-weight: 700
        }

    .page-title nav {
        padding: 20px 0
    }

        .page-title nav ol {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            margin: 0;
            font-size: 16px;
            font-weight: 600
        }

            .page-title nav ol li + li {
                padding-left: 10px
            }

                .page-title nav ol li + li::before {
                    content: "/";
                    display: inline-block;
                    padding-right: 10px;
                    color: color-mix(in srgb,var(--default-color),transparent 70%)
                }

.section, section {
    padding: 60px 0;
    scroll-margin-top: 98px;
    overflow: clip
}

@media (max-width:1199px) {
    .mobile-nav-toggle {
        color: var(--nav-color);
        background-color: #fff;
        font-size: 28px;
        line-height: 0;
        margin-right: 10px;
        cursor: pointer;
        transition: color .3s
    }

    .mobile-nav-active {
        overflow: hidden
    }

        .mobile-nav-active .mobile-nav-toggle {
            color: #fff;
            position: absolute;
            font-size: 32px;
            top: 15px;
            right: 15px;
            margin-right: 0;
            z-index: 9999
        }

    .section, section {
        scroll-margin-top: 64px
    }
}

.section-title {
    text-align: center;
    padding-bottom: 60px;
    position: relative
}

.hero, .hero1 {
    position: relative;
    padding: 80px 0;
    width: 100%;
    display: flex
}

.section-title h2 {
    font-size: 32px;
    font-weight: 700;
    position: relative
}

    .section-title h2:after, .section-title h2:before {
        content: "";
        width: 50px;
        height: 2px;
        background: var(--accent-color);
        display: inline-block
    }

    .section-title h2:before {
        margin: 0 15px 10px 0
    }

    .section-title h2:after {
        margin: 0 0 10px 15px
    }

.hero {
    min-height: 100vh;
    align-items: center;
    justify-content: center
}

.hero1 {
    align-items: center;
    justify-content: center
}

.clients, .pricing ul {
    padding: 20px 0
}

.hero img, .hero1 img, .stats img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1
}

.hero:before {
    content: "";
    background: color-mix(in srgb,var(--background-color),transparent 90%);
    position: absolute;
    inset: 0;
    z-index: 2
}

.hero .container, .stats .container {
    position: relative;
    z-index: 3
}

.hero h2 {
    margin: 0;
    font-size: 44px;
    font-weight: 700
}

.hero p {
    color: color-mix(in srgb,var(--default-color),transparent 20%);
    margin: 5px 0 0;
    font-size: 20px
}

.hero .sign-up-form {
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 7px;
    background: color-mix(in srgb,var(--default-color) 5%,#fff 90%);
    box-shadow: 0 15px 30px 0 rgba(0,0,0,.1);
    display: flex
}

    .hero .sign-up-form input[type=email] {
        background-color: transparent;
        border: 0;
        padding: 4px 10px;
        width: 100%
    }

    .about .icon-box:hover i, .hero .sign-up-form input[type=submit], .pricing .buy-btn:hover {
        background-color: var(--accent-color);
        color: var(--contrast-color)
    }

    .hero .sign-up-form input[type=email]:focus-visible {
        outline: 0
    }

    .hero .sign-up-form input[type=submit] {
        border: 0;
        box-shadow: none;
        border-color: var(--accent-color);
        padding: 8px 20px 10px;
        border-radius: 7px;
        transition: .3s
    }

        .features .features-item .btn-get-started:hover, .hero .sign-up-form input[type=submit]:hover {
            background-color: color-mix(in srgb,var(--accent-color),transparent 10%)
        }

.clients .client-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

    .clients .client-logo img {
        padding: 20px 40px;
        max-width: 90%;
        transition: .3s;
        opacity: .5;
        filter: grayscale(100)
    }

        .clients .client-logo img:hover {
            filter: none;
            opacity: 1
        }

.about .content h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    padding: 10px 20px;
    background: color-mix(in srgb,var(--accent-color),transparent 95%);
    border-radius: 7px;
    display: inline-block
}

.about .content h2, .blog-comments .comments-count {
    font-weight: 700
}

.about .content .read-more {
    background: var(--accent-color);
    color: var(--contrast-color);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 12px 24px;
    border-radius: 5px;
    transition: .3s;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

    .about .content .read-more i {
        font-size: 18px;
        margin-left: 5px;
        line-height: 0;
        transition: .3s
    }

    .about .content .read-more:hover {
        background: color-mix(in srgb,var(--accent-color),transparent 20%);
        padding-right: 19px
    }

        .about .content .read-more:hover i {
            margin-left: 10px
        }

.about .icon-box {
    background-color: var(--surface-color);
    padding: 50px 40px;
    box-shadow: 0 10px 50px rgba(0,0,0,.1);
    border-radius: 10px;
    transition: .3s ease-out
}

    .about .icon-box i {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 24px;
        font-size: 32px;
        line-height: 0;
        transition: .4s ease-out;
        background-color: color-mix(in srgb,var(--accent-color),transparent 95%)
    }

    .about .icon-box h3 {
        margin-bottom: 10px;
        font-size: 24px;
        font-weight: 700
    }

.about .icon-boxes .col-md-6:nth-child(2) .icon-box, .about .icon-boxes .col-md-6:nth-child(4) .icon-box {
    margin-top: -40px
}

.stats {
    position: relative;
    padding: 120px 0
}

    .stats:before {
        content: "";
        background: color-mix(in srgb,var(--background-color),transparent 40%);
        position: absolute;
        inset: 0;
        z-index: 2
    }

    .stats .stats-item {
        padding: 30px;
        width: 100%
    }

        .stats .stats-item span {
            font-size: 48px;
            display: block;
            color: var(--default-color);
            font-weight: 700
        }

        .stats .stats-item p {
            padding: 0;
            margin: 0;
            font-size: 16px;
            font-weight: 700;
            color: color-mix(in srgb,var(--default-color),transparent 40%)
        }

.service-item:hover, .service-item:hover i {
    color: #f9d233 !important
}

.services .service-item {
    position: relative;
    padding-top: 20px
}

    .services .service-item:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: color-mix(in srgb,var(--default-color),transparent 90%)
    }

    .services .service-item::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 2px;
        background: var(--accent-color);
        border-right: 5px solid var(--background-color)
    }

    .services .service-item .icon {
        width: 48px;
        height: 48px;
        position: relative;
        margin-right: 60px;
        margin-left: 10px;
        line-height: 0
    }

.service-item:hover {
    background-color: rgb(1,40,107,.9)
}

.services .service-item .icon i {
    padding-right: 10px;
    color: color-mix(in srgb,var(--default-color),transparent 30%);
    font-size: 56px;
    transition: .3s ease-in-out;
    z-index: 2;
    position: relative
}

.services .service-item .icon:before {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    background: color-mix(in srgb,var(--accent-color),transparent 70%);
    border-radius: 50px;
    z-index: 1;
    bottom: -15px;
    right: -15px;
    transition: .3s
}

.services .service-item .title {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px
}

    .services .service-item .title a {
        color: var(--heading-color);
        text-decoration: none
    }

.features .features-item .btn-get-started, .portfolio .portfolio-filters li.filter-active, .portfolio .portfolio-filters li:hover, .service-details .services-list a.active {
    color: var(--contrast-color);
    background-color: var(--accent-color)
}

.services .service-item .title a:hover {
    color: #fff
}

.services .service-item .description {
    line-height: 24px;
    font-size: 18px
}

.features .features-item {
    color: color-mix(in srgb,var(--default-color),transparent 20%)
}

    .features .features-item + .features-item {
        margin-top: 100px
    }

@media (max-width:768px) {
    .hero h2 {
        font-size: 32px
    }

    .hero p {
        font-size: 18px
    }

    .about .icon-boxes .col-md-6:nth-child(2) .icon-box, .about .icon-boxes .col-md-6:nth-child(4) .icon-box {
        margin-top: 0
    }

    .features .features-item + .features-item {
        margin-top: 40px
    }
}

.features .features-item h3 {
    font-weight: 700;
    font-size: 26px
}

.features .features-item .btn-get-started {
    padding: 8px 30px 10px;
    border-radius: 4px
}

.features .features-item ul {
    list-style: none;
    padding: 0
}

    .features .features-item ul li {
        padding-bottom: 10px;
        display: flex;
        align-items: flex-start
    }

        .categories-widget ul li:last-child, .features .features-item ul li:last-child, .service-details .download-catalog a:last-child {
            padding-bottom: 0
        }

    .features .features-item ul i {
        font-size: 20px;
        padding-right: 4px;
        color: var(--accent-color)
    }

.features .features-item img {
    border: 6px solid var(--surface-color)
}

.features .features-item .features-img-bg {
    position: relative;
    min-height: 500px
}

@media (max-width:640px) {
    .clients .client-logo img {
        padding: 20px
    }

    .features .features-item .features-img-bg {
        min-height: 300px
    }
}

.features .features-item .features-img-bg img {
    position: absolute;
    inset: 0;
    display: block;
    width: auto;
    height: 100%;
    object-fit: fill;
    text-align: center
}

.features .features-item .image-stack {
    display: grid;
    position: relative;
    grid-template-columns: repeat(12,1fr)
}

    .features .features-item .image-stack .stack-back {
        grid-column: 4/-1;
        grid-row: 1;
        width: 100%;
        z-index: 1
    }

    .features .features-item .image-stack .stack-front {
        grid-row: 1;
        grid-column: 1/span 8;
        margin-top: 20%;
        width: 100%;
        z-index: 2
    }

.portfolio .portfolio-filters {
    padding: 0;
    margin: 0 auto 20px;
    list-style: none;
    text-align: center
}

    .portfolio .portfolio-filters li {
        cursor: pointer;
        display: inline-block;
        padding: 8px 20px 10px;
        margin: 0 0 5px;
        font-size: 15px;
        font-weight: 500;
        line-height: 1;
        border-radius: 50px;
        transition: .3s ease-in-out
    }

        .portfolio .portfolio-filters li:first-child {
            margin-left: 0
        }

        .portfolio .portfolio-filters li:last-child {
            margin-right: 0
        }

.portfolio .portfolio-item {
    position: relative;
    overflow: hidden
}

    .portfolio .portfolio-item .portfolio-info {
        opacity: 0;
        position: absolute;
        left: 12px;
        right: 12px;
        bottom: -100%;
        z-index: 3;
        transition: .5s ease-in-out;
        background: color-mix(in srgb,var(--background-color),transparent 10%);
        padding: 15px
    }

.pricing .icon::after, .pricing .icon::before {
    transition: .3s ease-out;
    position: absolute;
    content: ""
}

.portfolio .portfolio-item .portfolio-info h4 {
    font-size: 18px;
    font-weight: 600;
    padding-right: 50px
}

.portfolio .portfolio-item .portfolio-info p {
    color: color-mix(in srgb,var(--default-color),transparent 30%);
    font-size: 14px;
    margin-bottom: 0;
    padding-right: 50px
}

.portfolio .portfolio-item .portfolio-info .details-link, .portfolio .portfolio-item .portfolio-info .preview-link {
    position: absolute;
    right: 50px;
    font-size: 24px;
    top: calc(50% - 14px);
    color: color-mix(in srgb,var(--default-color),transparent 30%);
    transition: .3s;
    line-height: 0
}

.portfolio .portfolio-item .portfolio-info .details-link {
    right: 14px;
    font-size: 28px
}

.portfolio .portfolio-item:hover .portfolio-info {
    opacity: 1;
    bottom: 0
}

.pricing {
    padding: 60px 0 120px
}

    .pricing .section-title, .widget-item {
        margin-bottom: 40px
    }

    .pricing .pricing-item {
        background-color: var(--surface-color);
        box-shadow: 0 3px 20px -2px rgba(0,0,0,.1);
        padding: 60px 40px;
        height: 100%;
        position: relative;
        border-radius: 15px
    }

    .pricing h3 {
        font-weight: 600;
        margin-bottom: 15px;
        font-size: 20px;
        text-align: center
    }

    .pricing .icon {
        margin: 30px auto 20px;
        width: 70px;
        height: 70px;
        background: var(--accent-color);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .3s;
        transform-style: preserve-3d
    }

        .pricing .icon i {
            color: var(--background-color);
            font-size: 28px;
            transition: .3s ease-in-out;
            line-height: 0
        }

        .pricing .icon::before {
            height: 86px;
            width: 86px;
            border-radius: 50%;
            background: color-mix(in srgb,var(--accent-color),transparent 80%);
            transform: translateZ(-1px)
        }

        .pricing .icon::after {
            height: 102px;
            width: 102px;
            border-radius: 50%;
            background: color-mix(in srgb,var(--accent-color),transparent 90%);
            transform: translateZ(-2px)
        }

    .pricing h4 {
        font-size: 48px;
        color: var(--accent-color);
        font-weight: 700;
        margin-bottom: 25px;
        text-align: center
    }

    .pricing .buy-btn, .pricing ul {
        color: color-mix(in srgb,var(--default-color),transparent 20%)
    }

    .pricing h4 sup {
        font-size: 28px
    }

    .pricing h4 span {
        font-size: 18px;
        font-weight: 400
    }

    .pricing ul {
        list-style: none;
        text-align: left;
        line-height: 20px
    }

.call-to-action h3, .call-to-action p {
    color: var(--default-color)
}

.pricing ul i {
    color: #059652;
    font-size: 24px;
    padding-right: 3px
}

.pricing ul .na, .pricing ul .na i {
    color: color-mix(in srgb,var(--default-color),transparent 70%)
}

    .pricing ul .na span {
        text-decoration: line-through
    }

.pricing .buy-btn {
    display: inline-block;
    padding: 8px 40px 10px;
    border-radius: 50px;
    border: 1px solid color-mix(in srgb,var(--default-color),transparent 80%);
    transition: .3s;
    font-size: 16px;
    font-weight: 600
}

.pricing .featured {
    z-index: 10;
    border: 3px solid var(--accent-color)
}

.faq .content h3 {
    font-weight: 400;
    font-size: 34px
}

.faq .content p {
    font-size: 15px;
    color: color-mix(in srgb,var(--default-color),transparent 30%)
}

.faq .faq-container .faq-item {
    background-color: var(--surface-color);
    position: relative;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 5px 25px 0 rgba(0,0,0,.1);
    overflow: hidden
}

    .faq .faq-container .faq-item h3 {
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;
        margin: 0 30px 0 0;
        transition: .3s;
        cursor: pointer;
        display: flex;
        align-items: flex-start
    }

        .faq .faq-container .faq-item h3 .num {
            color: var(--accent-color);
            padding-right: 5px
        }

    .faq .faq-container .faq-item .faq-content {
        display: grid;
        grid-template-rows: 0fr;
        transition: .3s ease-in-out;
        visibility: hidden;
        opacity: 0
    }

        .faq .faq-container .faq-item .faq-content p {
            margin-bottom: 0;
            overflow: hidden
        }

    .faq .faq-container .faq-item .faq-toggle {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 16px;
        line-height: 0;
        transition: .3s;
        cursor: pointer
    }

.faq .faq-container .faq-active .faq-content {
    grid-template-rows: 1fr;
    visibility: visible;
    opacity: 1;
    padding-top: 10px
}

.faq .faq-container .faq-active .faq-toggle {
    transform: rotate(90deg);
    color: var(--accent-color)
}

.grelative, .gslide-image img.zoomable, .team .member {
    position: relative
}

    .team .member .member-img {
        margin: 0 80px;
        border-radius: 50%;
        overflow: hidden;
        position: relative;
        border: 4px solid var(--background-color);
        box-shadow: 0 15px 35px -10px rgba(0,0,0,.2)
    }

@media (max-width:1024px) {
    .team .member .member-img {
        margin: 0 60px
    }
}

.team .member .member-img img {
    position: relative;
    z-index: 1
}

.team .member .member-img .social {
    position: absolute;
    inset: 0;
    background-color: rgba(0,0,0,.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    padding-bottom: 20px;
    transition: .3s;
    visibility: hidden;
    opacity: 0
}

    .team .member .member-img .social a {
        transition: .3s;
        color: var(--contrast-color);
        font-size: 20px;
        margin: 0 8px
    }

.service-details .service-box + .service-box, .team .member .member-info {
    margin-top: 30px
}

    .team .member .member-info h4 {
        font-weight: 700;
        margin-bottom: 6px;
        font-size: 18px
    }

    .team .member .member-info span {
        font-style: italic;
        display: block;
        font-size: 15px;
        color: color-mix(in srgb,var(--default-color),transparent 40%);
        margin-bottom: 10px
    }

    .team .member .member-info p {
        margin-bottom: 0;
        font-size: 14px
    }

.team .member:hover .member-img .social {
    padding-bottom: 0;
    visibility: visible;
    opacity: 1
}

.call-to-action {
    padding: 80px 0;
    position: relative;
    clip-path: inset(0)
}

    .call-to-action img {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1
    }

    .call-to-action:before {
        content: "";
        background: color-mix(in srgb,var(--background-color),transparent 50%);
        position: absolute;
        inset: 0;
        z-index: 2
    }

    .call-to-action .container {
        position: relative;
        z-index: 3;
        height: 300px
    }

    .call-to-action h3 {
        font-size: 28px;
        font-weight: 700
    }

    .call-to-action .cta-btn {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 12px 40px;
        border-radius: 5px;
        transition: .5s;
        margin: 10px;
        border: 2px solid var(--contrast-color);
        color: var(--contrast-color);
        text-decoration: none
    }

.portfolio-details .portfolio-info ul strong, .recent-posts .post-category, .recent-posts .post-date, .testimonials .testimonial-item h4 {
    color: color-mix(in srgb,var(--default-color),transparent 50%)
}

.call-to-action .cta-btn:hover {
    background: var(--accent-color);
    border: 2px solid var(--accent-color)
}

.testimonials .info h3 {
    font-weight: 700;
    font-size: 32px
}

.testimonials .swiper {
    box-shadow: 0 15px 30px 0 rgba(0,0,0,.05);
    background-color: var(--surface-color)
}

.glightbox-open, .testimonials .testimonials-carousel, .testimonials .testimonials-slider {
    overflow: hidden
}

.testimonials .testimonial-item {
    box-sizing: content-box;
    min-height: 200px;
    position: relative;
    margin: 30px
}

    .testimonials .testimonial-item .testimonial-img {
        width: 90px;
        height: 90px;
        border-radius: 50px;
        border: 6px solid var(--background-color);
        margin-right: 10px
    }

    .testimonials .testimonial-item h3 {
        font-size: 18px;
        font-weight: 700;
        margin: 10px 0 5px
    }

    .testimonials .testimonial-item h4 {
        font-size: 14px;
        margin: 0
    }

    .testimonials .testimonial-item .stars {
        margin: 10px 0
    }

        .testimonials .testimonial-item .stars i {
            color: #ffc107;
            margin: 0 1px
        }

    .testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
        color: color-mix(in srgb,var(--accent-color),transparent 60%);
        font-size: 26px;
        line-height: 0
    }

    .portfolio-details .portfolio-description .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-left {
        display: inline-block;
        left: -5px;
        position: relative
    }

    .portfolio-details .portfolio-description .testimonial-item .quote-icon-right, .testimonials .testimonial-item .quote-icon-right {
        display: inline-block;
        right: -5px;
        position: relative;
        top: 10px;
        transform: scale(-1,-1)
    }

    .testimonials .testimonial-item p {
        font-style: italic;
        margin: 15px auto
    }

.portfolio-details .swiper-wrapper, .testimonials .swiper-wrapper {
    height: auto
}

.testimonials .swiper-pagination {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative
}

    .testimonials .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background-color: color-mix(in srgb,var(--default-color),transparent 85%);
        opacity: 1;
        border: none
    }

    .portfolio-details .swiper-pagination .swiper-pagination-bullet-active, .testimonials .swiper-pagination .swiper-pagination-bullet-active {
        background-color: var(--accent-color)
    }

@media (max-width:767px) {
    .testimonials .testimonials-carousel, .testimonials .testimonials-slider {
        overflow: hidden
    }

    .testimonials .testimonial-item {
        margin: 15px
    }
}

.recent-posts article {
    background: var(--surface-color);
    box-shadow: 0 4px 16px rgba(0,0,0,.1);
    padding: 30px;
    height: 100%;
    border-radius: 10px;
    overflow: hidden
}

.blog-posts .post-img, .recent-posts .post-img {
    max-height: 240px;
    margin: -30px -30px 15px;
    overflow: hidden
}

.recent-posts .post-category {
    font-size: 16px;
    margin-bottom: 10px
}

.blog-posts .title, .recent-posts .title {
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    margin: 0 0 20px
}

.contact .info-item, .contact .php-email-form {
    background: color-mix(in srgb,var(--default-color),transparent 96%);
    padding: 30px
}

.blog-posts .title a, .recent-posts .title a {
    color: var(--heading-color);
    transition: .3s
}

.blog-posts .post-author-img, .recent-posts .post-author-img {
    width: 50px;
    border-radius: 50%;
    margin-right: 15px
}

.blog-posts .post-author, .recent-posts .post-author {
    font-weight: 600;
    margin-bottom: 5px
}

.recent-posts .post-date {
    font-size: 14px;
    margin-bottom: 0
}

.contact .info-item i {
    font-size: 38px;
    line-height: 0;
    color: var(--accent-color)
}

.contact .info-item h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0 10px
}

.contact .info-item p {
    padding: 0;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0
}

.contact .php-email-form {
    height: 100%
}

.blog-posts article, .service-details .service-box, .service-details .services-list {
    background-color: var(--surface-color)
}

.contact .php-email-form input[type=email], .contact .php-email-form input[type=text], .contact .php-email-form textarea {
    font-size: 14px;
    padding: 10px 15px;
    box-shadow: none;
    border-radius: 0;
    color: var(--default-color);
    background-color: color-mix(in srgb,var(--background-color),transparent 50%);
    border-color: color-mix(in srgb,var(--default-color),transparent 80%)
}

    .contact .php-email-form input[type=email]:focus, .contact .php-email-form input[type=text]:focus, .contact .php-email-form textarea:focus {
        border-color: var(--accent-color)
    }

.blog-details .meta-bottom, .service-details .download-catalog a {
    border-top: 1px solid color-mix(in srgb,var(--default-color),transparent 90%)
}

.contact .php-email-form input[type=email]::placeholder, .contact .php-email-form input[type=text]::placeholder, .contact .php-email-form textarea::placeholder {
    color: color-mix(in srgb,var(--default-color),transparent 70%)
}

.contact .php-email-form button[type=submit] {
    background: var(--accent-color);
    color: var(--contrast-color);
    border: 0;
    padding: 10px 30px;
    transition: .4s;
    border-radius: 4px
}

    .contact .php-email-form button[type=submit]:hover, .portfolio-details .portfolio-info .btn-visit:hover, .search-widget form button:hover {
        background: color-mix(in srgb,var(--accent-color),transparent 20%)
    }

.glightbox-container .ginner-container.gvideo-container, .glightbox-container .gslide-inner-content, .portfolio-details .portfolio-details-slider img {
    width: 100%
}

.portfolio-details .swiper-button-next, .portfolio-details .swiper-button-prev {
    width: 48px;
    height: 48px
}

    .portfolio-details .swiper-button-next:after, .portfolio-details .swiper-button-prev:after {
        color: rgba(255,255,255,.8);
        background-color: rgba(0,0,0,.15);
        font-size: 24px;
        border-radius: 50%;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .3s
    }

    .portfolio-details .swiper-button-next:hover:after, .portfolio-details .swiper-button-prev:hover:after {
        background-color: rgba(0,0,0,.3)
    }

@media (max-width:575px) {
    .portfolio .portfolio-filters li {
        font-size: 14px;
        margin: 0 0 10px
    }

    .portfolio-details .swiper-button-next, .portfolio-details .swiper-button-prev {
        display: none
    }
}

.portfolio-details .swiper-pagination {
    margin-top: 20px;
    position: relative
}

    .portfolio-details .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background-color: color-mix(in srgb,var(--default-color),transparent 85%);
        opacity: 1
    }

.portfolio-details .portfolio-info h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative
}

    .portfolio-details .portfolio-info h3:after {
        content: "";
        position: absolute;
        display: block;
        width: 50px;
        height: 3px;
        background: var(--accent-color);
        left: 0;
        bottom: 0
    }

.portfolio-details .portfolio-info ul, .service-details ul {
    list-style: none;
    padding: 0;
    font-size: 15px
}

    .portfolio-details .portfolio-info ul li {
        display: flex;
        flex-direction: column;
        padding-bottom: 15px
    }

    .portfolio-details .portfolio-info ul strong {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 14px
    }

.portfolio-details .portfolio-info .btn-visit {
    padding: 8px 40px;
    background: var(--accent-color);
    color: var(--contrast-color);
    border-radius: 50px;
    transition: .3s
}

.portfolio-details .portfolio-description h2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px
}

.portfolio-details .portfolio-description p {
    padding: 0
}

.portfolio-details .portfolio-description .testimonial-item {
    padding: 30px 30px 0;
    position: relative;
    background: color-mix(in srgb,var(--default-color),transparent 97%);
    margin-bottom: 50px
}

    .portfolio-details .portfolio-description .testimonial-item .testimonial-img {
        width: 90px;
        border-radius: 50px;
        border: 6px solid var(--background-color);
        float: left;
        margin: 0 10px 0 0
    }

    .portfolio-details .portfolio-description .testimonial-item h3 {
        font-size: 18px;
        font-weight: 700;
        margin: 15px 0 5px;
        padding-top: 20px
    }

    .portfolio-details .portfolio-description .testimonial-item h4 {
        font-size: 14px;
        color: #6c757d;
        margin: 0
    }

    .portfolio-details .portfolio-description .testimonial-item .quote-icon-left, .portfolio-details .portfolio-description .testimonial-item .quote-icon-right {
        color: color-mix(in srgb,var(--accent-color),transparent 50%);
        font-size: 26px;
        line-height: 0
    }

    .portfolio-details .portfolio-description .testimonial-item p {
        font-style: italic;
        margin: 0 0 15px;
        padding: 0
    }

.service-details .service-box {
    padding: 20px;
    box-shadow: 0 2px 20px rgba(0,0,0,.1)
}

    .service-details .service-box h4 {
        font-size: 20px;
        font-weight: 700;
        border-bottom: 2px solid color-mix(in srgb,var(--default-color),transparent 92%);
        padding-bottom: 15px;
        margin-bottom: 15px
    }

.service-details .services-list a {
    color: color-mix(in srgb,var(--default-color),transparent 20%);
    background-color: color-mix(in srgb,var(--default-color),transparent 96%);
    display: flex;
    align-items: center;
    padding: 12px 15px;
    margin-top: 15px;
    transition: .3s
}

    .service-details .services-list a:first-child {
        margin-top: 0
    }

    .service-details .services-list a i {
        font-size: 16px;
        margin-right: 8px;
        color: var(--accent-color)
    }

    .blog-pagination li a.active a, .blog-pagination li a:hover a, .service-details .help-box a, .service-details .help-box h4, .service-details .services-list a.active i {
        color: var(--contrast-color)
    }

    .service-details .services-list a:hover {
        background-color: color-mix(in srgb,var(--accent-color),transparent 95%);
        color: var(--accent-color)
    }

.blog-author h4, .blog-comments .comment h5 .reply {
    color: color-mix(in srgb,var(--default-color),transparent 20%)
}

.service-details .download-catalog a {
    color: var(--default-color);
    display: flex;
    align-items: center;
    padding: 10px 0;
    transition: .3s
}

    .service-details .download-catalog a:first-child {
        border-top: 0;
        padding-top: 0
    }

    .service-details .download-catalog a i {
        font-size: 24px;
        margin-right: 8px;
        color: var(--accent-color)
    }

.service-details .help-box {
    background-color: var(--accent-color);
    color: var(--contrast-color);
    margin-top: 30px;
    padding: 30px 15px
}

.blog-details .article, .blog-posts article {
    padding: 30px;
    box-shadow: 0 4px 16px rgba(0,0,0,.1)
}

.service-details .help-box .help-icon {
    font-size: 48px
}

.service-details .services-img {
    margin-bottom: 20px
}

.service-details h3 {
    font-size: 26px;
    font-weight: 700
}

.service-details p {
    font-size: 15px
}

.blog-author h4, .blog-comments .comment h5 .reply i, .openbtn, .widget-title {
    font-size: 20px
}

.service-details ul li {
    padding: 5px 0;
    display: flex;
    align-items: center
}

.service-details ul i {
    font-size: 20px;
    margin-right: 8px;
    color: var(--accent-color)
}

.blog-pagination, .blog-pagination li a, .blog-posts .post-category, .blog-posts .post-date {
    color: color-mix(in srgb,var(--default-color),transparent 40%)
}

.blog-posts article {
    height: 100%;
    border-radius: 10px;
    overflow: hidden
}

.blog-posts .post-category {
    font-size: 16px;
    margin-bottom: 10px
}

.blog-posts .post-date {
    font-size: 14px;
    margin-bottom: 0
}

.blog-pagination {
    padding-top: 0
}

    .blog-pagination ul {
        display: flex;
        padding: 0;
        margin: 0;
        list-style: none
    }

    .blog-pagination li {
        margin: 0 5px;
        transition: .3s
    }

        .blog-pagination li a {
            padding: 7px 16px;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .blog-pagination li a.active, .blog-pagination li a:hover {
                background: var(--accent-color);
                color: var(--contrast-color)
            }

.blog-author .author-container, .blog-details .article, .comment-form form, .comment-form form input, .comment-form form input:focus {
    background-color: var(--surface-color)
}

.blog-details, .gdesc-open .gdesc-inner {
    padding-bottom: 30px
}

    .blog-details .post-img {
        margin: -30px -30px 20px;
        overflow: hidden;
        align-content: center;
        display: flex;
        justify-content: center;
        padding-top: 20px;
    }

    .blog-details .title {
        color: var(--heading-color);
        font-size: 28px;
        font-weight: 700;
        padding: 0;
        margin: 30px 0
    }

    .blog-details .meta-bottom a, .blog-details .meta-bottom i, .blog-details .meta-top, .blog-details .meta-top a, .blog-details .meta-top i {
        color: color-mix(in srgb,var(--default-color),transparent 40%)
    }

    .blog-details .content {
        margin-top: 20px
    }

        .blog-details .content h3 {
            font-size: 22px;
            margin-top: 30px;
            font-weight: 700
        }

        .blog-details .content blockquote {
            overflow: hidden;
            background-color: color-mix(in srgb,var(--default-color),transparent 95%);
            padding: 60px;
            position: relative;
            text-align: center;
            margin: 20px 0
        }

            .blog-details .content blockquote p {
                color: var(--default-color);
                line-height: 1.6;
                margin-bottom: 0;
                font-style: italic;
                font-weight: 500;
                font-size: 22px
            }

            .blog-details .content blockquote:after {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                width: 3px;
                background-color: var(--accent-color);
                margin-top: 20px;
                margin-bottom: 20px
            }

    .blog-details .meta-top {
        margin-top: 20px
    }

        .blog-details .meta-top ul {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            align-items: center;
            padding: 0;
            margin: 0
        }

    .blog-details .meta-bottom .cats li, .blog-details .meta-bottom .tags li, .tags-widget ul a, .tags-widget ul li {
        display: inline-block
    }

    .blog-details .meta-top ul li + li {
        padding-left: 20px
    }

    .blog-details .meta-top i {
        font-size: 16px;
        margin-right: 8px;
        line-height: 0
    }

    .blog-details .meta-top a {
        font-size: 14px;
        display: inline-block;
        line-height: 1
    }

    .blog-details .meta-bottom {
        padding-top: 10px
    }

.comment-form form input:focus, .comment-form form textarea:focus {
    box-shadow: none;
    border-color: var(--accent-color)
}

.blog-details .meta-bottom i {
    display: inline
}

.blog-details .meta-bottom a {
    transition: .3s
}

.blog-details .meta-bottom .cats {
    list-style: none;
    display: inline;
    padding: 0 20px 0 0;
    font-size: 14px
}

.blog-details .meta-bottom .tags {
    list-style: none;
    display: inline;
    padding: 0;
    font-size: 14px
}

    .blog-details .meta-bottom .tags li + li::before {
        padding-right: 6px;
        color: var(--default-color);
        content: ","
    }

.blog-details .meta-bottom .share {
    font-size: 16px
}

    .blog-details .meta-bottom .share i {
        padding-left: 5px
    }

.blog-author {
    padding: 10px 0 40px
}

    .blog-author .author-container {
        padding: 20px;
        box-shadow: 0 4px 16px rgba(0,0,0,.1)
    }

    .blog-author img {
        max-width: 120px;
        margin-right: 20px
    }

    .blog-author h4 {
        font-weight: 600;
        margin-bottom: 0;
        padding: 0
    }

    .blog-author .social-links {
        margin: 0 10px 10px 0
    }

        .blog-author .social-links a {
            color: color-mix(in srgb,var(--default-color),transparent 60%);
            margin-right: 5px
        }

    .blog-author p {
        font-style: italic;
        color: color-mix(in srgb,var(--default-color),transparent 30%);
        margin-bottom: 0
    }

.blog-comments {
    padding: 10px 0
}

    .blog-comments .comment {
        margin-top: 30px;
        position: relative
    }

        .blog-comments .comment .comment-img {
            margin-right: 14px
        }

            .blog-comments .comment .comment-img img {
                width: 60px
            }

        .blog-comments .comment h5 {
            font-size: 16px;
            margin-bottom: 2px
        }

            .blog-comments .comment h5 a {
                font-weight: 700;
                color: var(--default-color);
                transition: .3s
            }

            .blog-comments .comment h5 .reply {
                padding-left: 10px
            }

        .blog-comments .comment time {
            display: block;
            font-size: 14px;
            color: color-mix(in srgb,var(--default-color),transparent 40%);
            margin-bottom: 5px
        }

        .blog-comments .comment.comment-reply {
            padding-left: 40px
        }

.comment-form {
    padding-top: 10px
}

    .comment-form form, .widgets-container {
        padding: 30px;
        box-shadow: 0 4px 16px rgba(0,0,0,.1)
    }

    .comment-form form {
        margin-top: 30px
    }

        .comment-form form h4 {
            font-weight: 700;
            font-size: 22px
        }

        .comment-form form p {
            font-size: 14px
        }

        .comment-form form input {
            color: var(--default-color);
            border: 1px solid color-mix(in srgb,var(--default-color),transparent 70%);
            font-size: 14px;
            border-radius: 4px;
            padding: 10px
        }

            .comment-form form input:focus {
                color: var(--default-color)
            }

            .comment-form form input::placeholder {
                color: color-mix(in srgb,var(--default-color),transparent 50%)
            }

        .comment-form form textarea, .comment-form form textarea:focus {
            color: var(--default-color);
            background-color: var(--surface-color)
        }

        .comment-form form textarea {
            border: 1px solid color-mix(in srgb,var(--default-color),transparent 70%);
            border-radius: 4px;
            padding: 10px;
            font-size: 14px;
            height: 120px
        }

            .comment-form form textarea::placeholder {
                color: color-mix(in srgb,var(--default-color),transparent 50%)
            }

        .comment-form form .btn-primary {
            border-radius: 4px;
            padding: 10px 20px;
            border: 0;
            background-color: var(--accent-color);
            color: var(--contrast-color)
        }

            .comment-form form .btn-primary:hover {
                color: var(--contrast-color);
                background-color: color-mix(in srgb,var(--accent-color),transparent 20%)
            }

.widgets-container {
    background-color: var(--surface-color);
    margin: 60px 0 30px
}

.widget-title {
    color: var(--heading-color);
    font-weight: 700;
    padding: 0;
    margin: 0 0 20px
}

.search-widget form {
    background: var(--background-color);
    border: 1px solid color-mix(in srgb,var(--default-color),transparent 70%);
    padding: 3px 10px;
    position: relative;
    transition: .3s
}

    .search-widget form input[type=text] {
        border: 0;
        padding: 4px;
        border-radius: 4px;
        width: calc(100% - 40px);
        background-color: var(--background-color);
        color: var(--default-color)
    }

        .search-widget form input[type=text]:focus {
            outline: 0
        }

    .search-widget form button {
        background: var(--accent-color);
        color: var(--contrast-color);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        border: 0;
        font-size: 16px;
        padding: 0 15px;
        margin: -1px;
        transition: .3s;
        border-radius: 0 4px 4px 0;
        line-height: 0
    }

        .search-widget form button i {
            line-height: 0
        }

    .search-widget form:is(:focus-within) {
        border-color: var(--accent-color)
    }

.categories-widget ul li {
    padding-bottom: 10px
}

.categories-widget ul a {
    color: color-mix(in srgb,var(--default-color),transparent 20%);
    transition: .3s
}

    .categories-widget ul a span {
        padding-left: 5px;
        color: color-mix(in srgb,var(--default-color),transparent 50%);
        font-size: 14px
    }

.recent-posts-widget .post-item {
    display: flex;
    margin-bottom: 15px
}

    .recent-posts-widget .post-item img {
        width: 125px;
        margin-right: 15px;
        height: auto;
        object-fit: cover
    }

    .recent-posts-widget .post-item h4 {
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 5px
    }

        .recent-posts-widget .post-item h4 a {
            color: var(--default-color);
            transition: .3s
        }

    .recent-posts-widget .post-item time {
        display: block;
        font-style: italic;
        font-size: 14px;
        color: color-mix(in srgb,var(--default-color),transparent 50%)
    }

.tags-widget {
    margin-bottom: -10px
}

    .tags-widget ul a {
        color: color-mix(in srgb,var(--default-color),transparent 30%);
        font-size: 14px;
        padding: 6px 14px;
        margin: 0 6px 8px 0;
        border: 1px solid color-mix(in srgb,var(--default-color),transparent 60%);
        transition: .3s
    }

        .tags-widget ul a:hover {
            background: var(--accent-color);
            color: var(--contrast-color);
            border: 1px solid var(--accent-color)
        }

        .tags-widget ul a span {
            padding-left: 5px;
            color: color-mix(in srgb,var(--default-color),transparent 60%);
            font-size: 14px
        }

.sidebar a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: .3s
}

    .sidebar a:hover {
        color: #f1f1f1
    }

.sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px
}

.openbtn {
    cursor: pointer;
    background-color: #111;
    color: #fff;
    padding: 10px 15px;
    border: none
}

    .openbtn:hover {
        background-color: #444
    }

#main {
    transition: margin-left .5s;
    padding: 20px
}

@media screen and (max-height:450px) {
    .sidebar {
        padding-top: 15px
    }

        .sidebar a {
            font-size: 18px
        }
}

.glightbox-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999 !important;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 0
}

    .glightbox-button-hidden, .glightbox-container.inactive, .gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster, .gslide-video.playing::before, .zoomed .gslide-description {
        display: none
    }

    .glightbox-container .gcontainer {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 9999;
        overflow: hidden
    }

    .glightbox-container .gslider {
        -webkit-transition: -webkit-transform .4s;
        transition: transform .4s;
        transition: transform .4s,-webkit-transform .4s;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
        position: relative;
        overflow: hidden;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .glightbox-container .gslide {
        width: 100%;
        position: absolute;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        opacity: 0
    }

        .glightbox-container .gslide.current {
            opacity: 1;
            z-index: 99999;
            position: relative
        }

        .glightbox-container .gslide.prev {
            opacity: 1;
            z-index: 9999
        }

    .glightbox-container .ginner-container {
        position: relative;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 100%;
        margin: auto;
        height: 100vh
    }

        .glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right {
            max-width: 100% !important
        }

.gslide iframe, .gslide video {
    outline: 0 !important;
    border: none;
    min-height: 165px;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: auto;
    touch-action: auto
}

.gslide:not(.current) {
    pointer-events: none
}

.gslide-image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .gslide-image img {
        max-height: 100vh;
        display: block;
        padding: 0;
        float: none;
        outline: 0;
        border: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        max-width: 100vw;
        width: auto;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        -ms-touch-action: none;
        touch-action: none;
        margin: auto;
        min-width: 200px
    }

.desc-bottom .gslide-image img, .desc-top .gslide-image img {
    width: auto
}

.desc-left .gslide-image img, .desc-right .gslide-image img {
    width: auto;
    max-width: 100%
}

.gslide-image img.dragging, .gslide-inline .dragging {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
    -webkit-transition: none;
    transition: none
}

.gslide-video {
    position: relative;
    max-width: 100vh;
    width: 100% !important
}

    .gslide-video .gvideo-wrapper {
        width: 100%;
        margin: auto
    }

    .gslide-video::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(255,0,0,.34);
        display: none
    }

    .gslide-video.fullscreen {
        max-width: 100% !important;
        min-width: 100%;
        height: 75vh
    }

.gslide-description.description-left, .gslide-description.description-right, .gslide-inline {
    max-width: 100%
}

.gslide-video.fullscreen video {
    max-width: 100% !important;
    width: 100% !important
}

.gslide-inline {
    background: #fff;
    text-align: left;
    max-height: calc(100vh - 40px);
    overflow: auto;
    margin: auto
}

    .gslide-inline .ginlined-content {
        padding: 20px;
        width: 100%
    }

.ginlined-content {
    overflow: auto;
    display: block !important;
    opacity: 1
}

.gslide-external {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: 100%;
    background: #fff;
    padding: 0;
    overflow: auto;
    max-height: 75vh;
    height: 100%
}

.glightbox-clean .gslide-video, .glightbox-mobile .goverlay, .goverlay {
    background: #000
}

.gslide-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto
}

.zoomed .gslide-media {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.desc-bottom .gslide-media, .desc-top .gslide-media {
    margin: 0 auto;
    -ms-flex-direction: column;
    flex-direction: column
}

.gslide-description {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

    .gslide-description.description-bottom, .gslide-description.description-top {
        margin: 0 auto;
        width: 100%
    }

.glightbox-clean .gnext, .glightbox-clean .gprev {
    top: -100%;
    width: 40px;
    height: 50px;
    position: absolute
}

.gslide-description p {
    margin-bottom: 12px
}

.glightbox-mobile .glightbox-container .gslide-description {
    height: auto !important;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 19px 11px 50px;
    max-width: 100vw !important;
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
    max-height: 78vh;
    overflow: auto !important;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.glightbox-mobile .glightbox-container .gslide-title {
    color: #fff;
    font-size: 1em
}

.glightbox-mobile .glightbox-container .gslide-desc {
    color: #a1a1a1
}

    .glightbox-mobile .glightbox-container .gslide-desc a {
        color: #fff;
        font-weight: 700
    }

    .glightbox-mobile .glightbox-container .gslide-desc * {
        color: inherit
    }

    .glightbox-mobile .glightbox-container .gslide-desc .desc-more {
        color: #fff;
        opacity: .4
    }

.gdesc-open .gslide-media {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: .4
}

.gdesc-closed .gslide-media {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 1
}

.greset {
    -webkit-transition: .3s;
    transition: .3s
}

.gabsolute {
    position: absolute
}

.glightbox-desc {
    display: none !important
}

.gloader {
    height: 25px;
    width: 25px;
    -webkit-animation: .8s linear infinite lightboxLoader;
    animation: .8s linear infinite lightboxLoader;
    border: 2px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    position: absolute;
    display: block;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 47%
}

.goverlay {
    width: 100%;
    height: calc(100vh + 1px);
    position: fixed;
    top: -1px;
    left: 0;
    will-change: opacity
}

.gclose, .gnext, .gprev {
    z-index: 99999;
    cursor: pointer;
    width: 26px;
    height: 44px;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

    .gclose svg, .gnext svg, .gprev svg {
        display: block;
        width: 25px;
        height: auto;
        margin: 0;
        padding: 0
    }

    .gclose.disabled, .gnext.disabled, .gprev.disabled {
        opacity: .1
    }

    .gclose .garrow, .gnext .garrow, .gprev .garrow {
        stroke: #fff
    }

.gbtn.focused {
    outline: #0f3d81 solid 2px
}

iframe.wait-autoplay {
    opacity: 0
}

.glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev {
    opacity: 0 !important
}

.glightbox-clean .gslide-description {
    background: #fff
}

.glightbox-clean .gdesc-inner {
    padding: 22px 20px
}

.glightbox-clean .gslide-title {
    font-size: 1em;
    font-weight: 400;
    font-family: arial;
    color: #000;
    margin-bottom: 19px;
    line-height: 1.4em
}

.glightbox-clean .gslide-desc {
    font-size: .86em;
    margin-bottom: 0;
    font-family: arial;
    line-height: 1.4em
}

.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
    background-color: rgba(0,0,0,.75);
    border-radius: 4px
}

    .glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path {
        fill: #fff
    }

.glightbox-clean .gprev {
    left: 30px
}

.glightbox-clean .gnext {
    right: 30px
}

.glightbox-clean .gclose {
    width: 35px;
    height: 35px;
    top: 15px;
    right: 10px;
    position: absolute
}

    .glightbox-clean .gclose svg {
        width: 18px;
        height: auto
    }

    .glightbox-clean .gclose:hover {
        opacity: 1
    }

.gfadeIn {
    -webkit-animation: .5s gfadeIn;
    animation: .5s gfadeIn
}

.gfadeOut {
    -webkit-animation: .5s gfadeOut;
    animation: .5s gfadeOut
}

.gslideOutLeft {
    -webkit-animation: .3s gslideOutLeft;
    animation: .3s gslideOutLeft
}

.gslideInLeft {
    -webkit-animation: .3s gslideInLeft;
    animation: .3s gslideInLeft
}

.gslideOutRight {
    -webkit-animation: .3s gslideOutRight;
    animation: .3s gslideOutRight
}

.gslideInRight {
    -webkit-animation: .3s gslideInRight;
    animation: .3s gslideInRight
}

.gzoomIn {
    -webkit-animation: .5s gzoomIn;
    animation: .5s gzoomIn
}

.gzoomOut {
    -webkit-animation: .5s gzoomOut;
    animation: .5s gzoomOut
}

@-webkit-keyframes lightboxLoader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes lightboxLoader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes gfadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes gfadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes gfadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes gfadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes gslideInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-60%,0,0);
        transform: translate3d(-60%,0,0)
    }

    to {
        visibility: visible;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes gslideInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-60%,0,0);
        transform: translate3d(-60%,0,0)
    }

    to {
        visibility: visible;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes gslideOutLeft {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        -webkit-transform: translate3d(-60%,0,0);
        transform: translate3d(-60%,0,0);
        opacity: 0;
        visibility: hidden
    }
}

@keyframes gslideOutLeft {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        -webkit-transform: translate3d(-60%,0,0);
        transform: translate3d(-60%,0,0);
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes gslideInRight {
    from {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translate3d(60%,0,0);
        transform: translate3d(60%,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes gslideInRight {
    from {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translate3d(60%,0,0);
        transform: translate3d(60%,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes gslideOutRight {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        -webkit-transform: translate3d(60%,0,0);
        transform: translate3d(60%,0,0);
        opacity: 0
    }
}

@keyframes gslideOutRight {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        -webkit-transform: translate3d(60%,0,0);
        transform: translate3d(60%,0,0);
        opacity: 0
    }
}

@-webkit-keyframes gzoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 1
    }
}

@keyframes gzoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes gzoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes gzoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@media (min-width:769px) {
    .glightbox-container .ginner-container {
        width: auto;
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .glightbox-container .ginner-container.desc-left .gslide-description, .glightbox-container .ginner-container.desc-top .gslide-description {
            -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
            order: 0
        }

        .glightbox-container .ginner-container.desc-left .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

    .gslide-image img {
        max-height: 97vh;
        max-width: 100%
    }

        .gslide-image img.zoomable {
            cursor: -webkit-zoom-in;
            cursor: zoom-in
        }

    .zoomed .gslide-image img.zoomable {
        cursor: -webkit-grab;
        cursor: grab
    }

    .gslide-inline {
        max-height: 95vh
    }

    .gslide-external {
        max-height: 100vh
    }

    .gslide-description.description-left, .gslide-description.description-right {
        max-width: 275px
    }

    .glightbox-open {
        height: auto
    }

    .goverlay {
        background: rgba(0,0,0,.92)
    }

    .glightbox-clean .gslide-media {
        -webkit-box-shadow: 1px 2px 9px 0 rgba(0,0,0,.65);
        box-shadow: 1px 2px 9px 0 rgba(0,0,0,.65)
    }

    .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner {
        position: absolute;
        height: 100%;
        overflow-y: auto
    }

    .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
        background-color: rgba(0,0,0,.32)
    }

        .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {
            background-color: rgba(0,0,0,.7)
        }

    .glightbox-clean .gnext, .glightbox-clean .gprev {
        top: 45%
    }
}

@media (min-width:992px) {
    .pricing .featured {
        transform: scale(1.15)
    }

    .glightbox-clean .gclose {
        opacity: .7;
        right: 20px
    }
}

@media screen and (max-height:420px) {
    .goverlay {
        background: #000
    }
}
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
        transition-delay: 50ms
    }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
        transition-delay: .1s
    }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
        transition-delay: .15s
    }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
        transition-delay: .2s
    }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
        transition-delay: .25s
    }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
        transition-delay: .3s
    }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
        transition-delay: .35s
    }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
        transition-delay: .4s
    }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
        transition-delay: .45s
    }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
        transition-delay: .5s
    }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
        transition-delay: .55s
    }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
        transition-delay: .6s
    }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
        transition-delay: .65s
    }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
        transition-delay: .7s
    }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
        transition-delay: .75s
    }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
        transition-delay: .8s
    }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
        transition-delay: .85s
    }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
        transition-delay: .9s
    }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
        transition-delay: .95s
    }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
        transition-delay: 1s
    }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
        transition-delay: 1.05s
    }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
        transition-delay: 1.1s
    }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
        transition-delay: 1.15s
    }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
        transition-delay: 1.2s
    }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
        transition-delay: 1.25s
    }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
        transition-delay: 1.3s
    }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
        transition-delay: 1.35s
    }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
        transition-delay: 1.4s
    }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
        transition-delay: 1.45s
    }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
        transition-delay: 1.5s
    }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
        transition-delay: 1.55s
    }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
        transition-delay: 1.6s
    }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
        transition-delay: 1.65s
    }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
        transition-delay: 1.7s
    }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
        transition-delay: 1.75s
    }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
        transition-delay: 1.8s
    }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
        transition-delay: 1.85s
    }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
        transition-delay: 1.9s
    }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
        transition-delay: 1.95s
    }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
        transition-delay: 2s
    }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
        transition-delay: 2.05s
    }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
        transition-delay: 2.1s
    }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
        transition-delay: 2.15s
    }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
        transition-delay: 2.2s
    }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
        transition-delay: 2.25s
    }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
        transition-delay: 2.3s
    }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
        transition-delay: 2.35s
    }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
        transition-delay: 2.4s
    }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
        transition-delay: 2.45s
    }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
        transition-delay: 2.5s
    }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
        transition-delay: 2.55s
    }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
        transition-delay: 2.6s
    }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
        transition-delay: 2.65s
    }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
        transition-delay: 2.7s
    }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
        transition-delay: 2.75s
    }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
        transition-delay: 2.8s
    }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
        transition-delay: 2.85s
    }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
        transition-delay: 2.9s
    }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
        transition-delay: 2.95s
    }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
        transition-delay: 3s
    }

[data-aos] {
    pointer-events: none
}

    [data-aos].aos-animate {
        pointer-events: auto
    }

    [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
        transition-timing-function: cubic-bezier(.25,.25,.75,.75)
    }

    [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
        transition-timing-function: ease
    }

    [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
        transition-timing-function: ease-in
    }

    [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
        transition-timing-function: ease-out
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
        transition-timing-function: ease-in-out
    }

    [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
        transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
        transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
        transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.47,0,.745,.715)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.39,.575,.565,1)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.445,.05,.55,.95)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.55,.085,.68,.53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.25,.46,.45,.94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.455,.03,.515,.955)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.55,.085,.68,.53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.25,.46,.45,.94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.455,.03,.515,.955)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.55,.085,.68,.53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.25,.46,.45,.94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.455,.03,.515,.955)
    }

@media screen {
    html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: opacity,-webkit-transform;
        transition-property: opacity,transform;
        transition-property: opacity,transform,-webkit-transform
    }

        html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }

    html:not(.no-js) [data-aos=fade-up] {
        -webkit-transform: translate3d(0,100px,0);
        transform: translate3d(0,100px,0)
    }

    html:not(.no-js) [data-aos=fade-down] {
        -webkit-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0)
    }

    html:not(.no-js) [data-aos=fade-right] {
        -webkit-transform: translate3d(-100px,0,0);
        transform: translate3d(-100px,0,0)
    }

    html:not(.no-js) [data-aos=fade-left] {
        -webkit-transform: translate3d(100px,0,0);
        transform: translate3d(100px,0,0)
    }

    html:not(.no-js) [data-aos=fade-up-right] {
        -webkit-transform: translate3d(-100px,100px,0);
        transform: translate3d(-100px,100px,0)
    }

    html:not(.no-js) [data-aos=fade-up-left] {
        -webkit-transform: translate3d(100px,100px,0);
        transform: translate3d(100px,100px,0)
    }

    html:not(.no-js) [data-aos=fade-down-right] {
        -webkit-transform: translate3d(-100px,-100px,0);
        transform: translate3d(-100px,-100px,0)
    }

    html:not(.no-js) [data-aos=fade-down-left] {
        -webkit-transform: translate3d(100px,-100px,0);
        transform: translate3d(100px,-100px,0)
    }

    html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
        opacity: 0;
        transition-property: opacity,-webkit-transform;
        transition-property: opacity,transform;
        transition-property: opacity,transform,-webkit-transform
    }

        html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
            opacity: 1;
            -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1)
        }

    html:not(.no-js) [data-aos=zoom-in] {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-up] {
        -webkit-transform: translate3d(0,100px,0) scale(.6);
        transform: translate3d(0,100px,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-down] {
        -webkit-transform: translate3d(0,-100px,0) scale(.6);
        transform: translate3d(0,-100px,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-right] {
        -webkit-transform: translate3d(-100px,0,0) scale(.6);
        transform: translate3d(-100px,0,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-left] {
        -webkit-transform: translate3d(100px,0,0) scale(.6);
        transform: translate3d(100px,0,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-out] {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-up] {
        -webkit-transform: translate3d(0,100px,0) scale(1.2);
        transform: translate3d(0,100px,0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-down] {
        -webkit-transform: translate3d(0,-100px,0) scale(1.2);
        transform: translate3d(0,-100px,0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-right] {
        -webkit-transform: translate3d(-100px,0,0) scale(1.2);
        transform: translate3d(-100px,0,0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-left] {
        -webkit-transform: translate3d(100px,0,0) scale(1.2);
        transform: translate3d(100px,0,0) scale(1.2)
    }

    html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform;
        visibility: hidden
    }

        html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
            visibility: visible;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }

    html:not(.no-js) [data-aos=slide-up] {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    html:not(.no-js) [data-aos=slide-down] {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    html:not(.no-js) [data-aos=slide-right] {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    html:not(.no-js) [data-aos=slide-left] {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform
    }

    html:not(.no-js) [data-aos=flip-left] {
        -webkit-transform: perspective(2500px) rotateY(-100deg);
        transform: perspective(2500px) rotateY(-100deg)
    }

        html:not(.no-js) [data-aos=flip-left].aos-animate {
            -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0)
        }

    html:not(.no-js) [data-aos=flip-right] {
        -webkit-transform: perspective(2500px) rotateY(100deg);
        transform: perspective(2500px) rotateY(100deg)
    }

        html:not(.no-js) [data-aos=flip-right].aos-animate {
            -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0)
        }

    html:not(.no-js) [data-aos=flip-up] {
        -webkit-transform: perspective(2500px) rotateX(-100deg);
        transform: perspective(2500px) rotateX(-100deg)
    }

        html:not(.no-js) [data-aos=flip-up].aos-animate {
            -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0)
        }

    html:not(.no-js) [data-aos=flip-down] {
        -webkit-transform: perspective(2500px) rotateX(100deg);
        transform: perspective(2500px) rotateX(100deg)
    }

        html:not(.no-js) [data-aos=flip-down].aos-animate {
            -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0)
        }
}
/**
 * Swiper 11.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 30, 2024
 */

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px,0,0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
        transform-style: preserve-3d
    }

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none
}

    .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: none
    }

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
        opacity: 0;
        cursor: auto;
        pointer-events: none
    }

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg, .swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: 'next'
    }

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

    .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
        display: none !important
    }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right,8px);
    left: var(--swiper-pagination-left,auto);
    top: 50%;
    transform: translate3d(0px,-50%,0)
}

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
        display: block
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: .2s transform,.2s top
        }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: .2s transform,.2s left
    }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color,var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top
    }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0
}

    .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
        width: var(--swiper-pagination-progressbar-size,4px);
        height: 100%;
        left: 0;
        top: 0
    }

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}

    .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
        display: none !important
    }

    .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
        position: absolute;
        left: var(--swiper-scrollbar-sides-offset,1%);
        bottom: var(--swiper-scrollbar-bottom,4px);
        top: var(--swiper-scrollbar-top,auto);
        z-index: 50;
        height: var(--swiper-scrollbar-size,4px);
        width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
    }

    .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
        position: absolute;
        left: var(--swiper-scrollbar-left,auto);
        right: var(--swiper-scrollbar-right,4px);
        top: var(--swiper-scrollbar-sides-offset,1%);
        z-index: 50;
        width: var(--swiper-scrollbar-size,4px);
        height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
    }

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

    .swiper-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

    .swiper-fade .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

.swiper-cube {
    overflow: visible
}

    .swiper-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

        .swiper-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-cube.swiper-rtl .swiper-slide {
        transform-origin: 100% 0
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: .6;
        z-index: 0
    }

        .swiper-cube .swiper-cube-shadow:before {
            content: '';
            background: #000;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            filter: blur(50px)
        }

    .swiper-cube .swiper-slide-next + .swiper-slide {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.swiper-flip {
    overflow: visible
}

    .swiper-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

    .swiper-cards .swiper-slide {
        transform-origin: center bottom;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden
    }

/* Add your CSS styles for the button here */
.scroll-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none; /* Hidden by default */
    /* Add more styles as needed */
}

    .scroll-top.active {
        display: block; /* Show the button when active */
    }

.text-yellow {
    color: yellow !important;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); /* Black shadow with some transparency */
}

.text-blue {
    color: #15477A;
    /* text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.5); /* Black shadow with some transparency */ 
}

.backmeup {
    margin-top: 175px;
    padding: 10px;
    background-color: rgba(255,255,255,.5);
    border-radius: 10px;
}

.service-item:hover {
    /*background-color: #f8d233;*/
    background-color: navy;
    color: white;
}

    .service-item:hover i {
        color: white !important;
    }

    .service-item:hover title h4 {
        color: white !important;
    }

.hero {
    z-index: -2;
    position: relative;
    padding: 40px 0;
    background-color: darkblue; /* Background color for contrast */
}

    .hero img {
        z-index: -1;
        width: 100%;
        height: auto; /* Maintain aspect ratio */
    }

.promo__text {
    color: white;
}



.promo__btn {
    margin-top: 4rem;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.btn {
    width: 30rem;
    height: 4.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    background-color: #d62122;
    border-radius: 1.6rem;
    transition: background-color .2s ease-in;
    cursor: pointer;
}*/

    .btn:hover {
        background-color: #a61e1e;
        color: white !important;
    }

.btn-t {
    font-weight: 800;
    font-style: italic;
    font-size: 1.8rem;
    line-height: 2.2rem;
}


.promo-text {
    backround-color: rgba(255,255,255,.85);
    border-radius: 10px;
    padding: 10px;
}

.promo__text p {
    color: #d62122
}

.promo__text ul {
    margin: 0;
    margin-top: 1rem;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2rem;
    letter-spacing: -.02em;
    color: darkblue;
}

    .promo__text ul li {
        padding-left: 3rem;
        position: relative
    }

        .promo__text ul li:before {
            content: "\2714";
            position: absolute;
            top: .1rem;
            left: 0;
            width: 1.8rem;
            height: 1.8rem;
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: icomoon !important;
            speak: never;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: white;
            background: #3076ff;
            border-radius: .45rem
        }

@media (max-width: 468.98px) {
    .section {
        padding: 0;
    }

    .promo__btn {
        margin-top: 0;
        text-transform: uppercase;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .btn {
        height: 3.4rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        text-transform: uppercase;
        background-color: #d62122;
        border-radius: 1.6rem;
        transition: background-color .2s ease-in;
        cursor: pointer;
    }

        .btn:hover {
            background-color: #a61e1e;
            color: white !important;
        }

    .btn-t {
        font-weight: 800;
        font-style: italic;
        font-size: 1.2rem;
        line-height: 1.2rem;
    }


    .promo-text {
        backround-color: rgba(255,255,255,.85);
        border-radius: 10px;
        padding: 10px;
    }

    .promo__text p {
        color: #d62122
    }

    .promo__text ul {
        margin: 0;
        margin-bottom: 1em;
        padding: 0;
        list-style-type: none;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        font-weight: 600;
        font-size: 1.1rem;
        line-height: 1.4rem;
        letter-spacing: -.02em;
        color: darkblue;
    }

        .promo__text ul li {
            padding-left: 2rem;
            position: relative
        }

            .promo__text ul li:before {
                content: "\2714";
                position: absolute;
                top: .1rem;
                left: 0;
                width: 1.8rem;
                height: 1.8rem;
                display: flex;
                justify-content: center;
                align-items: center;
                font-family: icomoon !important;
                speak: never;
                font-style: normal;
                font-weight: 400;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                color: white;
                background: #3076ff;
                border-radius: .45rem
            }
}