/*
Theme Name: PAPILIO
Theme URI: https://papiliosolutions.ch/
Author: PortalWorks - Darko Mitrovic
Author URI: https://portalworks.de
Description: Property Solutions
Version: 1.0

* For the full copyright and license information, please view
* the LICENSE file that was distributed with this source code.
*/
/***********************************************
                FONTS
***********************************************/
@font-face {
    font-family: 'Stolzl';
    src: url('Stolzl-Light.eot');
    src: local('Stolzl Light'), local('Stolzl-Light'),
        url('assets/fonts/Stolzl-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Stolzl-Light.woff2') format('woff2'),
        url('assets/fonts/Stolzl-Light.woff') format('woff'),
        url('assets/fonts/Stolzl-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Stolzl';
    src: url('Stolzl-Regular.eot');
    src: local('Stolzl Regular'), local('Stolzl-Regular'),
        url('assets/fonts/Stolzl-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Stolzl-Regular.woff2') format('woff2'),
        url('assets/fonts/Stolzl-Regular.woff') format('woff'),
        url('assets/fonts/Stolzl-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Stolzl';
    src: url('Stolzl-Bold.eot');
    src: local('Stolzl Bold'), local('Stolzl-Bold'),
        url('assets/fonts/Stolzl-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Stolzl-Bold.woff2') format('woff2'),
        url('assets/fonts/Stolzl-Bold.woff') format('woff'),
        url('assets/fonts/Stolzl-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Stolzl';
    src: url('Stolzl-Medium.eot');
    src: local('Stolzl Medium'), local('Stolzl-Medium'),
        url('assets/fonts/Stolzl-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Stolzl-Medium.woff2') format('woff2'),
        url('assets/fonts/Stolzl-Medium.woff') format('woff'),
        url('assets/fonts/Stolzl-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
/***********************************************
                    ROOT
***********************************************/
:root {
    --primary-font: 'stolzl', sans-serif;
    --green-1: #2A4A29;
    --green-2: #778C44;
    --green-3: #ADBF99;
    --green-4: #ADC66D;
    --green-5: #40683C;
    --green-6: #7C9B17;
    --neon-green: #DDF905;
    --text-color: #000000;
    --text-hover: #353535;
}
/***********************************************
                BODY, HTML
***********************************************/
body {
    margin: 0 !important;
	margin-bottom: 0 !important;
    padding: 0;
    font-family: var(--primary-font);
    color: var(--text-color);
    letter-spacing: 0.3px;
    min-height: 100svh;
}
body.um:not(.um-admin) {
	margin-bottom: 0 !important;
}
/***********************************************
                PRE-D CLASSES
***********************************************/
a {
    text-decoration: none;
}
.container {
    max-width: 1200px !important;
}

.btn,
.fea-submit-button,
.change-step.button,
.um input[type=submit].um-button {
    font-family: var(--primary-font);
    line-height: 1;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 16px;
    border-radius: 8px !important;
    color: #FFFFFF;
    background-color: var(--green-5);
    border: 1px solid var(--green-5) !important;
    transition: all .3s;
}
.btn:hover,
.btn:active,
.btn.active,
.btn:focus,
.fea-submit-button:hover,
.fea-submit-button:focus,
.change-step.button:hover,
.um input[type=submit].um-button:hover {
    background-color: var(--green-4) !important;
    color: #000000 !important;
    border: 1px solid var(--green-4) !important;
}
.change-step.button {
    color: #000000 !important;
}
.change-step.button[data-button="next"] {
    color: #FFFFFF !important;
}

.section-border-top {
    border-top: 2px solid var(--neon-green);
}
.section-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--green-1);
    text-align: center;
}
.section-padding {
    padding: 30px 0;
}
.btn-secondary,
.save-submit label,
.acf-button-group label {
    background-color: transparent;
    border: 1px solid var(--text-color) !important;
    color: var(--text-color);
    cursor: pointer;
    border-radius: 8px !important;
}
.acf-button-group {
    gap: 8px;
	flex-wrap: wrap !important;
}
.btn-secondary.disabled,
button.disabled:not(.temporary) {
    background-color: transparent !important;
}
.btn-secondary.dropdown-toggle {
    font-size: 14px;
    font-weight: 500;
}
.lang-switcher .dropdown-toggle {
	color: #000000;
}
.btn-secondary:hover,
.btn-secondary:active,
.save-submit label:hover,
.acf-button-group label:hover,
.acf-button-group label.selected {
    background-color: #ADBF99!important;
    color:  var(--text-color) !important;
    border-color: #ADBF99 !important;
}
.btn-secondary.show {
    background-color: transparent !important;
    border-color: var(--text-color) !important;
    color: var(--text-color) !important;
}
.btn-disabled {
    background-color: transparent;
    border: 1px solid var(--text-hover);
    color: var(--text-hover);
}

.btn-disabled:hover {
    background-color: transparent;
    color: var(--green-1);
    border: 1px solid var(--text-hover);
}
.main-padding-top {
    padding-top: 80px;
    padding-bottom: 80px;
}

.acf-field-submit-button.acf-field-65357519a57fa {
    display: none;
}

.btn:active img {
    filter: brightness(0) saturate(100%) invert(43%) sepia(77%) saturate(3355%) hue-rotate(127deg) brightness(93%) contrast(101%);

}
 
a {
    color: var(--text-color);
}

a:hover {
    color: var(--text-hover);
}

.page-title {
    font-weight: 700;
    font-size: 26px;
}
.page-content {
    color: #667085;
}
.bg-neon {
	background-color: var( --neon-green);
}
.bg-green2 {
	background-color: var( --green-2);
}
.um-form-field {
    border-radius: 8px !important;
}
.um-field-label {
    margin-bottom: 0 !important;
}
.um-field-label label{
    margin-bottom: 0;
	color: #000000 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
.um-login .um-form {
    background-color: #FFFFFF;
    padding: 50px 12px 12px 12px;
    position: relative;
}
.um-login .um-form::after {
    position: absolute;
    content: "Jetzt einloggen";
    top: 20px;
    left: 12px;
    width: 100%;
    height: 45px;
    font-size: 24px;
    font-weight: 700;
    color: #364D21;
}
.page-id-906 .um-login .um-form::after {
    content: "Inscription";
}
.page-id-918 .um-login .um-form::after {
    content: "Login";
}
.page-id-920 .um-login .um-form::after {
    content: "Login";
}

.um-page-login .page-title,
.um-page-register .page-title,
.um-page-password-reset .page-title  {
    display: none;
}
.um-button.um-alt {
    background-color: transparent !important;
    color: #778C44 !important;
    box-shadow: none !important;
    position: relative;
    padding: 4px 0  !important; 
    text-wrap: nowrap;
    font-size: 14px;
	font-weight: 400 !important;
}
.um-login  .um-button.um-alt::before {
    content: "Sie haben noch kein Konto?";
    text-align: start;
    color: #000000;
    text-wrap: wrap;
	font-weight: 300;
}
.page-id-906 .um-login  .um-button.um-alt::before {
	content: "Vous n'avez pas encore de compte?";
}
.page-id-918 .um-login  .um-button.um-alt::before {
	content: "Don't have an account yet?";
}
.page-id-920 .um-login  .um-button.um-alt::before {
	content: "Non ha ancora un account?";
}
.um-register  .um-button.um-alt::before {
    content: "Sie haben bereits ein Konto?";
	font-weight: 300;
}
.page-id-928 .um-register  .um-button.um-alt::before {
    content: "Vous avez déjà un compte?";
}
.page-id-932 .um-register  .um-button.um-alt::before {
    content: "Already have an account?";
}
.page-id-936 .um-register  .um-button.um-alt::before {
    content: "Hai già un account?";
}
.page-id-981 .um-register  .um-button.um-alt::before {
    content: "Ha già un account? ";
}
.um-half {
    width: 100%;
}
.um-right {
    margin-top: 30px;
}
.um-left {
    margin-top: 20px;
}
.um-field-checkbox-option {
    margin-left: 25px;
    font-size: 14px !important;
	color: #000000 !important;
}
.um-login  a.um-link-alt {
    font-size: 14px;
    color:  #778C44 !important;
    text-indent: -9999px;
    line-height: 0;
}
.um-login a.um-link-alt::after {
    content: "Passwort vergessen";
    text-indent: 0;
    display: block;
    line-height: initial; 
}
.page-id-906 .um-login a.um-link-alt::after {
    content: "Mot de passe oublié";
}
.page-id-918 .um-login a.um-link-alt::after {
    content: "Forgotten password";
}
.page-id-920 .um-login a.um-link-alt::after {
    content: "Password dimenticata";
}
.um-register {
    background-color: #FFFFFF;
    padding: 50px 12px 12px 12px;
    position: relative;
}
.um-register .um-form::after {
    position: absolute;
    content: "Registrierung";
    top: 20px;
    left: 12px;
    width: 100%;
    height: 45px;
    font-size: 24px;
    font-weight: 700;
    color: #364D21;
}
.page-id-928 .um-register .um-form::after {
	content: "Inscription";
}
.page-id-932 .um-register .um-form::after {
	content: "Register";
}
.page-id-936 .um-register .um-form::after {
	content: "Registrati";
}
.page-id-981 .um-register .um-form::after {
	content: "Registrazione";
}
.um-tip-text {
    margin: 5px 0;
	font-weight: 300;

}
.um-register,
.um-login {
    margin-top: 50px;
}
.um-register,
.um-login {
    position: relative;
}

.um-password {
    background-color: #FFFFFF;
    padding: 12px;
}
.um-password .um-field-block > div{
    font-size: 14px;
    text-align: start !important;
}
.um-um_password_id.um {
    max-width: 640px !important;
    margin-top: 100px;
    position: relative;
}
.um-um_password_id.um::before {
    content: "Passwort vergessen?";
    position: absolute;
    font-size: 18px;
    font-weight: 700;
    top: -100px;
    width: 100%;
    left: 0;
    color: var(--text-color);
}
.um-um_password_id.um.en::before {
	content: "Forgot Password?";
}
.um-um_password_id.um.it::before {
	content: "Password dimenticata?";
}
.um-um_password_id.um.fr::before {
	content: "Mot de passe oublié?";
}
.um-um_password_id.um::after {
    content: 'Bitte geben Sie Ihre E-Mail Adresse ein und drücken Sie auf "Passwort zurücksetzen"';
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    top: -70px;
    width: 100%;
    letter-spacing: -.2px;
    left: 0;
    color: var(--text-hover);
    border-bottom: 1px solid #D0D5DD;
    padding-bottom: 10px;
}
.um-um_password_id.um.en::after {
	content: 'Please enter your e-mail address and click on “Reset password”';
}
.um-um_password_id.um.it::after {
	content: 'Inserisca il suo indirizzo e-mail e clicchi su "Resetta la password"';
}
.um-um_password_id.um.fr::after {
	content: 'Veuillez saisir votre adresse e-mail et cliquer sur "Réinitialiser le mot de passe".';
}
.um-um_password_id.um .um-center{
    text-align: end;
}
/***********************************************
                NAVBAR
***********************************************/
.navbar {
    padding-top: 13px;
    padding-bottom: 13px;
}
.navbar-brand img {
    height: 70px;
}
.navbar-toggler {
    border: none;
	display: flex;
	align-items: end;
}
.navbar-toggler-icon {
	margin-bottom:-4px;
}
.offcanvas-header {
	padding-top: 55px;
	padding-right: 25px;
}
.navbar-toggler:focus,
.btn-close:focus {
    box-shadow: none;
}
.navbar .nav-link {
    padding: 8px 16px !important;
    font-weight: 400;
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.2;
    display: block;
}
.navbar .nav-link:hover,
.navbar .nav-link.active,
.navbar .nav-link:active {
    color: #ADC66D !important;
}
.lang-switcher {
    padding: 8px 16px !important;
    font-weight: 400;
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.5;
}
.lang-switcher .dropdown-menu.show {
	padding: 8px;
}
.lang-switcher .dropdown-menu li {
	padding: 2px 4px;
}
.offcanvas-body {
    height: 100%;
}
.admin-bar .offcanvas.offcanvas-end {
    top: 46px;
}
.dropdown-menu.show {
    padding: 0;
    left: 16px;
    min-width: auto;
}
.dropdown-item {
    font-weight: 400;
    line-height: 1.5;
    padding: 10px 40px 10px 14px;
    position: relative;
    color: var(--text-color);
}
.dropdown-item:hover,
.dropdown-item:active,
.dropdown-item.active {
    color: var(--text-hover);
    background-color: var(--green-3);
}
.dropdown-toggle:hover,
.dropdown-toggle.show {
    color: #ADC66D;
}
.account-button {
    padding: 0 10px !important;
}
/***********************************************
             HERO
***********************************************/
.hero {
    padding: 35px 0;
    background-image: url(assets/images/Papilio_Pattern_def_Kurz.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.hero-block {
    max-width: 890px;
}
.hero-block {
    padding: 15px 25px;
}
.hero-block h3 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}
.house-image {
    height: auto;
    width: 100%;
    max-width: 250px;
    margin-bottom: 12px;
}
.house-image img {
    height: auto;
    width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.house-text {
    max-width: 320px;
    text-align: center;
    font-weight: 300;
    font-size: 15px;
}
.house-small {
    max-width: 150px;
}
.house-medium {
    max-width: 200px;
}
/****************************************
            ABOUT SECTION
*****************************************/
.about-section {
    background-color: #2A4A2926;
}
.about-block {
    max-width: 790px;
}
.about-block p {
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 20px;
}
.about-block p:last-child {
	margin-bottom: 0;
}
.join-section {
    background-color: #ADBF9933;
}
.project-section ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.project-section li {
    padding-left: 40px;
    margin-bottom: 20px;
    position: relative;
}
.project-section li::before {
    position: absolute;
    content: "";
    background-image: url(assets/images/papilio-favicon.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    left: 0;
    top: 0;
}
.services-block {
    background-image: url(assets/images/schmetterling-mob.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding-top: 225px;
}

.serivces-card-title {
    font-size: 18px;
    margin-bottom: 16px;
}
.services-links a {
    display: block;
    font-size: 18px;
    position: relative;
    padding-left: 22px;
    margin-bottom: 16px;
    color: #2A4A29;
    font-weight: 300;
    line-height: 1;
	text-align: start;
    transition: all 0s;
}
.services-links a:last-child {
    margin-bottom: 0;
}
.services-links a span {
    color: #2A4A29;
	font-weight: 400;
}
.services-links a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 18px;
    background-image: url(assets/images/arrow-down-long.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) saturate(100%) invert(24%) sepia(51%) saturate(388%) hue-rotate(70deg) brightness(92%) contrast(95%);
}


table .dropdown-item::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    right:  10px;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(assets/images/download.svg);
}
.btn-secondary.dropdown-toggle::after {
    display: none;
}
.btn-secondary.dropdown-toggle {
    padding-right: 35px;
}
.btn-secondary.dropdown-toggle::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(assets/images/dropdown-icon.svg);
}
.btn-secondary.dropdown-toggle.disabled::before {
    filter: brightness(0) saturate(100%) invert(70%) sepia(7%) saturate(214%) hue-rotate(169deg) brightness(92%) contrast(92%);
}
.header-dropdown {
    border: 0;
    background-color: white;
}
.header-icons {
    margin-left: 31px;
    margin-right: 31px;
}
.header-icons .btn-group:first-child {
    margin-right: 17px;
}
.lang-switcher .header-dropdown img {
    margin-right: 11px;
}
/***********************************************
                BASIC INFO MAIN
**********************************************/
.main-section {
    background-color: #FAFAFA;
}
.welcome-title {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.2;
    color: #2A4A29;
    margin-bottom: 4px;
}
.welcome-text {
    font-size: 16px;
    line-height: 1.5;
    color: var(--text-hover);
}
.welcome-box {
    margin-bottom: 50px;
}
.basic-info-form {
    background-color: #fff;
    padding: 24px;
}
.form-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: var(--text-hover);
    margin-bottom: 6px;
}
.form-control,
.form-select,
.acf-input-wrap input,
.acf-input select {
    height: 44px !important;
    padding: 10px 14px;
    font-size: 16px;
    color: var(--text-hover);
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    background-color: #fff;

}
input[class="is-invalid"] {
    height: 44px !important;
}
.form-control:focus,
.form-select:focus,
.acf-input-wrap input,
.acf-input select {
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    border-color: #DDDDDD;
}
.select2-container.-acf .select2-selection {
	border-color: #DDDDDD !important;
}
.dashicons.dashicons-editor-help.acf__tooltip {
	color: var(--green-2) !important;
}
.acf-input-wrap input::placeholder {
    font-weight: 300;
    font-style: italic;
}


.frontend-admin-steps .acf-field-repeater .acf-label label {
    position: relative;
    display: inline-block;
}
label[for="acff-post-field_653578299695f"]::after, 
label[for="acff-post-field_6579d01317002"]::after {
    position: absolute;
    content: '*';
    width: 15px;
    height: 15px;
    top: 0;
    color: #972312;
    left: 100%;
}
.frontend-admin-steps .acf-field-repeater .acf-row .acf-required {
    display: none;
}
/***********************************************
                ACF FRONTEND
**********************************************/
.acf-repeater-add-row {
    min-width: 52px;
    text-align: center;
    height: 44px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    font-size: 21px;
    color: var(--text-hover);
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    background-color: #fff;
    font-weight: 300;
}

.acf-repeater .acf-row-handle.order + td {
    border-left: 0;
}
.acf-repeater .acf-row-handle.order,
.acf-row-handle .acf-icon.-plus {
    display: none !important;
}
.acf-row-handle .acf-icon.-minus {
    display: block !important;
	transform: translatey(-50%);
	max-width: 100% !important;
}

.acf-field-6532db3057671 .acf-input {
    justify-content: end;
}
.acf-field-repeater td.acf-fields {
    border: none !important;
}
.acf-switch.-on {
    background: var(--green-1) !important;
    border-color:var(--green-1) !important;
}
.acf-repeater-add-row {
    width: 100%;
}
.acf-switch {
    border-radius: 15px !important;
    background-color: var(--green-3) !important;
}
.acf-switch .acf-switch-on {
    text-shadow: var(--green-2) 0 1px 0 !important;
}
.acf-switch.-on .acf-switch-slider {
    border-color: var(--green-1);
}
.acf-switch.-on  .acf-switch-slider {
    border-color: var(--green-1) !important;
}
.acf-switch .acf-switch-slider {
    border-radius: 14px !important;
}
.acf-switch.-focus .acf-switch-slider {
    border-color: var(--green-1) !important;
}
.acf-switch:hover, .acf-switch.-focus {
    color: var(--green-1) !important;
    border-color: var(--green-1) !important;
}
.acf-switch:hover .acf-switch-slider {
    border-color: var(--green-1) !important;
}
.frontend-admin-tabs-view-vertical .frontend-admin-tabs-wrapper {
    background: #fff;
    padding: 0px !important;
    height: 400px;
    border-radius: 5px;
}
.frontend-form {
    margin-top: 40px;
}
.frontend-form .acf-fields {
	padding-bottom: 40px;
}
.acf-field {
    border: none !important;
}
.acf-field.acf-error input {
    border-color: red;
}
.acf-notice.-error.acf-error-message.-dismiss {
    display: none !important;
}
.acf-label label {
    font-size: 14px;
}
.acf-table {
    border: none !important;
}
.acf-table .acf-row {
	display: flex;
	padding-bottom: 0;
}
.acf-repeater-add-row {
	background-color: #adbf99;	
}
.acf-row-handle.remove {
    background-color: #FFFFFF !important;
    border: none;
    width: 52px !important;
}
.acf-row-handle .acf-icon {
    width: 40px !important;
    height: 40px !important;
    padding: 5px;
    border-radius: 10px;
}
.acf-icon:before {
    margin-top: 0px !important;
}
.acf-repeater  td.acf-fields {
    display: flex;
    flex-direction: row;
}
.frontend-form {
    background-color: transparent;
    margin-top: 0 !important;
}
.acf-field {
    padding: 0;
    min-width: 200px;
}
.form-tab {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border-radius: 6px;
    text-align: left;
    margin-bottom: 1px;
	display: block;
}

.form-tab.step-invalid {
    outline: 1px solid tomato !important;
    background: rgba(255,0,0,.1) !important;
    position: relative;
}
.form-tab.step-invalid::after {
	content: "";
	position: absolute;
	top: 11px;
	right: 11px;
	height: 18px;
	width: 18px;
	background-image: url(assets/images/alert-circle.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 10;
}
.form-tab.step-valid {
    position: relative;
}
.form-tab.step-valid::after {
	content: "";
	position: absolute;
	top: 11px;
	right: 11px;
	height: 18px;
	width: 18px;
	background-image: url(assets/images/check-green.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 10;
}
.form-tab.active {
    background-color: var(--neon-green) !important;
    color: var(--text-color) !important;
}


p.step-name {
    text-align: left !important;
    padding: 8px !important;
}
.acf-field-submit-button .acf-input {
    justify-content: end;
}

.single-main-section,
.pagination {
    max-width: 1200px;
}
.welcome-box .pagination {
    max-width: unset;
}


.pagination .btn {
    font-size: 12px;
    padding: 8px 14px;
}

.frontend-admin-steps  .acf-fields {
    background-color: #FFFFFF !important;
    padding: 24px 10px;
    justify-content: end;
    position: relative;
}
.frontend-admin-steps.frontend-admin-tabs-view-vertical .acf-field {
    padding: 0px;
    margin-bottom: 30px;
}
.frontend-admin-steps.frontend-admin-tabs-view-vertical .acf-table .acf-field {
	margin-bottom: 5px;
}
.acf-icon {
    background-color: transparent !important;
    color: #667085 !important;
}

.acf-icon.-cancel::before {
    background-image: url(assets/images/trash.svg) !important;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(47%) sepia(14%) saturate(581%) hue-rotate(183deg) brightness(88%) contrast(87%);
    content: "" !important;
}
.acf-file-uploader .file-wrap {
   
    border: none !important;
    overflow: hidden;
}
 .file-icon {
    background-color: #FFFFFF !important;
    border-right: none !important;
}
.acf-file-uploader .file-info p strong {
    display: none;
}
.uploads-progress .bar {
    background-color: var(--green-1) !important;
    margin-top: -14px !important;
}

.uploads-progress {
    width: 55% !important;
    float: none !important;
    height: 8px !important;
    left: 78px!important;
    position: absolute!important;
    bottom: 5px!important;
    overflow: visible!important;
}
.uploads-progress .percent {
    width: fit-content !important;
    line-height: 1!important;
    font-size: 14px !important;
    left: 105% !important;
    color: #101828 !important;
    bottom: 4px !important;
    line-height: 1 !important;
}
.acf-file-uploader.has-value {
    border: 1px solid var(--green-1) !important;
    padding-bottom: 10px;
    border-radius: 8px;
    overflow: hidden;
}
.frontend-admin-steps.frontend-admin-tabs-view-vertical {
    display: flex;
	gap: 50px;
	flex-direction: column;
}
.acf-file-uploader .hide-if-value {
    border: 1px solid #DDDDDD !important;
    border-radius: 8px;
    min-height: 125px;
    padding: 38px 24px 25px 24px;
    position: relative;
}
.acf-file-uploader .hide-if-value::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    height: 30px;
    width: 30px;
    background-color: #F9FAFB;
    background-image: url(assets/images/upload-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}

.acf-file-uploader .hide-if-value .file-custom .button {
    color: var(--green-2);
    font-size: 14px;
    font-weight: 400;
}
.acf-file-uploader .hide-if-value .file-custom .button span {
	color: var(--text-hover);
}
.acf-file-uploader .hide-if-value .file-custom {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
    font-size: 12px;
    line-height: 1;
    color: var(--text-hover);
    column-gap: 7px;
    width: 100%;
    text-align: center;
    justify-content: center;
    gap: 5px;
    height: 100%;
    align-items: center;
}

.acf-basic-uploader.file-drop {
    width: 100%;
}

.acf-error-message {
    background: none !important; 
    border: none !important;
    margin: 0 !important;
    padding: 3px !important;
}
.acf-error-message p {
    margin: 0 !important;
}
.acf-input-wrap input:focus {
    border-color: var(--green-1);
    box-shadow: 0px 12px 16px -4px #10182814;
}
.acf-input-wrap input:focus-visible {
    outline: none !important;
}
.save-submit label:first-child{
    display: none;
}

.save-submit {
    justify-content: start !important;
}
td.acf-fields {
	width: 100%;
	background: #FFFFFF;
}
tr.acf-row {
	background: #FFFFFF;
}
.tabs-form .acf-actions {
    padding-left: 0;
}
.acf-form-fields {
    background-color: #FFFFFF !important;
}
.tabs-form .acf-form-fields {
    background-color: transparent !important;
}
.tabs-form  .acf-field-submit-button {
    display: none;
}
.acf-form-fields .acf-field-6535760a96959-step-wrapper {
    background-color: transparent !important;
    padding-bottom: 0 !important;
}
.acf-field-message .acf-input p {
    font-size: 12px;
    font-weight: 400;
}
.acf-field-message .acf-input p span {
    color: #972312;
    margin-right: 3px;
}
.acf-field-button-group {
    display: flex;
    gap: 5px;
    justify-content: end;
}
.choose-analize-buttons {
    justify-content: start;
}
/* .file-drop input {
    width: 110% !important;
    height: 270%;
    z-index: 200;
    position: absolute;
    visibility: visible !important;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
} */

.acf-file-uploader .hide-if-value {
	overflow: hidden;
}
.file-drop input {
    width: 110% !important;
    height: 1000%;
    z-index: 200;
    position: absolute;
    visibility: visible !important;
    opacity: 0;
    top: 50%;
    left: 50%;
	display: block !important;
    transform: translate(-50%,-50%);
}


.acf-basic-uploader.file-drop {
    width: 100%;
	display: flex;
    flex-direction: row-reverse;
    justify-content: center;
	flex-wrap: wrap-reverse;
	gap: 7px;
}

.acf-input textarea {
    border-radius: 8px !important;
    border-color: #DDDDDD;
}
input:focus,
input:active ,
textarea:focus,
textarea:focus-visible {
    border-color: var(--green-1) !important;
    outline: none !important;
}
select:focus,
select:focus-visible {
    border-color: var(--green-1) !important;
    outline: none !important;
}
.frontend-admin-steps .acf-fields::before {
    content: "";
    position: absolute;
    top: -85px;
    width: 100%;
    left: 0;
    height: 50px;
    font-size: 12px;
    z-index: 20;
    font-size: 24px;
    font-weight: 700;
	color: #2A4A29;
}
.frontend-admin-steps .acf-fields[data-step="1"]::before {
    content: "Gebäudegrunddaten";
}
.frontend-admin-steps .acf-fields[data-step="2"]::before {
    content: "Gebäudehülle";
}
.frontend-admin-steps .acf-fields[data-step="3"]::before {
    content: "Wärme";
}
.frontend-admin-steps .acf-fields[data-step="4"]::before {
    content: "Strom";
}
.frontend-admin-steps .acf-fields[data-step="5"]::before {
    content: "Innenausstattung";
}
.frontend-admin-steps .acf-fields[data-step="6"]::before {
    content: "Parkplätze";
}

.frontend-admin-steps.en .acf-fields[data-step="1"]::before {
    content: "Basic building data";
}
.frontend-admin-steps.en .acf-fields[data-step="2"]::before {
    content: "Building envelope";
}
.frontend-admin-steps.en .acf-fields[data-step="3"]::before {
    content: "Heat";
}
.frontend-admin-steps.en .acf-fields[data-step="4"]::before {
    content: "Electricity";
}
.frontend-admin-steps.en .acf-fields[data-step="5"]::before {
    content: "Interior fittings";
}
.frontend-admin-steps.en .acf-fields[data-step="6"]::before {
    content: "Parking Spaces";
}

.frontend-admin-steps.fr .acf-fields[data-step="1"]::before {
    content: "Données de base du bâtiment";
}
.frontend-admin-steps.fr .acf-fields[data-step="2"]::before {
    content: "Enveloppe du bâtiment";
}
.frontend-admin-steps.fr .acf-fields[data-step="3"]::before {
    content: "Chaleur";
}
.frontend-admin-steps.fr .acf-fields[data-step="4"]::before {
    content: "Électricité";
}
.frontend-admin-steps.fr .acf-fields[data-step="5"]::before {
    content: "Équipement intérieur";
}
.frontend-admin-steps.fr .acf-fields[data-step="6"]::before {
    content: "Places de stationnement";
}
.frontend-admin-steps.it .acf-fields[data-step="1"]::before {
    content: "Dati di base dell'edificio";
}
.frontend-admin-steps.it .acf-fields[data-step="2"]::before {
    content: "Involucro dell'edificio";
}
.frontend-admin-steps.it .acf-fields[data-step="3"]::before {
    content: "Riscaldamento";
}
.frontend-admin-steps.it .acf-fields[data-step="4"]::before {
    content: "Corrente";
}
.frontend-admin-steps.it .acf-fields[data-step="5"]::before {
    content: "Allestimenti interni";
}
.frontend-admin-steps.it .acf-fields[data-step="6"]::before {
    content: "Posteggi";
}

.frontend-admin-steps .acf-fields {
    margin-top: 75px;
    border-radius: 5px;
}
.acf-table .acf-fields {
    margin-top: 0;
}
/******************************************
            LIEGENSCHAFT MAIN
*******************************************/
.liegenshaft .welcome-box {
    margin-bottom: 38px;
}
.welcome-box .btn {
    margin-top: 40px;
}
.status{
    background: rgba(242, 244, 247, 1);
}
.status.save-progress{
    background: #c3a658;
}
.status.save-progress::before {
    background-image: url(assets/images/file-red-dots.svg);
	filter: brightness(0) saturate(100%) invert(38%) sepia(97%) saturate(408%) hue-rotate(347deg) brightness(93%) contrast(98%);
}
.status.submit-status {
    background: #adbf99;
}
.status.submit-status::before {
    background-image: url(assets/images/file-check.svg);
	filter: brightness(0) saturate(100%) invert(21%) sepia(41%) saturate(600%) hue-rotate(70deg) brightness(92%) contrast(85%);
}
.status::before {
    background-image: url(assets/images/file-minus.svg);
}
.status.submit-status.vertrag2{
    background: #778c44;
}
.status.submit-status.vertrag2:before {
    background-image: url(assets/images/file-dots.svg);
	filter: brightness(0) saturate(100%) invert(25%) sepia(14%) saturate(1385%) hue-rotate(70deg) brightness(92%) contrast(93%);
}
.status.submit-status.vertrag1:before {
    background-image: url(assets/images/file-graph.svg);
	filter: brightness(0) saturate(100%) invert(24%) sepia(23%) saturate(845%) hue-rotate(70deg) brightness(95%) contrast(93%);
}
.status.submit-status.vertrag1{
    background: #adc66d;
}
.fill-in-data.daten-green{
    background: var(--neon-green);
    color: #000000;
    border-color:  var(--neon-green);
}
.delete-row-pass{
    border: none;
    background: transparent;
}
.green-progress-bar{
    height: 8px;
    top: 0;
    left: 0;
}
.green-bar{
    left: 0;
    top: 0;
    background: var(--green-1);
    transition: 0.3s all;
    width: 0;
}
.display-percent{
    right: 0;
    top: 20px;
    color: #fff;
    background: var(--green-1);
    width: 38px;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    border-radius: 4px;
}
.display-percent::after{
    content: '';
    width: 8px;
    height: 8px;
    background: var(--green-1);
    position: absolute;
    top: -4px;
    right: 14px;
    transform: rotate(45deg);
}
.frontend-admin-tabs-wrapper{
    display: inline-block !important;
    height: fit-content !important;
}
.button-box-single{
    left: 32px;
    z-index: 1;
}
/********  TABLE  **********/

table {
    border-collapse: separate;
    border-spacing: 0 10px;
}

th {
    padding-left: 24px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    color: #000000;
    display: none;
}

table tr td {
    background-color: #fff;
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #D0D5DD;
    font-size: 14px;
    padding: 14px;
    position: relative;
    display: flex;
    align-items: start; 
    flex-direction: column;
    gap: 5px;
}
table tr {
    padding-bottom: 20px;
    display: block;
}

.info-table td {
    padding: 8px;
    border: 1px solid #D0D5DD;
}
.info-table {
    border-spacing: 4px;
}
table .liegen {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}
.liegen-eye {
    color: var(--text-color);
    background: none;
    border: none;
}
.status {
    background-color: #F2F4F7;
    padding: 7px 10px 7px 40px;
    border-radius: 8px;
    display: inline-block;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--text-hover);
	width: 100%;
}
.status.in-progress::before {
    background-color: #FD6E2E;
}
.status.done::before {
    background-color: #12B76A;
}
.status::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.fill-in-data {
    padding: 12px 26px 12px 58px;
    border-radius: 8px;
    border: 1px solid var(--neon-green);
    display: flex;
    align-items: center;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    opacity: 1;
    font-weight: 600;
    line-height: 1.2;
    font-size: 14px;
    position: relative;
	transition: all .3s;
}
.fill-in-data:hover {
	background-color: #ADBF99;
	border-color: #ADBF99;
	color: #000000;
}
.fill-in-data::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(assets/images/file-text.svg);
}
.table-disabled {
    opacity: 0.5;
}
.table-disabled a:hover {
    cursor: auto;
}
.fill-in-data.done {
    color: var(--green-1);
    background-color: rgba(0, 165, 79, 0.1);
    border-color: var(--green-1);
}
.fill-in-data.daten-green::before {
    background-image: url(assets/images/check-green.svg);
	filter: brightness(0) saturate(100%) invert(0%) sepia(31%) saturate(0%) hue-rotate(26deg) brightness(95%) contrast(102%);
}
.fill-in-data img {
    margin-right: 8px;
}
td .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
#pagination {
    padding-top: 12px;
    padding-bottom: 16px;
    padding-left: 24px;
}
#pagination .btn {
    padding: 8px 14px;
}
#pagination #currentPage {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--text-hover);
}
#pagination,
#LiegenschaftTable {
    max-width: 1200px;
}
.users-table tr {
    display: flex;
   
}
.users-table td {
    width: auto !important;
    justify-content: center;
    display: flex !important; 
    border-top: 1px solid #D0D5DD;
}
.users-table td:first-child {
    border-left: 1px solid #D0D5DD;
}
.users-table td:last-child {
    border-right: 1px solid #D0D5DD;
}
.users-table .btn-green {
	white-space: nowrap;
}
/***********************************************
                MATRIX PAGE
***********************************************/
.steps-title {
    font-size: 30px;
    line-height: 1.6;
    font-weight: 900;
    color: #222634;
    margin-bottom: 48px;
}
.steps-list {
    list-style: none;
    padding-left: 0;
}
.number-box {
    width: 28px;
    height: 28px;
    display: block;
    border: 1px solid #E2E4EC;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.1;
    margin-right: 16px;
    transition: all 0.3s ease-in-out;
}

