.cxggsgvra04-1-icon2 {
  align-self: stretch;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.cxggsgvra04-1-frame {
  height: 84px;
  width: 299px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-mini) var(--padding-3xl) 0 0;
  box-sizing: border-box;
}
.div188,
.div189 {
  position: relative;
}
.div189 {
  line-height: 30px;
}
.menu-bar1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-smi);
}
.legalsolutionsmailru16 {
  position: relative;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}
.legalsolutionsmailru-wrapper7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-3xl) 0 0;
  box-sizing: border-box;
  max-width: 100%;
}
.frame-child34 {
  height: 60px;
  width: 200px;
  position: relative;
  border-radius: var(--br-24xl);
  background-color: var(--color-gainsboro);
  display: none;
}
.div190 {
  position: relative;
  font-size: var(--font-size-16xl);
  font-family: var(--font-inter);
  color: var(--color-black);
  text-align: left;
  display: inline-block;
  min-width: 103px;
  z-index: 1;
}
.enter-button,
.rectangle-parent12 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.rectangle-parent12 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-4xs) var(--padding-29xl);
  background-color: var(--color-gainsboro);
  border-radius: var(--br-24xl);
  flex-direction: row;
}
.rectangle-parent12:hover {
  background-color: var(--color-silver-200);
}
.enter-button {
  flex-direction: column;
  padding: var(--padding-smi) 0 0;
}
.login-input,
.password-input {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}
.password-input {
  width: 1680px;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.login-input {
  align-self: stretch;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
}
.child25 {
  height: 62px;
  width: 1920px;
  position: relative;
  background-color: var(--color-black);
  display: none;
  max-width: 100%;
}
.div191 {
  align-self: stretch;
  height: 41px;
  position: relative;
  line-height: 67px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  z-index: 1;
}
.advo-cates-and-lawyers {
  width: 180px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xs) 0 0;
  box-sizing: border-box;
}
.div192 {
  align-self: stretch;
  height: 41px;
  position: relative;
  line-height: 67px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  z-index: 1;
}
.advo-cates-and-lawyers1 {
  width: 154px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xs) 0 0;
  box-sizing: border-box;
}
.div193,
.div194,
.div195 {
  position: relative;
  line-height: 41px;
  z-index: 1;
}
.div193 {
  width: 100px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
}
.div194,
.div195 {
  flex: 1;
}
.div195 {
  z-index: 2;
  margin-left: -169px;
}
.parent28 {
  width: 169px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.login-input-parent,
.nav5 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-16xl);
}
.nav5 {
  margin: 0;
  background-color: var(--color-black);
  flex-direction: row;
  justify-content: space-between;
  padding: var(--padding-2xs) var(--padding-116xl) var(--padding-3xs)
    var(--padding-101xl);
  box-sizing: border-box;
  gap: var(--gap-xl);
  color: var(--color-white);
  font-family: var(--font-amaranth);
}
.login-input-parent {
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-8xl);
  color: var(--color-black);
  font-family: var(--font-inter);
}
.child26 {
  width: 1310px;
  height: 600px;
  position: relative;
  border-radius: var(--br-11xl);
  background-color: var(--color-gainsboro);
  display: none;
  max-width: 100%;
}
.div197 {
  position: relative;
  display: inline-block;
  min-width: 95px;
  z-index: 1;
}
.wrapper59 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl) 0 var(--padding-3xl);
}
.div198,
.rectangle-input {
  position: relative;
  z-index: 1;
}
.div198 {
  font-size: var(--font-size-3xs);
}
.rectangle-input {
  border: 0;
  outline: 0;
  background-color: var(--color-white);
  height: 46px;
  flex: 1;
  min-width: 181px;
}
.input-fields-container,
.input-fields-container-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.input-fields-container-inner {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-9xl) 0 var(--padding-12xl);
}
.input-fields-container {
  width: 361px;
  flex-direction: column;
  gap: 18.5px;
  max-width: 100%;
}
.div199 {
  position: relative;
  display: inline-block;
  min-width: 117px;
  z-index: 1;
}
.wrapper60 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl) 0 var(--padding-3xl);
}
.div200,
.frame-child35 {
  position: relative;
  z-index: 1;
}
.div200 {
  font-size: var(--font-size-3xs);
}
.frame-child35 {
  border: 0;
  outline: 0;
  background-color: var(--color-white);
  height: 46px;
  flex: 1;
  min-width: 181px;
}
.frame-parent55,
.rectangle-wrapper14 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.rectangle-wrapper14 {
  flex-direction: row;
  padding: 0 var(--padding-10xs) 0 var(--padding-3xs);
}
.frame-parent55 {
  flex-direction: column;
  gap: var(--gap-3xs);
}
.div201 {
  position: relative;
  display: inline-block;
  min-width: 121px;
  z-index: 1;
}
.forgot-password {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 var(--padding-11xs);
  font-size: var(--font-size-mini);
}
.frame-child36 {
  height: 46px;
  width: 302px;
  position: relative;
  border-radius: var(--br-4xl);
  background-color: var(--color-gray);
  display: none;
}
.div202 {
  position: relative;
  font-size: var(--font-size-5xl);
  font-family: var(--font-inter);
  color: var(--color-white);
  text-align: left;
  z-index: 2;
}
.rectangle-parent13 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-5xs) var(--padding-8xl) var(--padding-4xs)
    var(--padding-10xl);
  background-color: var(--color-gray);
  flex: 1;
  border-radius: var(--br-4xl);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 1;
}
.rectangle-parent13:hover {
  background-color: var(--color-darkslategray);
}
.sign-up-call {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  padding: 0 var(--padding-7xs) 0 var(--padding-6xs);
}
.frame-parent54,
.register-button,
.sign-up-call {
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-parent54 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--gap-lg);
}
.register-button {
  width: 364px;
  flex-direction: row;
  padding: 0 var(--padding-7xl) 0 var(--padding-4xl);
}
.div196,
.login-panel,
.register-button {
  display: flex;
  box-sizing: border-box;
  max-width: 100%;
}
.div196 {
  width: 1310px;
  border-radius: var(--br-11xl);
  background-color: var(--color-gainsboro);
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-109xl) var(--padding-xl) var(--padding-71xl);
  gap: var(--gap-12xl);
}
.login-panel {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
  text-align: left;
  font-size: var(--font-size-13xl);
  color: var(--color-black);
  font-family: var(--font-inter);
}
.child27 {
  height: 102px;
  width: 1920px;
  position: relative;
  background-color: var(--color-black);
  display: none;
  max-width: 100%;
}
.div203 {
  width: 122px;
  line-height: 53.4px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.div203,
.div204,
.div205 {
  position: relative;
  z-index: 1;
}
.div204 {
  line-height: 53.4px;
  display: inline-block;
  min-width: 71px;
}
.div205 {
  height: 53.4px;
  line-height: 67px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  min-width: 106px;
}
.contact-info-and-company {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs-6) 0 0;
}
.div206 {
  align-self: stretch;
  height: 53.4px;
  position: relative;
  line-height: 67px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  z-index: 1;
}
.contact-info-and-company1 {
  width: 124px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs-6) 0 0;
  box-sizing: border-box;
}
.advocates-jurists-menu,
.menu-footer {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.advocates-jurists-menu {
  width: 556px;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.menu-footer {
  width: 611px;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-9xs) 0 0;
  box-sizing: border-box;
}
.div207 {
  position: relative;
  z-index: 1;
}
.logo-link {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 0 var(--padding-10xs);
}
.div208 {
  position: relative;
  line-height: 24.7px;
  z-index: 1;
}
.logo-link-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-13xl) 0 0;
  gap: var(--gap-9xs-3);
  font-family: var(--font-inter);
}
.legalsolutionsmailru17 {
  position: relative;
  line-height: 24.7px;
  white-space: nowrap;
  z-index: 1;
}
.company-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-mid-6) 0 0;
  font-family: var(--font-inter);
}
.sorokin-industries9 {
  width: 494px;
  position: relative;
  line-height: 53.4px;
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
  z-index: 1;
}
.div187,
.footer7 {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}
.footer7 {
  background-color: var(--color-black);
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-xl-7) var(--padding-12xl) var(--padding-3xl-3)
    var(--padding-101xl);
  gap: var(--gap-21xl);
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-7xl);
  color: var(--color-white);
  font-family: var(--font-amaranth);
}
.div187 {
  width: 100%;
  position: relative;
  background-color: var(--color-white);
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-mid) 0 0;
  gap: var(--gap-125xl-5);
  line-height: normal;
  letter-spacing: normal;
}
@media screen and (max-width: 1825px) {
  .footer7 {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1350px) {
  .nav5 {
    padding-right: var(--padding-48xl);
  }
  .footer7,
  .nav5 {
    padding-left: var(--padding-41xl);
    box-sizing: border-box;
  }
  .div187 {
    gap: var(--gap-53xl);
  }
}
@media screen and (max-width: 925px) {
  .nav5 {
    padding-left: var(--padding-11xl);
    padding-right: var(--padding-14xl);
    box-sizing: border-box;
  }
  .div197,
  .div199 {
    font-size: var(--font-size-7xl);
  }
  .div196 {
    padding-top: var(--padding-64xl);
    padding-bottom: var(--padding-39xl);
    box-sizing: border-box;
  }
  .advocates-jurists-menu {
    flex-wrap: wrap;
  }
  .footer7 {
    gap: var(--gap-xl);
    padding-left: var(--padding-11xl);
    box-sizing: border-box;
  }
  .div187 {
    gap: var(--gap-17xl);
  }
}
@media screen and (max-width: 450px) {
  .div197,
  .div199,
  .div202 {
    font-size: var(--font-size-lgi);
  }
  .div196 {
    gap: var(--gap-mini);
  }
  .div203,
  .div204,
  .div205,
  .div206 {
    font-size: var(--font-size-2xl);
    line-height: 54px;
  }
  .div207 {
    font-size: var(--font-size-2xl);
  }
  .div208,
  .legalsolutionsmailru17,
  .sorokin-industries9 {
    font-size: var(--font-size-2xl);
    line-height: 20px;
  }
  .sorokin-industries9 {
    line-height: 54px;
  }
}