@font-face {
   font-family: 'TildaSans';
   src: url('../fonts/TildaSans-Semibold.woff2') format('woff2');
   font-weight: 600;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'TildaSans';
   src: url('../fonts/TildaSans-Light.woff2') format('woff2');
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}

/* ------------------------------- 
Specification
------------------------------- */
body {
   font-family: TildaSans, Arial, sans-serif;
   color: #0e0e0e;
   font-size: 14px;
   margin: 0;
   padding: 0;
}

body.overflow-hidden {
   overflow-x: hidden;
}

body, html {
   height: 100%;
   overflow-x: hidden;
}

div, p, form, input, a, span, button, textarea, input {
   box-sizing: border-box;
}

ul, li {
   display: block;
   padding: 0;
   margin: 0;
}

p {
   margin: 0;
   font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
   margin: 0;
}

a, a:hover, a:active {
   text-decoration: none;
}

a, button, input {
   transition: all 0.5s ease;
}

input {
   font-family: inherit;
   border-radius: 0;
   -webkit-appearance: button;
}

input, input:hover, input:focus, input:active,
button, button:hover, button:focus, button:active,
textarea, textarea:hover, textarea:focus, textarea:active {
   outline: none;
}

textarea {
   outline: none;
   resize: none;
   font-family: inherit;
   border: none;
   display: block;
}

main {
   flex: 1 1 auto;
}

.wrapper {
   min-height: 100%;
   display: flex;
   flex-direction: column;
}

.grata-container {
   margin: 0 auto;
   max-width: 1280px;
   padding-left: 40px;
   padding-right: 40px;
}

.grata-header {
   min-height: 100px;
   background-color: rgba(0, 0, 0, 1);
   display: flex;
   align-items: center;
   justify-content: center;
}

.grata-header .data-wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
}

.grata-main-banner {
   background: url('../img/main-banner.jpg') no-repeat center center/cover;
   position: relative;
   z-index: 1;
   padding: 90px 0 60px;
}

.grata-main-banner:before {
   content: '';
   position: absolute;
   background-color: rgb(0, 0, 0);
   opacity: 0.4;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: -1;
}

.grata-main-banner .data-wrapper {
   display: flex;
   justify-content: space-between;
   gap: 30px;
}

.grata-main-banner .data-content {
   max-width: 660px;
   color: rgb(255, 255, 255);
}

.grata-main-banner .data-content-title {
   font-size: 72px;
   line-height: 1.17;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 20px;
}

.grata-main-banner .data-content-description p {
   font-size: 20px;
   line-height: 26px;
}

.grata-main-banner .data-content-description p:not(:last-child) {
   margin-bottom: 20px;
}

.grata-main-banner .data-form-wrapper {
   max-width: 360px;
   background-color: #ececec;
   border-radius: 10px;
   padding: 34px;
}

.grata-main-banner .data-form-wrapper .data-form-title {
   font-weight: 600;
   color: rgb(0, 0, 0);
   font-size: 18px;
   margin-bottom: 10px;
}

.grata-main-banner .data-form-wrapper .data-form-subtitle {
   font-weight: 300;
   font-size: 14px;
   line-height: 1.55;
   margin-bottom: 20px;
   text-align: center;
}

.grata-main-banner .data-form-wrapper .data-form-inputs {
   margin-bottom: 20px;
}

.data-form-block {
   margin-bottom: 20px;
}

.data-form-block .data-input {
   color: #000000;
   background-color: #ffffff;
   height: 50px;
   padding: 0px 18px;
   font-size: 16px;
   line-height: 1.33;
   width: 100%;
   border: none;
}

.grata-button-wrapper .grata-button {
   color: #ffffff;
   background-color: #7fc400;
   border-radius: 30px;
   width: 100%;
   height: 50px;
   padding-right: 30px;
   padding-left: 30px;
   font-size: 16px;
   font-weight: 700;
   border: none;
   cursor: pointer;
}

.grata-main-banner .data-form-wrapper .data-form-note {
   font-size: 14px;
   line-height: 20px;
   font-weight: 300;
   text-align: center;
}

.grata-about-section {
   padding-top: 15px;
   padding-bottom: 15px;
}

.grata-about-section .data-wrapper {
   display: flex;
   justify-content: space-between;
}

.grata-about-section .data-slider {
   max-width: 760px;
   width: 100%;
   margin-left: 20px;
   margin-right: 20px;
}

.grata-about-section .data-slider-large {
   margin-bottom: 4px;
}

.grata-about-section .data-slider-large .swiper-slide img,
.grata-about-section .data-slider-small .swiper-slide img {
   object-fit: cover;
   display: block;
   width: 100%;
}

