/*!
 * Bootstrap v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

 @import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");

 :root {
   --primary-color: #3b82f6;
   --primary-light: #9538ff;
   --white-color: #ffffff;
   --dull-white: #d9d9d9;
   --body-bg: #1e1e1e;
   --hover-white: #ffffff10;
   --hover-black: rgba(30, 30, 30, 0.05);
 }
 
 ::selection {
   background-color: var(--primary-color);
   color: var(--white-color);
 }
 
 *,
 ::after,
 ::before {
   box-sizing: border-box;
 }
 
 @media (prefers-reduced-motion: no-preference) {
   :root {
     scroll-behavior: smooth;
   }
 }
 
 /* Fonts Defined */
 @font-face {
   font-family: "Inter";
   src: url("../font/inter/Inter-Black.woff2") format("woff2"),
     url("../font/inter/Inter-Black.woff") format("woff");
   font-weight: 900;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: "Inter";
   src: url("../font/inter/Inter-Regular.woff2") format("woff2"),
     url("../font/inter/Inter-Regular.woff") format("woff");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: "Inter";
   src: url("../font/inter/Inter-Bold.woff2") format("woff2"),
     url("../font/inter/Inter-Bold.woff") format("woff");
   font-weight: bold;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: "Inter";
   src: url("../font/inter/Inter-ExtraLight.woff2") format("woff2"),
     url("../font/inter/Inter-ExtraLight.woff") format("woff");
   font-weight: 200;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: "Inter";
   src: url("../font/inter/Inter-Medium.woff2") format("woff2"),
     url("../font/inter/Inter-Medium.woff") format("woff");
   font-weight: 500;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: "Inter";
   src: url("../font/inter/Inter-SemiBold.woff2") format("woff2"),
     url("../font/inter/Inter-SemiBold.woff") format("woff");
   font-weight: 600;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: "Inter";
   src: url("../font/inter/Inter-Light.woff2") format("woff2"),
     url("../font/inter/Inter-Light.woff") format("woff");
   font-weight: 300;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: "Inter";
   src: url("../font/inter/Inter-ExtraBold.woff2") format("woff2"),
     url("../font/inter/Inter-ExtraBold.woff") format("woff");
   font-weight: bold;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: "Inter";
   src: url("../font/inter/Inter-Thin.woff2") format("woff2"),
     url("../font/inter/Inter-Thin.woff") format("woff");
   font-weight: 100;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: "Inter";
   src: url("../font/inter/Inter-Regular.woff2") format("woff2"),
     url("../font/inter/Inter-Regular.woff") format("woff");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }
 
 .white-color {
   color: var(--white-color);
 }
 
 .dull-white {
   color: var(--dull-white);
 }
 
 body {
   margin: 0;
   font-family: "Inter";
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   background-color: var(--body-bg);
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: transparent;
   transition: 0.3s ease-out;
   color: var(--white-color);
 }
 
 hr {
   margin: 1rem 0;
   color: inherit;
   background-color: currentColor;
   border: 0;
   opacity: 0.25;
 }
 
 hr:not([size]) {
   height: 1px;
 }
 
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   margin-top: 0;
   margin-bottom: 0.5rem;
   font-weight: 500;
   line-height: 1.2;
 }
 
 .h1,
 h1 {
   font-weight: 700;
   font-size: 54px;
   line-height: 62px;
 }
 
 .h2,
 h2 {
   font-style: normal;
   font-weight: 700;
   font-size: 32px;
   line-height: 42px;
 }
 
 .h3,
 h3 {
   font-size: calc(1.3rem + 0.6vw);
 }
 
 p:empty,
 a:empty {
   display: none;
 }
 
 @media (min-width: 1200px) {
 
   .h3,
   h3 {
     font-size: 1.75rem;
   }
 }
 
 .h4,
 h4 {
   font-weight: 700;
   font-size: 16.1775px;
   line-height: 22px;
 }
 
 .h5,
 h5 {
   font-size: 1.25rem;
 }
 
 .h6,
 h6 {
   font-size: 1rem;
 }
 
 p {
   margin-top: 0;
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 20px;
   margin-bottom: 0;
   color: var(--dull-white);
 }
 
 ol,
 ul {
   padding-left: 0;
 }
 
 ol li,
 ul li {
   list-style: none;
 }
 
 dl,
 ol,
 ul {
   margin-top: 0;
   margin-bottom: 0;
 }
 
 ol ol,
 ol ul,
 ul ol,
 ul ul {
   margin-bottom: 0;
 }
 
 b,
 strong {
   font-weight: 600;
 }
 
 .small,
 small {
   font-size: 0.875em;
 }
 
 sub,
 sup {
   position: relative;
   font-size: 0.75em;
   line-height: 0;
   vertical-align: baseline;
 }
 
 sub {
   bottom: -0.25em;
 }
 
 sup {
   top: -0.5em;
 }
 
 a {
   color: var(--white-color);
   text-decoration: none;
   font-size: 14px;
   line-height: 22px;
 }
 
 a:not([href]):not([class]),
 a:not([href]):not([class]):hover {
   color: inherit;
   text-decoration: none;
 }
 
 img,
 svg {
   vertical-align: middle;
 }
 
 table {
   caption-side: bottom;
   border-collapse: collapse;
 }
 
 th {
   text-align: inherit;
   text-align: -webkit-match-parent;
 }
 
 tbody,
 td,
 tfoot,
 th,
 thead,
 tr {
   border-color: inherit;
   border-style: solid;
   border-width: 0;
 }
 
 label {
   display: inline-block;
 }
 
 button {
   border-radius: 0;
 }
 
 button:focus:not(:focus-visible) {
   outline: 0;
 }
 
 button,
 input,
 optgroup,
 select,
 textarea {
   margin: 0;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
 }
 
 button,
 select {
   text-transform: none;
 }
 
 [role="button"] {
   cursor: pointer;
 }
 
 select {
   word-wrap: normal;
 }
 
 select:disabled {
   opacity: 1;
 }
 
 [list]::-webkit-calendar-picker-indicator {
   display: none;
 }
 
 [type="button"],
 [type="reset"],
 [type="submit"],
 button {
   -webkit-appearance: button;
 }
 
 [type="button"]:not(:disabled),
 [type="reset"]:not(:disabled),
 [type="submit"]:not(:disabled),
 button:not(:disabled) {
   cursor: pointer;
 }
 
 ::-moz-focus-inner {
   padding: 0;
   border-style: none;
 }
 
 textarea {
   resize: vertical;
 }
 
 ::-webkit-datetime-edit-day-field,
 ::-webkit-datetime-edit-fields-wrapper,
 ::-webkit-datetime-edit-hour-field,
 ::-webkit-datetime-edit-minute,
 ::-webkit-datetime-edit-month-field,
 ::-webkit-datetime-edit-text,
 ::-webkit-datetime-edit-year-field {
   padding: 0;
 }
 
 ::-webkit-inner-spin-button {
   height: auto;
 }
 
 [type="search"] {
   outline-offset: -2px;
   -webkit-appearance: textfield;
 }
 
 ::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
 ::-webkit-color-swatch-wrapper {
   padding: 0;
 }
 
 ::file-selector-button {
   font: inherit;
 }
 
 ::-webkit-file-upload-button {
   font: inherit;
   -webkit-appearance: button;
 }
 
 iframe {
   border: 0;
 }
 
 progress {
   vertical-align: baseline;
 }
 
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
 
 /* Firefox */
 input[type="number"] {
   -moz-appearance: textfield;
 }
 
 [hidden] {
   display: none !important;
 }
 
 .list-unstyled {
   padding-left: 0;
   list-style: none;
 }
 
 .list-inline {
   padding-left: 0;
   list-style: none;
 }
 
 .list-inline-item {
   display: inline-block;
 }
 
 .list-inline-item:not(:last-child) {
   margin-right: 0.5rem;
 }
 
 .initialism {
   font-size: 0.875em;
   text-transform: uppercase;
 }
 
 .blockquote {
   margin-bottom: 1rem;
   font-size: 1.25rem;
 }
 
 .blockquote> :last-child {
   margin-bottom: 0;
 }
 
 .blockquote-footer {
   margin-top: -1rem;
   margin-bottom: 1rem;
   font-size: 0.875em;
   color: #6c757d;
 }
 
 .blockquote-footer::before {
   content: "— ";
 }
 
 .img-fluid {
   max-width: 100%;
   height: auto;
 }
 
 .img-thumbnail {
   padding: 0.25rem;
   background-color: #fff;
   border: 1px solid #dee2e6;
   border-radius: 0.25rem;
   max-width: 100%;
   height: auto;
 }
 
 .figure {
   display: inline-block;
 }
 
 .figure-img {
   margin-bottom: 0.5rem;
   line-height: 1;
 }
 
 .figure-caption {
   font-size: 0.875em;
   color: #6c757d;
 }
 
 .container,
 .container-fluid,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl,
 .container-xxl {
   width: 100%;
   padding-right: var(--bs-gutter-x, 0.75rem);
   padding-left: var(--bs-gutter-x, 0.75rem);
   margin-right: auto;
   margin-left: auto;
 }
 
 @media (min-width: 576px) {
 
   .container,
   .container-sm {
     max-width: 100%;
     padding: 0 15px;
   }
 }
 
 @media (min-width: 768px) {
 
   .container,
   .container-md,
   .container-sm {
     max-width: 900px;
   }
 }
 
 @media (min-width: 992px) {
 
   .container,
   .container-lg,
   .container-md,
   .container-sm {
     max-width: 1100px;
   }
 }
 
 @media (min-width: 1200px) {
 
   .container,
   .container-lg,
   .container-md,
   .container-sm,
   .container-xl {
     max-width: 1300px;
   }
 }
 
 @media (min-width: 1400px) {
 
   .container,
   .container-lg,
   .container-md,
   .container-sm,
   .container-xl,
   .container-xxl {
     max-width: 1280px;
   }
 }
 
 .row {
   --bs-gutter-x: 1.5rem;
   --bs-gutter-y: 0;
   display: flex;
   flex-wrap: wrap;
   margin-top: calc(var(--bs-gutter-y) * -1);
   margin-right: calc(var(--bs-gutter-x) * -0.5);
   margin-left: calc(var(--bs-gutter-x) * -0.5);
 }
 
 .row>* {
   flex-shrink: 0;
   width: 100%;
   max-width: 100%;
   padding-right: calc(var(--bs-gutter-x) * 0.6);
   padding-left: calc(var(--bs-gutter-x) * 0.6);
   margin-top: var(--bs-gutter-y);
 }
 
 .col {
   flex: 1 0 0%;
 }
 
 .row-cols-auto>* {
   flex: 0 0 auto;
   width: auto;
 }
 
 .row-cols-1>* {
   flex: 0 0 auto;
   width: 100%;
 }
 
 .row-cols-2>* {
   flex: 0 0 auto;
   width: 50%;
 }
 
 .row-cols-3>* {
   flex: 0 0 auto;
   width: 33.3333333333%;
 }
 
 .row-cols-4>* {
   flex: 0 0 auto;
   width: 25%;
 }
 
 .row-cols-5>* {
   flex: 0 0 auto;
   width: 20%;
 }
 
 .row-cols-6>* {
   flex: 0 0 auto;
   width: 16.6666666667%;
 }
 
 @media (min-width: 576px) {
   .col-sm {
     flex: 1 0 0%;
   }
 
   .row-cols-sm-auto>* {
     flex: 0 0 auto;
     width: auto;
   }
 
   .row-cols-sm-1>* {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .row-cols-sm-2>* {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .row-cols-sm-3>* {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }
 
   .row-cols-sm-4>* {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .row-cols-sm-5>* {
     flex: 0 0 auto;
     width: 20%;
   }
 
   .row-cols-sm-6>* {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }
 }
 
 @media (min-width: 768px) {
   .col-md {
     flex: 1 0 0%;
   }
 
   .row-cols-md-auto>* {
     flex: 0 0 auto;
     width: auto;
   }
 
   .row-cols-md-1>* {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .row-cols-md-2>* {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .row-cols-md-3>* {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }
 
   .row-cols-md-4>* {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .row-cols-md-5>* {
     flex: 0 0 auto;
     width: 20%;
   }
 
   .row-cols-md-6>* {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }
 }
 
 @media (min-width: 992px) {
   .col-lg {
     flex: 1 0 0%;
   }
 
   .row-cols-lg-auto>* {
     flex: 0 0 auto;
     width: auto;
   }
 
   .row-cols-lg-1>* {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .row-cols-lg-2>* {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .row-cols-lg-3>* {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }
 
   .row-cols-lg-4>* {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .row-cols-lg-5>* {
     flex: 0 0 auto;
     width: 20%;
   }
 
   .row-cols-lg-6>* {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }
 }
 
 @media (min-width: 1200px) {
   .col-xl {
     flex: 1 0 0%;
   }
 
   .row-cols-xl-auto>* {
     flex: 0 0 auto;
     width: auto;
   }
 
   .row-cols-xl-1>* {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .row-cols-xl-2>* {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .row-cols-xl-3>* {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }
 
   .row-cols-xl-4>* {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .row-cols-xl-5>* {
     flex: 0 0 auto;
     width: 20%;
   }
 
   .row-cols-xl-6>* {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }
 }
 
 @media (min-width: 1400px) {
   .col-xxl {
     flex: 1 0 0%;
   }
 
   .row-cols-xxl-auto>* {
     flex: 0 0 auto;
     width: auto;
   }
 
   .row-cols-xxl-1>* {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .row-cols-xxl-2>* {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .row-cols-xxl-3>* {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }
 
   .row-cols-xxl-4>* {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .row-cols-xxl-5>* {
     flex: 0 0 auto;
     width: 20%;
   }
 
   .row-cols-xxl-6>* {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }
 }
 
 .col-auto {
   flex: 0 0 auto;
   width: auto;
 }
 
 .col-1 {
   flex: 0 0 auto;
   width: 8.33333333%;
 }
 
 .col-2 {
   flex: 0 0 auto;
   width: 16.66666667%;
 }
 
 .col-3 {
   flex: 0 0 auto;
   width: 25%;
 }
 
 .col-4 {
   flex: 0 0 auto;
   width: 33.33333333%;
 }
 
 .col-5 {
   flex: 0 0 auto;
   width: 41.66666667%;
 }
 
 .col-6 {
   flex: 0 0 auto;
   width: 50%;
 }
 
 .col-7 {
   flex: 0 0 auto;
   width: 58.33333333%;
 }
 
 .col-8 {
   flex: 0 0 auto;
   width: 66.66666667%;
 }
 
 .col-9 {
   flex: 0 0 auto;
   width: 75%;
 }
 
 .col-10 {
   flex: 0 0 auto;
   width: 83.33333333%;
 }
 
 .col-11 {
   flex: 0 0 auto;
   width: 91.66666667%;
 }
 
 .col-12 {
   flex: 0 0 auto;
   width: 100%;
 }
 
 .offset-1 {
   margin-left: 8.33333333%;
 }
 
 .offset-2 {
   margin-left: 16.66666667%;
 }
 
 .offset-3 {
   margin-left: 25%;
 }
 
 .offset-4 {
   margin-left: 33.33333333%;
 }
 
 .offset-5 {
   margin-left: 41.66666667%;
 }
 
 .offset-6 {
   margin-left: 50%;
 }
 
 .offset-7 {
   margin-left: 58.33333333%;
 }
 
 .offset-8 {
   margin-left: 66.66666667%;
 }
 
 .offset-9 {
   margin-left: 75%;
 }
 
 .offset-10 {
   margin-left: 83.33333333%;
 }
 
 .offset-11 {
   margin-left: 91.66666667%;
 }
 
 .g-0,
 .gx-0 {
   --bs-gutter-x: 0;
 }
 
 .g-0,
 .gy-0 {
   --bs-gutter-y: 0;
 }
 
 .g-1,
 .gx-1 {
   --bs-gutter-x: 0.25rem;
 }
 
 .g-1,
 .gy-1 {
   --bs-gutter-y: 0.25rem;
 }
 
 .g-2,
 .gx-2 {
   --bs-gutter-x: 0.5rem;
 }
 
 .g-2,
 .gy-2 {
   --bs-gutter-y: 0.5rem;
 }
 
 .g-3,
 .gx-3 {
   --bs-gutter-x: 1rem;
 }
 
 .g-3,
 .gy-3 {
   --bs-gutter-y: 1rem;
 }
 
 .g-4,
 .gx-4 {
   --bs-gutter-x: 1.5rem;
 }
 
 .g-4,
 .gy-4 {
   --bs-gutter-y: 1.5rem;
 }
 
 .g-5,
 .gx-5 {
   --bs-gutter-x: 3rem;
 }
 
 .g-5,
 .gy-5 {
   --bs-gutter-y: 3rem;
 }
 
 @media (min-width: 576px) {
   .col-sm-auto {
     flex: 0 0 auto;
     width: auto;
   }
 
   .col-sm-1 {
     flex: 0 0 auto;
     width: 8.33333333%;
   }
 
   .col-sm-2 {
     flex: 0 0 auto;
     width: 16.66666667%;
   }
 
   .col-sm-3 {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .col-sm-4 {
     flex: 0 0 auto;
     width: 33.33333333%;
   }
 
   .col-sm-5 {
     flex: 0 0 auto;
     width: 41.66666667%;
   }
 
   .col-sm-6 {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .col-sm-7 {
     flex: 0 0 auto;
     width: 58.33333333%;
   }
 
   .col-sm-8 {
     flex: 0 0 auto;
     width: 66.66666667%;
   }
 
   .col-sm-9 {
     flex: 0 0 auto;
     width: 75%;
   }
 
   .col-sm-10 {
     flex: 0 0 auto;
     width: 83.33333333%;
   }
 
   .col-sm-11 {
     flex: 0 0 auto;
     width: 91.66666667%;
   }
 
   .col-sm-12 {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .offset-sm-0 {
     margin-left: 0;
   }
 
   .offset-sm-1 {
     margin-left: 8.33333333%;
   }
 
   .offset-sm-2 {
     margin-left: 16.66666667%;
   }
 
   .offset-sm-3 {
     margin-left: 25%;
   }
 
   .offset-sm-4 {
     margin-left: 33.33333333%;
   }
 
   .offset-sm-5 {
     margin-left: 41.66666667%;
   }
 
   .offset-sm-6 {
     margin-left: 50%;
   }
 
   .offset-sm-7 {
     margin-left: 58.33333333%;
   }
 
   .offset-sm-8 {
     margin-left: 66.66666667%;
   }
 
   .offset-sm-9 {
     margin-left: 75%;
   }
 
   .offset-sm-10 {
     margin-left: 83.33333333%;
   }
 
   .offset-sm-11 {
     margin-left: 91.66666667%;
   }
 
   .g-sm-0,
   .gx-sm-0 {
     --bs-gutter-x: 0;
   }
 
   .g-sm-0,
   .gy-sm-0 {
     --bs-gutter-y: 0;
   }
 
   .g-sm-1,
   .gx-sm-1 {
     --bs-gutter-x: 0.25rem;
   }
 
   .g-sm-1,
   .gy-sm-1 {
     --bs-gutter-y: 0.25rem;
   }
 
   .g-sm-2,
   .gx-sm-2 {
     --bs-gutter-x: 0.5rem;
   }
 
   .g-sm-2,
   .gy-sm-2 {
     --bs-gutter-y: 0.5rem;
   }
 
   .g-sm-3,
   .gx-sm-3 {
     --bs-gutter-x: 1rem;
   }
 
   .g-sm-3,
   .gy-sm-3 {
     --bs-gutter-y: 1rem;
   }
 
   .g-sm-4,
   .gx-sm-4 {
     --bs-gutter-x: 1.5rem;
   }
 
   .g-sm-4,
   .gy-sm-4 {
     --bs-gutter-y: 1.5rem;
   }
 
   .g-sm-5,
   .gx-sm-5 {
     --bs-gutter-x: 3rem;
   }
 
   .g-sm-5,
   .gy-sm-5 {
     --bs-gutter-y: 3rem;
   }
 }
 
 @media (min-width: 768px) {
   .col-md-auto {
     flex: 0 0 auto;
     width: auto;
   }
 
   .col-md-1 {
     flex: 0 0 auto;
     width: 8.33333333%;
   }
 
   .col-md-2 {
     flex: 0 0 auto;
     width: 16.66666667%;
   }
 
   .col-md-3 {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .col-md-4 {
     flex: 0 0 auto;
     width: 33.33333333%;
   }
 
   .col-md-5 {
     flex: 0 0 auto;
     width: 41.66666667%;
   }
 
   .col-md-6 {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .col-md-7 {
     flex: 0 0 auto;
     width: 58.33333333%;
   }
 
   .col-md-8 {
     flex: 0 0 auto;
     width: 66.66666667%;
   }
 
   .col-md-9 {
     flex: 0 0 auto;
     width: 75%;
   }
 
   .col-md-10 {
     flex: 0 0 auto;
     width: 83.33333333%;
   }
 
   .col-md-11 {
     flex: 0 0 auto;
     width: 91.66666667%;
   }
 
   .col-md-12 {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .offset-md-0 {
     margin-left: 0;
   }
 
   .offset-md-1 {
     margin-left: 8.33333333%;
   }
 
   .offset-md-2 {
     margin-left: 16.66666667%;
   }
 
   .offset-md-3 {
     margin-left: 25%;
   }
 
   .offset-md-4 {
     margin-left: 33.33333333%;
   }
 
   .offset-md-5 {
     margin-left: 41.66666667%;
   }
 
   .offset-md-6 {
     margin-left: 50%;
   }
 
   .offset-md-7 {
     margin-left: 58.33333333%;
   }
 
   .offset-md-8 {
     margin-left: 66.66666667%;
   }
 
   .offset-md-9 {
     margin-left: 75%;
   }
 
   .offset-md-10 {
     margin-left: 83.33333333%;
   }
 
   .offset-md-11 {
     margin-left: 91.66666667%;
   }
 
   .g-md-0,
   .gx-md-0 {
     --bs-gutter-x: 0;
   }
 
   .g-md-0,
   .gy-md-0 {
     --bs-gutter-y: 0;
   }
 
   .g-md-1,
   .gx-md-1 {
     --bs-gutter-x: 0.25rem;
   }
 
   .g-md-1,
   .gy-md-1 {
     --bs-gutter-y: 0.25rem;
   }
 
   .g-md-2,
   .gx-md-2 {
     --bs-gutter-x: 0.5rem;
   }
 
   .g-md-2,
   .gy-md-2 {
     --bs-gutter-y: 0.5rem;
   }
 
   .g-md-3,
   .gx-md-3 {
     --bs-gutter-x: 1rem;
   }
 
   .g-md-3,
   .gy-md-3 {
     --bs-gutter-y: 1rem;
   }
 
   .g-md-4,
   .gx-md-4 {
     --bs-gutter-x: 1.5rem;
   }
 
   .g-md-4,
   .gy-md-4 {
     --bs-gutter-y: 1.5rem;
   }
 
   .g-md-5,
   .gx-md-5 {
     --bs-gutter-x: 3rem;
   }
 
   .g-md-5,
   .gy-md-5 {
     --bs-gutter-y: 3rem;
   }
 }
 
 @media (min-width: 992px) {
   .col-lg-auto {
     flex: 0 0 auto;
     width: auto;
   }
 
   .col-lg-1 {
     flex: 0 0 auto;
     width: 8.33333333%;
   }
 
   .col-lg-2 {
     flex: 0 0 auto;
     width: 16.66666667%;
   }
 
   .col-lg-3 {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .col-lg-4 {
     flex: 0 0 auto;
     width: 33.33333333%;
   }
 
   .col-lg-5 {
     flex: 0 0 auto;
     width: 41.66666667%;
   }
 
   .col-lg-6 {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .col-lg-7 {
     flex: 0 0 auto;
     width: 58.33333333%;
   }
 
   .col-lg-8 {
     flex: 0 0 auto;
     width: 66.66666667%;
   }
 
   .col-lg-9 {
     flex: 0 0 auto;
     width: 75%;
   }
 
   .col-lg-10 {
     flex: 0 0 auto;
     width: 83.33333333%;
   }
 
   .col-lg-11 {
     flex: 0 0 auto;
     width: 91.66666667%;
   }
 
   .col-lg-12 {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .offset-lg-0 {
     margin-left: 0;
   }
 
   .offset-lg-1 {
     margin-left: 8.33333333%;
   }
 
   .offset-lg-2 {
     margin-left: 16.66666667%;
   }
 
   .offset-lg-3 {
     margin-left: 25%;
   }
 
   .offset-lg-4 {
     margin-left: 33.33333333%;
   }
 
   .offset-lg-5 {
     margin-left: 41.66666667%;
   }
 
   .offset-lg-6 {
     margin-left: 50%;
   }
 
   .offset-lg-7 {
     margin-left: 58.33333333%;
   }
 
   .offset-lg-8 {
     margin-left: 66.66666667%;
   }
 
   .offset-lg-9 {
     margin-left: 75%;
   }
 
   .offset-lg-10 {
     margin-left: 83.33333333%;
   }
 
   .offset-lg-11 {
     margin-left: 91.66666667%;
   }
 
   .g-lg-0,
   .gx-lg-0 {
     --bs-gutter-x: 0;
   }
 
   .g-lg-0,
   .gy-lg-0 {
     --bs-gutter-y: 0;
   }
 
   .g-lg-1,
   .gx-lg-1 {
     --bs-gutter-x: 0.25rem;
   }
 
   .g-lg-1,
   .gy-lg-1 {
     --bs-gutter-y: 0.25rem;
   }
 
   .g-lg-2,
   .gx-lg-2 {
     --bs-gutter-x: 0.5rem;
   }
 
   .g-lg-2,
   .gy-lg-2 {
     --bs-gutter-y: 0.5rem;
   }
 
   .g-lg-3,
   .gx-lg-3 {
     --bs-gutter-x: 1rem;
   }
 
   .g-lg-3,
   .gy-lg-3 {
     --bs-gutter-y: 1rem;
   }
 
   .g-lg-4,
   .gx-lg-4 {
     --bs-gutter-x: 1.5rem;
   }
 
   .g-lg-4,
   .gy-lg-4 {
     --bs-gutter-y: 1.5rem;
   }
 
   .g-lg-5,
   .gx-lg-5 {
     --bs-gutter-x: 3rem;
   }
 
   .g-lg-5,
   .gy-lg-5 {
     --bs-gutter-y: 3rem;
   }
 }
 
 @media (min-width: 1200px) {
   .col-xl-auto {
     flex: 0 0 auto;
     width: auto;
   }
 
   .col-xl-1 {
     flex: 0 0 auto;
     width: 8.33333333%;
   }
 
   .col-xl-2 {
     flex: 0 0 auto;
     width: 16.66666667%;
   }
 
   .col-xl-3 {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .col-xl-4 {
     flex: 0 0 auto;
     width: 33.33333333%;
   }
 
   .col-xl-5 {
     flex: 0 0 auto;
     width: 41.66666667%;
   }
 
   .col-xl-6 {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .col-xl-7 {
     flex: 0 0 auto;
     width: 58.33333333%;
   }
 
   .col-xl-8 {
     flex: 0 0 auto;
     width: 66.66666667%;
   }
 
   .col-xl-9 {
     flex: 0 0 auto;
     width: 75%;
   }
 
   .col-xl-10 {
     flex: 0 0 auto;
     width: 83.33333333%;
   }
 
   .col-xl-11 {
     flex: 0 0 auto;
     width: 91.66666667%;
   }
 
   .col-xl-12 {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .offset-xl-0 {
     margin-left: 0;
   }
 
   .offset-xl-1 {
     margin-left: 8.33333333%;
   }
 
   .offset-xl-2 {
     margin-left: 16.66666667%;
   }
 
   .offset-xl-3 {
     margin-left: 25%;
   }
 
   .offset-xl-4 {
     margin-left: 33.33333333%;
   }
 
   .offset-xl-5 {
     margin-left: 41.66666667%;
   }
 
   .offset-xl-6 {
     margin-left: 50%;
   }
 
   .offset-xl-7 {
     margin-left: 58.33333333%;
   }
 
   .offset-xl-8 {
     margin-left: 66.66666667%;
   }
 
   .offset-xl-9 {
     margin-left: 75%;
   }
 
   .offset-xl-10 {
     margin-left: 83.33333333%;
   }
 
   .offset-xl-11 {
     margin-left: 91.66666667%;
   }
 
   .g-xl-0,
   .gx-xl-0 {
     --bs-gutter-x: 0;
   }
 
   .g-xl-0,
   .gy-xl-0 {
     --bs-gutter-y: 0;
   }
 
   .g-xl-1,
   .gx-xl-1 {
     --bs-gutter-x: 0.25rem;
   }
 
   .g-xl-1,
   .gy-xl-1 {
     --bs-gutter-y: 0.25rem;
   }
 
   .g-xl-2,
   .gx-xl-2 {
     --bs-gutter-x: 0.5rem;
   }
 
   .g-xl-2,
   .gy-xl-2 {
     --bs-gutter-y: 0.5rem;
   }
 
   .g-xl-3,
   .gx-xl-3 {
     --bs-gutter-x: 1rem;
   }
 
   .g-xl-3,
   .gy-xl-3 {
     --bs-gutter-y: 1rem;
   }
 
   .g-xl-4,
   .gx-xl-4 {
     --bs-gutter-x: 1.5rem;
   }
 
   .g-xl-4,
   .gy-xl-4 {
     --bs-gutter-y: 1.5rem;
   }
 
   .g-xl-5,
   .gx-xl-5 {
     --bs-gutter-x: 3rem;
   }
 
   .g-xl-5,
   .gy-xl-5 {
     --bs-gutter-y: 3rem;
   }
 }
 
 @media (min-width: 1400px) {
   .col-xxl-auto {
     flex: 0 0 auto;
     width: auto;
   }
 
   .col-xxl-1 {
     flex: 0 0 auto;
     width: 8.33333333%;
   }
 
   .col-xxl-2 {
     flex: 0 0 auto;
     width: 16.66666667%;
   }
 
   .col-xxl-3 {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .col-xxl-4 {
     flex: 0 0 auto;
     width: 33.33333333%;
   }
 
   .col-xxl-5 {
     flex: 0 0 auto;
     width: 41.66666667%;
   }
 
   .col-xxl-6 {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .col-xxl-7 {
     flex: 0 0 auto;
     width: 58.33333333%;
   }
 
   .col-xxl-8 {
     flex: 0 0 auto;
     width: 66.66666667%;
   }
 
   .col-xxl-9 {
     flex: 0 0 auto;
     width: 75%;
   }
 
   .col-xxl-10 {
     flex: 0 0 auto;
     width: 83.33333333%;
   }
 
   .col-xxl-11 {
     flex: 0 0 auto;
     width: 91.66666667%;
   }
 
   .col-xxl-12 {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .offset-xxl-0 {
     margin-left: 0;
   }
 
   .offset-xxl-1 {
     margin-left: 8.33333333%;
   }
 
   .offset-xxl-2 {
     margin-left: 16.66666667%;
   }
 
   .offset-xxl-3 {
     margin-left: 25%;
   }
 
   .offset-xxl-4 {
     margin-left: 33.33333333%;
   }
 
   .offset-xxl-5 {
     margin-left: 41.66666667%;
   }
 
   .offset-xxl-6 {
     margin-left: 50%;
   }
 
   .offset-xxl-7 {
     margin-left: 58.33333333%;
   }
 
   .offset-xxl-8 {
     margin-left: 66.66666667%;
   }
 
   .offset-xxl-9 {
     margin-left: 75%;
   }
 
   .offset-xxl-10 {
     margin-left: 83.33333333%;
   }
 
   .offset-xxl-11 {
     margin-left: 91.66666667%;
   }
 
   .g-xxl-0,
   .gx-xxl-0 {
     --bs-gutter-x: 0;
   }
 
   .g-xxl-0,
   .gy-xxl-0 {
     --bs-gutter-y: 0;
   }
 
   .g-xxl-1,
   .gx-xxl-1 {
     --bs-gutter-x: 0.25rem;
   }
 
   .g-xxl-1,
   .gy-xxl-1 {
     --bs-gutter-y: 0.25rem;
   }
 
   .g-xxl-2,
   .gx-xxl-2 {
     --bs-gutter-x: 0.5rem;
   }
 
   .g-xxl-2,
   .gy-xxl-2 {
     --bs-gutter-y: 0.5rem;
   }
 
   .g-xxl-3,
   .gx-xxl-3 {
     --bs-gutter-x: 1rem;
   }
 
   .g-xxl-3,
   .gy-xxl-3 {
     --bs-gutter-y: 1rem;
   }
 
   .g-xxl-4,
   .gx-xxl-4 {
     --bs-gutter-x: 1.5rem;
   }
 
   .g-xxl-4,
   .gy-xxl-4 {
     --bs-gutter-y: 1.5rem;
   }
 
   .g-xxl-5,
   .gx-xxl-5 {
     --bs-gutter-x: 3rem;
   }
 
   .g-xxl-5,
   .gy-xxl-5 {
     --bs-gutter-y: 3rem;
   }
 }
 
 .table {
   --bs-table-bg: transparent;
   --bs-table-accent-bg: transparent;
   --bs-table-striped-color: #212529;
   --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
   --bs-table-active-color: #212529;
   --bs-table-active-bg: rgba(0, 0, 0, 0.1);
   --bs-table-hover-color: #212529;
   --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
   width: 100%;
   margin-bottom: 1rem;
   color: #212529;
   vertical-align: top;
   border-color: #dee2e6;
 }
 
 .table> :not(caption)>*>* {
   padding: 0.5rem 0.5rem;
   background-color: var(--bs-table-bg);
   border-bottom-width: 1px;
   box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
 }
 
 .table>tbody {
   vertical-align: inherit;
 }
 
 .table>thead {
   vertical-align: bottom;
 }
 
 .table> :not(:last-child)> :last-child>* {
   border-bottom-color: currentColor;
 }
 
 .caption-top {
   caption-side: top;
 }
 
 .table-sm> :not(caption)>*>* {
   padding: 0.25rem 0.25rem;
 }
 
 .table-bordered> :not(caption)>* {
   border-width: 1px 0;
 }
 
 .table-bordered> :not(caption)>*>* {
   border-width: 0 1px;
 }
 
 .table-borderless> :not(caption)>*>* {
   border-bottom-width: 0;
 }
 
 .table-striped>tbody>tr:nth-of-type(odd) {
   --bs-table-accent-bg: var(--bs-table-striped-bg);
   color: var(--bs-table-striped-color);
 }
 
 .table-active {
   --bs-table-accent-bg: var(--bs-table-active-bg);
   color: var(--bs-table-active-color);
 }
 
 .table-hover>tbody>tr:hover {
   --bs-table-accent-bg: var(--bs-table-hover-bg);
   color: var(--bs-table-hover-color);
 }
 
 .table-primary {
   --bs-table-bg: #cfe2ff;
   --bs-table-striped-bg: #c5d7f2;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #bacbe6;
   --bs-table-active-color: #000;
   --bs-table-hover-bg: #bfd1ec;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #bacbe6;
 }
 
 .table-secondary {
   --bs-table-bg: #e2e3e5;
   --bs-table-striped-bg: #d7d8da;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #cbccce;
   --bs-table-active-color: #000;
   --bs-table-hover-bg: #d1d2d4;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #cbccce;
 }
 
 .table-success {
   --bs-table-bg: #d1e7dd;
   --bs-table-striped-bg: #c7dbd2;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #bcd0c7;
   --bs-table-active-color: #000;
   --bs-table-hover-bg: #c1d6cc;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #bcd0c7;
 }
 
 .table-info {
   --bs-table-bg: #cff4fc;
   --bs-table-striped-bg: #c5e8ef;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #badce3;
   --bs-table-active-color: #000;
   --bs-table-hover-bg: #bfe2e9;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #badce3;
 }
 
 .table-warning {
   --bs-table-bg: #fff3cd;
   --bs-table-striped-bg: #f2e7c3;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #e6dbb9;
   --bs-table-active-color: #000;
   --bs-table-hover-bg: #ece1be;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #e6dbb9;
 }
 
 .table-danger {
   --bs-table-bg: #f8d7da;
   --bs-table-striped-bg: #eccccf;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #dfc2c4;
   --bs-table-active-color: #000;
   --bs-table-hover-bg: #e5c7ca;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #dfc2c4;
 }
 
 .table-light {
   --bs-table-bg: #f8f9fa;
   --bs-table-striped-bg: #ecedee;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #dfe0e1;
   --bs-table-active-color: #000;
   --bs-table-hover-bg: #e5e6e7;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #dfe0e1;
 }
 
 .table-dark {
   --bs-table-bg: #212529;
   --bs-table-striped-bg: #2c3034;
   --bs-table-striped-color: #fff;
   --bs-table-active-bg: #373b3e;
   --bs-table-active-color: #fff;
   --bs-table-hover-bg: #323539;
   --bs-table-hover-color: #fff;
   color: #fff;
   border-color: #373b3e;
 }
 
 .table-responsive {
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
 }
 
 @media (max-width: 575.98px) {
   .table-responsive-sm {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
   }
 }
 
 @media (max-width: 767.98px) {
   .table-responsive-md {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
   }
 }
 
 @media (max-width: 991.98px) {
   .table-responsive-lg {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
   }
 }
 
 @media (max-width: 1199.98px) {
   .table-responsive-xl {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
   }
 }
 
 @media (max-width: 1399.98px) {
   .table-responsive-xxl {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
   }
 }
 
 .form-label {
   margin-bottom: 0.5rem;
 }
 
 .col-form-label {
   padding-top: calc(0.375rem + 1px);
   padding-bottom: calc(0.375rem + 1px);
   margin-bottom: 0;
   font-size: inherit;
   line-height: 1.5;
 }
 
 .col-form-label-lg {
   padding-top: calc(0.5rem + 1px);
   padding-bottom: calc(0.5rem + 1px);
   font-size: 1.25rem;
 }
 
 .col-form-label-sm {
   padding-top: calc(0.25rem + 1px);
   padding-bottom: calc(0.25rem + 1px);
   font-size: 0.875rem;
 }
 
 .form-text {
   margin-top: 0.25rem;
   font-size: 0.875em;
   color: #6c757d;
 }
 
 .form-control {
   display: block;
   width: 100%;
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0.25rem;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .form-control {
     transition: none;
   }
 }
 
 .form-control[type="file"] {
   overflow: hidden;
 }
 
 .form-control[type="file"]:not(:disabled):not([readonly]) {
   cursor: pointer;
 }
 
 .form-control:focus {
   color: #212529;
   background-color: #fff;
   border-color: #86b7fe;
   outline: 0;
   box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
 .form-control::-webkit-date-and-time-value {
   height: 1.5em;
 }
 
 .form-control::-moz-placeholder {
   color: #6c757d;
   opacity: 1;
 }
 
 .form-control::placeholder {
   color: #6c757d;
   opacity: 1;
 }
 
 .form-control:disabled,
 .form-control[readonly] {
   background-color: #e9ecef;
   opacity: 1;
 }
 
 .form-control::file-selector-button {
   padding: 0.375rem 0.75rem;
   margin: -0.375rem -0.75rem;
   -webkit-margin-end: 0.75rem;
   margin-inline-end: 0.75rem;
   color: #212529;
   background-color: #e9ecef;
   pointer-events: none;
   border-color: inherit;
   border-style: solid;
   border-width: 0;
   border-inline-end-width: 1px;
   border-radius: 0;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
     border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .form-control::file-selector-button {
     transition: none;
   }
 }
 
 .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
   background-color: #dde0e3;
 }
 
 .form-control::-webkit-file-upload-button {
   padding: 0.375rem 0.75rem;
   margin: -0.375rem -0.75rem;
   -webkit-margin-end: 0.75rem;
   margin-inline-end: 0.75rem;
   color: #212529;
   background-color: #e9ecef;
   pointer-events: none;
   border-color: inherit;
   border-style: solid;
   border-width: 0;
   border-inline-end-width: 1px;
   border-radius: 0;
   -webkit-transition: color 0.15s ease-in-out,
     background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
     box-shadow 0.15s ease-in-out;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
     border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .form-control::-webkit-file-upload-button {
     -webkit-transition: none;
     transition: none;
   }
 }
 
 .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
   background-color: #dde0e3;
 }
 
 .input-group {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
   width: 100%;
 }
 
 .input-group>.form-control,
 .input-group>.form-select {
   position: relative;
   flex: 1 1 auto;
   width: 1%;
   min-width: 0;
 }
 
 .input-group>.form-control:focus,
 .input-group>.form-select:focus {
   z-index: 3;
 }
 
 .input-group .btn {
   position: relative;
   z-index: 2;
 }
 
 .input-group .btn:focus {
   z-index: 3;
 }
 
 .valid-feedback {
   display: none;
   width: 100%;
   margin-top: 0.25rem;
   font-size: 0.875em;
   color: #198754;
 }
 
 .valid-tooltip {
   position: absolute;
   top: 100%;
   z-index: 5;
   display: none;
   max-width: 100%;
   padding: 0.25rem 0.5rem;
   margin-top: 0.1rem;
   font-size: 0.875rem;
   color: #fff;
   background-color: rgba(25, 135, 84, 0.9);
   border-radius: 0.25rem;
 }
 
 .is-valid~.valid-feedback,
 .is-valid~.valid-tooltip,
 .was-validated:valid~.valid-feedback,
 .was-validated:valid~.valid-tooltip {
   display: block;
 }
 
 .form-control.is-valid,
 .was-validated .form-control:valid {
   border-color: #198754;
   padding-right: calc(1.5em + 0.75rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns=!string!viewBox=!string!%3e%3cpath fill=!string!d=!string!/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right calc(0.375em + 0.1875rem) center;
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 
 .form-control.is-valid:focus,
 .was-validated .form-control:valid:focus {
   border-color: #198754;
   box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
 }
 
 .was-validated textarea.form-control:valid,
 textarea.form-control.is-valid {
   padding-right: calc(1.5em + 0.75rem);
   background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
 }
 
 .form-select.is-valid,
 .was-validated .form-select:valid {
   border-color: #198754;
 }
 
 .form-select.is-valid:not([multiple]):not([size]),
 .form-select.is-valid:not([multiple])[size="0 0 16 16"],
 .was-validated .form-select:valid:not([multiple]):not([size]),
 .was-validated .form-select:valid:not([multiple])[size="none"] {
   padding-right: 4.125rem;
   background-image: url("data:image/svg+xml,%3csvg xmlns=!string!viewBox=!string!%3e%3cpath fill=!string!stroke=!string!stroke-linecap=!string!stroke-linejoin=!string!stroke-width=!string!d=!string!/%3e%3c/svg%3e"),
     url("data:image/svg+xml,%3csvg xmlns=!string!viewBox=!string!%3e%3cpath fill=!string!d=!string!/%3e%3c/svg%3e");
   background-position: right 0.75rem center, center right 2.25rem;
   background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 
 .form-select.is-valid:focus,
 .was-validated .form-select:valid:focus {
   border-color: #198754;
   box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
 }
 
 .form-check-input.is-valid,
 .was-validated .form-check-input:valid {
   border-color: #198754;
 }
 
 .form-check-input.is-valid:checked,
 .was-validated .form-check-input:valid:checked {
   background-color: #198754;
 }
 
 .form-check-input.is-valid:focus,
 .was-validated .form-check-input:valid:focus {
   box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
 }
 
 .form-check-input.is-valid~.form-check-label,
 .was-validated .form-check-input:valid~.form-check-label {
   color: #198754;
 }
 
 .form-check-inline .form-check-input~.valid-feedback {
   margin-left: 0.5em;
 }
 
 .input-group .form-control.is-valid,
 .input-group .form-select.is-valid,
 .was-validated .input-group .form-control:valid,
 .was-validated .input-group .form-select:valid {
   z-index: 1;
 }
 
 .input-group .form-control.is-valid:focus,
 .input-group .form-select.is-valid:focus,
 .was-validated .input-group .form-control:valid:focus,
 .was-validated .input-group .form-select:valid:focus {
   z-index: 3;
 }
 
 .invalid-feedback {
   display: none;
   width: 100%;
   margin-top: 0.25rem;
   font-size: 0.875em;
   color: #dc3545;
 }
 
 .invalid-tooltip {
   position: absolute;
   top: 100%;
   z-index: 5;
   display: none;
   max-width: 100%;
   padding: 0.25rem 0.5rem;
   margin-top: 0.1rem;
   font-size: 0.875rem;
   color: #fff;
   background-color: rgba(220, 53, 69, 0.9);
   border-radius: 0.25rem;
 }
 
 .is-invalid~.invalid-feedback,
 .is-invalid~.invalid-tooltip,
 .was-validated:invalid~.invalid-feedback,
 .was-validated:invalid~.invalid-tooltip {
   display: block;
 }
 
 .form-control.is-invalid,
 .was-validated .form-control:invalid {
   border-color: #dc3545;
   padding-right: calc(1.5em + 0.75rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns=!string!viewBox=!string!width=!string!height=!string!fill=!string!stroke=!string!%3e%3ccircle cx=!string!cy=!string!r=!string!/%3e%3cpath stroke-linejoin=!string!d=!string!/%3e%3ccircle cx=!string!cy=!string!r=!string!fill=!string!stroke=!string!/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right calc(0.375em + 0.1875rem) center;
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 
 .form-control.is-invalid:focus,
 .was-validated .form-control:invalid:focus {
   border-color: #dc3545;
   box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
 
 .was-validated textarea.form-control:invalid,
 textarea.form-control.is-invalid {
   padding-right: calc(1.5em + 0.75rem);
   background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
 }
 
 .form-select.is-invalid,
 .was-validated .form-select:invalid {
   border-color: #dc3545;
 }
 
 .form-select.is-invalid:not([multiple]):not([size]),
 .form-select.is-invalid:not([multiple])[size="%23343a40"],
 .was-validated .form-select:invalid:not([multiple]):not([size]),
 .was-validated .form-select:invalid:not([multiple])[size="round"] {
   padding-right: 4.125rem;
   background-image: url("data:image/svg+xml,%3csvg xmlns=!string!viewBox=!string!%3e%3cpath fill=!string!stroke=!string!stroke-linecap=!string!stroke-linejoin=!string!stroke-width=!string!d=!string!/%3e%3c/svg%3e"),
     url("data:image/svg+xml,%3csvg xmlns=!string!viewBox=!string!width=!string!height=!string!fill=!string!stroke=!string!%3e%3ccircle cx=!string!cy=!string!r=!string!/%3e%3cpath stroke-linejoin=!string!d=!string!/%3e%3ccircle cx=!string!cy=!string!r=!string!fill=!string!stroke=!string!/%3e%3c/svg%3e");
   background-position: right 0.75rem center, center right 2.25rem;
   background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 
 .form-select.is-invalid:focus,
 .was-validated .form-select:invalid:focus {
   border-color: #dc3545;
   box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
 
 .form-check-input.is-invalid,
 .was-validated .form-check-input:invalid {
   border-color: #dc3545;
 }
 
 .form-check-input.is-invalid:checked,
 .was-validated .form-check-input:invalid:checked {
   background-color: #dc3545;
 }
 
 .form-check-input.is-invalid:focus,
 .was-validated .form-check-input:invalid:focus {
   box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
 
 .form-check-input.is-invalid~.form-check-label,
 .was-validated .form-check-input:invalid~.form-check-label {
   color: #dc3545;
 }
 
 .form-check-inline .form-check-input~.invalid-feedback {
   margin-left: 0.5em;
 }
 
 .input-group .form-control.is-invalid,
 .input-group .form-select.is-invalid,
 .was-validated .input-group .form-control:invalid,
 .was-validated .input-group .form-select:invalid {
   z-index: 2;
 }
 
 .input-group .form-control.is-invalid:focus,
 .input-group .form-select.is-invalid:focus,
 .was-validated .input-group .form-control:invalid:focus,
 .was-validated .input-group .form-select:invalid:focus {
   z-index: 3;
 }
 
 .btn {
   color: #fff;
   text-align: center;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   padding: 8px 10px;
   font-size: 14px;
   font-weight: 600;
   line-height: 24px;
   border-radius: 8px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 6.68px;
   transition: all 0.3s ease;
   width: max-content;
   padding-left: 16px;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .btn {
     transition: none;
   }
 }
 
 .btn:hover {
   color: var(--dull-white);
 }
 
 .btn.disabled,
 .btn:disabled,
 fieldset:disabled .btn {
   pointer-events: none;
   opacity: 0.65;
 }
 
 .btn-primary {
   color: #fff;
   background-color: var(--primary-color);
   border-color: var(--primary-color);
 }
 
 .btn-primary:hover {
   background: #1d4ed8;
 }
 
 .btn-secondary {
   color: #fff;
   background-color: var(--white-color);
   border-color: var(--white-color);
 }
 
 .btn-secondary:hover {
   color: #fff;
   background-color: var(--primary-color);
   border-color: var(--primary-colorf);
 }
 
 .btn-success {
   color: #fff;
   background-color: #198754;
   border-color: #198754;
 }
 
 .btn-success:hover {
   color: #fff;
   background-color: #157347;
   border-color: #146c43;
 }
 
 .fade {
   transition: opacity 0.15s linear;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .fade {
     transition: none;
   }
 }
 
 .fade:not(.show) {
   opacity: 0;
 }
 
 .collapse:not(.show) {
   display: none;
 }
 
 .collapsing {
   height: 0;
   overflow: hidden;
   transition: height 0.35s ease;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .collapsing {
     transition: none;
   }
 }
 
 .dropdown,
 .dropend,
 .dropstart,
 .dropup {
   position: relative;
 }
 
 .dropdown-toggle {
   white-space: nowrap;
 }
 
 .dropdown-toggle::after {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "round";
   border-top: 0.3em solid;
   border-right: 0.3em solid transparent;
   border-bottom: 0;
   border-left: 0.3em solid transparent;
 }
 
 .dropdown-toggle:empty::after {
   margin-left: 0;
 }
 
 .dropdown-menu {
   position: absolute;
   z-index: 1000;
   display: none;
   min-width: 10rem;
   padding: 0.5rem 0;
   margin: 0;
   font-size: 1rem;
   color: #212529;
   text-align: left;
   list-style: none;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 0.25rem;
 }
 
 .dropdown-menu[data-bs-popper] {
   top: 100%;
   left: 0;
   margin-top: 0.125rem;
 }
 
 .dropdown-menu-start {
   --bs-position: start;
 }
 
 .dropdown-menu-start[data-bs-popper] {
   right: auto;
   left: 0;
 }
 
 .dropdown-menu-end {
   --bs-position: end;
 }
 
 .dropdown-menu-end[data-bs-popper] {
   right: 0;
   left: auto;
 }
 
 @media (min-width: 576px) {
   .dropdown-menu-sm-start {
     --bs-position: start;
   }
 
   .dropdown-menu-sm-start[data-bs-popper] {
     right: auto;
     left: 0;
   }
 
   .dropdown-menu-sm-end {
     --bs-position: end;
   }
 
   .dropdown-menu-sm-end[data-bs-popper] {
     right: 0;
     left: auto;
   }
 }
 
 @media (min-width: 768px) {
   .dropdown-menu-md-start {
     --bs-position: start;
   }
 
   .dropdown-menu-md-start[data-bs-popper] {
     right: auto;
     left: 0;
   }
 
   .dropdown-menu-md-end {
     --bs-position: end;
   }
 
   .dropdown-menu-md-end[data-bs-popper] {
     right: 0;
     left: auto;
   }
 }
 
 @media (min-width: 992px) {
   .dropdown-menu-lg-start {
     --bs-position: start;
   }
 
   .dropdown-menu-lg-start[data-bs-popper] {
     right: auto;
     left: 0;
   }
 
   .dropdown-menu-lg-end {
     --bs-position: end;
   }
 
   .dropdown-menu-lg-end[data-bs-popper] {
     right: 0;
     left: auto;
   }
 }
 
 @media (min-width: 1200px) {
   .dropdown-menu-xl-start {
     --bs-position: start;
   }
 
   .dropdown-menu-xl-start[data-bs-popper] {
     right: auto;
     left: 0;
   }
 
   .dropdown-menu-xl-end {
     --bs-position: end;
   }
 
   .dropdown-menu-xl-end[data-bs-popper] {
     right: 0;
     left: auto;
   }
 }
 
 @media (min-width: 1400px) {
   .dropdown-menu-xxl-start {
     --bs-position: start;
   }
 
   .dropdown-menu-xxl-start[data-bs-popper] {
     right: auto;
     left: 0;
   }
 
   .dropdown-menu-xxl-end {
     --bs-position: end;
   }
 
   .dropdown-menu-xxl-end[data-bs-popper] {
     right: 0;
     left: auto;
   }
 }
 
 .dropup .dropdown-menu[data-bs-popper] {
   top: auto;
   bottom: 100%;
   margin-top: 0;
   margin-bottom: 0.125rem;
 }
 
 .dropup .dropdown-toggle::after {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "2";
   border-top: 0;
   border-right: 0.3em solid transparent;
   border-bottom: 0.3em solid;
   border-left: 0.3em solid transparent;
 }
 
 .dropup .dropdown-toggle:empty::after {
   margin-left: 0;
 }
 
 .dropend .dropdown-menu[data-bs-popper] {
   top: 0;
   right: auto;
   left: 100%;
   margin-top: 0;
   margin-left: 0.125rem;
 }
 
 .dropend .dropdown-toggle::after {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "M2 5l6 6 6-6";
   border-top: 0.3em solid transparent;
   border-right: 0;
   border-bottom: 0.3em solid transparent;
   border-left: 0.3em solid;
 }
 
 .dropend .dropdown-toggle:empty::after {
   margin-left: 0;
 }
 
 .dropend .dropdown-toggle::after {
   vertical-align: 0;
 }
 
 .dropstart .dropdown-menu[data-bs-popper] {
   top: 0;
   right: 100%;
   left: auto;
   margin-top: 0;
   margin-right: 0.125rem;
 }
 
 .dropstart .dropdown-toggle::after {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "1";
 }
 
 .dropstart .dropdown-toggle::after {
   display: none;
 }
 
 .dropstart .dropdown-toggle::before {
   display: inline-block;
   margin-right: 0.255em;
   vertical-align: 0.255em;
   content: "http://www.w3.org/2000/svg";
   border-top: 0.3em solid transparent;
   border-right: 0.3em solid;
   border-bottom: 0.3em solid transparent;
 }
 
 .dropstart .dropdown-toggle:empty::after {
   margin-left: 0;
 }
 
 .dropstart .dropdown-toggle::before {
   vertical-align: 0;
 }
 
 .dropdown-divider {
   height: 0;
   margin: 0.5rem 0;
   overflow: hidden;
   border-top: 1px solid rgba(0, 0, 0, 0.15);
 }
 
 .dropdown-item {
   display: block;
   width: 100%;
   padding: 0.25rem 1rem;
   clear: both;
   font-weight: 400;
   color: #212529;
   text-align: inherit;
   text-decoration: none;
   white-space: nowrap;
   background-color: transparent;
   border: 0;
 }
 
 .dropdown-item:focus,
 .dropdown-item:hover {
   color: #1e2125;
   background-color: #e9ecef;
 }
 
 .dropdown-item.active,
 .dropdown-item:active {
   color: #fff;
   text-decoration: none;
   background-color: #0d6efd;
 }
 
 .dropdown-item.disabled,
 .dropdown-item:disabled {
   color: #adb5bd;
   pointer-events: none;
   background-color: transparent;
 }
 
 .dropdown-menu.show {
   display: block;
 }
 
 .dropdown-header {
   display: block;
   padding: 0.5rem 1rem;
   margin-bottom: 0;
   font-size: 0.875rem;
   color: #6c757d;
   white-space: nowrap;
 }
 
 .dropdown-item-text {
   display: block;
   padding: 0.25rem 1rem;
   color: #212529;
 }
 
 .dropdown-menu-dark {
   color: #dee2e6;
   background-color: #343a40;
   border-color: rgba(0, 0, 0, 0.15);
 }
 
 .dropdown-menu-dark .dropdown-item {
   color: #dee2e6;
 }
 
 .dropdown-menu-dark .dropdown-item:focus,
 .dropdown-menu-dark .dropdown-item:hover {
   color: #fff;
   background-color: rgba(255, 255, 255, 0.15);
 }
 
 .dropdown-menu-dark .dropdown-item.active,
 .dropdown-menu-dark .dropdown-item:active {
   color: #fff;
   background-color: #0d6efd;
 }
 
 .dropdown-menu-dark .dropdown-item.disabled,
 .dropdown-menu-dark .dropdown-item:disabled {
   color: #adb5bd;
 }
 
 .dropdown-menu-dark .dropdown-divider {
   border-color: rgba(0, 0, 0, 0.15);
 }
 
 .dropdown-menu-dark .dropdown-item-text {
   color: #dee2e6;
 }
 
 .dropdown-menu-dark .dropdown-header {
   color: #adb5bd;
 }
 
 .btn-group,
 .btn-group-vertical {
   position: relative;
   display: inline-flex;
   vertical-align: middle;
 }
 
 .btn-group-vertical>.btn,
 .btn-group>.btn {
   position: relative;
   flex: 1 1 auto;
 }
 
 .btn-group-vertical>.btn-check:checked+.btn,
 .btn-group-vertical>.btn-check:focus+.btn,
 .btn-group-vertical>.btn.active,
 .btn-group-vertical>.btn:active,
 .btn-group-vertical>.btn:focus,
 .btn-group-vertical>.btn:hover,
 .btn-group>.btn-check:checked+.btn,
 .btn-group>.btn-check:focus+.btn,
 .btn-group>.btn.active,
 .btn-group>.btn:active,
 .btn-group>.btn:focus,
 .btn-group>.btn:hover {
   z-index: 1;
 }
 
 .btn-toolbar {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
 }
 
 .btn-toolbar .input-group {
   width: auto;
 }
 
 .btn-group>.btn-group:not(:first-child),
 .btn-group>.btn:not(:first-child) {
   margin-left: -1px;
 }
 
 .btn-group>.btn-group:not(:last-child)>.btn,
 .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 
 .btn-group>.btn-group:not(:first-child)>.btn,
 .btn-group>.btn:nth-child(n + 3),
 .btn-group> :not(.btn-check)+.btn {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
 
 .dropdown-toggle-split {
   padding-right: 0.5625rem;
   padding-left: 0.5625rem;
 }
 
 .dropdown-toggle-split::after,
 .dropend .dropdown-toggle-split::after,
 .dropup .dropdown-toggle-split::after {
   margin-left: 0;
 }
 
 .dropstart .dropdown-toggle-split::before {
   margin-right: 0;
 }
 
 .btn-group-sm>.btn+.dropdown-toggle-split,
 .btn-sm+.dropdown-toggle-split {
   padding-right: 0.375rem;
   padding-left: 0.375rem;
 }
 
 .btn-group-lg>.btn+.dropdown-toggle-split,
 .btn-lg+.dropdown-toggle-split {
   padding-right: 0.75rem;
   padding-left: 0.75rem;
 }
 
 .btn-group-vertical {
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
 }
 
 .btn-group-vertical>.btn,
 .btn-group-vertical>.btn-group {
   width: 100%;
 }
 
 .btn-group-vertical>.btn-group:not(:first-child),
 .btn-group-vertical>.btn:not(:first-child) {
   margin-top: -1px;
 }
 
 .btn-group-vertical>.btn-group:not(:last-child)>.btn,
 .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
 
 .btn-group-vertical>.btn-group:not(:first-child)>.btn,
 .btn-group-vertical>.btn~.btn {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
 
 .nav {
   display: flex;
   flex-wrap: wrap;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none;
 }
 
 .nav-link {
   display: block;
   padding: 0.5rem 1rem;
   color: #0d6efd;
   text-decoration: none;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
     border-color 0.15s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .nav-link {
     transition: none;
   }
 }
 
 .nav-link:focus,
 .nav-link:hover {
   color: #0a58ca;
 }
 
 .nav-link.disabled {
   color: #6c757d;
   pointer-events: none;
   cursor: default;
 }
 
 .nav-tabs {
   border-bottom: 1px solid #dee2e6;
 }
 
 .nav-tabs .nav-link {
   margin-bottom: -1px;
   background: 0 0;
   border: 1px solid transparent;
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
 }
 
 .nav-tabs .nav-link:focus,
 .nav-tabs .nav-link:hover {
   border-color: #e9ecef #e9ecef #dee2e6;
   isolation: isolate;
 }
 
 .nav-tabs .nav-link.disabled {
   color: #6c757d;
   background-color: transparent;
   border-color: transparent;
 }
 
 .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {
   color: #495057;
   background-color: #fff;
   border-color: #dee2e6 #dee2e6 #fff;
 }
 
 .nav-tabs .dropdown-menu {
   margin-top: -1px;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
 
 .nav-pills .nav-link {
   background: 0 0;
   border: 0;
   border-radius: 0.25rem;
 }
 
 .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
   color: #fff;
   background-color: #0d6efd;
 }
 
 .nav-fill .nav-item,
 .nav-fill>.nav-link {
   flex: 1 1 auto;
   text-align: center;
 }
 
 .nav-justified .nav-item,
 .nav-justified>.nav-link {
   flex-basis: 0;
   flex-grow: 1;
   text-align: center;
 }
 
 .nav-fill .nav-item .nav-link,
 .nav-justified .nav-item .nav-link {
   width: 100%;
 }
 
 .tab-content>.tab-pane {
   display: none;
 }
 
 .tab-content>.active {
   display: block;
 }
 
 .navbar {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
 
 .navbar>.container,
 .navbar>.container-fluid,
 .navbar>.container-lg,
 .navbar>.container-md,
 .navbar>.container-sm,
 .navbar>.container-xl,
 .navbar>.container-xxl {
   display: flex;
   flex-wrap: inherit;
   align-items: center;
   justify-content: space-between;
 }
 
 .navbar-brand {
   padding-top: 0.3125rem;
   padding-bottom: 0.3125rem;
   margin-right: 1rem;
   font-size: 1.25rem;
   text-decoration: none;
   white-space: nowrap;
 }
 
 .navbar-nav {
   display: flex;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none;
 }
 
 .navbar-nav .nav-link {
   padding-right: 0;
   padding-left: 0;
 }
 
 .navbar-nav .dropdown-menu {
   position: static;
 }
 
 .navbar-text {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
 
 .navbar-collapse {
   flex-basis: 100%;
   flex-grow: 1;
   align-items: center;
 }
 
 .navbar-toggler {
   padding: 0.25rem 0.75rem;
   font-size: 1.25rem;
   line-height: 1;
   background-color: transparent;
   border: 1px solid transparent;
   border-radius: 0.25rem;
   transition: box-shadow 0.15s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .navbar-toggler {
     transition: none;
   }
 }
 
 .navbar-toggler:hover {
   text-decoration: none;
 }
 
 .navbar-toggler:focus {
   text-decoration: none;
   outline: 0;
   box-shadow: 0 0 0 0.25rem;
 }
 
 .navbar-toggler-icon {
   display: inline-block;
   width: 1.5em;
   height: 1.5em;
   vertical-align: middle;
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100%;
 }
 
 .navbar-nav-scroll {
   max-height: var(--bs-scroll-height, 75vh);
   overflow-y: auto;
 }
 
 @media (min-width: 576px) {
   .navbar-expand-sm {
     flex-wrap: nowrap;
     justify-content: flex-start;
   }
 
   .navbar-expand-sm .navbar-nav {
     flex-direction: row;
   }
 
   .navbar-expand-sm .navbar-nav .dropdown-menu {
     position: absolute;
   }
 
   .navbar-expand-sm .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 0.5rem;
   }
 
   .navbar-expand-sm .navbar-nav-scroll {
     overflow: visible;
   }
 
   .navbar-expand-sm .navbar-collapse {
     display: flex !important;
     flex-basis: auto;
   }
 
   .navbar-expand-sm .navbar-toggler {
     display: none;
   }
 }
 
 @media (min-width: 768px) {
   .navbar-expand-md {
     flex-wrap: nowrap;
     justify-content: flex-start;
   }
 
   .navbar-expand-md .navbar-nav {
     flex-direction: row;
   }
 
   .navbar-expand-md .navbar-nav .dropdown-menu {
     position: absolute;
   }
 
   .navbar-expand-md .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 0.5rem;
   }
 
   .navbar-expand-md .navbar-nav-scroll {
     overflow: visible;
   }
 
   .navbar-expand-md .navbar-collapse {
     display: flex !important;
     flex-basis: auto;
   }
 
   .navbar-expand-md .navbar-toggler {
     display: none;
   }
 }
 
 @media (min-width: 992px) {
   .navbar-expand-lg {
     flex-wrap: nowrap;
     justify-content: flex-start;
   }
 
   .navbar-expand-lg .navbar-nav {
     flex-direction: row;
   }
 
   .navbar-expand-lg .navbar-nav .dropdown-menu {
     position: absolute;
   }
 
   .navbar-expand-lg .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 0.5rem;
   }
 
   .navbar-expand-lg .navbar-nav-scroll {
     overflow: visible;
   }
 
   .navbar-expand-lg .navbar-collapse {
     display: flex !important;
     flex-basis: auto;
   }
 
   .navbar-expand-lg .navbar-toggler {
     display: none;
   }
 }
 
 @media (min-width: 1200px) {
   .navbar-expand-xl {
     flex-wrap: nowrap;
     justify-content: flex-start;
   }
 
   .navbar-expand-xl .navbar-nav {
     flex-direction: row;
   }
 
   .navbar-expand-xl .navbar-nav .dropdown-menu {
     position: absolute;
   }
 
   .navbar-expand-xl .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 0.5rem;
   }
 
   .navbar-expand-xl .navbar-nav-scroll {
     overflow: visible;
   }
 
   .navbar-expand-xl .navbar-collapse {
     display: flex !important;
     flex-basis: auto;
   }
 
   .navbar-expand-xl .navbar-toggler {
     display: none;
   }
 }
 
 @media (min-width: 1400px) {
   .navbar-expand-xxl {
     flex-wrap: nowrap;
     justify-content: flex-start;
   }
 
   .navbar-expand-xxl .navbar-nav {
     flex-direction: row;
   }
 
   .navbar-expand-xxl .navbar-nav .dropdown-menu {
     position: absolute;
   }
 
   .navbar-expand-xxl .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 0.5rem;
   }
 
   .navbar-expand-xxl .navbar-nav-scroll {
     overflow: visible;
   }
 
   .navbar-expand-xxl .navbar-collapse {
     display: flex !important;
     flex-basis: auto;
   }
 
   .navbar-expand-xxl .navbar-toggler {
     display: none;
   }
 }
 
 .navbar-expand {
   flex-wrap: nowrap;
   justify-content: flex-start;
 }
 
 .navbar-expand .navbar-nav {
   flex-direction: row;
 }
 
 .navbar-expand .navbar-nav .dropdown-menu {
   position: absolute;
 }
 
 .navbar-expand .navbar-nav .nav-link {
   padding-right: 0.5rem;
   padding-left: 0.5rem;
 }
 
 .navbar-expand .navbar-nav-scroll {
   overflow: visible;
 }
 
 .navbar-expand .navbar-collapse {
   display: flex !important;
   flex-basis: auto;
 }
 
 .navbar-expand .navbar-toggler {
   display: none;
 }
 
 .navbar-light .navbar-brand {
   color: rgba(0, 0, 0, 0.9);
 }
 
 .navbar-light .navbar-brand:focus,
 .navbar-light .navbar-brand:hover {
   color: rgba(0, 0, 0, 0.9);
 }
 
 .navbar-light .navbar-nav .nav-link {
   color: rgba(0, 0, 0, 0.55);
 }
 
 .navbar-light .navbar-nav .nav-link:focus,
 .navbar-light .navbar-nav .nav-link:hover {
   color: rgba(0, 0, 0, 0.7);
 }
 
 .navbar-light .navbar-nav .nav-link.disabled {
   color: rgba(0, 0, 0, 0.3);
 }
 
 .navbar-light .navbar-nav .nav-link.active,
 .navbar-light .navbar-nav .show>.nav-link {
   color: rgba(0, 0, 0, 0.9);
 }
 
 .navbar-light .navbar-toggler {
   color: rgba(0, 0, 0, 0.55);
   border-color: rgba(0, 0, 0, 0.1);
 }
 
 .navbar-light .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns=!string!viewBox=!string!%3e%3cpath stroke=!string!stroke-linecap=!string!stroke-miterlimit=!string!stroke-width=!string!d=!string!/%3e%3c/svg%3e");
 }
 
 .navbar-light .navbar-text {
   color: rgba(0, 0, 0, 0.55);
 }
 
 .navbar-light .navbar-text a,
 .navbar-light .navbar-text a:focus,
 .navbar-light .navbar-text a:hover {
   color: rgba(0, 0, 0, 0.9);
 }
 
 .navbar-dark .navbar-brand {
   color: #fff;
 }
 
 .navbar-dark .navbar-brand:focus,
 .navbar-dark .navbar-brand:hover {
   color: #fff;
 }
 
 .navbar-dark .navbar-nav .nav-link {
   color: rgba(255, 255, 255, 0.55);
 }
 
 .navbar-dark .navbar-nav .nav-link:focus,
 .navbar-dark .navbar-nav .nav-link:hover {
   color: rgba(255, 255, 255, 0.75);
 }
 
 .navbar-dark .navbar-nav .nav-link.disabled {
   color: rgba(255, 255, 255, 0.25);
 }
 
 .navbar-dark .navbar-nav .nav-link.active,
 .navbar-dark .navbar-nav .show>.nav-link {
   color: #fff;
 }
 
 .navbar-dark .navbar-toggler {
   color: rgba(255, 255, 255, 0.55);
   border-color: rgba(255, 255, 255, 0.1);
 }
 
 .navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns=!string!viewBox=!string!%3e%3cpath stroke=!string!stroke-linecap=!string!stroke-miterlimit=!string!stroke-width=!string!d=!string!/%3e%3c/svg%3e");
 }
 
 .navbar-dark .navbar-text {
   color: rgba(255, 255, 255, 0.55);
 }
 
 .navbar-dark .navbar-text a,
 .navbar-dark .navbar-text a:focus,
 .navbar-dark .navbar-text a:hover {
   color: #fff;
 }
 
 .accordion-button {
   position: relative;
   display: flex;
   align-items: center;
   width: 100%;
   padding: 1.25rem 1.5rem;
   font-size: 1rem;
   color: #212529;
   text-align: left;
   background-color: #fff;
   border: 0;
   border-radius: 0;
   overflow-anchor: none;
   outline: none !important;
   box-shadow: none !important;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
     border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
     border-radius 0.15s ease;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .accordion-button {
     transition: none;
   }
 }
 
 /*.accordion-button:not(.collapsed) {
      color: #0c63e4;
      background-color: #e7f1ff;
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)
  }
  */
 .accordion-button:not(.collapsed)::after {
   transform: rotate(180deg);
 }
 
 .accordion-button::after {
   flex-shrink: 0;
   width: 1.25rem;
   height: 1.25rem;
   margin-left: auto;
   content: "";
   background-image: url("../img/chevron-accordion.svg");
   background-repeat: no-repeat;
   background-size: 1.25rem;
   transition: transform 0.2s ease-in-out;
   display: flex;
   align-items: center;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .accordion-button::after {
     transition: none;
   }
 }
 
 .accordion-button:hover {
   z-index: 2;
 }
 
 .accordion-button:focus {
   z-index: 3;
   border-color: #86b7fe;
   outline: 0;
   box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
 .accordion-header {
   margin-bottom: 0;
 }
 
 .accordion-item {
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.125);
 }
 
 .accordion-item:first-of-type {
   border-radius: 9px 9px 0px 0px;
 }
 
 .accordion-item:first-of-type .accordion-button {
   border-radius: 9px 9px 0px 0px;
 }
 
 .accordion-item:not(:first-of-type) {
   border-top: 0;
 }
 
 .accordion-item:last-of-type {
   border-radius: 0px 0px 9px 9px;
 }
 
 .accordion-item:last-of-type .accordion-button.collapsed {
   border-radius: 0px 0px 9px 9px;
 }
 
 .accordion-item:last-of-type .accordion-collapse {
   border-radius: 0px 0px 9px 9px;
 }
 
 .accordion-body {
   padding: 1rem 1.25rem;
 }
 
 .accordion-flush .accordion-collapse {
   border-width: 0;
 }
 
 .accordion-flush .accordion-item {
   border-right: 0;
   border-left: 0;
   border-radius: 0;
 }
 
 .accordion-flush .accordion-item:first-child {
   border-top: 0;
 }
 
 .accordion-flush .accordion-item:last-child {
   border-bottom: 0;
 }
 
 .accordion-flush .accordion-item .accordion-button {
   border-radius: 0;
 }
 
 .breadcrumb {
   display: flex;
   flex-wrap: wrap;
   padding: 0 0;
   margin-bottom: 1rem;
   list-style: none;
 }
 
 .breadcrumb-item+.breadcrumb-item {
   padding-left: 0.5rem;
 }
 
 .breadcrumb-item+.breadcrumb-item::before {
   float: left;
   padding-right: 0.5rem;
   color: #6c757d;
   content: var(--bs-breadcrumb-divider, "/");
 }
 
 .breadcrumb-item.active {
   color: #6c757d;
 }
 
 .pagination {
   display: flex;
   padding-left: 0;
   list-style: none;
 }
 
 .page-link {
   position: relative;
   display: block;
   color: #0d6efd;
   text-decoration: none;
   background-color: #fff;
   border: 1px solid #dee2e6;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
     border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .page-link {
     transition: none;
   }
 }
 
 .page-link:hover {
   z-index: 2;
   color: #0a58ca;
   background-color: #e9ecef;
   border-color: #dee2e6;
 }
 
 .page-link:focus {
   z-index: 3;
   color: #0a58ca;
   background-color: #e9ecef;
   outline: 0;
   box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
 .page-item:not(:first-child) .page-link {
   margin-left: -1px;
 }
 
 .page-item.active .page-link {
   z-index: 3;
   color: #fff;
   background-color: #0d6efd;
   border-color: #0d6efd;
 }
 
 .page-item.disabled .page-link {
   color: #6c757d;
   pointer-events: none;
   background-color: #fff;
   border-color: #dee2e6;
 }
 
 .page-link {
   padding: 0.375rem 0.75rem;
 }
 
 .page-item:first-child .page-link {
   border-top-left-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
 }
 
 .page-item:last-child .page-link {
   border-top-right-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
 }
 
 .pagination-lg .page-link {
   padding: 0.75rem 1.5rem;
   font-size: 1.25rem;
 }
 
 .pagination-lg .page-item:first-child .page-link {
   border-top-left-radius: 0.3rem;
   border-bottom-left-radius: 0.3rem;
 }
 
 .pagination-lg .page-item:last-child .page-link {
   border-top-right-radius: 0.3rem;
   border-bottom-right-radius: 0.3rem;
 }
 
 .pagination-sm .page-link {
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
 }
 
 .pagination-sm .page-item:first-child .page-link {
   border-top-left-radius: 0.2rem;
   border-bottom-left-radius: 0.2rem;
 }
 
 .pagination-sm .page-item:last-child .page-link {
   border-top-right-radius: 0.2rem;
   border-bottom-right-radius: 0.2rem;
 }
 
 .badge {
   display: inline-block;
   padding: 0.35em 0.65em;
   font-size: 0.75em;
   font-weight: 700;
   line-height: 1;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 0.25rem;
 }
 
 .badge:empty {
   display: none;
 }
 
 .btn .badge {
   position: relative;
   top: -1px;
 }
 
 .alert {
   position: relative;
   padding: 1rem 1rem;
   margin-bottom: 1rem;
   border: 1px solid transparent;
   border-radius: 0.25rem;
 }
 
 .alert-heading {
   color: inherit;
 }
 
 .alert-link {
   font-weight: 700;
 }
 
 .alert-dismissible {
   padding-right: 3rem;
 }
 
 .alert-dismissible .btn-close {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 2;
   padding: 1.25rem 1rem;
 }
 
 .alert-primary {
   color: #084298;
   background-color: #cfe2ff;
   border-color: #b6d4fe;
 }
 
 .alert-primary .alert-link {
   color: #06357a;
 }
 
 .alert-secondary {
   color: #41464b;
   background-color: #e2e3e5;
   border-color: #d3d6d8;
 }
 
 .alert-secondary .alert-link {
   color: #34383c;
 }
 
 .alert-success {
   color: #0f5132;
   background-color: #d1e7dd;
   border-color: #badbcc;
 }
 
 .alert-success .alert-link {
   color: #0c4128;
 }
 
 .alert-info {
   color: #055160;
   background-color: #cff4fc;
   border-color: #b6effb;
 }
 
 .alert-info .alert-link {
   color: #04414d;
 }
 
 .alert-warning {
   color: #664d03;
   background-color: #fff3cd;
   border-color: #ffecb5;
 }
 
 .alert-warning .alert-link {
   color: #523e02;
 }
 
 .alert-danger {
   color: #842029;
   background-color: #f8d7da;
   border-color: #f5c2c7;
 }
 
 .alert-danger .alert-link {
   color: #6a1a21;
 }
 
 .alert-light {
   color: #636464;
   background-color: #fefefe;
   border-color: #fdfdfe;
 }
 
 .alert-light .alert-link {
   color: #4f5050;
 }
 
 .alert-dark {
   color: #141619;
   background-color: #d3d3d4;
   border-color: #bcbebf;
 }
 
 .alert-dark .alert-link {
   color: #101214;
 }
 
 @-webkit-keyframes progress-bar-stripes {
   0% {
     background-position-x: 1rem;
   }
 }
 
 @keyframes progress-bar-stripes {
   0% {
     background-position-x: 1rem;
   }
 }
 
 .progress {
   display: flex;
   height: 1rem;
   overflow: hidden;
   font-size: 0.75rem;
   background-color: #e9ecef;
   border-radius: 0.25rem;
 }
 
 .progress-bar {
   display: flex;
   flex-direction: column;
   justify-content: center;
   overflow: hidden;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   background-color: #0d6efd;
   transition: width 0.6s ease;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .progress-bar {
     transition: none;
   }
 }
 
 .progress-bar-striped {
   background-image: linear-gradient(45deg,
       rgba(255, 255, 255, 0.15) 25%,
       transparent 25%,
       transparent 50%,
       rgba(255, 255, 255, 0.15) 50%,
       rgba(255, 255, 255, 0.15) 75%,
       transparent 75%,
       transparent);
   background-size: 1rem 1rem;
 }
 
 .progress-bar-animated {
   -webkit-animation: 1s linear infinite progress-bar-stripes;
   animation: 1s linear infinite progress-bar-stripes;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .progress-bar-animated {
     -webkit-animation: none;
     animation: none;
   }
 }
 
 .list-group {
   display: flex;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0;
   border-radius: 0.25rem;
 }
 
 .list-group-numbered {
   list-style-type: none;
   counter-reset: section;
 }
 
 .list-group-numbered>li::before {
   content: counters(section, ".") ". ";
   counter-increment: section;
 }
 
 .list-group-item-action {
   width: 100%;
   color: #495057;
   text-align: inherit;
 }
 
 .list-group-item-action:focus,
 .list-group-item-action:hover {
   z-index: 1;
   color: #495057;
   text-decoration: none;
   background-color: #f8f9fa;
 }
 
 .list-group-item-action:active {
   color: #212529;
   background-color: #e9ecef;
 }
 
 .list-group-item {
   position: relative;
   display: block;
   padding: 0.5rem 1rem;
   color: #212529;
   text-decoration: none;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.125);
 }
 
 .list-group-item:first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
 
 .list-group-item:last-child {
   border-bottom-right-radius: inherit;
   border-bottom-left-radius: inherit;
 }
 
 .list-group-item.disabled,
 .list-group-item:disabled {
   color: #6c757d;
   pointer-events: none;
   background-color: #fff;
 }
 
 .list-group-item.active {
   z-index: 2;
   color: #fff;
   background-color: #0d6efd;
   border-color: #0d6efd;
 }
 
 .list-group-item+.list-group-item {
   border-top-width: 0;
 }
 
 .list-group-item+.list-group-item.active {
   margin-top: -1px;
   border-top-width: 1px;
 }
 
 .list-group-horizontal {
   flex-direction: row;
 }
 
 .list-group-horizontal>.list-group-item:first-child {
   border-bottom-left-radius: 0.25rem;
   border-top-right-radius: 0;
 }
 
 .list-group-horizontal>.list-group-item:last-child {
   border-top-right-radius: 0.25rem;
   border-bottom-left-radius: 0;
 }
 
 .list-group-horizontal>.list-group-item.active {
   margin-top: 0;
 }
 
 .list-group-horizontal>.list-group-item+.list-group-item {
   border-top-width: 1px;
   border-left-width: 0;
 }
 
 .list-group-horizontal>.list-group-item+.list-group-item.active {
   margin-left: -1px;
   border-left-width: 1px;
 }
 
 @media (min-width: 576px) {
   .list-group-horizontal-sm {
     flex-direction: row;
   }
 
   .list-group-horizontal-sm>.list-group-item:first-child {
     border-bottom-left-radius: 0.25rem;
     border-top-right-radius: 0;
   }
 
   .list-group-horizontal-sm>.list-group-item:last-child {
     border-top-right-radius: 0.25rem;
     border-bottom-left-radius: 0;
   }
 
   .list-group-horizontal-sm>.list-group-item.active {
     margin-top: 0;
   }
 
   .list-group-horizontal-sm>.list-group-item+.list-group-item {
     border-top-width: 1px;
     border-left-width: 0;
   }
 
   .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
     margin-left: -1px;
     border-left-width: 1px;
   }
 }
 
 @media (min-width: 768px) {
   .list-group-horizontal-md {
     flex-direction: row;
   }
 
   .list-group-horizontal-md>.list-group-item:first-child {
     border-bottom-left-radius: 0.25rem;
     border-top-right-radius: 0;
   }
 
   .list-group-horizontal-md>.list-group-item:last-child {
     border-top-right-radius: 0.25rem;
     border-bottom-left-radius: 0;
   }
 
   .list-group-horizontal-md>.list-group-item.active {
     margin-top: 0;
   }
 
   .list-group-horizontal-md>.list-group-item+.list-group-item {
     border-top-width: 1px;
     border-left-width: 0;
   }
 
   .list-group-horizontal-md>.list-group-item+.list-group-item.active {
     margin-left: -1px;
     border-left-width: 1px;
   }
 }
 
 @media (min-width: 992px) {
   .list-group-horizontal-lg {
     flex-direction: row;
   }
 
   .list-group-horizontal-lg>.list-group-item:first-child {
     border-bottom-left-radius: 0.25rem;
     border-top-right-radius: 0;
   }
 
   .list-group-horizontal-lg>.list-group-item:last-child {
     border-top-right-radius: 0.25rem;
     border-bottom-left-radius: 0;
   }
 
   .list-group-horizontal-lg>.list-group-item.active {
     margin-top: 0;
   }
 
   .list-group-horizontal-lg>.list-group-item+.list-group-item {
     border-top-width: 1px;
     border-left-width: 0;
   }
 
   .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
     margin-left: -1px;
     border-left-width: 1px;
   }
 }
 
 @media (min-width: 1200px) {
   .list-group-horizontal-xl {
     flex-direction: row;
   }
 
   .list-group-horizontal-xl>.list-group-item:first-child {
     border-bottom-left-radius: 0.25rem;
     border-top-right-radius: 0;
   }
 
   .list-group-horizontal-xl>.list-group-item:last-child {
     border-top-right-radius: 0.25rem;
     border-bottom-left-radius: 0;
   }
 
   .list-group-horizontal-xl>.list-group-item.active {
     margin-top: 0;
   }
 
   .list-group-horizontal-xl>.list-group-item+.list-group-item {
     border-top-width: 1px;
     border-left-width: 0;
   }
 
   .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
     margin-left: -1px;
     border-left-width: 1px;
   }
 }
 
 @media (min-width: 1400px) {
   .list-group-horizontal-xxl {
     flex-direction: row;
   }
 
   .list-group-horizontal-xxl>.list-group-item:first-child {
     border-bottom-left-radius: 0.25rem;
     border-top-right-radius: 0;
   }
 
   .list-group-horizontal-xxl>.list-group-item:last-child {
     border-top-right-radius: 0.25rem;
     border-bottom-left-radius: 0;
   }
 
   .list-group-horizontal-xxl>.list-group-item.active {
     margin-top: 0;
   }
 
   .list-group-horizontal-xxl>.list-group-item+.list-group-item {
     border-top-width: 1px;
     border-left-width: 0;
   }
 
   .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
     margin-left: -1px;
     border-left-width: 1px;
   }
 }
 
 .list-group-flush {
   border-radius: 0;
 }
 
 .list-group-flush>.list-group-item {
   border-width: 0 0 1px;
 }
 
 .list-group-flush>.list-group-item:last-child {
   border-bottom-width: 0;
 }
 
 .list-group-item-primary {
   color: #084298;
   background-color: #cfe2ff;
 }
 
 .list-group-item-primary.list-group-item-action:focus,
 .list-group-item-primary.list-group-item-action:hover {
   color: #084298;
   background-color: #bacbe6;
 }
 
 .list-group-item-primary.list-group-item-action.active {
   color: #fff;
   background-color: #084298;
   border-color: #084298;
 }
 
 .list-group-item-secondary {
   color: #41464b;
   background-color: #e2e3e5;
 }
 
 .list-group-item-secondary.list-group-item-action:focus,
 .list-group-item-secondary.list-group-item-action:hover {
   color: #41464b;
   background-color: #cbccce;
 }
 
 .list-group-item-secondary.list-group-item-action.active {
   color: #fff;
   background-color: #41464b;
   border-color: #41464b;
 }
 
 .list-group-item-success {
   color: #0f5132;
   background-color: #d1e7dd;
 }
 
 .list-group-item-success.list-group-item-action:focus,
 .list-group-item-success.list-group-item-action:hover {
   color: #0f5132;
   background-color: #bcd0c7;
 }
 
 .list-group-item-success.list-group-item-action.active {
   color: #fff;
   background-color: #0f5132;
   border-color: #0f5132;
 }
 
 .list-group-item-info {
   color: #055160;
   background-color: #cff4fc;
 }
 
 .list-group-item-info.list-group-item-action:focus,
 .list-group-item-info.list-group-item-action:hover {
   color: #055160;
   background-color: #badce3;
 }
 
 .list-group-item-info.list-group-item-action.active {
   color: #fff;
   background-color: #055160;
   border-color: #055160;
 }
 
 .list-group-item-warning {
   color: #664d03;
   background-color: #fff3cd;
 }
 
 .list-group-item-warning.list-group-item-action:focus,
 .list-group-item-warning.list-group-item-action:hover {
   color: #664d03;
   background-color: #e6dbb9;
 }
 
 .list-group-item-warning.list-group-item-action.active {
   color: #fff;
   background-color: #664d03;
   border-color: #664d03;
 }
 
 .list-group-item-danger {
   color: #842029;
   background-color: #f8d7da;
 }
 
 .list-group-item-danger.list-group-item-action:focus,
 .list-group-item-danger.list-group-item-action:hover {
   color: #842029;
   background-color: #dfc2c4;
 }
 
 .list-group-item-danger.list-group-item-action.active {
   color: #fff;
   background-color: #842029;
   border-color: #842029;
 }
 
 .list-group-item-light {
   color: #636464;
   background-color: #fefefe;
 }
 
 .list-group-item-light.list-group-item-action:focus,
 .list-group-item-light.list-group-item-action:hover {
   color: #636464;
   background-color: #e5e5e5;
 }
 
 .list-group-item-light.list-group-item-action.active {
   color: #fff;
   background-color: #636464;
   border-color: #636464;
 }
 
 .list-group-item-dark {
   color: #141619;
   background-color: #d3d3d4;
 }
 
 .list-group-item-dark.list-group-item-action:focus,
 .list-group-item-dark.list-group-item-action:hover {
   color: #141619;
   background-color: #bebebf;
 }
 
 .list-group-item-dark.list-group-item-action.active {
   color: #fff;
   background-color: #141619;
   border-color: #141619;
 }
 
 .btn-close {
   box-sizing: content-box;
   width: 1em;
   height: 1em;
   padding: 0.25em 0.25em;
   color: #000;
   background: transparent url("data:image/svg+xml,%3csvg xmlns=!string!viewBox=!string!fill=!string!%3e%3cpath d=!string!/%3e%3c/svg%3e") center/1em auto no-repeat;
   border: 0;
   border-radius: 0.25rem;
   opacity: 0.5;
 }
 
 .btn-close:hover {
   color: #000;
   text-decoration: none;
   opacity: 0.75;
 }
 
 .btn-close:focus {
   outline: 0;
   box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
   opacity: 1;
 }
 
 .btn-close.disabled,
 .btn-close:disabled {
   pointer-events: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   opacity: 0.25;
 }
 
 .btn-close-white {
   filter: invert(1) grayscale(100%) brightness(200%);
 }
 
 .toast {
   width: 350px;
   max-width: 100%;
   font-size: 0.875rem;
   pointer-events: auto;
   background-color: rgba(255, 255, 255, 0.85);
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.1);
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   border-radius: 0.25rem;
 }
 
 .toast:not(.showing):not(.show) {
   opacity: 0;
 }
 
 .toast.hide {
   display: none;
 }
 
 .toast-container {
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
   max-width: 100%;
   pointer-events: none;
 }
 
 .toast-container> :not(:last-child) {
   margin-bottom: 0.75rem;
 }
 
 .toast-header {
   display: flex;
   align-items: center;
   padding: 0.5rem 0.75rem;
   color: #6c757d;
   background-color: rgba(255, 255, 255, 0.85);
   background-clip: padding-box;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
   border-top-left-radius: calc(0.25rem - 1px);
   border-top-right-radius: calc(0.25rem - 1px);
 }
 
 .toast-header .btn-close {
   margin-right: -0.375rem;
   margin-left: 0.75rem;
 }
 
 .toast-body {
   padding: 0.75rem;
   word-wrap: break-word;
 }
 
 .modal {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1060;
   display: none;
   width: 100%;
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   outline: 0;
 }
 
 .modal-dialog {
   position: relative;
   width: auto;
   margin: 0.5rem;
   pointer-events: none;
 }
 
 .modal.fade .modal-dialog {
   transition: transform 0.3s ease-out;
   transform: translate(0, -50px);
 }
 
 @media (prefers-reduced-motion: reduce) {
   .modal.fade .modal-dialog {
     transition: none;
   }
 }
 
 .modal.show .modal-dialog {
   transform: none;
 }
 
 .modal.modal-static .modal-dialog {
   transform: scale(1.02);
 }
 
 .modal-dialog-scrollable {
   height: calc(100% - 1rem);
 }
 
 .modal-dialog-scrollable .modal-content {
   max-height: 100%;
   overflow: hidden;
 }
 
 .modal-dialog-scrollable .modal-body {
   overflow-y: auto;
 }
 
 .modal-dialog-centered {
   display: flex;
   align-items: center;
   min-height: calc(100% - 1rem);
 }
 
 .modal-content {
   position: relative;
   display: flex;
   flex-direction: column;
   width: 100%;
   pointer-events: auto;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 0.3rem;
   outline: 0;
 }
 
 .modal-backdrop {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1040;
   width: 100vw;
   height: 100vh;
   background-color: #000;
 }
 
 .modal-backdrop.fade {
   opacity: 0;
 }
 
 .modal-backdrop.show {
   opacity: 0.5;
 }
 
 .modal-header {
   display: flex;
   flex-shrink: 0;
   align-items: center;
   justify-content: space-between;
   padding: 1rem 1rem;
   border-bottom: 1px solid #dee2e6;
   border-top-left-radius: calc(0.3rem - 1px);
   border-top-right-radius: calc(0.3rem - 1px);
 }
 
 .modal-header .btn-close {
   padding: 0.5rem 0.5rem;
   margin: -0.5rem -0.5rem -0.5rem auto;
 }
 
 .modal-title {
   margin-bottom: 0;
   line-height: 1.5;
 }
 
 .modal-body {
   position: relative;
   flex: 1 1 auto;
   padding: 1rem;
 }
 
 .modal-footer {
   display: flex;
   flex-wrap: wrap;
   flex-shrink: 0;
   align-items: center;
   justify-content: flex-end;
   padding: 0.75rem;
   border-top: 1px solid #dee2e6;
   border-bottom-right-radius: calc(0.3rem - 1px);
   border-bottom-left-radius: calc(0.3rem - 1px);
 }
 
 .modal-footer>* {
   margin: 0.25rem;
 }
 
 @media (min-width: 576px) {
   .modal-dialog {
     max-width: 500px;
     margin: 1.75rem auto;
   }
 
   .modal-dialog-scrollable {
     height: calc(100% - 3.5rem);
   }
 
   .modal-dialog-centered {
     min-height: calc(100% - 3.5rem);
   }
 
   .modal-sm {
     max-width: 300px;
   }
 }
 
 @media (min-width: 992px) {
 
   .modal-lg,
   .modal-xl {
     max-width: 800px;
   }
 }
 
 @media (min-width: 1200px) {
   .modal-xl {
     max-width: 1140px;
   }
 }
 
 .modal-fullscreen {
   width: 100vw;
   max-width: none;
   height: 100%;
   margin: 0;
 }
 
 .modal-fullscreen .modal-content {
   height: 100%;
   border: 0;
   border-radius: 0;
 }
 
 .modal-fullscreen .modal-header {
   border-radius: 0;
 }
 
 .modal-fullscreen .modal-body {
   overflow-y: auto;
 }
 
 .modal-fullscreen .modal-footer {
   border-radius: 0;
 }
 
 @media (max-width: 575.98px) {
   .modal-fullscreen-sm-down {
     width: 100vw;
     max-width: none;
     height: 100%;
     margin: 0;
   }
 
   .modal-fullscreen-sm-down .modal-content {
     height: 100%;
     border: 0;
     border-radius: 0;
   }
 
   .modal-fullscreen-sm-down .modal-header {
     border-radius: 0;
   }
 
   .modal-fullscreen-sm-down .modal-body {
     overflow-y: auto;
   }
 
   .modal-fullscreen-sm-down .modal-footer {
     border-radius: 0;
   }
 }
 
 @media (max-width: 767.98px) {
   .modal-fullscreen-md-down {
     width: 100vw;
     max-width: none;
     height: 100%;
     margin: 0;
   }
 
   .modal-fullscreen-md-down .modal-content {
     height: 100%;
     border: 0;
     border-radius: 0;
   }
 
   .modal-fullscreen-md-down .modal-header {
     border-radius: 0;
   }
 
   .modal-fullscreen-md-down .modal-body {
     overflow-y: auto;
   }
 
   .modal-fullscreen-md-down .modal-footer {
     border-radius: 0;
   }
 }
 
 @media (max-width: 991.98px) {
   .modal-fullscreen-lg-down {
     width: 100vw;
     max-width: none;
     height: 100%;
     margin: 0;
   }
 
   .modal-fullscreen-lg-down .modal-content {
     height: 100%;
     border: 0;
     border-radius: 0;
   }
 
   .modal-fullscreen-lg-down .modal-header {
     border-radius: 0;
   }
 
   .modal-fullscreen-lg-down .modal-body {
     overflow-y: auto;
   }
 
   .modal-fullscreen-lg-down .modal-footer {
     border-radius: 0;
   }
 }
 
 @media (max-width: 1199.98px) {
   .modal-fullscreen-xl-down {
     width: 100vw;
     max-width: none;
     height: 100%;
     margin: 0;
   }
 
   .modal-fullscreen-xl-down .modal-content {
     height: 100%;
     border: 0;
     border-radius: 0;
   }
 
   .modal-fullscreen-xl-down .modal-header {
     border-radius: 0;
   }
 
   .modal-fullscreen-xl-down .modal-body {
     overflow-y: auto;
   }
 
   .modal-fullscreen-xl-down .modal-footer {
     border-radius: 0;
   }
 }
 
 @media (max-width: 1399.98px) {
   .modal-fullscreen-xxl-down {
     width: 100vw;
     max-width: none;
     height: 100%;
     margin: 0;
   }
 
   .modal-fullscreen-xxl-down .modal-content {
     height: 100%;
     border: 0;
     border-radius: 0;
   }
 
   .modal-fullscreen-xxl-down .modal-header {
     border-radius: 0;
   }
 
   .modal-fullscreen-xxl-down .modal-body {
     overflow-y: auto;
   }
 
   .modal-fullscreen-xxl-down .modal-footer {
     border-radius: 0;
   }
 }
 
 .tooltip {
   position: absolute;
   z-index: 1080;
   display: block;
   margin: 0;
   font-family: var(--bs-font-sans-serif);
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
   font-size: 0.875rem;
   word-wrap: break-word;
   opacity: 0;
 }
 
 .tooltip.show {
   opacity: 0.9;
 }
 
 .tooltip .tooltip-arrow {
   position: absolute;
   display: block;
   width: 0.8rem;
   height: 0.4rem;
 }
 
 .tooltip .tooltip-arrow::before {
   position: absolute;
   content: "none";
   border-color: transparent;
   border-style: solid;
 }
 
 .bs-tooltip-auto[data-popper-placement^="top"],
 .bs-tooltip-top {
   padding: 0.4rem 0;
 }
 
 .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
 .bs-tooltip-top .tooltip-arrow {
   bottom: 0;
 }
 
 .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
 .bs-tooltip-top .tooltip-arrow::before {
   top: -1px;
   border-width: 0.4rem 0.4rem 0;
   border-top-color: #000;
 }
 
 .bs-tooltip-auto[data-popper-placement^="right"],
 .bs-tooltip-end {
   padding: 0 0.4rem;
 }
 
 .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow,
 .bs-tooltip-end .tooltip-arrow {
   left: 0;
   width: 0.4rem;
   height: 0.8rem;
 }
 
 .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
 .bs-tooltip-end .tooltip-arrow::before {
   right: -1px;
   border-width: 0.4rem 0.4rem 0.4rem 0;
   border-right-color: #000;
 }
 
 .bs-tooltip-auto[data-popper-placement^="bottom"],
 .bs-tooltip-bottom {
   padding: 0.4rem 0;
 }
 
 .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow,
 .bs-tooltip-bottom .tooltip-arrow {
   top: 0;
 }
 
 .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before,
 .bs-tooltip-bottom .tooltip-arrow::before {
   bottom: -1px;
   border-width: 0 0.4rem 0.4rem;
   border-bottom-color: #000;
 }
 
 .bs-tooltip-auto[data-popper-placement^="left"],
 .bs-tooltip-start {
   padding: 0 0.4rem;
 }
 
 .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
 .bs-tooltip-start .tooltip-arrow {
   right: 0;
   width: 0.4rem;
   height: 0.8rem;
 }
 
 .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
 .bs-tooltip-start .tooltip-arrow::before {
   left: -1px;
   border-width: 0.4rem 0 0.4rem 0.4rem;
   border-left-color: #000;
 }
 
 .tooltip-inner {
   max-width: 200px;
   padding: 0.25rem 0.5rem;
   color: #fff;
   text-align: center;
   background-color: #000;
   border-radius: 0.25rem;
 }
 
 .popover {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1070;
   display: block;
   max-width: 276px;
   font-family: var(--bs-font-sans-serif);
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
   font-size: 0.875rem;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 0.3rem;
 }
 
 .popover .popover-arrow {
   position: absolute;
   display: block;
   width: 1rem;
   height: 0.5rem;
 }
 
 .popover .popover-arrow::after,
 .popover .popover-arrow::before {
   position: absolute;
   display: block;
   content: "%23fff";
   border-color: transparent;
   border-style: solid;
 }
 
 .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow,
 .bs-popover-top>.popover-arrow {
   bottom: calc(-0.5rem - 1px);
 }
 
 .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,
 .bs-popover-top>.popover-arrow::before {
   bottom: 0;
   border-width: 0.5rem 0.5rem 0;
   border-top-color: rgba(0, 0, 0, 0.25);
 }
 
 .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
 .bs-popover-top>.popover-arrow::after {
   bottom: 1px;
   border-width: 0.5rem 0.5rem 0;
   border-top-color: #fff;
 }
 
 .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow,
 .bs-popover-end>.popover-arrow {
   left: calc(-0.5rem - 1px);
   width: 0.5rem;
   height: 1rem;
 }
 
 .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,
 .bs-popover-end>.popover-arrow::before {
   left: 0;
   border-width: 0.5rem 0.5rem 0.5rem 0;
   border-right-color: rgba(0, 0, 0, 0.25);
 }
 
 .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
 .bs-popover-end>.popover-arrow::after {
   left: 1px;
   border-width: 0.5rem 0.5rem 0.5rem 0;
   border-right-color: #fff;
 }
 
 .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow,
 .bs-popover-bottom>.popover-arrow {
   top: calc(-0.5rem - 1px);
 }
 
 .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,
 .bs-popover-bottom>.popover-arrow::before {
   top: 0;
   border-width: 0 0.5rem 0.5rem 0.5rem;
   border-bottom-color: rgba(0, 0, 0, 0.25);
 }
 
 .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
 .bs-popover-bottom>.popover-arrow::after {
   top: 1px;
   border-width: 0 0.5rem 0.5rem 0.5rem;
   border-bottom-color: #fff;
 }
 
 .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before,
 .bs-popover-bottom .popover-header::before {
   position: absolute;
   top: 0;
   left: 50%;
   display: block;
   width: 1rem;
   margin-left: -0.5rem;
   content: "round";
   border-bottom: 1px solid #f0f0f0;
 }
 
 .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow,
 .bs-popover-start>.popover-arrow {
   right: calc(-0.5rem - 1px);
   width: 0.5rem;
   height: 1rem;
 }
 
 .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,
 .bs-popover-start>.popover-arrow::before {
   right: 0;
   border-width: 0.5rem 0 0.5rem 0.5rem;
   border-left-color: rgba(0, 0, 0, 0.25);
 }
 
 .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
 .bs-popover-start>.popover-arrow::after {
   right: 1px;
   border-width: 0.5rem 0 0.5rem 0.5rem;
   border-left-color: #fff;
 }
 
 .popover-header {
   padding: 0.5rem 1rem;
   margin-bottom: 0;
   font-size: 1rem;
   background-color: #f0f0f0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
   border-top-left-radius: calc(0.3rem - 1px);
   border-top-right-radius: calc(0.3rem - 1px);
 }
 
 .popover-header:empty {
   display: none;
 }
 
 .popover-body {
   padding: 1rem 1rem;
   color: #212529;
 }
 
 .carousel {
   position: relative;
 }
 
 .carousel.pointer-event {
   touch-action: pan-y;
 }
 
 .carousel-inner {
   position: relative;
   width: 100%;
   overflow: hidden;
 }
 
 .carousel-inner::after {
   display: block;
   clear: both;
   content: "round";
 }
 
 .carousel-item {
   position: relative;
   display: none;
   float: left;
   width: 100%;
   margin-right: -100%;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   transition: transform 0.6s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .carousel-item {
     transition: none;
   }
 }
 
 .carousel-item-next,
 .carousel-item-prev,
 .carousel-item.active {
   display: block;
 }
 
 .active.carousel-item-end,
 .carousel-item-next:not(.carousel-item-start) {
   transform: translateX(100%);
 }
 
 .active.carousel-item-start,
 .carousel-item-prev:not(.carousel-item-end) {
   transform: translateX(-100%);
 }
 
 .carousel-fade .carousel-item {
   opacity: 0;
   transition-property: opacity;
   transform: none;
 }
 
 .carousel-fade .carousel-item-next.carousel-item-start,
 .carousel-fade .carousel-item-prev.carousel-item-end,
 .carousel-fade .carousel-item.active {
   z-index: 1;
   opacity: 1;
 }
 
 .carousel-fade .active.carousel-item-end,
 .carousel-fade .active.carousel-item-start {
   z-index: 0;
   opacity: 0;
   transition: opacity 0s 0.6s;
 }
 
 @media (prefers-reduced-motion: reduce) {
 
   .carousel-fade .active.carousel-item-end,
   .carousel-fade .active.carousel-item-start {
     transition: none;
   }
 }
 
 .carousel-control-next,
 .carousel-control-prev {
   position: absolute;
   top: 0;
   bottom: 0;
   z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 15%;
   padding: 0;
   color: #fff;
   text-align: center;
   background: 0 0;
   border: 0;
   opacity: 0.5;
   transition: opacity 0.15s ease;
 }
 
 @media (prefers-reduced-motion: reduce) {
 
   .carousel-control-next,
   .carousel-control-prev {
     transition: none;
   }
 }
 
 .carousel-control-next:focus,
 .carousel-control-next:hover,
 .carousel-control-prev:focus,
 .carousel-control-prev:hover {
   color: #fff;
   text-decoration: none;
   outline: 0;
   opacity: 0.9;
 }
 
 .carousel-control-prev {
   left: 0;
 }
 
 .carousel-control-next {
   right: 0;
 }
 
 .carousel-control-next-icon,
 .carousel-control-prev-icon {
   display: inline-block;
   width: 2rem;
   height: 2rem;
   background-repeat: no-repeat;
   background-position: 50%;
   background-size: 100% 100%;
 }
 
 .carousel-control-prev-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns=!string!viewBox=!string!fill=!string!%3e%3cpath d=!string!/%3e%3c/svg%3e");
 }
 
 .carousel-control-next-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns=!string!viewBox=!string!fill=!string!%3e%3cpath d=!string!/%3e%3c/svg%3e");
 }
 
 .carousel-indicators {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 2;
   display: flex;
   justify-content: center;
   padding: 0;
   margin-right: 15%;
   margin-bottom: 1rem;
   margin-left: 15%;
   list-style: none;
 }
 
 .carousel-indicators [data-bs-target] {
   box-sizing: content-box;
   flex: 0 1 auto;
   width: 30px;
   height: 3px;
   padding: 0;
   margin-right: 3px;
   margin-left: 3px;
   text-indent: -999px;
   cursor: pointer;
   background-color: #fff;
   background-clip: padding-box;
   border: 0;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   opacity: 0.5;
   transition: opacity 0.6s ease;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .carousel-indicators [data-bs-target] {
     transition: none;
   }
 }
 
 .carousel-indicators .active {
   opacity: 1;
 }
 
 .carousel-caption {
   position: absolute;
   right: 15%;
   bottom: 1.25rem;
   left: 15%;
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
   color: #fff;
   text-align: center;
 }
 
 .carousel-dark .carousel-control-next-icon,
 .carousel-dark .carousel-control-prev-icon {
   filter: invert(1) grayscale(100);
 }
 
 .carousel-dark .carousel-indicators [data-bs-target] {
   background-color: #000;
 }
 
 .carousel-dark .carousel-caption {
   color: #000;
 }
 
 .fixed-top {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 1030;
 }
 
 .fixed-bottom {
   position: fixed;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1030;
 }
 
 .sticky-top {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 1020;
 }
 
 @media (min-width: 576px) {
   .sticky-sm-top {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020;
   }
 }
 
 @media (min-width: 768px) {
   .sticky-md-top {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020;
   }
 }
 
 @media (min-width: 992px) {
   .sticky-lg-top {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020;
   }
 }
 
 @media (min-width: 1200px) {
   .sticky-xl-top {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020;
   }
 }
 
 @media (min-width: 1400px) {
   .sticky-xxl-top {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020;
   }
 }
 
 .align-baseline {
   vertical-align: baseline !important;
 }
 
 .align-top {
   vertical-align: top !important;
 }
 
 .align-middle {
   vertical-align: middle !important;
 }
 
 .align-bottom {
   vertical-align: bottom !important;
 }
 
 .align-text-bottom {
   vertical-align: text-bottom !important;
 }
 
 .align-text-top {
   vertical-align: text-top !important;
 }
 
 .float-start {
   float: left !important;
 }
 
 .float-end {
   float: right !important;
 }
 
 .float-none {
   float: none !important;
 }
 
 .overflow-auto {
   overflow: auto !important;
 }
 
 .overflow-hidden {
   overflow: hidden !important;
 }
 
 .overflow-visible {
   overflow: visible !important;
 }
 
 .overflow-scroll {
   overflow: scroll !important;
 }
 
 .d-inline {
   display: inline !important;
 }
 
 .d-inline-block {
   display: inline-block !important;
 }
 
 .d-block {
   display: block !important;
 }
 
 .d-grid {
   display: grid !important;
 }
 
 .d-table {
   display: table !important;
 }
 
 .d-table-row {
   display: table-row !important;
 }
 
 .d-table-cell {
   display: table-cell !important;
 }
 
 .d-flex {
   display: flex !important;
 }
 
 .d-inline-flex {
   display: inline-flex !important;
 }
 
 .d-none {
   display: none !important;
 }
 
 .shadow {
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
 }
 
 .shadow-sm {
   box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
 }
 
 .shadow-lg {
   box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
 }
 
 .shadow-none {
   box-shadow: none !important;
 }
 
 .position-relative {
   position: relative !important;
 }
 
 .position-absolute {
   position: absolute !important;
 }
 
 .position-fixed {
   position: fixed !important;
 }
 
 .position-sticky {
   position: -webkit-sticky !important;
   position: sticky !important;
 }
 
 .translate-middle {
   transform: translate(-50%, -50%) !important;
 }
 
 .translate-middle-x {
   transform: translateX(-50%) !important;
 }
 
 .translate-middle-y {
   transform: translateY(-50%) !important;
 }
 
 .border {
   border: 1px solid #dee2e6 !important;
 }
 
 .w-25 {
   width: 25% !important;
 }
 
 .w-50 {
   width: 50% !important;
 }
 
 .w-75 {
   width: 75% !important;
 }
 
 .w-100 {
   width: 100% !important;
 }
 
 .w-auto {
   width: auto !important;
 }
 
 .min-vw-100 {
   min-width: 100vw !important;
 }
 
 .h-25 {
   height: 25% !important;
 }
 
 .h-50 {
   height: 50% !important;
 }
 
 .h-75 {
   height: 75% !important;
 }
 
 .h-100 {
   height: 100% !important;
 }
 
 .h-auto {
   height: auto !important;
 }
 
 .mh-100 {
   max-height: 100% !important;
 }
 
 .vh-100 {
   height: 100vh !important;
 }
 
 .min-vh-100 {
   min-height: 100vh !important;
 }
 
 .flex-column {
   flex-direction: column !important;
 }
 
 .flex-row-reverse {
   flex-direction: row-reverse !important;
 }
 
 .flex-column-reverse {
   flex-direction: column-reverse !important;
 }
 
 .flex-grow-0 {
   flex-grow: 0 !important;
 }
 
 .flex-grow-1 {
   flex-grow: 1 !important;
 }
 
 .flex-shrink-0 {
   flex-shrink: 0 !important;
 }
 
 .flex-shrink-1 {
   flex-shrink: 1 !important;
 }
 
 .flex-wrap {
   flex-wrap: wrap !important;
 }
 
 .flex-nowrap {
   flex-wrap: nowrap !important;
 }
 
 .flex-wrap-reverse {
   flex-wrap: wrap-reverse !important;
 }
 
 .gap-0 {
   gap: 0 !important;
 }
 
 .gap-1 {
   gap: 0.25rem !important;
 }
 
 .gap-2 {
   gap: 0.5rem !important;
 }
 
 .gap-3 {
   gap: 1rem !important;
 }
 
 .gap-4 {
   gap: 1.5rem !important;
 }
 
 .gap-5 {
   gap: 3rem !important;
 }
 
 .order-0 {
   order: 0 !important;
 }
 
 .order-1 {
   order: 1 !important;
 }
 
 .order-2 {
   order: 2 !important;
 }
 
 .order-3 {
   order: 3 !important;
 }
 
 .order-4 {
   order: 4 !important;
 }
 
 .order-5 {
   order: 5 !important;
 }
 
 .justify-content-start {
   justify-content: flex-start !important;
 }
 
 .justify-content-end {
   justify-content: flex-end !important;
 }
 
 .justify-content-center {
   justify-content: center !important;
 }
 
 .justify-content-between {
   justify-content: space-between !important;
 }
 
 .justify-content-around {
   justify-content: space-around !important;
 }
 
 .justify-content-evenly {
   justify-content: space-evenly !important;
 }
 
 .align-items-start {
   align-items: flex-start !important;
 }
 
 .align-items-end {
   align-items: flex-end !important;
 }
 
 .align-items-center {
   align-items: center !important;
 }
 
 .align-items-baseline {
   align-items: baseline !important;
 }
 
 .align-items-stretch {
   align-items: stretch !important;
 }
 
 .align-content-start {
   align-content: flex-start !important;
 }
 
 .align-content-end {
   align-content: flex-end !important;
 }
 
 .align-content-center {
   align-content: center !important;
 }
 
 .align-content-between {
   align-content: space-between !important;
 }
 
 .align-content-around {
   align-content: space-around !important;
 }
 
 .align-content-stretch {
   align-content: stretch !important;
 }
 
 .align-self-auto {
   align-self: auto !important;
 }
 
 .align-self-start {
   align-self: flex-start !important;
 }
 
 .align-self-end {
   align-self: flex-end !important;
 }
 
 .align-self-center {
   align-self: center !important;
 }
 
 .align-self-baseline {
   align-self: baseline !important;
 }
 
 .align-self-stretch {
   align-self: stretch !important;
 }
 
 .m-0 {
   margin: 0 !important;
 }
 
 .m-1 {
   margin: 0.25rem !important;
 }
 
 .m-2 {
   margin: 0.5rem !important;
 }
 
 .m-3 {
   margin: 1rem !important;
 }
 
 .m-4 {
   margin: 1.5rem !important;
 }
 
 .m-5 {
   margin: 3rem !important;
 }
 
 .m-auto {
   margin: auto !important;
 }
 
 .text-start {
   text-align: left !important;
 }
 
 .text-end {
   text-align: right !important;
 }
 
 .text-center {
   text-align: center !important;
 }
 
 .text-decoration-none {
   text-decoration: none !important;
 }
 
 .text-decoration-underline {
   text-decoration: underline !important;
 }
 
 .text-decoration-line-through {
   text-decoration: line-through !important;
 }
 
 .text-lowercase {
   text-transform: lowercase !important;
 }
 
 .text-uppercase {
   text-transform: uppercase !important;
 }
 
 .text-capitalize {
   text-transform: capitalize !important;
 }
 
 .text-wrap {
   white-space: normal !important;
 }
 
 .text-nowrap {
   white-space: nowrap !important;
 }
 
 .text-break {
   word-wrap: break-word !important;
   word-break: break-word !important;
 }
 
 .text-primary {
   color: #0d6efd !important;
 }
 
 .text-secondary {
   color: #6c757d !important;
 }
 
 .text-success {
   color: #198754 !important;
 }
 
 .bg-primary {
   background-color: #0d6efd !important;
 }
 
 .bg-secondary {
   background-color: #6c757d !important;
 }
 
 .bg-success {
   background-color: #198754 !important;
 }
 
 .bg-transparent {
   background-color: transparent !important;
 }
 
 .bg-gradient {
   background-image: var(--bs-gradient) !important;
 }
 
 .rounded {
   border-radius: 0.25rem !important;
 }
 
 .rounded-0 {
   border-radius: 0 !important;
 }
 
 .visible {
   visibility: visible !important;
 }
 
 .invisible {
   visibility: hidden !important;
 }
 
 @media (min-width: 768px) {
   .order-md-0 {
     order: 0 !important;
   }
 
   .order-md-1 {
     order: 1 !important;
   }
 
   .order-md-2 {
     order: 2 !important;
   }
 
   .order-md-3 {
     order: 3 !important;
   }
 
   .order-md-4 {
     order: 4 !important;
   }
 
   .order-md-5 {
     order: 5 !important;
   }
 
   .d-md-inline {
     display: inline !important;
   }
 
   .d-md-inline-block {
     display: inline-block !important;
   }
 
   .d-md-block {
     display: block !important;
   }
 
   .d-md-flex {
     display: flex !important;
   }
 
   .d-md-inline-flex {
     display: inline-flex !important;
   }
 
   .d-md-none {
     display: none !important;
   }
 
   .justify-content-md-start {
     justify-content: flex-start !important;
   }
 
   .justify-content-md-end {
     justify-content: flex-end !important;
   }
 
   .justify-content-md-center {
     justify-content: center !important;
   }
 
   .justify-content-md-between {
     justify-content: space-between !important;
   }
 
   .justify-content-md-around {
     justify-content: space-around !important;
   }
 
   .justify-content-md-evenly {
     justify-content: space-evenly !important;
   }
 
   .align-items-md-start {
     align-items: flex-start !important;
   }
 
   .align-items-md-end {
     align-items: flex-end !important;
   }
 
   .align-items-md-center {
     align-items: center !important;
   }
 
   .align-items-md-baseline {
     align-items: baseline !important;
   }
 
   .align-items-md-stretch {
     align-items: stretch !important;
   }
 
   .align-content-md-start {
     align-content: flex-start !important;
   }
 
   .align-content-md-end {
     align-content: flex-end !important;
   }
 
   .align-content-md-center {
     align-content: center !important;
   }
 
   .align-content-md-between {
     align-content: space-between !important;
   }
 
   .align-content-md-around {
     align-content: space-around !important;
   }
 
   .align-content-md-stretch {
     align-content: stretch !important;
   }
 
   .align-self-md-auto {
     align-self: auto !important;
   }
 
   .align-self-md-start {
     align-self: flex-start !important;
   }
 
   .align-self-md-end {
     align-self: flex-end !important;
   }
 
   .align-self-md-center {
     align-self: center !important;
   }
 
   .align-self-md-baseline {
     align-self: baseline !important;
   }
 
   .align-self-md-stretch {
     align-self: stretch !important;
   }
 
   .text-md-start {
     text-align: left !important;
   }
 
   .text-md-end {
     text-align: right !important;
   }
 
   .text-md-center {
     text-align: center !important;
   }
 }
 
 @media (min-width: 992px) {
   .order-lg-0 {
     order: 0 !important;
   }
 
   .order-lg-1 {
     order: 1 !important;
   }
 
   .order-lg-2 {
     order: 2 !important;
   }
 
   .order-lg-3 {
     order: 3 !important;
   }
 
   .order-lg-4 {
     order: 4 !important;
   }
 
   .order-lg-5 {
     order: 5 !important;
   }
 
   .order-lg-last {
     order: 6 !important;
   }
 
   .d-lg-inline {
     display: inline !important;
   }
 
   .d-lg-inline-block {
     display: inline-block !important;
   }
 
   .d-lg-block {
     display: block !important;
   }
 
   .d-lg-flex {
     display: flex !important;
   }
 
   .d-lg-inline-flex {
     display: inline-flex !important;
   }
 
   .d-lg-none {
     display: none !important;
   }
 
   .justify-content-lg-start {
     justify-content: flex-start !important;
   }
 
   .justify-content-lg-end {
     justify-content: flex-end !important;
   }
 
   .justify-content-lg-center {
     justify-content: center !important;
   }
 
   .justify-content-lg-between {
     justify-content: space-between !important;
   }
 
   .justify-content-lg-around {
     justify-content: space-around !important;
   }
 
   .justify-content-lg-evenly {
     justify-content: space-evenly !important;
   }
 
   .align-items-lg-start {
     align-items: flex-start !important;
   }
 
   .align-items-lg-end {
     align-items: flex-end !important;
   }
 
   .align-items-lg-center {
     align-items: center !important;
   }
 
   .align-items-lg-baseline {
     align-items: baseline !important;
   }
 
   .align-items-lg-stretch {
     align-items: stretch !important;
   }
 
   .align-content-lg-start {
     align-content: flex-start !important;
   }
 
   .align-content-lg-end {
     align-content: flex-end !important;
   }
 
   .align-content-lg-center {
     align-content: center !important;
   }
 
   .align-content-lg-between {
     align-content: space-between !important;
   }
 
   .align-content-lg-around {
     align-content: space-around !important;
   }
 
   .align-content-lg-stretch {
     align-content: stretch !important;
   }
 
   .align-self-lg-auto {
     align-self: auto !important;
   }
 
   .align-self-lg-start {
     align-self: flex-start !important;
   }
 
   .align-self-lg-end {
     align-self: flex-end !important;
   }
 
   .align-self-lg-center {
     align-self: center !important;
   }
 
   .align-self-lg-baseline {
     align-self: baseline !important;
   }
 
   .align-self-lg-stretch {
     align-self: stretch !important;
   }
 
   .text-lg-start {
     text-align: left !important;
   }
 
   .text-lg-end {
     text-align: right !important;
   }
 
   .text-lg-center {
     text-align: center !important;
   }
 }
 
 @media (min-width: 1200px) {
   .d-xl-inline {
     display: inline !important;
   }
 
   .d-xl-inline-block {
     display: inline-block !important;
   }
 
   .d-xl-block {
     display: block !important;
   }
 
   .d-xl-flex {
     display: flex !important;
   }
 
   .d-xl-inline-flex {
     display: inline-flex !important;
   }
 
   .d-xl-none {
     display: none !important;
   }
 
   .justify-content-xl-start {
     justify-content: flex-start !important;
   }
 
   .justify-content-xl-end {
     justify-content: flex-end !important;
   }
 
   .justify-content-xl-center {
     justify-content: center !important;
   }
 
   .justify-content-xl-between {
     justify-content: space-between !important;
   }
 
   .justify-content-xl-around {
     justify-content: space-around !important;
   }
 
   .justify-content-xl-evenly {
     justify-content: space-evenly !important;
   }
 
   .align-items-xl-start {
     align-items: flex-start !important;
   }
 
   .align-items-xl-end {
     align-items: flex-end !important;
   }
 
   .align-items-xl-center {
     align-items: center !important;
   }
 
   .align-items-xl-baseline {
     align-items: baseline !important;
   }
 
   .align-items-xl-stretch {
     align-items: stretch !important;
   }
 
   .align-content-xl-start {
     align-content: flex-start !important;
   }
 
   .align-content-xl-end {
     align-content: flex-end !important;
   }
 
   .align-content-xl-center {
     align-content: center !important;
   }
 
   .align-content-xl-between {
     align-content: space-between !important;
   }
 
   .align-content-xl-around {
     align-content: space-around !important;
   }
 
   .align-content-xl-stretch {
     align-content: stretch !important;
   }
 
   .align-self-xl-auto {
     align-self: auto !important;
   }
 
   .align-self-xl-start {
     align-self: flex-start !important;
   }
 
   .align-self-xl-end {
     align-self: flex-end !important;
   }
 
   .align-self-xl-center {
     align-self: center !important;
   }
 
   .align-self-xl-baseline {
     align-self: baseline !important;
   }
 
   .align-self-xl-stretch {
     align-self: stretch !important;
   }
 
   .text-xl-start {
     text-align: left !important;
   }
 
   .text-xl-end {
     text-align: right !important;
   }
 
   .text-xl-center {
     text-align: center !important;
   }
 }
 
 /* Extra CSS */
 
 .header-spacing-content {
   padding-top: 90px;
 }
 
 .main-content-body {
   padding-top: 90px;
 }
 
 .header-left {
   display: flex;
   align-items: center;
   gap: 16px;
 }
 
 .header-logo .light-logo {
   display: block;
 }
 
 .header-logo .dark.logo {
   display: none;
 }
 
 .dark-header .header-logo .light-logo {
   display: none;
 }
 
 .header-logo a {
   background: transparent !important;
 }
 
 .header-logo .dark-logo {
   display: none;
 }
 
 .dark-header .header-logo .dark-logo {
   display: block;
 }
 
 .dark-header .header-logo .dark.logo {
   display: block;
 }
 
 .header-links ul {
   display: flex;
   align-items: center;
   gap: 4px;
 }
 
 .header-links ul li a {
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 12px;
   transition: all 0.3s ease;
   border-radius: 4px;
   font-weight: 600;
 }
 
 .header-right a {
   font-weight: 600;
   transition: all 0.3s ease;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 13px;
   border-radius: 4px;
 }
 
 .header-links ul li a:hover,
 .header-right a:hover,
 .header-right a.contact-us:hover {
   background: var(--hover-white);
 }
 
 .dark-header header a,
 .dark-header .header-right a.contact-us {
   color: #000000cc;
 }
 
 .dark-header .header-links a:hover,
 .dark-header .header-right a.contact-us:hover,
 .dark-header .header-right a:hover {
   background: var(--hover-black) !important;
 }
 
 .dark-header .header-right a.contact-us {
   border-color: #1e1e1e1a;
 }
 
 .dark-header .header-right a.contact-us svg path {
   fill: #000000cc;
 }
 
 .dark-header .header-right .divider {
   background: #1e1e1e1a;
 }
 
 .dark-header section#main-header {
   border-bottom: 1px solid #1e1e1e1a;
 }
 
 .dark-header section#main-header.scrolled-header {
   background: #fff;
 }
 
 section#main-header header {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 
 .header-right {
   display: flex;
   align-items: center;
   gap: 4px;
 }
 
 .header-right a.contact-us {
   background: transparent;
   padding: 8px 10px;
   border-radius: 6px;
   border: 1px solid rgba(255, 255, 255, 0.15);
   font-family: Inter;
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   text-align: center;
   color: rgba(255, 255, 255, 0.9);
   display: flex;
   align-items: center;
   gap: 8px;
   padding-right: 16px;
   transition: all 0.3s ease;
   margin-left: 12px;
 }
 
 .header-right .divider {
   width: 1px;
   height: 32px;
   background: rgba(255, 255, 255, 0.15);
   display: block;
   margin: 0 12px;
 }
 
 section#main-header {
   padding: 24px 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.15);
   position: fixed;
   top: 0;
   width: 100%;
   transition: all 0.3s ease;
   z-index: 9;
 }
 
 .banner-align {
   display: grid;
   grid-template-columns: 50% 50%;
   align-items: center;
   gap: 0px;
 }
 
 .banner-content-title-section h1,
 .title-section {
   font-family: Inter;
   font-weight: 600;
   font-size: 48px;
   line-height: 125%;
   letter-spacing: -0.35px;
   margin: 0;
 }
 
 .banner-content-title-section h1 {
   color: #ffffffe5;
 }
 
 .banner-content-title-section p {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
   max-width: 509px;
 }
 
 .banner-content-title-section ul li p {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
   display: flex;
   align-items: center;
   gap: 8px;
 }
 
 .banner-content-title-section,
 .banner-content-title-section ul {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .banner-content {
   max-width: 555px;
 }
 
 .align-ruler-with-banner-content {
   display: flex;
   align-items: center;
   gap: 24px;
 }
 
 .banner-ruler-main {
   position: relative;
 }
 
 .btn-primary {
   display: flex;
 }
 
 .clutch-ratings {
   display: flex;
   gap: 8px;
   display: none;
 }
 
 .clutch-stars {
   display: flex;
   align-items: center;
 }
 
 .banner-btn {
   margin: 48px 0 16px;
 }
 
 .banner-btn a,
 .align-step-in a,
 .banner-content-not-found a {
   /* max-width: 191px; */
   /* width: 100%; */
   background: #2563eb;
   border-color: #2563eb;
 }
 
 #new-banner {
   padding-top: 90px;
   background-image: url("../img/hero-bg.png");
   background-size: cover;
 }
 
 section#main-header.scrolled-header {
   background: #1d1d1d;
 }
 
 .title-col h2 {
   margin: 0;
   font-family: Inter;
   font-weight: 600;
   font-size: 36px;
   line-height: 48px;
   letter-spacing: -0.35px;
   color: rgba(0, 0, 0, 0.8);
 }
 
 section.light-section {
   background-color: #fff !important;
 }
 
 section.light-section.testimonials-bg {
   background-image: url("../img/testimonials-bg.png");
   background-size: cover;
   background-position: center;
 }
 
 section.light-section.testimonials-bg .score-box {
   background: #fff;
 }
 
 .title-col p {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
   color: rgba(0, 0, 0, 0.8);
 }
 
 .title-col {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .button-col {
   margin: 32px 0 4rem;
   border-bottom: 1px solid #1e1e1e1a;
   padding-bottom: 3rem;
 }
 
 .button-col .btn-transparent,
 .main-cols-sections-align .align-cols:nth-child(2) .content-col .button-col a,
 .cols-main-bg .main-cols-sections-align .align-cols:nth-child(3) .content-col .button-col a,
 .cols-main-bg .main-cols-sections-align .align-cols:nth-child(4) .content-col .button-col a {
   color: rgba(0, 0, 0, 0.8);
   border-color: rgba(30, 30, 30, 0.1);
   gap: 6px;
   padding: 8px 13.688px;
   background: transparent;
 }
 
 .main-cols-sections-align .align-cols:nth-child(2) .content-col .title-col p {
   max-width: 500px;
 }
 
 .button-col .btn-transparent svg,
 .main-cols-sections-align .align-cols:nth-child(2) .content-col .button-col a svg,
 .cols-main-bg .main-cols-sections-align .align-cols:nth-child(3) .content-col .button-col a svg,
 .cols-main-bg .main-cols-sections-align .align-cols:nth-child(4) .content-col .button-col a svg {
   fill: rgba(0, 0, 0, 0.8);
 }
 
 .button-col .btn-transparent:hover,
 .dark-content .steps-title a:hover,
 .main-cols-sections-align .align-cols:nth-child(2) .content-col .button-col a:hover,
 .cols-main-bg .main-cols-sections-align .align-cols:nth-child(3) .content-col .button-col a:hover,
 .cols-main-bg .main-cols-sections-align .align-cols:nth-child(4) .content-col .button-col a:hover {
   background: rgba(30, 30, 30, 0.05);
 }
 
 .img-user-col img {
   width: 24px;
   height: 24px;
   border-radius: 100px;
   border: 0.5px solid rgba(20, 184, 166, 1);
   padding: 1px;
 }
 
 .col-users-boxes {
   background: rgba(51, 58, 68, 1);
   padding: 20px 20px 28px 20px;
   display: flex;
   gap: 16px;
   border-radius: 6px;
   max-width: 471px;
   position: relative;
   box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.2);
 }
 
 /* Col Swiper */
 
 /* .colUSerSwiper .col-users-boxes {
      max-width: 100%;
  }
  
  .col-users-boxes::before,
  .col-users-boxes::after {
      display: none;
  }
  
  .col-user-slider .swiper {
      height: 335px;
  }
  
  .swiper-slide.swiper-slide-next,
  .swiper-slide.swiper-slide-prev {
      height: 10px !important;
      overflow: hidden;
      width: calc(100% - 80px);
      margin: 0 auto;
  }
  
  .swiper-slide.swiper-slide-next .col-users-boxes,
  .swiper-slide.swiper-slide-prev .col-users-boxes {
      height: 100%;
      padding: 0;
      transition: .3s ease;
      border-radius: 0px 0px 8px 8px;
  }
  
  .swiper-slide.swiper-slide-prev .col-users-boxes {
      border-radius: 8px 8px 0px 0px;
  }
  
  .swiper-slide.swiper-slide-next .col-users-boxes .img-user-col,
  .swiper-slide.swiper-slide-prev .col-users-boxes .img-user-col {
      transition: .3s ease;
      opacity: 0;
  }
  
  .swiper-slide.swiper-slide-next .col-users-boxes .about-user-name,
  .swiper-slide.swiper-slide-prev .col-users-boxes .about-user-name {
      opacity: 0;
  }
  
  .col-user-slider {
      max-height: 142px;
      overflow: hidden;
  } */
 
 /* End Col Swiper */
 
 .about-user-name h3 {
   font-family: Inter;
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.1px;
   margin: 0;
 }
 
 .about-user-name p {
   font-family: Inter;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: -0.1px;
   color: #fff;
 }
 
 .align-cols {
   display: grid;
   grid-template-columns: 1fr 1fr;
   justify-content: space-between;
   padding: 96px 0 0;
   position: relative;
   gap: 50px;
 }
 
 section#cols-main {
   overflow: hidden;
 }
 
 .align-cols::before {
   content: "";
   background: rgba(30, 30, 30, 0.1);
   position: absolute;
   bottom: 0;
   height: 1px;
   width: 180%;
   left: -38%;
 }
 
 .content-col {
   max-width: 503px;
 }
 
 .align-col-user {
   margin: auto;
   display: flex;
   justify-content: center;
 }
 
 .col-users-boxes::before {
   content: "";
   height: 8px;
   width: calc(100% - 40px);
   background: #333a44;
   position: absolute;
   top: -12px;
   left: 50%;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   transform: translateX(-51%);
 }
 
 .col-users-boxes::after {
   content: "";
   height: 7px;
   width: 391px;
   background: #333a44;
   position: absolute;
   top: -24px;
   left: 50%;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   transform: translateX(-51%);
 }
 
 .main-cols-sections-align .align-cols:nth-child(2) .col-img {
   order: -1;
 }
 
 .main-cols-sections-align .align-cols:nth-child(4) .col-img {
   order: -1;
 }
 
 .steps-title h2 {
   margin: 0;
   font-family: Inter;
   font-weight: 600;
   font-size: 36px;
   line-height: 48px;
   letter-spacing: -0.35px;
 }
 
 .steps-title a,
 .btn-transparent {
   padding: 8px 17px;
   border-radius: 8px;
   background: transparent;
   border-color: rgba(255, 255, 255, 0.15);
 }
 
 .btn-transparent.btn-light {
   color: #000000cc;
   border-color: #1e1e1e1a;
 }
 
 .btn-transparent:hover,
 .steps-title a:hover {
   background: var(--hover-white);
 }
 
 .steps-title {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 
 section#steps {
   padding: 96px 0;
 }
 
 .steps-tabs ul li button {
   background: transparent;
   border: none;
   font-family: Inter;
   font-weight: 500;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.1px;
   color: rgba(255, 255, 255, 0.9);
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 27.38px 16px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.15);
   width: 100%;
   transition: all 0.2s ease;
 }
 
 .steps-tabs ul li button span {
   width: 24px;
   height: 24px;
   border: 0.5px solid rgba(255, 255, 255, 0.25);
   border-radius: 100px;
   font-family: Inter;
   font-weight: 500;
   font-size: 12px;
   line-height: 16px;
   letter-spacing: 0%;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease;
 }
 
 .steps-tabs ul li:last-child button {
   border: none;
 }
 
 .steps-tabs {
   max-width: 254px;
   min-width: 254px;
   width: 100%;
   border-right: 1px solid rgba(255, 255, 255, 0.15);
 }
 
 .step-tab-img img {
   max-width: 288px;
   width: 100%;
   min-width: 288px;
   aspect-ratio: 1/0.882;
   border: 1px solid rgba(209, 137, 75, 1);
   object-fit: cover;
 }
 
 .step-tab-content-box {
   display: flex;
   gap: 32px;
 }
 
 .step-count p,
 .col-grid-title .step-count p {
   font-family: Inter;
   font-weight: 500;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.1px;
   width: max-content;
   background: rgba(59, 8, 43, 1);
   padding: 4px 10px;
   border-radius: 6px;
   color: rgba(255, 255, 255, 0.9) !important;
   gap: 6px;
   height: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #ffffff26;
 }
 
 .step-title-content h3 {
   font-family: Inter;
   font-weight: 600;
   font-size: 24px;
   line-height: 32px;
   letter-spacing: -0.3px;
   margin: 0;
 }
 
 .step-title-content a,
 .step-title-content p {
   font-family: Inter;
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.1px;
   display: block;
   color: rgba(147, 197, 253, 1);
 }
 
 .step-title-content p {
   font-family: "Inter", sans-serif;
   font-weight: 400;
   font-size: 14px;
   line-height: 138%;
   letter-spacing: 0px;
   color: rgba(255, 255, 255, 0.9);
 }
 
 .step-change-arrows button {
   background: transparent;
   width: 46px;
   height: 40px;
   border: 1px solid rgba(255, 255, 255, 0.15);
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 6px;
   transition: all 0.2s ease;
 }
 
 .step-change-arrows {
   display: flex;
   gap: 8px;
   margin-top: -40px;
   justify-content: flex-end;
   position: relative;
   z-index: 1;
 }
 
 .step-tab-content,
 .step-title-content {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
 
 .steps-box-main {
   border: 1px solid rgba(255, 255, 255, 0.15);
   border-radius: 6px;
   overflow: hidden;
   display: grid;
   grid-template-columns: 20.22% 79.88%;
   max-height: 318px;
   background: rgba(255, 255, 255, 0.05);
 }
 
 .steps-tabs-content {
   padding: 32px 64px;
 }
 
 .step-change-arrows button:hover {
   background: var(--hover-white);
 }
 
 .steps-tabs ul li button:hover,
 .steps-tabs ul li button.active {
   background: rgba(255, 255, 255, 0.1);
 }
 
 .steps-tabs ul li button:hover span {
   background: #e5e7eb;
   color: #333a44;
   border-color: #e5e7eb;
 }
 
 .steps-tabs ul li button.active span {
   background: #e5e7eb;
   color: #333a44;
   border-color: #e5e7eb;
 }
 
 .align-steps {
   display: flex;
   flex-direction: column;
   gap: 48px;
 }
 
 .score-content {
   padding: 32px;
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .score-title h3 {
   font-family: Inter;
   font-weight: 600;
   font-size: 24px;
   line-height: 32px;
   letter-spacing: -0.3px;
   margin: 0;
 }
 
 .score-description p {
   font-family: Helvetica;
   font-weight: 400;
   font-size: 14px;
   line-height: 138%;
   letter-spacing: 0px;
   margin: 0;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
 .score-user-img img {
   width: 40px;
   height: 40px;
   border-radius: 100px;
 }
 
 .score-user {
   display: flex;
   gap: 8px;
   align-items: center;
 }
 
 .score-user-name h4 {
   font-family: Helvetica;
   font-weight: 700;
   font-size: 14px;
   line-height: 18px;
   letter-spacing: 0.15px;
   margin: 0;
   color: rgba(255, 255, 255, 0.9);
 }
 
 .score-user-name p {
   font-family: Helvetica;
   font-weight: 400;
   font-size: 12px;
   line-height: 16px;
   letter-spacing: 0px;
   color: rgba(144, 148, 156, 1);
 }
 
 .score-box {
   background: rgba(255, 255, 255, 0.05);
   border: 1px solid var(--Border-Default-border-default, rgba(255, 255, 255, 0.15));
   border-radius: 6px;
   overflow: hidden;
 }
 
 .score-img img {
   width: 100%;
   max-height: 240px;
   object-fit: cover;
   min-height: 240px;
 }
 
 .align-score {
   display: flex;
   flex-direction: column;
   gap: 48px;
 }
 
 section#steps {
   background-image: url("../img/bg-dark-sections.png");
   background-size: cover;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }
 
 section#score {
   padding: 96px 0;
   background-image: url("../img/bg-dark-sections.png");
   background-size: cover;
 }
 
 .align-ebook {
   display: flex;
   gap: 48px;
   padding: 74px 0 74px 50px;
 }
 
 .ebook-title h2 {
   margin: 0;
 }
 
 .ebook-content {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .ebook-title h2 {
   font-family: Inter;
   font-weight: 600;
   font-size: 48px;
   line-height: 125%;
   letter-spacing: -0.35px;
   max-width: 800px;
 }
 
 .ebook-field {
   display: flex;
   gap: 16px;
   margin-top: 16px;
 }
 
 .ebook-field input {
   border: 1px solid rgba(255, 255, 255, 0.15);
   background: rgba(30, 30, 30, 0.05);
   border-radius: 6px;
   padding: 6px 16px;
   font-family: Inter;
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.1px;
   color: rgba(255, 255, 255, 0.6);
   width: 100%;
 }
 
 .ebook-field button {
   background: rgba(243, 244, 246, 1);
   border-color: rgba(243, 244, 246, 1);
   color: rgba(51, 58, 68, 1) !important;
   border-radius: 8px;
   padding: 8px 14px;
 }
 
 .ebook-field button:hover {
   background: rgba(243, 244, 246, 0.9) !important;
 }
 
 .ebook-field {
   max-width: 420px;
   width: 100%;
 }
 
 .col-grid-title h2 {
   margin: 0;
 }
 
 .col-grid-title p {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
 }
 
 .col-grid-title {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .col-grid-title a,
 .col-grid-title h4 {
   font-family: Roboto Mono;
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: 0%;
   color: rgba(147, 197, 253, 1);
   margin: 0;
 }
 
 .col-grid-button {
   margin-top: 48px;
 }
 
 .col-grid-align {
   display: grid;
   grid-template-columns: 40% 60%;
   gap: 40px;
 }
 
 .right-col-grid-content-align .col-grid-align {
   grid-template-columns: 49% 52%;
 }
 
 .latest-article-home .col-grid-title.right-side-col-grid-title {
   padding-bottom: 16px;
 }
 
 .latest-article-home .col-grid-content>div {
   max-width: 517px;
 }
 
 .col-grid-img {
   text-align: right;
 }
 
 .col-grid-title h2 {
   font-family: Inter;
   font-weight: 600;
   font-size: 48px;
   line-height: 125%;
   letter-spacing: -0.35px;
 }
 
 section#col-grid {
   padding: 96px 0 0;
 }
 
 section#ebook {
   /* border-top: 1px solid rgba(255, 255, 255, 0.15); */
   border-bottom: 1px solid rgba(255, 255, 255, 0.15);
   display: none;
 }
 
 .dark-bg-img {
   background-image: url("../img/bg-dark-sections.png");
   background-size: cover;
 }
 
 .dark-section {
   background: rgba(30, 30, 30, 1);
 }
 
 section#col-grid.reverse-grid .col-grid-align {
   grid-template-columns: 50% 40%;
 }
 
 section#col-grid.reverse-grid .col-grid-img {
   text-align: left;
   position: relative;
 }
 
 .col-grid-title {
   padding-top: 60px;
 }
 
 section#step-in-future {
   padding: 136px 0;
   background-image: url("../img/step-bg.png");
   background-size: cover;
   border-bottom: 1px solid var(--Border-Default-border-default, rgba(255, 255, 255, 0.15));
 }
 
 .align-step-in {
   text-align: center;
   max-width: 990px;
   margin: auto;
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .align-step-in h2 {
   font-family: Inter;
   font-weight: 600;
   font-size: 36px;
   line-height: 48px;
   letter-spacing: -0.35px;
   text-align: center;
   margin: 0;
 }
 
 .align-step-in a {
   margin: auto;
   justify-content: center;
 }
 
 .footer-logo-title h3 {
   margin: 0;
   font-family: Inter;
   font-weight: 600;
   font-size: 36px;
   line-height: 48px;
   letter-spacing: -0.35px;
 }
 
 .footer-logo-title {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .footer-links-main h4 {
   color: #ffffffe5;
   margin: 0;
   font-family: Inter;
   font-weight: 700;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.1px;
   border-bottom: 1px solid #ffffff26;
   padding: 0 8px 8px;
 }
 
 .footer-links-main {
   max-width: 244px;
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .footer-links ul li a {
   display: flex;
   font-family: Inter;
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.1px;
   color: #ffffffe5;
   gap: 8px;
   padding: 8px 12px;
   width: fit-content;
   transition: all 0.3s linear;
   border-radius: 6px;
 }
 
 .footer-links ul li a:hover,
 .bottom-footer ul li a:hover {
   background: var(--hover-white);
 }
 
 .footer-links ul {
   display: flex;
   flex-direction: column;
   gap: 4px;
 }
 
 .footer-align footer {
   display: grid;
   grid-template-columns: 55% 20% 20%;
   gap: 32px;
 }
 
 section#main-footer {
   padding: 96px 0;
 }
 
 .footer-socials ul li a {
   display: block;
   transition: all 0.3s ease;
 }
 
 .footer-socials ul li a:hover {
   transform: scale(0.9);
 }
 
 .footer-socials ul {
   display: flex;
   align-items: center;
   gap: 4px;
 }
 
 .footer-logo-main {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   gap: 20px;
 }
 
 .bottom-footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-top: 32px;
   border-top: 1px solid #ffffff26;
   margin-top: 48px;
 }
 
 .bottom-footer ul {
   display: flex;
   gap: 10px;
 }
 
 .bottom-footer ul li a {
   display: block;
   padding: 8px 13px;
   width: fit-content;
   transition: all 0.3s linear;
   border-radius: 6px;
 }
 
 /* Services Page */
 
 .banner-title-service p {
   font-family: Inter;
   font-weight: 400;
   font-size: 18px;
   line-height: 24px;
   letter-spacing: -0.22px;
   text-align: center;
   color: #ffffff99;
 }
 
 .align-services-banner-title,
 .banner-title-service {
   text-align: center;
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .align-services-banner-title .clutch-ratings {
   justify-content: center;
 }
 
 .align-services-banner-title .step-count {
   margin: auto;
 }
 
 section#services-banner,
 section#method-page-banner {
   padding: 214px 0 48px;
   background: url("../img/services-bg-banner.png");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }
 
 .services-banner-blocks {
   gap: 48px;
   display: grid;
   grid-template-columns: 1fr 1fr;
   padding-top: 100px;
 }
 
 .serv-banner-block {
   border: 1px solid var(--Border-Default-border-default, #ffffff26);
   padding: 24px;
   gap: 24px;
   display: flex;
   flex-direction: column;
   border-radius: 6px;
 }
 
 .align-links-service-banner h3 {
   font-family: Inter;
   font-weight: 600;
   font-size: 18px;
   line-height: 24px;
   letter-spacing: -0.22px;
   color: #ffffffe5;
   margin: 0;
 }
 
 .align-links-service-banner {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 
 .align-links-service-banner ul {
   display: flex;
   align-items: center;
   gap: 16px;
 }
 
 .align-links-service-banner ul li a {
   display: flex;
   padding: 4px 8px;
   background: #f3f4f6;
   font-family: Inter;
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.1px;
   text-align: center;
   color: #333a44;
   gap: 6px;
   border-radius: 6px;
 }
 
 section#service-banner-links {
   padding: 24px 0;
   border-top: 1px solid #ffffff26;
   border-bottom: 1px solid #ffffff26;
 }
 
 .col-grid-align.big-text-space {
   grid-template-columns: 44% 53%;
 }
 
 .col-grid-align.big-text-space .col-grid-title p {
   max-width: 570px;
 }
 
 .dark-content-grid .col-grid-title h2 {
   color: #000000cc;
   font-size: 36px;
   line-height: 48px;
   font-weight: 600;
 }
 
 .dark-content-grid .col-grid-title a,
 .dark-content-grid .col-grid-title h4 {
   color: #2563eb;
 }
 
 .dark-content-grid .col-grid-title p {
   color: #000000cc;
 }
 
 section#gain-grid-main,
 section#development-services {
   padding: 96px 0;
   background-color: #f3f4f6;
   border-bottom: 1px solid var(--Border-Default-border-default, #1e1e1e1a);
 }
 
 .gain-boxes {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 16px;
   padding-top: 32px;
   border-top: 1px solid #1e1e1e1a;
 }
 
 .gain-box {
   background: #ffffff;
   display: flex;
   flex-direction: column;
   gap: 20px;
   padding: 24px;
   border-radius: 6px;
 }
 
 .gain-box h4 {
   font-family: Inter;
   font-weight: 600;
   font-size: 18px;
   line-height: 24px;
   letter-spacing: -0.22px;
   color: #000;
   margin: 0;
 }
 
 .gain-box p {
   color: #00000080;
 }
 
 section#design-launch {
   padding: 96px 0;
   background: #e5e7eb;
   border-bottom: 1px solid #1e1e1e1a;
 }
 
 .dark-content h2 {
   color: #000000;
 }
 
 section#stories {
   padding: 96px 0;
 }
 
 .dark-content .steps-title a {
   color: #000;
   border: 1px solid #1e1e1e1a;
 }
 
 .dark-content .score-box {
   border-color: #1e1e1e1a;
 }
 
 .dark-content .score-title h3 {
   color: #000000cc;
 }
 
 .dark-content .score-description p {
   color: #000000cc;
 }
 
 .dark-content .score-user-name h4 {
   color: #000000cc;
 }
 
 .dark-content .score-user-name p {
   color: #90949c;
 }
 
 .dark-content-steps .steps-title h2 {
   color: #000000cc;
 }
 
 .dark-content-steps .steps-title a {
   color: #000000cc;
   border-color: #1e1e1e1a;
 }
 
 .dark-content-steps .steps-title a:hover {
   background: var(--hover-black);
 }
 
 section#light-steps {
   background-color: #f3f4f6;
   padding: 96px 0;
 }
 
 .dark-content-steps .steps-box-main {
   border-color: #1e1e1e1a;
   background: #fff;
 }
 
 .dark-content-steps .steps-tabs ul li button {
   color: #000000cc;
   border-color: #1e1e1e1a;
 }
 
 .dark-content-steps .steps-tabs ul li button span {
   border-color: #1e1e1e33;
 }
 
 .dark-content-steps .steps-tabs ul li button.active,
 .dark-content-steps .steps-tabs ul li button:hover {
   background: #1e1e1e0d;
 }
 
 .dark-content-steps .steps-tabs {
   border-color: #1e1e1e1a;
 }
 
 .dark-content-steps .steps-tabs ul li button.active span {
   background: #333a44;
   color: #fff;
 }
 
 .dark-content-steps .step-title-content h3 {
   color: #000000cc;
 }
 
 .dark-content-steps .step-title-content p {
   color: #000000cc;
 }
 
 .dark-content-steps .step-change-arrows button svg path {
   fill: #000000cc;
 }
 
 .dark-content-steps .step-change-arrows button {
   border-color: #1e1e1e1a;
 }
 
 .dark-content-steps .step-change-arrows button:hover {
   background: var(--hover-black);
 }
 
 section#grid-welfie {
   padding: 96px 0;
   background: #ffffff;
   overflow-x: hidden;
 }
 
 .col-grid-img {
   width: 100%;
 }
 
 .list-welfie-box h4 {
   margin: 0;
   font-family: Inter;
   font-weight: 600;
   font-size: 18px;
   line-height: 24px;
   letter-spacing: -0.22px;
   color: #000000cc;
 }
 
 .list-welfie-box {
   display: flex;
   flex-direction: column;
   gap: 6px;
 }
 
 .main-list-welfie {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 section#single-grid {
   background: #f3f4f6;
   padding: 96px 0;
 }
 
 .img-box-gain img {
   width: 160px;
   height: 160px;
   aspect-ratio: 1;
   border-radius: 150px;
 }
 
 .gain-box-with-img {
   background: #fff;
   display: flex;
   gap: 24px;
   padding: 24px;
   border-radius: 6px;
 }
 
 .img-box-gain-content h3 {
   font-family: Inter;
   font-weight: 600;
   font-size: 24px;
   line-height: 32px;
   letter-spacing: -0.3px;
   color: #000000cc;
   margin: 0;
 }
 
 .img-box-gain-content h4 {
   font-family: Inter;
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: 0.1px;
   text-transform: uppercase;
   color: #00000080;
   margin: 0;
 }
 
 .img-box-gain-content p {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
   color: #00000080;
 }
 
 .img-box-gain-content {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
 
 .title-experties h2 {
   font-family: Inter;
   font-weight: 600;
   font-size: 36px;
   line-height: 48px;
   letter-spacing: -0.35px;
   margin: 0;
   color: #000;
 }
 
 .title-experties p {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
   color: #000000cc;
 }
 
 .title-experties {
   display: flex;
   flex-direction: column;
   gap: 16px;
   max-width: 840px;
 }
 
 section#experties {
   background: #fff;
   padding: 96px 0;
   overflow: hidden;
   border-top: 1px solid #1e1e1e1a;
 }
 
 .experties-slide-box h4 {
   font-family: Inter;
   font-weight: 600;
   font-size: 18px;
   line-height: 24px;
   letter-spacing: -0.22px;
   margin: 0;
   color: #000000;
 }
 
 .experties-slide-box {
   padding: 24px;
   display: flex;
   flex-direction: column;
   gap: 20px;
   border: 1px solid var(--Border-Default-border-default, #1e1e1e1a);
   border-radius: 6px;
   height: 196px;
 }
 
 .align-experties {
   display: flex;
   flex-direction: column;
   gap: 48px;
 }
 
 .experties-slider .swiper {
   overflow: visible;
 }
 
 .expertie-slider-actions {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 
 .navigation-experties button {
   width: 44px;
   height: 44px;
   border: none;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #1e1e1e0d;
   border-radius: 6px;
   transition: .3s ease;
 }
 
 .navigation-experties button:hover {
   background: rgba(30, 30, 30, 0.1);
 }
 
 .navigation-experties {
   display: flex;
   gap: 8px;
 }
 
 .navigation-experties .swiper-button-disabled {
   cursor: pointer !important;
   /* cursor: not-allowed; */
   /* display: none !important; */
 }
 
 section#case-study-banner {
   padding: 150px 0 96px;
   background: #fff;
   border-bottom: 1px solid #1e1e1e1a;
 }
 
 .img-grid img {
   border-radius: 6px;
   width: 100%;
   max-height: 219px;
   object-fit: cover;
   min-height: 219px;
 }
 
 .case-study-grid-item {
   padding: 24px;
   border: 1px solid #1e1e1e1a;
   display: flex;
   flex-direction: column;
   gap: 24px;
   border-radius: 8px;
 }
 
 .grid-title {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
 
 .grid-title h3 {
   margin: 0;
   color: #000000cc;
   font-family: Inter;
   font-weight: 600;
   font-size: 24px;
   line-height: 32px;
   letter-spacing: -0.3px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
 }
 
 .grid-title p {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
   color: #00000080;
   min-height: 24px;
   display: block;
 }
 
 .grid-content {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .grid-tags p {
   font-family: Inter;
   font-weight: 500;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.1px;
   padding: 4px 8px;
   border: 0.5px solid var(--Border-Default-border-default, #1e1e1e1a);
   border-radius: 6px;
   color: #000;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   text-align: center;
 }
 
 .grid-tags {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 16px;
   max-width: 320px;
 }
 
 section#case-study-grid {
   background: #fff;
   padding: 96px 0;
   position: relative;
 }
 
 .align-case-study-grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 48px;
 }
 
 .pagination-action a {
   display: flex;
   align-items: center;
   gap: 6px;
   font-family: Inter;
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.1px;
   text-align: center;
   color: #000000cc;
 }
 
 .pagination-list ul {
   display: flex;
   align-items: center;
   gap: 4px;
 }
 
 .pagination-list ul li a {
   width: 44px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-family: Inter;
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.1px;
   text-align: center;
   color: #000000cc;
   border: 1px solid transparent;
   border-radius: 6px;
   transition: all 0.3s ease;
 }
 
 .pagintion-navigation {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 64px;
   position: relative;
 }
 
 .pagination-list ul li a:hover,
 .pagination-list ul li a.active {
   background: #eff6ff;
   color: #2563eb;
   border-color: #dbeafe;
 }
 
 .pagination-list ul li a.dots {
   pointer-events: none;
   border: none;
   color: #1e1e1e26;
   font-size: 22px;
 }
 
 section#detail-case-study {
   background: #fff;
   padding: 150px 0 140px;
 }
 
 .top-badges-details p {
   color: #2563eb;
   font-family: Inter;
   font-weight: 500;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.1px;
   padding: 4px 8px;
   border-radius: 6px;
   background: #dbeafe;
   width: fit-content;
   border: 0.5px solid var(--Blue-100, #dbeafe);
 }
 
 .top-badges-details {
   display: flex;
   gap: 16px;
 }
 
 .top-badges-details p.green-badge,
 .top-badges-details p:nth-child(2) {
   color: #16a34a;
   background: #f0fdf4;
   border-color: #bbf7d0;
 }
 
 .title-main-details h2 {
   font-family: Inter;
   font-weight: 700;
   font-size: 48px;
   line-height: 125%;
   letter-spacing: -0.35px;
   margin: 0;
   color: #000000cc;
 }
 
 .title-main-details p {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
   color: #000000cc;
 }
 
 .title-details-case,
 .title-main-details {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .role-box h3 {
   margin: 0;
   font-family: Inter;
   font-weight: 600;
   font-size: 18px;
   line-height: 24px;
   letter-spacing: -0.22px;
   color: #000000cc;
 }
 
 .role-box p {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
   color: #00000080;
 }
 
 .role-box {
   padding: 20px;
   display: flex;
   flex-direction: column;
   gap: 8px;
   border: 1px solid var(--Border-Default-border-default, #1e1e1e1a);
   border-radius: 6px;
 }
 
 .roles-details {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 16px;
 }
 
 .align-detail-case-study {
   display: flex;
   flex-direction: column;
   gap: 52px;
   padding: 32px;
 }
 
 section#details-case-study {
   background: #fff;
   text-align: center;
   width: 100%;
 }
 
 .content-boxes-details,
 .detail-case-study-main h3,
 .detail-case-study-main p,
 .detail-case-study-main ul {
   max-width: 848px;
   margin: auto;
   text-align: left;
 }
 
 .content-box h3,
 .detail-case-study-main h3 {
   font-family: Inter;
   font-weight: 600;
   font-size: 24px;
   line-height: 32px;
   letter-spacing: -0.3px;
   color: #000000cc;
   margin: 0 0 0 0;
 }
 
 .detail-case-study-main ul h3 {
   margin-bottom: 16px;
 }
 
 .content-box p,
 .detail-case-study-main p,
 .detail-case-study-main ul li {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
   color: #000000cc;
 }
 
 .detail-case-study-main ul li p {
   margin: 0 !important;
 }
 
 .detail-case-study-main p,
 .detail-case-study-main ul {
   margin: 0 auto 48px;
 }
 
 .content-box {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .detail-case-study-main figure.wp-block-image {
   width: 100%;
 }
 
 .multi-image-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 48px;
   margin-bottom: 48px;
 }
 
 .multi-image-grid img {
   object-fit: cover;
   width: 100%;
   aspect-ratio: 1/0.73;
   border-radius: 6px;
 }
 
 .blog-banner-img img {
   width: 100%;
   aspect-ratio: 1/0.4;
   object-fit: cover;
   border-radius: 6px;
 }
 
 section#blog-list-banner {
   padding: 150px 0 48px;
   background: #fff;
 }
 
 .blog-banner-title h2 {
   font-family: Inter;
   font-weight: 700;
   font-size: 48px;
   line-height: 125%;
   letter-spacing: -0.35px;
   color: #000000cc;
   margin: 0;
 }
 
 .align-blog-banner {
   display: flex;
   flex-direction: column;
   gap: 48px;
 }
 
 .blog-banner-main {
   position: relative;
   z-index: 1;
   border-radius: 6px;
   overflow: hidden;
 }
 
 .blog-banner-main::before {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
 }
 
 .content-title-blog-banner p {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
   color: #fff;
 }
 
 .content-title-blog-banner h3 {
   margin: 0;
   font-family: Inter;
   font-weight: 700;
   font-size: 48px;
   line-height: 125%;
   letter-spacing: -0.35px;
   color: #fff;
 }
 
 .description-blog-baner p {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
 }
 
 .tags-blog-banner p,
 .share-links-blog ul li a,
 .share-links-blog ul li button {
   font-family: Inter;
   font-weight: 500;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.1px;
   width: fit-content;
   padding: 4px 8px;
   border: 0.5px solid var(--transparent-white-100, #ffffff);
   border-radius: 6px;
   color: #000 !important;
 }
 
 .tags-blog-banner {
   display: flex;
   gap: 16px;
 }
 
 .content-blog-banner,
 .content-title-blog-banner {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .content-blog-banner {
   position: absolute;
   bottom: 0;
   padding: 48px;
 }
 
 section#blog-list-main {
   background: #fff;
   padding-bottom: 96px;
 }
 
 .title-blog-list p {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
   color: #00000080;
 }
 
 .title-blog-list h3 {
   font-family: Inter;
   font-weight: 600;
   font-size: 24px;
   line-height: 32px;
   letter-spacing: -0.3px;
   color: #000000cc;
   display: flex;
   justify-content: space-between;
   margin: 0;
   gap: 10px;
 }
 
 .description-blog-list p {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
   color: #00000080;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
 .content-blog-list,
 .title-blog-list {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .blog-list-box {
   display: flex;
   flex-direction: column;
   gap: 24px;
 }
 
 .blog-list-align {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 48px;
 }
 
 .img-blog-list img {
   width: 100%;
   aspect-ratio: 1/0.55;
   object-fit: cover;
   border-radius: 6px;
   max-height: 220px;
   min-height: 220px;
 }
 
 .align-blog-detail-banner .content-blog-banner {
   position: inherit;
   padding-top: 0;
 }
 
 .align-blog-detail-banner .content-title-blog-banner h3,
 .align-faq-mav .content-title-blog-banner h3 {
   color: #000000cc;
 }
 
 .align-blog-detail-banner .content-title-blog-banner p,
 .align-faq-mav .description-blog-baner p {
   color: #00000080;
 }
 
 .align-blog-detail-banner .description-blog-baner p {
   color: #000000cc;
 }
 
 .align-blog-detail-banner .tags-blog-banner p,
 .share-links-blog ul li a {
   color: #000000;
   border-color: #1e1e1e1a;
   align-items: center;
   gap: 4px;
   display: flex;
   height: 40px;
 }
 
 .align-blog-share {
   display: flex;
   justify-content: space-between;
 }
 
 .share-links-blog ul {
   display: flex;
   gap: 16px;
 }
 
 .align-img-detail img {
   width: 100%;
   aspect-ratio: 1/0.4;
   object-fit: cover;
   border-radius: 6px;
 }
 
 section#blog-detail-main-img {
   background: #fff;
 }
 
 section#blog-detail-tabs {
   background: #fff;
   padding-bottom: 96px;
 }
 
 .blog-tab-list ul li a,
 .blog-detail-main-align>ul.blog-side-nav li a {
   font-family: Inter;
   font-weight: 600;
   font-size: 18px;
   line-height: 24px;
   letter-spacing: -0.22px;
   display: flex;
   color: #000000cc;
   justify-content: space-between;
   transition: all 0.3s ease;
   position: relative;
 }
 
 .blog-tab-list ul li,
 .blog-tab-list ul li,
 #blog-detail-main-img ul.wp-block-list.blog-side-nav li {
   border-bottom: 1px solid var(--Border-Default-border-default, #1e1e1e1a);
   padding: 20px 0;
 }
 
 .blog-tab-list ul li a:hover,
 .blog-tab-list ul li a.active,
 .blog-detail-main-align>ul.blog-side-nav li a.active,
 .blog-detail-main-align>ul.blog-side-nav li a:hover {
   padding-left: 10px;
   color: #2563EB;
 }
 
 .blog-tab-list ul li a::before,
 .blog-detail-main-align>ul.blog-side-nav li a:before {
   content: "";
   position: absolute;
   height: 100%;
   width: 2px;
   background: #2563eb;
   left: 0;
   opacity: 0;
   transition: all 0.3s ease;
 }
 
 .blog-tab-list ul li a:hover::before,
 .blog-tab-list ul li a.active::before,
 .blog-detail-main-align>ul.blog-side-nav li a.active::before,
 .blog-detail-main-align>ul.blog-side-nav li a:hover::before {
   opacity: 1;
 }
 
 .blog-tab-list {
   min-width: 352px;
   position: sticky;
   top: 100px;
   align-self: baseline;
 }
 
 .tab-content-title h3,
 .blog-detail-main-align h3 {
   font-family: Inter;
   font-weight: 600;
   font-size: 24px;
   line-height: 32px;
   letter-spacing: -0.3px;
   color: #000000cc;
   margin: 0;
   padding: 14px 0;
 }
 
 .tab-description p,
 .blog-detail-main-align p,
 .blog-detail-main-align p a,
 #blog-detail-main-img ul.blog-side-nav li {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
   color: #000000cc;
   padding: 14px 0;
 }
 
 .blog-detail-main-align p a {
   font-weight: 600;
   text-decoration: underline;
 }
 
 ul.wp-block-list.blog-side-nav {
   display: flex;
   flex-direction: column;
   gap: 24px;
   margin: 0;
   padding: 0 !important;
 }
 
 ul.wp-block-list.blog-side-nav li {
   color: #000000cc;
   list-style: none;
 }
 
 .tab-content-qoute h2,
 .blog-detail-main-align h2.wp-block-heading {
   color: #000000cc;
   font-family: Inter;
   font-weight: 700;
   font-size: 36px;
   line-height: 48px;
   letter-spacing: -0.35px;
   margin: 0;
   padding: 14px 0;
 }
 
 .tab-content-qoute p {
   font-family: Roboto Mono;
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: 0%;
   color: #000000cc;
 }
 
 .tab-content-qoute {
   display: flex;
   flex-direction: column;
   gap: 16px;
   padding-left: 24px;
   border-left: 4px solid #000000cc;
 }
 
 .tab-description ul li {
   list-style: disc;
   color: #000000cc;
 }
 
 .tab-description ul {
   padding-left: 20px;
 }
 
 .align-blog-detail-tab {
   display: flex;
   gap: 48px;
   padding-top: 48px;
 }
 
 .tab-content-img img {
   width: 100%;
   aspect-ratio: 1/0.52;
   border-radius: 6px;
 }
 
 .tab-content-box,
 .tab-description ul {
   display: flex;
   flex-direction: column;
   gap: 24px;
 }
 
 .main-tabs-faq ul {
   background: #1e1e1e0d;
   width: fit-content;
   padding: 4px;
   border-radius: 10px;
   gap: 4px;
 }
 
 .main-tabs-faq ul button {
   font-family: Inter;
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.1px;
   text-align: center;
   border-radius: 6px !important;
   padding: 8px 10px;
   border: 1px solid transparent !important;
   color: #000000cc !important;
   transition: all 0.3s ease;
 }
 
 .main-tabs-faq ul button.active {
   background: #fff !important;
   border-color: #1e1e1e1a !important;
 }
 
 .main-faq .align-blog-detail-banner .content-blog-banner {
   padding: 0;
 }
 
 .accordion-item {
   border: none;
   border-bottom: 1px solid #1e1e1e1a;
 }
 
 .accordion-body {
   padding: 0;
 }
 
 .accordion-item button {
   padding: 0;
 }
 
 .accordion-item {
   display: flex;
   flex-direction: column;
   gap: 8px;
   padding: 32px 0;
 }
 
 .accordion-body p {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
   color: #00000080;
 }
 
 .accordion-item button {
   font-family: Inter;
   font-weight: 600;
   font-size: 24px;
   line-height: 32px;
   letter-spacing: -0.3px;
   color: #000000cc;
 }
 
 .accordion-item:first-child {
   padding-top: 0;
 }
 
 .accordion-item:first-child {
   padding-top: 0;
 }
 
 .main-tabs-faq {
   display: flex;
   flex-direction: column;
   gap: 48px;
   padding-top: 48px;
 }
 
 section#blog-list-banner.main-faq {
   padding-bottom: 96px;
 }
 
 .main-tabs-faq .tab-content {
   padding: 0 0px 0 48px;
 }
 
 section#contact-us {
   background: #fff;
   padding: 150px 0 96px;
 }
 
 .contact-us-title h2 {
   font-family: Inter;
   font-weight: 700;
   font-size: 36px;
   line-height: 48px;
   letter-spacing: -0.35px;
   margin: 0;
   color: #000000cc;
 }
 
 .contact-us-title p {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
   color: #000000cc;
 }
 
 .contact-us-title {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .contact-us-form {
   background: #f3f4f6;
   border: 1px solid #1e1e1e1a;
   padding: 32px;
   border-radius: 6px;
 }
 
 .form-field {
   position: relative;
 }
 
 
.form-field select {
  height: 45.8px;
  background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
  background-position: calc(100% - 0.75rem) center !important;
  -moz-appearance:none !important;
  -webkit-appearance: none !important; 
  appearance: none !important;
  padding-right: 2rem !important;
  background-color: #fff !important;
}

.form-field input,
.form-field select,
.form-field textarea {
  outline: none;
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.1px;
  color: #00000080;
  padding: 10px;
  width: 100%;
  border: 1px solid var(--Border-Default-border-default, #1e1e1e1a);
  display: block;
  border-radius: 6px;
  transition: 0.3s ease;
}

.form-field input:hover,
.form-field select:hover,
.form-field textarea:hover {
  border-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}

.form-field input::placeholder,
.form-field select::placeholder,
.form-field textarea::placeholder {
  color: #00000080;
}
 
 .form-fields-main .row {
   row-gap: 18px;
 }
 
 .submit-btn button {
   width: 100%;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 6px;
   background: #3b82f6;
   color: #fff;
   padding: 8px 10px;
   font-family: Inter;
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.1px;
   text-align: center;
   border: none;
   transition: all 0.3s ease;
 }
 
 .submit-btn button:hover {
   background-color: #1d4ed8;
 }
 
 .terms-contact p {
   font-family: Inter;
   font-weight: 500;
   font-size: 12px;
   line-height: 16px;
   letter-spacing: 0%;
   color: #00000080;
 }
 
 .terms-contact p a {
   color: #000000cc;
   font-size: 12px;
   font-weight: 700;
 }
 
 .contact-links a {
   display: flex;
   align-items: center;
   gap: 8px;
   font-family: Inter;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: -0.1px;
   color: #000000cc;
 }
 
 .contact-links {
   display: flex;
   gap: 24px;
 }
 
 .align-contact-us {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .form-field.with-icon-field svg {
   position: absolute;
   top: 10px;
   left: 10px;
   z-index: 1;
 }
 
 .form-field.with-icon-field input {
   padding-left: 40px;
 }
 
 section#ebook-landing {
   background-color: #fff;
   padding: 150px 0 96px;
 }
 
 .ebook-grid-content {
   padding: 32px;
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .ebook-grid-content .ebook-title h2 {
   font-family: Inter;
   font-weight: 600;
   font-size: 48px;
   line-height: 125%;
   letter-spacing: -0.35px;
   margin: 0;
   color: #000000cc;
 }
 
 .ebook-description p,
 .ebook-qualities p {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
   color: #000000cc;
   display: flex;
   align-items: center;
   gap: 8px;
 }
 
 .ebook-qualities ul {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .ebook-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
 }
 
 .form-title-ebook h3 {
   font-family: Inter;
   font-weight: 600;
   font-size: 24px;
   line-height: 32px;
   letter-spacing: -0.3px;
   margin: 0;
   color: #000000cc;
 }
 
 .ebook-form form {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .ebook-form {
   border: 1px solid #1e1e1e1a;
   padding: 32px;
   border-radius: 8px;
   height: fit-content;
   background: #fff;
   margin-left: 32px;
 }
 
 .ebook-fields {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 section#policy-banner {
   min-height: 364px;
   padding-top: 150px;
   background: url("../img/hero-bg.png");
   background-size: cover;
   display: flex;
   align-items: center;
 }
 
 .policy-banner-ruler-main {
   padding-bottom: 30px;
 }
 
 .policy-banner-title h2 {
   margin: 0;
   font-family: Inter;
   font-weight: 700;
   font-size: 48px;
   line-height: 125%;
   letter-spacing: -0.35px;
   color: #ffffffe5;
 }
 
 .policy-banner-title p,
 .policy-banner-title p a {
   color: #ffffffe5;
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: initial;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
 }
 
 .policy-banner-title p a {
   text-decoration: underline;
   display: inline;
 }
 
 .policy-banner-title {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 section#policy-content {
   background: #fff;
   padding: 96px 0;
   background-image: url("../img/policy-bg.png");
   background-size: cover;
   background-position: center;
 }
 
 .content-align-policy {
   max-width: 848px;
   margin: auto;
   display: flex;
   flex-direction: column;
   gap: 12px;
 }
 
 .content-align-policy p,
 .content-align-policy p a {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
   color: #000000cc;
   margin-bottom: 16px;
 }
 
 .content-align-policy p a {
   text-decoration: underline;
 }
 
 .content-align-policy ul li {
   list-style: disc;
   color: #000000cc;
 }
 
 .content-align-policy ul {
   padding-left: 20px;
 }
 
 section#not-found-banner {
   background: url("../img/hero-bg.png");
   background-size: cover;
   padding-top: 150px;
 }
 
 .not-found-banner-align {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 50px;
   align-items: center;
 }
 
 .not-found-banner-img {
   text-align: right;
 }
 
 .banner-content-not-found h2 {
   font-family: Inter;
   font-weight: 600;
   font-size: 48px;
   line-height: 125%;
   letter-spacing: -0.35px;
   color: #ffffffe5;
   margin: 0;
 }
 
 .banner-content-not-found p {
   color: #ffffffe5;
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.18px;
 }
 
 .banner-content-not-found a {
   border-radius: 6px;
   padding: 8px 18px;
 }
 
 .banner-content-not-found {
   display: flex;
   flex-direction: column;
   gap: 16px;
   max-width: 490px;
 }
 
 .steps-tabs-content .swiper-slide {
   width: 100% !important;
 }
 
 /* Code block CSS */
 
 .code-block {
   display: flex;
   border-radius: 8px;
   overflow-x: auto;
   gap: 16px;
   padding: 64px 0;
 }
 
 .line-numbers {
   font-family: Roboto Mono;
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: 0%;
   text-align: right;
   color: #1e1e1e40;
 }
 
 .code-content {
   white-space: pre;
   margin: 0;
   font-family: Roboto Mono;
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: 0%;
   display: flex;
   flex-direction: column;
   gap: 24px;
   color: #00000080;
 }
 
 section#code-about {
   background: #f9fafb;
 }
 
 /* custom styles */
 
 .wpcf7 form.invalid .wpcf7-response-output {
   display: none !important;
 }
 
 /* pagination */
 
 .pagintion-navigation a {
   color: #000000cc;
 }
 
 .pagintion-navigation a:not(.prev, .next) {
   width: 44px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-family: Inter;
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.1px;
   text-align: center;
   color: #000000cc;
   border: 1px solid transparent;
   border-radius: 6px;
   transition: all 0.3s ease;
 }
 
 .pagintion-navigation span.current {
   width: 44px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-family: Inter;
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.1px;
   text-align: center;
   color: #000000cc;
   border: 1px solid transparent;
   border-radius: 6px;
   transition: all 0.3s ease;
   background: #eff6ff;
   color: #2563eb;
   border-color: #dbeafe;
 }
 
 .pagintion-navigation .next {
   margin-left: auto;
   position: absolute;
   right: 0;
   display: flex;
   align-items: center;
   gap: 6px;
 }
 
 .pagintion-navigation .prev {
   margin-right: auto;
   position: absolute;
   left: 0;
   display: flex;
   align-items: center;
   gap: 6px;
 }
 
 .pagintion-navigation span.dots {
   pointer-events: none;
   width: 44px;
   height: 40px;
   border: none;
   color: #1e1e1e26;
   font-size: 22px;
   text-align: center;
 }
 
 .detail-case-study-main {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
 }
 
 .detail-case-study-main p,
 .detail-case-study-main h3,
 .detail-case-study-main ul {
   width: 100%;
 }
 
 .detail-case-study-main figure.wp-block-image {
   margin: 0 20px 48px;
 }
 
 .blog-detail-main-align {
   position: relative;
   width: 100%;
   padding-bottom: 80px;
 }
 
 /* Full-width top image */
 .blog-detail-main-align>.wp-block-image.size-large {
   width: calc(100% - 27%);
   margin-bottom: 2rem;
   display: block;
 }
 
 /* UL sidebar */
 .blog-detail-main-align>ul.blog-side-nav {
   position: absolute;
   left: 0;
   top: auto;
   width: 25%;
   box-sizing: border-box;
   padding-right: 1rem;
   display: block;
 }
 
 /* Content to the right of UL */
 .blog-detail-main-align>ul.blog-side-nav~* {
   margin-left: 27%;
   /* Add 2% buffer */
   width: auto;
   margin-bottom: 24px;
   padding: 0;
 }
 
 section#col-grid.dark-bg-img .col-grid-img img {
   width: 100%;
 }
 
 .wp-block-image img {
   width: 100%;
   border-radius: 6px;
 }
 
 .detail-case-study-main figure.wp-block-image.size-full {
   width: 46%;
 }
 
 .score-stars {
   display: flex;
 }
 
 @media (max-width: 768px) {
   .blog-detail-main-align>ul.wp-block-list.blog-side-nav {
     position: relative;
     width: 100%;
     padding-right: 0;
     margin-bottom: 1rem;
   }
 
   .blog-detail-main-align>ul.blog-side-nav~* {
     margin-left: 0;
   }
 }
 
 section#code-about {
   background: #f9fafb;
 }
 
 .header-call-btn-mobile,
 .header-hamburger {
   display: none;
 }
 
 .desktop-call-btn {
   display: block;
 }
 
 .title-main-details p:empty {
   display: none;
 }
 
 /* Rulers */
 
 .content-col-ruler-align {
   display: flex;
   align-items: center;
   gap: 24px;
   position: relative;
 }
 
 .content-col-ruler-main {
   position: relative;
   display: none;
 }
 
 .main-cols-sections-align .align-cols:first-child .content-col-ruler-main,
 .main-cols-sections-align .align-cols:first-child .content-top-ruler {
   display: block;
 }
 
 /* .content-col-ruler-main::before {
   content: "565px";
   font-family: Roboto Mono;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0%;
   text-align: right;
   vertical-align: middle;
   color: #3b082b;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: -54px;
 } */
 
 .content-top-ruler {
   position: absolute;
   top: 44px;
   left: 74px;
   display: none;
 }
 
 /* .content-col-ruler-align::before {
   content: "503px";
   font-family: Roboto Mono;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0%;
   text-align: right;
   vertical-align: middle;
   color: #3b082b;
   position: absolute;
   top: 26px;
   transform: translateX(-50%);
   left: 50%;
 } */
 
 .col-grid-content>div {
   padding: 0;
   max-width: 527px;
 }
 
 .right-col-grid-content-align .col-grid-content>div>p {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .col-grid-content {
   padding-top: 16px;
 }
 
 section#col-grid.reverse-grid .col-grid-align .col-grid-content {
   padding-top: 26px;
 }
 
 .col-grid-title.right-side-col-grid-title {
   padding-top: 16px;
 }
 
 .dark-content-steps .steps-box-main {
   background: rgba(30, 30, 30, 0.03);
 }
 
 .about-us-steps .step-title-content p {
   color: rgba(37, 99, 235, 1);
   font-weight: 600;
 }
 
 /* WP Changes */
 
 .align-tab-content-main .accordion-item {
   border-radius: 0 !important;
 }
 
 .blog-detail-main-align>ul.blog-side-nav li a svg {
   min-width: 24px;
 }
 
 .main-faq .align-blog-detail-banner {
   display: block;
 }
 
 .step-title-content p:empty {
   display: none;
 }
 
 .step-title-content p {
   display: flex;
   flex-direction: column;
 }
 
 .step-title-content p strong {
   color: rgba(147, 197, 253, 1);
 }
 
 .about-us-grid-align .col-grid-content>div {
   max-width: initial;
 }
 
 .about-us-grid-align .col-grid-align.big-text-space {
   grid-template-columns: 45% 52%;
 }
 
 .about-us-grid-align .col-grid-content {
   padding-top: 65px;
 }
 
 .services-col-grid-align .col-grid-img img {
   width: 100%;
 }
 
 .services-col-grid-align .col-grid-content>div {
   max-width: 560px;
 }
 
 #design-launch .services-col-grid-align .col-grid-content>div {
   max-width: 570px;
 }
 
 .services-col-grid-align .col-grid-title h2 {
   font-weight: 700;
 }
 
 .services-col-grid-align .col-grid-img img {
   width: 100%;
 }
 
 .col-grid-align.big-text-space.services-col-grid-align {
   grid-template-columns: 54% 42%;
 }
 
 .services-col-grid-align .col-grid-title a,
 .services-col-grid-align .col-grid-title h4 {
   font-family: Inter;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -1.1%;
   cursor: auto;
   margin: 0;
   color: #2563EB;
 }
 
 section#gain-grid-main,
 section#development-services {
   background-image: url("../img/services-bg-grid.png");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }
 
 section.services-testi-bg {
   background-image: url("../img/services-page-test-bg.png");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }
 
 section.services-testi-bg .dark-content .score-box {
   background: #fff;
 }
 
 section.services-steps-bg {
   background-image: url("../img/services-steps-bg.png");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }
 
 section.services-steps-bg .steps-box-main {
   background: #fff;
 }
 
 section.services-steps-bg .step-title-content a,
 section.services-steps-bg .step-title-content p {
   color: #2563eb;
   font-weight: 600;
 }
 
 #grid-welfie .col-grid-align.big-text-space {
   grid-template-columns: 41% 64%;
 }
 
 #grid-welfie .col-grid-img img {
   width: 100%;
 }
 
 /* #grid-welfie .col-grid-align {
   background-image: url("../img/lappy.png");
   background-repeat: no-repeat;
   background-size: contain;
   background-position: right;
 } */
 
 .cols-main-bg {
   background-image: url("../img/about-us-sections-bg.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
 }
 
 .cols-main-bg .main-cols-sections-align .align-cols:nth-child(2)::after,
 .cols-main-bg .main-cols-sections-align .align-cols:nth-child(4)::after {
   content: "";
   background: #fff;
   position: absolute;
   inset: 0;
   z-index: -1;
   width: 200%;
   left: -50%;
 }
 
 .cols-main-bg .main-cols-sections-align .align-cols:nth-child(2),
 .cols-main-bg .main-cols-sections-align .align-cols:nth-child(4) {
   z-index: 1;
 }
 
 .about-us-steps .step-count p {
   background: #591042;
 }
 
 .title-blog-list h3 svg {
   min-width: 30px;
 }
 
 .align-details-case>figure:first-child {
   position: relative;
   z-index: 1;
   margin: 0 0 48px;
 }
 
 .align-details-case>figure::before {
   border: 1px solid #c0702b;
   height: 100%;
   position: absolute;
   width: 100%;
   top: -60px;
   content: "";
   z-index: -1;
   border-radius: 6px;
   background: #d1894b1a;
   left: 0;
 }
 
 .wpcf7 form .wpcf7-response-output {
   border: none;
   padding: 0;
   margin: 20px 0;
   color: #dc3232;
 }
 
 .wpcf7-not-valid-tip,
 .wpcf7 form .wpcf7-response-output {
   font-size: 14px;
 }
 
 #case-study-banner .col-grid-align.big-text-space {
   grid-template-columns: 44% 60.88%;
 }
 
 .main-ruler-case-studies {
   display: flex;
   gap: 24px;
 }
 
 .main-ruler-case-studies .col-grid-content {
   padding: 0;
 }
 
 .align-ruler-case-study {
   padding: 32px;
   display: flex;
   gap: 24px;
   align-items: center;
 }
 
 .latest-article-home .col-grid-content {
   padding-top: 0;
 }
 
 .latest-article-home .col-grid-ruler-align {
   display: flex;
   gap: 24px;
 }
 
 #case-study-banner .col-grid-title {
   padding-top: 0;
 }
 
 .align-details-case img {
   min-width: calc(100% - 100px);
   max-width: calc(100% - 100px);
 }
 
 .case-study-grid-item .grid-title p svg {
   display: none;
 }
 
 .second-grid-col-align {
   display: flex;
   gap: 24px;
   padding-top: 32px;
 }
 
 .thrid-grid-col-align {
   display: flex;
   gap: 24px;
   padding-top: 32px;
 }
 
 .bottom-ruler-third {
   margin-top: 60px;
 }
 
 li#menu-item-1197 {
   display: none;
 }
 
 .lead-ordinary .col-grid-img img {
   width: 100%;
 }
 
 section#col-grid.reverse-grid.lead-ordinary .col-grid-align {
   gap: 20px;
   grid-template-columns: 52% 47%;
   align-items: flex-start;
 }
 
 section#col-grid.reverse-grid.lead-ordinary .col-grid-align .col-grid-content {
   padding-top: 0;
 }
 
 .lead-ruler-align {
   display: flex;
   gap: 24px;
   padding-top: 16px;
 }
 
 .add-bg-cols-home {
   background-image: url("../img/home-bg-sections.png");
   background-size: cover;
   background-position: center;
 }
 
 .add-bg-cols-home .main-cols-sections-align .align-cols:nth-child(2)::after {
   content: "";
   background: #fff;
   position: absolute;
   inset: 0;
   z-index: -1;
   width: 200%;
   left: -50%;
 }
 
 .add-bg-cols-home .main-cols-sections-align .align-cols:nth-child(2) {
   z-index: 1;
 }
 
 .home-score {
   border-bottom: 1px solid var(--Border-Default-border-default, #ffffff26);
 }
 
 .latest-article-home {
   border-bottom: 1px solid var(--Border-Default-border-default, #ffffff26);
 }
 
 .latest-article-home .col-grid-align {
   grid-template-columns: 48% 52%;
 }
 
 .policy-banner-ruler-main {
   display: flex;
   gap: 24px;
 }
 
 .contact-us-ruler-main {
   display: flex;
   gap: 64px;
   align-items: center;
 }
 
 #ebook-landing {
   background-image: url("../img/ebook-bg.png");
   background-size: cover;
   background-position: center;
 }
 
 .ebook-content-ruler {
   display: flex;
   gap: 24px;
 }
 
 .ebook-grid-content {
   padding-left: 0;
   padding-top: 0;
   padding-bottom: 0;
 }
 
 .ruler-not-found-content-main {
   display: flex;
   gap: 24px;
 }
 
 .banner-content-title-section ul {
   max-width: 527px;
 }
 
 .main-cols-sections-align .align-cols:first-child {
   align-items: flex-start;
 }
 
 .main-cols-sections-align .align-cols:first-child .content-col-ruler-align {
   padding-top: 70px;
 }
 
 .main-cols-sections-align .align-cols:first-child .content-top-ruler {
   top: 20px;
 }
 
 .lead-ordinary.testign {
   border-bottom: 1px solid var(--Border-Default-border-default, #ffffff26);
 }
 
 section#single-grid.about-us-grid-align {
   padding-bottom: 0;
   background-image: url("../img/team-bg-about-us.png");
   background-color: #f3f4f6;
   background-position: center;
   background-size: cover;
 }
 
 .content-align-policy h3 {
   font-weight: 600;
   font-size: 24px;
   line-height: 32px;
   letter-spacing: -0.3px;
   color: #000000cc;
 }
 
 .policy-banner-ruler {
   display: none;
 }
 
 .content-align-policy h4 {
   font-weight: 600;
   font-size: 20px;
   line-height: 32px;
   letter-spacing: -0.3px;
   color: #000000cc;
 }
 
 .content-align-policy h2 {
   font-weight: 600;
   font-size: 28px;
   line-height: 32px;
   letter-spacing: -0.3px;
   color: #000000cc;
 }
 
 .content-blog-banner .tags-blog-banner p {
   color: #fff !important;
 }
 
 .align-blog-detail-banner .tags-blog-banner p {
   color: #000 !important;
 }
 
 .blog-detail-main-align>figure.size-large:first-child {
   width: 100% !important;
 }
 
 .latest-article-home .col-grid-content,
 .second-grid-col-align,
 .third-grid-col-align,
 .content-col-ruler-align,
 .lead-ruler-align,
 .col-grid-content {
   padding-bottom: 3rem;
 }
 
 ul.wp-block-list {
   padding-left: 20px !important;
 }
 
 ul.wp-block-list li {
   list-style: disc;
   color: #000000cc;
 }
 
 
 /* Ruler HTML */
 
 .shape-ruler {
   width: 1px;
   height: 100%;
   display: block;
   background: #C0702B;
 }
 
 .tab-content-ruler-main {
   position: relative;
 }
 
 .align-tab-content-main {
   display: flex;
 }
 
 .tab-content-ruler-main::before {
   content: '';
   background: #C0702B;
   width: 10px;
   height: 1px;
   position: absolute;
   top: 0;
   left: 0;
   transform: translateX(-4.4px);
 }
 
 .tab-content-ruler-main::after {
   bottom: 0;
   content: '';
   background: #C0702B;
   width: 10px;
   height: 1px;
   position: absolute;
   transform: translateX(-4.4px);
 }
 
 .content-height {
   position: absolute;
   top: 50%;
   left: -58px;
   transform: translateY(-50%);
 }
 
 .content-height p {
   font-family: Roboto Mono;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0%;
   text-align: right;
   vertical-align: middle;
   color: #C0702B;
 }
 
 .align-blog-detail-banner {
   display: flex;
   margin-left: 30px;
 }
 
 .align-blog-detail-banner .content-blog-banner {
   padding-bottom: 5px;
   padding-left: 24px;
   flex: 1;
 }
 
 /* End Ruler HTML */
 
 
 /* End Wp Changes */
 
 /* Homepage Editor */
 
 section#homepage-editor {
   background: #f9fafb;
 }
 
 .editor-top-title h3 {
   font-family: Inter;
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.6%;
   color: #000000cc;
   margin: 0;
 }
 
 .editor-top-title a {
   font-family: Inter;
   font-weight: 500;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.6%;
   color: #000000cc;
   background: #1e1e1e0d;
   padding: 4px;
   border-radius: 6px;
   width: 56px;
   height: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 .editor-top-title-align {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 16px 0;
 }
 
 .editor-top-title {
   border-bottom: 1px solid var(--Border-Default-border-default, #1e1e1e1a);
 }
 
 .main-editor-box {
   padding: 64px 0;
   border-bottom: 1px solid var(--Border-Default-border-default, #1e1e1e1a);
 }
 
 .editor-counting ul li p {
   font-family: Roboto Mono;
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: 0%;
   text-align: right;
   color: #1e1e1e40;
 }
 
 .editor-counting ul {
   width: 17px;
 }
 
 .editor-area .spacer-editor {
   display: block;
   height: 24px;
 }
 
 .editor-area p {
   font-family: Roboto Mono;
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: 0%;
   color: #00000080;
 }
 
 .editor-area p.red-text {
   color: #dc2626;
 }
 
 .editor-area p.blue-text {
   color: #2563eb;
 }
 
 .align-editor-box {
   display: flex;
   gap: 16px;
 }
 
 .bottom-editor-btns {
   padding: 16px 0;
   border-bottom: 1px solid var(--Border-Default-border-default, #1e1e1e1a);
 }
 
 .align-bottom-editor-buttons a {
   font-family: Inter;
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.6%;
   text-align: center;
   color: #000000cc;
   display: flex;
   align-items: center;
   gap: 6px;
   background: #1e1e1e0d;
   padding: 4px 14px 4px 8px;
   border-radius: 6px;
   transition: 0.3s ease;
 }
 
 .align-bottom-editor-buttons a:first-child:hover {
   background: rgba(30, 30, 30, 0.1);
 }
 
 .align-bottom-editor-buttons {
   display: flex;
   gap: 12px;
   justify-content: end;
 }
 
 .align-bottom-editor-buttons a:last-child {
   background: #3b82f6;
   color: #fff;
 }
 
 .align-bottom-editor-buttons a:last-child:hover {
   background: rgba(37, 99, 235, 1);
 }
 
 .about-us-banner-editor .editor-counting ul li p {
   color: rgba(255, 255, 255, 0.25);
 }
 
 .about-us-banner-editor .editor-area p {
   color: rgba(255, 255, 255, 0.6);
 }
 
 .about-us-banner-editor .editor-area p.red-text,
 .about-us-banner-editor .editor-area span.red-text {
   color: rgba(248, 113, 113, 1);
 }
 
 .about-us-banner-editor .editor-area span.red-text {
   text-decoration: underline;
 }
 
 .about-us-banner-editor .align-editor-box {
   max-width: 1088px;
   margin: auto;
 }
 
 .about-us-banner-editor {
   padding-top: 128px;
   padding-bottom: 140px;
 }
 
 .editor-ruler-about-banner svg {
   display: block;
   margin: 32px auto 0;
 }
 
 /* Ruler for Case Study */
 
 /* section#case-study-banner .col-grid-img {
     display: flex;
     flex-direction: column;
     gap: 24px;
     position: relative;
     z-index: 1;
 }
 
 section#case-study-banner .case-study-ruler-main svg {
     width: 100%;
 }
 
 section#case-study-banner .col-grid-img::before {
     border: 1px solid #c0702b;
     height: calc(100% - 100px);
     position: absolute;
     top: 40px;
     content: "";
     z-index: -1;
     border-radius: 6px;
     background: #d1894b1a;
     left: 0;
     width: 1;
     width: 100%;
     max-width: 559px;
     margin: auto;
     left: 50%;
     transform: translateX(-50%);
 }
 
 section#case-study-banner .col-grid-img img {
     max-width: 559px;
     margin: auto;
 }
 
 #case-study-banner .col-grid-align.big-text-space {
   align-items: flex-start;
 }
 
 #case-study-banner .col-grid-align.big-text-space {
   grid-template-columns: 44% 52.88%;
 } */
 
 /* End Ruler for Case Study */
 
 
 /* Custom Audio Player */
 
 .custom-audio-player {
   border-radius: 12px;
   padding: 12px;
   width: 320px;
   color: #fff;
   position: relative;
   box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.48);
   background: var(--Backgroud-Controls-bg-popover, rgba(51, 58, 68, 1));
   border: 0.5px solid var(--Border-Default-border-default, rgba(255, 255, 255, 0.15))
 }
 
 .audio-info {
   margin-bottom: 8px;
 }
 
 .audio-title {
   font-family: Inter;
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   color: rgba(255, 255, 255, 0.9);
   letter-spacing: -0.6%;
 }
 
 .audio-artist {
   font-family: Inter;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: -0.6%;
   color: rgba(255, 255, 255, 0.9);
 }
 
 .play-btn {
   position: absolute;
   top: 14px;
   right: 20px;
   background: #F3F4F6;
   border: none;
   border-radius: 50%;
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: background 0.2s;
 }
 
 .audio-progress-container {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-top: 14px;
 }
 
 .audio-progress-bar {
   flex: 1;
   height: 6px;
   background: #444c59;
   border-radius: 3px;
   position: relative;
   cursor: pointer;
 }
 
 .audio-progress {
   height: 100%;
   background: #fff;
   border-radius: 3px;
   width: 0%;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 1;
 }
 
 .audio-knob {
   position: absolute;
   top: 50%;
   left: 0%;
   transform: translate(-50%, -50%);
   width: 19px;
   height: 19px;
   background: #fff;
   border-radius: 50%;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
   z-index: 2;
   transition: background 0.2s;
   border: 3px solid rgba(46, 50, 56, 1);
 }
 
 #audioPlayer {
   display: none;
 }
 
 #audio-progress-bar:active .audio-knob {
   background: #ffd54f;
 }
 
 .audio-progress-container span {
   font-family: Inter;
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.6%;
   text-align: center;
   font-variant-numeric-figure: lining-nums;
   font-variant-numeric-spacing: tabular-nums;
   color: rgba(255, 255, 255, 0.9);
 }
 
 .main-audio-player {
   position: absolute;
   bottom: 120px;
   right: 10px;
 }
 
 
 /* End Custom Audio Player */
 
 /* Job Listing Page */
 
 .job-search-main {
   display: flex;
   padding: 32px;
   align-items: flex-start;
   gap: 24px;
   align-self: stretch;
   border: 1px solid var(--Border-Default-border-default, rgba(30, 30, 30, 0.10));
   background: var(--Backgroud-Subtle-bg-subtle-gray, #F3F4F6);
 }
 
 .job-search-field {
   border-radius: var(--6-px, 6px);
   border: 1px solid var(--Border-Default-border-default, rgba(30, 30, 30, 0.10));
   display: flex;
   padding: 4px 16px;
   align-items: center;
   gap: 8px;
   flex: 1 0 0;
   align-self: stretch;
   background: #fff;
 }
 
 .job-search-field input {
   background: transparent;
   border: none;
   width: 100%;
   outline: none;
   overflow: hidden;
   color: var(--Text-Default-text-secondary, rgba(0, 0, 0, 0.50));
   text-overflow: ellipsis;
   white-space: nowrap;
   /* UI/UI Text 14 Reg */
   font-family: Inter;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   /* 171.429% */
   letter-spacing: -0.084px;
 }
 
 .job-listing-btn button {
   width: 297px;
 }
 
 .job-lists-main {
   padding: 96px 0;
   background: #fff;
 }
 
 .job-lists-align table {
   width: 100%;
 }
 
 .job-lists-align tr td {
   vertical-align: middle;
   text-align: center;
   padding: 24px;
   border-bottom: 1px solid #E5E7EB;
 }
 
 .job-lists-align tr td:first-child {
   text-align: left;
 }
 
 .job-title h4 {
   margin: 0;
   color: var(--transparent-black-100, #000);
   /* Headings / Heading 18 Semi Bold */
   font-family: Inter;
   font-size: 18px;
   font-style: normal;
   font-weight: 600;
   line-height: 24px;
   /* 133.333% */
   letter-spacing: -0.252px;
 }
 
 .job-title p {
   color: var(--transparent-black-50, rgba(0, 0, 0, 0.50));
   font-family: Inter;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.176px;
 }
 
 .job-title {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
 
 .job-type p {
   color: var(--transparent-black-50, rgba(0, 0, 0, 0.50));
   text-align: center;
   font-family: Inter;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 24px;
   letter-spacing: -0.176px;
 }
 
 .job-location p {
   color: var(--transparent-black-50, rgba(0, 0, 0, 0.50));
   text-align: center;
   font-family: Inter;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.176px;
 }
 
 .job-action a {
   width: 63px;
   height: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0;
   margin: auto;
 }
 
 .load-more-jobs {
   margin-top: 30px;
 }
 
 .load-more-jobs a {
   margin: auto;
 }
 
 .job-details-main .align-detail-case-study {
   flex: 1;
   padding: 0 0 0 20px;
 }
 
 .job-details-main .align-ruler-case-study {
   align-items: inherit;
 }
 
 .job-details-main .align-blog-share {
   justify-content: flex-end;
 }
 
 section#details-content {
   background: #fff;
 }
 
 .detail-content-box h4 {
   color: var(--Text-Default-text-primary, rgba(0, 0, 0, 0.80));
   /* Headings / Heading 24 Semi Bold */
   font-family: Inter;
   font-size: 24px;
   font-style: normal;
   font-weight: 600;
   line-height: 32px;
   /* 133.333% */
   letter-spacing: -0.456px;
   margin: 0;
 }
 
 .detail-content-box p {
   color: var(--Text-Default-text-primary, rgba(0, 0, 0, 0.80));
   font-family: Inter;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.176px;
 }
 
 .detail-content-box,
 .main-title-detail-content {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .listing-content-detail h5 {
   margin: 0;
   color: var(--Text-Default-text-primary, rgba(0, 0, 0, 0.80));
   font-family: Inter;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.176px;
   font-weight: 600;
 }
 
 .listing-detail-content {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 .listing-content-detail ul li {
   list-style: disc !important;
   color: #000;
 }
 
 .listing-content-detail ul {
   padding-left: 22px;
   display: flex;
   flex-direction: column;
   gap: 16px;
   margin-top: 16px;
 }
 
 .job-details-imgs {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 48px;
 }
 
 .job-details-imgs img {
   width: 100%;
   border-radius: 6px;
   max-height: 500px;
   object-fit: cover;
 }
 
 .details-content-main {
   display: flex;
   flex-direction: column;
   gap: 48px;
 }
 
 section#job-detail-form {
   background: #fff;
   padding: 96px 0;
 }
 
 .main-form-align-details .align-contact-us {
   padding: 24px;
 }
 
 .main-form-align-details {
   display: flex;
   gap: 50px;
 }
 
 
 .file-upload input {
   padding: 0;
   border: none;
   color: transparent;
   width: 103px;
 }
 
 .file-upload {
   display: flex;
   box-decoration-break: clone;
   justify-content: space-between;
   height: 48px;
   align-items: center;
   padding: 10px;
   background: #fff;
   border-radius: 6px;
   transition: 0.3s ease;
   border: 1px solid var(--Border-Default-border-default, #1e1e1e1a);
   cursor: pointer;
 }
 
 .file-upload label {
   width: 100%;
   font-family: Inter;
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.1px;
   color: #00000080;
   cursor: pointer;
 }
 
 input[type=file]::file-selector-button {
   color: var(--Text-Default-text-primary, rgba(0, 0, 0, 0.80));
 
   /* UI/UI Text 14 Semi Bold */
   font-family: Inter;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 24px;
   /* 171.429% */
   letter-spacing: -0.084px;
   padding: 4px 12px;
   border-radius: 6px !important;
   background: var(--Button-Shaded-button-shaded, rgba(30, 30, 30, 0.05));
   border: none;
   cursor: pointer;
 }
 
 input[type=file]::file-selector-button:hover {
   /* opacity: .5; */
 }
 
 #careers-main .col-grid-title p {
   color: var(--Text-Colored-text-brand, #2563EB);
 
   /* Running Text / Code 14 Reg */
   font-family: "Roboto Mono";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   /* 171.429% */
 }
 
 section#careers-main {
   padding-top: 150px;
   border-bottom: 1px solid var(--Border-Default-border-default, rgba(30, 30, 30, 0.10));
   background: #FFF;
 }
 
 section#careers-main .col-grid-title h2 {
   color: rgba(0, 0, 0, 0.80);
 }
 
 section#careers-main .col-grid-content {
   padding: 0;
 }
 
 section#careers-main .step-count p {
   font-family: Inter !important;
   background: #591042;
 }
 
 section#career-banner-boxes {
   display: flex;
   padding: 40px 0;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 10px;
   align-self: stretch;
   background: #fff;
 }
 
 .careers-grid-main .col-grid-content>div {
   max-width: 570px;
 }
 
 .careers-grid-main .col-grid-button {
   margin-top: 32px;
 }
 
 .careers-grid-main .col-grid-align.big-text-space {
   grid-template-columns: 45% 47%;
   gap: 70px;
   align-items: center;
 }
 
 .careers-grid-main .col-grid-align.big-text-space .col-grid-title .step-count p {
   background: #591042;
 }
 
 .careers-grid-main {
   border: none !important;
 }
 
 .career-page-steps .step-title-content h4 {
   color: var(--Text-Colored-text-brand, #2563EB);
 
   /* UI/UI Text 14 Semi Bold */
   font-family: Inter;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 24px;
   /* 171.429% */
   letter-spacing: -0.084px;
   margin: 0;
 }
 
 .career-page-steps .step-title-content p {
   color: var(--Text-Default-text-primary, rgba(0, 0, 0, 0.80));
   font-family: Helvetica;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 138%;
   /* 19.32px */
 }
 
 
 /* Method Page */
 
 .method-banner-btn.banner-btn a {
   margin: auto;
 }
 
 .method-banner-btn.banner-btn {
   margin-top: 32px;
   margin-bottom: 60px;
 }
 
 .three-col-grid {
   grid-template-columns: 1fr 1fr 1fr;
 }
 
 section#method-overview {
   padding: 96px 0;
   background: #ffff;
 }
 
 .experties-slide-box {
   background: transparent;
   gap: 0;
   height: auto;
 }
 
 .align-method-overview {
   display: flex;
   flex-direction: column;
   gap: 48px;
 }
 
 .method-boxes-main {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 24px;
 }
 
 .method-overview-btn a {
   margin: auto;
 }
 
 section#method-overview .experties-slide-box p {
   color: rgba(0, 0, 0, 0.50);
   margin-top: 8px;
 }
 
 section#method-overview .experties-slide-box h4 {
   margin-top: 20px;
 }
 
 .method-step .align-step-in h2 {
   font-weight: 300;
 }
 
 .title-why-mav h3 {
   font-size: 36px;
   text-align: center;
   margin: 0;
   color: #000;
   font-weight: 600;
 }
 
 .experties-slide-box h4 {
   margin-top: 20px;
 }
 
 .experties-slide-box ul li {
   margin-top: 16px;
 }
 
 section#why-mav {
   padding: 96px 0;
   background: #FFF;
 }
 
 .blocks-why-mav {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 24px;
 }
 
 .align-why-mav {
   display: flex;
   flex-direction: column;
   gap: 48px;
 }
 
 .blocks-why-mav .experties-slide-box ul li {
   display: flex;
   align-items: center;
   gap: 8px;
 }
 
 .blocks-why-mav .experties-slide-box ul li p {
   color: rgba(0, 0, 0, 0.50);
 }
 
 .blocks-why-mav .experties-slide-box ul li svg {
   min-width: 32px;
 }
 
 .align-faq-mav .content-blog-banner {
   position: initial;
   padding: 0;
 }
 
 section#faq-mav {
   padding: 96px 0;
   background: #fff;
 }
 
 .align-faq-mav {
   display: flex;
   flex-direction: column;
   gap: 48px;
 }
 
 .accordion-item:last-of-type {
   border-radius: 0 !important;
 }
 
 
 
 @media screen and (max-width: 1400px) {
   #case-study-banner .col-grid-align.big-text-space {
     grid-template-columns: 44% 52.88%;
   }
 }
 
 @media screen and (max-width: 1350px) {
   .latest-article-home .col-grid-align {
     grid-template-columns: 48% 49%;
   }
 
   .banner-img img {
     width: 100%;
   }
 }
 
 @media screen and (max-width: 1200px) {
   .col-users-boxes::after {
     width: calc(100% - 80px);
   }
 
   /* Hiding Rulers */
   .third-grid-ruler,
   .bottom-ruler-third,
   .second-grid-ruler,
   .content-top-ruler,
   .content-col-ruler-main,
   .banner-ruler-main,
   .lead-ruler-main,
   .editor-ruler-about-banner,
   .ruler-img-case-studies,
   .main-ruler-case-study,
   .main-ruler-col-grid,
   .ruler-img-case-studies,
   .not-found-ruler,
   .ebook-ruler-main,
   .contact-us-ruler,
   .policy-banner-ruler,
   .tab-content-ruler-main {
     display: none !important;
   }
 
   .tab-content-ruler-main {
     display: none;
   }
 
   .latest-article-home .col-grid-align {
     grid-template-columns: 48% 48%;
   }
 
   .col-img img {
     width: 100%;
   }
 
   .banner-img img {
     width: 100%;
   }
 
   .align-blog-detail-banner {
     margin-left: 0 !important;
   }
 
   .align-blog-detail-banner .content-blog-banner {
     padding-left: 0 !important;
   }
 
 }
 
 @media screen and (max-width: 1100px) {
 
   .header-call-btn-mobile,
   .header-hamburger {
     display: block;
   }
 
   li#menu-item-1197 {
     display: block;
   }
 
   .desktop-call-btn {
     display: none !important;
   }
 
   .header-call-btn-mobile a svg {
     fill: rgba(255, 255, 255, 0.9);
   }
 
   .dark-header .header-call-btn-mobile a svg,
   .dark-header .header-hamburger svg {
     fill: #333333;
   }
 
   .header-links {
     position: fixed;
     top: 0;
     height: 100vh;
     background: rgb(255 255 255);
     overflow: auto;
     width: 50%;
     transition: all 0.3s ease;
     z-index: 9999;
     padding: 2rem;
     left: -100%;
   }
 
   .overlay-menu {
     position: fixed;
     inset: 0;
     background: #000000a1;
     z-index: 1;
     transition: all 0.3s linear;
     opacity: 0;
     visibility: hidden;
   }
 
   .active-menu .header-links {
     left: 0;
   }
 
   .active-menu {
     overflow: hidden;
   }
 
   .active-menu .overlay-menu {
     opacity: 1;
     visibility: visible;
   }
 
   .header-links ul {
     flex-direction: column;
     align-items: flex-start;
   }
 
   .header-links ul li a {
     color: #000;
   }
 
   .header-hamburger svg {
     width: 40px;
     height: 34px;
     fill: rgba(255, 255, 255, 0.9);
   }
 
   .col-grid-img img {
     width: fit-content;
     margin: auto;
     display: block;
     max-width: 90%;
   }
 
   .banner-align {
     grid-template-columns: 1fr;
     gap: 30px;
   }
 
   .banner-img img {
     margin: auto;
     display: flex;
     width: 100%;
   }
 
   section#new-banner {
     padding-top: 140px;
   }
 
   .banner-content-title-section h1,
   .title-section {
     font-size: 36px;
   }
 
   .align-cols {
     grid-template-columns: 1fr;
   }
 
   .content-col {
     max-width: 100%;
   }
 
   .align-col-user {
     justify-content: flex-start;
   }
 
   .col-img img {
     margin: auto;
     display: grid;
     width: 100%;
   }
 
   .title-col h2 {
     font-size: 28px;
     line-height: 1.4;
   }
 
   .steps-title a {
     min-width: 140px;
   }
 
   .steps-title h2 {
     font-size: 28px;
   }
 
   .steps-box-main {
     display: block;
   }
 
   .steps-tabs {
     max-width: 100%;
   }
 
   .steps-tabs ul {
     width: 100%;
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr;
   }
 
   .steps-tabs ul li button {
     width: 100%;
     padding: 16px 10px;
   }
 
   .steps-tabs-content {
     width: 100%;
   }
 
   .steps-tabs ul li:last-child button {
     border-bottom: 1px solid rgba(255, 255, 255, 0.15);
   }
 
   .dark-content-steps .steps-tabs ul li:last-child button {
     border-color: #1e1e1e1a;
   }
 
   .dark-content-steps .steps-tabs ul li:nth-child(3) button,
   .dark-content-steps .steps-tabs ul li:first-child button {
     border-right: 1px solid #1e1e1e1a;
   }
 
   .score-content {
     padding: 20px;
     gap: 8px;
   }
 
   .score-title h3 {
     font-size: 20px;
   }
 
   .ebook-title h2,
   .ebook-grid-content .ebook-title h2 {
     font-size: 36px;
   }
 
   .col-grid-align,
   .col-grid-align.big-text-space {
     grid-template-columns: 1fr !important;
   }
 
   .col-grid-title h2,
   .dark-content-grid .col-grid-title h2 {
     font-size: 36px;
   }
 
   section#col-grid.reverse-grid .col-grid-align,
   .right-col-grid-content-align .col-grid-align {
     grid-template-columns: 1fr;
   }
 
   .col-grid-title {
     padding-top: 30px;
   }
 
   section.reverse-grid {
     padding-bottom: 50px !important;
   }
 
   .align-step-in h2 {
     font-size: 30px;
     line-height: 1.4;
   }
 
   .header-links {
     width: calc(100% - 100px);
   }
 
   .grid-tags p {
     font-size: 12px;
   }
 
   .blog-list-align {
     gap: 30px;
   }
 
   .align-case-study-grid {
     gap: 20px;
   }
 
   .case-study-grid-item {
     padding: 16px;
   }
 
   .case-study-grid-item {
     padding: 16px;
   }
 
   section#case-study-banner {
     padding: 130px 0 48px;
   }
 
   section#case-study-grid {
     padding: 60px 0;
   }
 
   .detail-case-study-main figure.wp-block-image.size-full {
     width: 45%;
   }
 
   #grid-welfie .col-grid-align {
     background-image: none;
   }
 
   #grid-welfie .col-grid-img img {
     display: block;
   }
 
   .steps-box-main {
     max-height: initial;
   }
 
   .main-cols-sections-align .align-cols:first-child .content-col-ruler-align {
     padding-top: 0px;
   }
 }
 
 @media screen and (max-width: 991px) {
   .steps-tabs ul {
     grid-template-columns: 1fr 1fr;
   }
 
   .steps-tabs ul li:nth-child(3) button {
     border-right: 1px solid rgba(255, 255, 255, 0.15);
   }
 
   .scores-boxes .row {
     flex-direction: column;
     gap: 40px;
   }
 
   .scores-boxes .row .col-md-4 {
     max-width: 100%;
     flex: 1;
     width: 100%;
   }
 
   .footer-align footer {
     grid-template-columns: 1fr;
   }
 
   .footer-links-main {
     max-width: 100%;
   }
 
   .step-change-arrows {
     margin-top: 20px;
   }
 
   .steps-tabs-content {
     padding: 40px 20px 30px;
   }
 
   .align-ebook {
     padding: 40px 20px 40px 20px;
   }
 
   .footer-logo-title {
     flex-direction: column-reverse;
   }
 
   section#single-grid,
   section#experties,
   section#light-steps {
     padding: 60px 0;
   }
 
   section#services-banner,
   section#method-page-banner {
     padding: 170px 0 48px;
   }
 
   section#blog-list-main {
     padding: 60px 0;
   }
 
   .blog-list-align {
     grid-template-columns: 1fr 1fr;
   }
 
   .case-study-grid-item {
     padding: 16px;
   }
 
   section#case-study-grid {
     padding: 60px 0;
   }
 
   .grid-tags {
     gap: 6px;
     display: flex;
     flex-wrap: wrap;
   }
 
   .grid-title p {
     font-size: 14px;
   }
 
   .grid-title h3 {
     font-size: 20px;
   }
 
   .ebook-grid {
     grid-template-columns: 1fr;
     gap: 40px;
   }
 
   .ebook-grid-content {
     padding: 0;
     gap: 20px;
     max-width: 600px;
   }
 
   .ebook-grid-content .ebook-title h2 {
     font-size: 36px;
   }
 
   .main-tabs-faq .tab-content {
     padding: 0;
   }
 
   .header-right a {
     padding-right: 0;
     background: transparent !important;
   }
 
   .align-detail-case-study,
   .job-details-main .align-detail-case-study {
     gap: 30px;
   }
 
   .col-users-boxes::after {
     width: calc(100% - 17%);
   }
 
   .editor-counting {
     display: none;
   }
 
   .main-editor-box {
     padding: 24px 0;
   }
 
   .not-found-banner-align {
     grid-template-columns: 1fr;
   }
 
   .not-found-banner-img {
     text-align: center;
   }
 
   .second-grid-col-align {
     padding-bottom: 60px;
   }
 
   /* JOb Details */
 
 
   .job-details-imgs {
     grid-template-columns: 1fr;
     gap: 24px;
   }
 
   section#job-detail-form {
     padding: 48px 0;
   }
 
   .details-content-main {
     gap: 24px;
   }
 
   .listing-content-detail ul {
     gap: 12px;
     margin-top: 12px;
   }
 
   .align-ruler-case-study {
     padding: 0;
   }
 
   .job-details-main .align-detail-case-study {
     padding: 0;
   }
 
   .main-form-align-details .align-contact-us {
     padding: 0;
   }
 
   .stories-method .scores-boxes .row {
     flex-direction: row;
     gap: 0;
   }
 
 }
 
 @media screen and (max-width: 820px) {
   .gain-boxes {
     grid-template-columns: 1fr;
   }
 
   .title-blog-list h3 {
     font-size: 20px;
   }
 
   section#blog-list-main {
     padding: 60px 0;
   }
 
   .blog-list-align {
     grid-template-columns: 1fr 1fr;
     gap: 20px;
   }
 
   .description-blog-list p,
   .title-blog-list p {
     font-size: 14px;
   }
 
   .title-blog-list h3 svg {
     width: 25px;
     height: 25px;
   }
 
   .blog-banner-img img {
     aspect-ratio: 1/0.7;
   }
 
   .content-blog-banner {
     padding: 30px;
   }
 
   .content-title-blog-banner h3 {
     font-size: 36px;
   }
 
   .blog-banner-title h2,
   .title-main-details h2 {
     font-size: 36px;
   }
 
   .align-blog-banner {
     gap: 30px;
   }
 
   .services-banner-blocks {
     grid-template-columns: 1fr;
     gap: 20px;
     padding-top: 50px;
   }
 
   .align-links-service-banner {
     flex-direction: column;
     align-items: flex-start;
     gap: 20px;
   }
 
   .content-boxes-details,
   .detail-case-study-main h3,
   .detail-case-study-main p,
   .detail-case-study-main ul {
     gap: 20px;
   }
 
   .content-box p,
   .detail-case-study-main p,
   .detail-case-study-main ul li,
   .blog-detail-main-align p,
   #blog-detail-main-img ul.blog-side-nav li {
     font-size: 14px;
   }
 
   .content-box h3,
   .detail-case-study-main h3,
   .detail-case-study-main h3,
   .blog-detail-main-align h3 {
     font-size: 20px;
   }
 
   .detail-case-study-main p {
     margin-bottom: 30px;
   }
 
   .tab-content-qoute h2,
   .blog-detail-main-align h2.wp-block-heading {
     font-size: 30px;
   }
 
   .blog-detail-main-align>ul.blog-side-nav~* {
     margin-bottom: 20px;
   }
 
   .blog-detail-main-align>ul.blog-side-nav {
     position: initial;
     width: 100%;
     max-width: 100%;
     margin-bottom: 50px;
   }
 
   .blog-detail-main-align>ul.blog-side-nav~* {
     margin-left: 0;
     width: 100%;
   }
 
   section#gain-grid-main,
   section#development-services,
   section#design-launch,
   section#stories,
   section#grid-welfie {
     padding: 34px 0;
   }
 
   .gain-box {
     gap: 14px;
   }
 
   .about-us-banner-editor {
     padding-top: 58px;
     padding-bottom: 40px;
   }
 
   .ebook-form {
     margin-left: 0;
   }
 
   .content-align-policy h3 {
     font-size: 20px;
   }
 
   .content-align-policy h4 {
     font-size: 16px;
   }
 
   .description-blog-baner p {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
   }
 
   /* Job Listing Responsive */
 
   .job-lists-align td {
     display: flex;
   }
 
   .job-lists-align tr td {
     padding: 0;
     border: 0;
   }
 
   .job-lists-align tbody {
     display: flex;
     flex-direction: column;
   }
 
   .job-lists-align tbody tr {
     display: flex;
     flex-direction: column;
     gap: 14px;
     border-bottom: 1px solid #E5E7EB;
     padding-bottom: 20px;
     margin-bottom: 20px;
   }
 
   .job-search-main {
     padding: 20px;
   }
 
   .job-listing-btn button {
     width: fit-content;
   }
 
   .align-links-service-banner ul {
     flex-wrap: wrap;
   }
 
   .job-lists-main {
     padding: 48px 0;
   }
 
   .load-more-jobs {
     margin-top: 20px;
   }
 
 }
 
 @media screen and (max-width: 767px) {
   .stories-method .scores-boxes .row {
     gap: 30px;
   }
 }
 
 @media screen and (max-width: 680px) {
   .align-ebook {
     flex-direction: column;
   }
 
   .ebook-title h2,
   .ebook-grid-content .ebook-title h2 {
     font-size: 30px;
   }
 
   .col-grid-title h2,
   .dark-content-grid .col-grid-title h2,
   .title-experties h2,
   .title-main-details h2,
   .content-title-blog-banner h3 {
     font-size: 30px;
     line-height: 1.3;
   }
 
   section#step-in-future {
     padding: 60px 0;
   }
 
   .footer-logo-title {
     flex-direction: column-reverse;
   }
 
   section#main-footer {
     padding: 60px 0 30px;
   }
 
   .steps-title {
     flex-direction: column;
     align-items: end;
     gap: 20px;
   }
 
   .steps-title h2 {
     line-height: 1.3;
   }
 
   section#score {
     padding: 80px 0;
   }
 
   .step-tab-content-box {
     flex-direction: column;
   }
 
   .align-cols {
     padding: 75px 0 0;
   }
 
   section#main-header {
     padding: 16px 0;
   }
 
   .blog-banner-img img {
     aspect-ratio: 1/1;
   }
 
   .grid-tags {
     display: flex;
     flex-wrap: wrap;
     gap: 6px;
   }
 
   .title-blog-list h3 {
     font-size: 18px;
   }
 
   .blog-list-align {
     gap: 16px;
   }
 
   .content-blog-list,
   .title-blog-list {
     gap: 10px;
   }
 
   .pagination-list ul li a {
     width: 32px;
     height: 30px;
     font-size: 12px;
   }
 
   .pagination-action a {
     font-size: 12px;
   }
 
   .align-case-study-grid {
     grid-template-columns: 1fr 1fr;
   }
 
   .list-welfie-box h4 {
     font-size: 16px;
   }
 
   .col-grid-title p {
     font-size: 14px;
   }
 
   .contact-us-form,
   .ebook-form {
     padding: 26px 20px;
   }
 
   .contact-us-title h2 {
     font-size: 30px;
     line-height: 1;
   }
 
   .align-contact-us {
     gap: 32px;
   }
 
   section#contact-us {
     padding: 130px 0 48px;
   }
 
   .form-title-ebook h3 {
     font-size: 20px;
   }
 
   .ebook-description p,
   .ebook-qualities p {
     font-size: 14px;
   }
 
   .detail-case-study-main figure.wp-block-image {
     margin: 0 20px 28px;
   }
 
   .content-blog-banner {
     padding: 0;
   }
 
   .align-blog-share {
     flex-direction: column;
     gap: 20px;
   }
 
   .share-links-blog {
     display: flex;
     justify-content: end;
   }
 
   ul.wp-block-list.blog-side-nav {
     gap: 20px;
   }
 
   .blog-detail-main-align>#blog-detail-main-img ul.blog-side-nav li {
     padding: 16px 0;
   }
 
   .ebook-img img {
     width: 100%;
   }
 
   .add-bg-cols-home .align-cols:nth-child(3) .title-col p br {
     display: none;
   }
 
   .content-align-policy h2 {
     font-size: 20px;
   }
 
   section#policy-banner {
     min-height: 300px;
   }
 
   .align-details-case img {
     min-width: calc(100% - 40px);
     max-width: calc(100% - 40px);
   }
 
   .method-banner-btn.banner-btn {
     margin-bottom: 10px;
   }
 
   .method-boxes-main,
   .blocks-why-mav {
     grid-template-columns: 1fr;
   }
 
   section#method-overview,
   section#why-mav,
   section#faq-mav {
     padding: 60px 0;
   }
 
   .title-why-mav h3 {
     font-size: 28px;
     font-weight: 600;
     max-width: 300px;
     margin: auto;
   }
 
   .align-why-mav {
     gap: 28px;
   }
 
   .method-step .align-step-in h2 br {
     display: none;
   }
 
 }
 
 @media screen and (max-width: 620px) {
   .header-right a.contact-us {
     display: none;
   }
 
   .steps-tabs ul li button {
     padding: 12px 4px;
     font-size: 11px;
     gap: 2px;
   }
 
   .steps-tabs ul li button span {
     width: 16px;
     height: 16px;
     font-size: 10px;
   }
 
   .step-tab-img img {
     width: 100%;
     max-width: initial;
     aspect-ratio: 1 / 0.8;
     border-radius: 10px;
   }
 
   section#steps {
     padding: 60px 0;
   }
 
   section#score {
     padding: 60px 0;
   }
 
   section#col-grid {
     padding: 60px 0;
   }
 
   .footer-logo-title h3 {
     font-size: 28px;
     line-height: 1.3;
   }
 
   .bottom-footer {
     flex-direction: column;
   }
 
   .align-ebook {
     padding: 40px 0;
   }
 
   .align-cols {
     padding: 60px 0 0;
   }
 
   .align-case-study-grid {
     grid-template-columns: 1fr;
   }
 
   .accordion-item button {
     font-size: 20px;
   }
 
   .accordion-body p {
     font-size: 14px;
   }
 
   .main-tabs-faq {
     gap: 30px;
   }
 
   .accordion-item {
     padding: 22px 0;
   }
 
   .policy-banner-title h2,
   .banner-content-not-found h2 {
     font-size: 30px;
   }
 
   .gain-box-with-img {
     flex-direction: column;
     padding: 20px;
   }
 
   .img-box-gain img {
     width: 80px;
     height: 80px;
   }
 
   .img-box-gain-content h3 {
     font-size: 20px;
   }
 
   .img-box-gain-content p {
     font-size: 14px;
   }
 
   .experties-slide-box {
     height: auto;
   }
 
   .btn-primary svg {
     width: 20px;
     height: 20px;
   }
 
   .ebook-field input {
     height: 40px;
   }
 
   .detail-case-study-main figure.wp-block-image.size-full {
     width: 100%;
   }
 
   .align-blog-share {
     flex-direction: column;
   }
 
   .latest-article-home {
     padding-bottom: 0 !important;
   }
 
   .lead-ordinary .col-grid-align {
     gap: 30px !important;
   }
 
   .not-found-banner-img img {
     width: 100%;
   }
 
   .custom-audio-player {
     width: 270px;
   }
 
   .main-audio-player {
     bottom: 60px;
   }
 }
 
 @media screen and (max-width: 480px) {
   .blog-list-align {
     grid-template-columns: 1fr;
     gap: 20px;
   }
 
   .blog-banner-img img {
     aspect-ratio: 1/1.3;
   }
 
   section#blog-list-banner {
     padding: 130px 0 48px;
   }
 
   .pagintion-navigation {
     gap: 10px;
   }
 
   .tags-blog-banner p,
   .share-links-blog ul li a {
     font-size: 12px;
   }
 
   .tags-blog-banner {
     gap: 8px;
   }
 
   .content-blog-banner {
     padding: 20px;
   }
 
   .roles-details {
     grid-template-columns: 1fr 1fr;
   }
 
   .roles-details .role-box:last-child {
     grid-column: span 2;
   }
 
   .role-box {
     padding: 16px;
   }
 
   .role-box h3 {
     font-size: 16px;
   }
 
   .role-box p {
     font-size: 14px;
   }
 }
 
 @media screen and (max-width: 420px) {
 
   section#services-banner,
   section#method-page-banner,
   section#case-study-banner,
   section#detail-case-study,
   section#blog-list-banner {
     padding: 100px 0 48px;
   }
 
   .detail-case-study-main figure.wp-block-image {
     margin: 0 0 20px 0;
   }
 }
 
 @media screen and (max-width: 370px) {
   .steps-tabs ul {
     grid-template-columns: 1fr;
   }
 
   .steps-tabs ul li button {
     gap: 4px;
     font-size: 12px;
   }
 
   .steps-tabs ul li button span {
     width: 20px;
     height: 20px;
     font-size: 11px;
   }
 
   .align-links-service-banner ul {
     flex-direction: column;
     width: 100%;
   }
 
   .align-links-service-banner ul li a {
     width: 100%;
   }
 
   .align-links-service-banner ul li {
     width: 100%;
   }
 
   .expertie-slider-actions {
     flex-direction: column-reverse;
     gap: 20px;
   }
 
   .align-experties {
     gap: 20px;
   }
 
 
 }
 
 /* iOS specific fixes for step tabs */
 .steps-tabs ul li button span {
   /* Force hardware acceleration */
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
 
   /* Ensure proper border rendering */
   -webkit-mask-image: -webkit-radial-gradient(white, black);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 
   /* Reinforce border styles */
   border: 0.5px solid #d9d9d9 !important;
   -webkit-border-radius: 100px !important;
   border-radius: 100px !important;
 }
 
 /* Additional iOS specific overrides */
 @supports (-webkit-touch-callout: none) {
   .steps-tabs ul li button span {
     border-width: 0.5px !important;
     border-style: solid !important;
     border-color: #d9d9d9 !important;
     overflow: hidden;
   }
 }
 
 /* Fix for active state */
 /* .steps-tabs ul li button.active span {
   border-color: #000000 !important;
 } */

 .details-content-main > p {
  color: var(--Text-Default-text-primary, rgba(0, 0, 0, 0.80));
  margin-bottom: 0px;
}

.details-content-main {
  gap: 0;
  color: var(--Text-Default-text-primary, rgba(0, 0, 0, 0.80));
}

.details-content-main ul {
  margin: 0 0 30px;
  padding-left: 22px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}

.details-content-main h3:first-child {
  font-size: 24px;
  margin: 0;
}

.details-content-main ul li {
  list-style: disc;
}

.details-content-main h3 {
  font-size: 20px;
  margin: 0;
}

.details-content-main p:empty {
  display: none !important;
}

.details-content-main p:first-of-type {
  margin: 20px 0 30px;
}