/*animations*/
@keyframes rotatecw {
 from {
  transform: rotate(0deg);
 }

 to {
  transform: rotate(360deg);
 }
}

@keyframes rotateccw {
 from {
  transform: rotate(0deg);
 }

 to {
  transform: rotate(-360deg);
 }
}

@keyframes calculate-line {
 from {
  width: 0%;
 }

 to {
  width: 100%;
 }
}

/*-animations*/
/*fonts*/
@font-face {
 font-family: "Geometria";
 src: url("../fonts/Geometria-Medium.woff") format("woff");
 font-weight: 500;
 font-style: normal;
 font-display: swap;
}
@font-face {
 font-family: "Geometria";
 src: url("../fonts/Geometria-Bold.woff") format("woff");
 font-weight: 700;
 font-style: normal;
 font-display: swap;
}
@font-face {
 font-family: "Geometria";
 src: url("../fonts/Geometria-ExtraBold.woff") format("woff");
 font-weight: 800;
 font-style: normal;
 font-display: swap;
}
.title-xg {
 color: #FFF;
 font-size: 56px;
 font-weight: 500;
}
.title-xg strong {
 font-weight: 500;
 color: #03D6A1;
}

.title-xxl {
 color: #363A47;
 font-size: 40px;
 line-height: 50px;
 font-weight: 700;
}

.title-xl {
 color: #363A47;
 font-weight: 700;
 font-size: 28px;
 line-height: 38px;
}

.title-x {
 color: #363A47;
 font-weight: 500;
 font-size: 26px;
 line-height: 36px;
}

.title-x.line {
 position: relative;
 padding-bottom: 10px;
}
.title-x.line::after {
 content: "";
 position: absolute;
 left: 0;
 bottom: 0;
 width: 60px;
 height: 4px;
 background: #03D6A1;
}

.title-lg {
 color: #363A47;
 font-weight: 500;
 font-size: 23px;
 line-height: 33px;
}

.title-l {
 color: #363A47;
 font-weight: 700;
 font-size: 20px;
 line-height: 30px;
}

.text-xl {
 color: #FFF;
 font-size: 20px;
 font-weight: 500;
 line-height: 38px;
}

.text-x {
 font-weight: 500;
 color: #647983;
 font-size: 18px;
 line-height: 35px;
}

.text-lg {
 font-weight: 500;
 color: #647983;
 font-size: 16px;
 line-height: 28px;
 letter-spacing: 0.444444px;
}

.content *:last-child {
 margin-bottom: 0px;
}
.content h2 {
 color: #363A47;
 font-size: 40px;
 line-height: 50px;
 font-weight: 700;
 margin-bottom: 15px;
}
.content h3 {
 color: #363A47;
 font-weight: 700;
 font-size: 23px;
 line-height: 33px;
 margin-bottom: 15px;
}
.content h4 {
 color: #363A47;
 font-weight: 700;
 font-size: 20px;
 line-height: 30px;
 margin-bottom: 15px;
}
.content p {
 color: #647983;
 font-size: 18px;
 line-height: 35px;
 margin-bottom: 20px;
}
.content a {
 color: #03D6A1;
 text-decoration: underline;
 transition: 0.15s;
}
.content img {
 height: auto;
 margin-bottom: 20px;
}
.content ul {
 margin-bottom: 20px;
}
.content ul li {
 position: relative;
 font-weight: 500;
 font-size: 18px;
 line-height: 35px;
 color: #647983;
 padding-left: 26px;
 margin-bottom: 10px;
}
.content ul li:before {
 content: "";
 position: absolute;
 left: 10px;
 top: 15px;
 width: 6px;
 height: 6px;
 border-radius: 50%;
 background: #03D6A1;
}
.content ul li:last-child {
 margin-bottom: 0px;
}
.content ol {
 list-style: none;
 counter-reset: num;
 margin-bottom: 20px;
}
.content ol li {
 position: relative;
 font-weight: 500;
 font-size: 18px;
 line-height: 35px;
 color: #647983;
 padding-left: 26px;
 margin-bottom: 10px;
}
.content ol li:before {
 content: counter(num) ".";
 counter-increment: num;
 position: absolute;
 left: 10px;
 top: 0px;
 font-weight: 700;
 font-size: 18px;
 line-height: 35px;
 color: #03D6A1;
}
.content ol li:last-child {
 margin-bottom: 0px;
}
.content blockquote {
 font-size: 18px;
 line-height: 35px;
 font-style: italic;
 color: #647983;
 padding: 0px;
 margin: 0px;
 padding-left: 15px;
 margin-bottom: 20px;
 border-left: 2px solid #03D6A1;
}
.content table {
 width: 100%;
 border-spacing: 0px;
 margin-bottom: 20px;
}
.content tr:first-child td {
 font-size: 14px;
 line-height: 23px;
 font-weight: 700;
 color: #FFFFFF;
 background: #03D6A1;
 text-align: left;
 letter-spacing: 0.03em;
 padding: 10px 15px;
}
.content tr:first-child td:first-child {
 border-left: none;
 border-radius: 10px 0px 0px 0px;
}
.content tr:first-child td:last-child {
 border-right: none;
 border-radius: 0px 10px 0px 0px;
}
.content td {
 padding: 10px 15px;
 font-size: 14px;
 line-height: 23px;
 font-weight: 500;
 color: #647983;
 background: #FFFFFF;
 text-align: left;
 letter-spacing: 0.03em;
 border-bottom: 1px solid #DBDDE3;
}
.content td:first-child {
 border-left: 1px solid #DBDDE3;
}
.content td:last-child {
 border-right: 1px solid #DBDDE3;
}
.content tr:last-child td:first-child {
 border-radius: 0px 0px 0px 10px;
}
.content tr:last-child td:last-child {
 border-radius: 0px 0px 10px 0px;
}
.content audio {
 width: 100%;
 margin-bottom: 20px;
}

.content.two p {
 font-size: 16px;
 line-height: 28px;
}
.content.two ol li {
 font-size: 16px;
 line-height: 28px;
}
.content.two ol li:before {
 font-size: 16px;
 line-height: 28px;
}
.content.two ul li {
 font-size: 16px;
 line-height: 28px;
}
.content.two ul li:before {
 top: 12px;
}
.content.two blockquote {
 font-size: 16px;
 line-height: 28px;
}

.wp-block-table {
 display: block;
 width: 100%;
 overflow: auto;
 margin: 0px 0px 20px 0px;
}

@media (max-width: 800px) {
 .title-xg {
   font-size: 46px;
 }
 .title-xxl {
   font-size: 28px;
   line-height: 38px;
 }
 .text-x {
   font-size: 16px;
   line-height: 28px;
 }
 .content h2 {
   font-size: 35px;
   line-height: 45px;
 }
 .content p {
   font-size: 16px;
   line-height: 28px;
 }
 .content ol li {
   font-size: 16px;
   line-height: 28px;
 }
 .content ol li:before {
   font-size: 16px;
   line-height: 28px;
 }
 .content ul li {
   font-size: 16px;
   line-height: 28px;
 }
 .content ul li:before {
   top: 12px;
 }
 .content blockquote {
   font-size: 16px;
   line-height: 28px;
 }
}
@media (min-width: 1200px) {
 .content a:hover {
   color: #03D6A1;
   text-decoration: none;
 }
}
/*-fonts*/
/*options*/
*,
::after,
::before {
 box-sizing: border-box;
}

body {
 font-weight: 500;
 font-family: "Geometria", sans-serif;
 line-height: normal;
 background: #FFFFFF;
 margin: 0;
}

body.no-scroll {
 overflow: hidden;
}

body::-webkit-scrollbar {
 width: 10px;
}

body::-webkit-scrollbar-thumb {
 background: #03D6A1;
}

body::-webkit-scrollbar-track {
 background: rgba(0, 0, 0, 0.7);
}

p {
 width: 100%;
 margin: 0px;
}

h1,
h2,
h3,
h4,
h5 {
 width: 100%;
 margin: 0px;
}

img {
 max-width: 100%;
}

ul,
ol {
 margin-top: 0;
 padding-left: 0;
 margin-bottom: 0;
}

li {
 list-style-type: none;
}

a {
 outline: none;
 text-decoration: none;
}

a:hover {
 color: #FFFFFF;
 text-decoration: none;
 outline: none;
}

select:hover,
select:focus {
 outline: none;
 text-decoration: none;
}

textarea {
 font-family: "Geometria", sans-serif;
 resize: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 opacity: 1;
 resize: none;
 border-radius: 0;
}

textarea::-webkit-input-placeholder {
 color: #646464;
}

textarea::-moz-placeholder {
 color: #646464;
}

textarea:-ms-input-placeholder {
 color: #646464;
}

textarea:-moz-placeholder {
 color: #646464;
}

textarea:hover,
textarea:focus {
 outline: none;
 text-decoration: none;
}

input {
 font-family: "Geometria", sans-serif;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 opacity: 1;
 border-radius: 0;
}

input::-webkit-input-placeholder {
 color: #646464;
}

input::-moz-placeholder {
 color: #646464;
}

input:-ms-input-placeholder {
 color: #646464;
}

input:-moz-placeholder {
 color: #646464;
}

input:hover,
input:focus {
 outline: none;
 text-decoration: none;
}

button {
 font-family: "Geometria", sans-serif;
 cursor: pointer;
 border: none;
 background: none;
}

button:hover,
button:focus {
 outline: none;
 text-decoration: none;
}

table {
 border-collapse: collapse;
}

html,
body {
 height: 100%;
}

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

main {
 flex: 1 0 auto;
}

footer {
 flex: 0 0 auto;
}

.container {
 position: relative;
 width: 100%;
 max-width: 1140px;
 padding: 0 15px;
 margin: 0 auto;
}

.section {
 margin-bottom: 100px;
}

.section-two {
 margin-bottom: 100px;
 padding: 100px 0px;
 background: #FAFAFA;
}

.section-three {
 padding-top: 54px;
}

.section-four {
 padding: 100px 0px;
}

.page-top {
 position: relative;
 margin-top: 100px;
 margin-bottom: 50px;
}

.page-top:before {
 content: "";
 position: absolute;
 z-index: -1;
 right: -149px;
 top: -20px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
}

.page-top:after {
 content: "";
 position: absolute;
 z-index: -1;
 left: -149px;
 top: -20px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
}

.page-title {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 text-align: center;
}

.page-title .title-xxl {
 position: relative;
 max-width: 900px;
 padding-bottom: 20px;
 margin-bottom: 0;
}

.page-title .title-xxl:after {
 content: "";
 position: absolute;
 left: 50%;
 bottom: 0;
 transform: translateX(-50%);
 height: 6px;
 width: 57px;
 background: #03D6A1;
}

.page-title .text-x {
 max-width: 390px;
 margin-top: 20px;
}

.page-title .content {
 margin-top: 20px;
}

.section-title {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 text-align: center;
 margin-bottom: 45px;
}

.section-title .title-xl {
 position: relative;
 width: auto;
 max-width: 450px;
 text-align: center;
 padding-bottom: 10px;
}

.section-title .title-xl:after {
 content: "";
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 4px;
 background: #F5F5F5;
}

.section-title .text-x {
 max-width: 750px;
 margin-top: 6px;
}

.section-title.two .title-xl:after {
 background: #03D6A1;
}

.page-bottom {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 margin: 50px 0;
}

.wpcf7-spinner {
 display: none !important;
}

.wpcf7 form .wpcf7-response-output {
 margin: 15px 0px 0px 0px !important;
 padding: 10px !important;
 text-align: center;
 border-radius: 5px;
}

.wpcf7-form-control-wrap {
 display: block;
 width: 100%;
}

.wpcf7-not-valid-tip {
 position: absolute;
 left: 0;
 bottom: 3px;
 font-size: 12px !important;
 white-space: nowrap;
}

@media (max-width: 1200px) {
 .page-top {
  display: flex;
  flex-direction: column;
  align-items: center;
 }

 .page-top:after {
  width: 70px;
  height: 86px;
  left: -15px;
 }

 .page-top:before {
  width: 70px;
  height: 86px;
  right: -15px;
 }
}

@media (max-width: 800px) {
 .section {
  margin-bottom: 70px;
 }

 .section-two {
  margin-bottom: 70px;
  padding: 70px 0px;
 }

 .section-three {
  padding-top: 50px;
 }

 .section-four {
  padding: 70px 0px;
 }

 .section-title {
  margin-bottom: 30px;
 }

 .page-top {
  margin-bottom: 30px;
 }

 .page-bottom {
  margin: 50px 0;
 }
}

/*-options*/
/*breadcrumbs*/
.breadcrumbs {
 display: flex;
 flex-wrap: wrap;
 font-size: 15px;
 font-weight: 500;
}

.breadcrumbs li {
 display: flex;
 align-items: center;
 margin-bottom: 5px;
}

.breadcrumbs li:after {
 content: "/";
 color: #03D6A1;
 margin: 0px 4px;
}

.breadcrumbs li:last-child:after {
 display: none;
}

.breadcrumbs a {
 color: #7D7D7D;
 transition: 0.1s;
}

.breadcrumbs li:last-child a {
 color: #03D6A1;
}

.page-top .breadcrumbs {
 margin-bottom: 20px;
 margin-left: 10px;
}

@media (max-width: 1200px) {
 .page-top .breadcrumbs {
  justify-content: center;
  text-align: center;
  margin-left: 0;
  margin-bottom: 5px;
 }
}

@media (min-width: 1200px) {
 .breadcrumbs a:hover {
  color: #03D6A1;
 }
}

/*-breadcrumbs*/
/*pagination*/
.page-pagination {
 display: flex;
 align-items: center;
 margin-bottom: 70px;
}

.page-pagination a {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 40px;
 height: 40px;
 color: #7D7D7D;
 font-size: 22px;
 line-height: 22px;
 border-radius: 3px;
 transition: 0.1s;
}

.page-pagination span {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 40px;
 height: 40px;
 color: #7D7D7D;
 font-size: 22px;
 line-height: 22px;
 border-radius: 3px;
 transition: 0.1s;
}

.page-pagination li {
 margin: 0px 5px;
}

.page-pagination li.active a {
 color: #FFFFFF;
 background: #03D6A1;
}

.page-pagination li.active span {
 color: #FFFFFF;
 background: #03D6A1;
}

.page-pagination_arrow {
 margin: 0px 15px;
}

.page-pagination_arrow svg {
 width: 32px;
 height: 32px;
 fill: #DADADA;
 transition: 0.1s;
}

@media (max-width: 800px) {
 .page-pagination {
  margin-bottom: 30px;
 }

 .page-pagination a {
  width: 30px;
  height: 30px;
  font-size: 18px;
  line-height: 18px;
 }

 .page-pagination span {
  width: 30px;
  height: 30px;
  font-size: 18px;
  line-height: 18px;
 }

 .page-pagination_arrow svg {
  width: 28px;
  height: 28px;
 }
}

@media (min-width: 1200px) {
 .page-pagination a:hover {
  color: #03D6A1;
 }

 .page-pagination_arrow:hover svg {
  fill: #000000;
 }
}

/*-pagination*/
/*buttons*/
.page-button {
 position: relative;
 z-index: 1;
 display: flex;
 justify-content: center;
 align-items: center;
 color: white;
 width: 190px;
 height: 50px;
 color: #FFFFFF;
 font-size: 17px;
 transition: all 0.3s;
}

.page-button:before,
.page-button:after {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 transition: all 0.3s;
 border-radius: 11px;
}

.page-button:before {
 z-index: -1;
 background: #03D6A1;
}

.page-button:after {
 z-index: -2;
 opacity: 0;
 background: #515666;
}

.page-button_two {
 position: relative;
 z-index: 1;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 190px;
 height: 50px;
 font-size: 17px;
 color: #03D6A1;
 border-radius: 11px;
 border: 2px solid #03D6A1;
 transition: all 0.3s;
}
.page-button_two::after {
 content: "";
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%) scaleX(1.13) scaley(1.4);
 width: calc(100% + 4px);
 height: calc(100% + 4px);
 border-radius: 11px;
 border: 2px solid #FFFFFF;
 opacity: 0;
 transition: 0.5s;
}

.page-button_three {
 position: relative;
 z-index: 1;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 190px;
 height: 50px;
 font-size: 17px;
 color: #03D6A1;
 overflow: hidden;
 transition: 0.2s;
}
.page-button_three::after {
 content: "";
 position: absolute;
 z-index: -1;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: 100%;
 background: #FFFFFF;
 border-radius: 11px;
 transition: 0.5s;
}
.page-button_three::before {
 content: "";
 position: absolute;
 z-index: -1;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: 100%;
 border-radius: 11px;
 border: 2px solid #FFFFFF;
}

.page-button_four {
 position: relative;
 z-index: 1;
 display: flex;
 justify-content: center;
 align-items: center;
 color: white;
 width: 190px;
 height: 50px;
 color: #FFFFFF;
 font-size: 17px;
 transition: all 0.3s;
}
.page-button_four::after {
 content: "";
 position: absolute;
 z-index: -1;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: 100%;
 background: #03D6A1;
 border-radius: 11px;
 transition: 0.5s;
}
.page-button_four::before {
 content: "";
 position: absolute;
 z-index: -1;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: 100%;
 border-radius: 11px;
 border: 2px solid #03D6A1;
}
.page-button_four svg {
 fill: #FFFFFF;
 margin-left: 10px;
}

.page-button_five {
 position: relative;
 z-index: 1;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 190px;
 height: 50px;
 font-size: 17px;
 color: #FFFFFF;
 border-radius: 11px;
 border: 2px solid #FFFFFF;
 transition: all 0.3s;
}
.page-button_five::after {
 content: "";
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%) scaleX(1.13) scaley(1.4);
 width: calc(100% + 4px);
 height: calc(100% + 4px);
 border-radius: 11px;
 border: 2px solid #03D6A1;
 opacity: 0;
 transition: 0.5s;
}

@media (min-width: 1200px) {
 .page-button:hover:after {
   opacity: 1;
   animation-name: rotatecw;
 }
 .page-button:hover:before {
   animation-name: rotateccw;
 }
 .page-button:hover:after, .page-button:hover:before {
   width: 110px;
   height: 110px;
   left: 40px;
   top: -30px;
   animation-duration: 3s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
 }
 .page-button_two:hover {
   color: #FFFFFF;
 }
 .page-button_two:hover::after {
   opacity: 1;
   transform: translate(-50%, -50%) scaleX(1) scaley(1);
 }
 .page-button_three:hover {
   color: #FFFFFF;
 }
 .page-button_three:hover::after {
   height: 0px;
 }
 .page-button_four:hover {
   color: #03D6A1;
 }
 .page-button_four:hover::after {
   height: 0px;
 }
 .page-button_four:hover svg {
   fill: #03D6A1;
 }
 .page-button_five:hover {
   color: #03D6A1;
 }
 .page-button_five:hover::after {
   opacity: 1;
   transform: translate(-50%, -50%) scaleX(1) scaley(1);
 }
}
/*-buttons*/
/*line*/
.bgr-line {
 position: absolute;
 z-index: -1;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.bgr-line span {
 position: absolute;
 top: 0;
 width: 101px;
 height: 100%;
}

.bgr-line span:before {
 content: "";
 position: absolute;
 top: 0;
 left: 50px;
 height: 100%;
 width: 1px;
 background: #515666;
 transition: 2s;
}

.bgr-line span:nth-child(1) {
 left: -37px;
}

.bgr-line span:nth-child(2) {
 left: 13%;
}

.bgr-line span:nth-child(3) {
 left: 30%;
}

.bgr-line span:nth-child(4) {
 left: 46%;
}

.bgr-line span:nth-child(5) {
 right: 30%;
}

.bgr-line span:nth-child(6) {
 right: 13%;
}

.bgr-line span:nth-child(7) {
 right: -37px;
}

@media (max-width: 1200px) {
 .bgr-line span:nth-child(1) {
  display: none;
 }

 .bgr-line span:nth-child(7) {
  display: none;
 }

 .bgr-line span:nth-child(2) {
  left: 10%;
 }

 .bgr-line span:nth-child(3) {
  left: 30%;
 }

 .bgr-line span:nth-child(4) {
  left: 50%;
 }

 .bgr-line span:nth-child(5) {
  right: 30%;
 }

 .bgr-line span:nth-child(6) {
  right: 10%;
 }

 .bgr-line span {
  width: 1px;
  background: #515666;
 }

 .bgr-line span:before {
  display: none;
 }
}

@media (min-width: 1200px) {
 .bgr-line span:hover:before {
  width: 2px;
  background: #03D6A1;
  box-shadow: 0px 0px 12px #03D6A1;
  transition: 0.3s;
 }
}

/*-line*/
/*links*/
.page-links {
 position: fixed;
 z-index: 5;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 background: #FFFFFF;
 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.325493);
 border-radius: 8px;
 padding: 15px 0px;
}