.step a {
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out;
    color: #666B7C;
}

.step a:hover {
    color: #000000;
}

.step a:hover .number-box {
    background-color: var(--green-1);
    color: #fff;
}

.step {
    display: flex;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 24px;

}

.step.selected a {
    opacity: 1;
    font-weight: 700;
    color: #000000;
}

.step.selected .number-box {
    background-color: var(--green-1);
    color: #fff;
}

.step.done .number-box img {
    width: 18px;
    height: 18px;
}

.step.done .number-box {
    background-color: rgba(0, 165, 79, 0.1);
    border-color: var(--green-1);
}

.step.done a:hover .number-box {
    background-color: rgba(0, 165, 79, 0.1);
    ;
}

/****** ANALYSE ******/
.analyse-box {
    margin-bottom: 40px;
    margin-top: 20px;
}

.analyse-title {
    font-size: 36px;
    line-height: 1.2;
    color: #231F20;
    font-weight: 700;
    margin-bottom: 4px;
}

.title-devider {
    font-weight: 300;
    color: #D0D5DD;
    margin-right: 30px;
    margin-left: 20px;
}

.module-box {
    border: 1px solid var(--text-hover);
    background-color: #fff;
    border-radius: 16px;
    padding: 40px 32px 32px 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.module-box .box-title {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.25;
    color: var(--text-color);
    letter-spacing: -0.96px;
    margin-bottom: 16px;
}

.module-box .box-subtitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--text-color);
    margin-bottom: 32px;
}

