img{max-width: 100%;}
body::-webkit-scrollbar { width: 10px; background-color: rgba(206, 206, 206, .5); }
body::-webkit-scrollbar-thumb { background-color: rgb(34, 34, 34); }

/*Reset css*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
/* Reset css */
body{box-sizing:border-box;text-decoration: unset;font-family: "Roboto",sans-serif;font-style: normal;font-weight: 400;font-size:16px;line-height:1.5;color: #686F76;}
.flex{display:flex;flex-wrap:wrap;}
.aic{align-items:center;}
.mb{margin-bottom:100px;}