.page-links li {
 position: relative;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 width: 65px;
}

.page-links a {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 37px;
 height: 37px;
 color: #363A47;
 font-size: 22px;
 line-height: 22px;
 border-radius: 50%;
}

.page-links span {
 position: absolute;
 left: 120%;
 top: -5px;
 display: none;
 color: #363A47;
 font-size: 18px;
 white-space: nowrap;
 background: #FFFFFF;
 box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.22), 0px 24px 24px rgba(0, 0, 0, 0.3);
 border-radius: 12px;
 padding: 11px 20px;
 overflow: hidden;
 transition: 0.15s;
}

.page-links span:before {
 content: "";
 position: absolute;
 z-index: 2;
 left: -7px;
 top: 50%;
 transform: translateY(-50%);
 border-top: 7px solid transparent;
 border-right: 7px solid #FFFFFF;
 border-bottom: 7px solid transparent;
}

.page-links b {
 position: relative;
 display: block;
 height: 0;
 width: 1px;
 background: #363A47;
 transition: 1s;
}

.page-links b:after {
 content: "";
 position: absolute;
 left: -2px;
 top: 0;
 width: 5px;
 height: 5px;
 border-radius: 50%;
 background: #363A47;
 opacity: 0;
 transition: 1.1s;
}

.page-links b:before {
 content: "";
 position: absolute;
 left: -2px;
 bottom: 0;
 width: 5px;
 height: 5px;
 border-radius: 50%;
 background: #363A47;
 opacity: 0;
 transition: 1.1s;
}

.page-links li.active a {
 color: #FFFFFF;
 background: #07B086;
}

.page-links li.active span {
 color: #FFFFFF;
 background: #07B086;
}

.page-links li.active span:before {
 border-right: 7px solid #07B086;
}

.page-links li.active b {
 height: 100px;
 margin-top: 10px;
 transition: 1s;
}

.page-links li.active b:after {
 opacity: 1;
 transition: 0.3s;
}

.page-links li.active b:before {
 opacity: 1;
 transition: 0.3s;
}

@media (max-width: 1250px) {
 .page-links li {
  width: 42px;
 }

 .page-links li.active a {
  width: 30px;
  height: 30px;
  font-size: 18px;
  line-height: 18px;
 }

 .page-links span {
  padding: 8px 15px;
 }
}

@media (max-width: 1200px) {
 .page-links {
  display: none;
 }
}

@media (min-width: 1200px) {
 .page-links li:hover span {
  display: block;
  overflow: visible;
 }

 .page-links a:hover {
  color: #07B086;
 }
}

/*-links*/
.rating {
 display: block;
 height: 16px;
 width: 80px;
}

.rating[data-stars="5"] {
 background: url("../img/icons/stars/star-5.svg") center no-repeat;
 background-size: contain;
}

.rating[data-stars="4"] {
 background: url("../img/icons/stars/star-4.svg") center no-repeat;
 background-size: contain;
}

.rating[data-stars="3"] {
 background: url("../img/icons/stars/star-3.svg") center no-repeat;
 background-size: contain;
}

.rating[data-stars="2"] {
 background: url("../img/icons/stars/star-2.svg") center no-repeat;
 background-size: contain;
}

.rating[data-stars="1"] {
 background: url("../img/icons/stars/star-1.svg") center no-repeat;
 background-size: contain;
}

.rating[data-stars="0"] {
 background: url("../img/icons/stars/star-0.svg") center no-repeat;
 background-size: contain;
}

/*share*/
.share {
 align-items: center;
 position: fixed;
 z-index: 4;
 left: 0;
 top: 270px;
 background: #FFFFFF;
 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.325493);
 border-radius: 8px;
 padding: 120px 13px 20px 13px;
}

.share span {
 position: absolute;
 top: 50px;
 left: -5px;
 transform: rotate(90deg);
 color: #7D7D7D;
 font-size: 23px;
 text-transform: uppercase;
}

.share li {
 margin-bottom: 30px;
}

.share li:last-child {
 margin-bottom: 0;
}

.share img {
 transition: 0.1s;
}

@media (max-width: 1250px) {
 .share.open {
  left: 0;
 }

 .share {
  background: transparent;
  top: 290px;
  padding: 0;
  left: -50px;
  transition: 0.2s;
 }

 .share span {
  text-align: center;
  top: 67px;
  width: 153px;
  left: auto;
  right: -85px;
  font-size: 14px;
  color: #FFFFFF;
  background: #03D6A1;
  border-radius: 8px 8px 0 0;
 }

 .share ul {
  background: #FFFFFF;
  padding: 10px;
  height: 153px;
 }

 .share img {
  width: 29px;
 }

 .share li {
  margin-bottom: 20px;
 }
}

@media (min-width: 1200px) {
 .share img:hover {
  transform: scale(1.1);
 }
}

/*-share*/
/*category*/
.page-category {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
 max-width: 800px;
 margin: 26px auto 0px auto;
}

.page-category li {
 margin: 4px;
}

.page-category a {
 display: block;
 font-weight: 700;
 font-size: 16px;
 color: #363A47;
 padding: 4px 8px;
 border: 2px solid #03D6A1;
 border-radius: 8px;
 transition: 0.15s;
}

.page-category li.active a {
 color: #FFFFFF;
 background: #03D6A1;
}

@media (max-width: 800px) {
 .page-category {
  margin-top: 16px;
 }

 .page-category a {
  font-size: 14px;
 }
}

@media (min-width: 1200px) {
 .page-category a:hover {
  color: #03D6A1;
 }

 .page-category li.active a:hover {
  color: #FFFFFF;
 }
}

/*-category*/
/*header*/
.header {
 position: absolute;
 z-index: 5;
 left: 0;
 top: 0;
 width: 100%;
 padding: 10px 0;
 background: #FFFFFF;
 box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.320596);
}

.header .container {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.header-logo {
 display: flex;
 align-items: center;
 justify-content: flex-start;
}

.header-logo img {
 width: 130px;
 height: 52.6px;
}

.header-mob_title {
 display: none;
}

.header-burger {
 display: none;
}

.header-mob_bgr {
 display: none;
}

.header-menu_list {
 display: flex;
 align-items: center;
 justify-content: flex-end;
}

.header-menu_list li {
 position: relative;
 margin-right: 25px;
}

.header-menu_list li:last-child {
 margin-right: 0;
}

.header-menu_list a {
 position: relative;
 color: #373737;
 font-size: 17px;
 transition: 0.15s;
}

.header-menu_list a:after {
 content: "";
 position: absolute;
 left: 0;
 bottom: -10px;
 width: 0;
 height: 6px;
 background: #373737;
 transition: 0.15s;
}

.header-menu_list li.current-menu-item a {
 color: #373737;
 font-weight: 700;
}

.header-menu_list li.current-menu-item a:after {
 width: 25px;
 background: #03D6A1;
}

.header-menu_list li.active>a {
 color: #03D6A1;
}

.header-menu_list li.active .sub-menu {
 display: block;
}

.header-menu_list li.active>a:before {
 transform: rotate(0);
}

.header-menu_point>a {
 display: flex;
 align-items: center;
}

.header-menu_point>a:before {
 content: "";
 order: 1;
 width: 12px;
 height: 12px;
 background: url("../img/icons/ar.svg") center no-repeat;
 background-size: contain;
 transform: rotate(180deg);
 transition: 0.2s;
 margin-top: 4px;
 margin-left: 10px;
}

.sub-menu {
 position: absolute;
 left: 0;
 top: 100%;
 padding: 15px;
 display: none;
 background: #FFFFFF;
 box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}

.sub-menu li {
 margin-right: 0px;
 margin-bottom: 15px;
}

.sub-menu li:last-child {
 margin-bottom: 0px;
}

.sub-menu a {
 white-space: nowrap;
}

.sub-menu a:after {
 display: none;
}

.header-menu_btn a {
 color: #373737;
 padding: 10px 16px;
 overflow: hidden;
}

.header-menu_btn a:before {
 content: "";
 position: absolute;
 z-index: -1;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border: 2px solid #363A47;
 border-radius: 11px;
 transition: 0.3s;
}

.header-menu_btn a:after {
 content: "";
 position: absolute;
 z-index: -1;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: #03D6A1;
 border-radius: 11px;
 opacity: 0;
 transform: scale(0.1, 0.1);
 transition: 0.3s;
}

.header-menu_btn.current-menu-item a {
 font-weight: 500;
}

@media (max-width: 1200px) {
 .header {
  position: fixed;
 }

 .header-logo img {
  height: 50px;
  width: 123.6px;
 }

 .header-menu {
  position: fixed;
  right: -305px;
  top: 0;
  z-index: 7;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 100%;
  background: #FFFFFF;
  transition: 0.3s;
 }

 .header-menu:before {
  content: "";
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  height: 60px;
  width: 50px;
  background: url(../img/icons/dots-right.svg) center no-repeat;
  background-size: contain;
 }

 .header-menu:after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  height: 60px;
  width: 50px;
  background: url(../img/icons/dots-left.svg) center no-repeat;
  background-size: contain;
 }

 .header-menu.open {
  right: 0;
 }

 .header-menu_list {
  position: relative;
  z-index: 4;
  display: block;
  width: 100%;
  padding: 0px 15px 0px 90px;
  max-height: calc(100% - 120px);
  overflow: auto;
 }

 .header-menu_list li {
  margin-right: 0;
  margin-bottom: 30px;
 }

 .header-menu_list a {
  font-size: 16px;
 }

 .header-mob_title {
  display: block;
  font-size: 24px;
  color: #363A47;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  text-transform: uppercase;
 }

 .header-burger {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 26px;
  height: 17px;
  transition: 0.3s;
 }

 .header-burger span {
  height: 3px;
  background: #05D097;
  transition: 0.3s;
  width: 100%;
 }

 .header-burger.open {
  height: 16px;
  transform: rotate(90deg) translateY(-5px);
 }

 .header-burger.open span:nth-child(1) {
  transform: translate(0px, 6px) rotate(-45deg);
 }

 .header-burger.open span:nth-child(2) {
  opacity: 0;
 }

 .header-burger.open span:nth-child(3) {
  width: 100%;
  transform: translate(0px, -7px) rotate(45deg);
 }

 .header-mob_bgr {
  position: fixed;
  z-index: 6;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
 }

 .header-mob_bgr.open {
  display: block;
 }

 .sub-menu {
  position: static;
  display: none;
  background: transparent;
  padding: 0px;
  margin-left: 10px;
  margin-top: 20px;
  box-shadow: none;
 }

 .sub-menu li {
  margin-bottom: 15px;
 }

 .sub-menu a {
  font-size: 14px;
 }
}

@media (min-width: 1200px) {
 .header-menu_list a:hover {
  color: #03D6A1;
 }

 .header-menu_list a:hover:after {
  width: 25px;
 }

 .header-menu_btn:hover a {
  color: #FFFFFF !important;
 }

 .header-menu_btn:hover a:before {
  opacity: 0;
  transform: scale(0.1, 0.1);
 }

 .header-menu_btn:hover a:after {
  width: 100%;
  opacity: 1;
  transform: scale(1, 1);
 }

 .header-menu_btn.current-menu-item:hover a {
  opacity: 1;
  color: #FFFFFF;
 }

 .header-menu_btn.current-menu-item:hover a:after {
  width: 100%;
 }
}

/*-header*/
/*footer*/
.footer {
 padding: 30px 0;
 background: #363A47;
}

.footer .container:before {
 content: "";
 position: absolute;
 z-index: 2;
 right: -144px;
 top: -35px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-footer-right.svg) center no-repeat;
 background-size: contain;
}

.footer .container:after {
 content: "";
 position: absolute;
 z-index: 2;
 left: -144px;
 bottom: -35px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-footer-left.svg) center no-repeat;
 background-size: contain;
}

.footer-wrap {
 position: relative;
 z-index: 3;
 display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr;
 grid-auto-rows: 56px;
 grid-column-gap: 20px;
 grid-row-gap: 20px;
}

.footer-box:nth-child(1) {
 grid-column-start: 1;
 grid-column-end: 1;
 grid-row-start: 1;
 grid-row-end: 7;
}

.footer-box:nth-child(2) {
 grid-column-start: 2;
 grid-column-end: 4;
 grid-row-start: 5;
 grid-row-end: 5;
}

.footer-box:nth-child(3) {
 grid-column-start: 2;
 grid-column-end: 2;
 grid-row-start: 1;
 grid-row-end: 5;
}

.footer-box:nth-child(4) {
 display: none;
}

.footer-box:nth-child(5) {
 grid-column-start: 3;
 grid-column-end: 3;
 grid-row-start: 1;
 grid-row-end: 5;
}

.footer-box:nth-child(6) {
 grid-column-start: 4;
 grid-column-end: 4;
 grid-row-start: 1;
 grid-row-end: 7;
}

.footer-box:nth-child(7) {
 grid-column-start: 2;
 grid-column-end: 4;
 grid-row-start: 6;
 grid-row-end: 6;
}

.footer-box_wrap {
 background: #2F3340;
 border-radius: 20px;
 overflow: hidden;
 height: 100%;
}

.footer-box_top {
 display: flex;
 align-items: center;
 justify-content: flex-start;
 height: 70px;
 padding: 0px 20px;
 background: #292C37;
}

.footer-box_top a {
 display: flex;
 justify-content: center;
 align-items: center;
}

.footer-box_top img {
 width: 130px;
 height: 52.6px;
}

.footer-box_title {
 display: block;
 font-weight: 500;
 font-size: 24px;
 line-height: 30px;
 color: #FFFFFF;
}

.footer-box_bottom {
 padding: 20px;
}

.footer-box_bottom p {
 font-weight: 500;
 font-size: 16px;
 line-height: 32px;
 color: #FFFFFF;
}

.footer-box_cert {
 display: grid;
 grid-template-columns: 1fr 1fr;
 grid-column-gap: 10px;
 grid-row-gap: 10px;
 padding: 0px 70px 20px 20px;
}

.footer-box_cert a {
 display: flex;
 justify-content: center;
 align-items: center;
}

.footer-box_cert img {
 width: 100%;
}

.footer-links {
 display: grid;
 grid-template-columns: 1fr 1fr;
 grid-column-gap: 20px;
 height: 100%;
}

.footer-links a {
 display: flex;
 align-items: center;
 justify-content: flex-start;
 width: 100%;
 height: 100%;
 font-weight: 500;
 font-size: 24px;
 line-height: 30px;
 color: #FFFFFF;
 padding: 0px 20px;
 background: #292C37;
 border-radius: 20px;
 transition: 0.15s;
}

.footer-menu li {
 margin-bottom: 16px;
}

.footer-menu li:last-child {
 margin-bottom: 0px;
}

.footer-menu a {
 display: block;
 font-weight: 500;
 font-size: 16px;
 line-height: 24px;
 text-decoration-line: underline;
 color: #FFFFFF;
 transition: 0.15s;
}

.footer-socials {
 display: flex;
 align-items: center;
 margin-bottom: 30px;
}

.footer-socials a {
 display: flex;
 justify-content: center;
 align-items: center;
}

.footer-socials li {
 margin-right: 16px;
}

.footer-socials li:last-child {
 margin-right: 0px;
}

.footer-socials img {
 width: 24px;
 height: 24px;
 transition: 0.15s;
}

.footer-contacts li {
 position: relative;
 padding-left: 34px;
 margin-bottom: 16px;
}

.footer-contacts li:before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 24px;
 height: 24px;
}

.footer-contacts li:nth-child(1):before {
 background: url(../img/icons/contacts/contacts-1.svg) center no-repeat;
 background-size: contain;
}

.footer-contacts li:nth-child(2):before {
 background: url(../img/icons/contacts/contacts-2.svg) center no-repeat;
 background-size: contain;
}

.footer-contacts li:nth-child(3):before {
 background: url(../img/icons/contacts/contacts-3.svg) center no-repeat;
 background-size: contain;
}

.footer-contacts li:nth-child(4):before {
 background: url(../img/icons/contacts/contacts-3.svg) center no-repeat;
 background-size: contain;
}

.footer-contacts li:last-child {
 margin-bottom: 0px;
}

.footer-contacts a {
 font-weight: 500;
 font-size: 16px;
 line-height: 24px;
 color: #FFFFFF;
 transition: 0.15s;
}

.footer-contacts li.hide {
 margin: 0px;
}

.footer-contacts li.hide:before {
 display: none;
}

.footer-police {
 display: grid;
 grid-template-columns: 1fr 1fr;
 grid-column-gap: 20px;
 height: 100%;
}

.footer-police a {
 display: flex;
 align-items: center;
 justify-content: flex-start;
 width: 100%;
 height: 100%;
 font-weight: 500;
 font-size: 16px;
 line-height: 24px;
 color: #FFFFFF;
 padding: 0px 20px;
 background: #292C37;
 text-decoration: underline;
 border-radius: 20px;
 transition: 0.15s;
}

.footer-police img {
 width: 24px;
 height: 24px;
 margin-right: 10px;
}

.footer-line {
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 10px 15px;
 background: #FFFFFF;
 margin-top: 30px;
}

.footer-line span {
 display: block;
 font-size: 12px;
 line-height: 21px;
 color: #292C37;
 text-align: center;
 max-width: 800px;
}

@media (max-width: 1200px) {
 .footer .container:after {
  width: 70px;
  height: 86px;
  left: -70px;
  bottom: auto;
  top: -35px;
 }

 .footer .container:before {
  width: 70px;
  height: 86px;
  right: -70px;
  top: auto;
  bottom: -35px;
 }

 .footer-box_cert {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding: 0px 20px 20px 20px;
 }
}

@media (max-width: 1200px) {
 .footer .container {
  max-width: 500px;
 }

 .footer-wrap {
  display: block;
 }

 .footer-box {
  margin-bottom: 20px;
 }

 .footer-box:last-child {
  margin-bottom: 0px;
 }

 .footer-links a {
  height: 50px;
 }

 .footer-police a {
  height: 40px;
 }

 .footer-links {
  grid-template-columns: 1fr;
  grid-row-gap: 10px;
 }

 .footer-police {
  grid-template-columns: 1fr;
  grid-row-gap: 10px;
 }
}

@media (min-width: 1200px) {
 .footer-menu a:hover {
  color: #03D6A1;
 }

 .footer-socials img:hover {
  transform: scale(1.1);
 }

 .footer-links a:hover {
  color: #03D6A1;
 }

 .footer-contacts a:hover {
  color: #03D6A1;
 }

 .footer-police a:hover {
  color: #03D6A1;
 }
}

/*-footer*/
/*police*/
.police {
 position: fixed;
 z-index: 4;
 left: 0;
 bottom: 0;
 width: 100%;
 background: #03D6A1;
 display: block;
}

.police.active {
 display: none;
}

.police-wrap {
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 15px 0px;
}

.police-wrap p {
 font-weight: 400;
 font-size: 16px;
 line-height: 24px;
 color: #363A47;
 width: auto;
 margin-right: 30px;
}

