/*! 
 * * Theme Name: LARAPRESS
 * * Theme URI: none
 * * Description: Larapress is a custom wordpress theme.
 * * Author: Fast Eddy
 * * Author URI:
 * * Version: 1.0
 * * License: GNU General Public License v2
 * * License URI: http://www.gnu.org/licenses/gpl-2.0.html 
 * */

:root {
    --primary: #9ABAAB;
    --primary-light: #E2E7E1;
    --secondary: #C0C3D4;
    --secondary-alt: #8289A5;
    --third: #768778;
	--gengar: #CAA5CA;
    --dark: #121127;
    --gray: #F8F8F8
}

body {
    color: var(--third);
    font-family: "Poppins", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

body::before {
    content: "";
    display: block;
    width: 100%;
    height: 200px;
    background: var(--primary-light);
    position: absolute;
    left: 0;
    top: 0
}

@media(min-width: 1200px) {
    .container-fluid {
        padding: 0 50px
    }
}

@media(min-width: 1428px) {
    .container-fluid {
        padding: 0 100px
    }
}

.container-fluid.container-fluid--full {
    padding: 0 12px
}

img {
    max-width: 100%
}

.gap-y-4 {
    gap: 30px 0
}

.text-primary {
    color: var(--primary) !important
}

.text-secondary {
    color: var(--secondary) !important
}

.text-secondary-alt {
    color: var(--secondary-alt) !important
}

.text-third {
    color: var(--third) !important
}

.text-third-alt {
    color: var(--third-alt) !important
}

.text-dark {
    color: var(--dark) !important
}

.text-gray {
    color: var(--gray) !important
}

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

.bg-primary {
    background-color: var(--primary) !important
}

.bg-primary-light {
    background-color: var(--primary-light) !important
}

.bg-secondary {
    background-color: var(--secondary) !important
}

.bg-gengar{
	background-color: var(--gengar) !important;
}

.bg-gray {
    background-color: var(--gray) !important
}

.fs-1 {
    font-size: 60px !important;
    line-height: 1.16 !important
}
@media(max-width: 1200px) {
    .fs-1 {
        font-size: 48px !important;
    }
}
@media(max-width: 991px) {
    .fs-1 {
        font-size: 40px !important
    }
}

@media(max-width: 767px) {
    .fs-1 {
        font-size: 35px !important
    }
}

.fs-2 {
    font-size: 38px !important;
    line-height: 1.2 !important
}

@media(max-width: 767px) {
    .fs-2 {
        font-size: 28px !important
    }
}

.fs-3 {
    font-size: 35px !important;
    line-height: 1.5 !important
}

@media(max-width: 767px) {
    .fs-3 {
        font-size: 25px !important
    }
}

.fs-4 {
    font-size: 28px !important;
    line-height: 1.5 !important
}

@media(max-width: 767px) {
    .fs-4 {
        font-size: 20px !important
    }
}

.fs-5 {
    font-size: 22px !important;
    line-height: 1.5 !important
}

.fs-6 {
    font-size: 20px !important;
    line-height: 1.5 !important
}

.fs-7 {
    font-size: 18px !important;
    line-height: 1.5 !important
}

.fs-8 {
    font-size: 16px !important;
    line-height: 1.5 !important
}

.star-dust {
    color: #fcbe48 !important;
    display: flex;
    flex-wrap: wrap
}

.star-dust .fa-star.text-gray {
    color: #dbdbdb !important
}

.btn {
    padding: 10px 35px;
    font-size: 16px;
    line-height: auto;
    border-radius: 30px;
    font-weight: 600;
    border-radius: 50px
}

@media(max-width: 767px) {
    .btn {
        padding: 10px 33px
    }
}

.btn.btn-outline-primary {
    color: var(--primary);
    border: solid 2px var(--primary);
    background: rgba(0, 0, 0, 0);
    transition: .3s ease-out
}

.btn.btn-outline-primary:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: #000
}

.btn.btn-outline-secondary {
    color: var(--secondary);
    border: solid 2px var(--secondary);
    background: rgba(0, 0, 0, 0);
    transition: .3s ease-out
}

.btn.btn-outline-secondary:hover {
    background: var(--secondary);
    color: #fff
}

.btn.btn-primary {
    border: none;
    background: var(--primary)
}

