@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("font-awesome.css");
@import url("bootstrap.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css");
@import url("app.css");
@import url("app-responsive.css");
/* essential styles */
footer, header, nav, section { display: block; }
.no-padding { padding: 0px; }
body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding: 0;
    background: #fafafa 0% 0% no-repeat padding-box;
    color: #667580;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.5px;
    line-height: 1.6;
}
ul, li { list-style: none; padding: 0; margin: 0; }
* { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none !important; }

::-moz-selection {
 color: #fff;
 background: #414042;
}
::selection { color: #fff; background: #414042; }
img { max-width: 100%; }
img, label { -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; }
a, a:hover, a:focus, button { text-decoration: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
a:hover {
    color: #007B54;
}
h1, h2, h3, h4, h5 { margin: 0; font-weight: 700; }
h1 { font-size: 60px; line-height: 48px; font-weight: 500; letter-spacing: .5px; }
h2 {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.87);
    margin: 0;
    max-width: 550px;
}

h3 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
}
h4 {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 5px;
    color: rgba(0, 0, 0, 0.87);
}
h5 {
    font-size: 18px;
    margin: 0 0 10px;
}
.container {
    max-width: 1230px;
}


@media (max-width:1170px) {
body {
    font-size: 14px;
}
}
@media (max-width:767px) {
h2 {
    font-size: 18px;
}
}