@font-face {
  font-family: "Space_Grotesk";
  src: url("./../../Space_Grotesk/SpaceGrotesk.ttf"); }

@font-face {
  font-family: "DM_Sans";
  src: url("./../../DM_Sans/DMSans.ttf"); }

@font-face {
  font-family: "Inter";
  src: url("./../../Inter/Inter.ttf"); }

@media (max-width: 1200px) {
  body {
    padding-top: 68px; }
  .button.mobile-hidden {
    display: none !important; }
  .button.desktop-hidden {
    display: inline-flex !important; }
  .square {
    width: 130px !important;
    height: 130px !important; }
  .square.mobile-hidden {
    display: none; }
  .triangle {
    width: 130px !important;
    height: 130px !important; }
  .triangle.small-mobile {
    width: 116px !important;
    height: 116px !important;
    border: calc(116px / 2) solid black;
    border-left: solid calc(116px / 2) transparent !important;
    border-bottom: solid calc(116px / 2) transparent !important; }
  .pinned.mobile-hidden {
    display: none !important; }
  .pinned.desktop-hidden {
    display: inline-flex !important; }
  .pinned.mobile__move-right {
    display: flex;
    flex-direction: row;
    -webkit-transform: translateX(50%);
    /* Safari */
    -ms-transform: translateX(50%);
    /* IE 9 */
    transform: translateX(50%); }
  a {
    text-decoration: none;
    color: #171916; }
  .backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9; }
  .backdrop.active {
    display: block; }
  header {
    height: 68px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    background: white;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    /* Safari */
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    /* Firefox */
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); }
  header nav {
    height: 100%;
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    font-family: Space_Grotesk;
    position: relative; }
  header nav .logo img {
    width: 112px;
    height: 36.5px; }
  header nav .menu-button {
    cursor: pointer;
    background-color: transparent;
    border: none; }
  header nav .menu-toggler {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(1%);
    /* Safari */
    -ms-transform: scale(1%);
    /* IE 9 */
    transform: scale(1%); }
  header nav ul {
    display: flex;
    z-index: 10;
    position: absolute;
    top: 60px;
    right: 10px;
    visibility: hidden;
    opacity: 0;
    transform: translateX(100%);
    background-color: white;
    flex-direction: column;
    padding: 12px 0;
    -webkit-border-radius: 12px;
    /* Safari */
    -moz-border-radius: 12px;
    /* Firefox */
    border-radius: 12px;
    list-style-type: none;
    -webkit-box-shadow: 0 0 2px grey;
    /* Safari */
    -moz-box-shadow: 0 0 2px grey;
    /* Firefox */
    box-shadow: 0 0 2px grey;
    transition: all 0.3s ease-in-out; }
  header nav ul.active {
    visibility: visible;
    opacity: 1;
    transform: translateX(0); }
  header nav ul li {
    cursor: pointer; }
  header nav ul li:hover {
    background-color: #04B2E2; }
  header nav ul li:last-child:hover {
    background-color: transparent; }
  header nav ul li a {
    display: inline-block;
    padding: 8px 16px;
    width: 100%; }
  .main-content .intro {
    flex-direction: column; }
  .main-content .intro > div:first-child {
    background-color: #0C3B5D; }
  .main-content .intro .wrapper {
    padding: 92px 40px;
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    align-items: center; }
  .main-content .intro .wrapper .text-wrapper {
    box-sizing: border-box;
    margin-bottom: 38px; }
  .main-content .intro .wrapper .text-wrapper > :not(:first-child) {
    margin-top: 24px; }
  .main-content .intro .wrapper .button {
    align-self: center;
    width: 100%;
    max-width: 400px; }
  .main-content .intro .wrapper .wrapper, .main-content .intro .wrapper .counters {
    padding-right: 0; }
  .main-content .intro .wrapper .counters {
    margin-top: 60px;
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row;
    justify-content: center; }
  .main-content .intro .wrapper .counters > :not(:first-child) {
    margin-left: 44px; }
  .main-content .intro .wrapper .counters .quantity {
    margin-bottom: 16px;
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 500;
    font-family: Space_Grotesk; }
  .main-content .intro .wrapper .counters .label {
    color: #F2F3F4;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 28.8px */
    opacity: 0.7; }
  .main-content .intro .photo {
    width: 100%;
    background-image: url("./../../images/mainPhoto.jpg");
    padding-right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 80%;
    height: 660px;
    overflow: hidden; }
  .main-content .about-us {
    flex-direction: column-reverse; }
  .main-content .about-us .photo {
    flex-shrink: 0;
    background: url("./../../images/men2.png");
    background-repeat: no-repeat;
    background-size: 138%;
    background-position: 69% 61%;
    min-height: 502.5px; } }

@media (max-width: 1200px) and (min-width: 600px) {
  .main-content .about-us .photo {
    min-height: 749px;
    background-size: 110%; } }

@media (max-width: 1200px) {
  .main-content .about-us .photo .person.title {
    background-color: #FFFFFF;
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding: 30px 31px;
    box-sizing: border-box;
    width: 233.33px;
    height: 116.67px; }
  .main-content .about-us .photo .person.title .title-wrapper {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    font-family: Space_Grotesk; }
  .main-content .about-us .photo .person.title .name {
    font-size: 16.031px;
    font-weight: 700;
    line-height: 160%;
    margin-bottom: 4px; }
  .main-content .about-us .photo .person.title .position {
    line-height: 160%;
    opacity: 0.7; }
  .main-content .about-us .text {
    width: 100%;
    flex-shrink: 3;
    background-color: #FFFFFF; }
  .main-content .about-us .text .wrapper {
    padding: 94px 40px; }
  .main-content .about-us .text .wrapper .text-wrapper {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 29px; }
  .main-content .about-us .text .wrapper .text-wrapper .title {
    font-size: 16px;
    margin-bottom: -12px; }
  .main-content .about-us .text .wrapper .text-wrapper .header {
    color: #171916;
    font-size: 32px;
    font-weight: 700; }
  .main-content .about-us .text .wrapper .text-wrapper .description {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    color: #171916;
    opacity: 0.7;
    gap: 29px; }
  .main-content .about-us .text .wrapper .text-wrapper .description p {
    margin: 0; }
  .main-content .how-we-help {
    flex-direction: column; }
  .main-content .how-we-help .text {
    padding: 94px 40px 35px; }
  .main-content .how-we-help .text .text-wrapper .title {
    margin-bottom: 13px;
    font-size: 16px; }
  .main-content .how-we-help .text .text-wrapper .header {
    font-size: 32px;
    font-weight: 700;
    line-height: 114%; }
  .main-content .how-we-help .service-list {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    justify-content: flex-start;
    padding: 35px 40px 70px;
    flex-direction: column;
    gap: 2rem; }
  .main-content .how-we-help .service-list .button {
    align-self: center;
    width: 100%;
    max-width: 400px; }
  .main-content .how-we-help .service-list .list-wrapper {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    gap: 30px;
    flex-direction: column;
    width: 100%; } }

@media (max-width: 1200px) and (min-width: 720px) {
  .main-content .how-we-help .service-list .list-wrapper {
    flex-direction: row; } }

@media (max-width: 1200px) {
  .main-content .how-we-help .service-list .list-wrapper .item .icon {
    display: block;
    margin-bottom: 12px;
    width: 24px;
    height: 24px; }
  .main-content .how-we-help .service-list .list-wrapper .item .title {
    margin-bottom: 14px;
    font-size: 20px;
    font-weight: 700;
    line-height: 114%;
    color: #F2F3F4;
    font-family: Space_Grotesk; }
  .main-content .how-we-help .service-list .list-wrapper .item .description {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    color: rgba(242, 243, 244, 0.7);
    opacity: 0.7; }
  .main-content .testimonials {
    background-color: #FFFFFF;
    flex-direction: column; }
  .main-content .testimonials > :first-child {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    align-items: center;
    justify-content: center; }
  .main-content .testimonials .wrapper {
    padding: 190px 40px 80px;
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column; }
  .main-content .testimonials .wrapper .text-wrapper .title {
    margin-bottom: 32px; }
  .main-content .testimonials .wrapper .text-wrapper .header {
    color: #171916;
    font-size: 40px;
    margin-bottom: 45px;
    gap: 29px; }
  .main-content .testimonials .wrapper .button {
    align-self: center;
    width: 100%;
    max-width: 400px; }
  .main-content .testimonials .slider {
    box-sizing: border-box;
    padding: 40px 40px 58px; }
  .main-content .testimonials .slider .slider-wrapper {
    overflow: hidden; }
  .main-content .testimonials .slider .slider-wrapper .slide {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    -webkit-transform: translateX(0);
    /* Safari */
    -ms-transform: translateX(0);
    /* IE 9 */
    transform: translateX(0);
    transition: transform 0.3s ease-in-out; }
  .main-content .testimonials .slider .slider-wrapper .slide .text-wrapper {
    padding-bottom: 40px; }
  .main-content .testimonials .slider .slider-wrapper .slide .text-wrapper .header {
    margin-bottom: 40px;
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    align-items: center;
    gap: 16px !important;
    font-size: 19px;
    font-weight: 700;
    color: #171916;
    line-height: 140%; }
  .main-content .testimonials .slider .slider-wrapper .slide .text-wrapper .header .quotes {
    display: inline-block;
    width: 40px;
    height: 44px;
    flex-shrink: 0; }
  .main-content .testimonials .slider .slider-wrapper .slide .text-wrapper .description {
    font-family: "Inter";
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
    color: #171916;
    opacity: 0.7; }
  .main-content .testimonials .slider .slider-wrapper .slide .person {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 23px;
    padding-top: 40px;
    padding-bottom: 55px;
    border-top: 1px solid rgba(23, 25, 22, 0.2); }
  .main-content .testimonials .slider .slider-wrapper .slide .person .photo {
    width: 97px;
    height: 97px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    /* Safari */
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    /* Firefox */
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); }
  .main-content .testimonials .slider .slider-wrapper .slide .person .photo img {
    width: 97px;
    height: 97px; }
  .main-content .testimonials .slider .slider-wrapper .slide .person .title {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column; }
  .main-content .testimonials .slider .slider-wrapper .slide .person .title span {
    display: inline-block; }
  .main-content .testimonials .slider .slider-wrapper .slide .person .title .name {
    font-size: 24px;
    font-weight: 500;
    line-height: 145%;
    letter-spacing: -0.72px; }
  .main-content .testimonials .slider .slider-wrapper .slide .person .title .position {
    font-size: 18px;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.54px;
    opacity: 0.4; }
  .main-content .testimonials .slider .actions {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%; }
  .main-content .testimonials .slider .actions .actions-wrapper {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
    justify-content: space-between; }
  .main-content .testimonials .slider .actions .actions-wrapper .pages {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row; }
  .main-content .testimonials .slider .actions .actions-wrapper .pages .page {
    width: 8px;
    height: 8px;
    background: rgba(12, 59, 93, 0.2); }
  .main-content .testimonials .slider .actions .actions-wrapper .pages .page:not(:first-child) {
    margin-left: 8px; }
  .main-content .testimonials .slider .actions .actions-wrapper .pages .page.active {
    background: #0C3B5D; }
  .main-content .testimonials .slider .actions .actions-wrapper .buttons .button {
    width: 30px;
    height: 30px;
    position: relative;
    cursor: pointer; }
  .main-content .testimonials .slider .actions .actions-wrapper .buttons .button:not(:first-child) {
    margin-left: 12px; }
  .main-content .testimonials .slider .actions .actions-wrapper .buttons .button.next::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px; }
  .main-content .testimonials .slider .actions .actions-wrapper .buttons .button.prev::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px; }
  .main-content .testimonials .slider .actions .actions-wrapper .buttons .button .circle {
    -webkit-border-radius: 50%;
    /* Safari */
    -moz-border-radius: 50%;
    /* Firefox */
    border-radius: 50%;
    width: 30px;
    height: 30px; }
  .main-content .testimonials .slider .actions .actions-wrapper .buttons .button svg {
    width: 16px; }
  .main-content .testimonials .slider .actions .actions-wrapper .buttons .button .transparent {
    background-color: transparent;
    border: none; }
  .main-content .testimonials .slider .actions .actions-wrapper .buttons .button .red {
    color: red; }
  .main-content .transform {
    flex-direction: column-reverse; }
  .main-content .transform .photo {
    height: 463px;
    position: relative;
    background-image: url("./../../images/lastSectionPhoto.png");
    background-position: 0 15%;
    background-size: cover; }
  .main-content .transform .right-side {
    padding: 82px 40px; }
  .main-content .transform .right-side .wrapper {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column; }
  .main-content .transform .right-side .wrapper .button {
    align-self: center;
    width: 100%;
    max-width: 400px; }
  .main-content .transform .right-side .wrapper .text-wrapper .title,
  .main-content .transform .right-side .wrapper .text-wrapper .header,
  .main-content .transform .right-side .wrapper .text-wrapper .description {
    margin-bottom: 32px; }
  .main-content .transform .right-side .wrapper .text-wrapper .header {
    font-size: 40px; }
  .main-content section {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row;
    background-color: #0C3B5D; }
  .main-content section > div {
    position: relative; }
  .main-content section .text-wrapper .title {
    color: #04B2E2;
    font-family: DM_Sans;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase; }
  .main-content section .text-wrapper .header {
    font-size: 52px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 110%; }
  .main-content section .text-wrapper .description {
    color: rgba(242, 243, 244, 0.7);
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%; }
  footer {
    padding: 69px 40px 20px; }
  footer .footer-content {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    padding-bottom: 47px;
    gap: 73px; }
  footer .footer-content .left-side {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  footer .footer-content .left-side .logo {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row;
    margin-bottom: 24px; }
  footer .footer-content .left-side .logo .icon {
    margin-right: 15px; }
  footer .footer-content .left-side .logo .icon svg {
    width: 100px;
    height: 100px; }
  footer .footer-content .left-side .logo .name svg {
    width: 194px;
    height: 101px; }
  footer .footer-content .left-side .buttons {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    gap: 9px 9px;
    font-family: Space_Grotesk;
    align-items: stretch;
    width: 100%;
    max-width: 400px; }
  footer .footer-content .right-side {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    gap: 57px; }
  footer .footer-content .right-side .right-side__container {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    gap: 57px; } }

@media (max-width: 1200px) and (min-width: 550px) {
  footer .footer-content .right-side .right-side__container {
    flex-direction: row;
    gap: 104px;
    justify-content: flex-start; } }

@media (max-width: 1200px) {
  footer .footer-content .right-side ul {
    padding-left: 0;
    margin: 0; }
  footer .footer-content .right-side ul li {
    margin-top: 24px;
    list-style: none;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400; }
  footer .footer-content .right-side .title {
    font-family: Space_Grotesk;
    font-size: 18px;
    font-weight: 700;
    color: #171916; }
  footer .footer-content .right-side .contact-details .social {
    margin-top: 30px; }
  footer .footer-content .right-side .contact-details .social .linkedIn {
    display: inline-flex;
    align-items: center;
    margin-top: 24px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400; }
  footer .footer-content .right-side .contact-details .social .linkedIn .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 6px; }
  footer .footer-content .right-side .visit-us .location {
    font-size: 16px;
    margin-top: 15px; }
  footer .footer-content .right-side .visit-us #map {
    margin-top: 24px; }
  footer .footer-content .right-side .visit-us .directions {
    display: inline-block;
    margin-top: 11px;
    color: #1043EE;
    font-family: Space_Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline; }
  footer .footer-content .right-side #map {
    height: 280px;
    width: 100%;
    align-self: stretch; }
  footer .footer-rights {
    border-top: 1px solid rgba(23, 25, 22, 0.2);
    color: rgba(20, 28, 54, 0.5);
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    gap: 17px;
    padding: 16px 0;
    font-family: "Inter";
    font-size: 15px; } }

