/* Base colors */
/* Neutral colors */
/* Primary colors */
/* Secondary colors */
/* Warning colors */
/* Negative colors */
/* Positive colors */
/* Informative colors */
/* Purple colors */
/* Gradient colors */
/* Shadows */
/* Transparent colors */
/* Size values */
/* Border radius */
/* Padding */
/* Margin */
/* Blurs */
/* Transitions */
/* Body */
/* Font */
/* Button */
/* Icon */
/* Form */
/* Material Label */
/* Modal */
/* Table */
/* Tab */
/* Sidebar */
/* Accordion */
@font-face {
  font-family: "Inter-Light";
  src: url("../../assets/fonts/Inter28pt-Light.woff2") format("woff2"), url("../../assets/fonts/Inter28pt-Light.woff") format("woff");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter-Regular";
  src: url("../../assets/fonts/Inter28pt-Regular.woff2") format("woff2"), url("../../assets/fonts/Inter28pt-Regular.woff") format("woff");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter-Medium";
  src: url("../../assets/fonts/Inter28pt-Medium.woff2") format("woff2"), url("../../assets/fonts/Inter28pt-Medium.woff") format("woff");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter-Semibold";
  src: url("../../assets/fonts/Inter28pt-SemiBold.woff2") format("woff2"), url("../../assets/fonts/Inter28pt-SemiBold.woff") format("woff");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter-Bold";
  src: url("../../assets/fonts/Inter28pt-Bold.woff2") format("woff2"), url("../../assets/fonts/Inter28pt-Bold.woff") format("woff");
  font-style: normal;
  font-display: swap;
}

/* Font faces */
/* Display and heading fonts */
* {
  margin: 0;
  padding: 0;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1rem;
  box-sizing: border-box;
}

:root {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1rem;
}

html,
body {
  height: 100%;
  min-width: 400px;
}

.header-contents {
  min-width: 400px;
}

/* -----------------------------------------------------------------
Website base styles. 
----------------------------------------------------------------- */
body {
  font-family: "Inter-Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  color: #101828;
  background-color: #ffffff;
  -webkit-text-size-adjust: 100%;
}

