/* Import Inter from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
background-color:#f1f1f1;	
}
.main-ctn {
	font-family: 'Inter', sans-serif; /* Primary font with fallback */
    font-size: 16px; /* Base size for readability */
	max-width:1000px;
	min-height:1000px;
	box-shadow: 0px 1px 1px 1px #d3d3d3;
	margin:0 auto;
	display:flex;
	flex-flow:column;
	align-items:center;
	background-color:white;
	border-radius:10px;
}

#logo {
	display:block;
	width:150px;
	height:150px;
	border-radius:20%;
	margin-top:20px;
}

#search {
	display:block;
    box-shadow: 0px 0px 2px 2px #d3d3d3;
    width: 80%;
    margin-top: 10px;
    height: auto;    /* Starting height */
    max-height: 1250px;    /* Maximum height */
    padding: 20px;        /* Keep your padding */
    box-sizing: border-box; /* Include padding in height */
    overflow: hidden;     /* Optional: hide excess content instead of scrolling */
}

#footer { 
display:flex;
flex-flow:row;
justify-content:center;
box-shadow: 0px 0px 1px 1px #d3d3d3;
height:250px;
width:100%;
margin-top:100px;
}

#footer a {
	margin-left:10px;
	margin-top:10px;
}

.dropdown {
	padding:5px;
	margin-bottom:5px !important;
	cursor:pointer;
	max-height:50px !important;
	font-size:16px;
	font-family:'Inter';
}

.btn {
	cursor:pointer;
	display: inline-block;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.primary, .notice {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8;
	
}

.notice {
	
	background-color:#607d8b;
	border-color:#131718;
}

.secondary {
    padding:5px;
	padding-right:15px;
	padding-left:15px;
	cursor:pointer;
}

#submit_btn {
	display:block;
	margin:0 auto;
}


.listing {
	
	max-width:800px;
	box-shadow: 0px 0px 1px 1px #d3d3d3;
	padding:10px;
	margin-bottom:10px;
	cursor:pointer;
}

.listing:hover {
	
	background-color:#e6e6e6;
}

.label {
	border-radius:5px;
	background-color:#0275d8;
	color:white;
	padding:5px;
	padding-right:10px;
	padding-left:10px;
}

.contact_btns {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
}


.form_text {
	padding:5px;
	font-family: 'Inter', sans-serif; /* Primary font with fallback */
    font-size: 16px; /* Base size for readability */
}

.long { 
width:80%;
}

textarea{
	margin:0 auto;
	width:90%;
	padding:10px;
	height:250px;
	overflow:auto;
	font-family: 'Inter', sans-serif; /* Primary font with fallback */
    font-size: 16px; /* Base size for readability */
}