.police-wrap a {
 color: #363A47;
 font-weight: 600;
 margin-left: 10px;
 text-decoration: underline;
}

.police-button {
 width: 120px;
 height: 40px;
 font-size: 18px;
 color: #363A47;
 border: 2px solid #363A47;
 border-radius: 10px;
 transition: 0.15s;
}

@media (max-width: 800px) {
 .police-wrap {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 0px;
 }

 .police-wrap p {
  font-size: 12px;
  line-height: 18px;
  margin-right: 0px;
  margin-bottom: 10px;
 }

 .police-button {
  width: 90px;
  font-size: 14px;
  height: 35px;
 }
}

@media (min-width: 1200px) {
 .police-wrap a:hover {
  text-decoration: underline;
 }

 .police-button:hover {
  color: #03D6A1;
  background: #363A47;
 }
}

/*-police*/
/*modal*/
.modal {
 position: fixed;
 z-index: 15;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.7);
 display: none;
}

.modal-box {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 100%;
}

.modal-iframe {
 position: relative;
 width: 1100px;
 max-height: 100%;
 padding: 30px;
 border-radius: 10px;
 background: #FFFFFF;
 overflow: auto;
}

.modal-iframe::-webkit-scrollbar {
 width: 7px;
}

.modal-iframe::-webkit-scrollbar-thumb {
 background: #03D6A1;
 border-radius: 5px;
}

.modal-iframe::-webkit-scrollbar-track {
 background: transparent;
}

.modal-iframe iframe {
 width: 100%;
 height: 780px;
}

.modal-close {
 position: absolute;
 z-index: 3;
 right: 10px;
 top: 10px;
 width: 40px;
 height: 40px;
 cursor: pointer;
 fill: #03D6A1;
 transition: 0.1s;
}

@media (max-width: 1200px) {
 .modal-iframe {
  height: 100vh;
  padding: 40px 0px;
  border-radius: 0;
 }
}

@media (min-width: 1200px) {
 .modal-close:hover {
  fill: #1D1D33;
 }
}

/*-modal*/
/*home*/
.home-top {
 background: #363A47;
}

.home-top .container {
 z-index: 1;
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding-top: 100px;
 padding-bottom: 55px;
}

.home-text {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 width: 50%;
 min-width: 50%;
}

.home-text h1 {
 color: #FFFFFF;
 font-size: 56px;
 line-height: 120%;
 font-weight: 500;
 margin-bottom: 30px;
 pointer-events: none;
}

.home-text h1 b {
 color: #03D6A1;
}

.home-text p {
 color: #FFFFFF;
}

.home-buttons {
 display: flex;
 align-items: center;
 margin-top: 50px;
}

.home-buttons a {
 margin-right: 24px;
}

.home-img {
 width: 45%;
}

.home-img svg {
 width: 100%;
 height: auto;
}

.home-bottom {
 position: relative;
 z-index: 2;
 margin-top: -100px;
}

.home-list {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr;
 grid-column-gap: 20px;
 grid-row-gap: 20px;
}

.home-list li {
 position: relative;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: flex-start;
 padding: 30px 20px;
 background: #FFFFFF;
 box-shadow: 0px 0px 77px rgba(0, 0, 0, 0.0588235);
 border-radius: 15px;
}

.home-list li::before {
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 border-top: 3px solid #03D6A1;
 border-bottom: 3px solid #03D6A1;
 transform: scale(0, 1);
 transition: border-radius 1s, transform 0.4s;
}

.home-list li::after {
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 border-right: 3px solid #03D6A1;
 border-left: 3px solid #03D6A1;
 transform: scale(1, 0);
 transition: border-radius 1s, transform 0.4s;
}

.home-list img {
 width: 69px;
 height: 69px;
 margin-bottom: 10px;
}

.home-list h3 {
 display: flex;
 align-items: center;
 justify-content: center;
 min-height: 66px;
 text-align: center;
 margin-bottom: 10px;
}

.home-list.two li {
 padding: 30px 20px 90px 20px;
}

.home-list.two .home-list_btn {
 position: absolute;
 left: 20px;
 bottom: 20px;
 width: calc(100% - 40px);
}

.home.two .container {
 padding-top: 77px;
 padding-bottom: 0px;
}

.home.two .home-bottom {
 margin-top: -160px;
}

.home.two .home-text {
 padding-bottom: 55px;
}

.home.two .home-img {
 display: flex;
 justify-content: center;
 align-items: center;
 width: auto;
 height: 100%;
}

.home.two .home-img img {
 height: calc(100% + 100px);
}

@media (max-width: 1200px) {
 .home-bottom {
  margin-top: -30px;
 }

 .home-list {
  grid-template-columns: 1fr 1fr;
 }

 .home.two .container {
  padding-bottom: 0px;
  padding-top: 100px;
 }

 .home.two .home-text {
  padding-bottom: 0px;
 }

 .home.two .home-img {
  position: relative;
  right: -15px;
  width: 100%;
  height: auto;
  margin-top: 30px;
 }

 .home.two .home-bottom {
  margin-top: -100px;
 }
}

@media (max-width: 800px) {
 .home-top .container {
  flex-direction: column;
 }

 .home-text {
  width: 100%;
  align-items: center;
  margin-bottom: 10px;
 }

 .home-text h1 {
  font-size: 46px;
  line-height: 58px;
  margin-bottom: 10px;
 }

 .home-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
 }

 .home-buttons a {
  margin: 0px;
  margin-bottom: 20px;
 }

 .home-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
 }

 .home-list {
  width: 90%;
  grid-template-columns: 1fr;
  margin: auto;
 }

 .home-list h3 {
  min-height: auto;
 }

 .home-list p {
  text-align: center;
 }

 .anima {
  width: 100%;
  height: auto;
 }
}

@media (min-width: 1200px) {
 .home-list li:hover:before {
  transform: scale(1, 1);
  border-radius: 15px;
 }

 .home-list li:hover:after {
  transform: scale(1, 1);
  border-radius: 15px;
 }
}

/*-home*/
/*favor*/
.favor .container:before {
 content: "";
 position: absolute;
 z-index: -1;
 right: -134px;
 bottom: -80px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
}

.favor .container:after {
 content: "";
 position: absolute;
 z-index: -1;
 left: -134px;
 top: 0;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
}

.favor-wrap {
 padding: 50px 40px;
 background: #FAFAFA;
}

.favor-info {
 display: flex;
 justify-content: space-between;
 margin-bottom: 70px;
}

.favor-info_img {
 min-width: 420px;
 margin-right: 40px;
}

.favor-info_img img {
 width: 100%;
 height: 263px;
}

.favor-info_text .content {
 margin-top: 16px;
}

.favor-list {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 grid-row-gap: 70px;
 grid-column-gap: 20px;
}

.favor-list li {
 position: relative;
 background: #FFFFFF;
 box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
 border-radius: 15px;
 padding: 65px 20px 30px 20px;
}

.favor-list li:after {
 content: "";
 position: absolute;
 z-index: 2;
 right: 24px;
 top: -50px;
 width: 100px;
 height: 100px;
 border-radius: 50%;
 background: #FAFAFA;
}

