/*---Temp CSS---*/

/* === zuschuss plus STYLING === */
.zuschuss-wrapper {
				     display: flex;
				     align-items: center;
				     justify-content: center;
				     padding: 1rem 2rem;
					 max-width: 95% !important;
					     margin: auto;
				   }
				   .flag-bar {
				     width: 40px;
				     height: 180px;
				     border-radius: 12px;
				     overflow: hidden;
				     flex-shrink: 0;
				   }
				   .flag-bar div { width: 100%; height: 33.33%; }
				   .flag-black { background: #1a1a1a; }
				   .flag-red   { background: #CC0000; }
				   .flag-gold  { background: #FFCE00; }
				   .zuschuss-card {
				     background: #ffffff;
				     border-radius: 28px;
				     padding: 1.2rem 2.8rem 1.2rem;
				     text-align: center;
				     margin: 0 -8px;
				     position: relative;
				     z-index: 1;
					 border:3px solid #F9F9F9;
					 box-shadow: 0px 4px 14px 0px #0000000D;
					 white-space: nowrap;
				   }
				   .coins-icon {
				     color: #8FC21C;
				     font-size: 28px;
				     margin-bottom: 0.3rem;
				     display: block;
				   }
				   .amount {
				     display: block;
				     font-size: 70px;
				     font-weight: 800;
				     color: #000;
				     line-height: 1;
				     margin: 0.1rem 0 0.3rem;
				   }
				   .amount-euro {
				     font-size: 40px;
				     vertical-align: baseline;
				   }
				   .label-bold {
				     display: block;
				     font-size: 22px;
				     font-weight: 900;
				     color: #111111;
				     margin-top: 0.4rem;
				   }
				   .label-sub {
				     display: block;
				     font-size: 20px;
				     font-weight: 400;
				     color: #111111;
				     margin-top: 0.1rem;
				   }


/*--------------------------------------------------------------
15. Media queries
--------------------------------------------------------------*/

@media (max-width: 1470px) {
}

@media (max-width: 1350px) {
}

@media (max-width: 1200px) {
    .hero-title {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .content {
        padding-top: 55px;
    }
    .mb-30 {
        margin-bottom: 20px;
    }
    .if-yes {
        margin-top: 20px;
    }
    .ft-22 {
        font-size: 20px;
    }
    .financial-freedom {
        padding: 40px 50px;
    }
}

@media (max-width: 992px) {
}

@media (min-width: 768px) {
	.desktophide{
		display:none!important;
	}
	.o-card{
		padding: 0px 5px 0px 5px;
	}
}

@media (max-width: 768px) {
	.sub-progress{
		font-size:14px;
		color:#777777;
		margin-top:15px;
	}
	.my-3 {
	    margin-top: 0.5rem !important;
	    margin-bottom: 0.5rem !important;
	}
	.w-50-mob{
		width:95%!important;
	}
	.mobilehide{
		display:none!important;
	}
	.footer{
		width:100%!important;
	}
	.hero-bg{
		background-image: url(/assets/FXQr1K/img/hero-bg-mob1.png)!important;
	}
	.logo {
	  max-width:240px;
	  margin-top:15px;
	}
	
	#step_OFST4IW7X .logo,
	#step_OFST6FOUG .logo {
	  max-width:200px;
	}
    body {
        font-size: 16px;
    }
    .hero-title {
        font-size: 25px;
        margin-bottom: 25px;
    }
	.sub-title {
		font-size:22px;
		font-weight:900;
		color: #FF8A00;
	}
    .footer p {
        font-size: 11px;
        line-height: 18px;
    }
    .small-text {
        font-size: 14px;
    }
    .cust-ul li {
        gap: 7px;
        font-size: 16px;
    }
    .review-box {
        border-radius: 20px;
        padding: 25px 20px;
        gap: 15px;
        margin-bottom: 15px;
    }
    .review-prof {
        min-width: 50px;
        height: 50px;
    }
    .review-text {
        font-size: 14px;
        margin-bottom: 6px;
    }
    .prof-name {
        font-size: 13px;
    }
    .white-box p {
        margin-bottom: 25px;
    }
    .content {
        padding-top: 5px;
    }
    .range {
        width: 350px;
    }
    .btn-border {
        font-size: 14px;
        padding: 11px 85px;
    }
    .btn-theme{
        font-size: 14px;
        padding: 11px 25px;
    }
    .white-box {
        border-radius: 10px;
        padding: 20px 15px;
        margin-bottom: 20px;
    }
    .amount-input .form-control {
        font-size: 18px;
    }
    .secure-connection {
        font-size: 12px;
    }
    .progress-percent {
        font-size: 14px;
    }
    .custom-radio-card.o-card label {
        font-size: 14px;
    }
    .number-sec {
        gap: 10px;
    }
    .mb-30 {
        margin-bottom: 15px;
    }
    .form-control {
        padding: 15px 10px;
        font-size: 18px;
    }
    .if-yes {
        margin-top: 15px;
		padding-left:5px;
		padding-right:5px;
    }
    .ft-22 {
        font-size: 18px;
    }
    .tipp {
        width: 35px;
        top: -20px;
        left: -20px;
    }
    .financial-freedom {
        padding: 35px 15px;
        margin-right: -15px;
        margin-bottom: 25px;
    }
    .bold-acadamy {
        width: 115px;
    }
    .form-select {
        padding: 15px 10px;
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    body {
        font-size: 14px;
    }
	.my-3 {
	    margin-top: 0.5rem !important;
	    margin-bottom: 0.5rem !important;
	}
    .cust-ul li {
        font-size: 14px;
    }
    .small-text {
        margin-bottom: 4px;
        font-size: 12px;
    }
    .review-text {
        font-size: 13px;
    }
    .prof-name {
        font-size: 12px;
    }
    .range {
        width: 300px;
        margin: 0px auto 20px;
    }
    .review-box {
        border-radius: 10px;
        padding: 15px 15px;
        gap: 15px;
        margin-bottom: 15px;
    }
    .btn-border {
        padding: 11px 85px;
        font-size: 12px;
    }
    .btn-theme {
        font-size: 18px;
        padding: 11px 15px;
    }
    input[type="range"].form-range::-webkit-slider-thumb {
        width: 20px;
        height: 20px;
        margin-top: -7px; /* Align thumb vertically */
    }

    input[type="range"].form-range::-moz-range-thumb {
        width: 20px;
        height: 20px;
    }
    .amount-input {
        margin-bottom: 20px;
		width:100%!important;
    }
    .secure-connection {
        font-size: 12px;
        margin-bottom: 20px;
    }
    .progress-percent {
        font-size: 14px;
        line-height: 18px;
    }
    .progress-lable {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .custom-radio-card label {
        padding: 15px 10px;
        font-size: 16px;
        gap: 8px;
    }
    .custom-radio-card.o-card label {
        font-size: 16px;
    }
    .custom-radio-card label .check-box {
        min-width: 16px;
        height: 16px;
    }
    .custom-radio-card label .check-box img {
        width: 10px;
    }
    .secure-connection img {
        width: 30px;
    }
    .form-control {
        padding: 15px 10px;
        font-size: 16px;
    }
    .white-box p {
        margin-bottom: 20px;
		font-size:18px;
    }
    .tipp {
	        width: 40px;
	        top: -22px;
	        left: 20px;
	        transform: rotate(35deg);
    }
    .financial-freedom {
        padding: 25px 5px;
        margin-bottom: 15px;
    }
    .bold-acadamy {
        width: 100px;
    }
    .form-select {
        padding: 15px 10px;
        font-size: 16px;
    }
}

@media (max-width: 400px) {
    .range {
        width: 230px;
    }
	.my-3 {
	    margin-top: 0.5rem !important;
	    margin-bottom: 0.5rem !important;
	}
    .number-sec {
        gap: 5px;
    }
    .number-box label {
        min-width: 40px;
        height: 40px;
        font-size: 14px;
    }
    .btn-theme {
        padding: 8px 10px;
    }
    .btn-border {
        padding: 8px 75px;
    }
}