/* Figma Styles of your File */
:root {
  /* Colors */
  --linear-left: linear-gradient(
    -86.23deg,
    rgba(255, 179, 124, 1) 0%,
    rgba(235, 124, 58, 1) 100%
  );
  --linear-center: linear-gradient(
    -86.23deg,
    rgba(235, 124, 58, 1) 0%,
    rgba(255, 179, 124, 1) 50%,
    rgba(235, 124, 58, 1) 100%
  );
  --linear-right: linear-gradient(
    232.36deg,
    rgba(235, 124, 58, 1) 0%,
    rgba(255, 179, 124, 1) 100%
  );

  /* Fonts */
  --roboto-regular-h1-font-family: Roboto-Regular, sans-serif;
  --roboto-regular-h1-font-size: 50px;
  --roboto-regular-h1-line-height: 60px;
  --roboto-regular-h1-font-weight: 400;
  --roboto-regular-h1-font-style: normal;
  --roboto-regular-p-font-family: Roboto-Regular, sans-serif;
  --roboto-regular-p-font-size: 16px;
  --roboto-regular-p-line-height: 24px;
  --roboto-regular-p-font-weight: 400;
  --roboto-regular-p-font-style: normal;
  --roboto-regular-14px-font-family: Roboto-Regular, sans-serif;
  --roboto-regular-14px-font-size: 14px;
  --roboto-regular-14px-line-height: 20px;
  --roboto-regular-14px-font-weight: 400;
  --roboto-regular-14px-font-style: normal;
  --roboto-regular-14px-font-family: Roboto-Regular, sans-serif;
  --roboto-regular-14px-font-size: 14px;
  --roboto-regular-14px-line-height: 20px;
  --roboto-regular-14px-font-weight: 400;
  --roboto-regular-14px-font-style: normal;
  --roboto-regular-12px-font-family: Roboto-Regular, sans-serif;
  --roboto-regular-12px-font-size: 12px;
  --roboto-regular-12px-line-height: 16px;
  --roboto-regular-12px-font-weight: 400;
  --roboto-regular-12px-font-style: normal;
  --roboto-medium-h2-font-family: Roboto-Medium, sans-serif;
  --roboto-medium-h2-font-size: 34px;
  --roboto-medium-h2-line-height: 44px;
  --roboto-medium-h2-font-weight: 500;
  --roboto-medium-h2-font-style: normal;
  --roboto-medium-h3-font-family: Poppins-Medium, sans-serif;
  --roboto-medium-h3-font-size: 18px;
  --roboto-medium-h3-line-height: normal;
  --roboto-medium-h3-font-weight: 500;
  --roboto-medium-h3-font-style: normal;
  --roboto-medium-14px-font-family: Roboto-Medium, sans-serif;
  --roboto-medium-14px-font-size: 14px;
  --roboto-medium-14px-line-height: 20px;
  --roboto-medium-14px-font-weight: 500;
  --roboto-medium-14px-font-style: normal;

  /* Effects */
}
/* Figma Color Variables of your File */
:root,
[data-variable-collection-mode="mode-1"] {
  /* mode-1 */
  --orange-orange: #eb7c3a;
  --orange-orange-light: #ffb37c;
  --w-b-white: #ffffff;
  --w-b-black: #010101;
  --gray-gray: #a9acb3;
  --w-b-white-10: rgba(255, 255, 255, 0.1);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  width: 100%;
  overflow-x: hidden;
}
html {
  scroll-behavior: smooth;
}
._1920-w-light,
._1920-w-light * {
  box-sizing: border-box;
}
._1920-w-light {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  overflow-y: visible;
}
.background {
  background: #010101;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  min-height: var(--height-1200, 1200px);
  position: relative;
}
.main {
  padding: 0px 0px 35px 0px;
  display: flex;
  flex-direction: column;
  gap: 100px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.main > .section-main,
.main > .section-about-us,
.main > .section-why-us,
.main > .team-animation,
.main > .section-faq,
.main > .section-contact {
  position: relative;
  z-index: 1;
}
.bg-img {
  /* Background image stays only behind the hero (section-main ~723px tall);
     everything below scrolls onto the black .background. */
  width: 100vw;
  height: 723px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
  object-fit: cover;
  -webkit-mask-image: linear-gradient(to bottom, #000 90%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 90%, transparent 100%);
}
.section-main {
  padding: 0px 0px 22.5px 0px;
  display: flex;
  flex-direction: column;
  gap: 45px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1440px;
  position: relative;
  overflow: hidden;
}
.header {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1440px;
  height: 70px;
  position: relative;
  overflow: hidden;
}
.container {
  padding: 0px 48px 0px 48px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.container2 {
  padding: 18px 0px 18px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.law-logo {
  flex-shrink: 0;
  width: 65.27px;
  height: 36px;
  position: relative;
  overflow: visible;
  aspect-ratio: 65.27/36;
}
.nav {
  display: flex;
  flex-direction: row;
  gap: var(--item-spacing-m, 32px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.nav2 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.nav2 a {
  text-decoration: none;
  color: inherit;
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  padding-bottom: 4px;
}

/* Animated underline base */
.nav2 a.nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    97.81deg,
    rgba(235, 124, 58, 1) 0%,
    rgba(255, 179, 124, 1) 100%
  );
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Active link: gradient text + underline visible */
.nav2 a.div,
.nav2 a.nav-link.active {
  background: linear-gradient(
    97.81deg,
    rgba(235, 124, 58, 1) 0%,
    rgba(255, 179, 124, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
}

.nav2 a.div::after,
.nav2 a.nav-link.active::after {
  transform: scaleX(1);
}

/* Default (inactive) link */
.nav2 a.div2 {
  color: var(--w-b-white, #ffffff);
  -webkit-text-fill-color: var(--w-b-white, #ffffff);
  text-decoration: none;
  background: none;
}

.nav2 a.div2::after {
  transform: scaleX(0);
}

/* Hover: gradient text + underline slides in from left */
.nav2 a.div2:hover {
  background: linear-gradient(
    97.81deg,
    rgba(235, 124, 58, 1) 0%,
    rgba(255, 179, 124, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nav2 a.div2:hover::after {
  transform: scaleX(1);
}

/* Footer nav links */
.nav2 a.div31 {
  color: var(--gray-gray, #a9acb3);
  -webkit-text-fill-color: var(--gray-gray, #a9acb3);
  text-decoration: none;
  background: none;
}

.nav2 a.div31::after {
  transform: scaleX(0);
  height: 1px;
}

.nav2 a.div31:hover {
  background: linear-gradient(
    97.81deg,
    rgba(235, 124, 58, 1) 0%,
    rgba(255, 179, 124, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nav2 a.div31:hover::after {
  transform: scaleX(1);
}
.div {
  background: linear-gradient(
    97.81deg,
    rgba(235, 124, 58, 1) 0%,
    rgba(255, 179, 124, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: var(
    --roboto-regular-14px-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-14px-font-size, 14px);
  line-height: var(--roboto-regular-14px-line-height, 20px);
  font-weight: var(--roboto-regular-14px-font-weight, 400);
  text-decoration: underline;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.div2 {
  color: var(--w-b-white, #ffffff);
  text-align: center;
  font-family: var(
    --roboto-regular-14px-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-14px-font-size, 14px);
  line-height: var(--roboto-regular-14px-line-height, 20px);
  font-weight: var(--roboto-regular-14px-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container3 {
  display: flex;
  flex-direction: row;
  gap: var(--line-height-24, 24px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.language {
  flex-shrink: 0;
  width: 105.06px;
  height: 24px;
  position: relative;
}
.lang {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -1.15px;
  top: 50%;
  translate: 0 -50%;
}
.div3 {
  background: linear-gradient(
    125.6deg,
    rgba(235, 124, 58, 1) 0%,
    rgba(255, 179, 124, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: var(
    --roboto-regular-14px-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-14px-font-size, 14px);
  line-height: var(--roboto-regular-14px-line-height, 20px);
  font-weight: var(--roboto-regular-14px-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container4 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 30.81px;
  top: 50%;
  translate: 0 -50%;
}
.div4 {
  color: var(--gray-gray, #a9acb3);
  text-align: left;
  font-family: var(
    --moonlit-nasturtium-8fdab3netlifyapp-inter-regular-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(
    --moonlit-nasturtium-8fdab3netlifyapp-inter-regular-font-size,
    16px
  );
  line-height: var(
    --moonlit-nasturtium-8fdab3netlifyapp-inter-regular-line-height,
    24px
  );
  font-weight: var(
    --moonlit-nasturtium-8fdab3netlifyapp-inter-regular-font-weight,
    400
  );
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.lang2 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 44.14px;
  top: 50%;
  translate: 0 -50%;
}
.container5 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 75.7px;
  top: 50%;
  translate: 0 -50%;
}
.lang3 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 89.03px;
  top: 50%;
  translate: 0 -50%;
}
.container6 {
  display: flex;
  flex-direction: row;
  gap: var(--item-spacing-12, 12px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.container7 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.svg {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.container8 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
._998-99-020-90-00 {
  color: var(--w-b-white, #ffffff);
  text-align: left;
  font-family: var(
    --roboto-regular-12px-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-12px-font-size, 12px);
  line-height: var(--roboto-regular-12px-line-height, 16px);
  font-weight: var(--roboto-regular-12px-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._998-90-178-72-00 {
  color: var(--w-b-white, #ffffff);
  text-align: left;
  font-family: var(
    --roboto-regular-12px-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-12px-font-size, 12px);
  line-height: var(--roboto-regular-12px-line-height, 16px);
  font-weight: var(--roboto-regular-12px-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container9 {
  padding: 0px 48px 0px 48px;
  display: flex;
  flex-direction: row;
  gap: 105.5px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container10 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 701px;
  position: relative;
}
.hero {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.div5 {
  background: var(
    --linear-left,
    linear-gradient(
      -86.23deg,
      rgba(255, 179, 124, 1) 0%,
      rgba(235, 124, 58, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: var(
    --roboto-regular-h1-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-h1-font-size, 50px);
  line-height: var(--roboto-regular-h1-line-height, 60px);
  font-weight: var(--roboto-regular-h1-font-weight, 400);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div6 {
  color: var(--gray-gray, #a9acb3);
  text-align: left;
  font-family: var(
    --roboto-regular-p-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-p-font-size, 16px);
  line-height: var(--roboto-regular-p-line-height, 24px);
  font-weight: var(--roboto-regular-p-font-weight, 400);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button {
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  border-image: var(
    --linear-left,
    linear-gradient(
      -86.23deg,
      rgba(255, 179, 124, 1) 0%,
      rgba(235, 124, 58, 1) 100%
    )
  );
  border-image-slice: 1;
  padding: 14px 32px 14px 32px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 48px;
  position: relative;
  overflow: hidden;
}
.div7 {
  color: var(--w-b-white, #ffffff);
  text-align: center;
  font-family: var(
    --roboto-medium-14px-font-family,
    "Roboto-Medium",
    sans-serif
  );
  font-size: var(--roboto-medium-14px-font-size, 14px);
  line-height: var(--roboto-medium-14px-line-height, 20px);
  font-weight: var(--roboto-medium-14px-font-weight, 500);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle {
  flex-shrink: 0;
  width: 480px;
  height: 480px;
  position: static;
  aspect-ratio: 1;
}
.ellipse-57 {
  /* Soft warm halo behind the sphere */
  background: radial-gradient(
    circle,
    rgba(235, 124, 58, 0.5) 0%,
    rgba(255, 179, 124, 0.28) 55%,
    rgba(255, 179, 124, 0) 100%
  );
  border-radius: 50%;
  width: 560px;
  height: 560px;
  position: absolute;
  left: 814.5px;
  top: -40px;
  filter: blur(80px);
  aspect-ratio: 1;
}
.ellipse-56 {
  background: linear-gradient(
    232.34deg,
    rgba(235, 124, 58, 1) 0%,
    rgba(1, 1, 1, 1) 100%
  );
  border-radius: 50%;
  width: 480px;
  height: 480px;
  position: absolute;
  left: 854.5px;
  top: 0px;
  aspect-ratio: 1;
}
.law-1 {
  /* Brand logo centered inside the orange circle (ellipse-56 center: 1094.5, 240) */
  width: 350px;
  height: 191px;
  position: absolute;
  left: 919.5px;
  top: 144.5px;
  object-fit: contain;
  z-index: 1;
  filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.3));
}
.advantage,
.advantage2,
.advantage3 {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10000px;
  padding: 0px 24px 0px 24px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 48px;
  position: absolute;
  overflow: hidden;
  z-index: 2;
}
.advantage {
  left: 780px;
  top: 69px;
}
.advantage2 {
  left: 1135px;
  top: 345px;
}
.advantage3 {
  left: 1178px;
  top: 425px;
}
.ellipse-58 {
  background: var(--w-b-white, #ffffff);
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  position: relative;
  aspect-ratio: 1;
}
._15 {
  color: var(--w-b-white, #ffffff);
  text-align: center;
  font-family: var(
    --roboto-regular-12px-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-12px-font-size, 12px);
  line-height: var(--roboto-regular-12px-line-height, 16px);
  font-weight: var(--roboto-regular-12px-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mouse {
  border-radius: 100px;
  border-width: 2px;
  border-style: solid;
  border-image: var(
    --linear-center,
    linear-gradient(
      -86.23deg,
      rgba(235, 124, 58, 1) 0%,
      rgba(255, 179, 124, 1) 50%,
      rgba(235, 124, 58, 1) 100%
    )
  );
  border-image-slice: 1;
  padding: 10px 0px 15px 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 39px;
  height: 60px;
  position: relative;
  overflow: hidden;
}
.ellipse-209 {
  background: linear-gradient(
    -74.25deg,
    rgba(235, 124, 58, 1) 0%,
    rgba(255, 179, 124, 1) 50%,
    rgba(235, 124, 58, 1) 100%
  );
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  position: relative;
}
.section-about-us {
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 100%;
  max-width: 1440px;
  padding: 0px 48px;
  margin: 0 auto;
  position: relative;
}
.ellipse {
  background: linear-gradient(
    240deg,
    rgba(235, 124, 58, 0.48) 0%,
    rgba(255, 179, 124, 0.48) 100%
  );
  border-radius: 50%;
  flex-shrink: 0;
  width: 420px;
  height: 420px;
  position: absolute;
  left: 211px;
  top: 4px;
  filter: blur(85px);
  aspect-ratio: 1;
}
.directions-container {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  flex-shrink: 0;
  width: 745px;
  position: relative;
  overflow: hidden;
}
.direction {
  border-radius: 10px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 364px;
  height: 206px;
  position: relative;
  overflow: hidden;
}
.title {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-1000005511 {
  background: rgba(235, 124, 58, 0.24);
  border-radius: 35px;
  padding: 14px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._028-briefcase {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
}
.group {
  width: 100%;
  height: 88.93%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 5.53%;
  top: 5.53%;
  overflow: visible;
}
.div8 {
  color: var(--w-b-white, #ffffff);
  text-align: center;
  font-family: var(
    --roboto-medium-h3-font-family,
    "Poppins-Medium",
    sans-serif
  );
  font-size: var(--roboto-medium-h3-font-size, 18px);
  font-weight: var(--roboto-medium-h3-font-weight, 500);
  position: relative;
}
.div9 {
  color: var(--gray-gray, #a9acb3);
  text-align: center;
  font-family: var(
    --roboto-regular-p-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-p-font-size, 16px);
  line-height: var(--roboto-regular-p-line-height, 24px);
  font-weight: var(--roboto-regular-p-font-weight, 400);
  position: relative;
  align-self: stretch;
}
._001-writing {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
}
.group2 {
  width: 89.35%;
  height: 100%;
  position: absolute;
  right: 5.32%;
  left: 5.32%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
._033-justice {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  aspect-ratio: 1;
}
.group3 {
  width: 100%;
  height: 96.42%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 1.79%;
  top: 1.79%;
  overflow: visible;
}
._034-property {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
}
.group4 {
  width: 97.79%;
  height: 100%;
  position: absolute;
  right: 1.11%;
  left: 1.11%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.about-us {
  display: flex;
  flex-direction: column;
  gap: var(--line-height-24, 24px);
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.heading-2 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.div10 {
  background: var(
    --linear-right,
    linear-gradient(
      232.36deg,
      rgba(235, 124, 58, 1) 0%,
      rgba(255, 179, 124, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: var(--roboto-medium-h2-font-family, "Roboto-Medium", sans-serif);
  font-size: var(--roboto-medium-h2-font-size, 34px);
  line-height: var(--roboto-medium-h2-line-height, 44px);
  font-weight: var(--roboto-medium-h2-font-weight, 500);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container11 {
  display: flex;
  flex-direction: column;
  gap: var(--font-size-16, 16px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.legal-house {
  color: var(--gray-gray, #a9acb3);
  text-align: left;
  font-family: var(
    --roboto-regular-p-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-p-font-size, 16px);
  line-height: var(--roboto-regular-p-line-height, 24px);
  font-weight: var(--roboto-regular-p-font-weight, 400);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.section-why-us {
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 100%;
  max-width: 1440px;
  padding: 0px 48px;
  margin: 0 auto;
  position: relative;
}
.div11 {
  background: var(
    --linear-left,
    linear-gradient(
      -86.23deg,
      rgba(255, 179, 124, 1) 0%,
      rgba(235, 124, 58, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: var(--roboto-medium-h2-font-family, "Roboto-Medium", sans-serif);
  font-size: var(--roboto-medium-h2-font-size, 34px);
  line-height: var(--roboto-medium-h2-line-height, 44px);
  font-weight: var(--roboto-medium-h2-font-weight, 500);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.directions-container2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 745px;
  position: relative;
  overflow: hidden;
}
.direction2 {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 24px;
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 615px;
  position: relative;
  overflow: hidden;
}
.numeration {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10000px;
  border-style: solid;
  border-color: var(--w-b-white, #ffffff);
  border-width: 0.5px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 87px;
  height: 87px;
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(50px);
}
.i {
  color: var(--w-b-white, #ffffff);
  text-align: center;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 42px;
  font-weight: 400;
  position: relative;
}
.about-dt {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  position: relative;
}
.div12 {
  color: var(--gray-gray, #a9acb3);
  text-align: left;
  font-family: var(
    --roboto-regular-p-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-p-font-size, 16px);
  line-height: var(--roboto-regular-p-line-height, 24px);
  font-weight: var(--roboto-regular-p-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.direction-center {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.ii {
  color: var(--w-b-white, #ffffff);
  text-align: center;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 42px;
  font-weight: 400;
  position: relative;
}
.direction-right {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.iii {
  color: var(--w-b-white, #ffffff);
  text-align: center;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 42px;
  font-weight: 400;
  position: relative;
}
.ellipse2 {
  background: rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  flex-shrink: 0;
  width: 350px;
  height: 350px;
  position: absolute;
  left: 994px;
  top: 43.5px;
  filter: blur(75px);
  aspect-ratio: 1;
}
.team-animation {
  padding: 0px 48px 0px 48px;
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
.lawyers-brd-black-version {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 613px;
  height: 440px;
  position: relative;
}
.corouselation {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 35px;
  position: relative;
  overflow: hidden;
}
.next-before {
  background: linear-gradient(
    -86.23deg,
    rgba(255, 179, 124, 0.1) 0%,
    rgba(235, 124, 58, 0.1) 100%
  );
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 35px;
  height: 35px;
  position: relative;
  overflow: hidden;
}
.arrow-up {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.numbers {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.before {
  background: linear-gradient(
    -86.23deg,
    rgba(255, 179, 124, 0.1) 0%,
    rgba(235, 124, 58, 0.1) 100%
  );
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 35px;
  height: 35px;
  position: relative;
  overflow: hidden;
}
._1 {
  background: var(
    --linear-left,
    linear-gradient(
      -86.23deg,
      rgba(255, 179, 124, 1) 0%,
      rgba(235, 124, 58, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: var(
    --roboto-regular-p-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-p-font-size, 16px);
  line-height: var(--roboto-regular-p-line-height, 24px);
  font-weight: var(--roboto-regular-p-font-weight, 400);
  position: relative;
}
.before2 {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 35px;
  height: 35px;
  position: relative;
  overflow: hidden;
}
._12 {
  color: var(--w-b-white, #ffffff);
  text-align: center;
  font-family: var(
    --roboto-regular-p-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-p-font-size, 16px);
  line-height: var(--roboto-regular-p-line-height, 24px);
  font-weight: var(--roboto-regular-p-font-weight, 400);
  position: relative;
}
.dots {
  flex-shrink: 0;
  width: 14.25px;
  height: 2.25px;
  position: relative;
  overflow: visible;
  aspect-ratio: 14.25/2.25;
}
._13 {
  color: #ffffff;
  text-align: center;
  font-family: var(
    --roboto-regular-p-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-p-font-size, 16px);
  line-height: var(--roboto-regular-p-line-height, 24px);
  font-weight: var(--roboto-regular-p-font-weight, 400);
  position: relative;
}
.arrow-down {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.lawyers-carousel {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.lawyer {
  background: linear-gradient(
    -86.23deg,
    rgba(255, 179, 124, 0.1) 0%,
    rgba(235, 124, 58, 0.1) 100%
  );
  border-radius: 10px;
  padding: 12px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 562px;
  height: 136px;
  position: relative;
  overflow: hidden;
}
.photo-2025-10-23-21-19-55-2 {
  border-radius: 8px;
  align-self: stretch;
  flex-shrink: 0;
  width: 94.05px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 94.05/112;
}
.about {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.fullname-who {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.div13 {
  background: var(
    --linear-left,
    linear-gradient(
      -86.23deg,
      rgba(255, 179, 124, 1) 0%,
      rgba(235, 124, 58, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: var(
    --roboto-medium-h3-font-family,
    "Poppins-Medium",
    sans-serif
  );
  font-size: var(--roboto-medium-h3-font-size, 18px);
  font-weight: var(--roboto-medium-h3-font-weight, 500);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.who {
  background: linear-gradient(
    -86.23deg,
    rgba(255, 179, 124, 0.1) 0%,
    rgba(235, 124, 58, 0.1) 100%
  );
  border-radius: 8px;
  padding: 4px 8px 4px 8px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.div14 {
  background: var(
    --linear-left,
    linear-gradient(
      -86.23deg,
      rgba(255, 179, 124, 1) 0%,
      rgba(235, 124, 58, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: var(
    --roboto-regular-14px-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-14px-font-size, 14px);
  line-height: var(--roboto-regular-14px-line-height, 20px);
  font-weight: var(--roboto-regular-14px-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div15 {
  color: var(--gray-gray, #a9acb3);
  text-align: left;
  font-family: var(
    --roboto-regular-p-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-p-font-size, 16px);
  line-height: var(--roboto-regular-p-line-height, 24px);
  font-weight: var(--roboto-regular-p-font-weight, 400);
  position: relative;
  align-self: stretch;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-overflow: ellipsis;
  overflow: hidden;
}
.lawyer2 {
  background: var(--w-b-white-10, rgba(255, 255, 255, 0.1));
  border-radius: 10px;
  padding: 12px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 562px;
  height: 136px;
  position: relative;
  overflow: hidden;
}
.div16 {
  color: var(--w-b-white, #ffffff);
  text-align: left;
  font-family: var(
    --roboto-medium-h3-font-family,
    "Poppins-Medium",
    sans-serif
  );
  font-size: var(--roboto-medium-h3-font-size, 18px);
  font-weight: var(--roboto-medium-h3-font-weight, 500);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.who2 {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 4px 8px 4px 8px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.div17 {
  color: #ffffff;
  text-align: left;
  font-family: var(
    --roboto-regular-14px-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-14px-font-size, 14px);
  line-height: var(--roboto-regular-14px-line-height, 20px);
  font-weight: var(--roboto-regular-14px-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div18 {
  color: var(--undefined, #ffffff);
  text-align: left;
  font-family: "Poppins-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.about2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.div19 {
  background: linear-gradient(
    232.36deg,
    rgba(235, 124, 58, 1) 0%,
    rgba(255, 179, 124, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 34px;
  line-height: 44px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tapbar {
  background: var(--w-b-white-10, rgba(255, 255, 255, 0.1));
  border-radius: 14px;
  padding: 3px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 36px;
  position: relative;
  overflow: hidden;
}
.tap-bar {
  background: linear-gradient(
    232.36deg,
    rgba(235, 124, 58, 0.25) 0%,
    rgba(255, 179, 124, 0.25) 100%
  );
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 169.25px;
  height: 30px;
  position: relative;
  overflow: hidden;
}
.div20 {
  color: var(--w-b-white, #ffffff);
  text-align: left;
  font-family: var(
    --roboto-medium-14px-font-family,
    "Roboto-Medium",
    sans-serif
  );
  font-size: var(--roboto-medium-14px-font-size, 14px);
  line-height: var(--roboto-medium-14px-line-height, 20px);
  font-weight: var(--roboto-medium-14px-font-weight, 500);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tap-bar2 {
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 169.25px;
  height: 30px;
  position: relative;
  overflow: hidden;
}
.div21 {
  color: var(--gray-gray, #a9acb3);
  text-align: left;
  font-family: var(
    --roboto-medium-14px-font-family,
    "Roboto-Medium",
    sans-serif
  );
  font-size: var(--roboto-medium-14px-font-size, 14px);
  line-height: var(--roboto-medium-14px-line-height, 20px);
  font-weight: var(--roboto-medium-14px-font-weight, 500);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tap-bar3 {
  background: linear-gradient(
    232.36deg,
    rgba(235, 124, 58, 0.05) 0%,
    rgba(255, 179, 124, 0.05) 100%
  );
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 169.25px;
  height: 30px;
  position: relative;
  overflow: hidden;
}
.article {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.section-faq {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container12 {
  padding: 0px 48px 0px 48px;
  display: flex;
  flex-direction: column;
  gap: var(--item-spacing-l, 48px);
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: var(--width-1440, 1440px);
  position: relative;
}
.container13 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.div22 {
  background: var(
    --linear-center,
    linear-gradient(
      -86.23deg,
      rgba(235, 124, 58, 1) 0%,
      rgba(255, 179, 124, 1) 50%,
      rgba(235, 124, 58, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: var(--roboto-medium-h2-font-family, "Roboto-Medium", sans-serif);
  font-size: var(--roboto-medium-h2-font-size, 34px);
  line-height: var(--roboto-medium-h2-line-height, 44px);
  font-weight: var(--roboto-medium-h2-font-weight, 500);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.div23 {
  color: var(--gray-gray, #a9acb3);
  text-align: center;
  font-family: var(
    --roboto-regular-p-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-p-font-size, 16px);
  line-height: var(--roboto-regular-p-line-height, 24px);
  font-weight: var(--roboto-regular-p-font-weight, 400);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.faq-question {
  display: flex;
  flex-direction: column;
  gap: var(--font-size-16, 16px);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.faq-card {
  background: linear-gradient(
    -86.23deg,
    rgba(255, 179, 124, 0.1) 0%,
    rgba(235, 124, 58, 0.1) 100%
  );
  border-radius: 10px;
  padding: 16px 24px 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.heading-3-button {
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  gap: var(--font-size-16, 16px);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container14 {
  display: flex;
  flex-direction: row;
  gap: var(--item-spacing-12, 12px);
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.svg2 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.svg3 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.tavsifi {
  padding: 0px 0px 0px 36px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.div24 {
  color: var(--gray-gray, #a9acb3);
  text-align: left;
  font-family: var(--font-family-font-3, "Roboto-Regular", sans-serif);
  font-size: var(--font-size-14, 14px);
  line-height: var(--opacity-20, 20px);
  font-weight: var(--font-weight-400, 400);
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.svg4 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.div25 {
  color: #ffffff;
  text-align: left;
  font-family: var(
    --roboto-medium-h3-font-family,
    "Poppins-Medium",
    sans-serif
  );
  font-size: var(--roboto-medium-h3-font-size, 18px);
  font-weight: var(--roboto-medium-h3-font-weight, 500);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.svg5 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.faq-card2 {
  background: var(--w-b-white-10, rgba(255, 255, 255, 0.1));
  border-radius: 10px;
  padding: 16px 24px 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.svg6 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.svg7 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.svg8 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.svg9 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.svg10 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.svg11 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.svg12 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.svg13 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.svg14 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.svg15 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.svg16 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.svg17 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.section-contact {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container15 {
  padding: 0px 48px 0px 48px;
  display: flex;
  flex-direction: column;
  gap: var(--item-spacing-l, 48px);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.heading-22 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container16 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.div26 {
  color: var(--gray-gray, #a9acb3);
  text-align: center;
  font-family: var(
    --roboto-regular-p-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-p-font-size, 16px);
  line-height: var(--roboto-regular-p-line-height, 24px);
  font-weight: var(--roboto-regular-p-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container17 {
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.ellipse-572 {
  display: none;
}
.form {
  background: linear-gradient(
    -86.23deg,
    rgba(255, 179, 124, 0.1) 0%,
    rgba(235, 124, 58, 0.1) 100%
  );
  border-radius: 10px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 692px;
  position: relative;
}
.container18 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: stretch;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.input {
  background: linear-gradient(
    -86.23deg,
    rgba(255, 179, 124, 0.1) 0%,
    rgba(235, 124, 58, 0.1) 100%
  );
  border-radius: 8px;
  padding: 0px 14px 0px 14px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  height: 44px;
  position: relative;
  overflow: hidden;
}
.input2 {
  background: linear-gradient(
    -86.23deg,
    rgba(255, 179, 124, 0.1) 0%,
    rgba(235, 124, 58, 0.1) 100%
  );
  border-radius: 8px;
  padding: 0px 14px 0px 14px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  height: 44px;
  position: relative;
  overflow: hidden;
}
.container19 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.input2 {
  background: linear-gradient(
    -86.23deg,
    rgba(255, 179, 124, 0.1) 0%,
    rgba(235, 124, 58, 0.1) 100%
  );
  border-radius: 8px;
  padding: 0px 14px 0px 14px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 44px;
  position: relative;
  overflow: hidden;
}
.container20 {
  display: flex;
  flex-direction: row;
  gap: var(--font-size-16, 16px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.input3 {
  background: linear-gradient(
    -86.23deg,
    rgba(255, 179, 124, 0.1) 0%,
    rgba(235, 124, 58, 0.1) 100%
  );
  border-radius: 8px;
  padding: 0px 14px 0px 14px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  height: 44px;
  position: relative;
  overflow: hidden;
}
.label-email {
  color: var(--gray-gray, #a9acb3);
  text-align: left;
  font-family: var(
    --roboto-regular-p-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-p-font-size, 16px);
  line-height: var(--roboto-regular-p-line-height, 24px);
  font-weight: var(--roboto-regular-p-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.combobox {
  background: linear-gradient(
    -86.23deg,
    rgba(255, 179, 124, 0.1) 0%,
    rgba(235, 124, 58, 0.1) 100%
  );
  border-radius: 8px;
  padding: 0px 14px 0px 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  height: 44px;
  position: relative;
}
.div27 {
  color: var(--w-b-white, #ffffff);
  text-align: center;
  font-family: var(
    --roboto-regular-p-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-p-font-size, 16px);
  line-height: var(--roboto-regular-p-line-height, 24px);
  font-weight: var(--roboto-regular-p-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.svg18 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.textarea {
  background: linear-gradient(
    -86.23deg,
    rgba(255, 179, 124, 0.1) 0%,
    rgba(235, 124, 58, 0.1) 100%
  );
  border-radius: 8px;
  padding: 8px 14px 8px 14px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  min-height: var(--height-64, 64px);
  position: relative;
  overflow: auto;
}
.for-true {
  background: var(
    --linear-left,
    linear-gradient(
      -86.23deg,
      rgba(255, 179, 124, 1) 0%,
      rgba(235, 124, 58, 1) 100%
    )
  );
  border-radius: 8px;
  padding: 8px 16px 8px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.combobox2 {
  background: var(--w-b-white-10, rgba(255, 255, 255, 0.1));
  border-radius: 8px;
  padding: 4px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 314px;
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
}
.option {
  border-radius: 5px;
  padding: 6px 10px 6px 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 306px;
  position: relative;
}
.container21 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.option2 {
  background: var(--w-b-white-10, rgba(255, 255, 255, 0.1));
  border-radius: 5px;
  padding: 6px 10px 6px 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 306px;
  position: relative;
}
.container22 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-end;
  justify-content: center;
  flex-shrink: 0;
  width: 604px;
  height: 450px;
  position: relative;
}
.ellipse-573 {
  display: none;
}
.background-shadow {
  background: linear-gradient(322.36deg, #EB7C3A 0.06%, #FFB37C 99.94%);
  border-radius: 50%;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: var(--font-size-16, 16px);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 366px;
  height: 366px;
  position: relative;
  overflow: hidden;
}
.svg19 {
  flex-shrink: 0;
  width: 55px;
  height: 55px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.container23 {
  display: flex;
  flex-direction: column;
  gap: var(--item-spacing-xxs, 4px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
._100115-2-2-306 {
  color: var(--w-b-white, #ffffff);
  text-align: center;
  font-family: var(
    --roboto-medium-h3-font-family,
    "Poppins-Medium",
    sans-serif
  );
  font-size: var(--roboto-medium-h3-font-size, 18px);
  font-weight: var(--roboto-medium-h3-font-weight, 500);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact {
  background: var(--w-b-white-10, rgba(255, 255, 255, 0.1));
  border-radius: 10000px;
  padding: 0px 24px 0px 24px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 48px;
  position: absolute;
  left: 141px;
  top: 42px;
  overflow: hidden;
}
.tel {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
._9-00-18-00 {
  color: var(--w-b-white, #ffffff);
  text-align: center;
  font-family: var(
    --roboto-regular-12px-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-12px-font-size, 12px);
  line-height: var(--roboto-regular-12px-line-height, 16px);
  font-weight: var(--roboto-regular-12px-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vector {
  flex-shrink: 0;
  width: 14px;
  height: 0px;
  position: relative;
  overflow: visible;
}
._13-00-14-00 {
  color: var(--w-b-white, #ffffff);
  text-align: center;
  font-family: var(
    --roboto-regular-12px-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-12px-font-size, 12px);
  line-height: var(--roboto-regular-12px-line-height, 16px);
  font-weight: var(--roboto-regular-12px-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact2 {
  background: var(--w-b-white-10, rgba(255, 255, 255, 0.1));
  border-radius: 10000px;
  padding: 0px 24px 0px 24px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 48px;
  position: absolute;
  left: 66px;
  top: 108px;
  overflow: hidden;
}
.email {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.vector2 {
  flex-shrink: 0;
  width: 14px;
  height: 0px;
  position: relative;
  overflow: visible;
}
.contact3 {
  background: var(--w-b-white-10, rgba(255, 255, 255, 0.1));
  border-radius: 10000px;
  padding: 0px 24px 0px 24px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 48px;
  position: absolute;
  left: 235px;
  top: 360px;
  overflow: hidden;
}
.time {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.div28 {
  color: var(--w-b-white, #ffffff);
  text-align: center;
  font-family: var(
    --roboto-regular-12px-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-12px-font-size, 12px);
  line-height: var(--roboto-regular-12px-line-height, 16px);
  font-weight: var(--roboto-regular-12px-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vector3 {
  flex-shrink: 0;
  width: 14px;
  height: 0px;
  position: relative;
  overflow: visible;
}
.page {
  flex-shrink: 0;
  width: 50px;
  height: 4px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 700px;
}
.page2 {
  flex-shrink: 0;
  width: 50px;
  height: 4px;
  position: absolute;
  left: 695px;
  top: 1276px;
}
.page3 {
  flex-shrink: 0;
  width: 50px;
  height: 4px;
  position: absolute;
  left: 695px;
  top: 1885px;
}
.page4 {
  flex-shrink: 0;
  width: 50px;
  height: 4px;
  position: absolute;
  left: 695px;
  top: 2425px;
}
.page5 {
  flex-shrink: 0;
  width: 50px;
  height: 4px;
  position: absolute;
  left: 695px;
  top: 3291px;
}
.footer {
  background: var(--w-b-black, #010101);
  align-self: stretch;
  flex-shrink: 0;
  height: 453px;
  position: relative;
  z-index: 1;
}
.container24 {
  display: flex;
  flex-direction: row;
  gap: var(--item-spacing-l, 48px);
  align-items: flex-start;
  justify-content: center;
  width: 1344px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 64px;
}
.container25 {
  padding: 0px 48px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: var(--font-size-16, 16px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.legal-house2 {
  color: var(--w-b-white, #ffffff);
  text-align: left;
  font-family: var(
    --roboto-medium-h3-font-family,
    "Poppins-Medium",
    sans-serif
  );
  font-size: var(--roboto-medium-h3-font-size, 18px);
  font-weight: var(--roboto-medium-h3-font-weight, 500);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div29 {
  color: var(--gray-gray, #a9acb3);
  text-align: left;
  font-family: var(
    --roboto-regular-14px-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-14px-font-size, 14px);
  line-height: var(--roboto-regular-14px-line-height, 20px);
  font-weight: var(--roboto-regular-14px-font-weight, 400);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container26 {
  padding: 6px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.link {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 33554400px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
}
.svg20 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.link2 {
  background: linear-gradient(
    -86.23deg,
    rgba(255, 179, 124, 0.1) 0%,
    rgba(235, 124, 58, 0.1) 100%
  );
  border-radius: 33554400px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
}
.svg21 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.svg22 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.heading-4 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.div30 {
  color: var(--w-b-white, #ffffff);
  text-align: left;
  font-family: var(
    --roboto-medium-h3-font-family,
    "Poppins-Medium",
    sans-serif
  );
  font-size: var(--roboto-medium-h3-font-size, 18px);
  font-weight: var(--roboto-medium-h3-font-weight, 500);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.list {
  display: flex;
  flex-direction: column;
  gap: var(--item-spacing-xs, 8px);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.div31 {
  color: var(--gray-gray, #a9acb3);
  text-align: center;
  font-family: var(
    --roboto-regular-14px-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-14px-font-size, 14px);
  line-height: var(--roboto-regular-14px-line-height, 20px);
  font-weight: var(--roboto-regular-14px-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.heading-42 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.item {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._100115-2-2-3062 {
  color: var(--gray-gray, #a9acb3);
  text-align: left;
  font-family: var(
    --roboto-regular-14px-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-14px-font-size, 14px);
  line-height: var(--roboto-regular-14px-line-height, 20px);
  font-weight: var(--roboto-regular-14px-font-weight, 400);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.link-998-99-020-90-00 {
  color: var(--gray-gray, #a9acb3);
  text-align: left;
  font-family: var(
    --roboto-regular-14px-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-14px-font-size, 14px);
  line-height: var(--roboto-regular-14px-line-height, 20px);
  font-weight: var(--roboto-regular-14px-font-weight, 400);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.link-998-90-178-72-00 {
  color: var(--gray-gray, #a9acb3);
  text-align: left;
  font-family: var(
    --roboto-regular-14px-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-14px-font-size, 14px);
  line-height: var(--roboto-regular-14px-line-height, 20px);
  font-weight: var(--roboto-regular-14px-font-weight, 400);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.link-info-legalhouse-uz {
  color: var(--gray-gray, #a9acb3);
  text-align: left;
  font-family: var(
    --roboto-regular-14px-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-14px-font-size, 14px);
  line-height: var(--roboto-regular-14px-line-height, 20px);
  font-weight: var(--roboto-regular-14px-font-weight, 400);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.item2 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 195px;
  position: relative;
}
.form2 {
  display: flex;
  flex-direction: column;
  gap: var(--item-spacing-12, 12px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.input4 {
  background: linear-gradient(
    -86.23deg,
    rgba(255, 179, 124, 0.1) 0%,
    rgba(235, 124, 58, 0.1) 100%
  );
  border-radius: 8px;
  align-self: stretch;
  flex-shrink: 0;
  height: 44px;
  position: relative;
  overflow: hidden;
}
.email2 {
  color: var(--gray-gray, #a9acb3);
  text-align: left;
  font-family: var(
    --roboto-regular-14px-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-14px-font-size, 14px);
  line-height: var(--roboto-regular-14px-line-height, 20px);
  font-weight: var(--roboto-regular-14px-font-weight, 400);
  position: absolute;
  left: 14px;
  top: 11px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.for-true2 {
  background: var(
    --linear-right,
    linear-gradient(
      232.36deg,
      rgba(235, 124, 58, 1) 0%,
      rgba(255, 179, 124, 1) 100%
    )
  );
  border-radius: 8px;
  padding: 8px 16px 8px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.horizontal-divider {
  background: var(--w-b-white-10, rgba(255, 255, 255, 0.1));
  height: 1px;
  position: absolute;
  right: 0px;
  left: 0px;
  top: 384px;
}
.container27 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  right: 288px;
  left: 288px;
  top: 407px;
}
._2025-legal-house-negative-uz {
  color: var(--gray-gray, #a9acb3);
  text-align: center;
  font-family: var(
    --roboto-regular-p-font-family,
    "Roboto-Regular",
    sans-serif
  );
  font-size: var(--roboto-regular-p-font-size, 16px);
  line-height: var(--roboto-regular-p-line-height, 24px);
  font-weight: var(--roboto-regular-p-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.up-down {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  height: 60px;
  position: absolute;
  right: 64px;
  top: -4px;
}
.button2 {
  background: linear-gradient(
    -79.87deg,
    rgba(255, 179, 124, 1) 0%,
    rgba(235, 124, 58, 1) 100%
  );
  border-radius: 33554400px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  position: relative;
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1),
    0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  aspect-ratio: 1;
  text-decoration: none;
  cursor: pointer;
}
.svg23 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
a.button {
  text-decoration: none;
  cursor: pointer;
}
[id^="section-"] {
  scroll-margin-top: 70px;
}