/*---------------------------------------------------------------------*/


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

@import "variables.css";

@import "../components/fonts.css";
@import "../components/nav-bar.css";
@import "../components/buttons.css";
@import "../components/containers.css";
@import "../components/card-benefit.css";
@import "../components/floating-button.css";

@import "../sections/section-01.css";
@import "../sections/section-02.css";
@import "../sections/section-03.css";
@import "../sections/section-04.css";
@import "../sections/section-05.css";
@import "../sections/section-06.css";
@import "../sections/section-07.css";

@import "../sections/foooter.css";



/*---------------------------------------------------------------------*/

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html{
  scroll-behavior: smooth;
}

.d-none{
  display: none;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-thumb {
  background-color: #21C4AF;
}

::-webkit-scrollbar-track {
  background-color: #F8FCFB;
}

::-webkit-scrollbar-track-piece {
  background-color: #F8FCFB;
}

::-webkit-scrollbar-thumb-piece {
  background-color: #888;
  border-radius: 6px;
}