@import url('/styles/variables.css');
@import url('/styles/header.css');
@import url('/styles/menu.css');
@import url('/styles/hero.css');
@import url('/styles/footer.css');
@import url('/styles/request.css');
@import url('/styles/saves.css');
@import 'login.css';
@import 'register.css';
@import 'about.css';

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {
	font-family: 'Inter', sans-serif;
	background-color: var(--white-color);
    overflow-x: hidden;

}

a {
	text-decoration: none;
	color: var(--white-color);
}

button {
	cursor: pointer;
}

.container {
	max-width: 1330px;
	margin: 0 auto;
	padding: 0 10px;
}

.input {
	width: 90%;
	padding: 0.5rem 0 0.5rem 1rem;
	border-radius: 12px;
	border: 1px solid #d9d9d9;
	outline: 0;
}





    #map { width: 100%; height: 400px; margin-top: 20px; }
    @media screen and (max-width: 768px) {
        .request__inner {
            padding: 10px;
        }
        .request__inner-inputs {
            width: 100%;
            display: block;
        }
        .request__inner-inputs input,
        .request__inner-inputs select,
        .request__inner-inputs textarea {
            width: 100%;
            box-sizing: border-box;
        }
        .request__inner-save,
        .request__inner-cancel {
            width: 100%;
            margin-top: 10px;
        }
    }