/* fonts */
@font-face {
  font-family: 'Onest';
  src: url('../fonts/Onest-VariableFont.ttf') format('truetype');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: oblique 0deg 12deg;
  font-display: swap;
  
  /* Weight axis: 100-900 */
  /* Width axis: 75%-125% */
  /* Italic/oblique axis */
}
@font-face {
  font-family: 'TikTok Sans';
  src: url('../fonts/TikTokSans-VariableFont.ttf') format('truetype');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: oblique 0deg 12deg;
  font-display: swap;
  
  /* Weight axis: 100-900 */
  /* Width axis: 75%-125% */
  /* Italic/oblique axis */
}
/* common */
body {
  font-family: 'Onest', 'Roboto', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 1.4;
  scroll-behavior: smooth;
  background-color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#f1f4f3), to(#f2f4f5));
  background: linear-gradient(to bottom, #f1f4f3 0%, #f2f4f5 100%);
  color: #1c293b;
}
.row {
  margin-left: 0;
  margin-right: 0;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-left: 0;
  padding-right: 0;
}
.container-fluid {
  padding-left: 90px;
  padding-right: 90px;
}
a,
a:visited {
  color: #1c293b;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
a:hover,
a:visited:hover {
  text-decoration: none;
  color: #d0a55f;
}
a:focus,
input:focus,
button:focus,
video:focus,
.slick-slide:focus {
  outline: none;
}
p {
  margin-bottom: 0;
}
strong,
.bold {
  font-weight: 700;
}
.semibold {
  font-weight: 600;
}
.medium {
  font-weight: 500;
}
.small {
  font-size: 14px;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
/* inputs-buttons */
input[type="text"],
input[type="tel"],
input[type="email"] {
  display: block;
  width: 100%;
  height: 60px;
  border: none;
  margin-top: 16px;
  padding: 16px;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
::-webkit-input-placeholder {
  color: #9CA3B0;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #9CA3B0;
  opacity: 1;
}
::-ms-input-placeholder {
  color: #9CA3B0;
  opacity: 1;
}
::placeholder {
  color: #9CA3B0;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #9CA3B0;
}
::-ms-input-placeholder {
  color: #9CA3B0;
}
input[type=checkbox] {
  display: none;
  width: 0;
}
input[type=checkbox] + span {
  font-family: 'TikTok Sans', sans-serif;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #D0D5DC;
  display: block;
  position: relative;
  padding-left: 28px;
  margin-top: 24px;
}
input[type=checkbox] + span a {
  font-family: 'TikTok Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #D0D5DC;
  text-decoration: underline;
}
input[type=checkbox] + span::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 1px solid #124970;
  border-radius: 6px;
  position: absolute;
  top: 8px;
  left: 0;
}
input[type=checkbox]:checked + span::before {
  background: #124970 url('../img/checkbox.svg') center center no-repeat;
  background-size: 16px 16px;
}
.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 100%;
  max-width: 260px;
  height: 60px;
  border-radius: 8px;
  background-color: #124970;
  background: -webkit-gradient(linear, left top, right top, from(#afc5d4), to(#124970));
  background: linear-gradient(to right, #afc5d4 0%, #124970 100%);
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  border: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  cursor: pointer;
}
.button svg {
  margin-left: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.button:hover {
  text-decoration: none;
  color: #ffffff;
}
.button:hover svg {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}
.button-white {
  max-width: 167px;
  background: #ffffff;
  color: #384252;
  -webkit-transition: all 0.3;
  transition: all 0.3;
}
.button-white svg {
  -webkit-transition: all 0.3;
  transition: all 0.3;
  margin-left: 0;
  margin-right: 10px;
}
.button-white:hover {
  color: #384252;
}
.button-white:hover svg {
  -webkit-transform: translate(3px, -3px);
          transform: translate(3px, -3px);
}
.button-orange {
  font-family: "TikTok Sans";
  background: -webkit-gradient(linear, left top, right top, from(#e3bf88), to(#d0a55f));
  background: linear-gradient(to right, #e3bf88 0%, #d0a55f 100%);
  color: #65390e;
}
.button-orange svg {
  margin-right: 10px;
}
.button-orange:hover {
  color: #65390e !important;
}
.button-orange:hover svg {
  -webkit-transform: translate(3px, -3px);
          transform: translate(3px, -3px);
}
/* typography */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "TikTok Sans", sans-serif;
  line-height: 1;
  color: #0F1E2D;
  letter-spacing: -2%;
  font-weight: 500;
  margin-bottom: 24px;
}
.h1 {
  display: inline-block;
  font-size: 80px;
  background: linear-gradient(66deg, #232f40 0%, #232f40 60%, #5c7aa6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  position: relative;
  z-index: 1;
  padding-right: 5px;
}
h2,
.h2 {
  font-size: 50px;
}
.h2 {
  display: inline-block;
  background: linear-gradient(66deg, #232f40 0%, #232f40 60%, #5c7aa6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
h3,
.h3 {
  font-size: 32px;
}
h4,
.h4 {
  font-size: 24px;
}
h5,
.h5 {
  font-size: 20px;
}
.podheader {
  font-family: "TikTok Sans", sans-serif;
  font-size: 20px;
  line-height: 1.3;
  color: #5C6673;
  position: relative;
  z-index: 1;
}
/* colors */
.orange {
  color: #d0a55f;
}
.gray {
  color: #384252;
}
.black {
  color: #1c293b;
}
/* navbar */
.navbar {
  padding: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.navbar .container-fluid {
  padding: 24px 90px;
  border-bottom: 1px solid #e5e7eb;
}
.navbar-collapse {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.navbar-expand-xl .navbar-nav .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  height: 52px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #4B5563;
  text-transform: uppercase;
  margin-right: 4px;
  padding: 16px 24px;
}
.navbar-expand-xl .navbar-nav .nav-link:hover {
  color: #d0a55f;
}
.navbar .dropdown-toggle::after {
  content: '';
  border: none;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url(../img/down-link.svg) center no-repeat;
  background-size: contain;
}
.navbar .dropdown-menu {
  border: none;
  border-radius: 8px;
  padding: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.navbar .dropdown-menu li:first-child a {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.navbar .dropdown-menu li:last-child a {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.navbar .dropdown-item {
  font-size: 14px;
  text-transform: uppercase;
  padding: 16px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.navbar .dropdown-item:active,
.navbar .dropdown-item.active {
  background-color: #f8f9fa;
}
.navbar-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 135px;
  height: 52px;
  margin-left: 24px;
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, right top, from(#e3bf88), to(#d0a55f));
  background: linear-gradient(to right, #e3bf88 0%, #d0a55f 100%);
  color: #ffffff;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.navbar-button svg {
  margin-left: 10px;
}
.navbar-button:hover {
  color: #ffffff;
}
.navbar-button:visited {
  color: #ffffff;
}
.navbar-button:visited:hover {
  color: #ffffff;
}
.navbar.bg-white {
  background-color: #ffffff;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.08);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.08);
}
.navbar.bg-white .container-fluid {
  border: none;
}
.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.logo svg {
  width: 58px;
  height: 43px;
}
.logo-name {
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  padding-left: 12px;
  padding-right: 12px;
  margin-right: 12px;
  border-right: 2px solid #e5e7eb;
}
.logo-desc {
  font-size: 14px;
  color: #6b7280;
}
.logo:hover {
  color: #1c293b !important;
}
/* hero */
.hero {
  background-color: #F5F4F6;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  overflow-x: hidden;
}
.hero .h1,
.hero .podheader {
  z-index: 3;
}
.hero:before {
  content: '';
  width: 1300px;
  height: 1000px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #F5F4F6;
  border-radius: 100%;
  -webkit-filter: blur(60px);
          filter: blur(60px);
  position: absolute;
  top: -150px;
  left: -200px;
  z-index: 2;
}
.hero:after {
  content: '';
  width: 100%;
  height: 500px;
  max-width: 1920px;
  border-radius: 100%;
  position: absolute;
  bottom: -410px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-filter: blur(60px);
          filter: blur(60px);
  background: rgba(208, 213, 220, 0.5);
}
.hero .container-fluid {
  padding-top: 260px;
  padding-bottom: 60px;
  min-height: 1000px;
  max-width: 1920px;
  margin: 0 auto;
}
.hero-wrapper {
  position: relative;
}
.hero-items {
  margin-top: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hero-item {
  width: 24%;
  max-width: 420px;
  height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px;
  border-radius: 16px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.5);
  position: relative;
  z-index: 3;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.hero-item:before {
  content: '';
  width: 24px;
  height: 24px;
  background: url(../img/plus.svg) center no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 24px;
  left: 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.hero-item__header {
  font-size: 24px;
  font-weight: 500;
  color: #384252;
  letter-spacing: -2%;
}
.hero-item__text {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  color: #6b7280;
  opacity: 0;
}
.hero-item-consult {
  background-color: #ffffff;
}
.hero-item-consult:before {
  display: none;
}
.hero-item-consult .hero-item__text {
  opacity: 1;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.hero-item:hover {
  background-color: #ffffff;
}
.hero-item:hover:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  opacity: 0;
}
.hero-item:hover .hero-item__text {
  opacity: 1;
}
.hero .button {
  max-width: 100%;
}
.video-container {
  position: absolute;
  bottom: 0px;
  right: -90px;
  width: 80%;
  height: 120%;
  overflow: hidden;
}
.video-bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  right: -160px;
}
/* main-about */
.main-about {
  padding-top: 40px;
  padding-bottom: 80px;
  position: relative;
  z-index: 0;
  background-color: transparent;
}
.main-about__desc {
  font-family: "TikTok Sans", sans-serif;
  font-size: 19px;
  margin-bottom: 20px;
  color: #5C6673;
  line-height: 1.45;
}
.main-about__img {
  margin: 40px auto;
  border-radius: 32px;
  overflow: hidden;
}
.main-about__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main-about__item {
  width: 25%;
  text-align: center;
}
.main-about__item h4 {
  font-family: "Onest";
  font-size: 48px;
  margin-bottom: 4px;
  letter-spacing: normal;
  font-weight: 400;
  color: #384252;
}
.main-about__item p {
  color: #6b7280;
  line-height: 1.2;
}
.main-about .button svg {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.main-about .button:hover svg {
  -webkit-transform: translate(3px, -3px);
          transform: translate(3px, -3px);
}
/* services */
.services {
  background-color: #ffffff;
  padding: 56px 0;
}
.services .h2 {
  display: block;
}
.services h3 {
  color: #384252;
  margin-bottom: 24px;
}
.services p {
  font-size: 18px;
  line-height: 1.2;
  color: #6b7280;
  margin-bottom: 24px;
}
.services .button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 310px;
  margin: 0 auto;
  position: absolute;
  bottom: 32px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.services .button svg {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.services .button:hover {
  color: #1c293b;
}
.services .button:hover svg {
  -webkit-transform: translate(3px, -3px);
          transform: translate(3px, -3px);
}
.services-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.services-item {
  width: 32.5%;
  height: 590px;
  border-radius: 16px;
  padding: 32px;
  margin-top: 20px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.services-item__1 {
  background-color: #FFF9EB;
}
.services-item__2 {
  background-color: #F3F4F6;
}
.services-item__3 {
  background-color: #EBF1FF;
}
/* quiz */
.quiz {
  background-color: #EFF4F9;
  padding: 80px 0 20px;
}
.quiz-confidence {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #9CA3B0;
  padding-left: 32px;
  margin-top: 16px;
  line-height: 1.2;
}
.quiz-confidence svg {
  margin-right: 8px;
}
.quiz-body {
  background-color: #ffffff;
  padding: 32px;
  border-radius: 24px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.quiz-form .h3 {
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}
.quiz-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.quiz-label {
  display: block;
  background-color: #ffffff;
  width: 32%;
  height: 260px;
  border-radius: 16px;
  padding: 40px 16px;
  margin-bottom: 8px;
  cursor: pointer;
  border: 1px solid #e5e7eb;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.quiz-label .img-fluid {
  width: 56px;
  height: 56px;
  display: block;
  margin: 0 auto;
}
.quiz-label input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.quiz-label p {
  position: relative;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  margin-top: 20px;
}
.quiz-label p:before {
  content: '';
  width: 24px;
  height: 24px;
  border-radius: 24px;
  border: 1px solid #D7DBDF;
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.quiz-label.selected {
  border: 1px solid #124970;
  background: -webkit-gradient(linear, left bottom, left top, from(#eff6ff), color-stop(50%, #ffffff));
  background: linear-gradient(to top, #eff6ff 0%, #ffffff 50%);
}
.quiz-label.selected p:before {
  border: 8px solid #124970;
}
.quiz-label:hover {
  border: 1px solid #124970;
}
.quiz-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.quiz-inputs input[type="text"],
.quiz-inputs input[type="tel"],
.quiz-inputs input[type="email"] {
  width: 100%;
  max-width: 100%;
  border: 1px solid #D0D5DC;
  border-radius: 8px;
  margin-top: 8px;
  color: #1c293b;
}
.quiz-inputs input[type="text"].input-50,
.quiz-inputs input[type="tel"].input-50,
.quiz-inputs input[type="email"].input-50 {
  width: 49%;
}
.quiz-inputs input[type=checkbox] + span {
  color: #6b7280;
}
.quiz-inputs input[type=checkbox] + span:before {
  top: -1px;
  border: 1px solid #d0a55f;
}
.quiz-inputs input[type=checkbox] + span a {
  color: #124970;
  text-decoration: underline;
}
.quiz-inputs input[type=checkbox]:checked + span::before {
  background: #d0a55f url('../img/checkbox.svg') center center no-repeat;
  background-size: 16px 16px;
}
.quiz-buttons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 24px;
}
.quiz .nextbtn {
  width: 100%;
  max-width: 130px;
  height: 60px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #124970;
  background: -webkit-gradient(linear, left top, right top, from(#afc5d4), to(#124970));
  background: linear-gradient(to right, #afc5d4 0%, #124970 100%);
  color: #ffffff;
  border: none;
  -webkit-transition: all 0.3;
  transition: all 0.3;
}
.quiz .nextbtn svg {
  margin-left: 10px;
}
.quiz .prevbtn {
  width: 100%;
  max-width: 130px;
  height: 60px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #9CA3B0;
  color: #ffffff;
  border: none;
  -webkit-transition: all 0.3;
  transition: all 0.3;
}
.quiz .prevbtn svg {
  margin-right: 10px;
}
.progress {
  width: 80%;
  border-radius: 10px;
}
.tab {
  display: none;
  min-height: 330px;
}
.tab-1 .quiz-label {
  height: 230px;
}
.tab-2 .quiz-label {
  width: 48%;
}
.tab-2 .quiz-label.selected {
  background: -webkit-gradient(linear, left bottom, left top, from(#ebf7e2), color-stop(50%, #ffffff));
  background: linear-gradient(to top, #ebf7e2 0%, #ffffff 50%);
}
.tab-3 .quiz-label .img-fluid {
  width: 86px;
  height: 86px;
}
.tab-3 .quiz-label p {
  font-size: 16px;
  line-height: 1.2;
}
.tab-4 .quiz-label {
  width: 48%;
  height: 230px;
}
.tab-4 .quiz-label.selected {
  background: -webkit-gradient(linear, left bottom, left top, from(#ebf7e2), color-stop(50%, #ffffff));
  background: linear-gradient(to top, #ebf7e2 0%, #ffffff 50%);
}
.tab-5 .form-label {
  margin-bottom: 20px;
}
.tab-final {
  text-align: center;
  min-height: 414px;
}
.tab-final-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 110px;
}
.tab-final .img-fluid {
  border-radius: 8px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 0 100px rgba(113, 182, 61, 0.9);
          box-shadow: 0 0 100px rgba(113, 182, 61, 0.9);
}
.tab-final h4 {
  margin-bottom: 10px;
}
.stepper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 32px;
  height: 72px;
}
.stepper-num {
  width: 24px;
  height: 24px;
  border: 1.5px solid #D0D5DC;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  line-height: 1;
  font-size: 12px;
  color: #384252;
  background-color: #F3F4F6;
  margin-bottom: 8px;
  position: relative;
}
.stepper-num:before {
  content: '';
  width: 140px;
  height: 1.5px;
  background-color: #D0D5DC;
  position: absolute;
  left: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.stepper-num:after {
  content: '';
  width: 26px;
  height: 26px;
  border-radius: 26px;
  border: 2px solid transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.stepper-text {
  font-family: "TikTok Sans", sans-serif;
  font-size: 14px;
  color: #6b7280;
  line-height: 1.2;
}
.stepper-item {
  width: 20%;
  margin: 0;
}
.stepper-item.active .stepper-num {
  background-color: #124970;
  color: #ffffff;
  border: 2px solid #ffffff;
}
.stepper-item.active .stepper-num:after {
  border: 2px solid #124970;
}
.stepper-item-5 .stepper-num:before {
  display: none;
}
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}
.step.active {
  opacity: 1;
}
.step.finish {
  background-color: #4CAF50;
}
/* cases */
.cases {
  padding: 80px 0 40px;
  position: relative;
}
.cases-img {
  position: absolute;
  top: 0;
  right: 90px;
}
.cases .button {
  max-width: 155px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cases .button svg {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cases .button:hover {
  color: #1c293b;
}
.cases .button:hover svg {
  -webkit-transform: translate(3px, -3px);
          transform: translate(3px, -3px);
}
.cases-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 48px;
  margin-bottom: 24px;
}
.case {
  width: 24%;
  min-height: 320px;
  padding: 24px;
  background-color: #ffffff;
  border-radius: 16px;
  position: relative;
}
.case p {
  font-size: 15px;
  line-height: 1.3;
  color: #111827;
  height: 135px;
  overflow: hidden;
}
.case-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.case-theme {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 6px;
  background-color: #F3F4F6;
  text-align: center;
  font-size: 14px;
  padding: 6px 8px;
}
.case-num {
  font-size: 20px;
  color: #384252;
}
.case-sum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 24px;
  margin-bottom: 24px;
}
.case-sum-num {
  font-size: 48px;
  letter-spacing: -0.5%;
  line-height: 1.2;
}
.case-document {
  margin-top: 24px;
  margin-bottom: 24px;
  background-color: #F3F4F6;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: 48px;
  padding: 12px 16px;
  position: relative;
  line-height: 1;
}
.case-document-pdf {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}
.case-document-download {
  position: absolute;
  right: 24px;
  top: 12px;
  width: 24px;
  height: 24px;
}
.case-more {
  color: #d0a55f;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: underline;
}
.case-more svg {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.case-more:hover svg {
  -webkit-transform: translate(3px, -3px);
          transform: translate(3px, -3px);
}
/* forma */
.forma {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 48px 90px;
  border-radius: 32px;
  background: -webkit-gradient(linear, left top, right top, from(#395170), to(#899eba));
  background: linear-gradient(to right, #395170 0%, #899eba 100%);
  position: relative;
}
.forma .h2 {
  display: inline-block;
  color: #ffffff;
  margin-bottom: 16px;
  background: linear-gradient(60deg, #ffffff 0%, #ffffff 60%, #b3c2d8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.forma .podheader {
  color: #e5e7eb;
  margin-bottom: 48px;
}
.forma form p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 630px;
}
.forma .wpcf7-form-control-wrap[data-name="tel-209"] {
  max-width: 308px;
  background-color: #ffffff;
  border: 1px solid #D0D5DC;
  border-radius: 8px;
  color: #1c293b;
  margin-right: 16px;
  margin-top: 0;
}
.forma .wpcf7-form-control-wrap[data-name="tel-209"] input[type="tel"] {
  margin: 0;
}
.forma input[type="text"],
.forma input[type="tel"],
.forma input[type="email"] {
  color: #1c293b;
}
.forma .form-label {
  width: 100%;
}
.forma-img {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}
.forma input[type=checkbox] + span::before {
	border: 1px solid #fff
}
.acceptance-error input[type=checkbox] + span::before {
	border: 1px solid #f00 !important;
}
/* reviews */
.reviews {
  padding: 80px 0;
}
.reviews .h2 {
  display: inline-block;
  background: linear-gradient(66deg, #232f40, #5c7aa6);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.reviews-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.reviews-top a {
  display: block;
  margin-left: 32px;
}
.reviews-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.reviews-item {
  width: 32.3%;
  background-color: #ffffff;
  border-radius: 16px;
  min-height: 300px;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.reviews-item p {
  margin-bottom: 12px;
}
.reviews-item .reviews-slide-author {
  position: absolute;
  left: 24px;
  bottom: 24px;
}
.reviews-slider {
  margin-top: 48px;
  margin-bottom: 48px;
}
.reviews-slide {
  padding: 10px;
}
.reviews-slide-body {
  background-color: #ffffff;
  border-radius: 16px;
  min-height: 445px;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.reviews-slide p {
  font-size: 16px;
  letter-spacing: -2%;
  line-height: 1.2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  margin-bottom: 8px;
}
.reviews-slide p.show {
  height: auto;
}
.reviews-slide-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #6b7280;
}
.reviews-slide-author__img {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #124970;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-right: 16px;
}
.reviews .button {
  margin: 0 auto;
}
.slick-prev {
  z-index: 1;
  width: 56px;
  height: 56px;
  background-color: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 20px #D9D9D9;
          box-shadow: 0 5px 20px #D9D9D9;
  -webkit-transition: all 0.3;
  transition: all 0.3;
}
.slick-prev:before {
  content: '';
  width: 24px;
  height: 24px;
  background: url(../img/arrow-slick.svg) center no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3;
  transition: all 0.3;
}
.slick-next {
  z-index: 1;
  width: 56px;
  height: 56px;
  background-color: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 20px #D9D9D9;
          box-shadow: 0 5px 20px #D9D9D9;
  -webkit-transition: all 0.3;
  transition: all 0.3;
}
.slick-next:before {
  content: '';
  width: 24px;
  height: 24px;
  background: url(../img/arrow-slick.svg) center no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
  -webkit-transition: all 0.3;
  transition: all 0.3;
}
/* contacts */
.contacts {
  padding: 80px 0;
  background: url(../img/bg-form.png) center no-repeat;
  background-size: cover;
  position: relative;
}
.contacts-contact {
  margin-top: 180px;
}
.contacts-contact-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.contacts-contact-img {
  width: 52px;
  height: 52px;
  margin-right: 16px;
  border-radius: 8px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.contacts-contact-text a {
  color: #384252;
  font-size: 20px;
  font-weight: 500;
}
.contacts-contact-text p {
  font-size: 14px;
  color: #384252;
}
.contacts-body {
  padding: 24px;
  border-radius: 16px;
  background: radial-gradient(#899eba 0%, #395170 100%);
  color: #ffffff;
}
.contacts-body h3 {
  font-size: 32px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 8px;
}
.contacts-body p {
  font-size: 20px;
  margin-bottom: 24px;
}
.contacts-body form p {
  font-size: 16px;
  margin-bottom: 0;
}
.contacts-body .button {
  font-family: "TikTok Sans";
  background: -webkit-gradient(linear, left top, right top, from(#e3bf88), to(#d0a55f));
  background: linear-gradient(to right, #e3bf88 0%, #d0a55f 100%);
  color: #65390e;
}
.contacts-body .form-label {
  display: block;
}
.contacts-body input[type=checkbox] + span {
  color: #D0D5DC;
  margin-top: 24px;
  margin-bottom: 24px;
}
.contacts-body input[type=checkbox] + span a {
  font-family: 'TikTok Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #D0D5DC;
  text-decoration: underline;
}
.contacts-body input[type=checkbox] + span::before {
  content: "";
  border: 1px solid #D4BD8F;
  top: 0;
}
.contacts-body input[type=checkbox]:checked + span::before {
  background: #d4bd8f url('../img/checkbox.svg') center center no-repeat;
  background-size: 16px 16px;
}
.contacts-body ::-webkit-input-placeholder {
  color: #e5e7eb;
  opacity: 1;
}
.contacts-body :-ms-input-placeholder {
  color: #e5e7eb;
  opacity: 1;
}
.contacts-body ::-ms-input-placeholder {
  color: #e5e7eb;
  opacity: 1;
}
.contacts-body ::placeholder {
  color: #e5e7eb;
  opacity: 1;
}
/* footer */
.footer {
  background-color: #ffffff;
  overflow: hidden;
  padding: 40px 0;
  color: #9CA3B0;
  font-size: 16px;
  line-height: 1.2;
}
.footer p {
  color: #9CA3B0;
}
.footer p.black {
  color: #384252;
  font-weight: 500;
}
.footer a {
  color: #384252;
  display: block;
  font-weight: 500;
}
.footer-left {
  padding-bottom: 40px;
  border-right: 1px solid #e5e7eb;
}
.footer-logo {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer-logo-text {
  margin-left: 12px;
}
.footer-logo-text span {
  display: block;
  padding: 0;
  margin: 0;
  border: none;
}
.footer-social {
  margin-top: 140px;
}
.footer-social-links {
  margin-top: 24px;
  margin-bottom: 32px;
}
.footer-social-links a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border-radius: 8px;
  margin-right: 12px;
  width: 68px;
  height: 68px;
  background-color: #D0D5DC;
}
.footer-social-links a:hover {
  background-color: #dfe2e7;
}
.footer-details p {
  margin-top: 16px;
}
.footer-phones {
  padding-left: 15px;
  margin-bottom: 104px;
}
.footer-phones p {
  margin-bottom: 16px;
}
.footer-phones a {
  margin-top: 12px;
}
.footer-phones a:hover {
  color: #d0a55f;
}
.footer-menu {
  padding-left: 15px;
}
.footer-menu p {
  margin-bottom: 16px;
}
.footer-menu a {
  margin-top: 12px;
}
.footer-menu__2 {
  margin-bottom: 72px;
}
.footer-email {
  padding-left: 15px;
}
.footer-email p {
  margin-bottom: 16px;
}
.footer-email a {
  margin-top: 12px;
  text-decoration: underline;
}
.footer-mode {
  margin-bottom: 32px;
}
.footer-mode p {
  margin-bottom: 4px;
}
.footer-adres p {
  margin-bottom: 16px;
}
.footer-bottom {
  padding: 40px 0 0;
  border-top: 1px solid #e5e7eb;
  font-family: "TikTok Sans";
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
}
.footer-bottom .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.footer-bottom .right a {
  border-bottom: 1px solid #ffffff;
  color: #9CA3B0;
  margin-left: 24px;
  font-weight: 400;
}
.footer-bottom .right a:hover {
  color: #384252;
}
/* up button */
#up {
  display: block;
  background-color: transparent;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #d2d2d2;
  text-align: center;
  position: fixed;
  bottom: 20px;
  left: 20px;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  z-index: 9999;
  cursor: pointer;
}
#up:before {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  background: url(../img/up.svg) center no-repeat;
  background-size: contain;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#up.show {
  opacity: 0.5;
}
#up.show:hover {
  opacity: 1;
}
/* cookie */
#cookie_notification {
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  bottom: 15px;
  left: 50%;
  width: 980px;
  max-width: 95%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 20px;
  background-color: white;
  border-radius: 10px;
  -webkit-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
          box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
  z-index: 1051;
}
#cookie_notification input[type=checkbox] {
  display: inline;
  width: auto;
}
#cookie_notification p {
  margin: 0;
  font-size: 12px;
  text-align: left;
  color: #000;
}
#cookie_notification a {
  color: #284e92;
}
#cookie_notification .cookie_accept {
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 6px;
  text-align: center;
}
@media (min-width: 576px) {
  #cookie_notification.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cookie_accept {
    margin: 0 0 0 20px;
  }
}
@media (max-width: 575px) {
  #cookie_notification.show {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #cookie_notification p {
    width: calc(100% - 24px);
  }
  .cookie_accept {
    margin: 10px 0 0 0;
  }
}
/* modal */
.modal-content {
  border-radius: 24px;
  position: relative;
  border: none;
}
.modal-body {
  padding: 24px;
}
.modal .close {
  position: absolute;
  right: 20px;
  top: 15px;
  width: 16px;
  height: 16px;
  z-index: 9;
}
.modal-head {
  text-align: center;
  margin-bottom: 16px;
}
.modal form p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal ::-webkit-input-placeholder {
  color: #1c293b;
  opacity: 1;
}
.modal :-ms-input-placeholder {
  color: #1c293b;
  opacity: 1;
}
.modal ::-ms-input-placeholder {
  color: #1c293b;
  opacity: 1;
}
.modal ::placeholder {
  color: #1c293b;
  opacity: 1;
}
.modal input[type=checkbox] + span {
  font-size: 14px;
  color: #1c293b;
}
.modal input[type=checkbox] + span a {
  font-size: 14px;
  color: #1c293b;
}
.modal input[type=text],
.modal input[type=tel] {
  border-bottom: 1px solid #6b7280;
  color: #1c293b;
}
.modal .case {
  width: 100%;
  padding: 0;
}
.modal .case-meta {
  display: block;
}
.modal .case-num {
  margin-top: 12px;
}
.modal .case-sum {
  margin-bottom: 16px;
}
.modal .case-sum-num {
  font-size: 32px;
  margin-bottom: 16px;
}
.modal .case p {
  font-size: 14px;
  width: 70%;
  height: auto;
  color: #6b7280;
}
.modal .case-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal .case-item {
  border-radius: 12px;
  padding: 16px;
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.2;
}
.modal .case-item ul {
  margin-bottom: 0;
}
.modal .case-item-header {
  font-size: 16px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 16px;
}
.modal .case-item-header svg {
  margin-right: 8px;
}
.modal .case-item p {
  color: #384252;
  width: 100%;
}
.modal .case-problem,
.modal .case-action {
  min-height: 130px;
  width: 49%;
  background-color: #F3F4F6;
}
.modal .case-result {
  width: 100%;
  background-color: #EBFAF1;
}
.modal .case-document {
  font-size: 14px;
}
.modal-backdrop.show {
  opacity: 0.8;
}
#modal-call .modal-body {
  background: url(../img/bg-form.png) center no-repeat;
  background-size: cover;
  border-radius: 24px;
}
@media (min-width: 768px) {
  .modal-lg,
  .modal-xl {
    max-width: 700px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 860px;
  }
}
/* pages */
.main {
  padding-top: 124px;
  padding-bottom: 32px;
}
.main .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.breadcrumbs {
  margin-bottom: 32px;
  font-size: 14px;
}
.breadcrumbs span {
  color: #9EA3AB;
}
.breadcrumbs span a {
  color: #9EA3AB;
}
/* uslugi */
.uslugi {
  position: relative;
}
.uslugi:before {
  content: '';
  width: 100%;
  height: 1300px;
  background-color: #D0D5DC;
  border-radius: 100%;
  -webkit-filter: blur(60px);
          filter: blur(60px);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 0;
}
.usluga {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 16px;
  margin-bottom: 20px;
  padding: 32px;
  position: relative;
  z-index: 1;
}
.usluga .img-fluid {
  width: 33%;
  margin-right: 1%;
}
.usluga-right {
  width: 66%;
}
.usluga h3 {
  margin-bottom: 16px;
}
.usluga p {
  color: #6b7280;
  margin-bottom: 24px;
}
.usluga-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.usluga-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
  background-color: #F2E6CA;
  padding: 10px 16px;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: default;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.usluga-tag:hover {
  background-color: #eddcb6;
}
.usluga .button {
  width: 162px;
  margin-top: 70px;
}
.usluga.services-item__2 .usluga-tag {
  background-color: #E4E7EC;
}
.usluga.services-item__2 .usluga-tag:hover {
  background-color: #d5dae1;
}
.usluga.services-item__3 .usluga-tag {
  background-color: #DAE5F1;
}
.usluga.services-item__3 .usluga-tag:hover {
  background-color: #c7d8ea;
}
/* practice */
.practice {
  padding-top: 124px;
  padding-bottom: 110px;
  position: relative;
}
.practice:before {
  content: '';
  width: 1300px;
  height: 1000px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #F5F4F6;
  border-radius: 100%;
  -webkit-filter: blur(60px);
          filter: blur(60px);
  position: absolute;
  top: 0px;
  left: -200px;
  z-index: 0;
}
.practice:after {
  content: '';
  width: 100%;
  height: 500px;
  max-width: 1920px;
  border-radius: 100%;
  position: absolute;
  bottom: -70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-filter: blur(60px);
          filter: blur(60px);
  background: rgba(208, 213, 220, 0.5);
  z-index: 1;
}
.practice .container-fluid {
  position: relative;
  z-index: 2;
}
.practice.bankrot {
  background: url(../img/pages/bg-bankrotstvo.png) center top no-repeat;
  background-size: cover;
}
.practice.family {
  background: url(../img/pages/bg-family.png) center top no-repeat;
  background-size: cover;
}
.practice.family .hero-items {
  margin-top: 300px;
}
.practice.nasledstvo {
  background: url(../img/pages/bg-nasledstvo.png) center top no-repeat;
  background-size: cover;
}
.practice.nasledstvo:before,
.practice.nasledstvo:after {
  display: none;
}
.practice.nasledstvo .hero-items {
  margin-top: 200px;
}
.practice .h1 {
  margin-top: 90px;
}
/* bullets */
.bullets {
  padding: 56px 0;
  background-color: #FFF9EB;
  position: relative;
  z-index: 1;
}
.bullets .container-fluid {
  position: relative;
}
.bullets .h2 {
  display: block;
  max-width: 620px;
  margin: 0 auto 24px;
}
.bullets-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 12px;
}
.bullet {
  background-color: #F2E6CA;
  border-radius: 24px;
  padding: 32px;
  margin-top: 20px;
  height: 250px;
  position: relative;
  overflow: hidden;
  width: 32.5%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.bullet h3 {
  margin-bottom: 8px;
}
.bullet p {
  font-size: 18px;
  color: #6b7280;
  font-weight: 500;
}
.bullet .button-white {
  position: absolute;
  left: 32px;
  bottom: 32px;
  max-width: 60px;
}
.bullet .button-white svg {
  margin: 0;
}
.bullet .img-fluid {
  position: absolute;
  bottom: 0;
  right: 0;
}
.bullet:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  background-color: #eddcb6;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.bullets-family {
  background-color: #F3F4F5;
}
.bullets-family .bullet {
  background-color: #E4E7EC;
}
.bullets-nasledstvo {
  background-color: #EFF4F9;
}
.bullets-nasledstvo .bullet {
  background-color: #DAE5F1;
}
/* strategy */
.strategy {
  padding: 56px 0;
  background-color: #ffffff;
}
.strategy-slider {
  padding-left: 90px;
  margin-top: 24px;
  margin-bottom: 100px;
}
.strategy-slider .slick-slide {
  padding-right: 20px;
}
.strategy-slide {
  border-radius: 24px;
  background: -webkit-gradient(linear, left top, right bottom, from(#f7f3ee), to(#efe6d8));
  background: linear-gradient(to bottom right, #f7f3ee 0%, #efe6d8 100%);
  padding: 32px;
  text-align: center;
  height: 400px;
}
.strategy-slide h3 {
  margin-bottom: 8px;
}
.strategy-slide p {
  color: #6b7280;
  margin-bottom: 24px;
  height: 70px;
}
.strategy-img {
  display: block;
  margin: 0 auto;
}
.strategy .slick-prev {
  left: 50%;
  top: auto;
  bottom: -90px;
  -webkit-transform: translate(-120%, 0);
          transform: translate(-120%, 0);
}
.strategy .slick-next {
  right: 50%;
  top: auto;
  bottom: -90px;
  -webkit-transform: translate(120%, 0);
          transform: translate(120%, 0);
}
/* about */
.about {
  padding-bottom: 80px;
}
.about-img {
  border-radius: 32px;
  position: relative;
  z-index: 1;
}
.about-wrapper {
  margin-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.about-wrapper:before {
  content: '';
  width: 100%;
  height: 380px;
  background-color: #D0D5DC;
  border-radius: 100%;
  -webkit-filter: blur(60px);
          filter: blur(60px);
  position: absolute;
  top: -250px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 0;
}
.about-left {
  width: 50%;
  position: relative;
}
.about-left-img {
  border-radius: 24px;
}
.about-right {
  position: relative;
  width: 50%;
  padding-left: 40px;
}
.about-right .h2 {
  font-size: 48px;
}
.about .main-about__items {
  max-width: 70%;
  margin-top: 40px;
}
.about .main-about__item {
  width: 50%;
  text-align: left;
  margin-bottom: 40px;
}
/* process */
.process {
  padding: 56px 0;
  background-color: #ffffff;
  text-align: center;
}
.process-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
}
.process-item {
  width: 24%;
  height: 340px;
  border-radius: 24px;
  background-color: #F3F4F6;
  padding: 32px;
  margin-bottom: 8px;
}
.process-item p {
  font-size: 18px;
  color: #6b7280;
}
/* contact */
.contact {
  padding-bottom: 40px;
}
.contact-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 20px;
}
.contact-text {
  width: calc(100% - 62px);
}
.contact-item {
  width: 19.5%;
  height: 87px;
  padding: 16px;
  margin-bottom: 20px;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
}
.contact-item .img-fluid {
  margin-right: 10px;
  width: 52px;
  height: 52px;
}
.contact-item a {
  display: block;
  font-size: 20px;
  font-weight: 500;
  color: #384252;
  min-width: 52px;
}
.contact-item p {
  margin-top: 0px;
  font-size: 14px;
  color: #6b7280;
}
.contact .contacts-body {
  padding: 72px 40px;
}
.contact .contacts-body h3 {
  font-size: 50px;
}
.contact .contacts-body p {
  color: #e5e7eb;
}
.contact input[type="text"],
.contact input[type="tel"],
.contact input[type="email"] {
  background-color: #ffffff;
  height: 60px;
  border-radius: 8px;
  color: #1c293b;
}
.contact ::-webkit-input-placeholder {
  color: #9CA3B0;
  opacity: 1;
}
.contact :-ms-input-placeholder {
  color: #9CA3B0;
  opacity: 1;
}
.contact ::-ms-input-placeholder {
  color: #9CA3B0;
  opacity: 1;
}
.contact ::placeholder {
  color: #9CA3B0;
  opacity: 1;
}
#map {
  padding-left: 20px;
}
#map iframe {
  border-radius: 16px;
  overflow: hidden;
}
/* page-cases */
.page-cases {
  padding: 0;
}
.page-cases .case {
  min-height: 245px;
  width: 32.5%;
  margin-bottom: 20px;
}
.page-cases .case-sum {
  margin-bottom: 8px;
}
.page-cases .case-sum-num {
  font-size: 24px;
}
.page-cases .case p {
  color: #6b7280;
  height: 105px;
  margin-bottom: 24px;
}
/* wordpress */
.wpcf7-list-item {
  margin: 0;
}
.wpcf7-form-control-wrap {
  width: 100%;
}
.spasibo {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
}
.spasibo .button {
  margin: 30px auto 0;
  color: #fff !important;
}
/* media */
@media (min-width: 1950px) {
  .container-fluid,
  .contacts,
  .cases,
  .practice,
  .strategy-slider {
    max-width: 1920px;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl .btn-close {
    display: none;
  }
}
@media (max-width: 1799px) {
  .h1 {
    font-size: 64px;
  }
  h3,
  .h3 {
    font-size: 28px;
  }
  .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
  .navbar .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
  .logo svg {
    width: 44px;
    height: 32px;
  }
  .logo-name {
    font-size: 28px;
    margin-right: 8px;
    padding: 0 8px;
  }
  .logo-desc {
    font-size: 12px;
    line-height: 1.2;
  }
  .hero:before {
    display: none;
  }
  .hero .container-fluid {
    padding-top: 160px;
    min-height: auto;
  }
  .hero-items {
    margin-top: 80px;
  }
  .hero-item__header {
    font-size: 18px;
  }
  .video-container {
    right: -30px;
    height: 110%;
  }
  .podheader {
    font-size: 18px;
  }
  .slick-prev {
    left: -10px;
  }
  .slick-next {
    right: -10px;
  }
  .main-about__desc {
    font-size: 15px;
    margin-top: 18px;
    line-height: 1.3;
    
  }
  .reviews-item p {
    font-size: 14px;
  }
  .case {
    padding: 16px;
    min-height: 320px;
  }
  .case p {
    font-size: 14px;
    height: 165px;
  }
  .case-sum-num {
    font-size: 32px;
  }
  .case-document {
    font-size: 13px;
    margin-top: 16px;
  }
  .case-more {
    font-size: 14px;
  }
  .page-cases .case p {
    height: 130px;
  }
  .forma {
    padding: 48px;
  }
  .stepper-text {
    font-size: 12px;
  }
  .stepper-num:before {
    width: 110px;
  }
  .quiz-label {
    height: 230px;
  }
  .quiz-label p {
    font-size: 18px;
  }
  .tab-3 .quiz-label .img-fluid {
    width: 56px;
    height: 56px;
  }
  .main .podheader {
    font-size: 15px;
  }
  .usluga h3 {
    font-size: 24px;
    margin-bottom: 8px;
  }
  .usluga p {
    font-size: 14px;
  }
  .usluga-tag {
    font-size: 12px;
    padding: 8px 12px;
  }
  .usluga .button {
    margin-top: 20px;
    width: 138px;
    height: 48px;
    font-size: 14px;
  }
  .practice {
    padding-bottom: 60px;
  }
  .practice::before {
    display: none;
  }
  .practice:after {
    height: 300px;
  }
  .practice .h1 {
    margin-top: 40px;
  }
  .bullet h3 {
    font-size: 26px;
  }
  .bullet p {
    font-size: 16px;
    line-height: 1.2;
  }
  .strategy-slider {
    padding-left: 20px;
  }
  .practice.family .hero-items,
  .practice.nasledstvo .hero-items {
    margin-top: 150px;
  }
  .about-right .h2 {
    font-size: 32px;
  }
  .about .main-about__items {
    margin-top: 20px;
  }
  .about .main-about__item {
    margin-bottom: 16px;
  }
  .process-item p {
    font-size: 16px;
  }
  .contact-item {
    padding: 12px;
  }
  .contact-item a {
    min-width: auto;
    font-size: 16px;
  }
  .contact-item p {
    font-size: 10px;
  }
  .contact-item .img-fluid {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 1359px) {
  .h1 {
    font-size: 60px;
  }
  h2,
  .h2 {
    font-size: 40px;
  }
  h3,
  .h3 {
    font-size: 24px;
  }
  .podheader {
    font-size: 16px;
  }
  .navbar-button {
    height: 40px;
    font-size: 13px;
    width: 110px;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding: 8px 12px;
    height: 40px;
    font-size: 13px;
  }
  .hero-item {
    font-size: 14px;
  }
  .hero-item__header {
    font-size: 16px;
  }
  .main-about:before {
    height: 400px;
    top: -120px;
  }
  .services-item {
    height: 486px;
    padding: 24px;
  }
  .services-item p {
    font-size: 14px;
  }
  .services .button {
    font-size: 14px;
    max-width: 260px;
    height: 48px;
  }
  .reviews-slide-body {
    min-height: 270px;
  }
  .reviews-item .reviews-slide-body {
    min-height: 330px;
  }
  .forma-img {
    max-width: 45%;
  }
  .stepper-text {
    font-size: 10px;
  }
  .stepper-num:before {
    width: 90px;
  }
  .case {
    margin-right: 16px;
  }
  .footer {
    font-size: 15px;
  }
  .footer-phones {
    margin-bottom: 102px;
  }
  .uslugi:before {
    height: 900px;
  }
  .main {
    padding-bottom: 16px;
  }
  .practice:after {
    display: none;
  }
  .practice.nasledstvo .hero-items {
    margin-top: 40px;
  }
  .bullet p {
    font-size: 14px;
  }
  .about .main-about__items {
    max-width: 100%;
  }
  .about .main-about__item h4 {
    font-size: 32px;
  }
  .contact-wrapper {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .contact-item {
    width: 32%;
    margin-right: 12px;
  }
  .contact .contacts-body {
    padding: 60px 40px;
  }
  .page-cases .case {
    width: 48.5%;
  }
}
@media (max-width: 1199px) {
  .h1 {
    font-size: 40px;
  }
  h2,
  .h2 {
    font-size: 32px;
  }
  .podheader {
    font-size: 16px;
  }
  .navbar {
    padding: 0;
  }
  .navbar .container-fluid {
    padding: 12px 10px;
    position: relative;
    height: 76px;
  }
  .navbar-toggler {
    width: 94px;
    height: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #ffffff;
    border-radius: 8px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #4B5563;
    -webkit-transform: translateX(-60px);
            transform: translateX(-60px);
  }
  .navbar-button {
    width: 52px;
    height: 52px;
    border-radius: 8px;
    padding: 0;
    position: absolute;
    top: 12px;
    right: 10px;
    margin-left: 0;
  }
  .navbar-button span {
    display: none;
  }
  .navbar-button svg {
    margin: 0 auto;
  }
  .navbar.navbar-expand-xl .navbar-nav {
    margin-top: 20px;
  }
  .navbar.navbar-expand-xl .navbar-nav .nav-link {
    text-align: left;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: 44px;
    font-size: 18px;
  }
  .navbar .dropdown-menu {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
  }
  .navbar .dropdown-menu li:last-child a {
    border-radius: 0;
  }
  .navbar .dropdown-item {
    padding: 8px 12px;
    font-size: 16px;
  }
  .navbar.bg-white .navbar-toggler {
    border: 1px solid #e5e7eb;
  }
  .navbar-contacts {
    margin-top: 24px;
    border-top: 1px solid #e5e7eb;
  }
  .navbar-contacts a {
    display: block;
    margin-top: 8px;
  }
  .navbar-contacts p {
    color: #9CA3B0;
  }
  .navbar-contacts p.black {
    color: #1c293b;
    margin-top: 8px;
  }
  .navbar-contacts-name {
    margin-top: 16px;
  }
  .sidebar-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-left: 12px;
  }
  .btn-close {
    width: 94px;
    height: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #ffffff;
    border-radius: 8px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #4B5563;
    border: 1px solid #e5e7eb;
  }
  .fixed-right {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -100%;
    width: 400px;
    min-height: 100vh;
    background: #ffffff;
    -webkit-box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
            box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    -webkit-transition: right 0.3s ease;
    transition: right 0.3s ease;
    overflow-y: scroll;
    z-index: 4;
    padding: 12px 20px;
  }
  .navbar-collapse.show.fixed-right {
    right: 0;
  }
  .hero .container-fluid {
    padding-top: 120px;
    padding-bottom: 40px;
  }
  .hero .podheader {
    font-size: 16px;
  }
  .hero-items {
    margin-top: 40px;
  }
  .hero-item {
    padding: 16px;
    height: 220px;
  }
  .main-about {
    padding: 48px 0;
  }
  .main-about:before {
    display: none;
  }
  .button-white {
    max-width: 148px;
    height: 48px;
  }
  .services {
    padding: 48px 0;
  }
  .stepper {
    margin-bottom: 24px;
  }
  .stepper-text {
    font-size: 12px;
  }
  .quiz {
    padding: 48px 0 0;
  }
  .quiz .quiz-form .h3 {
    font-size: 20px;
    margin-bottom: 24px;
  }
  .quiz-confidence {
    padding-left: 0;
    font-size: 12px;
  }
  .quiz-body {
    margin-left: 0;
    margin-top: 24px;
    max-width: 630px;
    padding: 24px;
  }
  .tab {
    min-height: 310px;
  }
  .cases {
    padding: 48px 0;
  }
  .cases-img {
    max-width: 390px;
    position: relative;
    top: auto;
    right: auto;
  }
  .cases-row {
    margin-top: -20px;
  }
  .case {
    margin-right: 8px;
  }
  .forma {
    margin: 0;
    padding: 32px 16px;
  }
  .forma-img {
    max-width: 384px;
  }
  .reviews {
    padding: 48px 0;
  }
  .reviews-slide p {
    font-size: 14px;
  }
  .reviews .reviews-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
    min-height: auto;
  }
  .reviews .reviews-item .reviews-slide-body {
    min-height: auto;
  }
  .reviews .reviews-item .reviews-slide-author {
    position: static;
  }
  .reviews .reviews-item p {
    font-size: 15px;
  }
  .contacts {
    padding: 40px 0;
  }
  .contacts-contact {
    margin-top: 40px;
  }
  .contacts-contact-block {
    margin-bottom: 20px;
  }
  .footer {
    font-size: 14px;
  }
  .footer-left {
    border: none;
  }
  .footer-social {
    margin-top: 16px;
  }
  .footer-social-links a {
    width: 44px;
    height: 44px;
  }
  .footer-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .footer-phones {
    width: 50%;
    padding: 0;
    margin: 0;
  }
  .footer-menu {
    width: 50%;
    padding: 0;
    margin: 0;
    margin-bottom: 40px;
  }
  .footer-email {
    padding: 0;
    margin-top: 30px;
  }
  .footer-mode {
    width: 50%;
  }
  .footer-mode p.black {
    margin-top: 12px;
  }
  .footer-adres {
    width: 50%;
    margin-bottom: 40px;
  }
  .footer-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    font-size: 14px;
  }
  .footer-bottom .right {
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .footer-bottom .right a {
    margin-left: 0;
    margin-bottom: 8px;
  }
  .main {
    padding-top: 92px;
    padding-bottom: 32px;
  }
  .main .podheader {
    font-size: 14px;
  }
  .breadcrumbs {
    margin-bottom: 16px;
  }
  .practice {
    padding-top: 100px;
    padding-bottom: 40px;
  }
  .practice .podheader {
    font-size: 14px;
  }
  .bullet {
    width: 49%;
    height: 200px;
    padding: 16px;
  }
  .bullet .button-white {
    width: 48px;
    left: 16px;
    bottom: 16px;
  }
  .bullet .img-fluid {
    width: 108px;
  }
  .about-wrapper {
    margin-top: 40px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .process-item {
    width: 49%;
  }
  #map {
    margin-top: 20px;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .hero .container-fluid {
    padding-top: 110px;
  }
  .hero-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .hero-item {
    width: 100%;
    max-width: 360px;
    height: auto;
    margin-top: 8px;
  }
  .hero-item:before {
    display: none;
  }
  .hero-item__text {
    opacity: 1;
    margin-top: 10px;
  }
  .hero-item-consult {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .hero-item-consult .hero-item__text {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .hero .button {
    margin-top: 28px;
  }
  .video-container {
    position: relative;
    width: 100%;
    height: 400px;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .video-bg {
    right: 0;
  }
  .main-about__img {
    margin: 32px 0;
  }
  .main-about__item {
    width: 50%;
    font-size: 14px;
    margin-bottom: 16px;
  }
  .main-about__item h4 {
    font-size: 40px;
  }
  .services h3 {
    margin-bottom: 8px;
  }
  .services .button {
    bottom: 24px;
  }
  .services-item {
    width: 100%;
    max-width: 400px;
    height: auto;
    margin: 20px auto 0;
  }
  .forma-img {
    position: relative;
    bottom: auto;
    right: auto;
    max-width: 100%;
  }
  .reviews-top {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .reviews-top a {
    margin-left: 0;
    margin-right: 8px;
  }
  .reviews-slide-body {
    min-height: 230px;
  }
  .reviews-slide-author__name {
    font-size: 14px;
  }
  .reviews .reviews-item {
    width: 100%;
    height: auto;
    margin-right: 0;
    min-height: auto;
  }
  .reviews .reviews-item .reviews-slide-body {
    min-height: auto;
  }
  .reviews .reviews-item .reviews-slide-author {
    position: static;
  }
  .usluga {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 16px;
  }
  .usluga .img-fluid {
    width: 100%;
    margin: 0;
  }
  .usluga-right {
    width: 100%;
  }
  .practice {
    padding-top: 90px;
  }
  .practice .h1 {
    margin-top: 0;
    margin-bottom: 12px;
  }
  .practice .podheader {
    margin-bottom: 56px;
  }
  .practice.bankrot,
  .practice.family,
  .practice.nasledstvo {
    background: none;
  }
  .practice.nasledstvo .podheader {
    margin-bottom: 0;
  }
  .practice .hero-items {
    margin-top: -32px;
  }
  .practice.family .hero-items,
  .practice.nasledstvo .hero-items {
    margin-top: -32px;
  }
  .practice .hero-item {
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
    background: #ffffff;
  }
  .practice .button {
    margin-top: 28px;
    max-width: 100%;
    height: 48px;
  }
  .strategy-slide {
    padding: 24px;
    height: 320px;
  }
  .strategy-slide p {
    font-size: 14px;
    height: 60px;
  }
  .strategy-img {
    max-width: 140px;
  }
  .bullets {
    padding: 40px 0;
  }
  .about-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .about-right {
    width: 100%;
    margin-bottom: 40px;
    padding: 0;
  }
  .about-left {
    width: 100%;
  }
  .contact-item {
    width: 40%;
  }
  .page-cases .case {
    width: 100%;
    margin-right: 0;
  }
	.page-cases .case p {
		height: auto;
	}
}
@media (max-width: 767px) {
  .podheader {
    font-size: 15px;
  }
  .fixed-right {
    width: 100vw;
    z-index: 3;
  }
  .sidebar-close {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .navbar.navbar-expand-xl .navbar-nav .nav-link {
    padding-left: 0;
    font-size: 20px;
    color: #6b7280;
  }
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .logo {
    z-index: 4;
  }
  .logo-name {
    border-right: none;
    padding-right: 0;
    font-size: 20px;
  }
  .logo-desc {
    display: none;
  }
  .video-container {
    height: 350px;
  }
  .hero .container-fluid {
    padding-bottom: 0;
  }
  .hero-item {
    background: #ffffff;
    max-width: 100%;
  }
  input[type=checkbox] + span::before {
    top: 0;
  }
  .button {
    max-width: 100%;
    height: 48px;
    font-size: 14px;
    font-weight: 400;
  }
  .button-white {
    font-size: 14px;
  }
  .main-about__item {
    font-size: 12px;
  }
  .main-about .button-white {
    max-width: 148px;
  }
  .cases-img {
    max-width: 100%;
  }
  .case-document-pdf {
    width: 20px;
    height: 20px;
  }
  .case-document-download {
    width: 20px;
    height: 20px;
    right: 16px;
  }
  .stepper {
    height: 60px;
    width: 560px;
    padding: 2px;
  }
  .stepper-num:before {
    height: 1px;
  }
  .stepper-text {
    font-size: 10px;
  }
  .stepper.final {
    -webkit-transform: translateX(-215px);
            transform: translateX(-215px);
  }
  .quiz-body {
    max-width: 100%;
    padding: 16px;
  }
  .quiz-form {
    overflow-x: hidden;
  }
  .quiz-confidence {
    padding-left: 0;
    font-size: 12px;
  }
  .quiz-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .quiz-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    height: 88px;
    padding: 16px;
    position: relative;
  }
  .quiz-label .img-fluid {
    margin-left: 0;
    margin-right: 16px;
  }
  .quiz-label p {
    margin-top: 0;
    position: static;
    font-size: 16px;
  }
  .quiz-label p:before {
    bottom: auto;
    top: 50%;
    right: 16px;
    left: auto;
    -webkit-transform: translate(0px, -50%);
            transform: translate(0px, -50%);
  }
  .quiz-buttons {
    margin-top: 16px;
  }
  .quiz .nextbtn {
    max-width: 120px;
    height: 48px;
    font-size: 14px;
  }
  .quiz .prevbtn {
    max-width: 120px;
    height: 48px;
    font-size: 14px;
  }
  .quiz-inputs input[type="text"],
  .quiz-inputs input[type="tel"],
  .quiz-inputs input[type="email"] {
    font-size: 14px;
  }
  .quiz-inputs input[type="text"].input-50,
  .quiz-inputs input[type="tel"].input-50,
  .quiz-inputs input[type="email"].input-50 {
    width: 100%;
  }
  .quiz input[type=checkbox] + span {
    font-size: 10px;
  }
  .quiz input[type=checkbox] + span a {
    font-size: 10px;
  }
  .tab {
    min-height: 385px;
  }
  .tab-1 .quiz-label {
    height: 88px;
  }
  .tab-2 .quiz-label {
    height: 88px;
    width: 100%;
  }
  .tab-3 .quiz-label {
    height: 88px;
    width: 100%;
  }
  .tab-3 .quiz-label p {
    font-size: 16px;
    text-align: left;
    max-width: 200px;
  }
  .tab-4 .quiz-label {
    height: 88px;
    width: 100%;
  }
  .tab-5 .quiz-label {
    height: 88px;
  }
  .forma .button {
    max-width: 100%;
    margin-top: 16px;
  }
  .forma .wpcf7-form-control-wrap[data-name="tel-209"] {
    max-width: 100%;
    margin-right: 0;
  }
  input[type=checkbox] + span {
    font-size: 11px;
  }
  input[type=checkbox] + span a {
    font-size: 11px;
  }
  .reviews-slide {
    padding-left: 0;
  }
  .reviews-slide-body {
    padding: 16px;
    min-height: 433px;
  }
  .reviews-slide p {
    height: auto;
  }
  .reviews .button {
    max-width: 220px;
  }
  .contacts-body p {
    font-size: 16px;
  }
  .contacts-body input[type=checkbox] + span a {
    font-size: 11px;
  }
  input[type="text"],
  input[type="tel"],
  input[type="email"] {
    height: 48px;
    margin-top: 16px;
  }
  .footer {
    font-size: 14px;
    padding-bottom: 0;
  }
  .footer-social {
    margin-top: 24px;
  }
  .footer-social-links {
    margin-top: 8px;
    margin-bottom: 24px;
  }
  .footer-left {
    padding-bottom: 24px;
  }
  .footer-adres {
    margin-bottom: 16px;
  }
  .footer-phones a {
    margin-top: 8px;
  }
  .footer-menu {
    margin-bottom: 24px;
  }
  .footer-menu a {
    margin-top: 8px;
  }
  .footer-menu__2 {
    width: 100%;
    margin-bottom: 24px;
  }
  .footer-bottom {
    font-size: 14px;
    padding: 24px 0;
  }
  .modal-content {
    border-radius: 16px;
  }
  .modal-body {
    padding: 24px 16px;
  }
  .modal input[type=checkbox] + span {
    font-size: 11px;
  }
  .modal input[type=checkbox] + span a {
    font-size: 11px;
  }
  .modal .case-theme {
    font-size: 12px;
  }
  .modal .case p {
    width: 100%;
    font-size: 12px;
  }
  .modal .case-num {
    font-size: 16px;
  }
  .modal .case-sum {
    margin-top: 16px;
    margin-bottom: 8px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .modal .case-sum .rub-img {
    width: 80px;
    height: 80px;
  }
  .modal .case-sum-num {
    font-size: 24px;
    margin-bottom: 8px;
  }
  .modal .case-item {
    margin-top: 8px;
    font-size: 12px;
    min-height: auto;
  }
  .modal .case-item ul {
    padding-left: 1.5em;
  }
  .modal .case-problem,
  .modal .case-action {
    width: 100%;
    min-height: auto;
  }
  #modal-call .modal-body {
    border-radius: 18px;
  }
  .breadcrumbs {
    font-size: 12px;
  }
  .bullet {
    width: 100%;
  }
  .bullet-hidden {
    display: none;
  }
  .bullet-button {
    margin: 32px auto 0;
    max-width: 140px;
  }
  .slick-prev {
    width: 48px;
    height: 48px;
  }
  .slick-next {
    width: 48px;
    height: 48px;
  }
  .strategy-slider {
    padding-left: 15px;
    margin-bottom: 80px;
  }
  .strategy-slide h3 {
    font-size: 22px;
  }
  .main .h2 {
    margin-bottom: 12px;
  }
  .about {
    padding-bottom: 40px;
  }
  .about-wrapper:before {
    display: none;
  }
  .about .button {
    width: 240px;
    margin-top: 16px;
  }
  .process {
    padding: 40px 0 32px;
  }
  .process-item {
    padding: 16px 12px;
    height: 190px;
    border-radius: 16px;
  }
  .process-item .img-fluid {
    width: 74px;
  }
  .process-item h3 {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .process-item p {
    font-size: 12px;
  }
  .contact-item {
    width: 100%;
    height: 72px;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .contact-item p {
    font-size: 12px;
  }
  .contact .contacts-body {
    padding: 32px 16px;
  }
  .contact .contacts-body h3 {
    font-size: 32px;
  }
  .contact .contacts-body p {
    color: #e5e7eb;
  }
  .contact input[type="text"],
  .contact input[type="tel"],
  .contact input[type="email"] {
    height: 48px;
    font-size: 14px;
  }
  .page-cases {
    padding-bottom: 0;
  }
  .page-cases .case p {
    height: auto;
  }
  .page-cases .case-sum-num {
    font-size: 20px;
  }
}
@media (max-width: 379px) {
  body {
    font-size: 14px;
  }
  .podheader {
    font-size: 15px;
  }
  .h1 {
    font-size: 30px;
  }
  h2,
  .h2 {
    font-size: 26px;
  }
  h3,
  .h3 {
    font-size: 20px;
  }
  .video-container {
    height: 250px;
  }
  .main-about__desc {
    font-size: 14px;
  }
  .main-about__item h4 {
    font-size: 30px;
  }
  .main-about__item {
    font-size: 11px;
  }
  .services p {
    font-size: 14px;
  }
  .quiz .quiz-form .h3 {
    font-size: 16px;
  }
  .case-theme {
    font-size: 12px;
  }
  .case-num {
    font-size: 18px;
  }
  .case-sum-num {
    font-size: 22px;
  }
  .case p {
    font-size: 12px;
  }
  .case-document {
    font-size: 9px;
  }
  .contacts-contact-text p {
    font-size: 12px;
  }
  .contacts-body {
    padding: 12px;
  }
  .bullet p {
    height: 60px;
    margin-bottom: 30px;
  }
  .strategy-slide {
    padding: 16px;
    height: 280px;
  }
  .strategy-slide h3 {
    font-size: 18px;
  }
  .strategy-img {
    max-width: 110px;
  }
  .about-right .h2 {
    font-size: 25px;
  }
  .process-item h3 {
    font-size: 14px;
  }
  .process-item p {
    font-size: 11px;
  }
}