/* -----------------------------------------------------------------
Base styles of elements. 
----------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
.display {
  font-family: "Inter-Regular", sans-serif;
  color: #344054;
  display: block;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04rem;
}

th,
td {
  font-family: "Inter-Regular", sans-serif;
}

.material-design-component {
  font-family: "Inter-Regular", sans-serif;
}

.row {
  margin: 0;
}

.title-font {
  font-family: "Inter-Regular", sans-serif;
}

.cursor-pointer {
  cursor: pointer;
}

/* -----------------------------------------------------------------
Font weights.
----------------------------------------------------------------- */
.font-weight-200 {
  font-weight: 200;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-700 {
  font-weight: 700;
}

.font-weight-800 {
  font-weight: 800;
}

.font-weight-900 {
  font-weight: 900;
}

.font-italic {
  font-style: italic;
}

.font-light {
  font-family: "Inter-Light", sans-serif;
}

.font-medium {
  font-family: "Inter-Medium", sans-serif;
}

.font-semibold {
  font-family: "Inter-Semibold", sans-serif;
}

.font-bold {
  font-family: "Inter-Bold", sans-serif;
}

/* -----------------------------------------------------------------
Heading font sizes.
----------------------------------------------------------------- */
h1 {
  font-size: 2.25rem;
}

h2 {
  font-size: 1.875rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

/* -----------------------------------------------------------------
Bodytext font sizes.
----------------------------------------------------------------- */
p {
  line-height: 1.5rem;
  color: #475467;
  font-size: 1rem;
}

.small {
  font-size: 0.875rem !important;
}

.font-10px,
.font-xs {
  font-size: 0.625rem !important;
}

.font-12px,
.font-sm {
  font-size: 0.75rem !important;
}

.font-14px,
.font-md {
  font-size: 0.875rem !important;
}

.font-18px,
.font-lg {
  font-size: 1.125rem !important;
}

.font-20px,
.font-xl {
  font-size: 1.25rem !important;
}

.font-24px,
.font-2xl {
  font-size: 1.5rem !important;
}

.font-32px,
.font-3xl {
  font-size: 2rem !important;
}

.font-40px,
.font-4xl {
  font-size: 2.5rem !important;
}

.font-50px,
.font-5xl {
  font-size: 3.125rem !important;
}

.font-8px {
  font-size: 0.5rem;
}

.font-12px {
  font-size: 0.75rem;
}

.font-16px {
  font-size: 1rem;
}

.font-20px {
  font-size: 1.25rem;
}

.font-24px {
  font-size: 1.5rem;
}

.font-28px {
  font-size: 1.75rem;
}

.font-32px {
  font-size: 2rem;
}

.font-36px {
  font-size: 2.25rem;
}

.font-40px {
  font-size: 2.5rem;
}

.font-48px {
  font-size: 3rem;
}

.font-60px {
  font-size: 3.75rem;
}

.font-64px {
  font-size: 4rem;
}

.font-72px {
  font-size: 4.5rem;
}

.font-80px {
  font-size: 5rem;
}

.font-128px {
  font-size: 8rem;
}

/* -----------------------------------------------------------------
Text alignments
----------------------------------------------------------------- */
.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.text-justify {
  text-align: justify !important;
}

.text-ellipsis {
  width: 100%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* -----------------------------------------------------------------
COLORS
----------------------------------------------------------------- */
/* Text colors */
.text-white {
  color: #ffffff;
}

.text-black {
  color: #000000;
}

.text-primary {
  color: #DC143C;
}

.text-secondary {
  color: #256bff;
}

.text-paragraph {
  color: #475467;
}

/* Neutral text colors */
.text-neutral-50 {
  color: #fafafa;
}

.text-neutral-100 {
  color: #f5f5f5;
}

.text-neutral-200 {
  color: #EAECF0;
}

.text-neutral-300 {
  color: #E2E2E2;
}

.text-neutral-400 {
  color: #b9babb;
}

.text-neutral-500 {
  color: #97989a;
}

.text-neutral-600 {
  color: #98A2B3;
}

.text-neutral-700 {
  color: #667085;
}

.text-neutral-800 {
  color: #344054;
}

.text-neutral-900 {
  color: #262626;
}

.text-neutral-950 {
  color: #070707;
}

/* Primary text colors */
.text-primary-50 {
  color: #fff2ed;
}

.text-primary-100 {
  color: #ffe1d4;
}

.text-primary-200 {
  color: #ffbea8;
}

.text-primary-300 {
  color: #ff9271;
}

.text-primary-400 {
  color: #DC143C;
}

.text-primary-500 {
  color: #fe2f11;
}

.text-primary-600 {
  color: #ef1607;
}

.text-primary-700 {
  color: #c60908;
}

.text-primary-800 {
  color: #9d0f13;
}

.text-primary-900 {
  color: #7e1013;
}

.text-primary-950 {
  color: #44060a;
}

/* Secondary text colors */
.text-secondary-50 {
  color: #f9f9fa;
}

.text-secondary-100 {
  color: #F7FBFF;
}

.text-secondary-200 {
  color: #E4EEFF;
}

.text-secondary-300 {
  color: #8ebeff;
}

.text-secondary-400 {
  color: #599aff;
}

.text-secondary-500 {
  color: #256bff;
}

.text-secondary-600 {
  color: #1b52f5;
}

.text-secondary-700 {
  color: #143ee1;
}

.text-secondary-800 {
  color: #1733b6;
}

.text-secondary-900 {
  color: #221E53;
}

.text-secondary-950 {
  color: #101232;
}

/* Negative text colors */
.text-negative-50 {
  color: #fef3f2;
}

.text-negative-100 {
  color: #fde6e3;
}

.text-negative-200 {
  color: #fcd1cc;
}

.text-negative-300 {
  color: #f9b0a8;
}

.text-negative-400 {
  color: #f37a7a;
}

.text-red,
.text-negative-500 {
  color: #e85757;
}

.text-negative-600 {
  color: #d33d3d;
}

.text-negative-700 {
  color: #b72b2b;
}

.text-negative-800 {
  color: #962020;
}

.text-negative-900 {
  color: #6f1717;
}

.text-negative-950 {
  color: #400d0d;
}

/* Positive text colors */
.text-positive-50 {
  color: #fefefe;
}

.text-positive-100 {
  color: #cffae6;
}

.text-positive-200 {
  color: #a4f3d1;
}

.text-positive-300 {
  color: #69e5b9;
}

.text-positive-400 {
  color: #38d09e;
}

.text-positive-500 {
  color: #1cb789;
}

.text-positive-600 {
  color: #0e9a74;
}

.text-positive-700 {
  color: #087e60;
}

.text-positive-800 {
  color: #05624b;
}

.text-positive-900 {
  color: #034839;
}

.text-positive-950 {
  color: #012921;
}

/* Warning text colors */
.text-warning-50 {
  color: #f8f8f8;
}

.text-warning-100 {
  color: #fbf0ca;
}

.text-warning-200 {
  color: #f8e092;
}

.text-warning-300 {
  color: #f3d166;
}

.text-warning-400 {
  color: #eabf4b;
}

.text-warning-500 {
  color: #ddad37;
}

.text-warning-600 {
  color: #c99b2b;
}

.text-warning-700 {
  color: #ac8221;
}

.text-warning-800 {
  color: #8a6d18;
}

.text-warning-900 {
  color: #644d10;
}

.text-warning-950 {
  color: #392e08;
}

/* Informative text colors */
.text-informative-50 {
  color: #DEDEDE;
}

.text-informative-100 {
  color: #deedfb;
}

.text-informative-200 {
  color: #c4e1f9;
}

.text-informative-300 {
  color: #9ccff4;
}

.text-informative-400 {
  color: #6db3ed;
}

.text-informative-500 {
  color: #0197F6;
}

.text-informative-600 {
  color: #3679da;
}

.text-informative-700 {
  color: #2C62C2;
}

.text-informative-800 {
  color: #2b53a2;
}

.text-informative-900 {
  color: #141f57;
}

.text-informative-950 {
  color: #101828;
}

/* Background colors */
.bg-white {
  background-color: #ffffff;
}

.bg-black {
  background-color: #000000;
}

.bg-gradiant {
  background: linear-gradient(137deg, #171740 24.09%, #101232 87.27%);
}

.bg-radial {
  background: radial-gradient(58.82% 47.06% at 27.71% 32.54%, #282360 0%, #101232 100%);
}

/* Neutral background colors */
.bg-neutral-50 {
  background-color: #fafafa;
}

.bg-neutral-100 {
  background-color: #f5f5f5;
}

.bg-neutral-200 {
  background-color: #EAECF0;
}

.bg-neutral-300 {
  background-color: #E2E2E2;
}

.bg-neutral-400 {
  background-color: #b9babb;
}

.bg-neutral-500 {
  background-color: #97989a;
}

.bg-neutral-600 {
  background-color: #98A2B3;
}

.bg-neutral-700 {
  background-color: #667085;
}

.bg-neutral-800 {
  background-color: #344054;
}

.bg-neutral-900 {
  background-color: #262626;
}

.bg-neutral-950 {
  background-color: #070707;
}

/* Primary background colors */
.bg-primary-50 {
  background-color: #fff2ed;
}

.bg-primary-100 {
  background-color: #ffe1d4;
}

.bg-primary-200 {
  background-color: #ffbea8;
}

.bg-primary-300 {
  background-color: #ff9271;
}

.bg-primary-400 {
  background-color: #DC143C;
}

.bg-primary-500 {
  background-color: #fe2f11;
}

.bg-primary-600 {
  background-color: #ef1607;
}

.bg-primary-700 {
  background-color: #c60908;
}

.bg-primary-800 {
  background-color: #9d0f13;
}

.bg-primary-900 {
  background-color: #7e1013;
}

.bg-primary-950 {
  background-color: #44060a;
}

/* Secondary background colors */
.bg-secondary-50 {
  background-color: #f9f9fa;
}

.bg-secondary-100 {
  background-color: #F7FBFF;
}

.bg-secondary-200 {
  background-color: #E4EEFF;
}

.bg-secondary-300 {
  background-color: #8ebeff;
}

.bg-secondary-400 {
  background-color: #599aff;
}

.bg-secondary-500 {
  background-color: #256bff;
}

.bg-secondary-600 {
  background-color: #1b52f5;
}

.bg-secondary-700 {
  background-color: #143ee1;
}

.bg-secondary-800 {
  background-color: #1733b6;
}

.bg-secondary-900 {
  background-color: #221E53;
}

.bg-secondary-950 {
  background-color: #101232;
}

/* Negative background colors */
.bg-negative-50 {
  background-color: #fef3f2;
}

.bg-negative-100 {
  background-color: #fde6e3;
}

.bg-negative-200 {
  background-color: #fcd1cc;
}

.bg-negative-300 {
  background-color: #f9b0a8;
}

.bg-negative-400 {
  background-color: #f37a7a;
}

.bg-negative-500 {
  background-color: #e85757;
}

.bg-negative-600 {
  background-color: #d33d3d;
}

.bg-negative-700 {
  background-color: #b72b2b;
}

.bg-negative-800 {
  background-color: #962020;
}

.bg-negative-900 {
  background-color: #6f1717;
}

.bg-negative-950 {
  background-color: #400d0d;
}

/* Positive background colors */
.bg-positive-50 {
  background-color: #fefefe;
}

.bg-positive-100 {
  background-color: #cffae6;
}

.bg-positive-200 {
  background-color: #a4f3d1;
}

.bg-positive-300 {
  background-color: #69e5b9;
}

.bg-positive-400 {
  background-color: #38d09e;
}

.bg-positive-500 {
  background-color: #1cb789;
}

.bg-positive-600 {
  background-color: #0e9a74;
}

.bg-positive-700 {
  background-color: #087e60;
}

.bg-positive-800 {
  background-color: #05624b;
}

.bg-positive-900 {
  background-color: #034839;
}

.bg-positive-950 {
  background-color: #012921;
}

/* Warning background colors */
.bg-warning-50 {
  background-color: #f8f8f8;
}

.bg-warning-100 {
  background-color: #fbf0ca;
}

.bg-warning-200 {
  background-color: #f8e092;
}

.bg-warning-300 {
  background-color: #f3d166;
}

.bg-warning-400 {
  background-color: #eabf4b;
}

.bg-warning-500 {
  background-color: #ddad37;
}

.bg-warning-600 {
  background-color: #c99b2b;
}

.bg-warning-700 {
  background-color: #ac8221;
}

.bg-warning-800 {
  background-color: #8a6d18;
}

.bg-warning-900 {
  background-color: #644d10;
}

.bg-warning-950 {
  background-color: #392e08;
}

/* Informative background colors */
.bg-informative-50 {
  background-color: #DEDEDE;
}

.bg-informative-100 {
  background-color: #deedfb;
}

.bg-informative-200 {
  background-color: #c4e1f9;
}

.bg-informative-300 {
  background-color: #9ccff4;
}

.bg-informative-400 {
  background-color: #6db3ed;
}

.bg-informative-500 {
  background-color: #0197F6;
}

.bg-informative-600 {
  background-color: #3679da;
}

.bg-informative-700 {
  background-color: #2C62C2;
}

.bg-informative-800 {
  background-color: #2b53a2;
}

.bg-informative-900 {
  background-color: #141f57;
}

.bg-informative-950 {
  background-color: #101828;
}

.bg-purple-50 {
  background-color: #F4F8FF;
}

.bg-purple-950 {
  background-color: #6941c6;
}

/* Transparent background colors */
.transparent-white-5 {
  opacity: rgba(255, 255, 255, 0.05);
}

.transparent-white-10 {
  opacity: rgba(255, 255, 255, 0.1);
}

.transparent-white-20 {
  opacity: rgba(255, 255, 255, 0.2);
}

.transparent-white-30 {
  opacity: rgba(255, 255, 255, 0.3);
}

.transparent-white-40 {
  opacity: rgba(255, 255, 255, 0.4);
}

.transparent-white-50 {
  opacity: rgba(255, 255, 255, 0.5);
}

.transparent-white-60 {
  opacity: rgba(255, 255, 255, 0.6);
}

.transparent-white-70 {
  opacity: rgba(255, 255, 255, 0.7);
}

.transparent-white-80 {
  opacity: rgba(255, 255, 255, 0.8);
}

.transparent-white-90 {
  opacity: rgba(255, 255, 255, 0.9);
}

.transparent-white-95 {
  opacity: rgba(255, 255, 255, 0.95);
}

.transparent-black-5 {
  opacity: rgba(0, 0, 0, 0.05);
}

.transparent-black-10 {
  opacity: rgba(0, 0, 0, 0.1);
}

.transparent-black-20 {
  opacity: rgba(0, 0, 0, 0.2);
}

.transparent-black-30 {
  opacity: rgba(0, 0, 0, 0.3);
}

.transparent-black-40 {
  opacity: rgba(0, 0, 0, 0.4);
}

.transparent-black-50 {
  opacity: rgba(0, 0, 0, 0.5);
}

.transparent-black-60 {
  opacity: rgba(0, 0, 0, 0.6);
}

.transparent-black-70 {
  opacity: rgba(0, 0, 0, 0.7);
}

.transparent-black-80 {
  opacity: rgba(0, 0, 0, 0.8);
}

.transparent-black-90 {
  opacity: rgba(0, 0, 0, 0.9);
}

.transparent-black-95 {
  opacity: rgba(0, 0, 0, 0.95);
}

/* -----------------------------------------------------------------
PADDING, MARGIN, and SIZE
----------------------------------------------------------------- */
/* PADDINGS */
.p-4 {
  padding: 0.25rem;
}

.p-8 {
  padding: 0.5rem;
}

.p-12 {
  padding: 0.75rem;
}

.p-16 {
  padding: 1rem;
}

.p-20 {
  padding: 1.25rem;
}

.p-32 {
  padding: 2rem;
}

.p-40 {
  padding: 2.5rem;
}

.p-48 {
  padding: 3rem;
}

.p-64 {
  padding: 4rem;
}

.p-96 {
  padding: 6rem;
}

/* Padding top */
.pt-0 {
  padding-top: 0;
}

.pt-4 {
  padding-top: 0.25rem;
}

.pt-8 {
  padding-top: 0.5rem;
}

.pt-12 {
  padding-top: 0.75rem;
}

.pt-16 {
  padding-top: 1rem;
}

.pt-20 {
  padding-top: 1.25rem;
}

.pt-32 {
  padding-top: 2rem;
}

.pt-40 {
  padding-top: 2.5rem;
}

.pt-48 {
  padding-top: 3rem;
}

.pt-64 {
  padding-top: 4rem;
}

.pt-96 {
  padding-top: 6rem;
}

/* Padding bottom */
.pb-0 {
  padding-bottom: 0;
}

.pb-4 {
  padding-bottom: 0.25rem;
}

.pb-8 {
  padding-bottom: 0.5rem;
}

.pb-12 {
  padding-bottom: 0.75rem;
}

.pb-16 {
  padding-bottom: 1rem;
}

.pb-20 {
  padding-bottom: 1.25rem;
}

.pb-24 {
  padding-bottom: 1.5rem;
}

.pb-32 {
  padding-bottom: 2rem;
}

.pb-40 {
  padding-bottom: 2.5rem;
}

.pb-48 {
  padding-bottom: 3rem;
}

.pb-64 {
  padding-bottom: 4rem;
}

.pb-96 {
  padding-bottom: 6rem;
}

/* Padding right */
.pr-0 {
  padding-right: 0;
}

.pr-4 {
  padding-right: 0.25rem;
}

.pr-8 {
  padding-right: 0.5rem;
}

.pr-12 {
  padding-right: 0.75rem;
}

.pr-16 {
  padding-right: 1rem;
}

.pr-20 {
  padding-right: 1.25rem;
}

.pr-32 {
  padding-right: 2rem;
}

.pr-40 {
  padding-right: 2.5rem;
}

.pr-48 {
  padding-right: 3rem;
}

.pr-64 {
  padding-right: 4rem;
}

.pr-96 {
  padding-right: 6rem;
}

/* Padding left */
.pl-0 {
  padding-left: 0;
}

.pl-4 {
  padding-left: 0.25rem;
}

.pl-8 {
  padding-left: 0.5rem;
}

.pl-12 {
  padding-left: 0.75rem;
}

.pl-16 {
  padding-left: 1rem;
}

.pl-20 {
  padding-left: 1.25rem;
}

.pl-32 {
  padding-left: 2rem;
}

.pl-40 {
  padding-left: 2.5rem;
}

.pl-48 {
  padding-left: 3rem;
}

.pl-64 {
  padding-left: 4rem;
}

.pl-96 {
  padding-left: 6rem;
}

/* Padding y side */
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.py-4 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-32 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-48 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-56 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-64 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-80 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-96 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-128 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

/* Padding x side */
.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.px-4 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-8 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-16 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-32 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-48 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-56 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.px-64 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.px-80 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.px-96 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.px-128 {
  padding-left: 8rem;
  padding-right: 8rem;
}

/* MARGINS */
.m-4 {
  margin: 0.25rem;
}

.m-8 {
  margin: 0.5rem;
}

.m-12 {
  margin: 0.75rem;
}

.m-16 {
  margin: 1rem;
}

.m-20 {
  margin: 1.25rem;
}

/* Margin top */
.mt-4 {
  margin-top: 0.25rem;
}

.mt-8 {
  margin-top: 0.5rem;
}

.mt-12 {
  margin-top: 0.75rem;
}

.mt-16 {
  margin-top: 1rem;
}

.mt-20 {
  margin-top: 1.25rem;
}

/* Margin bottom */
.mb-4 {
  margin-bottom: 0.25rem;
}

.mb-8 {
  margin-bottom: 0.5rem;
}

.mb-12 {
  margin-bottom: 0.75rem;
}

.mb-16 {
  margin-bottom: 1rem;
}

.mb-20 {
  margin-bottom: 1.25rem;
}

/* Margin right */
.mr-4 {
  margin-right: 0.25rem;
}

.mr-8 {
  margin-right: 0.5rem;
}

.mr-12 {
  margin-right: 0.75rem;
}

.mr-16 {
  margin-right: 1rem;
}

.mr-20 {
  margin-right: 1.25rem;
}

/* Margin left */
.ml-4 {
  margin-left: 0.25rem;
}

.ml-8 {
  margin-left: 0.5rem;
}

.ml-12 {
  margin-left: 0.75rem;
}

.ml-16 {
  margin-left: 1rem;
}

.ml-20 {
  margin-left: 1.25rem;
}

/* GAPS */
.gap-4px {
  gap: 0.25rem;
}

.gap-8px {
  gap: 0.5rem;
}

.gap-12px {
  gap: 0.75rem;
}

.gap-16px {
  gap: 1rem;
}

.gap-20px {
  gap: 1.25rem;
}

.gap-24px {
  gap: 1.5rem;
}

.gap-32px {
  gap: 2rem;
}

.gap-40px {
  gap: 2.5rem;
}

.gap-56px {
  gap: 3.5rem;
}

.gap-80px {
  gap: 5rem;
}

.gap-128px {
  gap: 8rem;
}

.flex-1 {
  flex: 1;
}

/* WIDTH */
.w-5 {
  width: 5%;
}

.w-10 {
  width: 10%;
}

.w-15 {
  width: 15%;
}

.w-20 {
  width: 20%;
}

.w-30 {
  width: 30%;
}

.w-35 {
  width: 35%;
}

.w-40 {
  width: 40%;
}

.w-45 {
  width: 45%;
}

.w-55 {
  width: 55%;
}

.w-60 {
  width: 60%;
}

.w-65 {
  width: 65%;
}

.w-70 {
  width: 7%;
}

.w-80 {
  width: 80%;
}

.w-85 {
  width: 85%;
}

.w-90 {
  width: 90%;
}

.w-95 {
  width: 95%;
}

.w-24px {
  width: 1.5rem;
}

.w-48px {
  width: 3rem;
}

.w-64px {
  width: 4rem;
}

.w-96px {
  width: 6rem;
}

.w-128px {
  width: 8rem;
}

.w-144px {
  width: 9rem;
}

.w-160px {
  width: 10rem;
}

.w-224px {
  width: 14rem;
}

.w-320px {
  width: 20rem;
}

.fit-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.fit-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

/* HRIGHT */
.h-5vh {
  height: 5vh;
}

.h-10vh {
  height: 10vh;
}

.h-15vh {
  height: 15vh;
}

.h-20vh {
  height: 20vh;
}

.h-25vh {
  height: 25vh;
}

.h-30vh {
  height: 30vh;
}

.h-35vh {
  height: 35vh;
}

.h-40vh {
  height: 40vh;
}

.h-45vh {
  height: 45vh;
}

.h-50vh {
  height: 50vh;
}

.h-55vh {
  height: 55vh;
}

.h-60vh {
  height: 60vh;
}

.h-65vh {
  height: 65vh;
}

.h-70vh {
  height: 70vh;
}

.h-75vh {
  height: 75vh;
}

.h-80vh {
  height: 80vh;
}

.h-85vh {
  height: 85vh;
}

.h-90vh {
  height: 90vh;
}

.h-95vh {
  height: 95vh;
}

.h-100vh {
  height: 100vh;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.h-available {
  height: -webkit-fill-available;
  height: -moz-available;
  height: fill-available;
}

/* -----------------------------------------------------------------
Border radius 
----------------------------------------------------------------- */
.br-4 {
  border-radius: 0.25rem;
}

.br-8 {
  border-radius: 0.5rem;
}

.br-12 {
  border-radius: 0.75rem;
}

.br-16 {
  border-radius: 1rem;
}

.br-20 {
  border-radius: 1.25rem;
}

.br-24 {
  border-radius: 1.5rem;
}

.br-32 {
  border-radius: 2rem;
}

.br-64 {
  border-radius: 4rem;
}

.br-128 {
  border-radius: 8rem;
}

.br-round {
  border-radius: 50%;
}

/* Border radius top left */
.br-tl-4 {
  border-top-left-radius: 0.25rem;
}

.br-tl-8 {
  border-top-left-radius: 0.5rem;
}

.br-tl-12 {
  border-top-left-radius: 0.75rem;
}

.br-tl-16 {
  border-top-left-radius: 1rem;
}

.br-tl-20 {
  border-top-left-radius: 1.25rem;
}

.br-tl-24 {
  border-top-left-radius: 1.5rem;
}

.br-tl-32 {
  border-top-left-radius: 2rem;
}

.br-tl-64 {
  border-top-left-radius: 4rem;
}

.br-tl-128 {
  border-top-left-radius: 8rem;
}

/* Border radius top right */
.br-tr-4 {
  border-top-right-radius: 0.25rem;
}

.br-tr-8 {
  border-top-right-radius: 0.5rem;
}

.br-tr-12 {
  border-top-right-radius: 0.75rem;
}

.br-tr-16 {
  border-top-right-radius: 1rem;
}

.br-tr-20 {
  border-top-right-radius: 1.25rem;
}

.br-tr-24 {
  border-top-right-radius: 1.5rem;
}

.br-tr-32 {
  border-top-right-radius: 2rem;
}

.br-tr-64 {
  border-top-right-radius: 4rem;
}

.br-tr-128 {
  border-top-right-radius: 8rem;
}

/* Border radius bottom right */
.br-br-4 {
  border-bottom-right-radius: 0.25rem;
}

.br-br-8 {
  border-bottom-right-radius: 0.5rem;
}

.br-br-12 {
  border-bottom-right-radius: 0.75rem;
}

.br-br-16 {
  border-bottom-right-radius: 1rem;
}

.br-br-20 {
  border-bottom-right-radius: 1.25rem;
}

.br-br-24 {
  border-bottom-right-radius: 1.5rem;
}

.br-br-32 {
  border-bottom-right-radius: 2rem;
}

.br-br-64 {
  border-bottom-right-radius: 4rem;
}

.br-br-128 {
  border-bottom-right-radius: 8rem;
}

/* Border radius bottom left */
.br-bl-4 {
  border-bottom-left-radius: 0.25rem;
}

.br-bl-8 {
  border-bottom-left-radius: 0.5rem;
}

.br-bl-12 {
  border-bottom-left-radius: 0.75rem;
}

.br-bl-16 {
  border-bottom-left-radius: 1rem;
}

.br-bl-20 {
  border-bottom-left-radius: 1.25rem;
}

.br-bl-24 {
  border-bottom-left-radius: 1.5rem;
}

.br-bl-32 {
  border-bottom-left-radius: 2rem;
}

.br-bl-64 {
  border-bottom-left-radius: 4rem;
}

.br-bl-128 {
  border-bottom-left-radius: 8rem;
}

/* -----------------------------------------------------------------
Borders
----------------------------------------------------------------- */
.border-none {
  border: none !important;
}

.border-1 {
  border: 1px solid #E2E2E2;
}

.border-2 {
  border: 2px solid #E2E2E2;
}

.border-3 {
  border: 3px solid #E2E2E2;
}

.border-4 {
  border: 4px solid #E2E2E2;
}

.border-5 {
  border: 5px solid #E2E2E2;
}

/* Border left */
.border-l-none {
  border-left: none !important;
}

.border-l-1 {
  border-left: 1px solid #E2E2E2;
}

.border-l-2 {
  border-left: 2px solid #E2E2E2;
}

.border-l-3 {
  border-left: 3px solid #E2E2E2;
}

.border-l-4 {
  border-left: 4px solid #E2E2E2;
}

.border-l-5 {
  border-left: 5px solid #E2E2E2;
}

/* Border right */
.border-r-none {
  border-right: none !important;
}

.border-r-1 {
  border-right: 1px solid #E2E2E2;
}

.border-r-2 {
  border-right: 2px solid #E2E2E2;
}

.border-r-3 {
  border-right: 3px solid #E2E2E2;
}

.border-r-4 {
  border-right: 4px solid #E2E2E2;
}

.border-r-5 {
  border-right: 5px solid #E2E2E2;
}

/* Border top */
.border-t-none {
  border-top: none !important;
}

.border-t-1 {
  border-top: 1px solid #E2E2E2;
}

.border-t-2 {
  border-top: 2px solid #E2E2E2;
}

.border-t-3 {
  border-top: 3px solid #E2E2E2;
}

.border-t-4 {
  border-top: 4px solid #E2E2E2;
}

.border-t-5 {
  border-top: 5px solid #E2E2E2;
}

/* Border bottom */
.border-b-none {
  border-bottom: none !important;
}

.border-b-1 {
  border-bottom: 1px solid #E2E2E2;
}

.border-b-2 {
  border-bottom: 2px solid #E2E2E2;
}

.border-b-3 {
  border-bottom: 3px solid #E2E2E2;
}

.border-b-4 {
  border-bottom: 4px solid #E2E2E2;
}

.border-b-5 {
  border-bottom: 5px solid #E2E2E2;
}

/* Border primary */
.border-primary {
  border: 1px solid #ff9271;
}

/* Border positive */
.border-positive {
  border: 1px solid #69e5b9;
}

/* Border negative */
.border-negative {
  border: 1px solid #f9b0a8;
}

/* Border warning */
.border-warning {
  border: 1px solid #fbf0ca;
}

/* -----------------------------------------------------------------
Shadows
----------------------------------------------------------------- */
.shadow-none {
  box-shadow: drop-shadow(0 0 #fafafa);
}

.shadow-sm {
  box-shadow: drop-shadow(0px 4px 8px rgba(33, 16, 16, 0.1));
}

.shadow-xs {
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.shadow-md {
  box-shadow: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.1)) drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.05));
}

.shadow-lg {
  box-shadow: drop-shadow(0px 12px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.05));
}

.shadow-xl {
  box-shadow: drop-shadow(0px 24px 64px rgba(0, 0, 0, 0.05)) drop-shadow(0px 12px 32px rgba(0, 0, 0, 0.12));
}

.shadow-2xl {
  box-shadow: drop-shadow(0px 32px 32px rgba(0, 0, 0, 0.1)) drop-shadow(0px 24px 40px rgba(0, 0, 0, 0.12));
}

/* Base colors */
/* Neutral colors */
/* Primary colors */
/* Secondary colors */
/* Warning colors */
/* Negative colors */
/* Positive colors */
/* Informative colors */
/* Purple colors */
/* Gradient colors */
/* Shadows */
/* Transparent colors */
/* Size values */
/* Border radius */
/* Padding */
/* Margin */
/* Blurs */
/* Transitions */
/* Body */
/* Font */
/* Button */
/* Icon */
/* Form */
/* Material Label */
/* Modal */
/* Table */
/* Tab */
/* Sidebar */
/* Accordion */
@font-face {
  font-family: "Inter-Light";
  src: url("../../assets/fonts/Inter28pt-Light.woff2") format("woff2"), url("../../assets/fonts/Inter28pt-Light.woff") format("woff");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter-Regular";
  src: url("../../assets/fonts/Inter28pt-Regular.woff2") format("woff2"), url("../../assets/fonts/Inter28pt-Regular.woff") format("woff");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter-Medium";
  src: url("../../assets/fonts/Inter28pt-Medium.woff2") format("woff2"), url("../../assets/fonts/Inter28pt-Medium.woff") format("woff");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter-Semibold";
  src: url("../../assets/fonts/Inter28pt-SemiBold.woff2") format("woff2"), url("../../assets/fonts/Inter28pt-SemiBold.woff") format("woff");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter-Bold";
  src: url("../../assets/fonts/Inter28pt-Bold.woff2") format("woff2"), url("../../assets/fonts/Inter28pt-Bold.woff") format("woff");
  font-style: normal;
  font-display: swap;
}

/* Font faces */
/* Display and heading fonts */
/*  ##Device = Desktops ##Screen = 1281px to higher resolution desktops */
@media (min-width: 2000px) {
  #is-responsive section.suite-section .suite-items .item-card {
    height: 100% !important;
  }
}

@media (min-width: 1680px) {
  #is-responsive section.suite-section .suite-items .item-card {
    height: 34rem;
  }
}

/*  ##Device = Laptops, Desktops ##Screen = B/w 1025px to 1280px */
/*  ##Device = Tablets, Ipads (portrait) ##Screen = B/w 768px to 1024px */
/*  ##Device = Tablets, Ipads (landscape) ##Screen = B/w 768px to 1024px */
@media (max-width: 1200px) {
  #is-responsive section.cover-section .sections {
    justify-content: center;
  }

  #is-responsive section.cover-section .mockup-section {
    margin-top: 3rem !important;
  }

  #is-responsive section.cover-section .f-item {
    margin-bottom: 1.5rem;
  }

  #is-responsive .fit-cover {
    -o-object-position: 0% 100%;
    object-position: 0% 100%;
  }

  #is-responsive #footer-section #footer .footer-links img {
    width: 100%;
  }
}