.favor-list li:before {
 content: "";
 position: absolute;
 z-index: 1;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: linear-gradient(270deg, #07A981 0%, #03D6A1 100%);
 opacity: 0;
 border-radius: 15px;
 transition: 0.3s;
}

.favor-list img {
 position: absolute;
 z-index: 3;
 right: 40px;
 top: -34px;
 width: 68px;
 height: 68px;
 border-radius: 50%;
 box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.favor-list h3 {
 position: relative;
 z-index: 2;
 margin-bottom: 10px;
 transition: 0.2s;
}

.favor-list p {
 position: relative;
 z-index: 2;
 transition: 0.2s;
}

@media (max-width: 1200px) {
 .favor .container:after {
  width: 70px;
  height: 86px;
  left: 0;
  top: -16px;
 }

 .favor .container:before {
  display: none;
 }

 .favor-info {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
 }

 .favor-list {
  grid-template-columns: 1fr 1fr;
 }
}

@media (max-width: 800px) {
 .favor .container {
  padding: 0px;
 }

 .favor .section-title {
  padding: 0px 15px;
 }

 .favor-wrap {
  padding: 30px 15px;
 }

 .favor-info {
  margin-bottom: 60px;
 }

 .favor-info_img {
  width: 100%;
  min-width: 100%;
  margin-bottom: 30px;
  margin-right: 0px;
 }

 .favor-info_img img {
  height: 59.666vw;
 }

 .favor-info_text {
  width: 100%;
 }

 .favor-list {
  grid-template-columns: 1fr;
 }
}

@media (min-width: 1200px) {
 .favor-list li:hover:before {
  opacity: 1;
 }

 .favor-list li:hover h3 {
  color: #FFFFFF;
 }

 .favor-list li:hover p {
  color: #FFFFFF;
 }
}

/*-favor*/
/*technics*/
.technics .container:before {
 content: "";
 position: absolute;
 z-index: -1;
 left: -134px;
 bottom: -80px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
}

.technics-wrap {
 padding: 50px 40px;
 background: #FAFAFA;
}

.technics-list {
 position: relative;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 height: 580px;
}

.technics-list::before {
 content: "";
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 268px;
 height: 582px;
 background: url("../img/icons/technics/technics.svg") center no-repeat;
 background-size: contain;
}

.technics-list li {
 position: relative;
 display: flex;
 align-items: center;
 height: 14%;
 width: 40%;
 padding-left: 10px;
 border-left: 4px solid #03D6A1;
}

.technics-list svg {
 position: absolute;
 left: 0;
 top: 100%;
 width: 100%;
 height: auto;
}

.technics-list h3 {
 position: relative;
 width: 280px;
}

.technics-list li:nth-child(even) {
 border-left: none;
 padding-right: 10px;
 border-right: 4px solid #03D6A1;
}

.technics-list li:nth-child(even) h3 {
 text-align: right;
 margin-left: auto;
}

.technics-list li:nth-child(even) h3:after {
 left: auto;
 right: 0;
}

.technics-list li:nth-child(7) svg,
.technics-list li:nth-child(8) svg,
.technics-list li:nth-child(9) svg,
.technics-list li:nth-child(10) svg {
 top: auto;
 bottom: 0;
}

@media (max-width: 1200px) {
 .technics .container:before {
  width: 70px;
  height: 86px;
  left: auto;
  right: 0;
  bottom: -86px;
 }

 .technics-list {
  height: 450px;
  max-width: 700px;
  margin: auto;
 }

 .technics-list::before {
  width: 220px;
  height: 450px;
 }

 .technics-list h3 {
  width: 200px;
  font-size: 16px;
  line-height: 20px;
 }
}

@media (max-width: 800px) {
 .technics .container {
  padding: 0px;
 }

 .technics-wrap {
  padding: 30px 15px;
 }

 .technics-list {
  height: 56.25vw;
 }

 .technics-list::before {
  width: 27.5vw;
  height: 56.25vw;
 }

 .technics-list h3 {
  width: 60%;
  font-size: 2vw;
  line-height: 2.5vw;
 }
}

@media (max-width: 500px) {
 .technics-list li {
  height: 17%;
 }

 .technics-list h3 {
  font-size: 2.4vw;
  line-height: 2.8vw;
 }
}

/*-technics*/
/*features*/
.features-list {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr;
 grid-column-gap: 20px;
 grid-row-gap: 20px;
}

.features-list li {
 position: relative;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: flex-start;
 padding: 30px 20px;
 background: #FFFFFF;
 box-shadow: 0px 0px 77px rgba(0, 0, 0, 0.0588235);
 border-radius: 15px;
}

.features-list li::before {
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 border-top: 3px solid #03D6A1;
 border-bottom: 3px solid #03D6A1;
 transform: scale(0, 1);
 transition: border-radius 1s, transform 0.4s;
}

.features-list li::after {
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 border-right: 3px solid #03D6A1;
 border-left: 3px solid #03D6A1;
 transform: scale(1, 0);
 transition: border-radius 1s, transform 0.4s;
}

.features-list img {
 width: 69px;
 height: 69px;
 margin-bottom: 10px;
}

.features-list h3 {
 display: flex;
 align-items: center;
 justify-content: center;
 min-height: 66px;
 text-align: center;
 margin-bottom: 10px;
}

@media (max-width: 1200px) {
 .features-list {
  grid-template-columns: 1fr 1fr;
 }
}

@media (max-width: 800px) {
 .features-list {
  width: 90%;
  grid-template-columns: 1fr;
  margin: auto;
 }

 .features-list h3 {
  min-height: auto;
 }

 .features-list p {
  text-align: center;
 }
}

@media (min-width: 1200px) {
 .features-list li:hover:before {
  transform: scale(1, 1);
  border-radius: 15px;
 }

 .features-list li:hover:after {
  transform: scale(1, 1);
  border-radius: 15px;
 }
}

/*-features*/
/*say*/
.say {
 background: #FAFAFA;
}

.say-slider {
 overflow: visible;
}

.say-slide {
 background: #FFFFFF;
 box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
 border-radius: 15px;
 padding: 30px 20px;
}

.say-slide_top {
 position: relative;
 min-height: 60px;
 padding-left: 90px;
 margin-bottom: 20px;
}

.say-slide_avatar {
 position: absolute;
 left: 0;
 top: 0;
 width: 60px;
 height: 60px;
}

.say-slide_avatar::after {
 content: "";
 position: absolute;
 right: -10px;
 bottom: -10px;
 width: 30px;
 height: 30px;
 background: url("../img/icons/dots.svg") center no-repeat;
 background-size: contain;
}

.say-slide_avatar img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 50%;
}

.say-slide_prof {
 font-weight: 500;
 font-size: 12px;
 line-height: 20px;
 color: #647983;
}

.say-slide_bottom {
 display: flex;
 align-items: center;
 margin-top: 4px;
}

.say-slide_link {
 display: flex;
 align-items: center;
 margin-left: 16px;
}

.say-slide_link svg {
 margin-left: 4px;
 fill: #03D6A1;
 transition: 0.15s;
}

.say-pagination {
 position: static;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 transform: translate(0);
 margin-top: 30px;
}

.say-pagination .swiper-pagination-bullet {
 width: 10px;
 height: 10px;
 opacity: 1;
 background: #DBDBE8;
}

.say-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
 background: linear-gradient(270deg, #07A981 0%, #03D6A1 100%);
}

@media (min-width: 1200px) {
 .say-slide_link:hover svg {
  fill: #363A47;
 }
}

/*-say*/
/*plus*/
.plus .container:before {
 content: "";
 position: absolute;
 z-index: -1;
 right: -134px;
 top: -15px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
}

.plus .container:after {
 content: "";
 position: absolute;
 z-index: -1;
 left: -134px;
 top: -15px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
}

.plus-numbers {
 position: relative;
 display: flex;
 justify-content: space-between;
 padding: 90px 0px;
 margin-bottom: 30px;
}

.plus-numbers:before {
 content: "";
 position: absolute;
 z-index: -1;
 left: 50%;
 top: 0;
 height: 100%;
 width: 2700px;
 transform: translateX(-50%);
 background: linear-gradient(270deg, #07A980 0%, #03D5A0 100%);
}

.plus-numbers li {
 display: flex;
 flex-direction: column;
 align-items: center;
}

.plus-numbers span {
 display: block;
 color: #FFFFFF;
 font-size: 19px;
}

.plus-numbers span:nth-child(1) {
 font-size: 50px;
 margin-bottom: 10px;
}

.plus.two {
 padding: 90px 0px;
 background: linear-gradient(270deg, #07A980 0%, #03D5A0 100%);
}

.plus.two .container:before {
 content: "";
 position: absolute;
 z-index: -1;
 right: -134px;
 top: -280px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
}

.plus.two .container:after {
 content: "";
 position: absolute;
 position-z-index: -1;
 left: -134px;
 top: -280px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
}

.plus.two .title-xl {
 color: #FFFFFF;
}

.plus.two .plus-numbers {
 padding: 0px;
}

.plus.two .plus-numbers:before {
 display: none;
}

@media (max-width: 1200px) {
 .plus .container:before {
  width: 70px;
  height: 86px;
  right: 0;
  top: -16px;
 }

 .plus .container:after {
  width: 70px;
  height: 86px;
  left: 0;
  top: -16px;
 }
}

@media (max-width: 800px) {
 .plus.two {
  padding: 70px 0px;
 }

 .plus-numbers {
  padding: 70px 0;
  flex-wrap: wrap;
  text-align: center;
  margin: 0px;
 }

 .plus-numbers:before {
  width: calc(100% + 30px);
  background: linear-gradient(270deg, #07A980 0%, #03D5A0 100%);
 }

 .plus-numbers li {
  width: 48%;
  margin-bottom: 50px;
 }

 .plus-numbers li:nth-child(1) {
  margin-bottom: 35px;
 }

 .plus-numbers li:nth-child(2) {
  margin-bottom: 35px;
 }

 .plus-numbers li:nth-child(3) {
  margin-top: 35px;
  margin-bottom: 0;
 }

 .plus-numbers li:nth-child(4) {
  margin-top: 35px;
  margin-bottom: 0;
 }

 .plus-numbers li:nth-child(1):after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
 }

 .plus-numbers li:nth-child(1):before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
 }
}

/*-plus*/
/*faq*/
.faq-two {
 background: #FAFAFA;
 margin-bottom: 100px;
}

.faq-list {
 max-width: 800px;
 margin: auto;
}

.faq-list_point {
 margin-bottom: 30px;
}

.faq-list_point:last-child {
 margin-bottom: 0px;
}

.faq-list_top {
 position: relative;
 min-height: 48px;
 padding-left: 70px;
 padding-top: 8px;
 cursor: pointer;
}

.faq-list_top::before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 48px;
 height: 48px;
 border-radius: 50%;
 background: url("../img/icons/plus.svg") center no-repeat;
 background-size: contain;
 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.faq-list_top .title-l {
 transition: 0.15s;
}

.faq-list_top.active::before {
 background: url("../img/icons/minus.svg") center no-repeat;
 background-size: contain;
}

.faq-list_point:nth-child(1) .faq-list_bottom {
 display: block;
}

.faq-list_bottom {
 display: none;
 padding-left: 70px;
 margin-top: 15px;
}

@media (max-width: 800px) {
 .faq-two {
  margin-bottom: 70px;
 }

 .faq-list_top {
  padding-top: 0px;
  padding-left: 50px;
 }

 .faq-list_top::before {
  width: 30px;
  height: 30px;
 }

 .faq-list_bottom {
  padding-left: 50px;
 }
}

@media (min-width: 1200px) {
 .faq-list_top:hover .title-l {
  color: #03D6A1;
 }
}

/*-faq*/
/*issue*/
.issue-bottom {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 30px 70px 30px 50px;
 background: #FAFAFA;
}

.issue-bottom_info {
 display: flex;
 align-items: center;
}

.issue-bottom_info img {
 width: 100px;
 height: 100px;
 margin-right: 50px;
}

.issue-bottom_info .title-xl {
 margin-bottom: 5px;
}

@media (max-width: 1200px) {
 .issue-bottom {
  padding: 30px 20px;
 }

 .issue-bottom_info {
  margin-right: 20px;
 }

 .issue-bottom_info img {
  margin-right: 20px;
 }
}

@media (max-width: 800px) {
 .issue-bottom {
  flex-direction: column;
  align-items: center;
  justify-content: center;
 }

 .issue-bottom_info {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  margin-bottom: 20px;
  text-align: center;
 }

 .issue-bottom_info img {
  margin-right: 0;
  margin-bottom: 15px;
 }
}

/*-issue*/
/*case*/
.case-box {
 display: flex;
 border-bottom: 2px solid #F5F5F5;
}

.case-box:nth-child(1) {
 border-top: 2px solid #F5F5F5;
}

.case-box_img {
 display: flex;
 align-items: flex-start;
 justify-content: flex-start;
 width: 50%;
 height: 370px;
 overflow: hidden;
}

.case-box_img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: 0.3s;
}

.case-box_text {
 position: relative;
 z-index: 1;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 justify-content: center;
 width: 50%;
 padding-left: 25px;
 transition: 0.15s;
}

.case-box_text h3 {
 max-width: 510px;
 transition: 0.2s;
}

.case-box_text p {
 font-weight: 500;
 color: #647983;
 font-size: 18px;
 line-height: 35px;
 max-width: 510px;
 margin-top: 16px;
 transition: 0.2s;
}

.case-box_text:before {
 content: "";
 position: absolute;
 z-index: -1;
 left: 0;
 top: 0;
 width: 0;
 height: 100%;
 background: #4E6A65;
 transition: 0.5s;
}

.case-bottom {
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 50px;
}

@media (max-width: 1200px) {
 .case-box {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  padding-bottom: 20px;
  border-bottom: 1px solid #F5F5F5;
 }

 .case-box:nth-child(1) {
  border-top: 1px solid #F5F5F5;
 }

 .case-box_img {
  width: 100%;
  height: 500px;
  margin-bottom: 20px;
 }

 .case-box_text {
  width: 100%;
  padding: 0px 15px;
 }

 .case-box_text h3 {
  max-width: 100%;
 }

 .case-box_text p {
  max-width: 100%;
 }
}

@media (max-width: 800px) {
 .case-box_img {
  height: 40vw;
 }

 .case-box_text p {
  font-size: 16px;
  line-height: 28px;
 }
}

@media (max-width: 500px) {
 .case-box_img {
  height: 38vw;
 }
}

@media (min-width: 1200px) {
 .case-box_text:hover h3 {
  color: #FFFFFF;
 }

 .case-box_text:hover h3:after {
  background: #FFFFFF;
 }

 .case-box_text:hover p {
  color: #FFFFFF;
 }

 .case-box_img:hover img {
  transform: scale(1.1);
 }

 .case-box_text:hover:before {
  width: 100%;
 }
}

/*-case*/
/*easy*/
.easy {
 background: linear-gradient(91.27deg, #F1F6F6 1.25%, #D9EBEB 99.29%);
}

.easy-list {
 position: relative;
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 grid-column-gap: 70px;
 padding: 40px 0px;
}

.easy-list::after {
 content: "";
 position: absolute;
 left: -70px;
 top: 0px;
 width: 1200px;
 height: 440px;
 background: url("../img/icons/lines.svg") center no-repeat;
 background-size: contain;
}

.easy-list li {
 position: relative;
 padding: 50px 20px 20px 50px;
 background: #FFFFFF;
 box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
 border-radius: 15px;
}

.easy-list li:after {
 content: "";
 position: absolute;
 z-index: 2;
 right: -10px;
 top: -20px;
 width: 100px;
 height: 100px;
 border-radius: 50%;
 background: linear-gradient(91.27deg, #F1F6F6 1.25%, #D9EBEB 99.29%);
 opacity: 0.9;
}

.easy-list span {
 position: absolute;
 left: -30px;
 top: 50%;
 transform: translateY(-50%);
 display: flex;
 justify-content: center;
 align-items: center;
 width: 70px;
 font-size: 150px;
 line-height: 150px;
 color: transparent;
 -webkit-text-stroke: 2px #363A47;
}

.easy-list img {
 position: absolute;
 z-index: 3;
 right: 4px;
 top: -4px;
 width: 68px;
 height: 68px;
 border-radius: 50%;
 box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.easy-list h3 {
 padding-right: 35px;
 margin-bottom: 10px;
}

@media (max-width: 1200px) {
 .easy-list {
  grid-template-columns: 1fr;
  grid-row-gap: 50px;
  padding: 0px;
  max-width: 500px;
  margin: auto;
 }

 .easy-list:after {
  display: none;
 }

 .easy-list span {
  left: -20px;
  font-size: 100px;
  line-height: 100px;
 }
}

/*-easy*/
/*talk*/
.talk .container:before {
 content: "";
 position: absolute;
 z-index: -1;
 right: -134px;
 bottom: 30px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
}

.talk .container:after {
 content: "";
 position: absolute;
 z-index: -1;
 left: -134px;
 bottom: 30px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
}

.talk-list {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 grid-column-gap: 20px;
 grid-row-gap: 20px;
 max-width: 860px;
 margin: auto;
}

.talk-list li {
 position: relative;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: flex-start;
 padding: 30px 20px;
 background: #FFFFFF;
 box-shadow: 0px 0px 77px rgba(0, 0, 0, 0.0588235);
 border-radius: 15px;
}

.talk-list li::before {
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 border-top: 3px solid #03D6A1;
 border-bottom: 3px solid #03D6A1;
 transform: scale(0, 1);
 transition: border-radius 1s, transform 0.4s;
}

.talk-list li::after {
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 border-right: 3px solid #03D6A1;
 border-left: 3px solid #03D6A1;
 transform: scale(1, 0);
 transition: border-radius 1s, transform 0.4s;
}

.talk-list img {
 width: 60px;
 height: 60px;
 margin-bottom: 10px;
}

.talk-list h3 {
 text-align: center;
 margin-bottom: 10px;
}

.talk-list a {
 position: relative;
 z-index: 3;
 font-weight: 500;
 color: #647983;
 font-size: 16px;
 line-height: 28px;
 letter-spacing: 0.444444px;
 transition: 0.1s;
 text-align: center;
 margin-bottom: 10px;
}

.talk-list a:last-child {
 margin-bottom: 0px;
}

@media (max-width: 1200px) {
 .talk .container:after {
  width: 70px;
  height: 86px;
  left: 0;
  top: 50px;
  bottom: auto;
 }

 .talk .container:before {
  width: 70px;
  height: 86px;
  right: 0;
  top: auto;
  bottom: -50px;
 }
}

@media (max-width: 800px) {
 .talk-list {
  width: 90%;
  grid-template-columns: 1fr;
  margin: auto;
 }
}

@media (min-width: 1200px) {
 .talk-list li:hover:before {
  transform: scale(1, 1);
  border-radius: 15px;
 }

 .talk-list li:hover:after {
  transform: scale(1, 1);
  border-radius: 15px;
 }

 .talk-list a:hover {
  color: #03D6A1;
 }
}

/*-talk*/
/*map*/
.map {
 display: flex;
 align-items: flex-start;
 justify-content: flex-start;
 width: 100%;
 height: 400px;
}

.map img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

@media (max-width: 1200px) {
 .map {
  height: 300px;
 }
}

@media (max-width: 800px) {
 .map {
  height: 200px;
 }
}

/*-map*/
/*request*/
.request {
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #FFFFFF;
}
.request .wpcf7-response-output {
 color: #FFFFFF!important;
}
.request .container {
  position: static;
}
.request::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 75%;
  height: 100%;
  background: #363A47;
  box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.25);
  clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
}
.request::after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(54, 58, 71, 0.66);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.request .title-xl {
  color: #FFF;
}
.request .text-x {
  color: #FFF;
}

.request-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 16px;
  width: 40%;
}
.request-wrap .wpcf7 {
  width: 100%;
}

.request-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.request-form p {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.request-input {
  width: 100%;
  height: 45px;
  color: #363A47;
  font-size: 17px;
  background: #FFFFFF;
  border: 2px solid #363A47;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 0px 15px;
}

.request-input:focus {
  border: 2px solid #03D6A1;
}

.request-textarea {
  width: 100%;
  height: 155px;
  color: #363A47;
  font-size: 17px;
  background: #FFFFFF;
  border: 2px solid #363A47;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 15px;
}

.request-textarea:focus {
  border: 2px solid #03D6A1;
}

.request-btn {
  width: 190px;
  height: 50px;
  color: #FFFFFF;
  font-size: 17px;
  background: #03D6A1;
  border-radius: 11px;
  border: none;
  cursor: pointer;
  transition: 0.1s;
  border: 2px solid #03D6A1;
}

.request-img {
  position: absolute;
  z-index: -3;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.request-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.request-more {
  width: 190px;
}

@media (max-width: 800px) {
  .request {
    background: #363A47;
  }
  .request::before {
    display: none;
  }
  .request::after {
    display: none;
  }
  .request-img {
    display: none;
  }
  .request-wrap {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .request-btn:hover {
    background: #FFFFFF;
    color: #03D6A1;
  }
}
/*-request*/
/*latest*/
.latest .container:before {
 content: "";
 position: absolute;
 z-index: -1;
 right: -134px;
 bottom: 30px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
}

.latest .container:after {
 content: "";
 position: absolute;
 z-index: -1;
 left: -134px;
 bottom: 30px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
}

.latest-slider {
 width: 1000px;
 margin: auto;
 overflow: visible;
}

.latest-slide {
 background: #FFFFFF;
 box-shadow: 0px 0px 77px rgba(0, 0, 0, 0.0588235);
 border-radius: 15px;
 overflow: hidden;
}

.latest-slide_img {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 180px;
 width: 100%;
}

.latest-slide_img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.latest-slide_text {
 padding: 20px;
}

.latest-slide_title {
 padding-bottom: 10px;
 margin-bottom: 10px;
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.latest-slide_title a {
 display: block;
 width: 100%;
 color: #212B36;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
 transition: 0.15s;
}

.latest-slide_bottom {
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.latest-slide_date {
 display: block;
 font-weight: 500;
 font-size: 14px;
 color: #99A1A7;
}

.latest-slide_link {
 display: flex;
 justify-content: center;
 align-items: center;
}

.latest-slide_link svg {
 fill: #03D6A1;
 width: 30px;
 height: 30px;
 transition: 0.15s;
}

.latest-pagination {
 position: static;
 justify-content: center;
 align-items: center;
 width: 100%;
 transform: translate(0);
 margin-top: 30px;
 display: none;
}

.latest-pagination .swiper-pagination-bullet {
 width: 10px;
 height: 10px;
 opacity: 1;
 background: #DBDBE8;
}

.latest-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
 background: linear-gradient(270deg, #07A981 0%, #03D6A1 100%);
}

.latest-btn {
 margin: 50px auto 0px auto;
}

@media (max-width: 1200px) {
 .latest .container:after {
  width: 70px;
  height: 86px;
  left: 0;
  top: -50px;
  bottom: auto;
 }

 .latest .container:before {
  width: 70px;
  height: 86px;
  right: 0;
  top: auto;
  bottom: -70px;
 }

 .latest-slider {
  width: 100%;
 }

 .latest-pagination {
  display: flex;
 }

 .latest-slide_img {
  height: 25.833vw;
 }

 .latest-btn {
  margin: 30px auto 0px auto;
 }
}

@media (max-width: 800px) {
 .latest-slide_img {
  height: 53.75vw;
 }
}

@media (max-width: 500px) {
 .latest-slide_img {
  height: 52vw;
 }
}

@media (min-width: 1200px) {
 .latest-slide_title a:hover {
  color: #03D6A1;
 }

 .latest-slide_link:hover svg {
  fill: #212B36;
 }
}

/*-latest*/
/*blog*/
.blog .page-title p {
 font-weight: 500;
 color: #647983;
 font-size: 18px;
 line-height: 35px;
 max-width: 390px;
 margin-top: 20px;
}

.blog-list_point {
 margin-bottom: 20px;
}

.blog-list_point:last-child {
 margin-bottom: 0;
}

.blog-list_article {
 display: flex;
}

.blog-list_img {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 45%;
}

.blog-list_img img {
 width: 100%;
}

.blog-list_text {
 position: relative;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 justify-content: center;
 width: 55%;
 padding: 5px 20px;
 background: #F5F5F5;
}

.blog-list_top {
 display: flex;
 align-items: center;
 justify-content: space-between;
 width: 100%;
 max-width: 600px;
 margin-bottom: 15px;
}

.blog-list_category {
 display: block;
 font-weight: 700;
 font-size: 14px;
 line-height: 24px;
 color: #919EAB;
 transition: 0.15s;
}

.blog-list_rating {
 width: 120px;
 height: 24px;
}

.blog-list_title {
 max-height: 66px;
 max-width: 520px;
 overflow: hidden;
 margin-bottom: 10px;
}

.blog-list_title a {
 font-weight: 700;
 color: #363A47;
 transition: 0.15s;
}

.blog-list_descr {
 width: 100%;
 max-width: 600px;
 max-height: 105px;
 overflow: hidden;
}

.blog-list_bottom {
 display: flex;
 align-items: center;
 justify-content: space-between;
 width: 100%;
 max-width: 600px;
 margin-top: 15px;
}

.blog-list_author a {
 display: block;
 font-weight: 700;
 font-size: 14px;
 line-height: 24px;
 color: #363A47;
 transition: 0.15s;
}

.blog-list_date {
 display: block;
 font-weight: 700;
 font-size: 14px;
 line-height: 24px;
 color: #919EAB;
}

@media (max-width: 1200px) {
 .blog-list_point {
  margin-bottom: 0px;
 }

 .blog-list_article {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
 }

 .blog-list_img {
  width: 100%;
  height: 55.917vw;
 }

 .blog-list_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
 }

 .blog-list_text {
  width: 100%;
  padding: 30px 15px;
 }

 .blog-list_top {
  max-width: 100%;
 }

 .blog-list_title {
  max-width: 100%;
  max-height: 100%;
 }

 .blog-list_descr {
  max-width: 100%;
 }

 .blog-list_bottom {
  max-width: 100%;
 }
}

@media (max-width: 800px) {
 .blog .page-title p {
  font-size: 16px;
  line-height: 28px;
 }

 .blog-list_descr {
  max-height: 54px;
 }
}

@media (min-width: 1200px) {
 .blog-list_title a:hover {
  color: #03D6A1;
 }

 .blog-list_author a:hover {
  color: #03D6A1;
 }

 .blog-list_category:hover {
  color: #03D6A1;
 }
}

/*-blog*/
/*post*/
.post-category {
 position: relative;
 display: block;
 width: fit-content;
 text-align: center;
 font-weight: 700;
 font-size: 16px;
 line-height: 24px;
 color: #919EAB;
 padding-bottom: 4px;
 text-transform: uppercase;
 margin: 0px auto 10px auto;
}

.post-category:after {
 content: "";
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 2px;
 background: #F5F5F5;
}

.post-top {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 margin-top: 20px;
}

.post-rating {
 width: 120px;
 height: 24px;
}

.post-date {
 display: block;
 font-weight: 700;
 font-size: 16px;
 line-height: 24px;
 color: #919EAB;
 margin-top: 15px;
}

.post-content {
 padding-bottom: 30px;
 margin-bottom: 30px;
 border-bottom: 1px solid #03D6A1;
}

.post-content_wrap {
 display: flex;
 align-items: flex-start;
 margin-bottom: 20px;
}

.post-content_img {
 min-width: 630px;
 margin-right: 20px;
 margin-bottom: 0px !important;
}

.post-content_audio {
 width: 100%;
 margin-bottom: 20px;
}

.post-content_links span {
 display: block;
 margin-bottom: 10px;
}

.post-content_links ul {
 margin-bottom: 20px;
}

.post-content_links ul li {
 position: relative;
 font-weight: 500;
 font-size: 18px;
 line-height: 35px;
 padding-left: 26px;
 margin-bottom: 10px;
 transition: 0.1s;
}

.post-content_links ul a {
 color: #647983;
}

.post-content_links ul li:before {
 content: "";
 position: absolute;
 left: 10px;
 top: 15px;
 width: 6px;
 height: 6px;
 border-radius: 50%;
 background: #03D6A1;
}

.post-content_links ul li:last-child {
 margin-bottom: 0px;
}

.post-info {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
 padding-left: 5px;
}

.post-author {
 position: relative;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 justify-content: flex-start;
 width: 48%;
 min-height: 80px;
 padding-left: 95px;
}

.post-author_img {
 position: absolute;
 left: 0;
 top: 0;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 80px;
 height: 80px;
 border-radius: 50%;
 overflow: hidden;
}

.post-author_img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.post-author_point {
 font-weight: 700;
 font-size: 12px;
 text-transform: uppercase;
 color: #647983;
 margin-bottom: 2px;
}

.post-author_title {
 display: block;
 margin-bottom: 2px;
}

.post-author_title span {
 display: block;
 font-weight: 700;
 font-size: 16px;
 line-height: 24px;
 color: #363A47;
 transition: 0.1s;
}

.post-author_descr {
 display: block;
 font-weight: 500;
 font-size: 14px;
 line-height: 21px;
 color: #647983;
}

.post-tags {
 max-width: 48%;
}

.post-tags_point {
 display: block;
 font-weight: 700;
 font-size: 12px;
 text-transform: uppercase;
 color: #647983;
 margin-bottom: 7px;
}

.post-tags_list {
 display: flex;
 flex-wrap: wrap;
}

.post-tags_list li {
 white-space: nowrap;
 font-weight: 700;
 font-size: 12px;
 background: #03D6A1;
 border-radius: 2px;
 color: #FFFFFF;
 padding: 4px 8px;
 margin-right: 10px;
 margin-bottom: 10px;
}

.post-tags_list li:last-child {
 margin-right: 0px;
}

@media (max-width: 1200px) {
 .post-content {
  padding-left: 5px;
 }

 .post-content_wrap {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
 }

 .post-date {
  padding-left: 5px;
 }

 .post-content_img {
  min-width: 100%;
  margin-right: 0px;
 }

 .post-content_descr {
  margin-top: 20px;
 }
}

@media (max-width: 800px) {
 .post-content_img {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: 15px;
 }

 .post-info {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 25px;
 }

 .post-tags {
  width: 100%;
  max-width: 100%;
  margin-top: 25px;
 }

 .post-author {
  width: 100%;
 }

 .post-content_links ul li {
  font-size: 16px;
  line-height: 28px;
 }

 .post-content_links ul li:before {
  top: 12px;
 }
}

@media (min-width: 1200px) {
 .post-author_title:hover span {
  color: #03D6A1;
 }

 .post-content_links ul a:hover {
  color: #03D6A1;
 }
}

/*-post*/
/*comments*/
.comments {
 position: relative;
 padding-left: 5px;
}

.comments:before {
 content: "";
 position: absolute;
 z-index: -1;
 right: -134px;
 bottom: 30px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
}

.comments:after {
 content: "";
 position: absolute;
 z-index: -1;
 left: -134px;
 bottom: 30px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
}

.comments-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
 height: 36px;
 width: 100%;
 background: #03D6A1;
 border-radius: 5px;
 padding: 0px 15px;
 margin-top: 50px;
}

.comments-top.two {
 justify-content: center;
 align-items: center;
 margin-bottom: 20px;
}

.comments-title {
 font-size: 14px;
 font-weight: 700;
 color: #FFFFFF;
 text-transform: uppercase;
}

.comments-total {
 display: flex;
 align-items: center;
 font-size: 14px;
 font-weight: 700;
 color: #FFFFFF;
 text-transform: uppercase;
}

.comments-total svg {
 margin-left: 5px;
}

.comments-list_point {
 background: #F8F8F8;
 border-radius: 5px;
 padding: 15px 15px 15px 15px;
 margin-top: 25px;
}

.comments-list_info {
 position: relative;
 padding-bottom: 40px;
}

.comments-list_text {
 display: block;
 font-weight: 400;
 font-size: 16px;
 line-height: 24px;
}

.comments-list_name {
 position: absolute;
 left: 0px;
 bottom: 0px;
 display: block;
 font-weight: 700;
 font-size: 14px;
 line-height: 24px;
 color: #1D1D33;
}

.comments-list_date {
 position: absolute;
 left: 210px;
 bottom: 0px;
 display: block;
 font-weight: 600;
 font-size: 14px;
 line-height: 24px;
 color: #8A92A3;
}

.comments-list_rating {
 position: absolute;
 right: 15px;
 bottom: 0px;
 width: 120px;
 height: 24px;
}

.comments-list_btn {
 display: flex;
 justify-content: center;
 align-items: center;
 position: absolute;
 left: 390px;
 bottom: 0px;
 cursor: pointer;
}

.comments-list_btn svg {
 fill: #575765;
 transition: 0.15s;
}

.comments-list_answer {
 position: relative;
 width: calc(100% - 15px);
 background: #FFFFFF;
 border-radius: 5px;
 padding: 15px 15px 50px 15px;
 margin: 15px 0px 0px auto;
}

.comments-list_answer .comments-list_name {
 left: 15px;
 bottom: 15px;
}

.comments-list_answer .comments-list_date {
 bottom: 15px;
}

.comments-list_answer .comments-list_btn {
 bottom: 15px;
}

.comments-list_answer .comments-list_rating {
 right: 15px;
 bottom: 15px;
}

.comments-list_form {
 display: none;
 background: #FFFFFF;
 border-radius: 5px;
 overflow: hidden;
 margin-top: 15px;
}

.comments-list_form .comments-form {
 padding: 15px;
 margin: 0px;
}

.comments-list_point.active .comments-list_form {
 display: block;
}

.comments-list_hight {
 display: flex;
 align-items: center;
 justify-content: space-between;
 height: 36px;
 background: #03D6A1;
 padding: 0px 10px 0px 15px;
}

.comments-list_title {
 font-size: 14px;
 font-weight: 700;
 color: #FFFFFF;
 text-transform: uppercase;
}

.comments-list_close {
 display: flex;
 justify-content: center;
 align-items: center;
 cursor: pointer;
}

.comments-list_close svg {
 fill: #FFFFFF;
 transition: 0.15s;
}

.comments-form {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 width: 100%;
 max-width: 500px;
 margin: auto;
}

.comments-input {
 display: block;
 width: 100%;
 height: 45px;
 margin-bottom: 20px;
}

.comments-input_point {
 width: 100%;
 height: 100%;
 color: #363A47;
 font-size: 17px;
 background: transparent;
 border: 2px solid #363A47;
 border-radius: 8px;
 padding: 0px 15px;
}

.comments-input:focus {
 border: 2px solid #03D6A1;
}

.comments-textarea {
 display: block;
 width: 100%;
 height: 155px;
 margin-bottom: 20px;
}

.comments-textarea_point {
 width: 100%;
 height: 100%;
 color: #363A47;
 font-size: 17px;
 background: transparent;
 border: 2px solid #363A47;
 border-radius: 8px;
 margin-bottom: 20px;
 padding: 15px;
}

.comments-textarea:focus {
 border: 2px solid #03D6A1;
}

.comments-btn {
 width: 145px;
 height: 50px;
 color: #FFFFFF;
 font-size: 17px;
 background: #03D6A1;
 border-radius: 11px;
 border: none;
 cursor: pointer;
 transition: 0.1s;
 border: 2px solid #03D6A1;
}

.comments-rating {
 width: fit-content;
 margin-bottom: 20px;
}

.comments-rating_list {
 direction: rtl;
 display: inline-block;
}

.comments-rating_list input[type=radio] {
 display: none;
}

.comments-rating_list label {
 display: inline-block;
 width: 24px;
 height: 24px;
 background: url("../img/icons/stars/star-6.svg") center no-repeat;
 background-size: contain;
 padding: 0;
 margin: 0px;
 cursor: pointer;
}

.comments-rating_list input[type=radio]:checked~label {
 background: url("../img/icons/stars/star-7.svg") center no-repeat;
 background-size: contain;
}

.comments-button {
 display: block;
 width: 200px;
 height: 50px;
}

.comments-button_point {
 width: 100%;
 height: 100%;
 color: #FFFFFF;
 font-size: 17px;
 background: #03D6A1;
 border-radius: 11px;
 border: none;
 cursor: pointer;
 transition: 0.1s;
 border: 2px solid #03D6A1;
}

.comments-list .comments-form {
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: space-between;
 max-width: 100%;
}

.comments-list .comments-input {
 width: 49%;
}

.comments-list .comments-button {
 margin: auto;
}

.comment-form-message.success {
 width: 100%;
 color: #1D1D33;
 font-size: 16px;
 line-height: 20px;
 text-align: center;
 padding: 10px 15px;
 margin: 20px 0px 0px 0px;
 border: 2px solid #44c40e;
}

@media (max-width: 1200px) {
 .comments:after {
  width: 70px;
  height: 86px;
  left: 0;
  top: auto;
  bottom: -70px;
 }

 .comments:before {
  width: 70px;
  height: 86px;
  right: 0;
  top: auto;
  bottom: -70px;
 }
}

@media (max-width: 800px) {
 .comments-top {
  margin-top: 25px;
 }

 .comments-list_point {
  margin-top: 15px;
 }

 .comments-list_info {
  padding-bottom: 0px;
 }

 .comments-list_text {
  margin-bottom: 15px;
 }

 .comments-list_rating {
  position: static;
  margin-bottom: 15px;
 }

 .comments-list_name {
  position: static;
 }

 .comments-list_date {
  position: static;
 }

 .comments-list_btn {
  left: auto;
  right: 0;
 }

 .comments-list_answer {
  padding: 15px;
 }

 .comments-list_answer .comments-list_btn {
  right: 15px;
 }

 .comments-list .comments-input {
  width: 100%;
 }
}

@media (min-width: 1200px) {
 .comments-list_btn:hover svg {
  fill: #03D6A1;
 }

 .comments-list_close:hover svg {
  fill: #1D1D33;
 }

 .comments-button_point:hover {
  color: #03D6A1;
  background: transparent;
 }
}

/*-comments*/
/*more*/
.more {
 background: linear-gradient(270deg, #07A980 0%, #03D5A0 100%);
}

.more .container {
 position: relative;
 z-index: 2;
 padding: 50px 15px;
}

.more .bgr-line span:before {
 background: #43d8b3;
}

.more-wrap {
 position: relative;
 z-index: 3;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 text-align: center;
}

.more-wrap h2 {
 max-width: 600px;
 color: #FFFFFF;
}

.more-wrap a {
 margin-top: 50px;
}

@media (max-width: 1200px) {
 .more .bgr-line span {
  background: #43d8b3;
 }
}

@media (max-width: 800px) {
 .more {
  background: linear-gradient(270deg, #07A980 0%, #03D5A0 100%);
 }

 .more .container {
  padding: 40px 15px;
 }

 .more-wrap a {
  margin-top: 40px;
 }
}

/*-more*/
/*career*/
.career .page-title p {
 font-size: 22px;
 line-height: 32px;
 max-width: 900px;
}

.career-boxs {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 margin: 0px -15px;
}

.career-box {
 position: relative;
 width: calc(50% - 30px);
 padding: 30px;
 background: #FFFFFF;
 box-shadow: 0px 0px 77px rgba(0, 0, 0, 0.0588235);
 border-radius: 15px;
 margin: 0px 15px 30px 15px;
}

.career-box:before {
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 border-top: 3px solid #03D6A1;
 border-bottom: 3px solid #03D6A1;
 transform: scale(0, 1);
 transition: border-radius 1s, transform 0.4s;
}

.career-box:after {
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 border-right: 3px solid #03D6A1;
 border-left: 3px solid #03D6A1;
 transform: scale(1, 0);
 transition: border-radius 1s, transform 0.4s;
}

.career-box_title {
 display: flex;
 align-items: flex-start;
}

.career-box_title img {
 min-width: 55px;
 margin-right: 20px;
}

.career-box_title h3 {
 font-size: 25px;
 line-height: 33px;
 min-height: 80px;
 margin-bottom: 0;
}

.career-box_player {
 position: relative;
 z-index: 3;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
}

.career-box_player lottie-interactive {
 max-width: 300px;
}

.career-box_player lottie-interactive:nth-child(2) {
 display: none;
}

.career-box_buttons {
 position: relative;
 z-index: 3;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 15px;
}

.career-box_btn {
 display: flex;
 justify-content: center;
 align-items: center;
 font-weight: 500;
 font-size: 17px;
 width: 144px;
 height: 50px;
 color: #363A47;
 border: 2px solid #363A47;
 border-radius: 12px;
 transition: 0.15s;
 padding: 0;
 margin: 0px 5px;
}

.career-box_link {
 display: flex;
 justify-content: center;
 align-items: center;
 font-weight: 500;
 font-size: 17px;
 width: 144px;
 height: 50px;
 color: #FFFFFF;
 border: 2px solid #03D6A1;
 background: #03D6A1;
 border-radius: 12px;
 transition: 0.15s;
 padding: 0;
 margin: 0px 5px;
}

.career-modal {
 position: fixed;
 z-index: 5;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.5);
 display: none;
}

.career-modal_wrap {
 position: absolute;
 left: 50%;
 top: 30px;
 transform: translateX(-50%);
 width: 950px;
 height: calc(100% - 60px);
 background: #FFFFFF;
 box-shadow: 0px 0px 77px rgba(0, 0, 0, 0.0588235);
 border-radius: 10px;
 padding: 0px 130px 60px 130px;
 overflow: hidden;
}

.career-modal_wrap .career-box_link {
 position: absolute;
 bottom: 10px;
 left: 50%;
 transform: translateX(-50%);
 height: 40px;
}

.career-modal_wrap:after {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 height: 123px;
 width: 100px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
}

.career-modal_wrap:before {
 content: "";
 position: absolute;
 right: 0;
 bottom: 0;
 height: 123px;
 width: 100px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
}

.career-modal_title {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 110px;
}

.career-modal_title img {
 margin-right: 20px;
}

.career-modal_title h3 {
 width: auto;
 font-weight: 700;
 font-size: 25px;
 line-height: 33px;
 margin-bottom: 0;
}

.career-modal_text {
 overflow: auto;
 height: calc(100% - 110px);
 border-bottom: none;
 margin-bottom: 0;
}

.career-modal_text h1,
.career-modal_text h2,
.career-modal_text h3,
.career-modal_text h4,
.career-modal_text h5 {
 width: fit-content;
 padding-bottom: 3px;
 border-bottom: 3px solid #03D6A1;
}

.career-modal_text::-webkit-scrollbar {
 width: 2px;
}

.career-modal_text::-webkit-scrollbar-thumb {
 background: #03D6A1;
}

.career-modal_text::-webkit-scrollbar-track {
 background: rgba(0, 0, 0, 0.7);
}

.career-modal_close {
 position: absolute;
 right: 20px;
 top: 20px;
 fill: #000000;
 cursor: pointer;
 transition: 0.15s;
}

.career-form_title {
 margin-bottom: 10px;
}

.codedropz-upload-handler {
 margin-bottom: 20px !important;
}

.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
 color: #03D6A1 !important;
}

/*-career*/
/*join*/
.join {
 padding-top: 50px;
}

.join .wpcf7 {
 width: 40%;
 margin: auto;
}

.join-img {
 display: flex;
 justify-content: center;
 align-items: center;
 overflow: hidden;
 margin-top: 70px;
}

.join-img img {
 position: relative;
 bottom: -2px;
}

/*-join*/
.contacts-select {
 width: 100%;
 margin-bottom: 30px;
}

.custom-select {
 position: relative;
 width: 100%;
}

.custom-select select {
 display: none;
}

.select-selected {
 display: flex;
 align-items: center;
 width: 100%;
 height: 45px;
 font-family: "Geometria", sans-serif;
 font-size: 17px;
 color: #363A47;
 padding: 0px 15px;
 border-radius: 8px;
 border: 2px solid #363A47;
 background: #FFFFFF;
 white-space: normal;
 cursor: pointer;
 margin-bottom: 20px;
}

.select-selected.select-arrow-active {
 border-radius: 8px 8px 0px 0px;
}

.select-selected:after {
 content: "";
 position: absolute;
 top: 20px;
 right: 10px;
 width: 0;
 height: 0;
 border: 6px solid transparent;
 border-color: #363A47 transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
 top: 15px;
 border-color: transparent transparent #363A47 transparent;
}

.select-items div {
 font-family: "Geometria", sans-serif;
 font-size: 16px;
 color: #363A47;
 padding: 8px 15px;
 cursor: pointer;
 user-select: none;
}

.select-items {
 position: absolute;
 background: #FFFFFF;
 top: 45px;
 left: 0;
 right: 0;
 z-index: 5;
 overflow: auto;
 border: 2px solid #363A47;
 border-top: none;
 border-radius: 0px 0px 8px 8px;
}

.select-hide {
 display: none;
}

@media (min-width: 1200px) {
 .career-box:hover:before {
  transform: scale(1, 1);
  border-radius: 15px;
 }

 .career-box:hover:after {
  transform: scale(1, 1);
  border-radius: 15px;
 }

 .career-box_link:hover {
  color: #03D6A1;
  background: #FFFFFF;
 }

 .career-box_btn:hover {
  color: #03D6A1;
  border: 2px solid #03D6A1;
 }

 .career-modal_close:hover {
  fill: #03D6A1;
 }

 .select-items div:hover {
  background: #03D6A1;
  color: #FFFFFF;
 }
}

@media (max-width: 1200px) {

 /*career*/
 .career-box_title {
  flex-direction: column;
  align-items: center;
  justify-content: center;
 }

 .career-box_title img {
  margin-right: 0;
  margin-bottom: 10px;
 }

 .career-box_title h3 {
  text-align: center;
 }

 .career-modal_text {
  padding-left: 0;
 }

 .career-modal_wrap {
  width: 750px;
  padding: 0px 80px 60px 80px;
 }

 .career-modal_wrap:after {
  width: 65px;
  height: 85px;
 }

 .career-modal_wrap:before {
  width: 65px;
  height: 85px;
 }

 .career-box_player {
  lottie-interactive: nth-child(1);
  display: none;
  lottie-interactive: nth-child(2);
  display: block;
 }

 /*-career*/
}

@media (max-width: 800px) {

 /*career*/
 .career .page-title p {
  font-size: 18px;
  line-height: 30px;
 }

 .career-boxs {
  margin: 0;
 }

 .career-box {
  width: 100%;
  padding: 30px 15px;
  margin: 0px 0px 30px 0px;
 }

 .career-box_title {
  margin-bottom: 30px;
 }

 .career-box_title h3 {
  height: auto;
 }

 .career-modal_wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translate(0);
  border-radius: 0;
  padding: 10px 15px 60px 15px;
 }

 .career-modal_title {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 120px;
 }

 .career-modal_title img {
  width: 45px;
  margin-right: 0;
  margin-bottom: 5px;
 }

 .career-modal_title h3 {
  font-size: 20px;
  line-height: 30px;
  text-align: center;
 }

 .career-modal_wrap:after {
  display: none;
 }

 .career-modal_wrap:before {
  display: none;
 }

 .career-modal_text {
  height: calc(100% - 120px);
 }

 .career-modal_close {
  right: 15px;
  top: 15px;
 }

 .join .wpcf7 {
  width: 100%;
 }
}

/*-career*/
/*single*/
.single-trumb {
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: 40px;
}

.single-trumb img {
 width: 100%;
}

.single-info {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 margin-bottom: 40px;
}

.single-info_text {
 width: 68%;
}

.single-info_text p:last-child {
 margin-bottom: 0;
}

.single-info_list {
 width: 30%;
 padding: 30px 15px;
 background: #FFFFFF;
 box-shadow: 0px 0px 77px rgba(0, 0, 0, 0.0588235);
 border-radius: 15px;
}

.single-info_list li {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 margin-bottom: 40px;
}

.single-info_list li:last-child {
 margin-bottom: 0;
}

.single-info_list span:nth-child(1) {
 color: #7D7D7D;
 font-size: 19px;
}

.single-info_list span:nth-child(2) {
 color: #212B36;
 font-size: 19px;
 font-weight: 700;
}

.single-img {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: 35px;
}

.single-img:before {
 content: "";
 position: absolute;
 z-index: -1;
 right: -149px;
 bottom: 0;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
}

.single-img:after {
 content: "";
 position: absolute;
 z-index: -1;
 left: -149px;
 top: 0;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
}

.single-img img {
 width: 100%;
}

.single-slider_block {
 position: relative;
}

.single-slider_block:before {
 content: "";
 position: absolute;
 z-index: -1;
 right: -149px;
 bottom: -50px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
}

.single-slider_block:after {
 content: "";
 position: absolute;
 z-index: -1;
 left: -149px;
 top: 50px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
}

.single-slider_block.two:before {
 bottom: -200px;
}

.single-slider_block.two:after {
 top: -150px;
}

.single-wrap {
 display: flex;
 flex-direction: column;
 align-items: center;
 padding: 20px 100px;
 background: #FAFAFA;
}

.single-wrap h4 {
 position: relative;
 color: #212B36;
 font-weight: 700;
 text-align: center;
 margin-bottom: 20px;
 padding-bottom: 15px;
}

.single-wrap h4:after {
 content: "";
 position: absolute;
 left: 50%;
 bottom: 0;
 transform: translateX(-50%);
 height: 6px;
 width: 57px;
 background: #03D6A1;
}

.single-wrap ul {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

.single-wrap li {
 position: relative;
 width: 42%;
 font-size: 22px;
 line-height: 28px;
 padding-left: 45px;
 margin-top: 30px;
}

.single-wrap li:before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 35px;
 height: 26px;
 background: url(../img/icons/ok.svg) center no-repeat;
 background-size: contain;
}

.single-slider_wrap {
 overflow: hidden;
}

.single-slider {
 margin-top: 140px;
 margin-bottom: 20px;
 overflow: visible;
}

.single-slider_bgr {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 z-index: 2;
 height: 104%;
}

.single-slide {
 display: flex;
 justify-content: center;
 align-items: center;
}

.single-slide img {
 opacity: 0.55;
 transition: 0.2s;
 max-height: 600px;
}

.single-slide.swiper-slide-active img {
 opacity: 1;
}

.single-slider_pagination {
 position: static;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 50px;
 margin-bottom: 60px;
}

.single-slider_pagination .swiper-pagination-bullet {
 width: 22px;
 height: 22px;
 background: #DCDEDE;
 border: 3px solid transparent;
 margin: 0px 10px;
 outline: none;
 opacity: 1;
 transition: 0.1s;
}

.single-slider_pagination .swiper-pagination-bullet-active {
 background: #03D6A1;
 border: 3px solid #FFFFFF;
 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.332003);
 opacity: 1;
}

.single-slider_arrow {
 position: absolute;
 z-index: 3;
 top: 55%;
 width: 50px;
 cursor: pointer;
 fill: #03D6A1;
 transition: 0.2s;
 outline: none;
}

.single-slider_arrow.swiper-button-disabled {
 opacity: 0.5;
}

.single-slider_next {
 right: -60px;
}

.single-slider_prev {
 left: -60px;
 transform: rotate(180deg);
}

.single-app {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}

.single-app h4 {
 position: relative;
 color: #212B36;
 font-weight: 700;
 text-align: center;
 margin-bottom: 20px;
 padding-bottom: 15px;
}

.single-app h4:after {
 content: "";
 position: absolute;
 left: 50%;
 bottom: 0;
 transform: translateX(-50%);
 height: 6px;
 width: 57px;
 background: #03D6A1;
}

.single-app ul {
 display: flex;
 align-items: center;
}

.single-app li {
 margin: 0px 10px;
}

.single-app img {
 height: 50px;
 transition: 0.1s;
}

.single-app_link {
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 12px 34px;
 border: 2px solid #212B36;
 border-radius: 11px;
 transition: 0.1s;
}

.single-app_link svg {
 width: 34px;
 height: 34px;
 fill: #212B36;
 transition: 0.1s;
}

.single-app_link span {
 display: block;
 font-weight: 500;
 font-size: 19px;
 text-transform: uppercase;
 color: #363A47;
 margin-left: 13px;
 transition: 0.1s;
}

.laptop-slider {
 overflow: visible;
 margin-top: 140px;
 margin-bottom: 90px;
}

.laptop-slide {
 display: flex;
 align-items: center;
 width: 80%;
}

.laptop-slide img {
 margin: 0px auto;
 opacity: 0.55;
 transition: 0.2s;
}

.laptop-slide.swiper-slide-active img {
 opacity: 1;
}

.laptop-slider_bgr {
 position: absolute;
 top: 53%;
 left: 50%;
 transform: translate(-50%, -50%);
 z-index: 2;
 height: 120%;
}

@media (max-width: 1200px) {
 .single-wrap {
  padding: 20px 50px;
 }

 .single-wrap li {
  width: 45%;
 }

 .single-slider_block:after {
  display: none;
 }

 .single-slider_block:before {
  display: none;
 }

 .single-img:after {
  display: none;
 }

 .single-img:before {
  display: none;
 }

 .single-slider_next {
  right: 0;
 }

 .single-slider_prev {
  left: 0;
 }
}

@media (max-width: 992px) {
 .single-slider_arrow {
  display: none;
 }

 .laptop-slide img {
  width: 94%;
 }
}

@media (max-width: 800px) {
 .single .breadcrumbs {
  display: none;
 }

 .single-trumb {
  margin-bottom: 20px;
 }

 .single-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
 }

 .single-info_text {
  width: 100%;
  padding-left: 5px;
  margin-bottom: 20px;
 }

 .single-info_list {
  width: 100%;
 }

 .single-img {
  margin-bottom: 20px;
 }

 .single-wrap {
  padding: 15px;
 }

 .single-wrap li {
  width: 100%;
  font-size: 20px;
  margin-top: 25px;
 }

 .single-slider {
  margin-top: 70px;
  margin-bottom: 10px;
 }

 .single-slider_pagination {
  margin-top: 40px;
 }

 .single-slider_pagination .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
 }

 .single-slide {
  height: 350px;
 }

 .single-slide img {
  height: 100%;
 }

 .single-app ul {
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
 }

 .single-app li {
  margin: 5px 0px;
 }

 .laptop-slider {
  margin-top: 70px;
  margin-bottom: 70px;
 }

 .single-app_link svg {
  height: 26px;
  width: 26px;
 }

 .single-app_link span {
  font-size: 17px;
 }
}

