*,

*::before,

*::after {

  box-sizing: border-box;

}



ul[class],

ol[class] {

  padding: 0;

}



body,

h1,

h2,

h3,

h4,

p,

ul[class],

ol[class],

li,

figure,

figcaption,

blockquote,

dl,

dd {

  margin: 0;

}



body {

  min-height: 100vh;

  scroll-behavior: smooth;

  text-rendering: optimizeSpeed;

  line-height: 1.5;

}



ul[class],

ol[class] {

  list-style: none;

}



a:not([class]) {

  text-decoration-skip-ink: auto;

}



img {

  max-width: 100%;

  display: block;

}



article > * + * {

  margin-top: 1em;

}



input,

button,

textarea,

select {

  font: inherit;

}



@media (prefers-reduced-motion: reduce) {

  * {

    animation-duration: 0.01ms !important;

    animation-iteration-count: 1 !important;

    transition-duration: 0.01ms !important;

    scroll-behavior: auto !important;

  }

}



@font-face {

  font-family: 'Assistant-Bold';

  src: url(../fonts/Assistant-Bold.ttf) format('truetype');

  font-weight: 400;

}

@font-face {

  font-family: 'Assistant-ExtraBold';

  src: url(../fonts/Assistant-ExtraBold.ttf) format('truetype');

  font-weight: 400;

}

@font-face {

  font-family: 'Assistant-ExtraLight';

  src: url(../fonts/Assistant-ExtraLight.ttf) format('truetype');

  font-weight: 400;

}

@font-face {

  font-family: 'Assistant-Light';

  src: url(../fonts/Assistant-Light.ttf) format('truetype');

  font-weight: 400;

}

@font-face {

  font-family: 'Assistant-Regular';

  src: url(../fonts/Assistant-Regular.ttf) format('truetype');

  font-weight: 400;

}

@font-face {

  font-family: 'Assistant-SemiBold';

  src: url(../fonts/Assistant-SemiBold.ttf) format('truetype');

  font-weight: 400;

}

body{

  font-family: Assistant-Light;

}

.burger {

  display: none;

  flex-direction: column;

  cursor: pointer;

  gap: 5px;

  margin-left: 10px;

}



.burger div {

  width: 25px;

  height: 3px;

  background: white;

}



.logo {

  font-size: 20px;

  font-weight: bold;

}



.mobile-menu {

  position: fixed;

  top: 0;

  left: -100%; /* Спочатку сховане за лівим краєм */

  width: 250px;

  height: 100%;

  background: #3f3f3f;

  display: flex;

  flex-direction: column;

  padding: 120px 20px 20px; /* Відступ зверху щоб не залізло на хедер */

  transition: left 0.3s ease;

  z-index: 999;

}

.mobile-menu a {

  margin: 10px 0;

  color: white;

  text-decoration: none;

  font-size: 18px;

}

.mobile-menu li {

  list-style-type: none;

}


.mobile-menu.open {

  left: 0;

}

.hide {

  transform: translateY(-100%);

}

.show {

  transform: translateY(0);

}

.header-container{

  display: flex;

  justify-content: space-between;

  align-items: center;

  align-items: center;

}

.header-container .content-right{

  display: flex;

}

.header-container .content-right .social-networks{

  display: flex;

  align-items: center;

}

.header-container .content-right .social-networks .network{

  margin-right: 10px;

}

.header-container .content-right .social-networks .network:last-child{

  margin-right: 0;

}

.header-container ul { 

  list-style-type: none;

  padding: 0;

  margin: 0;

  display: flex;

  height: 100%;

  align-items: center;

  padding-left: 130px;

}

.header-container ul li{

  display: inline-block;

  text-decoration: ;

}

.header-container ul a{

  display: inline-block;

  text-decoration: none;

  color: #fff;

  transition: all 0.3s;

  font-size: 21px;

  display: block;

  padding: 15px 75px;

}

.header-container ul a:hover{

  color: #e4da28;

}

.center{

  text-align: center;

}

.google-reviews{

  margin-right: 35px;

}

.google-reviews img{

  max-width: 82px;

}

.google-reviews a{

  display: block;

  padding: 0px 20px 0;

  background: #fff;

  height: 56px;

  position: relative;

  overflow: hidden;

  border-radius: 45px;

}

.fade-in-section.is-visible {

  opacity: 1;

  transform: none;

}