:root {
  --template-color-0: #f7c621;
  --template-color-1: #282828;
  --font-heading: "Poppins", sans-serif;
  --font-paragraph: "Poppins", sans-serif;
  --font-navigation: "Poppins", sans-serif;
  --section-width: 1500px;
  --section-col-start: 4;
  --section-col-end: 48;
  --section-padding-y: 90px;
  --section-radius: 0px;
  --button-radius: 5px;
  --radius-sm: 5px;
  --radius-md: 10px;
  --radius-lg: 20px;
  --radius-xl: 30px;
  --radius-2xl: 40px;
  --radius-full: 9999px;
  --radius-input: 15px;

  --heading-1-font-size: 64px;
  --heading-1-font-weight: 700;

  --heading-2-font-size: 28px;
  --heading-2-font-weight: 700;

  --heading-3-font-size: 20px;
  --heading-3-font-weight: 600;

  --heading-4-font-size: 16px;
  --heading-4-font-weight: 600;

  --heading-5-font-size: 14px;
  --heading-5-font-weight: 700;

  --heading-6-font-size: 14px;
  --heading-6-font-weight: 700;

  --paragraph-font-size: 16px;
  --paragraph-font-weight: 400;

  --heading-align: center;

  --paragraph-align: center;

  --primary-button-bg: #000;
  --primary-button-bg-hover: color-mix(in srgb, #000, #fff 20%);
  --primary-button-radius: 5px;
  --primary-button-font-size: 16px;
  --primary-button-font-weight: 500;
  --primary-button-font-family: "Montserrat", sans-serif;
  --primary-button-padding: 10px 20px;
  --primary-button-border: none;
  --primary-button-cursor: pointer;
  --primary-button-transition: all 0.3s ease;
  --primary-button-shadow: 0 1px 3px #000;
  --primary-button-color: #fff;
  --primary-button-color-hover: #fff;

  --secondary-button-bg: var(--template-color-0);
  --secondary-button-bg-hover: color-mix(in srgb, var(--template-color-0), #fff 20%);
  --secondary-button-radius: 5px;
  --secondary-button-font-size: 16px;
  --secondary-button-font-weight: 500;
  --secondary-button-font-family: "Montserrat", sans-serif;
  --secondary-button-padding: 10px 20px;
  --secondary-button-border: none;
  --secondary-button-cursor: pointer;
  --secondary-button-transition: all 0.3s ease;
  --secondary-button-shadow: 2px 2px 6px #000;
  --secondary-button-color: #fff;
  --secondary-button-color-hover: #000;
}

body {
  font-family: "Poppins", sans-serif;
  color: var(--template-color-1);
  background-color: #ffffff;
}

.carousel-indicators .carousel-indicator {
  width: 15px;
  height: 15px;
}
.carousel-indicators .carousel-indicator.active {
  background-color: #282828;
}

.add-after {
  position: relative;
}
.add-after::after {
  width: 65px;
  height: 5px;
  content: "";
  background: var(--template-color-1);
  position: absolute;
  display: block;
  margin-top: -30px;
}