/* 
                    ##Device = Low Resolution Tablets, Mobiles (Landscape)
                    ##Screen = B/w 481px to 767px
                  */
@media (max-width: 991px) {
  body {
    font-size: 14px !important;
  }

  #is-responsive .flex-wrap-m {
    flex-wrap: wrap !important;
    gap: 1rem !important;
  }

  #is-responsive #header-section header .navbar .navbar-collapse {
    position: absolute;
    right: 0;
    background: #fff;
    top: 70px;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: -1px 1px 3.9px 0px rgba(0, 0, 0, 0.09);
  }

  #is-responsive #header-section header .navbar .navbar-collapse ul {
    gap: 1rem !important;
  }

  #is-responsive section.cover-section .sections {
    justify-content: center;
  }

  #is-responsive section.cover-section .mockup-section {
    margin-top: 3rem !important;
  }

  #is-responsive section.feature-section .feature-item {
    padding-bottom: 40px;
  }

  #is-responsive section.feedbacks-section .inner-card {
    margin-bottom: 2rem;
  }

  #is-responsive section.suite-section .suite-items {
    margin: 0 10vw;
  }

  #is-responsive section.suite-section .suite-items .item-card {
    height: 100% !important;
  }

  #is-responsive section.suite-section .suite-items .item-card .img-curve {
    height: 360px;
  }

  #is-responsive section.suite-section .suite-items .item-card .suite-name {
    top: -120px;
  }

  #is-responsive section.info-section .info-sec-1 {
    padding: 0 !important;
  }

  #is-responsive section.v-section .video-sec .yt-video .play-button .yt-thumbnail {
    width: 70vw !important;
    height: 320px;
  }

  #is-responsive section.video-section iframe,
  #is-responsive section.media-section iframe {
    width: 100%;
    height: 320px;
  }

  #is-responsive section.questions-section .col-lg-6 {
    padding: 0 !important;
  }

  #is-responsive section.questions-section .col-lg-6 .contact-form {
    margin-bottom: 20px;
  }

  #is-responsive section.whoarewe-section .img-section {
    padding-right: 0 !important;
  }

  #is-responsive section.whoarewe-section .content-section {
    padding-top: 2rem;
  }

  #is-responsive section.features-section .pb-64 {
    padding-bottom: 2rem !important;
  }

  #is-responsive section.features-section .col {
    flex: auto !important;
  }

  #is-responsive section.team-section .sec-body .mem-img img {
    width: 200px !important;
  }

  #is-responsive .gap-128px {
    gap: 4rem !important;
  }

  #is-responsive .flex-1 {
    flex: auto !important;
  }

  #is-responsive #footer-section #footer .footer-links .social-icons {
    gap: 0.5rem !important;
  }
}