.grata-about-section .data-slider-small .swiper-slide {
   cursor: pointer;
}

.grata-about-section .data-content {
   max-width: 360px;
   width: 100%;
   margin-left: 20px;
   margin-right: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}

.grata-about-section .data-content .data-content-title {
   margin-bottom: 20px;
   font-size: 24px;
   line-height: 1.35;
   font-weight: 600;
   text-transform: uppercase;
}

.grata-about-section .data-content .data-content-description p {
   font-size: 16px;
   line-height: 1.55;
   font-weight: 300;
}

.grata-specialists-section img {
   width: 100%;
   object-fit: cover;
   display: block;
}

.grata-advantages-section {
   padding-top: 30px;
   padding-bottom: 150px;
}

.grata-advantages-section .data-title {
   font-size: 42px;
   line-height: 1.23;
   margin-bottom: 105px;
   font-weight: 600;
   text-align: center;
}

.grata-advantages-section .data-advantages-list {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   row-gap: 40px;
}

.grata-advantages-section .data-advantage-item {
   max-width: 360px;
   margin-left: 20px;
   margin-right: 20px;
   padding: 0px 25px;
   text-align: center;
   width: 100%;
}

.grata-advantages-section .data-advantage-item:nth-child(2) {
   border-left: 1px solid #d1d1d1;
   border-right: 1px solid #d1d1d1;
}

.grata-advantages-section .data-advantage-icon {
   width: 100px;
   height: 100px;
   margin: 0 auto 30px;
}

.grata-advantages-section .data-advantage-icon img {
   width: 100%;
   border-radius: 50%;
}

.grata-advantages-section .data-advantage-title {
   font-size: 24px;
   line-height: 1.35;
   padding-bottom: 20px;
   font-weight: 600;
}

.grata-advantages-section .data-advantage-description {
   font-size: 18px;
   line-height: 1.55;
   font-weight: 300;
}

.grata-help-section {
   padding-top: 60px;
   padding-bottom: 30px;
}

.grata-help-section .data-wrapper {
   display: flex;
   justify-content: space-between;
}

.grata-help-section .data-image {
   max-width: 560px;
   margin-left: 20px;
   margin-right: 20px;
}

.grata-help-section .data-image img {
   width: 100%;
   display: block;
}

.grata-help-section .data-content {
   max-width: 560px;
   margin-left: 20px;
   margin-right: 20px;
}

.grata-help-section .data-content-title {
   margin-bottom: 16px;
   font-size: 42px;
   line-height: 1.23;
   font-weight: 600;
}

.grata-help-section .data-content-subtitle {
   max-width: 400px;
   padding-bottom: 28px;
   color: rgb(102, 102, 102);
   font-size: 16px;
   line-height: 1.55;
   font-weight: 300;
   position: relative;
   margin-bottom: 28px;
}

.grata-help-section .data-content-subtitle:after {
   content: '';
   position: absolute;
   max-width: 50px;
   width: 100%;
   height: 3px;
   background-color: rgb(102, 102, 102);
   bottom: 0;
   left: 0;
}

.grata-help-section .data-content-description {
   margin-bottom: 60px;
}

.grata-help-section .data-content-description ul {
   margin-bottom: 20px;
}

.grata-help-section .data-content-description p,
.grata-help-section .data-content-description li {
   font-size: 20px;
   line-height: 1.55;
   font-weight: 300;
}

.grata-help-section .grata-button {
   max-width: 283px;
   position: relative;
   background-color: #3ed600;
   padding-left: 60px;
   padding-right: 60px;
   height: 60px;
}

.grata-button-anim {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   transform: translateX(-85px);
   animation-name: flash;
   animation-duration: 3s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
}

.grata-button-anim-effect {
   background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
   width: 45px;
   height: 100%;
   position: absolute;
   top: 0px;
   left: 30px;
   transform: skewX(-45deg);
}


@-webkit-keyframes flash {
   20% {
      transform: translateX(100%);
   }

   100% {
      transform: translateX(100%);
   }
}

@keyframes flash {
   20% {
      transform: translateX(100%);
   }

   100% {
      transform: translateX(100%);
   }
}

.grata-lawyers-section {
   padding-bottom: 15px;
}

.grata-lawyers-section .data-title {
   color: rgb(51, 51, 51);
   font-weight: 700;
   font-family: Arial;
   margin-bottom: 40px;
   font-size: 42px;
   line-height: 1.23;
   text-align: center;
}