.btn.btn-secondary {
    border: none;
    background: var(--secondary);
    color: #fff
}

.btn.btn-white-primary {
    border: solid 2px rgba(0, 0, 0, 0);
    background: #fff;
    color: #838aa5
}

.btn.btn-white-secondary {
    border: solid 2px rgba(0, 0, 0, 0);
    background: #fff;
    color: var(--secondary)
}

.btn.btn-outline-white {
    border: solid 2px #fff;
    color: #fff
}

.accordion .accordion-item {
    background: #FFF;
    margin: 0 0 30px;
    border-radius: 10px;
    border: solid 1px #CFCFCF;
    margin: 0 0 25px;
}

.accordion .accordion-item .accordion-header {
    border: none;
    box-shadow: none
}

.accordion .accordion-item .accordion-header .accordion-button {
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    font-size: 18px;
    font-weight: 700;
    color: var(--third)
}

.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
    content: "-"
}

.accordion .accordion-item .accordion-header .accordion-button::after {
    content: "+";
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #FFF !important;
    background: var(--primary);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    line-height: 35px;
    font-family: "Font Awesome 6 Pro";
    transform: none
}

.accordion .accordion-item .accordion-body {
    padding-top: 0;
    font-size: 18px;
    color: var(--third)
}

.tt-uppercase {
    text-transform: uppercase
}

.td-none {
    text-decoration: none
}

.abs-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.main-header {
    position: relative;
    z-index: 100;
    color: var(--third)
}

.main-header__top-bar {
    padding-top: 20px
}

.main-header__top-bar ul {
    list-style: none;
    padding: 0;
    justify-content: flex-end
}

.main-header__top-bar ul li {
    padding: 0 23px
}

.main-header__top-bar ul li+li {
    border-left: solid 2px #667d69
}

.main-header__top-bar ul a {
    color: #667d69;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    text-decoration: none
}

.main-header__top-bar .lang-item {
    text-transform: uppercase
}

.main-header .white-wrapper {
    position: relative;
    padding: 9px 15px
}
@media(min-width: 1200px) {
    .main-header .white-wrapper {
        position: relative;
        padding: 9px 50px
    }
}
@media(min-width: 1428px) {
    .main-header .white-wrapper {
        position: relative;
        padding: 9px 120px
    }
}

@media(max-width: 991px) {
    .main-header .white-wrapper {
        padding: 9px 15px
    }
}

.main-header .white-wrapper::before {
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50px;
    z-index: -1;
    box-shadow: 0 4px 50px 0 rgba(0, 0, 0, .1)
}
@media(min-width: 1200px) {
    .main-header .white-wrapper::before {
        width: calc(100% - 70px)
    }
}
@media(min-width: 1428px) {
    .main-header .white-wrapper::before {
        width: calc(100% - 200px)
    }
}

.main-header .navbar {
    margin-bottom: -42px
}

@media(max-width: 991px) {
    .main-header .navbar.navbar-text-secondary .navbar-collapse {
        background: var(--secondary);
        border-color: #fff
    }

    .main-header .navbar.navbar-text-secondary .navbar-collapse .nav-link {
        color: #fff
    }
}

@media(min-width: 992px) {
    .main-header .navbar.navbar-text-secondary .navbar-nav .nav-link {
        color: #fff
    }

    .main-header .navbar.navbar-text-secondary .navbar-nav .nav-link:hover {
        color: var(--primary)
    }
}

.main-header .navbar-brand img {
    width: 230px;
    height: auto
}

@media(min-width: 992px) and (max-width: 1024px){
    .main-header .navbar-brand img{
        width: 200px;
    }
}

@media(max-width: 991px) {
    .main-header .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: var(--secondary);
        padding: 15px 12px;
        border-radius: 20px
    }
}

@media(max-width: 991px) {
    .main-header .navbar-nav {
        gap: 0 !important;
        padding: 0 12px
    }
}

.main-header .navbar-nav .nav-link {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    transition: .3s ease-out
}
@media(min-width: 992px) and (max-width: 1427px) {
    .main-header .navbar-nav .nav-link{
        font-size: 14px;
    }
    .main-header .btn{
        font-size: 14px;
        padding: 10px 15px !important;
        white-space: nowrap;
    }
}
@media(max-width: 991px) {
    .main-header .navbar-nav .nav-link {
        color: #fff
    }
}