@media (max-width: 768px) {
  #is-responsive #footer-section #footer .footer-links .social-icons {
    gap: 0.75rem !important;
    margin-bottom: 3rem;
    justify-content: center;
  }

  #is-responsive #footer-section #footer .footer-links .col-xs-6 {
    width: 50% !important;
    margin-bottom: 1.5rem;
  }

  #is-responsive #footer-section #footer .bottom-row .d-flex {
    justify-content: center !important;
    gap: 1.25rem;
  }
}

/* 
                    ##Device = Most of the Smartphones Mobiles (Portrait)
                    ##Screen = B/w 320px to 479px
                  */
/* -----------------------------------------------------------------
Custom Styles for the pages
----------------------------------------------------------------- */
.bcam-pages {
  overflow-x: hidden;
  /* -----------------------------------------------------------------
  Header
  ----------------------------------------------------------------- */
  /* -----------------------------------------------------------------
  Other sections
  ----------------------------------------------------------------- */
  /* -----------------------------------------------------------------
  Modals/ Popups
  ----------------------------------------------------------------- */
  /* -----------------------------------------------------------------
  Footer
  ----------------------------------------------------------------- */
}

.bcam-pages .max-width-768 {
  max-width: 48rem;
  margin: auto;
}

.bcam-pages .max-width-480 {
  max-width: 30rem;
  margin: auto;
}