@media (min-width: 1201px) {
  body > div > .content {
    margin: 0 auto; }
  a {
    text-decoration: none;
    color: #171916; }
  header {
    height: 96px; }
  header nav {
    height: 100%;
    padding: 0 80px;
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: Space_Grotesk; }
  header nav .menu-button {
    display: none; }
  header nav .menu-toggler {
    display: none; }
  header nav ul {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer; }
  header nav ul li {
    list-style-type: none; }
  header nav ul li:not(:first-child) {
    margin-left: 23px;
    cursor: pointer; }
  .main-content {
    width: 100%; }
  .main-content .intro {
    position: relative;
    background-color: transparent; }
  .main-content .intro .intro__background {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #0C3B5D; }
  .main-content .intro .intro__image {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    background-image: url("./../../images/mainPhoto.jpg");
    background-size: cover;
    background-position: right; } }

@media (min-width: 1201px) and (min-width: 1920px) {
  .main-content .intro .intro__image {
    background-size: 150%;
    background-position-x: 10%; } }

@media (min-width: 1201px) {
  .main-content .intro .wrapper {
    padding: 158px 85px 158px 80px; }
  .main-content .intro .wrapper .text-wrapper {
    width: 543px;
    box-sizing: border-box;
    margin-bottom: 38px; }
  .main-content .intro .wrapper .text-wrapper > :not(:first-child) {
    margin-top: 24px; }
  .main-content .intro .wrapper .text-wrapper,
  .main-content .intro .wrapper .counters {
    padding-right: 134px; }
  .main-content .intro .wrapper .counters {
    margin-top: 74px;
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row; }
  .main-content .intro .wrapper .counters > :not(:first-child) {
    margin-left: 44px; }
  .main-content .intro .wrapper .counters .quantity {
    margin-bottom: 16px;
    color: #FFFFFF;
    font-size: 40px;
    font-weight: 500;
    font-family: Space_Grotesk; }
  .main-content .intro .wrapper .counters .label {
    color: #F2F3F4;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 28.8px */
    opacity: 0.7; }
  .main-content .intro .photo {
    width: 100%;
    background-image: url("./../../images/mainPhoto.jpg");
    background-position: right;
    padding-right: 0;
    background-size: cover;
    background-repeat: no-repeat; }
  .main-content .about-us {
    background-color: transparent; }
  .main-content .about-us .photo {
    flex: 1;
    margin-left: -262px;
    background: url("./../../images/men2.png");
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: right;
    width: 577px; }
  .main-content .about-us .photo .person.title {
    background-color: #FFFFFF;
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    padding: 30px 31px;
    box-sizing: border-box; }
  .main-content .about-us .photo .person.title .title-wrapper {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    font-family: Space_Grotesk; }
  .main-content .about-us .photo .person.title .name {
    font-size: 24px;
    font-weight: 700;
    line-height: 160%;
    margin-bottom: 4px; }
  .main-content .about-us .photo .person.title .position {
    line-height: 160%;
    opacity: 0.7; }
  .main-content .about-us .text {
    width: 100%;
    flex: 1;
    background-color: #FFFFFF; }
  .main-content .about-us .text .wrapper {
    padding: 100px 80px 156px 131px;
    max-width: 772px; }
  .main-content .about-us .text .wrapper .text-wrapper {
    width: 100%; }
  .main-content .about-us .text .wrapper .text-wrapper .title {
    margin-bottom: 18px; }
  .main-content .about-us .text .wrapper .text-wrapper .header {
    margin-bottom: 36px;
    color: #171916;
    font-size: 40px;
    font-weight: 700; }
  .main-content .about-us .text .wrapper .text-wrapper .description {
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
    color: #171916;
    opacity: 0.7; }
  .main-content .how-we-help {
    position: relative; }
  .main-content .how-we-help .pinned {
    position: absolute; }
  .main-content .how-we-help .how-we-help-container {
    display: flex;
    flex-direction: row;
    max-width: 1440px;
    margin: 0 auto; }
  .main-content .how-we-help .how-we-help-container .text {
    padding: 162px 63px 162px 80px; }
  .main-content .how-we-help .how-we-help-container .text .text-wrapper {
    width: 498px; }
  .main-content .how-we-help .how-we-help-container .text .text-wrapper .title {
    margin-bottom: 13px; }
  .main-content .how-we-help .how-we-help-container .text .text-wrapper .header {
    font-size: 40px;
    font-weight: 700;
    line-height: 114%;
    margin-bottom: 35px; }
  .main-content .how-we-help .how-we-help-container .service-list {
    width: 100%;
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    justify-content: flex-start;
    padding: 124px 0px 124px 0px; }
  .main-content .how-we-help .how-we-help-container .service-list .list-wrapper {
    padding: 33px 0 33px 67px;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    width: 100%;
    max-width: 800px;
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 44px 32px; }
  .main-content .how-we-help .how-we-help-container .service-list .list-wrapper .item {
    width: 196px; }
  .main-content .how-we-help .how-we-help-container .service-list .list-wrapper .item .icon {
    display: block;
    margin-bottom: 12px;
    width: 24px;
    height: 24px; }
  .main-content .how-we-help .how-we-help-container .service-list .list-wrapper .item .title {
    margin-bottom: 14px;
    font-size: 20px;
    font-weight: 700;
    line-height: 114%;
    color: #F2F3F4;
    font-family: Space_Grotesk; }
  .main-content .how-we-help .how-we-help-container .service-list .list-wrapper .item .description {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    color: rgba(242, 243, 244, 0.7);
    opacity: 0.7; }
  .main-content .testimonials {
    background-color: #FFFFFF;
    position: relative; }
  .main-content .testimonials > :first-child {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    align-items: center;
    justify-content: center; }
  .main-content .testimonials .pinned {
    position: absolute; }
  .main-content .testimonials-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: #F2F3F4; }
  .main-content .testimonials-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    max-width: 1440px;
    margin: 0 auto; }
  .main-content .testimonials .testimonials-hero-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #F2F3F4; }
  .main-content .testimonials .wrapper {
    padding: 0 63px 131px 80px; }
  .main-content .testimonials .wrapper .text-wrapper .title {
    margin-bottom: 32px; }
  .main-content .testimonials .wrapper .text-wrapper .header {
    color: #171916;
    font-size: 40px;
    margin-bottom: 45px;
    gap: 29px; }
  .main-content .testimonials .slider {
    box-sizing: border-box;
    min-height: 805px;
    padding: 90px 80px 37px 67px;
    position: relative; }
  .main-content .testimonials .slider .slider-wrapper {
    margin-bottom: 129px;
    overflow: hidden; }
  .main-content .testimonials .slider .slider-wrapper .slide {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 493px;
    width: clamp(400px, 652px, 800px);
    -webkit-transform: translateX(0);
    /* Safari */
    -ms-transform: translateX(0);
    /* IE 9 */
    transform: translateX(0);
    transition: transform 0.3s ease-in-out; }
  .main-content .testimonials .slider .slider-wrapper .slide .text-wrapper .header {
    margin-bottom: 40px;
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 700;
    color: #171916;
    line-height: 140%; }
  .main-content .testimonials .slider .slider-wrapper .slide .text-wrapper .header .quotes {
    display: inline-block;
    width: 40px;
    height: 44px;
    margin-right: 29px;
    flex-shrink: 0; }
  .main-content .testimonials .slider .slider-wrapper .slide .text-wrapper .description {
    font-family: "Inter";
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
    color: #171916;
    opacity: 0.7; }
  .main-content .testimonials .slider .slider-wrapper .slide .person {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 40px;
    border-top: 1px solid rgba(23, 25, 22, 0.2); }
  .main-content .testimonials .slider .slider-wrapper .slide .person .photo {
    width: 97px;
    height: 97px;
    margin: 36px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    /* Safari */
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    /* Firefox */
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); }
  .main-content .testimonials .slider .slider-wrapper .slide .person .photo img {
    width: 97px;
    height: 97px; }
  .main-content .testimonials .slider .slider-wrapper .slide .person .title {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column; }
  .main-content .testimonials .slider .slider-wrapper .slide .person .title span {
    display: inline-block; }
  .main-content .testimonials .slider .slider-wrapper .slide .person .title .name {
    font-size: 24px;
    font-weight: 500;
    line-height: 145%;
    letter-spacing: -0.72px; }
  .main-content .testimonials .slider .slider-wrapper .slide .person .title .position {
    font-size: 18px;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.54px;
    opacity: 0.4; }
  .main-content .testimonials .slider .actions {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
  .main-content .testimonials .slider .actions .actions-wrapper {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 480px; }
  .main-content .testimonials .slider .actions .actions-wrapper .pages {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row; }
  .main-content .testimonials .slider .actions .actions-wrapper .pages .page {
    width: 8px;
    height: 8px;
    background: rgba(12, 59, 93, 0.2); }
  .main-content .testimonials .slider .actions .actions-wrapper .pages .page:not(:first-child) {
    margin-left: 8px; }
  .main-content .testimonials .slider .actions .actions-wrapper .pages .page.active {
    background: #0C3B5D; }
  .main-content .testimonials .slider .actions .actions-wrapper .buttons .button {
    width: 56px;
    height: 56px;
    position: relative;
    cursor: pointer; }
  .main-content .testimonials .slider .actions .actions-wrapper .buttons .button:not(:first-child) {
    margin-left: 12px; }
  .main-content .testimonials .slider .actions .actions-wrapper .buttons .button.next::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px; }
  .main-content .testimonials .slider .actions .actions-wrapper .buttons .button.prev::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px; }
  .main-content .testimonials .slider .actions .actions-wrapper .buttons .button .circle {
    -webkit-border-radius: 50%;
    /* Safari */
    -moz-border-radius: 50%;
    /* Firefox */
    border-radius: 50%;
    width: 48px;
    height: 48px; }
  .main-content .testimonials .slider .actions .actions-wrapper .buttons .button .transparent {
    background-color: transparent;
    border: none; }
  .main-content .testimonials .slider .actions .actions-wrapper .buttons .button .red {
    color: red; }
  .main-content .transform {
    position: relative; }
  .main-content .transform .transform-wrapper {
    display: flex;
    flex-direction: row; }
  .main-content .transform .photo {
    flex-shrink: 1;
    width: 641px;
    background-image: url("./../../images/lastSectionPhoto.png");
    background-position: right;
    background-size: cover;
    position: relative; }
  .main-content .transform .photo .pinned {
    position: absolute; }
  .main-content .transform .right-side {
    flex-shrink: 3;
    width: 100%;
    padding: 161px 0 183px 106px; }
  .main-content .transform .right-side .wrapper {
    padding-right: 80px; }
  .main-content .transform .right-side .wrapper .text-wrapper .title,
  .main-content .transform .right-side .wrapper .text-wrapper .header,
  .main-content .transform .right-side .wrapper .text-wrapper .description {
    margin-bottom: 32px; }
  .main-content section {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row;
    background-color: #0C3B5D; }
  .main-content section > div {
    position: relative; }
  .main-content section .text-wrapper .title {
    color: #04B2E2;
    font-family: DM_Sans;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase; }
  .main-content section .text-wrapper .header {
    font-size: 64px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 110%; }
  .main-content section .text-wrapper .description {
    color: rgba(242, 243, 244, 0.7);
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    line-height: 160%; }
  footer {
    padding: 63px 80px 0 80px;
    max-width: 1440px;
    margin: 0 auto; }
  footer .footer-content {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row;
    gap: 40px;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 47px; }
  footer .footer-content .left-side .logo {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row;
    margin-bottom: 38px; }
  footer .footer-content .left-side .logo .icon {
    width: 105.5px;
    height: 105.5px;
    margin-right: 15px; }
  footer .footer-content .left-side .logo .name {
    width: 202.5px;
    height: 105.5px; }
  footer .footer-content .left-side .buttons {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 9px 9px;
    font-family: Space_Grotesk; }
  footer .footer-content .right-side {
    width: 700px;
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
  footer .footer-content .right-side .right-side__container {
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: row;
    gap: 57px; }
  footer .footer-content .right-side ul {
    padding-left: 0;
    margin: 0; }
  footer .footer-content .right-side ul li {
    margin-top: 24px;
    list-style: none;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400; }
  footer .footer-content .right-side .title {
    font-family: Space_Grotesk;
    font-size: 18px;
    font-weight: 700;
    color: #171916; }
  footer .footer-content .right-side .contact-details .social {
    margin-top: 30px; }
  footer .footer-content .right-side .contact-details .social .linkedIn {
    display: inline-flex;
    align-items: center;
    margin-top: 24px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400; }
  footer .footer-content .right-side .contact-details .social .linkedIn .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 6px; }
  footer .footer-content .right-side .visit-us .location {
    font-size: 16px;
    margin-top: 15px; }
  footer .footer-content .right-side .visit-us #map {
    margin-top: 24px; }
  footer .footer-content .right-side .visit-us .directions {
    display: inline-block;
    margin-top: 11px;
    color: #1043EE;
    font-family: Space_Grotesk;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline; }
  footer .footer-content .right-side #map {
    height: 191px;
    width: 279px;
    align-self: stretch; }
  footer .footer-rights {
    border-top: 1px solid rgba(23, 25, 22, 0.2);
    color: rgba(20, 28, 54, 0.5);
    display: -webkit-flex;
    /* Safari */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
    font-family: "Inter";
    font-size: 15px; } }

@media (min-width: 1441px) {
  header {
    max-width: 1440px;
    margin: 0 auto; }
  .main-content .intro {
    position: relative;
    background-color: transparent; }
  .main-content .intro .intro__background {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #0C3B5D; }
  .main-content .intro .intro__image {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    background-image: url("./../../images/mainPhoto.jpg");
    background-size: cover;
    background-position: right; } }

@media (min-width: 1441px) and (min-width: 1920px) {
  .main-content .intro .intro__image {
    background-size: 150%;
    background-position-x: 100%; } }

@media (min-width: 1441px) {
  .main-content .intro .intro-container {
    display: flex;
    max-width: 1440px;
    margin: 0 auto;
    width: 100%; }
  .main-content .intro .intro-container .hero {
    background-color: transparent; }
  .main-content .intro .intro-container .photo {
    background-image: none; }
  .main-content .about-us .photo {
    flex: 1;
    margin-left: -262px;
    background-size: 82%;
    background-position: 100% 60%; } }

@media (min-width: 1441px) and (min-width: 2700px) {
  .main-content .about-us .photo {
    background-size: cover;
    background-position: right; } }

@media (min-width: 1441px) {
  .main-content .about-us .text {
    flex: 1; }
  .main-content .about-us .text .wrapper {
    max-width: 772px; }
  .main-content .about-us .text .wrapper .text-wrapper .header {
    font-size: 3rem; }
  .main-content .about-us .text .wrapper .text-wrapper .description p {
    font-size: 1.125rem; }
  .main-content .testimonials .testimonials-hero-wrapper {
    flex: 1; }
  .main-content .testimonials .slider {
    flex: 1; }
  .main-content .testimonials .slider .slider-wrapper .slide {
    width: 100%;
    min-width: 652px; }
  .main-content .transform {
    position: relative; }
  .main-content .transform .pinned {
    position: absolute; }
  .main-content .transform .photo-background {
    background-image: url(./../../images/lastSectionPhoto.png);
    background-position: right;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%; }
  .main-content .transform .transform-wrapper {
    max-width: 1440px;
    margin: 0 auto;
    display: flex; }
  .main-content .transform .transform-wrapper .photo {
    background-image: none;
    width: 50%;
    position: relative; }
  .main-content .transform .transform-wrapper .right-side {
    flex: 1; } }

.square {
  width: 131px;
  height: 131px; }

.square {
  width: 131px;
  height: 131px; }

.square.blue {
  background-color: #0C3B5D; }

.square.light-blue {
  background-color: #04B2E2; }

.square.red {
  background-color: #F15B5C; }

.square.base-gray {
  background-color: #F2F3F4; }

.triangle {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  width: 131px;
  height: 131px;
  border: calc(131px / 2) solid black; }

.triangle.blue {
  border-color: #04B2E2; }

.triangle.light-blue {
  border-color: #04B2E2; }

.triangle.red {
  border-color: #F15B5C; }

.triangle.left-top {
  border-right: solid calc(131px / 2) transparent;
  border-bottom: solid calc(131px / 2) transparent; }

.triangle.left-bottom {
  border-right: solid calc(131px / 2) transparent;
  border-top: solid calc(131px / 2) transparent; }

.triangle.right-top {
  border-left: solid calc(131px / 2) transparent;
  border-bottom: solid calc(131px / 2) transparent; }

.triangle.right-bottom {
  border-left: solid calc(131px / 2) transparent;
  border-top: solid calc(131px / 2) transparent; }

.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 17px;
  box-sizing: border-box;
  cursor: pointer; }

.button.desktop-hidden {
  display: none; }

.button.mobile-hidden {
  display: inline-flex; }

.button.oval {
  -webkit-border-radius: 64px;
  /* Safari */
  -moz-border-radius: 64px;
  /* Firefox */
  border-radius: 64px; }

.button.oval.small {
  height: 43px;
  padding: 0 22px;
  font-size: 16px;
  font-weight: 700; }

.button.oval.medium {
  height: 56px;
  padding: 0 30px;
  font-size: 18px;
  font-weight: 500; }

.button.circle {
  -webkit-border-radius: 50%;
  /* Safari */
  -moz-border-radius: 50%;
  /* Firefox */
  border-radius: 50%;
  border: 1px solid black; }

.button.circle.red {
  background-color: #F15B5C; }

.button.circle.red:hover svg path {
  fill: white; }

.button.circle.red svg path {
  fill: #F15B5C; }

.button.circle.transparent {
  background-color: transparent;
  border-color: #F15B5C; }

.button.circle.transparent:hover {
  background-color: #F15B5C; }

.button.circle.transparent a {
  color: #F15B5C; }

.button.red {
  background-color: #F15B5C;
  border: 1px solid #F15B5C;
  color: #FFFFFF; }

.button.red a {
  color: #FFFFFF; }

.button.transparent {
  background-color: transparent;
  border: 1px solid black;
  color: black; }

.button.transparent.red {
  border-color: #F15B5C;
  color: #F15B5C; }

.button.transparent.red a {
  color: #F15B5C; }

.button.shadowed {
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  /* Safari */
  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  /* Firefox */
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); }

.pinned {
  position: absolute; }

.pinned.desktop-hidden {
  display: none; }

.pinned.mobile-hidden {
  display: inline-flex; }

.pinned.left-top {
  left: 0;
  top: 0; }

.pinned.left-bottom {
  left: 0;
  bottom: 0; }

.pinned.right-top {
  right: 0;
  top: 0; }

.pinned.right-bottom {
  right: 0;
  bottom: 0; }

.pinned.bottom {
  bottom: 0; }

.pinned.move-left {
  -webkit-transform: translateX(-100%);
  /* Safari */
  -ms-transform: translateX(-100%);
  /* IE 9 */
  transform: translateX(-100%); }

.icon {
  background-position: center;
  background-repeat: no-repeat; }