.main-header .navbar-nav .nav-link.active {
    font-weight: 700
}

.main-header .navbar-nav .nav-link:hover {
    color: var(--secondary)
}

@media(max-width:991px){
	
	.main-header .navbar-nav .nav-link:hover {
		color: #9E8583
	}
}

.main-footer {
    color: var(--secondary);
    position: relative
}

.main-footer .bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 22%
}

.main-footer__bottom {
    border-top: solid 1px rgba(0, 52, 89, .2)
}

.main-footer ul {
    list-style-type: "> ";
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    gap: 4px
}

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

.main-footer a:hover {
    color: var(--primary)
}

.section {
    padding: 130px 0
}

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

.section--blocks .block {
    background: var(--primary-light);
    padding: 50px 25px;
    border-radius: 50px;
    position: relative;
    overflow: hidden
}

.section--blocks .block .bg-svg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.section--blocks .block .block__inner {
    position: relative;
    z-index: 2
}

.section--blocks .block figure {
    width: 157px;
    height: 157px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative
}

.section--blocks .block figure svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.section--blocks .block figure img {
    position: relative;
    z-index: 2
}

.section--blocks .block p {
    margin: 0
}

.section--banner .container-fluid {
    position: relative
}

.section--banner__inner {
    padding: 80px 40px;
    border-radius: 50px;
    overflow: hidden;
    position: relative
}

@media(max-width: 767px) {
    .section--banner__inner {
        padding: 40px 20px
    }
}

.section--banner__inner .bg-spiral {
    position: absolute;
    bottom: 0;
    right: 0
}

.section--banner__inner figure {
    position: absolute;
    bottom: 0;
    right: 18%;
    height: 300px;
    z-index: 2;
    margin: 0
}

.section--banner__inner figure svg {
    position: absolute;
    z-index: 1;
    top: 25%;
    right: -20%
}

.section--banner__inner figure img {
    position: relative;
    height: 100%;
    z-index: 2
}

@media(max-width: 991px) {
    .section--banner__inner figure img {
        height: 100%;
        width: fit-content;
        opacity: .3;
        object-fit: cover
    }
}

.section--banner__inner .row {
    position: relative;
    z-index: 3
}

.section--hero {
    padding: 0;
    position: relative;
    overflow: hidden
}

.section--hero.section--hero--page-header .hero__inner {
    padding: 130px
}

.section--hero .hero__inner {
    padding: 190px 0;
    position: relative;
    z-index: 2
}
@media(max-width: 1200px) {
    .section--hero .hero__inner {
        padding: 120px 0;
    }
}
@media(max-width: 767px) {
    .section--hero .hero__inner {
        padding-top: 95px;
        padding-bottom: 50px
    }
}

.section--hero .hero__inner-block {
    border-radius: 50px;
    padding: 46px 38px;
    position: relative;
    z-index: 3
}

@media(max-width: 767px) {
    .section--hero .hero__inner-block {
        padding: 30px 12px
    }
}

.section--hero .hero__side-image {
    position: absolute;
    bottom: 0;
    right: 10%;
    width: 38%;
    z-index: 1
}

.section--blog figure {
    position: relative;
    padding-bottom: 100%;
    border-radius: 30px;
    border: solid 1px #ebebeb;
    overflow: hidden;
    margin: 0 0 33px
}

.section--brands .brand {
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, .1);
    border-radius: 30px;
    border: solid 1px #dedede;
    padding: 33px 21px
}

.section--brands .brand figure {
    position: relative;
    width: 146px;
    height: 146px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 14px
}

.section--big-banner {
    padding-bottom: 25%
}

.section--big-banner+.section--content-image--big {
    position: relative;
    z-index: 2
}

.section--content-image.section--content-image--big .inner {
    background: #fff;
    padding: 80px 75px 0;
    border-radius: 30px;
    margin-top: -224px
}

@media(max-width: 767px) {
    .section--content-image.section--content-image--big .inner {
        padding: 50px 24px;
        margin-top: -100px
    }
}

.section--content-image:not(.section--content-image--big).map .content {
    position: relative;
    z-index: 2;
    padding: 125px 100px
}

