html {
  line-height: 1.15;
   overflow-y: scroll; /* Ensure scrolling is enabled */
   scrollbar-width: thin;
   /*  scrollbar-width: none;  Firefox: Hide page scrollbar */
   /*  -ms-overflow-style: none;  IE/Edge: Hide page scrollbar */
}

body {
  margin: 0;

}

* {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  -webkit-font-smoothing: antialiased;
}

p,
li,
ul,
pre,
div,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
blockquote,
figcaption {
  margin: 0;
  padding: 0;
}

button {
  background-color: transparent;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  color: inherit;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focus,
[type="button"]:-moz-focus,
[type="reset"]:-moz-focus,
[type="submit"]:-moz-focus {
  outline: 1px dotted ButtonText;
}

a {
  color: inherit;
  text-decoration: inherit;
}

input {
  padding: 2px 4px;
}

img {
  display: block;
}

details {
  display: block;
  margin: 0;
  padding: 0;
}

summary::-webkit-details-marker {
  display: none;
}

[data-thq="accordion"] [data-thq="accordion-content"] {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  padding: 0;
}

[data-thq="accordion"] details[data-thq="accordion-trigger"][open]+[data-thq="accordion-content"] {
  max-height: 1000vh;
}

details[data-thq="accordion-trigger"][open] summary [data-thq="accordion-icon"] {
  transform: rotate(180deg);
}

html {
  scroll-behavior: smooth;
}

html {
  font-family: "Gilroy-Regular";
  font-size: 16px;
}

body {
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  line-height: 1.15;
  color: var(--dl-color-theme-neutral-dark);
  background: var(--dl-color-theme-neutral-light);

  fill: var(--dl-color-theme-neutral-dark);
}

.home-container10 {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  padding-top: 0rem;
  padding-left: 2rem;
  padding-right: 2rem;
  flex-direction: column;
  padding-bottom: 0rem;
  background-color: F0F9FF;
  letter-spacing: 0.15;
}

.home-navigation {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  max-width: 1200px;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
}

.home-container11 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.home-image10 {
  width: 48px;
  height: 48px;
  object-fit: cover;
}

.home-container12 {
  flex: 0 0 auto;
  display: flex;
  align-self: center;
  align-items: flex-start;
  margin-left: 12px;
  flex-direction: column;
  justify-content: center;
}

.home-link1 {
  display: contents;
}

.home-container13 {
  flex: 0 0 auto;
  display: flex;
  padding: 0px;
  transition: 0.3s;
  align-items: flex-start;
  border-width: 0px;
  text-decoration: none;
  background-color: transparent;
}

.home-container13:hover {
  color: var(--dl-color-theme-primary1);
}

.home-text10 {
  fill: transparent;
  color: #094067;
  font-style: normal;
  text-align: left;
  font-family: "Gilroy-Medium";
  font-weight: 500;
  padding: 0;
}

.home-image11 {
  width: 20px;
  object-fit: cover;
  margin-left: 4px;
}

.home-text11 {
  color: #094067;
  opacity: 80%;
  font-size: 12px;
  margin-top: 2px;
}

.home-container14 {
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  display: flex;
  align-items: center;

}

a.home-container14 {

  height: auto;

}


.home-resumebutton {
  display: flex;
  padding: 0px;
  margin-top: 0px;
  transition: 0.3s;
  align-items: center;
  margin-left: 0px;
  border-width: 0px;
  margin-bottom: 0px;
}

.home-resumebutton:hover {
  color: var(--dl-color-theme-primary1);
  transition: 0.3s ease;
}

.svg-container {
  width: 20px;
  height: 20px;
  display: block;
}

.home-image12 {
  object-fit: cover;
  fill: currentColor;
  width: 100%;
  height: 100%;

}

.home-button1 {
  font-family: "Gilroy-Medium";
  border-width: 0px;
  padding-left: 8px;
  padding-right: 0px;
  padding-bottom: 0px;
  cursor: pointer;
}

.home-divider {
  flex: 0 0 auto;
  width: 1px;
  height: 24px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-color: #90b4ce;
}

.home-emailbutton1 {
  display: flex;
  padding: 0px;
  align-self: center;
  transition: 0.3s;
  align-items: center;
  margin-left: 16px;
  border-width: 0px;
}

.home-emailbutton1:hover {
  color: var(--dl-color-theme-primary1);
  transition: 0.3s ease;
}

.home-image13 {
  fill: var(--dl-color-theme-primary1);
  width: 20px;
  object-fit: cover;
}

.home-button2 {
  font-family: "Gilroy-Medium";
  padding-top: 0px;
  border-width: 0px;
  padding-left: 8px;
  padding-right: 0px;
  padding-bottom: 0px;
  cursor: pointer;
}

.home-text12 {
  fill: transparent;
  color: rgb(9, 64, 103);
  width: 100%;
  font-size: 48px;
  max-width: 1200px;
  align-self: center;
  margin-top: 80px;
  text-align: center;
  font-family: "Gilroy-Regular";
  line-height: 1.25;
  margin-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.home-header-buttons {
  display: flex;
  align-items: center;
  border-radius: var(--dl-layout-radius-cardradius);
  flex-direction: row;
  border-top-left-radius: var(--dl-layout-radius-cardradius);
}

.home-link2 {
  display: contents;
}

.home-container15 {
  display: flex;
  position: relative;
  box-shadow: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  align-items: center;
  margin-left: 0px;
  padding-top: 20px;
  border-color: var(--dl-color-theme-secondary1);
  border-width: 2px;
  margin-right: 16px;
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: row;
  padding-bottom: 20px;
  background-color: var(--dl-color-theme-primary1);
}

.home-container15:hover {
  transform: translate(-4px, -4px);
  box-shadow: 8px 8px 0 #90b4ce;
}

.home-button3 {
  fill: var(--dl-color-theme-accent1);
  color: var(--dl-color-theme-accent1);
  font-size: 24px;
  font-style: normal;
  font-family: "Gilroy-Medium";
  font-weight: 500;
  padding-right: 8px;
  cursor: pointer;
}

.home-image14 {
  width: 24px;
  height: 24px;
  object-fit: cover;
}

.home-link3 {
  display: contents;
}

.home-container16 {
  display: flex;
  position: relative;
  box-shadow: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  align-items: center;
  margin-left: 16px;
  padding-top: 20px;
  border-color: var(--dl-color-theme-secondary1);
  border-width: 2px;
  margin-right: 0px;
  padding-left: 40px;
  padding-right: 40px;
  flex-direction: row;
  padding-bottom: 20px;
  background-color: var(--dl-color-theme-accent1);
}

.home-container16:hover {
  transform: translate(-4px, -4px);
  box-shadow: 8px 8px 0 #90b4ce;
}

.home-button4 {
  fill: var(--dl-color-theme-secondary1);
  color: var(--dl-color-theme-secondary1);
  font-size: 24px;
  font-style: normal;
  font-family: "Gilroy-Medium";
  font-weight: 500;
  padding-right: 8px;
  cursor: pointer;
}

.home-image15 {
  width: 24px;
  height: 24px;
  object-fit: cover;
}

.home-case-header {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.home-case-header-max-width {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  max-width: 1200px;
  margin-top: 80px;
  align-items: flex-start;
  border-color: var(--dl-color-theme-secondary1);
  border-style: solid;
  border-width: 2px;
  border-radius: var(--dl-layout-radius-cardradius);
  justify-content: center;
  background-color: var(--dl-color-theme-primary1);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.home-text13 {
  fill: var(--dl-color-theme-accent1);
  color: var(--dl-color-theme-accent1);
  display: flex;
  font-size: 10px;
  align-self: center;
  font-style: normal;
  align-items: center;
  font-family: "Gilroy-Bold";
  font-weight: 700;
  padding-top: 8px;
  letter-spacing: 2px;
  padding-bottom: 8px;
  text-transform: uppercase;
  justify-content: center;
}

.home-case-container {
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
  align-items: center;
  flex-direction: column;
}

.home-case-max-width {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 2.25rem;
  max-width: 1200px;
  align-items: flex-start;
  border-color: var(--dl-color-theme-secondary1);
  border-style: solid;
  border-width: 2px;
  border-radius: var(--dl-layout-radius-cardradius);
  flex-direction: column;
  background-color: #f4f8fb;
  border-top-width: 0px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.home-top {
  flex: 0 0 auto;
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: space-between;
}

.home-container17 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.home-image16 {
  width: auto;
  object-fit: cover;
}

.home-text14 {
  fill: var(--dl-color-theme-accent1);
  color: var(--dl-color-theme-accent1);
  font-size: 10px;
  font-family: "Gilroy-Bold";
  margin-left: 12px;
  padding-top: 6px;
  border-color: var(--dl-color-theme-secondary1);
  border-width: 2px;
  padding-left: 8px;
  border-radius: 4px;
  padding-right: 8px;
  letter-spacing: 1.5px;
  padding-bottom: 6px;
  text-transform: uppercase;
  background-color: var(--dl-color-theme-primary2);
}

.home-text41 {
  fill: var(--dl-color-theme-accent1);
  color: var(--dl-color-theme-accent1);
  font-size: 10px;
  font-family: "Gilroy-Bold";
  margin-left: 12px;
  padding-top: 6px;
  border-color: var(--dl-color-theme-secondary1);
  border-width: 2px;
  padding-left: 8px;
  border-radius: 4px;
  padding-right: 8px;
  letter-spacing: 1.5px;
  padding-bottom: 6px;
  text-transform: uppercase;
  background-color: #2CB67D;
}

.home-text15 {
  fill: var(--dl-color-theme-accent1);
  color: var(--dl-color-theme-accent1);
  font-size: 10px;
  font-family: "Gilroy-Bold";
  margin-left: 12px;
  padding-top: 6px;
  border-color: var(--dl-color-theme-secondary1);
  border-width: 2px;
  padding-left: 8px;
  border-radius: 4px;
  padding-right: 8px;
  letter-spacing: 1.5px;
  padding-bottom: 6px;
  text-transform: uppercase;
  background-color: rgb(255, 159, 64);
}

.home-container18 {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
}

.home-text16 {
  font-size: 18px;
  font-family: "Gilroy-Medium";
}

.home-text17 {
  font-family: "Gilroy-SemiBold";
}

.home-text19 {
  font-family: "Gilroy-SemiBold";
}

.timeline-sup {
  vertical-align: super;
  /* Ensures superscript behavior */
  font-size: 12px;
}

.home-header {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-self: stretch;
  box-sizing: border-box;
  margin-top: 40px;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}



.card-text {

  text-align: left;
}

.home-text21 {
  fill: var(--dl-color-theme-secondary1);
  color: var(--dl-color-theme-secondary1);
  font-size: 32px;
  text-align: left;
  font-family: "Gilroy-Regular";
  line-height: 1.25;
  display: inline-block;
  white-space: nowrap;
}

.home-text22 {
  fill: var(--dl-color-theme-secondary1);
  color: var(--dl-color-theme-secondary1);
  font-size: 16px;
  margin-top: 8px;
  text-align: left;
  font-family: "Gilroy-Regular";
  line-height: 1.25;
}

.home-container19 {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
}

.home-link4 {
  display: contents;
}

.home-container20 {
  visibility: hidden;
  display: flex;
  box-shadow: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  align-items: center;
  padding-top: 16px;
  border-color: var(--dl-color-theme-secondary2);
  border-width: 2px;
  padding-left: 24px;
  padding-right: 24px;
  flex-direction: row;
  padding-bottom: 16px;
  background-color: var(--dl-color-theme-accent1);
}

.home-container20:hover {
  transform: translate(-4px, -4px);
  box-shadow: 8px 8px 0 #90b4ce;
}

.home-containerblue {
  display: flex;
  box-shadow: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  align-items: center;
  padding-top: 16px;
  border-color: var(--dl-color-theme-secondary1);
  border-width: 2px;
  padding-left: 24px;
  padding-right: 24px;
  flex-direction: row;
  padding-bottom: 16px;
  background-color: var(--dl-color-theme-primary1);
  justify-content: center;
}

.home-containerblue:hover {
  transform: translate(-4px, -4px);
  box-shadow: 8px 8px 0 #90b4ce;
}


.home-button5 {
  fill: var(--dl-color-theme-secondary2);
  color: var(--dl-color-theme-secondary2);
  font-size: 12px;
  font-style: normal;
  font-family: "Gilroy-Bold";
  font-weight: 500;
  padding-right: 8px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
}

.home-buttonblue {
  fill: var(--dl-color-theme-accent1);
  color: var(--dl-color-theme-accent1);
  font-size: 12px;
  font-style: normal;
  font-family: "Gilroy-Bold";
  font-weight: 500;
  padding-right: 8px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
}



.home-image17 {
  width: 16px;
  height: 16px;
  object-fit: cover;
}

.home-results-header1 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  margin-top: 40px;
  align-items: flex-start;
  border-color: var(--dl-color-theme-secondary1);
  border-width: 2px;
  border-radius: var(--dl-layout-radius-cardradius);
  background-color: var(--dl-color-theme-primary1);
  border-bottom-width: 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.home-text23 {
  fill: var(--dl-color-theme-accent2);
  color: var(--dl-color-theme-accent2);
  font-size: 10px;
  font-family: "Gilroy-Bold";
  padding-top: 8px;
  padding-left: 16px;
  padding-right: 16px;
  letter-spacing: 1.5px;
  padding-bottom: 8px;
  text-transform: uppercase;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin: 2px;
}

.home-result1 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 16px;
  padding-right: 32px !important;
  box-sizing: border-box;
  align-items: flex-start;
  border-color: var(--dl-color-theme-secondary1);
  border-style: solid;
  border-width: 2px;
  border-radius: var(--dl-layout-radius-inputradius);
  flex-direction: row;
  background-color: var(--dl-color-theme-accent1);
  border-top-width: 2px;
  border-top-left-radius: 0;
  gap: 16px;
}

.home-container21 {
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.home-image18 {
  object-fit: cover;

}

.home-container22 {
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  overflow: hidden;
  flex: 1;

}

.home-text24 {
  fill: var(--dl-color-theme-secondary1);
  color: var(--dl-color-theme-secondary1);
  font-size: 16px;
  font-family: "Gilroy-Regular";
}

.home-text25 {
  fill: var(--dl-color-theme-secondary1);
  color: var(--dl-color-theme-secondary1);
  width: auto;
  font-size: 14px;
  margin-top: 8px;
}

.home-verticaldivider1 {
  flex: 0 0 auto;
  width: 2px;
  height: 8px;
  display: flex;
  align-items: flex-start;
  margin-left: 30px;
  flex-direction: column;
  background-color: var(--dl-color-theme-secondary1);
}

.home-result2 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 16px;
    padding-right: 32px !important;
  box-sizing: border-box;
  align-items: flex-start;
  border-color: var(--dl-color-theme-secondary1);
  border-style: solid;
  border-width: 2px;
  border-radius: var(--dl-layout-radius-inputradius);
  flex-direction: row;
  background-color: var(--dl-color-theme-accent1);
  border-top-width: 2px;
  border-top-left-radius: 0;
  gap: 16px;
}

.home-container23 {
  flex: 0 0 auto;
  height: auto;
  display: flex;
  align-items: flex-start;
  aspect-ratio: auto;
}

.home-image19 {

  object-fit: cover;

}

.home-container24 {
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  overflow: hidden;
  flex: 1;
}

.home-text26 {
  fill: var(--dl-color-theme-secondary1);
  color: var(--dl-color-theme-secondary1);
  font-size: 16px;
  font-family: "Gilroy-Regular";
}

.home-text27 {
  fill: var(--dl-color-theme-secondary1);
  color: var(--dl-color-theme-secondary1);
  width: auto;
  font-size: 14px;
  margin-top: 8px;
}

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

.home-verticaldivider2 {
  flex: 0 0 auto;
  width: 2px;
  height: 8px;
  display: flex;
  align-items: flex-start;
  margin-left: 30px;
  flex-direction: column;
  background-color: var(--dl-color-theme-secondary1);
}

.home-result3 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  padding: 16px;
    padding-right: 32px !important;
  box-sizing: border-box;
  align-items: flex-start;
  border-color: var(--dl-color-theme-secondary1);
  border-style: solid;
  border-width: 2px;
  border-radius: var(--dl-layout-radius-inputradius);
  flex-direction: row;
  background-color: var(--dl-color-theme-accent1);
  border-top-width: 2px;
  border-top-left-radius: 0;
  gap: 16px;
}

.home-container25 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
}

.home-image20 {

  object-fit: cover;

}

.home-container26 {
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  overflow: hidden;
  flex: 1;
}

.home-text31 {
  fill: var(--dl-color-theme-secondary1);
  color: var(--dl-color-theme-secondary1);
  font-size: 16px;
  font-family: "Gilroy-Regular";
}

.home-text32 {
  fill: var(--dl-color-theme-secondary1);
  color: var(--dl-color-theme-secondary1);
  width: auto;
  font-size: 14px;
  margin-top: 8px;
}

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

.home-text36 {
  font-size: 12px;
  margin-top: 8px;
}

.home-results-header2 {
  margin-top: 40px;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
  border-color: var(--dl-color-theme-secondary1);
  border-width: 2px;
  border-radius: var(--dl-layout-radius-cardradius);
  background-color: #ffcdd7;
  border-bottom-width: 0px;
  border-top-left-radius: var(--dl-layout-radius-cardradius);
  border-top-right-radius: var(--dl-layout-radius-cardradius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 2px;
}

.home-text37 {
  fill: var(--dl-color-theme-accent2);

  flex: 1 0 50%;
  font-size: 10px;
  align-self: center;
  font-family: "Gilroy-Bold";
  padding-top: 8px;
  padding-left: 16px;
  padding-right: 16px;
  letter-spacing: 1.5px;
  padding-bottom: 8px;
  text-transform: uppercase;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.home-text38 {
  flex: 1 0 50%;
  fill: var(--dl-color-theme-secondary1);

  font-size: 10px;
  align-self: center;
  font-family: "Gilroy-Bold";
  padding-top: 8px;
  padding-left: 16px;
  padding-right: 16px;
  letter-spacing: 1.5px;
  padding-bottom: 8px;
  text-transform: uppercase;
  border-top-left-radius: var(--dl-layout-radius-cardradius);
  border-top-right-radius: var(--dl-layout-radius-cardradius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}


.home-image21 {
  width: 100%;
  object-fit: cover;
  border-color: var(--dl-color-theme-secondary1);
  border-width: 2px;
  border-radius: var(--dl-layout-radius-cardradius);
  border-top-left-radius: 0;
  border-top-right-radius: var(--dl-layout-radius-buttonradius);
  border-bottom-left-radius: var(--dl-layout-radius-buttonradius);
  border-bottom-right-radius: var(--dl-layout-radius-buttonradius);
}

.home-container27 {
  gap: 16px;
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  padding: 16px;
  align-self: center;
  margin-top: 24px;
  align-items: flex-start;
  border-color: var(--dl-color-theme-secondary1);
  border-style: solid;
  border-width: 2px;
  border-radius: var(--dl-layout-radius-cardradius);
  background-color: var(--dl-color-theme-accent1);
}

.home-container28 {
  display: flex;
  align-items: flex-start;
  padding-top: 4px;
  padding-left: 4px;
  border-radius: 3px;
  background-color: #f4f8fb;
}


.home-image22 {
  width: 64px;
  object-fit: cover;
  cursor: pointer;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.home-container29 {
  display: flex;
  align-items: flex-start;
  padding-top: 4px;
  padding-left: 4px;
  border-radius: 3px;
  background-color: #f4f8fb;
}

.home-image23 {
  width: 64px;
  object-fit: cover;
  cursor: pointer;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.home-container30 {
  display: flex;
  align-items: flex-start;
  padding-top: 4px;
  padding-left: 4px;
  border-radius: 3px;
  background-color: #f4f8fb;
}

.home-image24 {
  width: 64px;
  object-fit: cover;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.home-container31 {
  display: flex;
  align-items: flex-start;
  padding-top: 4px;
  padding-left: 4px;
  border-radius: 3px;
  background-color: #f4f8fb;
}

.home-image25 {
  width: 64px;
  object-fit: cover;
   border-top-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.first-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

/* Adjusted styles for functionality and animations */
.home-container {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.switch {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.switch-label {
  display: flex;
  position: relative;
  cursor: pointer;

}

.switch-slider {
  position: absolute;
  width: 50%;
  height: 100%;
  background: #ef4565;
  transition: transform 0.3s ease;
  top: 0;
  left: 0;
}

.switch:not(:checked)+.switch-label .switch-slider {
  transform: translateX(100%);
  border-top-right-radius: 5px;
}

.switch:checked+.switch-label .switch-slider {
  transform: translateX(0);
  border-top-left-radius: 5px;
}

.switch:checked+.switch-label .home-text38 {
  color: #094067;
  text-align: center;
}

.switch:checked+.switch-label .home-text37 {
  color: #ffffff;
  z-index: 1;
  text-align: center;
}

.switch:not(:checked)+.switch-label .home-text38 {
  color: #ffffff;
  z-index: 1;
  text-align: center;
}

.switch:not(:checked)+.switch-label .home-text37 {
  color: #094067;
  text-align: center;
}

.home-image-container {
  width: 100%;
  height: auto;
  position: relative;
}

.before-after {
  width: 100%;
  position: relative;
  aspect-ratio: 14 / 9;
}

.before,
.after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: contain;
  transition: opacity 0.3s ease;
}

.before {
  opacity: 1;
}



.home-image22 .home-image23,
.home-image24,
.home-image25 {
  cursor: pointer;
}

.thumbnail.selected {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform: translate(-2px, -2px);
  box-shadow: 4px 4px 0 #90b4ce;
  border-radius: 2px;
}

.home-footer {
  gap: 80px;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  flex-shrink: 0;
  padding-top: 64px;
  padding-left: 0px;
  padding-right: 0px;
  flex-direction: column;
  padding-bottom: 64px;
  justify-content: center;
}

.home-max-width {
  gap: 48px;
  width: 100%;
  display: flex;
  max-width: 1200px;
  align-items: center;
  flex-direction: column;
}

.home-content {
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
  position: relative;
}

.home-text39 {
  fill: var(--dl-color-theme-secondary1);
  color: var(--dl-color-theme-secondary1);
  font-size: 14px;
  font-family: "Gilroy-Medium";
  padding-right: 45px;
}

.home-social-links {
  gap: 16px;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}

.social-media-link {
  height: 24px;
}

.home-image26 {
  object-fit: cover;
}

.home-image26:hover {
  color: var(--dl-color-theme-primary1);
  fill: #3da9fc;
  transition: 0.3s ease;
}

.home-image27 {
  width: auto;
  object-fit: cover;
}

.home-image27:hover {
  color: var(--dl-color-theme-primary1);
  fill: #3da9fc;
  transition: 0.3s ease;
}

.home-image28 {
  width: auto;
  object-fit: cover;
}

.home-image28:hover {
  color: var(--dl-color-theme-primary1);
  fill: #3da9fc;
  transition: 0.3s ease;
}


.about-me-btn {
  display: flex;
  cursor: pointer;

}

.about-me-btn:hover .modal-btn {
  color: var(--dl-color-theme-primary1);
  transition: 0.3s ease;
}

.about-me-btn:hover .home-image11 {
  fill: var(--dl-color-theme-primary1);
  transition: 0.3s ease;
}



.home-emailbutton2 {
  display: flex;
  padding: 0px;
  align-self: center;
  transition: 0.3s;
  align-items: center;
  margin-left: 0px;
  border-width: 0px;
  transition: color 0.3s ease;
  cursor: pointer;
}

.home-emailbutton2:hover {
  color: var(--dl-color-theme-primary1);
  fill: #3da9fc;
  transition: 0.3s ease;
}

.button-container {
  position: relative;
  display: inline-block;
}

.copy-alert {
  position: absolute;
  top: calc(100% - 70px);
  /* Position below the button */

  transform: translateX(+100%);
  /* Remove centering to align right */
  padding: 8px 8px;
  background-color: #3da9fc;
  color: white;
  font-size: 14px;
  font-family: "Gilroy-Medium";
  border-radius: 4px;
  white-space: nowrap;
  opacity: 1;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  visibility: visible;
  border: 2px solid #094067;
  width: fit-content;
}

.copy-alert.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  display: none;
}

.home-image29 {
  object-fit: cover;
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.home-button6 {
  font-family: "Gilroy-Medium";
  padding-top: 0px;
  border-width: 0px;
  padding-left: 4px;
  padding-right: 0px;
  padding-bottom: 0px;
  font-size: 14px;
}

.small-screen-message {
  display: none;
  /* Hidden by default */
  text-align: center;
  padding: 26px;
  color: #094067;
  font-size: 14px;
  height: 100vh;
  /* Full viewport height */
  align-items: center;
  justify-content: center;
  height: 100vh;
  /* Full viewport height */
  flex-direction: column;
}

.viewport-text {
  font-size: 18px;
  padding-bottom: 8px;
}

.home-viewport {
  width: 100%;
  margin-bottom: 16px;
}

.svg-container-tablet{
  display: none;
}

.qf-card-text{
  font-size: 12px;
  font-family: 'Gilroy-Medium';
  margin-left: 4px;
  margin-top: 7px;
  flex-shrink: 0;
}

.qf-image{
  width: 40%;
  flex-shrink: 0;
}

.home-image-container2{
  position: relative;
  width: 100%;
  border-color: var(--dl-color-theme-secondary1);
  border-width: 2px;
  border-radius: var(--dl-layout-radius-cardradius);
  border-top-left-radius: 0;
  border-top-right-radius: var(--dl-layout-radius-buttonradius);
  border-bottom-left-radius: var(--dl-layout-radius-buttonradius);
  border-bottom-right-radius: var(--dl-layout-radius-buttonradius);
    overflow: auto; /* Enable scrolling within the container */
}

.home-image-container2::-webkit-scrollbar {
    width: 6px; /* Chrome/Safari: Slim scrollbar */
    height: 6px;
}

.home-image-container2::-webkit-scrollbar-track {
    background: #F2F4F7; /* Track color */
    border-top-left-radius: 0px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 6px;
}

.home-image-container2::-webkit-scrollbar-thumb {
    background: #90B4CE; /* Thumb color */
    border-top-left-radius: 0px;
    border-top-right-radius: 6px;
     border-bottom-left-radius: 0px;
    border-bottom-right-radius: 6px;
}

.home-image-container2::-webkit-scrollbar-thumb:hover {
    background: #094067; /* Hover color */
}



.before-after2 {
  width: 100%;
  position: relative;
  aspect-ratio: 14 / 9;
  

}

.home-image-last{
  width: 100%;
  object-fit: cover;
 
}

.last-cta{
  margin-top: 64px;
   border-radius: var(--dl-layout-radius-cardradius);
    border-style: solid;
    border-width: 2px;
    padding: 80px;
    position: relative;
        background-image: url('public/cta_bg.png'); /* Set the background image */
  background-size: cover; /* Ensures the image covers the container */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents the image from repeating */
}

.last-cta-bg{
display: block;

    height: auto;
    width: 100%;
    object-fit: cover;


}


.last-cta-header{
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    margin: 0 !important;
    align-self: normal !important;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.last-cta-heading{
  text-align: center;
  color:#ffffff !important;

}
.last-cta-paragraph{
  margin-top: 16px;
  margin-bottom: 32px;
  text-align: center;
  color:#ffffff !important;
}

.last-cta-text{
  text-decoration: line-through;
  font-style: italic;
  opacity: 0.5;
}

.last-cta-button{
  align-items: center;
  justify-content: center;
  margin: 0;
}

.last-cta-button:hover{
 box-shadow: 8px 8px 0 #094067;
}


.last-cta-button-text{
  font-size: 20px;
}

.last-cta-button-svg{
size: 20px;
}

@media(max-width: 1220px){
    .home-container19 {
        margin-top: 24px;
    }

    .bfp-header{
      flex-direction: column;
    }
}





@media (max-width: 1070px) {
  /* Target all <button> elements */
  button:hover {
    background-color: inherit;
    /* Keep the default background */
    color: inherit;
    /* Keep the default text color */
    transform: none;
    /* Disable any transform effects */
    box-shadow: none;
    /* Disable any shadow effects */
    border: inherit;
    /* Keep the default border */
    cursor: default;
    /* Optional: Remove pointer cursor */
  }

  /* Target all <a> elements that might act as buttons */
  a[href]:hover {
    background-color: inherit;
    color: inherit;
    transform: none;
    box-shadow: none;
    border: inherit;
    text-decoration: inherit;
    /* Prevent underline on hover */
    cursor: default;
    /* Optional */
  }

  /* Target any element with common button-like classes */
  [class*="btn"]:hover,
  [class*="button"]:hover {

    color: inherit;
    transform: none;
    box-shadow: none;

    cursor: default;
    /* Optional */
  }

  /* Ensure existing styles are preserved */
  button,
  a[href],
  [class*="btn"],
  [class*="button"] {
    box-sizing: border-box;
    /* Ensure consistent sizing */
  }


  .home-header {
    flex-direction: column;
  }

  .card-text {
    width: 100%;
    
  }

  .home-container19 {
    margin-top: 24px;
  }

  p {
    line-height: 1.25;
  }

  .home-text36 {
    line-height: 1.25;
  }


 #svg-container-desktop{
    display: none;
  }
  .svg-container-tablet{
    display: block;
  }

  .home-text21{
    white-space: normal;
  }

}





@media (max-width: 850px) {
.last-cta-header{
  align-items: center !important;
}

.last-cta{
  padding: 3rem !important; 
}

  .qf-timeline{
    margin-top: 6px;
  }
  
.home-container17 {
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
  }

 .home-text41 {
    margin: 0;
  }

    .home-header {
    margin-top: 16px;
  }

  .home-header {
    flex-direction: column;
    /* Stack cards vertically */
    align-items: stretch;
    /* Ensure cards take full width */
  }

  .card-text {
    width: 100%;
    /* Take full width of parent */
  }

  .home-text21 {
    white-space: normal;
    /* Allow h2 to wrap */

  }

  .home-text12 {
    font-size: 48px;
  }

  .one-time {
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
  }

  .home-text15 {
    margin: 0;
  }


  .one-time-text {
    margin-top: 16px;

  }

  .home-text14 {
    margin-top: 40px;
    margin-bottom: 12px;
    margin-left: 0px;
    margin-right: 0px;
  }

  .home-container18 {
    margin-left: -100px;
  }


  .home-content {
    flex-direction: column-reverse;
    gap: 24px;
  }

  .home-text39 {
    padding: 0;
  }

  .qf-card{
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  .qf-card-text{
    margin-top: 8px;
    margin-bottom: 40px;
    margin-left: 0;
  }

   .qf-card-text-header{
    margin-top: 16px;
   }

.qf-card-tag{
  margin: 0;
}

  .qf-image{
    width: 100%;
  }

  .home-top{
    align-items: flex-start;
  }
}

@media (max-width: 650px) {


  .home-header-buttons {
    width: 100%;
    flex-direction: column;
    gap: 24px;
    align-items: stretch;
    margin: 0;
  }

  .home-container15 {
    margin: 0;
    width: 100%;
    justify-content: center;
  }

  .home-container16 {
    margin: 0;
    width: 100%;
    justify-content: center;
  }

  .home-results-header2 {
    width: 100%;
  }

  .switch-label {
    width: 100%;
  }

  .home-text37 {
    width: 50%;
    display: flex;
    justify-content: center;
  }

  .home-text38 {
    width: 50%;
    display: flex;
    justify-content: center;
  }

  .home-image21 {
    border-top-right-radius: 0px;
  }

 .home-image-container2 {
    border-top-right-radius: 0px;
  }

.home-image-container2::-webkit-scrollbar-thumb {

    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
     border-bottom-left-radius: 0px;
    border-bottom-right-radius: 6px;
}


  .home-text12 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .home-image11 {
    display: none;
  }

  .about-me-btn:hover .modal-btn {
    color: inherit;
  }
}


@media (max-width: 550px) {
  .home-case-max-width {
    padding: 1.75rem;
  }

  .home-image22,
  .home-image23,
  .home-image24,
  .home-image25 {
    width: 48px;
  }

  .home-container27 {
    padding: 12px;
  }

  .home-text12 {
    font-size: 40px;
  }

.home-button3{
  font-size: 20px;
}

.home-button4{
  font-size: 20px;
}

.last-cta-button-svg{
  height: 20px;
  width: 20px;
}



.last-cta{
  padding: 2.25rem !important;
}

}





@media (max-width: 480px) {

  
.qf-card{
  gap: 0 !important;
}


  .home-case-max-width {
    padding: 1.25rem;
  }

  .home-container10 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .home-text12 {
    font-size: 40px;
    padding: 0px;
  }

  .home-button3,
  .home-button4 {
    font-size: 20px;
  }



  .home-container12 {
    margin-left: 8px;
  }

  .home-image10 {
    width: 40px;
    height: 40px;
  }

  .home-text10 {
    font-size: 14px;
  }

  

 

  .home-container19 {
    width: 100%;
    display: block;

  }



  .one-time {
    gap: 0px;
  }

  .home-text14 {
    margin-top: 40px;
    margin-bottom: 12px;
  }

  .home-container18 {
    margin-left: -100px;
  }

  .home-button1 {
    font-size: 14px;
  }

  .svg-container {
    height: 16px;
    width: 16px;
  }
}


.modal-btn-wrapper {
  position: relative;
  display: inline-block;
}


.modal-btn {
  display: flex;
  align-items: center;
  padding: 0px;
  border: none;
  cursor: pointer;
}