 @use "../abstracts" as vars;

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

 body {
     font-family: vars.$font-family-base;
     font-size: vars.$font-size-base;
     line-height: vars.$line-height-base;
     color: vars.$color-text;
     background-color: vars.$color-bg;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin-bottom: vars.$spacer;
 }

 p {
     margin-bottom: vars.$spacer;
 }

 a {
     color: vars.$color-primary;
     text-decoration: none;

     &:hover {
         text-decoration: underline;
     }
 }

 .section-padding {
     padding: vars.rem(120) 0;

     @media (max-width: 1399px) {
         padding: vars.rem(100) 0;
     }

     @media (max-width: 992px) {
         padding: vars.rem(80) 0;
     }

     @media (max-width: 767px) {
         padding: vars.rem(60) 0;
     }
 }



 .container-fluid {
     max-width: 1624px;
 }

 .container {
     max-width: 1344px;
 }

 .fix {
     overflow: hidden;
 }