:root {
    --container-width: 100%;
    --big-container-width: 100%;
    --container-padding: 16px;
    --post-container-padding: 16px;
    --font-main: var(--font-family);
    --font-accent: var(--second-family);
    --text-color: var(--main-white);
    --font-family: "Montserrat", sans-serif;
    --second-family: "Gilroy", sans-serif;
    --page-bg: var(--main-black);
    --main-white: #fff;
    --main-yellow: #fed500;
    --main-black: #010101;
    --input-bg: #121212;
    --caret-color: var(--main-yellow);
    --blue: #1E3A8A;
    --blue-dark: #162d6b;
    --blue-light: #2548a8;
    --orange: #f97316;
    --orange-dark: #ea580c;
    --orange-light: #fb923c;
    --white: #ffffff;
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --gray-900: #111827;
  }
  @media (min-width: 768px) {
    :root {
      --container-width: 736px;
    }
  }
  @media (min-width: 1024px) {
    :root {
      --container-width: 1024px;
      --post-container: 815px;
      --post-container-padding: 0;
    }
  }
  @media (min-width: 1440px) {
    :root {
      --big-container-width: 1440px;
      --container-width: 1279px;
      --container-padding: 0px;
    }
  }
  @media (min-width: 1920px) {
    :root {
      --big-container-width: 1920px;
      --container-width: 1440px;
      --container-padding: 0px;
    }
  }
  
  section {
    width: 100%;
  }

  .ast-page-builder-template .site-content > .ast-container {
    width: 100%!important;
    max-width: unset!important;
    display: block!important;
    padding: 0!important;
  }

  .ast-container {
    width: 100%!important;
    max-width: unset!important;
    display: block!important;
    padding: 0!important;
  }

  .main {
    &.blog-main {
        font-family: 'Montserrat', sans-serif!important;
        display: flex;
        flex-flow: column;
        gap: 60px;
        width: 100%;
    }

    &.service-main {
      display: flex;
      flex-flow: column;
      gap: 120px;
      padding-bottom: 80px;
      @media (max-width: 768px) {
        gap: 60px;
      }
    }
}