.bcam-pages #header-section {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  background-color: #ffffff;
}

.bcam-pages #header-section.scrolled {
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.bcam-pages #header-section.is-dark {
  background-color: #101232;
}

.bcam-pages #header-section.is-dark .navbar-brand {
  content: url("../../assets/images/logos/bcam-white.webp");
  width: 6rem;
}

.bcam-pages #header-section.is-dark li.active a,
.bcam-pages #header-section.is-dark li:hover a {
  color: #256bff;
}

.bcam-pages #header-section.is-dark li a {
  color: #f5f5f5;
}

.bcam-pages #header-section.is-dark .btn.btn-infoblue {
  background-color: #256bff;
}

.bcam-pages #header-section.is-dark .navbar-toggler {
  color: #fafafa;
}

.bcam-pages #header-section.is-dark header .navbar .navbar-collapse {
  background-color: #101232 !important;
}

.bcam-pages #header-section.is-dark .menu-dropdown {
  background-color: #101232;
}

.bcam-pages #header-section.is-dark .menu-dropdown .bcam-item h4,
.bcam-pages #header-section.is-dark .menu-dropdown .bcam-item p {
  color: #f5f5f5;
}

.bcam-pages #header-section.is-dark .menu-dropdown .bcam-item.inactive h4,
.bcam-pages #header-section.is-dark .menu-dropdown .bcam-item.inactive p {
  color: #808080 !important;
}