@media (min-width: 1200px) {
 .single-app img:hover {
  transform: scale(1.05);
 }

 .single-slider_pagination .swiper-pagination-bullet:hover {
  background: #212B36;
 }

 .single-slider_arrow:hover {
  fill: #000000;
 }

 .single-app_link:hover {
  background: #03D6A1;
  border: 2px solid #03D6A1;
 }

 .single-app_link:hover svg {
  fill: #FFFFFF;
 }

 .single-app_link:hover span {
  color: #FFFFFF;
 }
}

/*-single*/
/*calculate*/
.calculate-wrap {
 display: flex;
 align-items: flex-start;
 margin-bottom: 90px;
}

.calculate-wrap p {
 color: #212B36;
 font-size: 30px;
 line-height: 38px;
}

.calculate-left {
 background: #FFFFFF;
 box-shadow: 0px 0px 77px rgba(0, 0, 0, 0.0588235);
 border-radius: 15px;
 overflow: hidden;
 width: 270px;
 min-width: 270px;
 margin-right: 100px;
}

.calculate-list {
 padding: 25px 10px 0 25px;
}

.calculate-list li {
 position: relative;
 height: 45px;
 color: #363A47;
 font-size: 20px;
 padding-left: 35px;
}

.calculate-list li:before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 top: 6px;
 width: 14px;
 height: 14px;
 border-radius: 50%;
 background: #F3F3F3;
}