@media(max-width: 767px) {
    .section--content-image:not(.section--content-image--big).map .content {
        padding: 50px 24px
    }
}

.section--content-image.map {
    background: var(--primary-light);
    color: var(--third)
}

.section--content-image.map .iframe-wrapper {
    position: relative;
    padding-bottom: 100%
}

.section--content-image.map .iframe-wrapper iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.section--content-image figure {
    position: relative
}

.section--listing .listing-items .item {
    border: solid 3px #f5f5f5;
    border-radius: 30px;
    padding: 44px 46px;
    position: relative;
    transition: .3s ease-out
}

@media(max-width: 767px) {
    .section--listing .listing-items .item {
        padding: 30px 20px
    }
}

.section--listing .listing-items .item:hover {
    border-color: var(--primary);
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .1)
}

.section--listing .listing-items .item+.item {
    margin-top: 69px
}

.section--listing .listing-items .item__badge {
    position: absolute;
    top: 0;
    background: var(--primary);
    color: var(--secondary);
    padding: 15px 60px;
    border-radius: 30px;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    transform: translateY(calc(-50% - 1.5px))
}

@media(max-width: 767px) {
    .section--listing .listing-items .item__badge {
        margin-left: auto;
        margin-right: auto;
        width: fit-content;
        left: 0;
        right: 0
    }
}

.section--listing .listing-items .item .stardust {
    font-size: 20px;
    line-height: 1
}

.section--listing .listing-items .item ul {
    font-size: 16px;
    list-style: none;
    padding: 0
}

@media(max-width: 991px) {
    .section--listing .listing-items .item ul {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px
    }
}

.section--listing .listing-items .item__score {
    font-size: 16px
}

.section--listing .listing-items .item figure {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 10px
}

.section--pricing .pricing {
    border: solid 3px var(--primary);
    border-radius: 30px;
    padding: 50px 30px;
    position: relative
}

.section--pricing .pricing ul {
    list-style: none;
    padding: 0
}

.section--pricing .pricing__badge {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
    background: var(--primary);
    color: var(--secondary);
    padding: 15px 60px;
    border-radius: 30px;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    transform: translateY(calc(-50% - 1.5px))
}

.section--testimonials .testimonial {
    position: relative;
    border: solid 1px #e6e6e6;
    border-radius: 20px
}

.section--testimonials .testimonial figure {
    margin-top: -60px
}

/*# sourceMappingURL=style.css.map */

.text-secondary-alt {
    color: #A4A9BD !important;
}

.map-wrapper {
    position: relative;
}

.map-wrapper svg:not(.ribbon):not(.bullseye):not(.zig) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    height: fit-content;
    z-index: 10;
    transform: translateX(-50%);
}

.ls-none {
    list-style: none;
}

.mobile-lang a {
    text-decoration: none;
    color: #FFF;
}

.bg-primary-lighter {
    background: #f2f6f1 !important;
}

@media(max-width: 991px) {
    .map-wrapper svg:not(.ribbon):not(.bullseye):not(.zig) {
        display: none;
    }

    .main-header .navbar-collapse {
        border: solid 1px #A4A9BD !important;
        box-shadow: 0 0 6px rgba(0, 0, 0, .3);
    }

    .main-header .navbar-collapse hr {
        border-color: #FFFFFF !important;
        margin: 10px 0 !important;
    }

    .section--hero.section--hero--page-header .hero__inner {
        padding: 80px 0 30px;
    }

    .main-header .navbar-collapse .btn {
        width: 100%;
        justify-content: center;
    }
}

.form-wrapper {
    border-radius: 34px;
    background: #f2f6f1;
    box-shadow: 0 5px 16px rgba(8, 15, 52, 0.06);
    border: solid 1px #EFF0F6;
}

.form-wrapper .ff-step-header {
    padding: 30px 45px 10px;
    border-bottom: solid 1px #D9DBE9;
}

.form-wrapper .fluentform-step {
    padding: 40px 45px;
}

.form-wrapper .ff-btn-next,
.form-wrapper .ff-btn-prev {
    padding: 10px 35px !important;
    font-size: 16px !important;
    line-height: auto !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    border: none !important;
    background: var(--primary) !important;
}