.bcam-pages #header-section.is-dark .menu-dropdown .bcam-item:hover,
.bcam-pages #header-section.is-dark .menu-dropdown .bcam-item:focus,
.bcam-pages #header-section.is-dark .menu-dropdown .bcam-item.active {
  background-color: #221E53;
}

.bcam-pages #header-section header {
  position: relative;
}

.bcam-pages #header-section header .navbar a.navbar-brand {
  margin-right: 1rem;
}

.bcam-pages #header-section header .navbar li.active a,
.bcam-pages #header-section header .navbar li:hover a {
  color: #2C62C2;
}

.bcam-pages #header-section header .navbar li a {
  font-size: 1rem;
}

.bcam-pages #header-section header .menu-dropdown {
  display: none;
  position: absolute;
  background-color: #ffffff;
  padding: 1rem 0;
  left: 0;
  z-index: 100;
  box-shadow: -1px 1px 3.9px 0px rgba(0, 0, 0, 0.09);
}

.bcam-pages #header-section header .menu-dropdown .bcam-item {
  cursor: pointer;
  min-width: 24rem;
}

.bcam-pages #header-section header .menu-dropdown .bcam-item:hover,
.bcam-pages #header-section header .menu-dropdown .bcam-item:focus,
.bcam-pages #header-section header .menu-dropdown .bcam-item.active {
  background-color: #f8f8f8;
  border-radius: 0.5rem;
}

.bcam-pages #header-section header .menu-dropdown .bcam-item a {
  text-decoration: none !important;
}

.bcam-pages #header-section header .menu-dropdown .bcam-item .item-logo img {
  width: 2.5rem;
}

.bcam-pages section {
  /* -----------------------------------------------------------------
  BCAM fire page
  ----------------------------------------------------------------- */
  /* -----------------------------------------------------------------
  Home page
  ----------------------------------------------------------------- */
  /* -----------------------------------------------------------------
  Coming soon page
  ----------------------------------------------------------------- */
  /* -----------------------------------------------------------------
  About page
   ----------------------------------------------------------------- */
  /* -----------------------------------------------------------------
  Privacy Policy
  ----------------------------------------------------------------- */
}

.bcam-pages section.section-01 {
  margin-top: 4.5rem;
}

.bcam-pages section.header-hero-section {
  background: url("../../assets/images/backgrounds/bcamfire-banner.webp") no-repeat center;
  background-size: cover;
}

.bcam-pages section.header-hero-section .overlay-top-background {
  background: linear-gradient(270deg, rgba(32, 32, 32, 0.38) -0.62%, rgba(38, 38, 38, 0.5) 99.99%);
  -webkit-backdrop-filter: blur(9.6px);
  backdrop-filter: blur(9.6px);
}

.bcam-pages section.header-hero-section .overlay-top-background .right ul {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin: 0;
  padding: 1.25rem 0;
}

.bcam-pages section.header-hero-section .overlay-top-background .right ul li {
  list-style-type: none;
}

.bcam-pages section.header-hero-section .overlay-top-background .right ul li a {
  text-decoration: none;
}

.bcam-pages section.header-hero-section .overlay-top-background .right ul li a:hover,
.bcam-pages section.header-hero-section .overlay-top-background .right ul li a:visited,
.bcam-pages section.header-hero-section .overlay-top-background .right ul li a:focus {
  text-decoration: underline;
  font-family: "Inter-Medium", sans-serif;
  transition: all 0.3s ease-in-out;
}

.bcam-pages section.header-hero-section .hero-section .banner-section {
  padding: 8rem 0;
}

.bcam-pages section.header-hero-section.bcam-fire {
  background: url("../../assets/images/backgrounds/bcamfire-home.webp") no-repeat center;
  background-size: cover;
}

.bcam-pages section.header-hero-section.bcam-fire .hero-section .fire-card {
  min-width: 15.5rem;
  height: 17.5rem;
}

.bcam-pages section.header-hero-section.fdaas-header {
  background: url("../../assets/images/backgrounds/fdass-banner.webp") no-repeat center;
  background-size: cover;
}

.bcam-pages section.info-section {
  padding: 2.5rem 0;
}

