html {scroll-behavior: smooth;}
* {margin: 0;padding: 0;}
body {font-size: 15px;scroll-behavior: smooth;}
a {text-decoration: none;color: unset;}
a:hover {color: unset;}
article,section,aside,address,nav,header,footer,img {display: block;}
img {border: none;}
li {list-style: none;}
button {all: unset;cursor: pointer;height: fit-content;}

.search_model input {
    margin-right: 2px;
    padding: 10px 20px;
    width: 100%;
    background-color: #fcfcfc;
    border: 1px solid #00000033;
    outline: none;
    letter-spacing: 1px;
    transition: 0.3s;
    border-radius: 3px;
    color: #333;
}

.search_model input:focus {
    -webkit-box-shadow: 0 0 2px 1px black;
    -moz-box-shadow: 0 0 2px 1px black;
    box-shadow: 0 0 2px 1px black;
    border: 1px solid black;
}
/* 
textarea {
    padding: 10px 0 0 10px;
    width: 100%;
    background-color: #fcfcfc;
    border: 1px solid #00000033;
    outline: none;
    letter-spacing: 1px;
    transition: 0.3s;
    border-radius: 3px;
    color: #333;
    resize:none;
}

textarea :focus {
    -webkit-box-shadow: 0 0 2px 1px black;
    -moz-box-shadow: 0 0 2px 1px black;
    box-shadow: 0 0 2px 1px black;
    border: 1px solid black;
} */


/* public */

.container {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 15px;
}

.flex {
    display: flex;
}

.header {
    width: 100%;
    height: 10vh;
}

.imgFull img {
    object-fit: cover !important;
}
.imgAuto img {
    object-fit: contain !important;
}