.grata-lawyers-section .data-subtitle {
   margin-bottom: 90px;
   color: rgb(51, 51, 51);
   font-size: 24px;
   line-height: 1.5;
   text-align: center;
   font-weight: 300;
   max-width: 560px;
   margin-left: auto;
   margin-right: auto;
}

.grata-lawyers-section .data-lawyers-list {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   row-gap: 70px;
}

.grata-lawyers-section .data-lawyer-item {
   max-width: 20%;
   width: 100%;
   width: 100%;
   text-align: center;
}

.grata-lawyers-section .data-lawyer-image {
   margin-bottom: 18px;
   padding: 0 5px;
}

.grata-lawyers-section .data-lawyer-image img {
   display: block;
   max-width: 100%;
   object-fit: cover;
}

.grata-lawyers-section .data-lawyer-title {
   font-size: 16px;
   line-height: 1.35;
   font-weight: 600;
}

.grata-lawyers-section .data-lawyer-description {
   margin-top: 3px;
   color: rgb(102, 102, 102);
   font-size: 14px;
   line-height: 1.55;
   font-weight: 300;
}

.grata-reasons-section {
   padding-top: 30px;
}

.grata-reasons-section .data-title {
   margin-bottom: 90px;
   font-size: 42px;
   line-height: 1.23;
   text-align: center;
}

.grata-reasons-section .data-reasons-list {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 90px;
}

.grata-reasons-section .data-reason-item {
   max-width: 27%;
   width: 100%;
   text-align: center;
}

.grata-reasons-section .data-reason-icon {
   margin-bottom: 25px;
}

.grata-reasons-section .data-reason-icon img {
   width: 80px;
   height: 80px;
   object-fit: contain;
}

.grata-reasons-section .data-reason-title {
   margin-bottom: 25px;
   margin-top: 12px;
   font-size: 30px;
   line-height: 1.17;
   font-weight: 600;
}

.grata-reasons-section .data-reason-description {
   font-size: 18px;
   line-height: 1.55;
   font-weight: 300;
}

.grata-portfolio-section {
   padding-top: 15px;
   padding-bottom: 45px;
}

.grata-portfolio-section .data-title {
   font-size: 42px;
   line-height: 1.23;
   font-weight: 600;
   margin-bottom: 80px;
   text-align: center;
}

.grata-portfolio-section .data-subtitle {
   margin-bottom: 90px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   font-size: 24px;
   line-height: 1.5;
   font-weight: 300;
   max-width: 560px;
}

.grata-portfolio-section .data-portfolio-list {
   display: flex;
   flex-wrap: wrap;
   row-gap: 70px;
}

.grata-portfolio-section .data-portfolio-item {
   max-width: 33%;
   width: 100%;
   text-align: center;
}

.grata-portfolio-section .data-portfolio-icon img {
   width: 120px;
   height: 120px;
   border-radius: 50%;
}

.grata-portfolio-section .data-portfolio-title {
   margin-top: 18px;
   margin-left: auto;
   margin-right: auto;
   font-size: 16px;
   line-height: 1.35;
   font-weight: 600;
}

.grata-portfolio-section .data-portfolio-description {
   margin-top: 12px;
   max-width: 350px;
   margin-left: auto;
   margin-right: auto;
   font-size: 15px;
   line-height: 1.55;
   font-weight: 300;
}

.iti {
   width: 100%;
}

.grata-error-message {
   color: red;
   margin-top: 5px;
   font-weight: 400;
}

.iti .iti__selected-dial-code {
   font-size: 16px;
}

.grata-modal {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   z-index: 20;
   transition: all 0.5s ease;
   background-color: rgba(52, 64, 84, 0.8);
   opacity: 0;
   pointer-events: none;
   visibility: hidden;
}

.grata-modal.active {
   opacity: 1;
   pointer-events: auto;
   visibility: visible;
}

.grata-modal-wrapper {
   display: flex;
   height: 100%;
   overflow: auto;
}

.grata-modal-card {
   max-width: 560px;
   width: 95%;
   background-color: #ffffff;
   margin: auto;
   position: relative;
}

.grata-button-close {
   position: absolute;
   top: 20px;
   right: 20px;
   background-color: transparent;
   padding: 0;
}

.grata-button-close {
   border: none;
   cursor: pointer;
   padding: 0;
}

.grata-modal-content {
   padding: 60px 30px;
}

.grata-modal-content .data-title {
   text-align: center;
   font-size: 28px;
   margin-bottom: 15px;
}

.grata-modal-content .data-subtitle {
   text-align: center;
   font-size: 18px;
   margin-bottom: 20px;
}

.grata-modal-content .data-form-block .data-input {
   background-color: #ededed;
}

