.media-container {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.nav-small .nav-link {
    word-spacing: 0;
    letter-spacing: 0;
    font-weight: 300
}

.hr_theme {
    width: 16%;
    border-width: 3px;
    border-color: var(--theme-green-1);
}

.fx-spin {
    -webkit-animation-name: F_spin;
    animation-name: F_spin;
    -webkit-animation-duration: 485s;
    animation-duration: 485s;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.release-container {
    z-index: 5
}

.release-box {
    -webkit-box-shadow: 0.05rem 0.25rem 1rem rgba(0, 0, 0, 0.14);
    box-shadow: 0.05rem 0.25rem 1rem rgba(0, 0, 0, 0.14)
}

.release-box .card:not(:last-child) {
    border-right: 1px solid #e9ecef
}

.release-icon {
    font-size: 1.3rem;
    display: block;
    background: #e25a88;
    background: -webkit-linear-gradient(bottom, #e25a88 0%, #8315d6 100%);
    background: linear-gradient(to top, #e25a88 0%, #8315d6 100%);
    color: #fff;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    text-align: center;
    line-height: 3rem
}

.release-icon-lg {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem
}

.fi-list .fi-item .fi-icon {
    width: 3rem;
    height: 3rem;
    color: var(--theme-green-3);
    border: double 2px transparent;
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, var(--theme-green-1), var(--theme-blue));
    background-origin: border-box;
    background-clip: content-box, border-box;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    transition: 0.3s linear
}

.fi-list .fi-item .fi-icon:hover {
    background-image: linear-gradient(var(--theme-green-1), var(--theme-blue)), linear-gradient(var(--theme-green-1), var(--theme-blue));
    color: #fff
}

.fi-list .fi-item:not(:last-child) {
    margin-bottom: 1rem
}

.c-shape {
    position: relative;
    padding-bottom: 0 !important
}

.c-shape:after {
    content: "";
    display: block;
    width: 100%;
    height: 300px;
    background: url(../img/shape/shape-8-gray.svg) no-repeat center bottom/cover
}

.c-shape-2 {
    position: relative;
    padding-bottom: 0 !important
}

.c-shape-2:before {
    content: "";
    display: block;
    width: 100%;
    height: 300px;
    background: url(../img/shape/shape-3-gray.svg) no-repeat center bottom/cover;
    position: absolute;
    top: 50%
}

.c-shape-2:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: calc(50% + 300px)
}

.app-badge {
    max-width: 10rem;
    width: 100%
}

@media (max-width: 991.98px) {
    .btn-download-md {
        line-height: 1.3 !important
    }
}

@media (max-width: 767.98px) {
    .btn-download-sm {
        max-width: 18rem;
        margin: auto
    }
}

[data-gradient="1"] {
    background: #da2f69;
    background: -webkit-linear-gradient(55deg, var(--theme-blue) 0%, var(--theme-green-3) 100%);
    background: linear-gradient(55deg,var(--theme-blue) 0%, var(--theme-green-3) 100%);
    animation: gradientBG 20s ease infinite;
    background-size: 200% 200%;
}

@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@media (max-width: 991.98px) {
    .offcanvas-md .btn-wrapper {
        padding-top: 1.0125rem
    }
    .offcanvas-md .btn-wrapper .btn:not(:last-child) {
        margin-bottom: 1rem
    }
}

@media (min-width: 992px) {
    .btn-wrapper {
        display: flex;
        align-items: center
    }
}

.bg-ls {
    background: #f7f7f7 url(../img/bg/bg-ls.jpg) no-repeat center center/cover
}

.themeOwl-nav .owl-nav {
    text-align: center;
    margin-top: 3rem;
    font-size: 2rem
}

.themeOwl-nav button:focus {
    outline: none
}

.themeOwl-nav button>* {
    background: -webkit-linear-gradient(#8315d6, #dc386f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.themeOwl-nav .owl-dots {
    justify-content: center
}

.themeOwl-nav .owl-dots .owl-dot.active span {
    background: -webkit-linear-gradient(#8315d6, #a74aed)
}

@media (min-width: 992px) {
    .themeOwl-nav .owl-nav {
        font-size: 2.5rem
    }
}

.owl-shadow .owl-stage {
    margin: 1.875rem
}

@media (min-width: 992px) {
    .owl-shadow-lg .owl-stage {
        margin: 1.875rem
    }
}

.nav-tabs-theme {
    justify-content: center;
    border-bottom: 0
}

.nav-tabs-theme .nav-item .nav-link {
    background: #fff;
    border-radius: 2rem;
    border: 0;
    padding: .5rem 1.7rem;
    -webkit-box-shadow: 0 0.3125rem 1.25rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.3125rem 1.25rem rgba(0, 0, 0, 0.1)
}

.nav-tabs-theme .nav-item .nav-link:hover {
    background: #a74aed;
    background: -webkit-linear-gradient(left, #a74aed 0%, #da2f69 100%);
    background: linear-gradient(to right, #a74aed 0%, #da2f69 100%);
    color: #fff
}

.nav-tabs-theme .nav-item:not(:last-child) .nav-link {
    margin-right: 1rem
}

.nav-tabs-theme .nav-item .nav-link.active {
    background: #a74aed;
    background: -webkit-linear-gradient(left, #a74aed 0%, #da2f69 100%);
    background: linear-gradient(to right, #a74aed 0%, #da2f69 100%);
    color: #fff
}

.header .header-hero {
    position: relative;
    overflow: hidden;
    height: 100vh
}



.header .header-hero .device-hero {
    max-width: 20rem;
    width: 100%
}

.header .header-hero .btn-play {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 0
}

.header .header-hero .btn-play:hover {
    color: rgba(255, 255, 255, 0.8)
}

.header .header-hero .btn-play:hover .icon {
    opacity: .8
}

.header .header-hero .btn-play:focus,
.header .header-hero .btn-play.focus {
    box-shadow: none
}

.header .header-hero .btn-play .icon {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: .5rem;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.header .header-hero .btn-play-primary {
    color: #8315d6
}

.header .header-hero .btn-play-primary:hover {
    color: rgba(131, 21, 214, 0.8)
}

.header .header-hero .btn-play-primary:hover .icon {
    opacity: .8
}

.header .header-hero>* {
    z-index: 3
}

.header[data-style="1"] .header-hero:after,
.header[data-style="2"] .header-hero:after,
.header[data-style="3"] .header-hero:after,
.header[data-style="4"] .header-hero:after,
.header[data-style="5"] .header-hero:after,
.header[data-style="6"] .header-hero:after,
.header[data-style="7"] .header-hero:after,
.header[data-style="8"] .header-hero:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2
}

.header[data-style="1"] .header-hero:after {
    height: 37.5rem;
    background: url(../img/shape/shape-1.svg) no-repeat center center/cover
}

.header[data-style="2"] .header-hero:after {
    height: 50rem;
    background: url(../img/shape/shape-2.svg) no-repeat center center/cover
}

.header[data-style="3"] .header-hero:after {
    height: 31.25rem;
    background: url(../img/shape/shape-3.svg) no-repeat center bottom/cover
}

.header[data-style="4"] .header-hero:after {
    height: 100%;
    background: url(../img/shape/shape-4.svg) no-repeat center bottom/cover
}

.header[data-style="5"] .header-hero:after {
    height: 100%;
    background: rgba(255, 255, 255, 0.9)
}

.header[data-style="6"] .header-hero:after {
    height: 100%;
    background: url(../img/shape/shape-6.svg) no-repeat center bottom/cover
}

.header[data-style="7"] .header-hero:after {
    height: 100%;
    background: url(../img/shape/shape-8.svg) no-repeat center bottom/cover
}

.header[data-style="8"] .header-hero:after {
    height: 100%;
    background: url(../img/shape/shape-7.svg) no-repeat center bottom/cover
}

.header .scroll-arrow {
    display: none
}

.header[data-scroll-arrow="true"] .scroll-arrow {
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -1.5rem;
    border: 1px solid rgba(58, 64, 72, 0.02);
    -webkit-box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.33);
    padding: .8rem
}

@media (min-width: 768px) {
    .header[data-style="5"] .header-hero:after {
        background: url(../img/shape/shape-5.svg) no-repeat center bottom/cover
    }
}

@media (min-width: 992px) {
    .header[data-style] .header-hero {
        min-height: 55.625rem
    }
}

@media (max-width: 991.98px) {
    .header[data-style="1"] .header-hero:after {
        height: 18rem
    }
    .header[data-style="2"] .header-hero:after {
        height: 20rem
    }
    .header[data-style="3"] .header-hero:after {
        height: 11rem
    }
    .header[data-style="6"] .header-hero:after {
        background-position-x: left
    }
    .header[data-style="7"] .header-hero:after {
        height: 50%
    }
}

@media (max-width: 767.98px) {
    .header[data-style="1"] .header-hero:after {
        height: 12.5rem
    }
    .header[data-style="2"] .header-hero:after {
        height: 15.5rem
    }
    .header[data-style="3"] .header-hero:after {
        height: 8.5rem
    }
}

@media (max-width: 576px) {
    .header[data-style="2"] .header-hero:after {
        height: 12rem
    }
}

@media (max-width: 414px) {
    .header[data-style="2"] .header-hero:after {
        height: 9.2rem
    }
}

@media (max-width: 320px) {
    .header[data-style="2"] .header-hero:after {
        height: 6.5rem
    }
}

.features__section {
    /* background: #8315d6 url(../img/background/banner-bg.jpg); */
    background-color: var(--theme-green-3);
}

.features__section .features_device__bg_wrapper {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    overflow: hidden
}

.features__section .features_device__bg {
    margin: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px)
}

.features__section .features_device__bg[data-animation="true"] {
    -webkit-animation-name: F_spin;
    animation-name: F_spin;
    -webkit-animation-duration: 485s;
    animation-duration: 485s;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.features__section .features_device {
    display: block;
    margin: auto;
    max-width: 19.0625rem;
    width: 100%;
    position: relative
}

.features__section .features_wrapper .features__item-wrapper {
    border: double 1px transparent;
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, var(--theme-green-1), var(--theme-green-3));
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: .5rem;
    margin-bottom: 2rem
}

.features__section .features_wrapper .features__item-wrapper:last-child {
    margin-bottom: 0
}

.features__section .features_wrapper .features__item {
    display: block;
    position: relative;
    padding: 1.6rem
}

.features__section .features_wrapper .features__item .features_img_wrapper {
    width: 6rem;
    height: 6rem;
    padding: 1.4rem;
    background: #8315d6;
    /* background: -webkit-linear-gradient(left, #8315d6 0%, #d01786 100%); */
    background: linear-gradient(to right, var(--theme-green-2) 0%, var(--theme-blue) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.features__section .features_wrapper .features__item .features_img_wrapper i {
    font-size: 3.2rem;
    color: #fff;
}

.features__section .features_wrapper .features__item .features__title {
    font-weight: 500;
    font-size: 1.0625rem
}

.features__section .features_wrapper .features__item p:last-child {
    margin-bottom: 0
}

.features__section .features_wrapper .features__hr {
    display: none;
    position: absolute;
    width: 190px;
    right: -191px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    border-width: .125rem;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 2
}

.features__section .features_wrapper .features__hr:before {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(255, 255, 255, 0.55);
    animation: 2s anim-effect-front 0s linear infinite;
    border-radius: 50% !important;
    position: absolute;
    top: 0;
    right: -.5rem;
    margin-top: -0.8125rem
}

.features__section .features_wrapper .features__hr:after {
    content: "";
    display: block;
    width: .5rem;
    height: .5rem;
    background-color: #fff;
    border-radius: 50% !important;
    float: right;
    margin-top: -0.3125rem
}

.features__section .features_wrapper [data-toggle="tooltip"] {
    display: none;
    width: 1.5rem;
    height: 1.6875rem;
    position: absolute;
    right: -289px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    margin-top: -.1875rem
}

@media (min-width: 992px) {
    .features__section .features_wrapper .features__item {
        display: flex
    }
    .features__section .features_wrapper .features__item .features__title {
        font-size: 1.25rem
    }
    .features__section .features_wrapper .features__hr {
        display: block
    }
    .features__section .features_wrapper [data-toggle="tooltip"] {
        display: block
    }
}

@media (min-width: 1200px) {
    .features__section .features_wrapper .features__hr {
        right: -280px;
        width: 280px
    }
}

.screenshot__section {
    position: relative;
    overflow: hidden
}

.screenshot__section:before {
    content: '';
    display: block;
    width: 100%;
    height: 76px;
    position: absolute;
    top: 0
}

.screenshot__section:after {
    content: '';
    display: block;
    width: 100%;
    height: 76px;
    position: absolute;
    bottom: 0
}

.screenshot__section .screenshot_wrapper {
    position: relative;
    padding: 7rem 0
}

.screenshot__section .owl-carousel {
    z-index: 1
}

.screenshot__section .screenshot_device {
    pointer-events: none;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    transform: translate(-50%, -50%);
    display: none;
    align-items: center;
    justify-content: center
}

.screenshot__section .screenshot_device .device__img {
    max-width: max-content;
    width: 100%;
    max-height: 100%
}

.screenshot__section .owl-carousel .owl-item img {
    width: auto;
    margin-left: auto;
    margin-right: auto
}

.screenshot__section .shape_screenshot {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 768px) {
    .screenshot__section .screenshot_device {
        display: flex
    }
    .screenshot__section .screenshot_device .device__img {
        max-width: 362px
    }
}

@media (min-width: 992px) {
    .screenshot__section .screenshot_wrapper {
        padding: 7.5rem 0
    }
    .screenshot__section .screenshot_wrapper .device__img {
        max-width: 312px
    }
}

@media (min-width: 1200px) {
    .screenshot__section .screenshot_wrapper {
        padding: 7.8rem 0
    }
    .screenshot__section .screenshot_wrapper .device__img {
        max-width: 212px
    }
}

.timeline__section .timeline-step {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.timeline__section .timeline-item::after {
    color: #fff;
    border: double 3px transparent;
    background-image: linear-gradient(transparent, transparent), radial-gradient(circle at top left, #8315d6, #da2f69);
    background-origin: border-box;
    background-clip: content-box, border-box
}

.timeline__section .timeline-item p:last-child {
    margin-bottom: 0
}

.timeline__section .timeline-item:first-child:before,
.timeline__section .timeline-item:last-child:before {
    content: "";
    width: .5rem;
    height: .5rem;
    background: #8315d6;
    display: block;
    position: absolute;
    left: -0.3125rem;
    border-radius: 50%
}

.timeline__section .timeline-item:first-child:before {
    top: 0
}

.timeline__section .timeline-item:last-child:before {
    top: 100%
}

@media (min-width: 1200px) {
    .timeline__section .timeline-step {
        padding-left: 0;
        padding-right: 0
    }
}

.wn__section {
    text-align: center
}

.wn__section .wn_wrapper {
    border-radius: 3rem;
    border: double 3px transparent;
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, var(--theme-green-2), var(--theme-blue));
    background-origin: border-box;
    background-clip: content-box, border-box
}

.wn__section .wn_wrapper .wn__body {
    padding: 2rem 1rem
}

.wn__section .wn_wrapper .wn__body p {
    margin-bottom: 0
}

.wn__section .wn__icon {
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #da2f69;
    background: -webkit-linear-gradient(left, var(--theme-blue) 0%, var(--theme-green-2) 100%);
    background: linear-gradient(to bottom, var(--theme-blue) 0%, var(--theme-green-2) 100%);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
    padding: 1.75rem
}

.wn__section .wn__icon .w-100 i {
    font-size: 3rem;
    color: #fff;
}

.intro-section-padding {
    max-width: 1450px;
}
.cta-features {
    margin-top: 3em;
}

.wn__section .wn__title {
    margin-bottom: 1rem
}

.wn__section .owl-carousel .owl-nav {
    margin-top: 2rem
}

.wn__section .owl-carousel .owl-nav button:focus {
    outline: 0
}

.wn__section .owl-carousel .owl-nav button.owl-prev,
.wn__section .owl-carousel .owl-nav button.owl-next {
    display: inline-block;
    background: #8315d6;
    padding: .35rem 1rem !important;
    color: #fff
}

.wn__section .owl-carousel .owl-nav button.owl-prev {
    background: #8315d6;
    border-radius: 28px 0px 0px 28px
}

.wn__section .owl-carousel .owl-nav button.owl-next {
    background: #da2f69;
    border-radius: 0px 28px 28px 0px
}

@media (min-width: 1250px) {
    .wn__section .owl-carousel .owl-nav button.owl-prev,
    .wn__section .owl-carousel .owl-nav button.owl-next {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .wn__section .owl-carousel .owl-nav button.owl-prev {
        left: 0;
        margin-left: -43px
    }
    .wn__section .owl-carousel .owl-nav button.owl-next {
        right: 0;
        margin-right: -43px
    }
}

.pricing_table .pricing_action {
    display: block;
    max-width: 14rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    font-size: 1rem
}

.pricing_table .pricing_action_wrapper {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.pricing_table .pricing_price {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.pricing_table .pricing_price .pricing_currency {
    margin-top: -1rem
}

.pricing_table .pricing_feature-list .pricing_feature:not(:last-child) {
    margin-bottom: .5rem
}

.pricing_table .pricing_deco {
    height: 100%
}

.pricing_table .pricing_item--start .pricing_title {
    background: url(../img/table/shape.png) no-repeat top center
}

.pricing_table .pricing_item--featured {
    background: #da2f69
}

.pricing_table .pricing_item--featured .pricing_title {
    background: url(../img/table/shape.png) no-repeat center center
}

.pricing_table .pricing_item--featured .pricing_price,
.pricing_table .pricing_item--featured .pricing_currency,
.pricing_table .pricing_item--featured .pricing_action:hover {
    color: #da2f69
}

.pricing_table .pricing_item--end .pricing_title {
    background: url(../img/table/shape.png) no-repeat bottom center
}

.testimonials__section .owl-carousel .item img.item-comp {
    width: auto;
    margin: auto;
    margin-bottom: 1.6rem
}

.testimonials__section .owl-carousel .item .quotes {
    position: relative;
    font-style: italic
}

.testimonials__section .owl-carousel .item .quotes:before {
    content: "“"
}

.testimonials__section .owl-carousel .item .quotes:after {
    content: "”"
}

.testimonials__section .owl-carousel .owl-nav {
    display: flex;
    justify-content: center;
    margin-top: 2rem
}

.testimonials__section .owl-carousel .owl-nav .owl-prev,
.testimonials__section .owl-carousel .owl-nav .owl-next {
    display: flex;
    align-items: center
}

.newsletter__section {
    background-color: #f7f7f7
}

.newsletter__section .input-group:not(.input-line) {
    border: double 3px transparent;
    background-image: linear-gradient(#f7f7f7, #f7f7f7), radial-gradient(circle at top left, #da2f69, #8315d6);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin-bottom: 0
}

.newsletter__section .inputNR-light.input-group:not(.input-line) {
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #da2f69, #8315d6)
}

.newsletter__section .form-control {
    background-color: #f7f7f7;
    color: rgba(58, 64, 72, 0.8)
}

.newsletter__section .form-control::placeholder {
    color: rgba(58, 64, 72, 0.8)
}

.contact_us__section {
    background: #8315d6 url(../img/contact/contact__bg.jpg) center no-repeat;
    background-size: cover
}

.contact_us__section .form-control {
    background-color: #501080;
    border-color: #501080 !important;
    padding-left: 1.3rem;
    color: rgba(255, 255, 255, 0.95)
}

.contact_us__section .btn-contact_us {
    border-color: #dc3c72 !important;
    background: #dc3c72;
    font-weight: 500
}

.contact_us__section .btn-contact_us:hover {
    border-color: #da2f69 !important;
    background: #da2f69
}

.contact_us__section .input-rounded .form-group:focus-within,
.contact_us__section .input-rounded .input-group:focus-within {
    box-shadow: none
}

.contact_us__section label {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 1px;
    margin-left: 1.4rem;
    margin-bottom: .3rem;
    text-transform: uppercase
}

.contact_us__section textarea.form-control {
    border-radius: 1.5rem
}

@media (min-width: 768px) {
    .contact_us__section .contact_us__row .form-group:nth-child(odd) {
        padding-right: 1rem
    }
    .contact_us__section .contact_us__row .form-group:nth-child(even) {
        padding-left: 1rem
    }
}

.faq__section .accordion .card {
    border-color: transparent
}

.faq__section .accordion .card:first-of-type,
.faq__section .accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom-color: transparent
}

.faq__section .accordion .card .card-header {
    background: transparent
}

.faq__section .accordion .card .card-header,
.faq__section .accordion .card .card-header h1 a,
.faq__section .accordion .card .card-header h2 a,
.faq__section .accordion .card .card-header h3 a,
.faq__section .accordion .card .card-header h4 a,
.faq__section .accordion .card .card-header h5 a,
.faq__section .accordion .card .card-header h6 a,
.faq__section .accordion .card .card-header .h1 a,
.faq__section .accordion .card .card-header .h2 a,
.faq__section .accordion .card .card-header .h3 a,
.faq__section .accordion .card .card-header .h4 a,
.faq__section .accordion .card .card-header .h5 a,
.faq__section .accordion .card .card-header .h6 a {
    font-weight: 300
}

.faq__section .accordion .card .card-header .icon {
    color: #8315d6
}

.faq__section .accordion .card .card-body {
    padding-left: 3rem;
    padding-top: 0
}

.faq__section .accordion .card:first-child .card-header a[data-toggle="collapse"] {
    padding-top: 0
}

.download__section {
    background: url(../img/shape/download__shape_green.png) no-repeat center bottom/cover;
    padding-top: 12rem;
    padding-bottom: 8rem
}

.download__section .title-download {
    font-weight: 600
}

.download__section .btn-download {
    display: block;
    width: 100%;
    min-width: 9rem;
    line-height: 1.6;
    margin-bottom: 1.6rem
}

.download__section .btn-download:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .download__section .btn-download {
        display: inline-block;
        width: auto;
        min-width: 9rem;
        line-height: 1.6;
        margin-bottom: 0;
        margin-right: 2rem
    }
    .download__section .btn-download:last-child {
        margin-right: 0
    }
}

@media (min-width: 992px) {
    .download__section {
        padding-top: 18rem;
        padding-bottom: 12rem
    }
}

.the-team {
    background: #0f136a;
}

.the-team h2 {
    font-weight: 600;
    color: #fff;
}
.flip {
    position: relative;
}
.flip > .front,
.flip > .back {
    display: block;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-duration: .5s;
    transition-property: transform, opacity;
}
.flip > .front {
    transform: rotateY(0deg);
}
.flip > .back {
    position: absolute;
    opacity: 0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transform: rotateY(-180deg);
}
.flip:hover > .front {
    transform: rotateY(180deg);
}
.flip:hover > .back {
    opacity: 1;
    transform: rotateY(0deg);
}
.flip.flip-vertical > .back {
    transform: rotateX(-180deg);
}
.flip.flip-vertical:hover > .front {
    transform: rotateX(180deg);
}
.flip.flip-vertical:hover > .back {
    transform: rotateX(0deg);
}
  
.flip {
    position: relative;
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1em;
    width: 100%;
}
.flip > .front,
.flip > .back {
    display: flex;
    color: white;
    width: inherit;
    background-size: cover !important;
    background-position: top !important;
    height: 280px;
    padding: 1em 2em;
    background: var(--theme-green-3);
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.flip > .front p,
.flip > .back p {
    font-size: 0.9125rem;
    line-height: 160%;
    color: #999;
}
.flip > .back h2 {
    text-transform: uppercase;
    line-height: 1;
    font-weight: 400;
    font-size: 1.2rem;
}
.flip > .back a {
    background-color: var(--theme-petrol);
    color: #fff;
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    font-size: 1.2em;
    line-height: 40px;
    text-align: center;
}

.flip > .back a:hover {
    background-color: var(--theme-blue);
}

@media (min-width: 768px) {
    .footer {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem
    }
}

@media (min-width: 992px) {
    .footer {
        padding-top: 7.8125rem;
        padding-bottom: 1.8125rem
    }
}

.footer-default {
    background: #0f136a;
    background: -webkit-linear-gradient(bottom, #0f136a 0%, #1e229c 100%);
    background: linear-gradient(to top, #0f136a 0%, #1e229c 100%)
}

.footer-default,
.footer-default .nav-link,
.footer-default h1,
.footer-default h2,
.footer-default h3,
.footer-default h4,
.footer-default h5,
.footer-default h6,
.footer-default .h1,
.footer-default .h2,
.footer-default .h3,
.footer-default .h4,
.footer-default .h5,
.footer-default .h6 {
    color: #fff
}

.footer-default .nav-title {
    letter-spacing: .08rem;
    text-transform: uppercase
}

.body-auth .content-main,
.body-page .content-main,
.body-error .content-main {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding-top: 3rem;
    padding-bottom: 3rem
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .body-auth .content-main:after,
    .body-page .content-main:after,
    .body-error .content-main:after {
        content: "";
        min-height: inherit
    }
}

.bg-et-wrapper {
    overflow: hidden;
    pointer-events: none
}

.bg-et-wrapper .bg-et-1,
.bg-et-wrapper .bg-et-2 {
    position: absolute
}

.bg-et-wrapper .bg-et-1 {
    display: block;
    left: 7rem;
    bottom: 6rem;
    animation: movebounce 3s linear infinite
}

.bg-et-wrapper .bg-et-2 {
    display: block;
    right: 7rem;
    top: 30%;
    animation: movebounce 5s linear infinite
}

.body-auth .content-main {
    background: #f7f7f7 url(../img/bg/bg-1.jpg) no-repeat center center/cover
}

.body-auth .auth {
    max-width: 25rem;
    background: #fff;
    border-top: 3px solid #8315d6
}

.body-auth .ts-link {
    position: relative
}

.body-auth .ts-link:after {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    height: 1px;
    background: #580e90;
    margin-top: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.body-auth .ts-link:hover:after {
    width: 100%
}

.body-auth .control-label-PV {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%
}

.body-auth .control-label-PV:not(:checked) ~ .PV-toggler .icon-PV:nth-child(even) {
    display: none
}

.body-auth .control-label-PV:checked ~ .PV-toggler .icon-PV:nth-child(odd) {
    display: none
}

.body-auth .password_conf__icon {
    visibility: hidden
}

.body-page .content-main {
    background: #f7f7f7 url(../img/bg/bg-1.jpg) no-repeat center bottom/cover
}

.body-page .coming_soon {
    max-width: 45rem
}

.body-page .coming_soon [data-countdown] h1 {
    font-weight: 300;
    margin-bottom: 0
}

.body-page .coming_soon [data-countdown] .cs_row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.body-page .coming_soon [data-countdown] .countdown-outline-box {
    padding: 1rem;
    border: 0
}

.body-page .coming_soon [data-countdown] .cs_box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.5rem;
    height: 4.5rem;
    background: #8315d6;
    border-radius: 50%;
    margin-bottom: 1.2rem
}

@media (min-width: 576px) {
    .body-page .coming_soon [data-countdown] .cs_box {
        width: 6.5rem;
        height: 6.5rem
    }
}

@media (min-width: 768px) {
    .body-page .coming_soon [data-countdown] .cs_box {
        width: 7.5rem;
        height: 7.5rem
    }
}

.page-hero {
    height: 28.125rem;
    background: #da2f69;
    background: -webkit-linear-gradient(left, #da2f69 0%, #8315d6 100%);
    background: linear-gradient(to right, #da2f69 0%, #8315d6 100%)
}

[data-animated-background] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1 !important
}

.media-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1 !important;
    pointer-events: none
}

.media-container video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    border: 0;
    z-index: 10;
    pointer-events: none
}

.breadcrumb {
    justify-content: center;
    text-transform: uppercase;
    padding: 2.2rem;
    font-weight: 600
}

.breadcrumb a {
    color: rgba(58, 64, 72, 0.75)
}

.flag {
    height: 12px;
}
.body-blog .page-hero {
    background: url(../img/background/back.jpg) no-repeat center center/cover
}

.body-blog .page-sympnia {
    background: url(../img/brand/sympnialogo2_notag.png) no-repeat center center/contain;
}
.body-blog .page-hero .overlay {
    position: absolute; 
    width: 100%; 
    height:100%; 
    background-color: rgba(1,51,63, .85); 
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.blog__img-wrapper .blog__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.blog__img-wrapper:hover .blog__img {
    -webkit-transform: rotate(2deg) scale(1.1);
    -moz-transform: rotate(2deg) scale(1.1);
    -ms-transform: rotate(2deg) scale(1.1);
    -o-transform: rotate(2deg) scale(1.1);
    transform: rotate(2deg) scale(1.1)
}

.page-link:hover {
    z-index: auto
}

.page-link:focus {
    z-index: auto
}

.page-item.active:hover {
    color: #fff !important
}

.blog-s__input {
    border-color: #ced4da
}

.blog_cat-list,
.blog_cat-list a {
    color: rgba(58, 64, 72, 0.8)
}

.blog_cat-list .blog_cat-item {
    display: flex;
    align-items: center;
    margin-top: .5rem;
    margin-bottom: .3rem
}

.blog_cat-list .blog_cat-item:before {
    display: inline-block;
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: .5625rem;
    margin-right: .5rem;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.blog_cat-list .blog_cat-item.collapser-active:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.tags_cloud {
    display: flex;
    flex-wrap: wrap
}

.tags_cloud .badge {
    padding: .65rem .95rem;
    margin-right: .5rem;
    margin-bottom: .5rem
}

.tags_cloud .badge-primary {
    background-color: #c990f4
}

.tags_cloud .badge-primary:hover {
    background-color: #8315d6
}

.rec_posts-title {
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: .25rem
}

.blog-details-top {
    position: relative;
    margin-bottom: 3rem
}

.blog-details-header {
    background: #fff;
    padding-top: 1.2rem;
    text-align: center
}

@media (min-width: 768px) {
    .blog-details-header {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.comments .comment-item {
    display: flex
}

.comments .comment-item .comment-img {
    min-width: 4.375rem
}

.comments .comment-item .comment-username a {
    color: rgba(58, 64, 72, 0.95)
}

.comments .comment-item .comment-username a:hover {
    color: rgba(58, 64, 72, 0.98)
}

.comments .comment-item a.comment-metadata {
    text-transform: uppercase;
    color: rgba(58, 64, 72, 0.7)
}

.comments .comment-item a.comment-metadata:hover {
    color: rgba(58, 64, 72, 0.9)
}

.comments .comment-reply-link {
    text-transform: uppercase;
    color: rgba(58, 64, 72, 0.95);
    font-weight: 500;
    font-size: 0.8125rem
}

.comments .comment-main {
    position: relative;
    width: 100%;
    border: 1px solid #e9ecef
}

.comments .comment-main .comment-header {
    border-bottom: 1px solid #e9ecef
}

.comments .comment-main .comment-reply {
    position: absolute;
    right: 1rem;
    bottom: -1rem;
    border: 1px solid #e9ecef;
    padding-left: 1rem;
    padding-right: 1rem;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.comments .comment-main .comment-reply:hover {
    background: #e9ecef
}

@media (min-width: 768px) {
    .comments .comment-item .comment-img {
        min-width: 6.25rem
    }
    .comments .comment-item .comment-reply {
        right: 1.5rem
    }
}

.body-contact .page-hero {
    background: url(../img/bg/bg-3.jpg) no-repeat center center/cover
}

.body-error .content-main {
    background: #f7f7f7 url(../img/bg/bg-1.jpg) no-repeat center center/cover
}

.body-error .error-title {
    font-size: 4rem;
    line-height: 1;
    margin-bottom: 1.5rem
}

@media (min-width: 768px) {
    .body-error .error-title {
        font-size: 13.4375rem
    }
}

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/*# sourceMappingURL=styles.css.map */