.form-wrapper .fluentform .ff-step-titles li:after {
    top: 20px !important;
    background: var(--secondary) !important;
}

.fluentform .ff-step-titles li.ff_active:after,
.fluentform .ff-step-titles li.ff_completed:after {
    background: var(--primary) !important;
}

.form-wrapper .fluentform .ff-step-titles li:before {
    border-radius: 50% !important;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: var(--secondary) !important;
    border-color: var(--secondary) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.form-wrapper .fluentform .ff-step-titles li.ff_active:before,
.form-wrapper .fluentform .ff-step-titles li.ff_completed:before {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}

.form-wrapper .ff-message-success {
    box-shadow: none !important;
    border: none !important;
}

.main-header .navbar-nav .current-menu-item .nav-link {
    color: #9E8583;
    position: relative;
}

.hero__inner-block {
    position: relative;
}

.hero__inner-block h1,
.hero__inner-block p,
.hero__inner-block div {
    position: relative;
    z-index: 1;
}

.hero__inner-block .mid-deco {
    position: absolute;
    z-index: 0;
    right: 18%;
    top: 45%
}

.hero__inner-block .side-deco {
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    transform: translate(100%, 20%);
}

.decorated-image {
    position: relative;
}

.decorated-image img {
    border-radius: 50px;
    width: 100%;
}

.decorated-image svg {
    position: absolute;
}

.decorated-image .zig {
    top: 0;
    left: 0;
}

.decorated-image .ribbon {
    bottom: 0;
    left: 0;
}

.decorated-image .bullseye {
    top: 0;
    right: 0;
}

.interior-side-widget {
    border: solid 1px #8289A5;
    padding: 20px;
    border-radius: 30px;
}

.btn {
    transition: .3s ease-out;
}

.btn:hover {
    transform: scale(1.05);
}
@media(max-width: 991px){
    .form-wrapper .fluentform-step {
        padding: 30px 15px;
    }
	.decorated-image svg{
		width: 60px;
	}
}
@media(min-width:992px) {
    .section--hero.section--hero--page-header.page--header-bg .hero__inner {
        padding: 18% 0 0 !important;
    }

    .decorated-image {
        padding: 50px;
    }

    .main-header .navbar-nav .current-menu-item .nav-link:after {
        content: '';
        background: #9E8583;
        height: 3px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 80%;
        display: block;
        position: absolute;
        bottom: 0;
    }
}

.section--contact .inner-block{
    border: solid 1px #dcdcdc;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    overflow: hidden;
}

.section--contact .ff-default .ff-el-form-control{
    background: #F9F9F9 !important;
    border-radius: 5px !important;
}

.btn-orange{
    background: #FF7B47;
    color: #FFFFFF;
}
.section--contact .ff-default .btn-orange:after{
    content: '\f061';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    margin-left: 15px;
}
.btn-orange:hover{
    background: #FF7B47;
    color: #FFFFFF;
}

@media(max-width: 991px){
    .section--contact figure{
        position: relative;
        height: 250px;
    }
    .section--contact figure img{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.section--white+.section--white{
	padding-top: 0;
}
.section--hero--page-header svg.bg{
	position: absolute;
    bottom: -15%;
    left: 0;
    width: 100%;
}
@media(max-width: 991px){
    .section--hero--page-header svg.bg{
        bottom: 0;
    }
}
.nsx-breadcrumb+.section--white{
	padding-top: 80px;
}
.section--contact img{
	height: auto;
}
.page--header-bg{
    overflow: visible !important;
}
.page--header-bg h1{
    position: relative;
    width: fit-content;
    padding: 30px 40px;
    font-size: 50px;
    background: #FFFFFF;
    color: #000000;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}
.nsx-breadcrumb{
    position: relative;
    z-index: 2;
}
.page--header-bg h1 svg{
    position: absolute;
    right: -60%;
    top: 62%;
    z-index: 1;
}
.page--header-bg h1 span{
    position: relative;
    z-index: 2;
}

.page-id-257 .page--header-bg h1 svg path{
    fill: #A4A9BD;
}

.contact-block{
    padding: 30px 50px;
    background: #E2E7E1;
    color: #768778;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
}
.contact-block i{
    font-size: 30px;
    width: 70px;
    height: 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    background-image: url(./public/img/1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    flex: 0 0 70px;
    
}