.p-blue{
	color: #0a2d63;
}

.glass-card{

	color: white;
	background: rgba(255,255,255,0.15);
	background: rgba( 255, 255, 255, 0.7 );
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(7px);
	border-radius: 25px;

}

.color-white{
	color: white !important;
}


.padding-top-container{
	padding-top: 150px;
	padding-bottom: 50px;
}

.no-padding{
	 padding: 0;
}


@media screen and (min-width: 991px) {
	.custom-smaller-width{
			width: 75%;
	}
}



/* Op 1200+px  moet de "learn more" button van PROJECTS & INVESTMENTS meer naar onder komen*/
@media screen and (min-width: 1200px) {
  .custom-leanmore-button {
	padding-top: 21px;
  }
}



/* Op 1200+px  moet de "learn more" button van PROJECTS & INVESTMENTS meer naar onder komen*/
@media screen and (min-width: 1200px) {
  .custom-leanmore-button2 {
	padding-top: 25px;
  }
}

/* Op 1200+px  moet de "learn more" button van PROJECTS & INVESTMENTS meer naar onder komen*/
@media screen and (min-width: 1200px) {
  .custom-leanmore-button3 {
	padding-top: 50px;
  }
}



/* Op 1200+px  moet de "learn more" button van PROJECTS & INVESTMENTS meer naar onder komen*/
@media screen and (min-width: 1200px) {
  .lease-program-homepagecustoms{
	padding-left: 127px;
  }
}






.about-img{
	width: 80%;
}


.text-center-contact{
	  text-align: center;
}








/*beurs boven nav*/
.no-height{
	height: 45px !important;
	
}


@media screen and (max-width: 426px) {
  .no-height {
	height: 61px !important;
  }
}


.clock {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: black;
 
}


.white{
	color: white;
	
}




.tradingview-widget-container{


	top: 0;
	position: sticky !important;
}	


.sticky-top-index {
    
    top: 44px;
	z-index: 1020;
    
}



.sticky-top-widget {
    
    top: 0px;
	position: sticky !important;
}


.logo-mobile{
	
}



@media screen and (max-width: 796px) {


.logo-mobile{
	max-width: 75%;
}
	
	
}


@media screen and (max-width: 769px) {


.logo-mobile{
	max-width: 75%;
}

.footer-clock-fondsize{
	
	font-size: 3vw;
	
}
	
	
}


.paul-handtekening{
	padding: 0.5rem 0 !important;
}


p{
	color: #0a2d63;
}







.col-custom {
    flex: 0 0 20%; /* Elke kolom neemt 20% ruimte in */
    max-width: 20%;
    padding: 15px; /* Voor wat tussenruimte */
    box-sizing: border-box;
}

@media (max-width: 992px) {
    .col-custom {
        flex: 0 0 50%; /* Twee kolommen naast elkaar op tablets */
        max-width: 50%;
    }
}

@media (max-width: 576px) {
    .col-custom {
        flex: 0 0 100%; /* Eén kolom per rij op kleine schermen */
        max-width: 100%;
    }
}




   .vinkjes-lijst {
      list-style-type: none; /* Verwijder standaard stipjes */
      padding: 0;
	  color: #0a2d63;
    }

    .vinkjes-lijst li {
      padding-left: 20px;
      position: relative;
    }

    .vinkjes-lijst li::before {
      content: "✔"; /* Voeg een vinkje toe */
      color: green; /* Kleur van het vinkje */
      padding-right: 5px;
      left: 0; /* Plaats het aan de linkerkant */
    }
	
	
	
	
	
	
	
	
	
	
	
.padding-leaing{
	padding-bottom: padding: 0.5rem 0;
}


.leasing-style{
	height: 1000px;
	
}

@media (max-width: 992px) {
    .leasing-style{
	height: 1700px;	
	}
	
	.hide-phone{
		display:none;
	}
}

@media (max-width: 576px) {
  .leasing-style{
	height: 4228px;	
	}
}



.style-leaing-icons{
	    font-size: 90px;
    margin-bottom: 40px;
	color: #0a2d63;
}




.custom-holder{
	z-index:1;
}






.0navbar-collapse{
	height: 100px;
}


.0ontainer-nav{
	padding-left: 100px;
	padding-right: 80px;
}

.language-link-en{
	padding-right: 0px !important;
	
}




@media (max-width: 991px) {
   .language-link-nl{
	padding-left: 0px !important;
}
   
}



.container-lease{
	    
		    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
		
}






/*telefoon nav*/

.taal {
display: none; }


@media (max-width: 991px) {
	
.taal {
 display: block; 

 
}
 


 
}

/*eine telefoon nav*/





.taalbuttons-grootscherm {
    position: fixed !important; /* Zorgt dat het vast blijft hangen bij scrollen */
    top: 92px; /* 50px vanaf de bovenkant van het scherm */
    right: 10px; /* 10px vanaf de rechterkant van het scherm */
    z-index: 1050; /* Zorgt dat het boven andere elementen staat */
    display: flex; /* Horizontale uitlijning van de knoppen */

   
    padding: 5px 1px; /* Optioneel: ruimte binnen de knopcontainer */
  
}


/* Verberg de knoppen op kleine schermen (991px of kleiner) */
@media (max-width: 991px) {
    .taalbuttons-grootscherm {
        display: none;
    }
}

.taalbuttons-grootscherm a {
    text-decoration: none; /* Verwijder onderstreping */
    color: #000; /* Tekstkleur */
    font-size: 14px; /* Lettergrootte */
    font-weight: bold; /* Maak de tekst duidelijk zichtbaar */
    display: flex; /* Horizontale uitlijning van vlaggen en tekst */
    align-items: center;
}

.taalbuttons-grootscherm img {
    width: 20px;
    height: 15px;
    margin-right: 5px; /* Ruimte tussen vlag en tekst */
}










.btn-check{
	
	color: white;

   
}


.btn-check:hover {
  background-color: #4cd964;
  color: white;
}


.input-group {
    display: flex;
    align-items: stretch; /* Zorgt dat de items dezelfde hoogte hebben */
    gap: 8px; /* Ruimte tussen dropdown en invoerveld */
}

.styled-input {
    height: 40px; /* Zorgt voor consistente hoogte */
    padding: 8px 12px; /* Voeg padding toe voor een betere uitstraling */
   
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box; /* Houd rekening met padding bij grootte */
}

.custom-select {
    flex: 0 0 30%; /* Breedte 30% */
    max-width: 30%; /* Maximale breedte 30% */
}

.form-control {
    flex: 1; /* Laat het invoerveld de resterende ruimte innemen */
}


.input-container {
    position: relative;
    display: inline-block;
    width: 100%; /* Zorgt ervoor dat het invoerveld 100% breed is */
}

.input-container input {
    padding-left: 24px; /* Laat ruimte voor het euro-symbool */
  
	font-size: 0.75019rem;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    width: 100%; /* Input volgt containerbreedte */
}

.input-container::before {
    content: "€";
    position: absolute;
    left: 8px; /* Plaats euro-symbool links */
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #495057;
}


input{
	border-color: #0a2d63 !important;
}


.sticky-custom{
	position: -webkit-sticky;
    position: sticky;
    top: 250px;
    box-shadow: 4px 10px 30px -3px rgba(10,46,99,1);
}