/* Basic CSS Styling */
@font-face {
    font-family: 'AdelonBook';
    src: url('../fonts/adelonlregular-webfont.woff2') format('woff2'),
         url('../fonts/adelonlregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'newton';
    src: url('../fonts/newton.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Supernatural_Knight';
    src: url('../fonts/Supernatural_Knight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Strandall';
    src: url('../fonts/strandall.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #fff;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: linear-gradient(0deg,#847769,#ab9986);
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(0deg,#dabc9c,#dabc9c);
  }

.mobile-heading {
    display: none; /* Initially hide the mobile heading */
}

/* Media query for mobile screens */
@media screen and (max-width: 767px) {
    .desktop-heading {
        display: none; /* Hide the desktop heading on mobile screens */
    }
    .mobile-heading {
        display: block; /* Display the mobile heading on mobile screens */
    }
	
	#hero-section {
		height:100vh;
	}
	
	.containercp {
	margin-top:25px !important;
	width: 65% !important;
	

	}
	.form-group input {
     width: 80% !important;
	}
	
	.containercp h2 {
	margin-bottom:20px !important;
	}
	
    .toggle-link {
	width:100% !important;
        }
}


/* logotype */

.main_logo {

}

.logotype {


}

.containercp {
    width: 100%;
    margin-top: -50px;
    max-width: 400px;
    background-color: rgba(83, 58, 23, 0.3);
    padding: 50px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 9999;
    border: 1px solid #a5742f;
}

.containercp h2 {
    margin: 0 auto !important;
    margin-bottom: 50px !important;
    color: #fff;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    color: #fff;
}

.form-group input {
    width: 90%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.form-group button {
    cursor: pointer;
    width: 100%;
    padding: 10px;
    background: #a5742f;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
}

.form-group button:hover {
    background: #d39134;
}

.form-group a {
    display: block;
    text-align: center;
    margin-top: 10px;
    color: #d39134;
    text-decoration: none;
}

.form-group a:hover {
    text-decoration: underline;

}

.form-group select {
  cursor: pointer;
  width: 100%;
  padding: 10px;
  background: #a5742f;
  border: none;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  appearance: none;
}

.form-group select:hover {
  background: #d39134;
}

.toggle-link {
    text-align: center;
    margin-top: 10px;
}

.toggle-link a {
    text-align: center;
    margin-top: 10px;
    color: #d39134;
}

/* info */

#error {
    color: #df0000;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
    border: 1px solid #a5742f;
    background-color: #ff000010;
    border-radius: 5px;
}

#success {
    color: #00df0b;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
    border: 1px solid #a5742f;
    background-color: #00ff1510;
    border-radius: 5px;
}

#announce {
    color: #00df0b;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
    border: 1px solid #a5742f;
    background-color: #00ff1510;
    border-radius: 5px;
}