.calculate-list li:after {
 content: "";
 position: absolute;
 z-index: 1;
 left: 6px;
 top: -85%;
 height: 100%;
 border: 1px solid #F3F3F3;
}

.calculate-list li:first-child:after {
 display: none;
}

.calculate-list li.active {
 color: #03D6A1;
 font-weight: 700;
}

.calculate-list li.active:before {
 background: #03D6A1;
}

.calculate-list li.active:after {
 border: 1px solid #03D6A1;
}

.calculate-price {
 display: flex;
 align-items: center;
 width: 100%;
 padding: 12px 20px;
 background: #03D6A1;
}

.calculate-price img {
 margin-right: 15px;
}

.calculate-price span {
 color: #FFFFFF;
 font-size: 20px;
 font-weight: 700;
}

.calculate-price_bgr {
 display: none;
}

.calculate-box {
 display: none;
}

.calculate-box p {
 width: 85%;
 margin-bottom: 20px;
}

.calculate-inputs {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 width: 100%;
}

.calculate-label {
 position: relative;
 display: block;
 width: 47%;
 height: 50px;
 margin-bottom: 35px;
 cursor: pointer;
}

.calculate-label input {
 position: absolute;
 left: 0;
 top: 0;
 z-index: -1;
 opacity: 0;
 width: 0;
 height: 0;
}

.calculate-label span {
 display: flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 width: 100%;
 height: 100%;
 color: #03D6A1;
 font-size: 17px;
 border: 2px solid #03D6A1;
 border-radius: 11px;
 transition: 0.1s;
}

.calculate-label input:checked+span {
 color: #FFFFFF;
 background: #03D6A1;
}

.calculate-img {
 display: flex;
 justify-content: center;
 align-items: center;
}

.calculate-buttons {
 display: flex;
 align-items: center;
}

.calculate-buttons button {
 width: 144px;
 height: 50px;
 font-size: 17px;
 border-radius: 11px;
 transition: 0.1s;
}

.calculate-button_prev {
 color: #363A47;
 border: 2px solid #363A47;
 margin-right: 17px;
}

.calculate-button_next {
 color: #363A47;
 border: 2px solid #363A47;
}

.calculate-button_next span:nth-child(2) {
 display: none;
}

.calculate-inputs.show+.calculate-buttons .calculate-button_next {
 color: #FFFFFF;
 background: #363A47;
}

.calculate-inputs.show+.calculate-buttons .calculate-button_next span:nth-child(1) {
 display: none;
}

.calculate-inputs.show+.calculate-buttons .calculate-button_next span:nth-child(2) {
 display: block;
}

.calculate-animation {
 display: none;
 width: 100%;
 max-width: 950px;
 margin-left: auto;
 margin-right: auto;
}

.calculate-animation p {
 width: 100%;
 text-align: center;
 margin-bottom: 50px;
}

.calculate-animation_line {
 position: relative;
 display: block;
 width: 100%;
 height: 30px;
 border: 1px solid #212B36;
 border-radius: 3px;
}

.calculate-animation_line span {
 content: "";
 position: absolute;
 display: block;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: linear-gradient(90deg, #08AD84 0%, #03D6A1 100%);
}

.calculate-animation.open .calculate-animation_line span {
 animation: calculate-line 2s linear;
}

.calculate-final {
 display: none;
 width: 100%;
 max-width: 950px;
 margin-left: auto;
 margin-right: auto;
}

.calculate-final p {
 text-align: center;
 margin-bottom: 40px;
}

.calculate-info {
 display: flex;
 justify-content: center;
 margin-bottom: 50px;
}

.calculate-info li {
 display: flex;
 flex-direction: column;
 align-items: center;
 text-align: center;
 width: 270px;
 background: #FFFFFF;
 box-shadow: 0px 0px 77px rgba(0, 0, 0, 0.0588235);
 border-radius: 15px;
 padding: 40px 16px;
 margin: 0px 10px;
}

.calculate-info .calculate-info_icon {
 display: flex;
 align-items: center;
 height: 65px;
 margin-bottom: 17px;
}

.calculate-info b {
 display: block;
 width: 100%;
 font-size: 25px;
 line-height: 32px;
 font-weight: 500;
 margin-bottom: 30px;
}

.calculate-info span {
 display: block;
 font-size: 24px;
 font-weight: 700;
}

.calculate-info span:last-child {
 display: flex;
 flex-direction: column;
 align-items: center;
}

.calculate-info span:last-child:before {
 content: "";
 display: block;
 width: 7px;
 height: 38px;
 background: url(../img/icons/line.svg) center no-repeat;
 background-size: contain;
 margin: 5px 0;
}

.calculate-text {
 text-align: center;
 margin-bottom: 50px;
}

.calculate-text h3 {
 color: #03D6A1;
 font-weight: 700;
}

.calculate-text p {
 color: #7D7D7D;
 font-size: 20px;
 line-height: 38px;
 margin-bottom: 0;
}

.calculate-start {
 display: flex;
 align-items: center;
 width: 100%;
 max-width: 670px;
 margin-left: auto;
 margin-right: auto;
}

.calculate-start_input {
 width: 100%;
 height: 50px;
 color: #363A47;
 font-size: 17px;
 border: 2px solid #363A47;
 border-radius: 8px;
 padding: 0px 17px;
}

.calculate-start_input:focus {
 border: 2px solid #03D6A1;
}

.calculate-start_btn {
 height: 50px;
 color: #FFFFFF;
 font-size: 17px;
 padding: 0 20px;
 border: 2px solid #03D6A1;
 border-radius: 11px;
 background: #03D6A1;
 transition: 0.1s;
 margin-left: 20px;
 cursor: pointer;
}

@media (max-width: 992px) {
 .calculate-left {
  margin-right: 50px;
 }

 .calculate-label {
  width: 49%;
 }
}

@media (max-width: 800px) {
 .calculate-wrap {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 50px;
 }

 .calculate-right {
  margin-top: 80px;
  margin-bottom: 50px;
 }

 .calculate-box p {
  width: 100%;
 }

 .calculate-left {
  order: 2;
  margin-right: 0;
 }

 .calculate-inputs {
  justify-content: center;
 }

 .calculate-buttons {
  justify-content: center;
 }

 .calculate-label {
  width: auto;
  height: 45px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 30px;
 }

 .calculate-label span {
  padding: 0px 20px;
 }

 .calculate-price {
  position: fixed;
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
  top: 210px;
  width: 270px;
  border-radius: 15px;
  transition: 0.2s;
 }

 .calculate-right.fixed {
  margin-top: 165px;
 }

 .calculate-price.fixed {
  top: 90px;
 }

 .calculate .page-top {
  transition: 0.1s;
 }

 .calculate .page-top.fixed {
  height: 0;
  overflow: hidden;
 }

 .calculate .page-top.fixed-false {
  height: auto;
  overflow: visible;
 }

 .calculate-price_bgr.fixed {
  position: fixed;
  z-index: 2;
  left: 0;
  top: 0;
  display: block;
  height: 160px;
  width: 100%;
  background: #FFFFFF;
 }

 .calculate-info {
  flex-direction: column;
  align-items: center;
  justify-content: center;
 }

 .calculate-info li {
  margin: 0;
 }

 .calculate-info li:nth-child(1) {
  margin-bottom: 20px;
 }

 .calculate-text {
  margin-bottom: 20px;
 }

 .calculate-text h3 {
  font-size: 28px;
  line-height: 35px;
 }

 .calculate-start {
  flex-direction: column;
  align-items: center;
  justify-content: center;
 }

 .calculate-start_input {
  margin-bottom: 40px;
  width: 310px;
 }
}

@media (min-width: 1200px) {
 .calculate-label input:checked+span:hover {
  color: #FFFFFF;
  background: #03D6A1;
  border: 2px solid #03D6A1;
 }

 .calculate-label span:hover {
  color: #212B36;
  border: 2px solid #212B36;
 }

 .calculate-button_prev:hover {
  color: #03D6A1;
  border: 2px solid #03D6A1;
 }

 .calculate-start_btn:hover {
  background: transparent;
  color: #03D6A1;
 }

 .calculate-button_next:hover {
  color: #FFFFFF;
  border: 2px solid #03D6A1;
  background: #03D6A1;
 }

 .calculate-inputs.show+.calculate-buttons .calculate-button_next:hover {
  color: #FFFFFF;
  border: 2px solid #03D6A1;
  background: #03D6A1;
 }
}

/*-calculate*/
/*error*/
.error {
 margin-top: 150px;
 margin-bottom: 80px;
}

.error-wrap {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.error-text {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 text-align: center;
 min-width: 300px;
 margin-right: 10px;
}

.error-text h1 {
 position: relative;
 font-size: 55px;
 line-height: 55px;
 padding-bottom: 20px;
 margin-bottom: 20px;
}

.error-text h1:after {
 content: "";
 position: absolute;
 left: 50%;
 bottom: 0;
 transform: translateX(-50%);
 width: 57px;
 height: 6px;
 background: #03D6A1;
}

.error-text p {
 line-height: 25px;
 margin-bottom: 25px;
}

.error-text a {
 color: #FFFFFF;
 font-size: 17px;
 padding: 14px 25px;
 background: #03D6A1;
 border-radius: 11px;
 border: 2px solid transparent;
 transition: 0.2s;
}

@media (max-width: 800px) {
 .error {
  margin-top: 105px;
  margin-bottom: 45px;
 }

 .error-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
 }

 .error-text {
  margin-bottom: 30px;
 }
}

@media (min-width: 1200px) {
 .error-text a:hover {
  color: #03D6A1;
  background: transparent;
  border: 2px solid #03D6A1;
 }
}

/*-error*/
/*timeline*/
.timeline {
 margin-bottom: 0px;
}

.timeline .container {
 z-index: 1;
}

.timeline .container:before {
 content: "";
 position: absolute;
 z-index: -1;
 right: -134px;
 top: 30px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
}

.timeline .container:after {
 content: "";
 position: absolute;
 z-index: -1;
 left: -134px;
 bottom: 30px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
}

.timeline-list {
 max-width: 660px;
 margin: auto;
}

.timeline-list li {
 position: relative;
 z-index: 1;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 height: 86px;
}

.timeline-list li:before {
 content: "";
 position: absolute;
 z-index: -1;
 left: 140px;
 top: 0;
 width: 205px;
 height: 86px;
 background: url("../img/icons/arrow-1.png") center no-repeat;
 background-size: contain;
}

.timeline-list span {
 white-space: nowrap;
 font-weight: 700;
 font-size: 16px;
 color: #FFFFFF;
 padding-right: 53px;
}

.timeline-list h3 {
 width: 304px;
 font-weight: 700;
 font-size: 16px;
 line-height: 20px;
 color: #363A47;
}

.timeline-list li:nth-child(even) {
 justify-content: flex-start;
}

.timeline-list li:nth-child(even):before {
 left: auto;
 right: 148px;
 background: url("../img/icons/arrow-2.png") center no-repeat;
 background-size: contain;
}

.timeline-list li:nth-child(even) span {
 order: 1;
 padding-left: 50px;
 padding-right: 0px;
}

.timeline-list li:nth-child(even) h3 {
 order: 0;
 text-align: right;
}

@media (max-width: 1200px) {
 .timeline .container:after {
  width: 70px;
  height: 86px;
  left: 0;
  top: -50px;
  bottom: auto;
 }

 .timeline .container:before {
  width: 70px;
  height: 86px;
  right: 0;
  top: auto;
  bottom: -70px;
 }
}

@media (max-width: 800px) {
 .timeline-list {
  max-width: 470px;
 }

 .timeline-list h3 {
  width: 210px;
 }

 .timeline-list li:before {
  left: 50px;
 }

 .timeline-list li:nth-child(even):before {
  right: 48px;
 }
}

@media (max-width: 500px) {
 .timeline-list {
  max-width: 270px;
 }

 .timeline-list h3 {
  width: 117px;
  font-size: 13px;
  line-height: 18px;
 }

 .timeline-list span {
  font-size: 12px;
  padding-right: 36px;
 }

 .timeline-list li {
  height: 70px;
 }

 .timeline-list li:before {
  left: 0;
  width: 150px;
  height: 70px;
 }

 .timeline-list li:nth-child(even):before {
  right: -2px;
 }

 .timeline-list li:nth-child(even) span {
  padding-left: 36px;
 }
}

/*-timeline*/
/*clients*/
.clients-slider {
 overflow: visible;
}

.clients-slide {
 display: flex;
 justify-content: center;
 align-items: center;
}

.clients-slide img {
 width: 100%;
 border-radius: 15px;
 box-shadow: 0px 0px 77px rgba(0, 0, 0, 0.0588235);
}

.clients-pagination {
 position: static;
 bottom: 0;
 margin-top: 20px;
}

.clients-pagination .swiper-pagination-bullet {
 width: 10px;
 height: 10px;
}

.clients-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
 background: #03D6A1;
}

/*-clients*/
/*meet*/
.meet-list {
 display: grid;
 grid-template-columns: 1fr 1fr;
 grid-column-gap: 30px;
 max-width: 750px;
 margin: auto;
}

.meet-list a {
 display: flex;
 justify-content: space-between;
 padding: 20px;
 background: #292C37;
 border-radius: 5px;
 border: 2px solid #292C37;
 transition: 0.2s;
}

.meet-list_logo {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 height: 100%;
}

.meet-list_logo span {
 display: block;
 font-weight: 500;
 font-size: 16px;
 color: #FFFFFF;
 margin-bottom: 5px;
}

.meet-list_rait {
 display: flex;
 flex-direction: column;
 align-items: flex-end;
 justify-content: space-between;
}

.meet-list_rait .rating {
 width: 130px;
 height: 26px;
}

.meet-list_text {
 font-size: 20px;
 font-weight: 500;
 color: #FFFFFF;
}

@media (max-width: 800px) {
 .meet-list {
  grid-template-columns: 1fr;
  grid-row-gap: 20px;
 }

 .meet-list_logo span {
  font-size: 14px;
 }

 .meet-list_text {
  font-size: 14px;
 }

 .meet-list_rait .rating {
  width: 110px;
  height: 22px;
 }
}

@media (min-width: 1200px) {
 .meet-list a:hover {
  border: 2px solid #43d8b3;
 }
}

/*-meet*/
/*team*/
.team {
 padding-bottom: 0px;
 background: #DDDEE1;
}

.team .container:before {
 content: "";
 position: absolute;
 right: -134px;
 bottom: 0px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
}

.team .container:after {
 content: "";
 position: absolute;
 left: -134px;
 top: -99px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
}

.team-img {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
}

.team-img img {
 width: 100%;
}

.team-video {
 position: relative;
 z-index: 1;
 display: flex;
 justify-content: center;
 align-items: center;
 width: fit-content;
 margin: auto;
 margin-bottom: 50px;
}

.team-video:before {
 content: "";
 position: absolute;
 z-index: -1;
 right: -100px;
 bottom: 30px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
}

.team-video:after {
 content: "";
 position: absolute;
 z-index: -1;
 left: -46px;
 top: 30px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
}

@media (max-width: 1200px) {
 .team .container::after {
  display: none;
 }

 .team .container::before {
  display: none;
 }

 .team-video:after {
  width: 50px;
  height: 76px;
  left: 0;
  top: -50px;
  bottom: auto;
 }

 .team-video:before {
  width: 50px;
  height: 76px;
  right: 0;
  top: auto;
  bottom: -50px;
 }
}

/*-team*/
/*development*/
.development {
 background-size: cover;
 background-repeat: no-repeat;
 padding-top: 175px;
 padding-bottom: 100px;
}

.development.two {
 background: #363A47;
}

.development-wrap {
 position: relative;
}

.development-img {
 position: absolute;
 right: -100px;
 top: 0;
 width: 600px;
 display: flex;
 justify-content: center;
 align-items: center;
}

.development-img img {
 width: 100%;
}

.development-text {
 max-width: 600px;
}

.development-text h1 {
 color: #03D6A1;
 font-size: 56px;
 line-height: 120%;
 font-weight: 500;
 margin-bottom: 30px;
}

.development-text p {
 color: #FFFFFF;
}

.development-buttons {
 display: flex;
 align-items: center;
 margin-top: 50px;
}

.development-buttons .page-button {
 margin-right: 25px;
}

.development-list {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 margin-top: 100px;
 border-left: 1px solid #515666;
}

.development-list_point {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: flex-start;
 border-right: 1px solid #515666;
}

.development-list_point svg {
 margin-top: 15px;
}

