@import url(https://fonts.googleapis.com/css2?family=Varela+Round&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&family=Varela+Round&display=swap);
	
body {
            background: url('../assets/images/head.png'); 
    background-size: cover; 
    background-position: top;
			background-color: #fff;
			background-repeat: no-repeat;
            font-family:"Varela Round",sans-serif;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: #fff;
            box-sizing: border-box;
        }
        .logo {font-size: 24px; font-weight:600; color: #131a48;}
        p { font-size: 14px; font-weight:400; color: #131a48;}
        .container {
            width: 90%;
            max-width: 400px;
            text-align: center;
        }
        img {
            max-width: 200px;
            margin-bottom: 20px;
        }
		.error-text {
     background-color: #f00;
     overflow: hidden;
    max-width: auto !important;
    width: auto  !important;
    color: #fff !important;
    padding: 7px 10px;
    border-radius: 6px;
    font-weight: 800;
    margin-bottom: 5px;
}
		
        input, select {
            width: 100%;
            padding: 10px;
            margin: 10px 0;
            font-size: 16px;
            border: 1px solid #ccc;
            border-radius: 8px;
            box-sizing: border-box;
            background: #fff;
            height: 45px;
        }
        .button {
            max-width: 60%;
			min-width: 30%;
            padding: 10px;
            font-size: 16px;
            background-color: #131a48;
            color: white;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            font-weight: 800;
        }
a {font-weight: 800;}
        
        .button:hover {
             
             opacity: .9;
  transform: scale(1.05);
        }
        .company-info {
            margin-top: 20px;
            font-size: 13px;
            font-weight: 600;
            color: white;
        }
		p, a {margin-top: 10px;
           color: #fff;}

		
		  #cookieConsent {
			  margin:20px;
            position: fixed;
            bottom: 20px;
            left: 20px;
            right: 20px;
            background-color: #f8f9fa;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            z-index: 1000;
        }
		
		.d-flex p {color: #333333 !important;}
.d-flex a {color: #0000ee !important;}