.bcam-pages section.info-section .info-sec-1 {
  padding: 0 8rem;
}

.bcam-pages section.info-section .info-sec-3 .features-section .col-lg-6:nth-child(odd) .feature-item {
  padding-right: 2rem;
}

.bcam-pages section.banner-section .has-background {
  background: url("../../assets/images/contents/PFA-divide-img.webp") no-repeat center;
  background-size: cover;
  width: 100%;
  height: 20.25rem;
}

.bcam-pages section.banner-section.fdass-banner .has-background {
  background: url("../../assets/images/contents/FDAAS-divide-img.webp") no-repeat center;
  background-size: cover;
}

.bcam-pages section.pricing-section .price-plan .payment-options .card {
  border: 1px solid #EAECF0;
}

.bcam-pages section.pricing-section .price-plan .payment-options .card:hover {
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  transition: all 0.3s ease-in-out;
}

.bcam-pages section.pricing-section .price-plan .payment-options .card .divider {
  min-height: 2rem;
}

.bcam-pages section.faq-section .faq-list.is-blue .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url('../../assets/images/icons/accordion-expand-blue.webp') !important;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.625rem;
}

.bcam-pages section.faq-section .faq-list.is-blue .accordion-item .accordion-button::after {
  background-image: url('../../assets/images/icons/accordion-collapse-blue.webp') !important;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.625rem;
}

.bcam-pages section.faq-section .faq-list .accordion-item {
  border: none;
  border-bottom: 1px solid #EAECF0;
  padding: 2rem 0;
}

.bcam-pages section.faq-section .faq-list .accordion-item button {
  background-color: transparent;
  border-bottom: none;
  padding: 0;
  box-shadow: none;
  outline: 0;
}

.bcam-pages section.faq-section .faq-list .accordion-item button span {
  font-size: 1.125rem;
  color: #070707;
  font-weight: 600;
}

.bcam-pages section.faq-section .faq-list .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url('../../assets/images/icons/accordion-expand.png') !important;
  width: 1.5rem;
  height: 1.625rem;
}

.bcam-pages section.faq-section .faq-list .accordion-item .accordion-button::after {
  background-image: url('../../assets/images/icons/accordion-collapse.png') !important;
  width: 1.5rem;
  height: 1.625rem;
}

.bcam-pages section.faq-section .faq-list .accordion-item .accordion-body {
  padding: 0.5rem 0 0 0;
}

.bcam-pages section.faq-section .faq-list .accordion-item .accordion-body p {
  font-weight: 400;
  line-height: 1.5rem;
  color: #262626;
  margin: 0;
}

.bcam-pages section.contact-section .quiz-box img.customer-icon {
  width: 3.375rem;
  height: 3.375rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.bcam-pages section.cover-section .overlay-top-background {
  background-color: #221E53;
}

.bcam-pages section.cover-section .main-text,
.bcam-pages section.cover-section p {
  max-width: 33rem;
}

.bcam-pages section.cover-section p {
  line-height: 1.875rem;
}

.bcam-pages section.suite-section .suite-items {
  margin-left: 8vw;
}

.bcam-pages section.suite-section .suite-items .item-card {
  margin-right: 1.25rem;
  padding: 0;
  border-radius: 0.25rem;
  border: 0;
  height: 28rem;
  background-color: #fafafa;
  position: relative;
}

.bcam-pages section.suite-section .suite-items .item-card:hover {
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  transition: all 0.3s ease-in-out;
}

.bcam-pages section.suite-section .suite-items .item-card .img-curve {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.25rem 0.25rem 0 0;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 82%, 0 64%);
  clip-path: polygon(0 0, 100% 0%, 100% 82%, 0 64%);
}

.bcam-pages section.suite-section .suite-items .item-card .suite-name {
  padding: 0.75rem;
  position: relative;
  top: -108px;
  width: 100%;
}

.bcam-pages section.suite-section .suite-items .item-card .suite-name .suite-logo {
  background-color: #ffffff;
  border-radius: 0.25rem;
  box-shadow: 0px 24.152px 72px -8px rgba(22, 52, 80, 0.16);
  padding: 1rem;
  margin: auto;
  width: -moz-max-content;
  width: max-content;
}

.bcam-pages section.suite-section .suite-items .item-card .suite-name .suite-logo img {
  width: 3rem;
}

.bcam-pages section.suite-section .suite-items .item-card .suite-name img.bcam-text-img {
  -o-object-fit: contain;
  object-fit: contain;
}

.bcam-pages section.media-section .partners-sec img {
  -o-object-fit: contain;
  object-fit: contain;
}

.bcam-pages section.v-section .video-sec .yt-video {
  position: relative;
}

.bcam-pages section.v-section .video-sec .yt-video .iframe-container {
  position: relative;
  width: 768px;
  height: 428px;
  margin: auto;
  display: none;
}

.bcam-pages section.v-section .video-sec .yt-video .iframe-container .spinner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  /* Semi-transparent black */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.bcam-pages section.v-section .video-sec .yt-video .iframe-container .spinner-overlay .spinner {
  border: 4px solid #f3f3f3;
  /* Light grey */
  border-top: 4px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.bcam-pages section.v-section .video-sec .yt-video .iframe-container iframe {
  position: relative;
  z-index: 5;
}

.bcam-pages section.v-section .video-sec .yt-video .play-button {
  outline: 0;
  border: none;
  border-radius: 0.5rem;
}

.bcam-pages section.v-section .video-sec .yt-video .play-button .yt-thumbnail {
  height: 428px;
  width: 768px;
  position: relative;
  border-radius: 0.5rem;
  background: url("../../assets/images/contents/thumbnail.webp") no-repeat center;
  background-size: cover;
}

.bcam-pages section.feedbacks-section .inner-card .story-info img {
  width: 1.5rem;
  height: 1.5rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.bcam-pages section.testmonials-section {
  background: url("../../assets/images/backgrounds/testmonials.webp") no-repeat center;
  background-size: cover;
}

.bcam-pages section.questions-section .contact-form .col {
  padding: 0;
}

.bcam-pages section.coming-soon-section {
  background: url("../../assets/images/backgrounds/coming-soon.webp") no-repeat center;
  background-size: cover;
  height: 80vh;
}

.bcam-pages section.team-section .team-card .inner-card img {
  width: 100%;
  height: 296px;
  -o-object-fit: cover;
  object-fit: cover;
  filter: grayscale(50);
}

.bcam-pages section.team-section .team-card .inner-card .history li {
  color: #475467;
  list-style-type: none;
}

.bcam-pages section.privacy-policy-section ul li {
  font-size: 1.125rem;
  color: #475467;
  padding-top: 0.5rem;
}

.bcam-pages section.privacy-policy-section ul li strong {
  font-size: 1.125rem;
  font-weight: 700;
}

.bcam-pages section.privacy-policy-section ul li a {
  font-size: 1.125rem;
  color: #475467;
}

.bcam-pages .modal-dialog .modal-content {
  z-index: 100;
  background-color: #fafafa;
}

.bcam-pages .modal-dialog .modal-content .background-modal {
  background: url("../../assets/images/contents/letstalk.png") no-repeat center;
  background-size: cover;
  background-position: top;
  border-radius: 0.5rem;
  width: 100%;
  height: auto;
}

.bcam-pages .modal-dialog .modal-content .background-modal.freetrial {
  background: url("../../assets/images/contents/freetrial.png") no-repeat center;
  background-size: cover;
  background-position: top;
  border-radius: 0.5rem;
  width: 100%;
  height: auto;
}

.bcam-pages .modal-dialog .modal-content .btn-close {
  position: absolute;
  right: 2rem;
}

.bcam-pages #footer-section {
  background: #F7FBFF;
}

.bcam-pages #footer-section #footer .footer-links img {
  width: 17.125rem;
}