.development-list_wrap {
 position: relative;
 z-index: 1;
}

.development-list_number {
 display: flex;
 align-items: center;
 color: #03D6A1;
 font-size: 100px;
 line-height: 100px;
 font-weight: 700;
}

.development-list_number b {
 font-size: 35px;
 line-height: 35px;
 margin: 0px 5px;
}

.development-list_before {
 position: absolute;
 z-index: -1;
 left: 50%;
 top: 50%;
 transform: translate(-45%, -55%);
 display: flex;
 align-items: center;
 color: transparent;
 -webkit-text-stroke: 2px #9A9CA3;
 font-size: 100px;
 line-height: 100px;
 font-weight: 700;
}

.development-list_before b {
 font-size: 35px;
 line-height: 35px;
 margin: 0px 5px;
}

.development-list_text {
 display: block;
 color: #FFFFFF;
 font-weight: 500;
 font-size: 20px;
 line-height: 28px;
 text-align: center;
 max-width: 200px;
 min-height: 56px;
 margin-top: 15px;
}

@media (max-width: 1200px) {
 .development-img {
  position: static;
  margin-top: 20px;
 }

 .development-text {
  max-width: 100%;
 }
}

@media (max-width: 800px) {
 .development {
  padding: 100px 0px 70px 0px;
 }

 .development-text h1 {
  font-size: 46px;
  line-height: 58px;
  margin-bottom: 10px;
 }

 .development-buttons {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
 }

 .development-buttons .page-button {
  margin-right: 0px;
  margin-bottom: 20px;
 }

 .development-img {
  width: 100%;
 }
}

@media (max-width: 600px) {
 .development-list {
  grid-template-columns: 1fr;
  grid-row-gap: 50px;
  border: none;
  margin-top: 50px;
 }

 .development-list li {
  border: none;
 }

 .development-list_point span {
  min-height: auto;
 }
}

/*-development*/
/*for*/
.for .container {
 z-index: 1;
}

.for .container:before {
 content: "";
 position: absolute;
 z-index: -1;
 right: -134px;
 top: 30px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
}

.for .container:after {
 content: "";
 position: absolute;
 z-index: -1;
 left: -134px;
 bottom: 30px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
}

.for-list {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 grid-column-gap: 20px;
 grid-row-gap: 20px;
}

.for-list li {
 display: flex;
 flex-direction: column;
 align-items: center;
 padding: 30px 20px;
 background: #FFFFFF;
 box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
 border-radius: 20px;
}

.for-list h3 {
 position: relative;
 text-align: center;
 padding-bottom: 13px;
 max-width: 240px;
 margin-bottom: 10px;
}

.for-list h3:after {
 content: "";
 position: absolute;
 left: 50%;
 bottom: 0;
 transform: translateX(-50%);
 width: 108px;
 height: 3px;
 background: #03D6A1;
}

@media (max-width: 1200px) {
 .for .container:after {
  width: 70px;
  height: 86px;
  left: 0;
  top: -50px;
  bottom: auto;
 }

 .for .container:before {
  width: 70px;
  height: 86px;
  right: 0;
  top: -50px;
 }

 .for-list {
  grid-template-columns: 1fr 1fr;
 }
}

@media (max-width: 800px) {
 .for-list {
  grid-template-columns: 1fr;
 }

 .for-list h3 {
  max-width: 100%;
 }
}

/*-for*/
/*available*/
.available {
 background: #363A47;
}

.available .container {
 z-index: 1;
 padding: 100px 15px;
}

.available .title-xl {
 color: #FFFFFF;
}

.available .container:before {
 content: "";
 position: absolute;
 z-index: -1;
 right: -134px;
 top: 30px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
 opacity: 0.5;
}

.available .container:after {
 content: "";
 position: absolute;
 z-index: -1;
 left: -134px;
 bottom: 30px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
 opacity: 0.5;
}

.available-list {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
 grid-column-gap: 20px;
 grid-row-gap: 20px;
 max-width: 950px;
 margin: auto;
}

.available-list li {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: flex-start;
 background: #4A4E59;
 border: 1px solid #03D6A1;
 box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
 border-radius: 10px;
 padding: 20px;
}

.available-list img {
 width: 70px;
 height: 70px;
}

.available-list span {
 display: block;
 font-weight: 500;
 text-align: center;
 color: #FFFFFF;
 margin-top: 15px;
}

@media (max-width: 1200px) {
 .available .container:after {
  width: 70px;
  height: 86px;
  left: 0;
  top: 0px;
  bottom: auto;
 }

 .available .container:before {
  width: 70px;
  height: 86px;
  right: 0;
  top: 0px;
 }

 .available-list {
  grid-template-columns: 1fr 1fr;
 }
}

@media (max-width: 800px) {
 .available-list span {
  font-size: 16px;
  line-height: 20px;
 }

 .available .container {
  padding: 70px 15px;
 }
}

/*-available*/
/*engagement*/
.engagement {
 background-image: url("../img/bgr-2.png");
 background-repeat: no-repeat;
 background-size: cover;
}

.engagement .container {
 z-index: 1;
}

.engagement .container:before {
 content: "";
 position: absolute;
 z-index: -1;
 right: -134px;
 top: 30px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
}

.engagement .container:after {
 content: "";
 position: absolute;
 z-index: -1;
 left: -134px;
 bottom: 30px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
}

.engagement-list {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 grid-column-gap: 20px;
 grid-row-gap: 20px;
}

.engagement-list_point {
 position: relative;
 display: flex;
 flex-direction: column;
 align-items: center;
 padding: 30px 20px 100px 20px;
 background: #FFFFFF;
 box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
 border-radius: 20px;
}

.engagement-list_point h3 {
 position: relative;
 text-align: center;
 padding-bottom: 13px;
 margin-bottom: 10px;
}

.engagement-list_point h3:after {
 content: "";
 position: absolute;
 left: 50%;
 bottom: 0;
 transform: translateX(-50%);
 width: 108px;
 height: 3px;
 background: #03D6A1;
}

.engagement-list.two .engagement-list_point {
 padding: 30px 20px;
}

.engagement-list_btn {
 position: absolute;
 z-index: 2;
 left: 20px;
 bottom: 30px;
 width: calc(100% - 40px);
}

.engagement-list_icon {
 margin-bottom: 20px;
}

@media (max-width: 1200px) {
 .engagement .container:after {
  width: 70px;
  height: 86px;
  left: 0;
  top: -50px;
  bottom: auto;
 }

 .engagement .container:before {
  width: 70px;
  height: 86px;
  right: 0;
  top: -50px;
 }

 .engagement-list {
  grid-template-columns: 1fr 1fr;
 }
}

@media (max-width: 800px) {
 .engagement-list {
  grid-template-columns: 1fr;
 }
}

/*-engagement*/
/*hire*/
.hire {
 background-color: #363A47;
 background-image: url("../img/bgr.png");
 background-repeat: no-repeat;
 background-size: cover;
}

.hire .title-xl {
 color: #FFFFFF;
}

.hire-three {
 background: #FAFAFA;
}

.hire-list {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 grid-column-gap: 50px;
 grid-row-gap: 50px;
 max-width: 910px;
 margin: auto;
}

.hire-list_point {
 position: relative;
 display: flex;
 flex-direction: column;
 align-items: center;
 padding: 20px 20px 85px 20px;
 background: #474D5C;
 border: 1px solid #03D6A1;
 box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
 border-radius: 20px;
}

.hire-list_point img {
 margin-bottom: 15px;
}

.hire-list_point span {
 display: block;
 text-align: center;
 color: #FFFFFF;
 font-weight: 500;
}

.hire-list_btn {
 position: absolute;
 left: 20px;
 bottom: 20px;
 width: calc(100% - 40px);
}

.hire-list_modal {
 position: fixed;
 z-index: 15;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.7);
 display: none;
}

.hire-list_wrap {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 100%;
}

.hire-list_content {
 position: relative;
 width: 1100px;
 max-height: 100%;
 padding: 30px;
 border-radius: 10px;
 background: #FFFFFF;
 overflow: auto;
}

.hire-list_name {
 margin-bottom: 20px;
}

.hire-list_name h3 {
 font-size: 23px;
 line-height: 33px;
 color: #363A47 !important;
 max-width: 100% !important;
}

.hire-list_close {
 position: absolute;
 z-index: 3;
 right: 10px;
 top: 10px;
 width: 40px;
 height: 40px;
 cursor: pointer;
 fill: #03D6A1;
 transition: 0.1s;
}

.hire-list_table {
 width: 100%;
 overflow: auto;
}

.hire-list_table table {
 width: 100%;
 border-collapse: separate;
 border-spacing: 10px;
}

.hire-list_table th {
 font-weight: 700;
 font-size: 18px;
 line-height: 28px;
 text-transform: uppercase;
 color: #363A47;
 padding: 20px;
 text-align: center;
 background: #03D6A1;
}

.hire-list_table td {
 font-weight: 400;
 font-size: 16px;
 line-height: 24px;
 color: #647983;
 background: #EAEAEA;
 text-align: center;
 padding: 20px;
}

.hire-list_table td:nth-child(1) {
 font-weight: 500;
 font-size: 18px;
 line-height: 28px;
 color: #363A47;
}

.hire-list_table svg {
 display: block;
 margin: 0px auto 10px auto;
}

.hire-list_table.two table {
 border-spacing: 0px;
}

.hire-list_table.two td {
 background: #FFFFFF;
 border-right: 2px solid #DADADA;
 border-bottom: 2px solid #DADADA;
}

.hire-list_table.two td:first-child {
 font-weight: 500;
 text-transform: uppercase;
 border-left: 2px solid #DADADA;
}

.hire-list_table.two th {
 color: #FFFFFF;
 border-right: 2px solid #FFFFFF;
}

.hire-list_table.two tr:first-child th:first-child {
 border-radius: 10px 0px 0px 0px;
}

.hire-list_table.two tr:first-child th:last-child {
 border: none;
 border-radius: 0px 10px 0px 0px;
}

.hire-list_table.two tr:last-child td:first-child {
 border-radius: 0px 0px 0px 10px;
}

.hire-list_table.two tr:last-child td:last-child {
 border-radius: 0px 0px 10px 0px;
}

@media (max-width: 1200px) {
 .hire-list {
  grid-template-columns: 1fr 1fr;
 }

 .hire-list_content {
  width: 100%;
  padding: 40px 15px 15px 15px;
  border-radius: 0px;
 }

 .hire-list_table table {
  border-collapse: separate;
  border-spacing: 5px;
 }

 .hire-list_table th {
  font-size: 16px;
  line-height: 20px;
  padding: 10px;
  white-space: nowrap;
 }

 .hire-list_table td:nth-child(1) {
  font-size: 16px;
  line-height: 20px;
 }

 .hire-list_table td {
  font-size: 14px;
  line-height: 18px;
  padding: 10px;
 }

 .hire-list_close {
  right: 5px;
  top: 5px;
 }

 .hire-list_name h3 {
  font-size: 18px;
  line-height: 26px;
 }
}

@media (max-width: 800px) {
 .hire-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
 }
}

@media (max-width: 500px) {
 .hire-list {
  grid-template-columns: 1fr;
 }
}

@media (min-width: 1200px) {
 .hire-list_close:hover {
  fill: #363A47;
 }
}

/*-hire*/
/*level*/
.level {
 background: linear-gradient(270deg, #07A980 0%, #03D5A0 100%);
}

.level .container {
 position: relative;
 z-index: 1;
 padding: 30px 15px;
}

.level .bgr-line span:before {
 background: #FFFFFF;
 opacity: 0.25;
}

.level .bgr-line span:hover:before {
 opacity: 1;
}

.level .container:after {
 content: "";
 position: absolute;
 left: -134px;
 bottom: 0;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
 opacity: 0.5;
}

.level-wrap {
 display: flex;
 align-items: center;
 justify-content: space-between;
 max-width: 820px;
 margin: auto;
}

.level-text .title-xxl {
 color: #FFFFFF;
 margin-bottom: 25px;
}

@media (max-width: 1200px) {
 .level .bgr-line span {
  background: #FFFFFF;
  opacity: 0.25;
 }

 .level .container:after {
  width: 70px;
  height: 86px;
  left: 0;
  top: 0px;
  bottom: auto;
 }
}

@media (max-width: 800px) {
 .level .container {
  padding: 70px 15px;
 }

 .level-wrap {
  flex-direction: column;
  align-items: center;
 }

 .level-wrap img {
  order: 0;
  margin-bottom: 30px;
 }

 .level-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  order: 1;
 }
}

/*-level*/
/*hiring*/
.hiring {
 background: #FAFAFA;
}

.hiring-list {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 grid-column-gap: 20px;
 grid-row-gap: 20px;
}

.hiring-list_top {
 display: flex;
 align-items: center;
 height: 100px;
 width: 355px;
 background: url("../img/icons/hiring.svg") center no-repeat;
 background-size: contain;
}

.hiring-list_top span {
 font-size: 24px;
 font-weight: 700;
 color: #03D6A1;
 margin-left: 85px;
 margin-bottom: 10px;
}

.hiring-list_top h3 {
 font-weight: 700;
 color: #FFFFFF;
 font-size: 20px;
 line-height: 26px;
 padding-right: 35px;
 margin-bottom: 10px;
 margin-left: 70px;
}

.hiring-list_point {
 display: flex;
 flex-direction: column;
 align-items: center;
}

.hiring-list_point p {
 text-align: center;
}

@media (max-width: 1200px) {
 .hiring-list {
  grid-template-columns: 1fr 1fr;
 }
}

@media (max-width: 800px) {
 .hiring-list {
  grid-template-columns: 1fr;
 }

 .hiring-list_top {
  width: 290px;
 }

 .hiring-list_top span {
  margin-left: 47px;
 }
}

/*-hiring*/
/*uniqueness*/
.uniqueness {
 padding: 100px 0px;
 background: #F5F5F5;
}

.uniqueness .favor-list {
 margin-top: 80px;
}

@media (max-width: 800px) {
 .uniqueness {
  padding: 70px 0px;
 }
}

/*-uniqueness*/
/*we*/
.we-wrap {
 position: relative;
}

.we-list {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 flex-wrap: wrap;
 min-height: 660px;
}

.we-list_point {
 width: 50%;
 margin-top: 20px;
}

.we-list_point:nth-child(1),
.we-list_point:nth-child(2) {
 margin-top: 0px;
}

.we-list_point:nth-child(1),
.we-list_point:nth-child(7) {
 padding-left: 100px;
}

.we-list_point:nth-child(2),
.we-list_point:nth-child(8) {
 padding-right: 100px;
}

.we-list_point:nth-child(even) {
 display: flex;
 justify-content: flex-end;
}

.we-list_wrap {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 340px;
 height: 150px;
 background: linear-gradient(270deg, #07A981 0%, #03D6A1 100%);
 border-radius: 100px;
}

.we-list_wrap:after {
 content: "";
 position: absolute;
 z-index: 2;
 width: 40px;
 height: 40px;
}

.we-list_point:nth-child(1) .we-list_wrap:after {
 right: -20px;
 bottom: -20px;
 background: url("../img/icons/we/we-1.svg") center no-repeat;
 background-size: contain;
}

.we-list_point:nth-child(2) .we-list_wrap:after {
 left: -20px;
 bottom: -20px;
 background: url("../img/icons/we/we-2.svg") center no-repeat;
 background-size: contain;
}

.we-list_point:nth-child(3) .we-list_wrap:after {
 right: -50px;
 top: 60px;
 background: url("../img/icons/we/we-3.svg") center no-repeat;
 background-size: contain;
}

.we-list_point:nth-child(4) .we-list_wrap:after {
 left: -50px;
 top: 60px;
 background: url("../img/icons/we/we-4.svg") center no-repeat;
 background-size: contain;
}

.we-list_point:nth-child(5) .we-list_wrap:after {
 right: -50px;
 bpttom: 60px;
 background: url("../img/icons/we/we-5.svg") center no-repeat;
 background-size: contain;
}

.we-list_point:nth-child(6) .we-list_wrap:after {
 left: -50px;
 bottom: 60px;
 background: url("../img/icons/we/we-6.svg") center no-repeat;
 background-size: contain;
}

.we-list_point:nth-child(7) .we-list_wrap:after {
 right: -20px;
 top: -20px;
 background: url("../img/icons/we/we-7.svg") center no-repeat;
 background-size: contain;
}

.we-list_point:nth-child(8) .we-list_wrap:after {
 left: -20px;
 top: -20px;
 background: url("../img/icons/we/we-8.svg") center no-repeat;
 background-size: contain;
}

.we-list_first {
 width: calc(100% - 30px);
 height: calc(100% - 30px);
 background: #FFFFFF;
 padding: 10px 30px;
 border-radius: 100px;
 overflow: hidden;
 text-align: center;
}

.we-list_first h3 {
 font-weight: 700;
 font-size: 16px;
 line-height: 20px;
 color: #03D6A1;
 margin-bottom: 5px;
}

.we-list_first p {
 font-size: 14px;
 line-height: 17px;
 color: #647983;
 max-height: 85px;
 overflow: hidden;
}

.we-list_down {
 position: absolute;
 z-index: 2;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: calc(100% - 30px);
 height: calc(100% - 30px);
 background: #FFFFFF;
 padding: 10px 30px;
 border-radius: 100px;
 overflow: hidden;
 text-align: center;
 opacity: 0;
 transition: 0.3s;
}

.we-list_down p {
 font-size: 14px;
 line-height: 17px;
 color: #647983;
 max-height: 90px;
 overflow: hidden;
}

.we-list_point.active .we-list_down {
 opacity: 1;
}

.we-title {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 270px;
 height: 270px;
 background: url("../img/icons/ov.svg") center no-repeat;
 background-size: contain;
 border-radius: 50%;
 box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.2);
 margin: 0px;
}

@media (max-width: 1200px) {
 .we-title {
  position: static;
  transform: translate(0);
  width: auto;
  height: auto;
  background: none;
  box-shadow: none;
  margin-bottom: 30px;
 }

 .we-list {
  max-width: 700px;
  margin: auto;
  min-height: auto;
 }

 .we-list_wrap:after {
  display: none;
 }

 .we-list_point:nth-child(1),
 .we-list_point:nth-child(7) {
  padding-left: 0;
 }

 .we-list_point:nth-child(2),
 .we-list_point:nth-child(8) {
  padding-right: 0px;
 }
}

@media (max-width: 800px) {
 .we-list {
  flex-direction: column;
  align-items: center;
 }

 .we-list_point {
  width: 100%;
 }

 .we-list_point:nth-child(2) {
  margin-top: 20px;
 }

 .we-list_wrap {
  width: 290px;
 }

 .we-list_first {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  padding: 10px;
 }

 .we-list_first h3 {
  font-size: 14px;
  line-height: 18px;
 }

 .we-list_down {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  padding: 10px;
 }
}

@media (min-width: 1200px) {
 .we-list_point:hover .we-list_down {
  opacity: 1;
 }
}

/*-we*/
/*react*/
.react-list {
 display: grid;
 grid-template-columns: 1fr 1fr;
 grid-column-gap: 40px;
 grid-row-gap: 40px;
}

.react-list_point {
 position: relative;
 padding: 20px;
 border-radius: 20px;
 background: #FFFFFF;
 box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
}

.react-list_point::after {
 content: "";
 position: absolute;
 right: 20px;
 top: 20px;
 width: 120px;
 height: 80px;
 background: url("../img/icons/ov-1.svg") center no-repeat;
 background-size: contain;
}

.react-list_title {
 min-height: 72px;
 width: calc(100% - 140px);
 margin-bottom: 20px;
}

@media (max-width: 1200px) {
 .react-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
 }
}

@media (max-width: 800px) {
 .react-list {
  grid-template-columns: 1fr;
 }

 .react-list_point::after {
  width: 80px;
  height: 56px;
 }

 .react-list_title {
  min-height: auto;
  width: calc(100% - 90px);
 }
}

