/**Grid css***/

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: inherit;
	line-height: 1;
}

:focus {
	outline: none !important;
}

::placeholder{
    font-size: inherit;
}

a{
    transition: 0.3s;
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}

img, svg {
    max-width: 100%;
}

label {
    cursor: pointer;
}

.container{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.row{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.p-rel{
    position: relative !important;
}

input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], input[type="time"], select, textarea{
    width: 100%;
    border: 1px solid;
    padding: 0 10px;
}

button, [type="button"], [type="submit"],
input[type="file"]::-webkit-file-upload-button{
    -webkit-appearance: none;
    border: 1px solid var(--main);
    padding: 20px;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 28px;
    background: var(--main);
    color: var(--wh);
    font-size: 16px;
    font-weight: 600;
}

button:hover, 
[type="button"]:hover, 
[type="submit"]:hover,
input[type="file"]::-webkit-file-upload-button:hover{
    color: var(--main);
    background: var(--wh);
}

textarea {
    height: 80px;
    padding: 5px 10px;
}

.d-none{
    display: none !important;
}