.bcam-pages #footer-section #footer .footer-links .links h3 {
  font-weight: 600;
  color: #2C62C2;
  font-size: 0.875rem;
  padding: 0 0 1rem 0;
  margin: 0;
}

.bcam-pages #footer-section #footer .footer-links .links ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bcam-pages #footer-section #footer .footer-links .links ul li {
  list-style-type: none;
}

.bcam-pages #footer-section #footer .footer-links .links ul li a {
  font-size: 0.875rem;
  text-decoration: none;
  color: #262626;
  font-weight: 400;
}

.bcam-pages #footer-section #footer .footer-links .links ul li a:hover {
  font-weight: 600;
}

.bcam-pages #footer-section #footer .bottom-row {
  border-top: 1px solid #D0D5DD;
}

/* -----------------------------------------------------------------
Forms
----------------------------------------------------------------- */
.form-control {
  border-color: #D0D5DD;
  border-radius: 0.5rem;
  padding: 0.75rem;
}

.form-control::-moz-placeholder {
  color: #667085;
}

.form-control::placeholder {
  color: #667085;
}

.form-control.error-border {
  border-color: #d33d3d !important;
}

.form-control.error-border::-moz-placeholder {
  color: #d33d3d;
}

.form-control.error-border::placeholder {
  color: #d33d3d;
}

.input-group select {
  flex: none !important;
  width: 12% !important;
}

.max-width-480 .input-group select {
  flex: none !important;
  width: 16% !important;
}

.form-check-input.error-border {
  border-color: #d33d3d !important;
}

.btn-outline-secondary {
  border-color: #D0D5DD;
  background-color: #ffffff;
}

.grecaptcha-badge {
  visibility: hidden;
}

/* -----------------------------------------------------------------
Buttons
----------------------------------------------------------------- */
.btn {
  font-family: "Inter-Medium", sans-serif;
  font-size: 1rem;
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
  letter-spacing: 0.05rem;
  font-weight: 500;
}

.btn.w-100 {
  padding: 0.75rem;
  border-radius: 0.5rem !important;
}

.btn.btn-default {
  color: #ffffff;
}

.btn.btn-default.btn-orange {
  background-color: #DC143C;
}

.btn.btn-default.btn-blue {
  background-color: #256bff;
}

.btn.btn-default.btn-infoblue {
  background-color: #2C62C2;
}

.btn.btn-default.btn-black {
  background-color: #070707;
}

.btn.btn-default.btn-yellow {
  background-color: #F7CB45;
}

.btn.btn-default.btn-teal {
  background-color: #046C72;
}

.btn.btn-default.btn-grey {
  background-color: #877A7E;
}

.btn.btn-default.btn-d-blue {
  background-color: #0860AE;
}

.btn.btn-default:hover,
.btn.btn-default:active {
  opacity: 0.8;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}

.btn.btn-disabled {
  color: #344054 !important;
  background-color: #b9babb !important;
  cursor: default;
}

.btn.btn-outline.btn-black {
  border: 1px solid #070707;
  color: #070707;
  background-color: transparent;
}

.btn.btn-light {
  color: #344054;
}

.btn.btn-light.btn-white {
  background-color: #ffffff;
}

.btn.btn-light.btn-white:hover,
.btn.btn-light.btn-white:active {
  color: #000000;
  transition: all 0.3s ease-in-out;
}

/* -----------------------------------------------------------------
Badges
----------------------------------------------------------------- */
.badge {
  border-radius: 1rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  background-color: #f5f5f5;
}

.badge span {
  font-family: "Inter-Medium", sans-serif;
  font-weight: 500;
}

.badge i {
  padding-left: 0.25rem;
}

.badge.badge-orange {
  color: #DC143C;
}

.badge.badge-purple {
  color: #6941c6;
  background-color: #F4F8FF;
}

.badge.badge-blue {
  color: #2C62C2;
  background-color: #F4F8FF;
}

.badge.badge-dark {
  color: #EAECF0;
  border: 1px solid #667085;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(173, 173, 173, 0.11) 100%);
  -webkit-backdrop-filter: blur(3.7999999523px);
  backdrop-filter: blur(3.7999999523px);
}

.badge.badge-dark span {
  font-family: "Inter-Light", sans-serif;
  font-weight: 400 !important;
}

/* -----------------------------------------------------------------
Social icon widget
----------------------------------------------------------------- */
.social-icon-widget {
  position: fixed;
  right: 0;
  top: 60vh;
  z-index: 100;
  border-radius: 0.5rem 0px 0px 0.5rem;
  box-shadow: -1px 1px 3.9px 0px rgba(0, 0, 0, 0.09);
  background-color: #ffffff;
}

.social-icon-widget.is-dark {
  background-color: #101232;
}

.social-icon-widget.is-dark a i {
  color: #fafafa;
}

.social-icon-widget.is-red a i {
  color: #DC143C;
}

.social-icon-widget.is-blue a i {
  color: #2b53a2;
}

/* -----------------------------------------------------------------
Slick slider
----------------------------------------------------------------- */
.slick-dots {
  bottom: -56px;
}

.slick-dots li {
  margin: 0 !important;
}

.slick-dots li.slick-active button:before {
  color: #0197F6;
}

.slick-dots li button::before {
  font-size: 1.75rem;
  color: #221E53;
}

/* -----------------------------------------------------------------
Page Loader
----------------------------------------------------------------- */
.fullpage-loader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  z-index: 99999;
  opacity: 1;
  transition: opacity 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fullpage-loader .fullpage-loader__logo {
  position: relative;
}

.fullpage-loader .fullpage-loader__logo img {
  width: 6.25rem;
}

.fullpage-loader .fullpage-loader__logo:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation: load 2.5s infinite cubic-bezier(0.42, 0, 0.58, 1);
  background: rgba(255, 255, 255, 0.8);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
}

.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
  width: 100%;
}
.iti__search-input {
  padding: 8px !important;
}

.fullpage-loader--invisible {
  opacity: 0;
}

@keyframes load {
  0% {
    transform: translateX(-100%) skew(-30deg);
  }

  100% {
    transform: translateX(200%) skew(-30deg);
  }
}

/* -----------------------------------------------------------------
Scrollbar
----------------------------------------------------------------- */
::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #101232;
}

/* -----------------------------------------------------------------
Scroll top button
----------------------------------------------------------------- */
#scrollTop {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #101232;
  width: 3rem;
  height: 3rem;
  text-align: center;
  border-radius: 0.25rem;
  position: fixed;
  text-decoration: none;
  bottom: 30px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #ffffff;
}

#scrollTop:hover {
  cursor: pointer;
  background-color: #256bff;
}

#scrollTop:active {
  background-color: #256bff;
}

#scrollTop.show {
  opacity: 1;
  visibility: visible;
}

/* -----------------------------------------------------------------
Animations
----------------------------------------------------------------- */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
  transform: scale(1.05);
}

.container {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

@keyframes load {
  0% {
    transform: translateX(-100%) skew(-30deg);
  }

  100% {
    transform: translateX(200%) skew(-30deg);
  }
}

@media (min-width: 1200px) {
  .banner-buttons {
    margin: unset !important;
  }
}

/*# sourceMappingURL=main.css.map */