.data-form-block label {
   font-size: 16px;
   margin-bottom: 10px;
   font-weight: 600;
   display: block;
}

.data-form-block select {
   outline: none;
}

.social-buttons {
   position: fixed;
   bottom: 40px;
   left: 20px;
   z-index: 100;
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.social-buttons button,
.social-buttons span {
   display: block;
   transition: all 0.5s ease;
   background-color: transparent;
   border: none;
   cursor: pointer;
}

.social-buttons button:hover,
.social-buttons span:hover {
   transform: scale(1.1);
}

.social-buttons button img,
.social-buttons span img {
   width: 50px;
   height: 50px;
}

.grata-telegram-button {
   background: linear-gradient(100deg, rgb(54, 173, 225) 0%, rgb(108, 206, 249) 64%, rgb(54, 173, 225) 100%);
}

.grata-whatsapp-button {
   background: linear-gradient(100deg, rgb(61, 193, 78) 0%, rgb(54, 173, 225) 64%, rgb(61, 193, 78) 100%);
}

.grata-brokers-section {
   padding-bottom: 30px;
}

.grata-brokers-section .data-heading {
   color: #ffffff;
   background-color: #26ca5e;
   position: relative;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 15px 30px;
   font-size: 18px;
   min-height: 50px;
   line-height: 1.5;
   font-weight: 700;
}

.grata-brokers-section .data-image img {
   width: 100%;
   display: block;
}

.grata-brokers-section .grata-whatsapp-button-wrapper {
   max-width: 760px;
   margin: auto;
}

.grata-brokers-section .grata-whatsapp-button-wrapper a {
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-radius: 6px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   color: #fff;
   background-color: #27d061;
   padding: 12px;
   font-size: 16px;
   font-weight: 500;
   cursor: pointer;
   line-height: 1.2;
   height: auto;
   min-height: 60px;
   position: relative;
   overflow: hidden;
}

.grata-brokers-section .grata-whatsapp-button-wrapper a .data-arrow {
   width: 21px;
   height: 18px;
}

.grata-footer .grata-footer-top {
   padding-top: 20px;
   padding-bottom: 40px;
   background-color: #efefef;
}

.grata-footer .grata-footer-top .data-contacts {
   font-size: 48px;
   line-height: 1.23;
   font-weight: 600;
   text-align: center;
}

.grata-footer .grata-footer-top .data-address {
   margin-top: 45px;
   margin-bottom: 30px;
   font-size: 18px;
   line-height: 1.55;
   font-weight: 300;
   text-transform: uppercase;
   max-width: 560px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

.social-list {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 5px;
}

.grata-button-red {
   width: 100%;
   position: relative;
   overflow: hidden;
   color: #ffffff;
   background-color: #a40000;
   font-size: 24px;
   padding: 15px 50px;
   line-height: 1.5;
   min-height: 80px;
   font-weight: 700;
   display: flex;
   align-items: center;
   justify-content: center;
   border: none;
   gap: 5px;
   cursor: pointer;
}

.grata-button-red svg {
   width: 16px;
   height: 16px;
}

.grata-thanks .data-thanks-content {
   height: calc(100vh - 100px);
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 95%;
   margin: auto;
}

.grata-thanks .data-title {
   font-size: 35px;
   margin-bottom: 15px;
}

@media only screen and (max-width: 1200px) {
   .grata-main-banner {
      padding: 110px 0;
   }

   .grata-about-section .data-slider {
      max-width: 600px;
      margin: 0;
   }

   .grata-advantages-section .data-advantage-item {
      margin: 0;
      max-width: 50%;
   }

   .grata-advantages-section .data-advantage-item:nth-child(2) {
      border: none;
   }

   .grata-portfolio-section .data-title {
      margin-bottom: 40px;
   }

   .grata-portfolio-section .data-portfolio-item {
      max-width: 50%;
   }
}

@media only screen and (max-width: 992px) {
   .grata-main-banner .data-content-title {
      font-size: 65px;
   }

   .grata-main-banner .data-content-description p {
      font-size: 18px;
   }

   .grata-about-section .data-wrapper {
      flex-direction: column-reverse;
      gap: 30px;
   }

   .grata-about-section {
      padding: 30px 0;
   }

   .grata-about-section .data-content {
      max-width: 100%;
      text-align: center;
   }

   .grata-about-section .data-slider {
      max-width: 100%;
   }

   .grata-about-section .data-content {
      margin: 0;
   }

   .grata-about-section .data-content .data-content-description p br {
      display: none;
   }

   .grata-about-section .data-slider-large .swiper-slide img {
      max-height: 400px;
   }

   .grata-help-section .data-wrapper {
      flex-direction: column-reverse;
   }

   .grata-help-section {
      padding-top: 0;
   }

   .grata-help-section .data-content,
   .grata-help-section .data-content-subtitle {
      max-width: 100%;
   }

   .grata-help-section .data-image {
      margin: auto;
   }

   .grata-advantages-section {
      padding: 80px 0;
   }

   .grata-help-section .data-content {
      margin: 0;
   }

   .grata-reasons-section .data-reason-item {
      max-width: 43%;
   }

   .grata-reasons-section .data-title {
      margin-bottom: 40px;
   }

   .grata-portfolio-section {
      padding: 80px 0;
   }
}

@media only screen and (max-width: 900px) {
   .grata-main-banner .data-wrapper {
      flex-direction: column;
   }

   .grata-main-banner .data-content {
      text-align: center;
      margin: auto;
   }

   .grata-main-banner .data-form-wrapper {
      max-width: 500px;
      margin: auto;
   }

   .grata-main-banner .data-content-title {
      font-size: 60px;
   }
}

@media only screen and (max-width: 768px) {
   .grata-container {
      padding-left: 15px;
      padding-right: 15px;
   }

   .grata-header {
      min-height: 80px;
   }

   .grata-header .data-logotype img {
      width: 80px;
      height: 80px;
   }

   .grata-main-banner {
      padding: 60px 0;
   }

   .grata-main-banner .data-content-title {
      font-size: 40px;
   }

   .grata-main-banner .data-content-description p {
      font-size: 14px;
   }

   .grata-main-banner .data-content-description p:not(:last-child) {
      margin-bottom: 0;
   }

   .grata-advantages-section .data-advantage-item {
      max-width: 100%;
   }

   .grata-advantages-section .data-title,
   .grata-help-section .data-content-title,
   .grata-lawyers-section .data-title,
   .grata-reasons-section .data-title,
   .grata-portfolio-section .data-title {
      margin-bottom: 30px;
      font-size: 30px;
   }

   .grata-help-section .data-content-description p, .grata-help-section .data-content-description li {
      font-size: 17px;
   }

   .grata-help-section .data-content-description,
   .grata-lawyers-section .data-subtitle,
   .grata-portfolio-section .data-subtitle {
      margin-bottom: 30px;
   }

   .grata-help-section .data-wrapper {
      gap: 40px;
   }

   .grata-lawyers-section .data-subtitle,
   .grata-portfolio-section .data-subtitle {
      font-size: 18px;
   }

   .grata-help-section {
      padding-bottom: 80px;
   }

   .grata-lawyers-section .data-lawyer-item {
      max-width: 50%;
   }

   .grata-lawyers-section .data-lawyers-list,
   .grata-reasons-section .data-reasons-list,
   .grata-portfolio-section .data-portfolio-list {
      row-gap: 30px;
   }

   .grata-reasons-section .data-reason-item {
      max-width: 100%;
   }

   .grata-reasons-section .data-reason-title {
      font-size: 25px;
   }

   .grata-reasons-section .data-reason-icon {
      margin-bottom: 0;
   }

   .grata-portfolio-section .data-portfolio-item,
   .grata-portfolio-section .data-portfolio-description {
      max-width: 100%;
   }

   .grata-brokers-section .data-heading {
      text-align: center;
   }

   .grata-footer .grata-footer-top .data-contacts {
      font-size: 30px;
   }

   .grata-footer .grata-footer-top {
      padding-bottom: 100px;
   }

   .grata-button-red {
      font-size: 20px;
   }
}






/* Privacy Policy */
.grata-privacy-policy .data-content-title {
   text-align: center;
   margin: 50px 0 30px;
   font-size: 42px;
}
.grata-privacy-policy .data-content-description {
   font-size: 18px;
   line-height: 1.4;
}

.grata-privacy-policy .data-content-description p, 
.grata-privacy-policy .data-content-description ul, 
.grata-privacy-policy .data-content-description ol {
    margin-bottom: 20px;
}
.grata-privacy-policy .data-content-description p:last-child, 
.grata-privacy-policy .data-content-description ul:last-child, 
.grata-privacy-policy .data-content-description ol:last-child {
    margin-bottom: 0;
}
.grata-form-note {
    font-size: 12px;
   line-height: 1;
   text-align: center;
   margin-top: 5px;
}
.grata-form-note a {
   color: #7fc400;
}




@media only screen and (max-width: 768px) {

   .grata-privacy-policy .data-content-title {
      font-size: 28px;
   }

}