/* * {
	outline: 1px solid red;
  } */


@keyframes myAnim {
	0%,
	100% {
		transform: translateY(0);
	}

	10%,
	30%,
	50%,
	70% {
		transform: translateY(-8px);
	}

	20%,
	40%,
	60% {
		transform: translateY(8px);
	}

	80% {
		transform: translateY(6.4px);
	}

	90% {
		transform: translateY(-6.4px);
	}
}


@keyframes myAnim2 {
	0%,
	100% {
		transform: translateY(0);
	}

	10%,
	30%,
	50%,
	70% {
		transform: translateY(-9px);
	}

	20%,
	40%,
	60% {
		transform: translateY(7px);
	}

	80% {
		transform: translateY(7.4px);
	}

	90% {
		transform: translateY(-7.4px);
	}
}




.Whatdoyouneed {
    border-radius: 15px;
    perspective: 2px;
    border: 2px solid #c7c7c7;
    margin: 19px;
	transition: border 0.2s ease-in-out;
	background: rgba( 255, 255, 255, 0.25 );
box-shadow: 0 3px 32px 0 rgba(182, 182, 182, 0.37);
backdrop-filter: blur( 1.5px );
-webkit-backdrop-filter: blur( 2.5px );
}

.Whatdoyouneed:hover {
	border: 2px solid #027cff;
	transition: border 0.2s ease-in-out;
	margin: 19px;

	 
 }
 
 .Whatdoyouneed2 {
	 border-radius: 15px;
	 perspective: 2px;
	 border: 2px solid #c7c7c7;
	 transition: border 0.2s ease-in-out;
	 background: rgba( 255, 255, 255, 0.25 );
	 box-shadow: 0 3px 32px 0 rgba(182, 182, 182, 0.37);
	 backdrop-filter: blur( 1.5px );
	 -webkit-backdrop-filter: blur( 2.5px );


	 
 }

 .Whatdoyouneed2:hover {

	border: 2px solid #0235ff;
	transition: border 0.2s ease-in-out;
	
 }

 .WhatdoyouneedIVS {
	 border-radius: 15px;
	 perspective: 2px;
	 border: 2px solid #c7c7c700;
	 background-color: #ffffff00;
	 
 }


 .mb-3 {
    margin-bottom: 1vh!important;
}


.ImageSide {
    width: 100%;
}

.ImageFull {
	width: 18%;
	height: auto;
	margin-right : auto;
	margin-left : auto;
	min-width :  calc(50vmax + 0.5vmin);
	max-width : 850px;
	margin-bottom: 10px;
	transform: translate(0px, -5px);
}


.display-2 {    
    color: #000000;
    text-align: left;
    padding-left: 12.2%;
    font-size: 1.3em;
    font-weight: 400;
    position: relative;
    width: 90%;
    margin: inherit;
	/* z-index: 1; */
}

.display-Colour {
	text-align: left;
    padding-left: 12%;
    font-weight: 900;
    font-family: 'Nunito', sans-serif;
    animation: color-change 120s infinite;
    font-size: calc(2rem + 4.5vw);
    letter-spacing: -1.7px;
}



.display-Colour2 {
font-weight: 500;
	animation: color-change2 120s infinite; 

	} 

@keyframes color-change {
	0% { color: rgb(0, 55, 255); }
	10% { color: rgb(0, 123, 255); }
	20% { color: rgb(4, 182, 241); }
	30% { color: rgb(243, 9, 231); }
	40% { color: rgb(170, 0, 255); }
	50% { color: rgb(255, 0, 200); }
	60% { color: rgb(255, 0, 38); }
	70% { color: rgb(255, 89, 0); }
	80% { color: rgb(255, 183, 0); }
	90% { color: rgb(3, 203, 0); } 
	100% { color: rgb(0, 55, 255); }

}





@keyframes color-change2 {

	0% { color: rgb(0, 55, 255); }
	10% { color: rgb(0, 166, 255); }
	20% { color: rgb(4, 182, 241); }
	30% { color: rgb(231, 9, 243); }
	40% { color: rgb(170, 0, 255); }
	50% { color: rgb(255, 0, 157); }
	60% { color: rgb(255, 0, 0); }
	70% { color: rgb(255, 106, 0); }
	80% { color: rgb(255, 166, 0); }
	90% { color: rgb(3, 203, 0); } 
	100%{ color: rgb(0, 55, 255); }

}





.modal {
	/* CSS Overwrite for Modal Width */
	--bs-modal-width: 800px !important;
	/* display: flex; */
    /* align-content: center; */
    /* flex-wrap: wrap; */
    /* flex-direction: row-reverse; */
    justify-content: center; 
}


.modal-content {    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
} 


  .containerLaw3 {
	background: rgba(246, 246, 246, 0.334);
border: #d1d1d1;
border-style: solid;
border-width: 1px;
    height: 464px;
    position: relative;
    border-radius: 32px;
    margin: 10px;
	width: 41.0%;
	transition: all 0.2s ease-in-out !important;

    align-items: center;
}

.containerLaw3:hover {
	background: #ceeed4;
transform: translateY(-5px) !important;
border: #04d783 1px solid !important;
transition: all 0.2s ease-in-out !important;
}

.containerRent {
	background: rgba(246, 246, 246, 0.334);
border: #d1d1d1;
border-style: solid;
border-width: 1px;
    height: 464px;
    position: relative;
    border-radius: 32px;
    margin: 10px;
	width: 41.0%;
	transition: all 0.2s ease-in-out !important;
align-items: center;
}

.containerRent:hover {
	background: #EDE1C6;
transform: translateY(-5px) !important;
border: #d1b064 1px solid !important;
transition: all 0.2s ease-in-out !important;
}








.containerLaw3small:hover {
	background: rgb(207, 229, 255);
transform: translateY(-5px) !important;
border: #005cff 1px solid !important;
transition: all 0.2s ease-in-out !important;
}




.containerLaw4 {
    background-color: #dfeafb;
    color: #000000;
    position: relative;
    width: 83.8%;
    border-radius: 31px;
    margin: auto;
    height: 464px;
    margin-top: 5%;
}




.svg path {
    stroke-width: 0.4px;
    color: #19476f;
} 

.svgmoved {
    transform: translate(96px,96px);
}

svg path {
    stroke-width: 0.4px;
    color: #19476f;
}


.MoveUp2 {
    transform: translate(0px, 105px);
    color: black;
}

.moveDown {
    /* margin-top: 5px; */
    /* transform: translate(0px, 6px); */
    width: 90%;
    text-align: center;
    font-family: 'system-ui';
}


/* a { color:#000000 !important; } */
/* a:hover { color:#000000 !important; } */
/* a:visited { color:#000000 !important; } */


.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    /* color: #000000 !important; */
    background-color: transparent;
}