/*-react*/
/*key*/
.key .container:before {
 content: "";
 position: absolute;
 z-index: -1;
 right: -134px;
 bottom: -80px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
}

.key .container:after {
 content: "";
 position: absolute;
 z-index: -1;
 left: -134px;
 top: 0;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
}

.key-list {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 grid-column-gap: 30px;
 grid-row-gap: 30px;
}

.key-list_point {
 position: relative;
 background: #F5F5F5;
 padding: 20px;
 border-radius: 0px 0px 20px 0px;
}

.key-list_icon {
 position: absolute;
 right: -15px;
 top: -15px;
 width: 78px;
 height: 78px;
 border-radius: 50%;
 box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}

.key-list_title {
 min-height: 72px;
 width: calc(100% - 50px);
 margin-bottom: 20px;
}

@media (max-width: 1200px) {
 .key .container:after {
  width: 70px;
  height: 86px;
  left: 0;
  top: -70px;
 }

 .key .container:before {
  width: 70px;
  height: 86px;
  right: 0;
  top: -70px;
  bottom: auto;
 }

 .key-list {
  grid-template-columns: 1fr 1fr;
 }
}

@media (max-width: 800px) {
 .key-list {
  grid-template-columns: 1fr;
 }

 .key-list_title {
  min-height: auto;
 }

 .key-list_icon {
  right: -10px;
 }
}

/*-key*/
/*information*/
.information-list {
 display: flex;
}

.information-list_point {
 display: flex;
 justify-content: flex-end;
 width: 50%;
 padding: 100px 100px 100px 0px;
 background: url("../img/bgr-3.jpg") left no-repeat;
 background-size: cover;
}

.information-list_point:nth-child(even) {
 justify-content: flex-start;
 padding: 100px 0px 100px 100px;
 background: url("../img/bgr-4.jpg") right no-repeat;
 background-size: cover;
}

.information-list_box {
 width: 460px;
 text-align: center;
}

.information-list_title {
 color: #FFFFFF;
 margin-bottom: 20px;
}

.information-list_text p {
 color: #FFFFFF;
}

.information-list_text li {
 color: #FFFFFF;
}

.information-list_btn {
 width: 100%;
 margin: 20px auto 0px auto;
}

@media (max-width: 1200px) {
 .information-list_point {
  padding: 100px 15px 100px 15px;
 }

 .information-list_point:nth-child(even) {
  padding: 100px 15px 100px 15px;
 }

 .information-list_box {
  width: 100%;
 }
}

@media (max-width: 800px) {
 .information-list {
  display: block;
 }

 .information-list_point {
  width: 100%;
  padding: 50px 15px;
 }

 .information-list_point:nth-child(even) {
  padding: 50px 15px;
 }
}

/*-information*/
/*serv*/
.serv {
 background: url("../img/serv.png") center no-repeat;
 background-size: contain;
}

.serv-list {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 grid-column-gap: 20px;
 grid-row-gap: 80px;
}

.serv-list_point {
 position: relative;
 z-index: 1;
 padding: 30px 30px 0px 30px;
}

.serv-list_point:before {
 content: "";
 position: absolute;
 z-index: -1;
 left: 0;
 top: 0;
 width: 50%;
 height: calc(100% - 30px);
 background: #03D6A1;
 border-radius: 30px 0px 0px 30px;
}

.serv-list_point:after {
 content: "";
 position: absolute;
 z-index: -1;
 right: 0;
 top: 0;
 width: 50%;
 height: calc(100% - 30px);
 border: 2px dashed #03D6A1;
 border-left: none;
 border-radius: 0px 30px 30px 0px;
}

.serv-list_wrap {
 min-height: 420px;
 padding: 50px 20px 20px 20px;
 background: #FFFFFF;
 box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25);
 border-radius: 30px;
 text-align: center;
}

.serv-list_title {
 margin-bottom: 10px;
}

@media (max-width: 1200px) {
 .serv {
  background: none;
 }

 .serv-list {
  grid-template-columns: 1fr 1fr;
 }
}

@media (max-width: 800px) {
 .serv-list {
  grid-template-columns: 1fr;
  grid-row-gap: 30px;
 }

 .serv-list_wrap {
  min-height: 100%;
 }

 .serv-list_point {
  padding: 20px 20px 0px 20px;
 }

 .serv-list_point:before {
  height: calc(100% - 20px);
 }

 .serv-list_point:after {
  height: calc(100% - 20px);
 }

 .serv-list_wrap {
  padding: 30px 20px 20px 20px;
 }
}

/*-serv*/
/*tech*/
.tech {
 background: #363A47;
}
.tech .title-xl {
 color: #FFFFFF;
}
.tech .section-title {
 position: relative;
}
.tech .section-title:after {
 content: "";
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 top: 100%;
 width: 2px;
 height: 52px;
 background: #03D6A1;
}
.tech .section-title:before {
 content: "";
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 top: calc(100% + 47px);
 width: 9px;
 height: 9px;
 border-radius: 50%;
 background: #03D6A1;
}

.tech-wrap {
 position: relative;
 z-index: 1;
}
.tech-wrap:before {
 content: "";
 position: absolute;
 z-index: -1;
 left: -134px;
 top: -100px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
 opacity: 0.5;
}
.tech-wrap:after {
 content: "";
 position: absolute;
 z-index: -1;
 right: -134px;
 bottom: -100px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
 opacity: 0.5;
}

.tech-list {
 position: relative;
 display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr;
 grid-column-gap: 20px;
}
.tech-list:before {
 content: "";
 position: absolute;
 left: 50%;
 top: 6px;
 transform: translateX(-50%);
 width: 850px;
 height: 2px;
 background: #03D6A1;
}

.tech-list_point {
 display: flex;
 flex-direction: column;
 align-items: center;
}

.tech-list_icon {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 174px;
 padding: 38px 0px;
}
.tech-list_icon::after {
 content: "";
 position: absolute;
 z-index: 2;
 left: 50%;
 top: 2px;
 transform: translateX(-50%);
 width: 14px;
 height: 40px;
 background: url("../img/icons/linebt.svg") center no-repeat;
 background-size: contain;
}
.tech-list_icon::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 50%;
 bottom: 2px;
 transform: translateX(-50%);
 width: 14px;
 height: 40px;
 background: url("../img/icons/linebt.svg") center no-repeat;
 background-size: contain;
}
.tech-list_icon img {
 width: 100%;
}

.tech-list_title {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 100%;
 background: linear-gradient(270deg, #07A981 0%, #03D6A1 100%);
 border-radius: 10px 10px 0px 0px;
 text-transform: capitalize;
 text-align: center;
 color: #FFFFFF;
 padding: 5px;
 min-height: 60px;
}
.tech-list_title a {
 color: #FFFFFF;
 text-decoration: underline;
}

.tech-list_items {
 width: 100%;
 padding: 15px;
 background: #4A4E59;
 border: 1px solid #03D6A1;
 border-top: none;
 box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
 border-radius: 0px 0px 10px 10px;
}

.tech-list_item {
 position: relative;
 display: block;
 font-weight: 500;
 font-size: 16px;
 line-height: 28px;
 color: #F5F5F5;
 padding-left: 15px;
 margin-bottom: 10px;
}

.tech-list_item:before {
 content: "";
 position: absolute;
 left: 0;
 top: 11px;
 width: 6px;
 height: 6px;
 border-radius: 50%;
 background: #F5F5F5;
}

.tech-list_item:last-child {
 margin-bottom: 0px;
}

@media (max-width: 1200px) {
 .tech-wrap:before {
   width: 70px;
   height: 86px;
   left: 0;
   top: -100px;
 }
 .tech-wrap:after {
   width: 70px;
   height: 86px;
   right: 0;
   bottom: -100px;
 }
 .tech-list:before {
   left: -15px;
   width: calc(100% + 30px);
   transform: translate(0);
 }
}
@media (max-width: 800px) {
 .tech .section-title:after {
   display: none;
 }
 .tech .section-title:before {
   display: none;
 }
 .tech-wrap:before {
   top: -70px;
   left: -15px;
 }
 .tech-wrap:after {
   bottom: -70px;
   right: auto;
   left: -15px;
 }
 .tech-list {
   grid-template-columns: 1fr;
   grid-row-gap: 30px;
   padding: 0px;
 }
 .tech-list:before {
   display: none;
 }
 .tech-list_point {
   position: relative;
   padding: 0px 0px 0px 120px;
 }
 .tech-list_point::after {
   content: "";
   position: absolute;
   left: 47px;
   top: 104px;
   width: 1px;
   height: 100%;
   background: #03D6A1;
 }
 .tech-list_point:last-child::after {
   display: none;
 }
 .tech-list_icon {
   position: absolute;
   left: 0px;
   top: 14px;
   width: 90px;
   height: 90px;
 }
 .tech-list_icon::before {
   left: 100%;
   top: 50%;
   transform: translateX(0) translateY(50%);
   width: 30px;
   height: 1px;
   background: #03D6A1;
 }
 .tech-list_icon::after {
   display: none;
 }
 .tech-list_title {
   line-height: 24px;
   justify-content: flex-start;
   text-align: left;
   padding: 0px 15px;
 }
}
/*-tech*/
/*just*/
.just {
 position: relative;
 background: #363A47;
}

.just:before {
 content: "";
 position: absolute;
 left: 0;
 bottom: 0;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
 opacity: 0.5;
}

.just:after {
 content: "";
 position: absolute;
 right: 0;
 top: 0;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
 opacity: 0.5;
}

.just-wrap {
 position: relative;
 z-index: 1;
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.just-wrap:before {
 content: "";
 position: absolute;
 z-index: -1;
 left: -134px;
 top: -100px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
 opacity: 0.5;
}

.just-wrap:after {
 content: "";
 position: absolute;
 z-index: -1;
 right: -134px;
 bottom: -100px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
 opacity: 0.5;
}

.just-text {
 max-width: 530px;
}

.just-title {
 color: #FFFFFF;
 font-weight: 800;
 font-size: 44px;
 line-height: 64px;
 text-transform: uppercase;
 letter-spacing: 2px;
}

.just-title b {
 font-weight: 800;
 color: #07A981;
}

.just-descr {
 max-width: 400px;
 font-weight: 700;
 font-size: 20px;
 line-height: 36px;
 color: #FFFFFF;
 margin-top: 48px;
}

.just-buttons {
 display: flex;
 margin-top: 48px;
}

.just-buttons .page-button {
 margin-right: 16px;
}

.just-img {
 width: 500px;
}

.just-choice {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 grid-column-gap: 20px;
 grid-row-gap: 20px;
 margin-top: 16px;
}

.just-label {
 position: relative;
 display: block;
 cursor: pointer;
 height: 100%;
}

.just-input {
 position: absolute;
 z-index: -1;
 left: 0;
 top: 0;
 width: 0px;
 height: 0px;
 opacity: 0;
 padding: 0px;
 margin: 0px;
}

.just-box {
 display: flex;
 flex-direction: column;
 align-items: center;
 padding: 24px;
 background: #4A4E59;
 border: 1px solid #03D6A1;
 box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
 border-radius: 10px;
 height: 100%;
}

.just-sub {
 display: block;
 font-weight: 500;
 font-size: 20px;
 line-height: 33px;
 min-height: 66px;
 text-align: center;
 color: #FFFFFF;
 text-align: center;
 margin-top: 12px;
}

.just-icon {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 24px;
 height: 24px;
 border-radius: 50%;
 border: 2px solid #FFFFFF;
 margin-top: 8px;
}

.just-icon::after {
 content: "";
 width: 16px;
 height: 16px;
 border-radius: 50%;
 background: #03D6A1;
 opacity: 0;
}

.just-input:checked+.just-box>.just-icon {
 border: 2px solid #03D6A1;
}

.just-input:checked+.just-box>.just-icon:after {
 opacity: 1;
}

@media (max-width: 1200px) {
 .just::after {
  display: none;
 }

 .just::before {
  display: none;
 }

 .just-wrap {
  flex-direction: column;
  align-items: center;
 }

 .just-text {
  display: flex;
  flex-direction: column;
  align-items: center;
 }

 .just-title {
  text-align: center;
 }

 .just-descr {
  text-align: center;
 }

 .just-wrap:before {
  width: 70px;
  height: 86px;
  left: 0;
  top: -100px;
 }

 .just-wrap:after {
  width: 70px;
  height: 86px;
  right: 0;
  bottom: -100px;
 }
}

@media (max-width: 800px) {
 .just-choice {
  grid-template-columns: 1fr;
 }

 .just-title {
  font-size: 30px;
  line-height: 40px;
 }

 .just-title svg {
  width: 30px;
  height: 30px;
 }

 .just-descr {
  font-size: 16px;
  line-height: 24px;
  margin-top: 30px;
 }

 .just-buttons {
  display: block;
  margin-top: 30px;
 }

 .just-buttons .page-button {
  margin-right: 0px;
  margin-bottom: 16px;
 }

 .just-img {
  width: 100%;
 }

 .just-sub {
  min-height: auto;
 }
}

/*-just*/
/*first*/
.first {
 position: relative;
 padding: 150px 0px 70px 0px;
}

.first-video {
 position: absolute;
 z-index: -1;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.first-title {
 max-width: 632px;
 text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

.first-descr {
 max-width: 610px;
 margin-top: 16px;
 text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

.first-buttons {
 display: flex;
 align-items: center;
 grid-gap: 24px;
 margin-top: 24px;
}

.first-logos {
 display: flex;
 align-items: center;
 grid-gap: 24px;
 margin-top: 48px;
}
.first-logos li {
 display: flex;
 justify-content: center;
 align-items: center;
}
.first-logos img {
 width: auto;
 height: auto;
 max-height: 103px;
 max-width: 168px;
}
.first-logos a {
 display: flex;
 justify-content: center;
 align-items: center;
}

@media (max-width: 800px) {
 .first {
   padding-top: 126px;
   padding-bottom: 48px;
 }
 .first-buttons {
   flex-direction: column;
   align-items: flex-start;
 }
 .first-logos {
   grid-gap: 16px;
 }
 .first-logos mimg {
   max-height: 80px;
 }
}
/*-first*/

/*offer*/
.offer {
 background: linear-gradient(91deg, #F1F6F6 1.25%, #D9EBEB 99.29%);
}

.offer-wrap {
 position: relative;
}

.offer-title {
 position: absolute;
 z-index: 2;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 176px;
 height: 176px;
 display: flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 color: #363A47;
 font-size: 25px;
 font-weight: 700;
 border-radius: 50%;
 border-radius: 254px;
 border: 10px solid #07A981;
 background: #FFF;
}

.offer-boxs {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 grid-gap: 20px;
}

.offer-box {
 position: relative;
 overflow: hidden;
 border-radius: 15px;
 background: #FFF;
 box-shadow: 0px 10px 20px 0px rgba(3, 37, 62, 0.15);
 padding: 24px;
}
.offer-box::after {
 content: "";
 position: absolute;
 z-index: 1;
 width: 250px;
 height: 250px;
 border-radius: 50%;
 background: linear-gradient(270deg, #07A981 0%, #03D6A1 100%);
}
.offer-box span {
 position: absolute;
 z-index: 2;
 color: #FFF;
 font-size: 40px;
 font-weight: 900;
 letter-spacing: 0.444px;
}
.offer-box p {
 margin-top: 8px;
}

.offer-box:nth-child(1)::after {
 top: -176px;
 right: -80px;
}
.offer-box:nth-child(1) span {
 top: 8px;
 right: 24px;
}

.offer-box:nth-child(2)::after {
 top: -123px;
 right: -152px;
}
.offer-box:nth-child(2) span {
 top: 8px;
 right: 24px;
}

.offer-box:nth-child(3)::after {
 top: -181px;
 left: -95px;
}
.offer-box:nth-child(3) span {
 top: 8px;
 left: 24px;
}

.offer-box:nth-child(4)::after {
 bottom: -175px;
 right: -95px;
}
.offer-box:nth-child(4) span {
 bottom: 8px;
 right: 24px;
}

.offer-box_text {
 height: 100%;
 padding: 48px 32px 32px 32px;
 border-radius: 12px;
 border: 1px solid #DADADA;
}

@media (max-width: 800px) {
 .offer-title {
   position: relative;
   left: auto;
   bottom: auto;
   transform: translate(0);
   width: fit-content;
   height: fit-content;
   background: transparent;
   border: none;
   font-size: 28px;
   line-height: 38px;
   padding-bottom: 10px;
   margin: 0px auto 30px auto;
 }
 .offer-title:after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 4px;
   background: #03D6A1;
 }
 .offer-boxs {
   grid-template-columns: repeat(1, 1fr);
 }
}
/*-offer*/
/*stories*/
.stories {
 position: relative;
}
.stories::after {
 content: "";
 position: absolute;
 z-index: -1;
 right: 0;
 top: 0;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
}

.stories-boxs {
 display: grid;
 grid-gap: 64px;
}

.stories-box {
 display: flex;
 align-items: center;
}

.stories-box_img {
 width: 368px;
 height: 212px;
 border-radius: 12px;
 overflow: hidden;
}
.stories-box_img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: 0.3s;
}

.stories-box_text {
 width: 50%;
 max-width: 50%;
 margin-left: 119px;
}
.stories-box_text p {
 display: block;
 font-size: 20px;
 font-weight: 500;
 line-height: 38px;
 color: #647983;
 margin-top: 16px;
}

.stories-box_title {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 transition: 0.1s;
}
.stories-box_title:after {
 content: "";
 display: block;
 background: #03D6A1;
 width: 57px;
 height: 6px;
 margin-top: 4px;
 transition: 0.1s;
}

.stories-more {
 margin: 80px auto 0px auto;
}

@media (max-width: 1200px) {
 .stories-box_text {
   margin-left: 90px;
 }
}
@media (max-width: 800px) {
 .stories:after {
   width: 70px;
   height: 86px;
 }
 .stories-box {
   display: block;
 }
 .stories-box_text {
   width: 100%;
   min-width: 100%;
   margin-left: 0px;
   margin-top: 32px;
 }
 .stories-more {
   margin: 65px auto 0px auto;
 }
}
@media (min-width: 1200px) {
 .stories-box:hover .stories-box_title {
   color: #03D6A1;
 }
 .stories-box:hover .stories-box_title::after {
   background: #363A47;
 }
 .stories-box:hover .stories-box_img img {
   transform: scale(1.03);
 }
}
/*-stories*/
/*partner*/
.partner {
 background: #E4F1F1;
}
.partner .container {
 z-index: 2;
}
.partner .container:before {
 content: "";
 position: absolute;
 z-index: -1;
 right: -134px;
 bottom: -80px;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-right.svg) center no-repeat;
 background-size: contain;
}
.partner .container:after {
 content: "";
 position: absolute;
 z-index: -1;
 left: -134px;
 top: 0;
 height: 182px;
 width: 149px;
 background: url(../img/icons/dots-left.svg) center no-repeat;
 background-size: contain;
}

.partner-boxs {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 grid-gap: 20px;
}

.partner-box {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 210px;
 border-radius: 15px;
 background: #FFF;
 box-shadow: 0px 10px 50px 0px rgba(22, 30, 72, 0.09);
 padding: 20px;
}
.partner-box img {
 width: auto;
 height: auto;
 max-height: 100%;
 max-width: 100%;
}

@media (max-width: 1200px) {
 .partner .container::after {
   width: 70px;
   height: 86px;
   left: 0;
   top: -100px;
 }
 .partner .container::before {
   width: 70px;
   height: 86px;
   right: 0;
   bottom: -100px;
 }
 .partner-boxs {
   grid-template-columns: repeat(3, 1fr);
 }
}
@media (max-width: 800px) {
 .partner-boxs {
   grid-gap: 10px;
 }
 .partner-box {
   height: 100px;
   padding: 10px;
 }
}
/*-partner*/