.module-box .box-check {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--text-hover);
    margin-bottom: 40px;
}

.module-box .checked-circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(0, 165, 79, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

.module-box .box-button {
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    color: var(--green-1);
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    border: 1px solid var(--green-1);
    border-radius: 8px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    transition: 0.3s ease-in-out;
}

.module-box .box-button img {
    position: relative;
    right: -1px;
}

.module-box.checked {
    border: 3px solid var(--green-1);
}

.module-box.checked .box-button {
    background-color: var(--green-1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.module-box.checked .box-button .checked-circle {
    background-color: #ffff;
    margin-right: 0;
}

.module-box .box-button:hover {
    background-color: var(--green-1);
    color: #fff;
}

/***********************************************
                FOOTER
***********************************************/
footer {
    padding: 25px 0;
    background-color: #ADBF9999;
}
.footer-logo {
    font-size: 14px;
}
.footer-logo img {
    height: 24px;
}
.copyright-text {
    font-size: 14px;
}
.footer-links {
    list-style-type: none;
}
.footer-links .nav-item {
    padding: 5px;
}
.footer-links .nav-link {
    color: var(--text-color);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.1;
    padding: 6px !important;
}
.footer-links .nav-link:hover {
    color: var(--text-hover)!important;
}
.footer-links .devider {
    height: 19px;
    width: 1px;
    background-color: #231F20;
    margin-left: 7px;
    margin-right: 7px;
}
.footer-links a:hover {
    color: var(--green-1);
}



/***********************************************
                LOGIN & REGISTER
***********************************************/
.um-field-type_terms_conditions > .um-field-area:first-child {
    display: none !important;
}

.um span.um-req {
    color: #972312;
    margin-left: 3px;
}
.swal2-actions {
    padding: 0 10px !important;
}
.swal2-title {
    font-size: 18px;
    font-weight: 600;
}
.swal2-html-container {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #667085 !important;
}
.swal2-cancel {
    color: #000000 !important;
    border: 1px solid #000000 !important;
    width: 100% !important;
}
.swal2-cancel:hover {
	border-color: #ADBF99 !important;
}
.swal2-confirm {
    width: 100% !important;
	color: #000000 !important;
}
.acf-notice {
    color: red !important;
}
.um-account form {
    display: flex;
    flex-direction: column;
}
.um-account   .um-account-meta {
    display: none !important;
}
.um-page-account .page-title {
    display: none;
}
.um-account .um-account-side ul {
    display: flex;
    border: none !important;
    padding: 10px 0 20px 0!important;
}
.um-account .um-account-side ul .um-account-icon,
.um-account .um-account-side ul .um-account-arrow {
    display: none;
}
.um-account .um-account-side ul a {
    padding: 20px 28px;
    height: auto;
}
.um-account-side li a span.um-account-title {
    height: auto;
    float: none;
    padding: 10px 14px;
}
.um-page-account .main-padding-top {
    padding-top: 0 !important;
}
.um-account .um-account-side  {
    width: 100%;
}
.um-account-nav .ico{
    display: none;
}
.um-account-nav a {
    padding: 10px 14px;
    height: auto;
    color: var(--green-1) !important;
}
.um-account-nav span.arr {
    top: 10px;
    right: 10px;
}
.um-account-title {
    display: block !important;
    color: #101828;
}
div.uimob800 .um-account-side li a span.um-account-icontip {
    display: none;
}
div.uimob800 .um-account-side li a {
    height: 100%;
    border-radius: 6px !important;
}
div.uimob800 .um-account-side {
    width: 100%;
}
.um-account-link.current {
    background-color: #FFFFFF !important;
	border: 1px solid #ADC66D !important;
}
.um-account-side .um-account-link.current span.um-account-title {
    color: #ADC66D; !important;
}
.um-account-heading {
    display: none !important;
}
.um-account-main {
    padding: 5px 20px 20px 20px;
   
    position: relative;
    background-color: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0px 1px 3px 0px #1018281A;
}
.um-account-tab-general,
.um-account-tab-password {
    position: relative;
}


.um-account-tab {
    padding: 20px;
}
.um-account-main input {
    border-radius: 8px !important;
    border-color: #D0D5DD !important;
    font-size: 15px;
    font-weight: 400;
}
.um-account-main input::placeholder {
    font-size: 14px !important;
}
.um-account-main label {
    font-size: 14px !important;
    font-weight: 500;
    color: var(--text-color);
}
.um-field-label {
    margin: 0 0 6px 0 !important;
}
div.uimob800 .um-account-main {
    max-width: unset;
}
.swal2-actions button:focus {
    box-shadow: none !important;
}
.acf-notice.-error.acf-error-message.-dismiss .acf-notice-dismiss {
    display: none;
}
.latest-users {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 300;
    background-color: var(--green-1);
    padding: 1px 6px;
    border-radius: 5px;
}
.notice-title i {
    color: #c3a658;
    font-size: 18px;
}
.notice-title span {
    font-size: 12px;
    color: #c3a658;
}
.notice-box {
    padding: 10px 8px;
    border: 1px solid #c3a658;
    border-radius: 8px;
    background-color: #FFFFFF;
}
.notice-box p {
    font-size: 12px;
    color: #667085;
    line-height: 1.4;
    margin-bottom: 0;
    margin-top: 5px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.cancel-button {
    bottom: 8px;
    right: 16px;
}
.um-account-tab-general {
	position: relative;
}
.um-account-tab-password .um-col-alt.um-col-alt-b {
	display: flex;
	flex-direction: column;
	margin-top: 0;
	padding-top: 8px;
	font-size: 13px;
}
.um-account-tab-password .um-col-alt.um-col-alt-b .um-left {
	order: 2;
}
.um-account-tab-password .um-col-alt.um-col-alt-b .password-text {
	order: 1;
	color: #667085;
	font-weight: 300;
}
.um-account-tab-general .cancel-button {
    bottom: 12px;
	right: 21px;
    left: auto;
	border: 1px solid #000000 !important;
	padding: 16px 19px;
    font-size: 16px;
}
.um-account-tab-general .cancel-button:hover {
	border-color: #ADBF99 !important;
}
.um-account-tab-general {
	padding-bottom: 70px !important;
}
.search_box input {
    border: 1px solid var(--neon-green);
    background-color: var(--neon-green);
    border-radius: 8px;
    font-size: 14px;
    padding: 8px 12px;
    width: 100%;
    color: #000000;
    font-weight: 300;
}
.search_box input::placeholder {
    color: #000000;
}
.search_box input:focus {
    border: 1px solid var(--green-3);
    background-color: var(--green-3);
}
.search-bar button {
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    border: none;
    background-color: transparent;
}
.search-bar a {
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
.acf-field-658ae41dfb664 .select2-container .select2-selection--single {
	height: auto;
	padding: 8px 0;
	border-radius: 8px;
}
.acf-field-658ae41dfb664 .select2-selection__arrow {
	top: 9px !important;
}
.um-field-lang select {
    border-radius: 8px;
    padding: 9px 3px;
    color: #666;
}
.hilfe-icon {
    background-color: #adbf99;
    color: #2a4a29;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    margin-right: 15px;
}
.hilfe-icon img {
	width: 24px;
}
.hilfe-text {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}
.hilfe-text a {
    color: #667085;
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
}
.angebot-box {
    border: 1px solid #c3a658;
    border-radius: 8px;
    padding: 10px 8px;
    max-width: 510px;
}
.angebot-text {
    color: #667085;
    font-size: 14px;
}
.angebot-title {
    font-size: 14px;
	color: #c3a658;
}
.angebot-title i {
    color: #972312;
    font-size: 18px;
	color: #c3a658;
}
.um-field-user_login[data-key~="user_login"] {
    display: none;
}
/* .um-account-tab-general {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
} */
.um-account-tab-general .um-col-alt.um-col-alt-b .um-left {
	float: right;
}
.um-account-tab-general .um-field-first_name,
.um-account-tab-general .um-field-last_name {
	display: inline-block;
}
.um-account-tab-general .um-field-first_name {
	margin-right: 20px;
}
.um-account-tab-general .um-field {
    width: 100%;
}
.um-account-tab-general .um-field-first_name[data-key~="first_name"],
.um-account-tab-general .um-field-last_name[data-key~="last_name"] {
   width: 48%;
}
.um-account-tab-general .um-col-alt.um-col-alt-b {
    margin-left: auto;
}
.um-account-tab-password .um-col-alt.um-col-alt-b .um-left{
    margin-left: auto;
    float: right;
}
.um-register .um-field-lang {
	display: none !important;
}
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i {
	color: var(--green-2);
}
.um-field-lang select {
	background: transparent !important;
	width: 49%;
	border: 1px solid #ddd;
}
.um-field-checkbox-option {
	font-size: 13px;
	line-height: 1.1;
}
.um-field-checkbox-state {
	top: -6px;
}
.um-form-field::placeholder {
	font-weight: 300;
}
.um-account-main .um-notice.success{
	display: block;
	padding-right: 30px !important;
	top: -120px;
	left: 0;
	position: absolute;
}

.acf-tooltip.-confirm {
	display: none;
}
.um-account .um-field-error {
	display: none;
}
.um-form input[type=text].um-error {
	border-color: #972312 !important;
}
.um-field-error {
	background: #972312 !important;
}
.um-field-arrow {
	color: #972312 !important;
}
.um .um-tip {
	color: var(--green-2);
}
.um .um-tip:hover {
	color: var(--green-1);
}
.acf-file-uploader .errors {
	display: none !important;
	position: relative;
	z-index: 50;
	background: #E53935;
	color: #FFFFFF;
}
.acf-repeater .acf-fields > .acf-field {
	padding: 0 !important;
}
.page-template-page-add-post .acf-row-handle .acf-icon.-minus {
	transform: none;
	top: auto;
	bottom: 0;
}
.acf-field-6598148bc5cb3 {
	display: none;
}

.um-page-login .main-section,
.um-page-register .main-section,
.page-id-906 .main-section,
.page-id-918 .main-section,
.page-id-920 .main-section,
.page-id-981 .main-section,
.page-id-928 .main-section,
.page-id-932 .main-section,
.um-page-password-reset .main-section{
	background-image: url(assets/images/Papilio_Pattern_def.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.acf-field .acf-notice.-error {
	position: absolute;
	top: 40px;
	left: 0;
}
.frontend-form .acf-field-repeater .acf-field .acf-notice.-error {
	position: absolute;
	top: auto;
	top: -22px;
	left: 8px;
	bottom: 53px;
}
.frontend-form .acf-field-repeater .acf-fields {
	padding: 4px 0 !important;
}
.frontend-form .acf-field-repeater .acf-label {
	height: 10px;
}
.frontend-admin-message .acf-notice.-success.acf-success-message.-dismiss .success-msg {
	color: #FFF;
}
.acf-icon.-cancel::before {
	background-size: contain;
}
.acf-repeater .acf-row-handle .acf-icon.-minus::before {
	margin-top: 7px !important;
}
.acf-actions.-hover {
	display: block !important;
}
.animation,
.animation-2,
.animation-3 {
    filter: blur(0);
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}

.animation[animation="true"],
.animation-2[animation="true"],
.animation-3[animation="true"] {
    visibility: visible;
}

.animation-2[animation="true"] {
    transition-delay: 0.6s;
}

.animation-3[animation="true"] {
    transition-delay: 1.2s;
}
.hero-img-1 {
	height: 150px;
	width: auto;
	left: 25px;
	bottom: 0;
	z-index: 40;
}
.hero-img-2 {
	height: 200px;
	width: auto;
	left: 40px;
	bottom: 0;
	z-index: 30;
}
.hero-img-3 {
	height: 250px;
	left: 50px;
	width: auto;
	bottom: 0;
	z-index: 20;
}
.hero-img {
	height: 255px;
	width: 300px;
}
.submit-date {
	display:none;
}
.acf-repeater .acf-table tr:first-child .acf-row-handle.remove {
	display: none !important;
}
.acf-field-upload-file .acf-notice.-error {
	top: -20px;
}
.show-if-value:not(.show) + .uploads-progress {
  display: none;
}
.acf-icon.-pencil {
	 display: none;
}
.acf-file-uploader .file-info {
	padding-right:30px !important;
}
.acf-file-uploader.not-valid .hide-if-value {
	border-color: #f00 !important;
}
.modal-body p{
	font-size: 14px;
	font-weight: 300;
	line-height: 1.3;
	margin-bottom: 0;
	color: #667085;
}
.modal-body h4 {
	font-size: 18px;
	margin-bottom: 12px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}

.um-page-login .um-col-alt-b .um-link-alt {
	font-weight: 400;
}
.main-section .page-title {
	color: #2A4A29;
}
.acf-required {
	color: #972312 !important;
}
div:where(.swal2-icon).swal2-warning {
	color: #b3621a !important;
	border-color: #b3621a !important;
}
.frontend-admin-tabs-wrapper .form-tab {
	position: relative;
	padding-left: 35px;
}
.frontend-admin-tabs-wrapper .form-tab::before {
	width: 20px;
	height: 20px;
	background-image: url(assets/images/fassade.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 12px;
}
.frontend-admin-tabs-wrapper .form-tab[data-step="2"]::before {
	background-image: url(assets/images/gebadehulle.svg);
}
.frontend-admin-tabs-wrapper .form-tab[data-step="3"]::before {
	background-image: url(assets/images/warme.svg);
}
.frontend-admin-tabs-wrapper .form-tab[data-step="4"]::before {
	background-image: url(assets/images/elektro.svg);
}
.frontend-admin-tabs-wrapper .form-tab[data-step="5"]::before {
	background-image: url(assets/images/innenausbau.svg);
}
.frontend-admin-tabs-wrapper .form-tab[data-step="6"]::before {
	background-image: url(assets/images/parking.svg);
}

.um-field-checkbox-option a {
	color: var(--green-2);
}
p.um-notice.err {
	background:#972312;
}
.welcome-box .btn-group .btn:first-child {
	border-bottom-right-radius: 0px !important;
	border-top-right-radius: 0px !important;
}
.welcome-box .btn-group .btn:last-child {
	border-bottom-left-radius: 0px !important;
	border-top-left-radius: 0px !important;
}


.acf-field-6598148bc5cb3 .acf-button-group label {
	border-color: var(--neon-green)  !important;
	background:  var(--neon-green)  !important;
	transition: all .3s;
}
.acf-field-6598148bc5cb3 .acf-button-group label:hover {
	border-color: #ADBF99  !important;
	background:  #ADBF99  !important;
}
.prev-button.change-step.button {
	background-color: #FFFFFF !important;
	border-color: #000000 !important;
}
.prev-button.change-step.button:hover {
	border-color: #ADBF99  !important;
	background:  #ADBF99  !important;
}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
	background-color: #ADBF99 !important;
}
div[class="2"],
div[class="3"],
div[class="4"],
div[class="5"] {
	width: 100%;
}
.fea-submit-buttons.frontend-admin-multi-buttons-align {
	width: 100%;
	justify-content: space-between;
}
.nav-link.account-button img {
	width: 24px;
}
.bottom-footer-block img {
    width: 100%;
    max-width: 450px;
    height: auto;
    object-fit: contain;
}
.bottom-footer {
    padding: 25px 0 30px 0;
}
.papilio-box {
    width: 100%;
    height: 290px;
}
.services-main {
    max-width: 285px;
}
.services-main .row{
    background-color: #7c9b1726;
    max-width: 270px;
}
.services-card {
    padding: 14px 14px;
    min-height: 225px;
}
.card-1 {
    background-color: #9fb39d;
}
.card-2 {
    background-color: #bdcd8b;
}
.card-3 {
    background-color: #d5e2b6;
}
.card-4 {
    background-color: #edfb82;
}



/***********************************************
                LOADER
***********************************************/

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.5), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20,.5), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.acf-file-uploader p {
	font-size: 14px;
	color: var(--text-hover);
}
.acf-file-uploader a.upload-files {
	font-size: 14px;
	color: var(--green-2);
}
.acf-file-uploader .hide-if-value {
	display: flex;
	justify-content: center;
	align-items: center;
}
.acf-file-uploader.not-valid .uploads-progress {
	display: none;
}
/***********************************************
                RESPONSIVE
***********************************************/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .uploads-progress {
        width: 70% !important;
    }
    .acf-file-uploader .hide-if-value {
        padding: 45px 24px 25px 24px;
    }
}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .admin-bar .offcanvas.offcanvas-end {
        top: 32px;
    }
    .uploads-progress {
        width: 50% !important;
    }
    .acf-file-uploader .hide-if-value {
        padding: 55px 24px 25px 24px;
    }
    .acf-file-uploader .hide-if-value::before {
        top: 8px;
        height: 35px;
        width: 35px;
    }
	.frontend-admin-tabs-view-vertical .frontend-admin-tabs-wrapper {
		width: 100% !important;
	}
    .house-image {
        height: 200px;
    }
}

@media (min-width: 992px) {
    .col-lg-2 {
        width: 14% !important;
    }
    .hero {
        padding: 75px 0;
    }
    .page-title {
        font-size: 30px;
    }
    table td {
        position: relative;
        display: table-cell;
    }

    table td::before {
        display: none;
    }
    table th{
        display: table-cell;
        padding-left: 12px;
        padding-top: 14px;
        padding-bottom: 14px;
        padding-right: 0;
    }
    .btn-secondary.dropdown-toggle {
        font-size: 16px;
    }
    table tr td:first-child {
        border-left: 1px solid #D0D5DD;
    }
    
    table tr td:last-child {
        border-right: 1px solid #D0D5DD;
    }
    table tr {
        display: table-row;
    }
    table tr td {
        background-color: #fff;
        padding: 14px 24px 14px 24px; 
        border-bottom: 1px solid #D0D5DD;
        border-top: 1px solid #D0D5DD;
        font-size: 14px;
        padding-left: 12px;
        padding-top: 14px;
        padding-bottom: 14px;
        padding-right: 12px;
        position: relative;
        display: table-cell;
    }
    table tr td.liegen {
        padding: 21px 10px 21px 21px;
    }
    #LiegenschaftTable tr th:nth-child(1) {
        width: 22%;
    }
    #LiegenschaftTable tr th:nth-child(2) {
        width: 30%;
    }
    #LiegenschaftTable tr th:nth-child(3) {
        width: 27%;
    }
    #LiegenschaftTable tr th:nth-child(4) {
        width: 17%;
    }
    #LiegenschaftTable tr th:nth-child(5) {
        width: 7%;
        padding-left: 0;
    }
    #LiegenschaftTable tr td:nth-child(3) {
        padding-right: 20px;
    }
    .uploads-progress {
        width: 70% !important;
    }
    .acf-file-uploader .hide-if-value {
        padding: 55px 24px 25px 24px;
    }
    .info-table td {
        width: 50%;
    }
    .um-account .um-account-side ul {
        background-color: #FFFFFF;
        padding: 20px 0 !important;
        position: relative;
    }
    .um-account .um-account-side ul::after {
        content: "";
        width: 500%;
        height: 100%;
        background-color: #FFFFFF;
        top: 0;
        left: -50%;
        position: absolute;
        
    }
    .um-account-side ul li {
        background-color: #FFFFFF;
        position: relative;
        z-index: 20;
        margin-right: 10px !important;
    }
    .um-account-side ul li a {
        background-color: #FFFFFF;
		border: 1px solid #FFFFFF !important;
        border-radius: 6px !important;
        padding: 10px 17px !important;
        font-size: 16px;
        font-weight: 500 !important;
    }
    .um-account-side li a:hover {
        background-color: #FFFFFF;
		border: 1px solid #ADC66D !important;
    }
	.um-account-side li a:hover span {
		color: #ADC66D;
	}
    .um-account-main {
        margin-top: 155px;
        width: 100%;
        max-width: 640px;
    }
    .um-account-tab-general::after,
    .um-account-tab-password::after {
        content: "Persönliche Informationen";
        position: absolute;
        top: -65px;
        left: -20px;
        width: 100%;
        height: 25px;
        color: var(--text-color);
        font-size: 18px;
        font-weight: 700;
        padding-bottom: 18px;
    }
    .um-account-tab-password::after {
        content: "Neues Passwort eingeben";
    }
    .um-account-tab-general.fr::after {
        content: 'Informations personnelles'; 
    }
    .um-account-tab-password.fr::after {
        content: 'Saisir le nouveau mot de passe'; 
    }
    .um-account-tab-general.en::after {
        content: 'Personal information'; 
    }
    .um-account-tab-password.en::after {
        content: 'Enter a new password'; 
    }
    .um-account-tab-general.it::after {
        content: 'Informazione personali'; 
    }
    .um-account-tab-password.it::after {
        content: 'Inserisca una nuova password'; 
    }
    .nav-link.account-button {
        padding: 0 15px !important;
    }
    .um-login .um-form {
        padding: 85px 30px 30px 30px;
    }
    .um-login .um-form::after {
        top: 30px;
        left: 30px;
        font-size: 30px;
    }
    .um-register {
        padding: 85px 30px 30px 30px;
    }
    .um-register .um-form::after {
        top: 30px;
        left: 30px;
        font-size: 30px;
    }
    .um-register::after,
    .um-login::after {
        height: 115px;
    }
    .notice-title i {
        font-size: 20px;
    }
    .notice-title span {
        font-size: 14px;
    }
    .notice-box {
        padding: 20px 16px;
    }
    .notice-box p {
        font-size: 14px;
    }
    .acf-repeater .acf-row-handle .acf-icon {
        margin-left: -7px !important;
    }
    .save-submit {
        position: absolute !important;
		gap: 0 !important;
        top: 285px;
        left: 16px;
        width: fit-content !important;
        background-color: #FFFFFF;
        border-top: 1px solid #EAECF0 !important;
        margin: 0 16px;
        padding: 24px 16px 32px 16px !important;
    }
	.acf-field-6536107f17a85.save-submit .acf-input,
	.acf-field-6536107f17a85.save-submit .acf-input .acf-button-group {
		width: 100%;
	}
    footer {
        padding: 45px 0;
    }
    .footer-links .nav-item {
        padding: 0;
    }
    .navbar-brand img {
        height: 100px;
    }
    .btn,
    .fea-submit-button {
        font-size: 18px;
    }
    .hero-block {
        padding: 42px 0 0 0;
    }
    .section-title{
        font-size: 26px;
        margin-bottom: 30px;
        text-align: start;
    }
    .hero-block h3 {
        font-size: 18px;
    }
    .section-padding {
        padding: 50px 0;
    }
    .about-block p {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .project-section li {
        padding-left: 55px;
        margin-bottom: 30px;
        font-size: 18px;
    }
    .project-section li::before {
        width: 40px;
        height: 40px;
        top: -8px;
    }
    .services-block {
        background-image: url(assets/images/schmetterling.svg);
        padding-top: 200px;
        max-width: 992px;
        padding-bottom: 50px;
    }
    .services-block .row {
        max-width: 775px;
    }
    .services-card {
        max-width: unset;
        margin-bottom: 0;
    }
    .serivces-card-title {
        font-size: 16px;
        margin-bottom: 12px;
    }
    .services-links a {
        font-size: 14px;
        padding-left: 16px;
        margin-bottom: 12px;
        transition: all .3s;
    }
    .services-links a:hover::before {
        top: 1px;
    }
    .services-links a::before {
        width: 10px;
        height: 18px;
        transition: all .2s;
    }
    .main-section {
        min-height: calc(100svh - 243px);
    }
    .hilfe-icon {
        width: 48px;
        height: 48px;
        font-size: 20px;
        margin-right: 20px;
    }
    .angebot-box {
        padding: 20px 16px;
    }
	.acf-row-handle.remove {
		margin-left: 8px;
	}
	.acf-field-6598148bc5cb3 {
		display: flex;
	}
	.frontend-admin-steps.frontend-admin-tabs-view-vertical {
		flex-direction: row;
		gap: 0;
		padding-bottom: 20px;
	}
	.frontend-admin-tabs-view-vertical .frontend-admin-tabs-wrapper {
		padding: 16px !important;
	}
	.frontend-admin-steps .acf-fields::before {
		font-size: 30px;
	}
	.frontend-admin-steps .acf-fields {
        padding: 16px !important;
	}
	.frontend-admin-tabs-view-vertical .frontend-admin-tabs-wrapper {
		min-width: 465px;
	}
	.frontend-form .acf-fields {
		padding-bottom: 0;
	}
	.cancel-button {
		bottom: 16px;
		right: 190px;
	}
	.um-account-tab-general .cancel-button {
		bottom: 25px;
		right: auto;
		left: 20px;
	}
	.um-account-tab-general {
		padding-bottom: 20px !important;
	}
    .house-image {
        height: 220px;
    }
    .house-small {
        max-width: 165px;
    }
    .house-text {
        max-width: 260px;
        padding: 0 10px;
    }
    .bottom-footer {
        padding: 40px 0 45px 0;
    }
    .services-main,
    .services-main .row {
        background-color: transparent;
    }
    .papilio-box svg{
        width: 100%;
        height: auto;
    }
    .services-main .row {
        padding-top: 205px;
    }
    .papilio-box {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 99%;
        z-index: -1;
    }
    .services-card {
        padding: 12px 9px;
        min-height: unset;
        margin-left: 2.5px !important;
        margin-right: 2.5px !important;
    }
     .services-links a {
        font-size: 18px;
        padding-left: 20px;
        margin-bottom: 6px;
    }
    .services-links a:last-child {
        margin-bottom: 0;
    }
    .services-links a:hover {
        font-weight: 400;
    }
    .services-main,
    .services-main .row {
        max-width: 950px;
    }
    .services-card:hover {
        background-color: var(--neon-green);
    }
}
@media (min-width: 1200px) {
    .navbar .nav-link {
        font-size: 18px;
    }
    .footer-links .nav-item {
        margin: 0 15px;
    }
    .frontend-admin-tabs-wrapper {
        margin-right: 100px;
    }
    .acf-file-uploader .hide-if-value::before {
       width: 40px;
       height: 40px;
        top: 20px;
    }
    .acf-file-uploader .hide-if-value .file-custom,
    .acf-file-uploader .hide-if-value .file-custom .button {
        font-size: 16px;
    }
    .services-block {
        padding-top: 225px;
        max-width: 1200px;
        padding-bottom: 50px;
    }
    .services-block .row {
        max-width: 920px;
    }
    .serivces-card-title {
        font-size: 18px;
        margin-bottom: 4px;
    }
   
	.frontend-admin-steps .acf-fields div[class="6"] {
		margin-left: 0;
		margin-right: auto;
		transform: translatey(-65px);
	}

	.frontend-admin-steps .acf-fields::before {
		top: -85px;
	}
	.save-submit {
		min-width: 465px;
	}
	.acf-row-handle .acf-icon {
		width: 49px !important;
		height: 44px !important;
	}
	.acf-repeater .acf-row-handle .acf-icon.-minus::before {
		margin-top: 9px !important;
	}
	.services-main .row {
        padding-top: 260px;
    }
    .services-main,
    .services-main .row {
        max-width: 100%;
    }
}
@media (min-width: 1400px) {

}