/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./components/Button/PrimaryButton.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.PrimaryButton_customButton__knYBE {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  padding: 0 1.5rem;
  font-weight: 700;
  color: #000;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  min-width: 180px;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
  isolation: isolate;
  z-index: 0;
}

.PrimaryButton_customButton__knYBE::before {
  content: "";
  position: absolute;
  inset: 0;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
  background: var(--btn-border-c);
  z-index: -2;
  opacity: calc(var(--btn-border-visible) * 1);
  pointer-events: none;
}

.PrimaryButton_customButton__knYBE::after {
  content: "";
  position: absolute;
  inset: var(--btn-border-w);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
  background: var(--btn-fill, inherit);
  z-index: -1;
  opacity: 1;
  pointer-events: none;
}

.PrimaryButton_customButton__knYBE:disabled {
  background: #9ca3af;
  color: #4b5563;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.PrimaryButton_customButton__knYBE > * {
  position: relative;
  z-index: 1;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./app/(site)/about-us/about-us.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.about-us_customBorderImage__zb5Os {
  border: 10px solid transparent;
  -o-border-image: url('/assets/Images/border.png') 30;
     border-image: url('/assets/Images/border.png') 30;
  border-image-slice: 30;
  border-image-repeat: stretch;
  min-height: 0;
}

.about-us_customBorder__pvcki {
  position: relative;
  width: 100%;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
  --tlX: 100px;
  --tlY: 80px;
  --brX: 100px;
  --brY: 80px;
  --gap: 2px;
}

.about-us_customBorder__pvcki::before,
.about-us_customBorder__pvcki::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.about-us_customBorder__pvcki::before {
  clip-path: polygon(
    var(--tlX) 0,
    100% 0,
    100% calc(100% - var(--brY)),
    calc(100% - var(--brX)) 100%,
    0 100%,
    0 var(--tlY),
    var(--tlX) 0
  );
}

.about-us_customBorder__pvcki::after {
  inset: var(--gap);
  background: transparent;
  --tlX-in: calc(var(--tlX) - var(--gap));
  --tlY-in: calc(var(--tlY) - var(--gap));
  --brX-in: calc(var(--brX) - var(--gap));
  --brY-in: calc(var(--brY) - var(--gap));
  clip-path: polygon(
    var(--tlX-in) 0,
    100% 0,
    100% calc(100% - var(--brY-in)),
    calc(100% - var(--brX-in)) 100%,
    0 100%,
    0 var(--tlY-in),
    var(--tlX-in) 0
  );

  background-image: url('/assets/Images/card.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}