/* Use media

@include media-up(sm) {
  padding: 1.5rem;
  width: 300px;
}

@include media-up(lg) {
  padding: 2rem;
  width: 350px;
}

@include media-down(md) {
  font-size: 0.9rem;
}

@include media-between(md, lg) {
  padding: 1.75rem;
}
*/
body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #000000;
  font-size: 16px; }

main {
  overflow-x: hidden; }

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1224px; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #191A15; }

a {
  text-decoration: none;
  transition: color 0.2s ease-in-out; }
  a:hover {
    color: #52BD94 !important; }

.row {
  --bs-gutter-x: 20px; }

.btn {
  white-space: nowrap; }

.btn-primary {
  background: #52BD94;
  /* fallback for old browsers */
  border: none;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500; }
  .btn-primary img {
    z-index: 1; }
  .btn-primary span {
    z-index: 1;
    position: relative; }
  .btn-primary:before {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.1);
    transition: width 0.2s ease-in-out; }
  .btn-primary:hover {
    background-color: #52BD94; }
    .btn-primary:hover:before {
      width: 100%; }

.btn-lg {
  padding: 18px 60px;
  font-size: 18px;
  font-weight: 500; }

.block {
  padding: 80px 0; }
  @media (max-width: 767px) {
    .block {
      padding: 40px 0; } }
  .block .head {
    padding-bottom: 60px;
    display: flex;
    justify-content: center;
    width: 100%;
    flex-flow: column;
    align-items: center; }
    @media (max-width: 767px) {
      .block .head {
        padding-bottom: 20px; } }
  .block h3 {
    font-size: 50px;
    font-weight: 700;
    color: #191A15; }
    @media (max-width: 767px) {
      .block h3 {
        font-size: 28px;
        font-weight: 500; } }
  .block .desc {
    max-width: 488px;
    text-align: center; }
  .block .title {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    color: #52BD94; }
  .block .content.photo-r .photo {
    display: flex;
    justify-content: center;
    order: 1; }
  .block .content .photo img {
    width: 100%; }
  .block .cards {
    position: relative; }
  .block .card {
    background-color: #F0FFF9;
    border: none;
    display: flex;
    flex-flow: column;
    height: 100%;
    align-items: center;
    border-radius: 8px;
    padding: 6px 6px 60px 6px;
    color: #000000;
    position: relative;
    z-index: 0;
    transition: all 0.2s ease-in-out; }
    .block .card:hover {
      background: #ffffff;
      box-shadow: 0px 4px 74px rgba(0, 0, 0, 0.15);
      z-index: 1; }
    .block .card img {
      max-width: 157px;
      margin-top: 74px; }
    .block .card h4 {
      font-size: 22px;
      font-weight: 600;
      margin-top: 24px;
      margin-bottom: 4px;
      text-align: center; }
    .block .card p {
      text-align: center; }

p {
  line-height: 150%; }

.highlight {
  color: #52BD94;
  font-weight: 700; }

@keyframes fadeInLeftRotate {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate(-200deg); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(0); } }
.fadeInLeftRotate {
  animation-name: fadeInLeftRotate;
  animation-duration: 500ms;
  animation-fill-mode: both; }

@keyframes fadeInRightRotate {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(200deg); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(0); } }
.fadeInRightRotate {
  animation-name: fadeInRightRotate;
  animation-duration: 500ms;
  animation-fill-mode: both; }

main {
  padding-top: 96px; }

header {
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.07);
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20; }
  header.fixed-top .navbar.navbar-expand-lg .navbar-nav .nav-link {
    padding: 16px 14px; }
  header.fixed-top .navbar-brand {
    width: 146px;
    height: 40px; }
  header .navbar-brand {
    width: 198px;
    height: 54px;
    padding: 0;
    transition: all 0.2s ease-in-out; }
    header .navbar-brand img {
      width: 100%; }
    header .navbar-brand h1 {
      text-indent: -9999px; }
  header .navbar {
    justify-content: space-between;
    width: 100%;
    padding: 0; }
    header .navbar .navbar-toggler {
      position: relative;
      width: 32px;
      height: 32px;
      padding: 0;
      border: none; }
      header .navbar .navbar-toggler:focus {
        box-shadow: none; }
      header .navbar .navbar-toggler span {
        display: block;
        position: absolute;
        width: 16px;
        height: 1.3px;
        background-color: #000000;
        border-radius: 1px;
        left: 7px; }
        header .navbar .navbar-toggler span:nth-child(1) {
          top: 9px; }
        header .navbar .navbar-toggler span:nth-child(2) {
          top: 15px; }
        header .navbar .navbar-toggler span:nth-child(3) {
          top: 21px; }
    header .navbar .navbar-collapse {
      flex-grow: inherit; }
    header .navbar.navbar-expand-lg .navbar-nav .nav-link {
      font-size: 15px;
      padding: 36px 24px;
      color: #191A15;
      transition: all 0.2s ease-in-out; }
      header .navbar.navbar-expand-lg .navbar-nav .nav-link.active {
        font-weight: 600; }
      header .navbar.navbar-expand-lg .navbar-nav .nav-link:hover {
        color: #52BD94; }

.section-lg {
  background: url("../images/assets/bg-blur-pc.svg") no-repeat top center;
  background-size: cover;
  position: relative; }
  .section-lg:before {
    content: "";
    position: absolute;
    width: 170%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    background: url("../images/assets/bg-blur-mb.svg") no-repeat top center;
    background-size: cover; }
    @media (max-width: 767px) {
      .section-lg:before {
        display: block; } }
  @media (max-width: 767px) {
    .section-lg {
      background: none; } }

.hero .content-hero {
  padding-right: 80px; }
  .hero .content-hero h2 {
    background: linear-gradient(to right, #44B288 0%, #005937 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 80px;
    font-weight: 700;
    margin-bottom: 40px; }
  .hero .content-hero .line-hero {
    width: 480px;
    height: 32px;
    margin-bottom: 90px; }
  .hero .content-hero p {
    font-size: 18px;
    margin-bottom: 26px; }
  .hero .content-hero .buttons {
    display: flex;
    align-items: center; }
    .hero .content-hero .buttons .btn-default {
      display: flex;
      align-items: center;
      gap: 6px;
      height: 63px; }
      .hero .content-hero .buttons .btn-default svg path {
        transition: stroke 0.2s ease-in-out; }
      .hero .content-hero .buttons .btn-default:hover {
        color: #52BD94; }
        .hero .content-hero .buttons .btn-default:hover svg path {
          stroke: #52BD94; }
.hero .photo-hero {
  position: relative;
  width: 410px;
  height: 526px;
  margin: 0 auto; }
  .hero .photo-hero img.photo-lg {
    width: 100%;
    position: relative; }
  .hero .photo-hero img {
    position: absolute; }
  .hero .photo-hero .hero-l-1 {
    top: 30px;
    left: -138px; }
  .hero .photo-hero .hero-l-2 {
    left: 0;
    top: 127px; }
  .hero .photo-hero .hero-l-3 {
    top: 245px;
    left: -55px; }
  .hero .photo-hero .hero-l-4 {
    left: -115px;
    bottom: 126px; }
  .hero .photo-hero .hero-l-5 {
    left: -95px;
    bottom: 40px; }
  .hero .photo-hero .hero-r-1 {
    right: -34px;
    top: 26px; }
  .hero .photo-hero .hero-r-2 {
    right: -100px;
    top: 156px; }
  .hero .photo-hero .hero-r-3 {
    right: -117px;
    bottom: 16px; }
  .hero .photo-hero .hero-r-4 {
    right: 47px;
    bottom: -32px; }

.about p {
  font-size: 20px;
  color: #5F5F5F; }
.about .content {
  max-width: 1016px;
  margin: 0 auto;
  position: relative; }
  .about .content .about-1 {
    top: 18px;
    left: -76px;
    position: absolute; }
  .about .content .about-2 {
    left: 50%;
    top: -54px;
    width: 27px;
    height: 21px;
    position: absolute; }
  .about .content .about-3 {
    right: -192px;
    bottom: -50px;
    width: 42px;
    height: 31px;
    position: absolute; }

.strenght {
  padding-top: 180px;
  padding-bottom: 45px;
  background-color: #F0FFF9;
  position: relative; }
  .strenght .asset {
    position: absolute; }
    .strenght .asset.asset-1 {
      top: 51px;
      left: -185px; }
    .strenght .asset.asset-2 {
      top: 88px;
      left: -70px; }
    .strenght .asset.asset-3 {
      top: 213px;
      left: -77px; }
    .strenght .asset.asset-4 {
      bottom: 40px;
      right: 40px; }
    .strenght .asset.asset-5 {
      bottom: 213px;
      right: -161px; }
  .strenght .content-strenght {
    position: relative; }
    .strenght .content-strenght h2 {
      font-size: 50px;
      font-weight: 600;
      color: #191A15;
      margin-bottom: 20px; }
    .strenght .content-strenght p {
      font-size: 16px;
      font-weight: 500;
      color: #A6A6A6; }
  .strenght .photo-strenght {
    position: relative;
    margin-top: 180px;
    margin-left: 170px; }
    .strenght .photo-strenght .items-strenght {
      list-style: none;
      padding: 0;
      margin: 0;
      width: 302px; }
      .strenght .photo-strenght .items-strenght li {
        background: #ffffff;
        box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.05);
        border-radius: 10px;
        padding: 22px 25px;
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        gap: 16px; }
        .strenght .photo-strenght .items-strenght li img {
          position: relative; }
    .strenght .photo-strenght img {
      position: absolute; }
    .strenght .photo-strenght .content-strenght-1 {
      top: 73px;
      left: -76px; }
    .strenght .photo-strenght .content-strenght-2 {
      top: -88px;
      left: 26px; }
    .strenght .photo-strenght .content-strenght-3 {
      top: -82px;
      right: 55px; }
  .strenght ul.list-strenght {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 60px; }
    .strenght ul.list-strenght li {
      display: flex;
      gap: 28px;
      margin-bottom: 32px; }
      .strenght ul.list-strenght li .icon-strenght {
        display: flex;
        width: 48px;
        height: 48px;
        background: #ffffff;
        box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        padding: 10px; }
        .strenght ul.list-strenght li .icon-strenght img {
          max-width: 100%; }
      .strenght ul.list-strenght li .title-strenght {
        flex: 1 1 auto;
        width: 1%; }
        .strenght ul.list-strenght li .title-strenght h4 {
          font-size: 28px;
          font-weight: 700;
          color: #191A15; }
        .strenght ul.list-strenght li .title-strenght p {
          font-size: 16px;
          font-weight: 500;
          color: #A6A6A6;
          margin-bottom: 0; }
  .strenght .rating {
    display: flex;
    gap: 80px;
    margin-top: 100px; }
    .strenght .rating .stars {
      display: flex;
      gap: 4px;
      margin-bottom: 18px; }
      .strenght .rating .stars .star {
        background: url("../images/assets/star.svg") no-repeat;
        width: 26px;
        height: 26px;
        background-size: cover; }
        .strenght .rating .stars .star.filled {
          background: url("../images/assets/star-active.svg") no-repeat;
          background-size: cover; }
    .strenght .rating .rating-text {
      font-size: 18px;
      margin-bottom: 18px; }
    .strenght .rating .company-name {
      font-weight: 500;
      font-size: 18px;
      color: #A6A6A6; }

.whyChoose {
  padding-top: 180px; }
  .whyChoose .content-whyChoose {
    padding-right: 80px; }
    .whyChoose .content-whyChoose h3 {
      font-size: 50px;
      margin-bottom: 40px; }
  .whyChoose ul.list-whyChoose {
    list-style: none;
    padding: 0;
    margin: 0; }
    .whyChoose ul.list-whyChoose li {
      display: flex;
      gap: 12px; }
      .whyChoose ul.list-whyChoose li img {
        width: 32px;
        height: 32px; }
      .whyChoose ul.list-whyChoose li .title-whyChoose {
        width: 1%;
        flex: 1 1 auto; }
        .whyChoose ul.list-whyChoose li .title-whyChoose h4 {
          font-size: 28px;
          margin-bottom: 8px; }
        .whyChoose ul.list-whyChoose li .title-whyChoose p {
          font-size: 18px;
          color: #A6A6A6;
          margin-bottom: 30px; }
  .whyChoose .photo-whyChoose {
    position: relative;
    width: 450px;
    height: 529px;
    margin: 0 60px 0 auto; }
    .whyChoose .photo-whyChoose .photo-lg {
      width: 100%; }
    .whyChoose .photo-whyChoose .asset {
      position: absolute; }
    .whyChoose .photo-whyChoose .asset-1 {
      top: 36px;
      left: -124px; }
    .whyChoose .photo-whyChoose .asset-2 {
      top: 275px;
      left: -60px; }
    .whyChoose .photo-whyChoose .asset-4 {
      bottom: -25px;
      left: -106px; }
    .whyChoose .photo-whyChoose .asset-3 {
      top: 121px;
      right: -57px; }

.services {
  padding-top: 120px;
  padding-bottom: 120px; }
  .services .services-header h3 {
    font-size: 50px; }
  .services .services-content {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .services .services-content p {
      font-size: 32px;
      font-weight: 600;
      color: #191A15; }
  .services .navigation-buttons {
    display: flex;
    gap: 20px; }
    .services .navigation-buttons .nav-btn {
      width: 85px;
      height: 85px;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      border: none;
      background-color: #F8F9FF;
      transition: background-color 0.2s ease-in-out; }
      .services .navigation-buttons .nav-btn:hover {
        background-color: #52BD94; }
        .services .navigation-buttons .nav-btn:hover svg path {
          fill: #ffffff; }
      .services .navigation-buttons .nav-btn svg path {
        fill: rgba(0, 0, 0, 0.3);
        transition: fill 0.2s ease-in-out; }
  .services .services-slider {
    margin-top: 40px; }
  @media (max-width: 575px) {
    .services .servicesSwiper {
      margin-left: 24px; } }
  @media (min-width: 576px) {
    .services .servicesSwiper {
      margin-left: calc((100vw - 540px)/2); } }
  @media (min-width: 768px) {
    .services .servicesSwiper {
      margin-left: calc((100vw - 720px)/2); } }
  @media (min-width: 992px) {
    .services .servicesSwiper {
      margin-left: calc((100vw - 960px)/2); } }
  @media (min-width: 1200px) {
    .services .servicesSwiper {
      margin-left: calc((100vw - 1140px)/2); } }
  @media (min-width: 1400px) {
    .services .servicesSwiper {
      margin-left: calc((100vw - 1224px)/2); } }
  .services .swiper-slide {
    height: auto; }
  .services .service-card {
    background-color: #ffffff;
    padding: 50px 30px;
    border-radius: 30px;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    transition: background-color 0.2s ease-in-out; }
    .services .service-card .service-icon {
      width: 90px;
      height: 90px;
      border-radius: 20px;
      background-color: #EAFFED;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 15px; }
    .services .service-card .service-title {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 15px;
      transition: color 0.2s ease-in-out; }
    .services .service-card p {
      font-size: 18px;
      transition: color 0.2s ease-in-out; }
    .services .service-card .btn-link {
      display: flex;
      align-items: center;
      font-size: 18px;
      gap: 10px;
      text-decoration: none;
      color: #000000;
      transition: color 0.2s ease-in-out; }
      .services .service-card .btn-link svg {
        width: 16px;
        height: 14px; }
        .services .service-card .btn-link svg path {
          fill: #000000;
          transition: fill 0.2s ease-in-out; }
    .services .service-card:hover {
      background-color: #52BD94; }
      .services .service-card:hover .service-title {
        color: #ffffff; }
      .services .service-card:hover p {
        color: #ffffff; }
      .services .service-card:hover .btn-link {
        color: #ffffff;
        font-weight: 700; }
        .services .service-card:hover .btn-link svg path {
          fill: #ffffff; }

.contact {
  background-color: #161C28;
  color: #A6A6A6;
  padding: 60px 0; }
  .contact .form {
    background-color: #222938;
    padding: 40px 80px;
    border-radius: 20px; }
  .contact .form-header {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 30px;
    font-weight: 500;
    color: #ffffff; }
  .contact .form-body .form-label {
    font-size: 18px;
    color: #ffffff; }
  .contact .form-body .form-control {
    border: none;
    height: 50px;
    box-shadow: none !important; }
  .contact .form-body input.form-control::placeholder {
    color: #A6A6A6;
    font-size: 14px; }
  .contact .form-body textarea.form-control::placeholder {
    color: #A6A6A6;
    font-size: 14px; }
  .contact .form-body textarea.form-control {
    height: 80px; }
  .contact .form-action p {
    margin-top: 8px;
    font-size: 14px;
    text-align: right; }
    .contact .form-action p span {
      color: #ffffff; }

.comments {
  padding-right: 80px; }
  @media (min-width: 576px) and (max-width: 767px) {
    .comments {
      padding-right: 0; } }
  .comments .comments-header h3 {
    color: #ffffff;
    font-size: 50px;
    font-weight: 600; }
  .comments .comments-slider {
    margin-bottom: 40px; }
  .comments .testimonial-author {
    margin: 40px 0;
    font-style: italic;
    color: #ffffff; }
  .comments .avatar-navigation {
    display: flex;
    gap: 12px; }
    .comments .avatar-navigation .avatar {
      width: 64px;
      height: 64px;
      cursor: pointer;
      opacity: 0.3;
      transition: opacity 0.2s ease-in-out; }
      .comments .avatar-navigation .avatar.active {
        opacity: 1; }
      .comments .avatar-navigation .avatar img {
        width: 100%;
        border-radius: 32px; }
    .comments .avatar-navigation .next-button {
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 64px;
      height: 64px;
      border-radius: 32px;
      border: 2px solid #ffffff;
      transition: all 0.2s ease-in-out;
      background: transparent; }
      .comments .avatar-navigation .next-button:hover {
        background-color: #52BD94;
        border-color: #52BD94; }

footer {
  background-color: #161C28;
  color: #A6A6A6; }
  footer .brand {
    margin-bottom: 30px;
    width: 198px;
    height: 54px;
    display: block; }
  footer h3 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 30px; }
  footer ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    footer ul.list-info {
      max-width: 320px; }
      footer ul.list-info li {
        margin-bottom: 8px; }
        footer ul.list-info li a {
          color: #A6A6A6; }
    footer ul.menu-footer li a {
      display: block;
      padding: 4px 0;
      color: #A6A6A6; }
    footer ul.list-policy {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      footer ul.list-policy li a {
        color: #ffffff;
        display: inline-block;
        padding-left: 30px;
        position: relative;
        text-decoration: none; }
        footer ul.list-policy li a:first-child {
          padding-left: 0; }
          footer ul.list-policy li a:first-child:before {
            display: none; }
        footer ul.list-policy li a:before {
          position: absolute;
          content: "";
          left: 10px;
          top: 10px;
          width: 4px;
          height: 4px;
          border-radius: 2px;
          background-color: #A6A6A6; }
  footer .copyright {
    color: #ffffff; }

@media (max-width: 991px) {
  main {
    padding-top: 52px; }

  header {
    height: 52px; }
    header .navbar-brand {
      width: 140px !important;
      height: 30px !important; }
    header .navbar-nav {
      margin-top: 128px; }
    header .navbar-toggler {
      z-index: 10; }
      header .navbar-toggler span {
        transition: all 0.2s ease-in-out; }
      header .navbar-toggler[aria-expanded="true"] span {
        background-color: #ffffff; }
        header .navbar-toggler[aria-expanded="true"] span:nth-child(1) {
          transform: rotate(-45deg);
          top: 15px;
          width: 24px; }
        header .navbar-toggler[aria-expanded="true"] span:nth-child(2) {
          opacity: 0; }
        header .navbar-toggler[aria-expanded="true"] span:nth-child(3) {
          transform: rotate(45deg);
          top: 15px;
          width: 24px; }
    header .navbar-collapse {
      position: fixed;
      top: 100%;
      left: 0;
      right: 0;
      top: 0;
      height: 100vh !important;
      z-index: 9;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
      padding: 12px 0;
      opacity: 0;
      transition: opacity 0.2s ease-in-out; }
      header .navbar-collapse.show {
        opacity: 1; }
    header .nav-item {
      display: flex;
      justify-content: center; }
      header .nav-item .btn-primary {
        margin-top: 54px;
        width: 112px;
        height: 45px; }
        header .nav-item .btn-primary:before {
          display: none; }
        header .nav-item .btn-primary span {
          font-size: 12px;
          margin-right: 4px; }
        header .nav-item .btn-primary img {
          width: 13px; }
    header .navbar.navbar-expand-lg .navbar-nav .nav-link {
      padding: 12px 24px !important;
      color: #ffffff;
      font-size: 20px;
      font-weight: 700;
      text-align: center; }
      header .navbar.navbar-expand-lg .navbar-nav .nav-link.active {
        color: #ffffff; } }
@media (min-width: 576px) and (max-width: 991px) {
  main {
    padding-top: 60px; }

  footer ul.list-policy {
    justify-content: flex-start;
    margin-top: 12px; }

  .block {
    padding: 40px 0; }

  header {
    height: 60px; }
    header .nav-item {
      display: flex;
      justify-content: center; }
      header .nav-item .btn-primary {
        margin-top: 54px;
        width: 160px;
        height: 50px; }
        header .nav-item .btn-primary span {
          font-size: 16px;
          margin-right: 8px;
          font-weight: 700; }
        header .nav-item .btn-primary img {
          width: 16px; }

  .hero .content-hero h2 {
    font-size: 40px; }
  .hero .content-hero .line-hero {
    width: 280px;
    height: 18px;
    margin-bottom: 45px; }
  .hero .content-hero p {
    font-size: 16px; }
  .hero .content-hero .buttons .btn {
    font-size: 14px; }
  .hero .photo-hero {
    transform: scale(0.6) translate(-80px, -120px);
    position: absolute; }

  .about p {
    font-size: 18px; }

  .strenght {
    padding-top: 120px;
    padding-bottom: 100px; }
    .strenght .asset.asset-4 {
      bottom: -40px;
      right: 20px; }
    .strenght .photo-strenght {
      margin-top: 120px;
      margin-left: 4px; }
    .strenght .content-strenght h2 {
      font-size: 40px; }
    .strenght .rating {
      margin-top: 60px;
      gap: 30px; }
      .strenght .rating .stars .star {
        width: 20px;
        height: 20px; }
    .strenght ul.list-strenght {
      padding-left: 0; }
      .strenght ul.list-strenght li {
        margin-bottom: 16px; }
        .strenght ul.list-strenght li .title-strenght h4 {
          font-size: 20px; }
        .strenght ul.list-strenght li .title-strenght p {
          font-size: 14px; }

  .whyChoose {
    padding-top: 80px; }
    .whyChoose .content-whyChoose {
      padding-right: 0; }
      .whyChoose .content-whyChoose h3 {
        font-size: 40px; }
    .whyChoose ul.list-whyChoose li img {
      width: 20px;
      height: 20px; }
    .whyChoose ul.list-whyChoose li .title-whyChoose h4 {
      font-size: 20px; }
    .whyChoose ul.list-whyChoose li .title-whyChoose p {
      font-size: 14px; }

  .photo-whyChoose {
    transform: scale(0.6) translate(-60px, -20px); }

  .services {
    padding-top: 0;
    padding-bottom: 80px; }
    .services .services-header h3 {
      font-size: 40px; }
    .services .services-content p {
      font-size: 24px;
      line-height: 120%; }
    .services .navigation-buttons .nav-btn {
      width: 60px;
      height: 60px; }
      .services .navigation-buttons .nav-btn svg {
        width: 20px;
        height: 18.4px; }

  .contact .form {
    padding: 20px; }

  .comments {
    padding-right: 0; }
    .comments .testimonial-author {
      margin: 24px 0; }
    .comments .comments-header h3 {
      font-size: 36px; }
    .comments .avatar-navigation .avatar {
      width: 52px;
      height: 52px; }
    .comments .avatar-navigation .next-button {
      width: 52px;
      height: 52px; }
      .comments .avatar-navigation .next-button svg {
        width: 20px;
        height: 18.4px; } }
@media (max-width: 767px) {
  .container {
    padding-left: 24px;
    padding-right: 24px; }

  .hero .content-hero {
    padding-right: 0; }
    .hero .content-hero h2 {
      font-size: 32px;
      margin-bottom: 10px; }
    .hero .content-hero p {
      font-size: 12px; }
    .hero .content-hero .line-hero {
      width: 124px;
      height: 8px;
      margin-bottom: 20px; }
    .hero .content-hero .buttons .btn {
      height: 36px;
      font-size: 12px; }
      .hero .content-hero .buttons .btn svg {
        width: 20px;
        height: 20px; }
  .hero .photo-hero {
    position: absolute;
    transform: scale(0.5) translate(-66px, -170px); }

  .about {
    margin-top: 280px; }
    .about .content .about-2 {
      width: 9px;
      height: 7px;
      top: -22px; }
    .about .content .about-1 {
      top: -61px;
      left: -42px;
      width: 36px;
      height: 28px; }
    .about .content .about-3 {
      right: -42px;
      bottom: -5px; }
    .about .content p {
      font-size: 14px; }
      .about .content p .highlight {
        font-size: 16px; }

  .strenght {
    padding-top: 30px;
    padding-bottom: 0; }
    .strenght .content-strenght {
      margin-bottom: 60px; }
      .strenght .content-strenght h2 {
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 12px; }
      .strenght .content-strenght p {
        font-size: 12px; }
    .strenght .photo-strenght {
      margin-top: 80px;
      margin-left: auto;
      margin-right: auto;
      width: 200px; }
      .strenght .photo-strenght .content-strenght-3 {
        right: 20px;
        top: -56px;
        width: 36px;
        height: 36px; }
      .strenght .photo-strenght .content-strenght-2 {
        width: 24px;
        height: 24px;
        top: -43px;
        left: 26px; }
      .strenght .photo-strenght .content-strenght-1 {
        width: 24px;
        height: 24px;
        top: 61px;
        left: -44px; }
      .strenght .photo-strenght .items-strenght {
        margin: 0 auto;
        width: 100%; }
        .strenght .photo-strenght .items-strenght li {
          font-size: 10px;
          gap: 4px;
          padding: 12px 14px; }
          .strenght .photo-strenght .items-strenght li img {
            width: 14px;
            height: 14px; }
    .strenght .rating {
      margin-top: 40px;
      gap: 30px;
      justify-content: center; }
      .strenght .rating .stars {
        margin-bottom: 8px; }
        .strenght .rating .stars .star {
          width: 15px;
          height: 15px; }
      .strenght .rating .rating-text {
        font-size: 10px;
        margin-bottom: 4px; }
      .strenght .rating .company-name {
        font-size: 10px; }
    .strenght .asset.asset-4 {
      width: 20px;
      height: 16px;
      bottom: 15px;
      right: 10px; }
    .strenght .asset.asset-1 {
      width: 149px;
      height: 27px;
      top: 50%;
      transform: translateY(-63px);
      left: -75px; }
    .strenght .asset.asset-5 {
      width: 184px;
      height: 15px;
      bottom: 65px;
      right: -131px; }
    .strenght ul.list-strenght {
      padding-left: 0; }
      .strenght ul.list-strenght li {
        gap: 12px; }
        .strenght ul.list-strenght li .icon-strenght {
          width: 30px;
          height: 30px;
          padding: 4px; }
        .strenght ul.list-strenght li .title-strenght h4 {
          font-size: 16px; }
        .strenght ul.list-strenght li .title-strenght p {
          font-size: 10px; }

  .whyChoose {
    padding-top: 40px; }
    .whyChoose .content-whyChoose {
      padding-right: 0; }
      .whyChoose .content-whyChoose h3 {
        font-size: 28px;
        margin-bottom: 20px; }
    .whyChoose ul.list-whyChoose li {
      gap: 8px; }
      .whyChoose ul.list-whyChoose li img {
        width: 24px;
        height: 24px; }
      .whyChoose ul.list-whyChoose li .title-whyChoose h4 {
        font-size: 16px; }
      .whyChoose ul.list-whyChoose li .title-whyChoose p {
        font-size: 12px; }
    .whyChoose .photo-whyChoose {
      width: 246px;
      height: 289px;
      margin-right: 40px; }
      .whyChoose .photo-whyChoose .asset-1 {
        top: 20px;
        left: -67px;
        width: 166px;
        height: 44px; }
      .whyChoose .photo-whyChoose .asset-2 {
        width: 24px;
        height: 24px;
        top: 120px;
        left: -30px; }
      .whyChoose .photo-whyChoose .asset-3 {
        width: 76px;
        height: 38px;
        top: 80px;
        right: -44px; }
      .whyChoose .photo-whyChoose .asset-4 {
        width: 165px;
        height: 37px;
        bottom: -13px;
        left: -66px; }

  .services {
    padding: 40px 0; }
    .services .services-header h3 {
      font-size: 28px;
      margin-bottom: 20px; }
    .services .services-header .services-content p {
      font-size: 20px; }
    .services .services-header .services-content .navigation-buttons {
      display: none; }
    .services .services-slider {
      margin-top: 12px; }
    .services .service-card {
      border-radius: 12px;
      padding: 10px; }
      .services .service-card .service-icon {
        width: 36px;
        height: 36px;
        border-radius: 10px;
        padding: 8px; }
        .services .service-card .service-icon img {
          width: 100%;
          height: auto; }
      .services .service-card .service-title {
        font-size: 14px; }
      .services .service-card p {
        font-size: 10px; }
      .services .service-card .btn-link {
        font-size: 10px; }
        .services .service-card .btn-link svg {
          width: 8px;
          height: 7px; }

  .contact {
    padding: 30px 0; }
    .contact .form {
      padding: 30px 40px; }
    .contact .form-header {
      font-size: 16px; }
      .contact .form-header img {
        width: 40px;
        height: 48px; }
    .contact .form-body .mb-4 {
      margin-bottom: 16px !important; }
    .contact .form-body .form-label {
      font-size: 12px; }
    .contact .form-body .form-control {
      height: 32px; }
    .contact .form-body textarea.form-control {
      height: 56px; }
    .contact .form-body input.form-control::placeholder {
      font-size: 10px !important;
      font-style: italic;
      font-weight: 300; }
    .contact .form-body textarea.form-control::placeholder {
      font-size: 10px !important;
      font-style: italic;
      font-weight: 300; }
    .contact .form-action .btn {
      padding: 9px 60px;
      font-size: 12px; }
    .contact .form-action p {
      display: none; }

  .comments .comments-header h3 {
    font-size: 24px;
    margin-bottom: 20px; }
  .comments .comments-header p {
    font-size: 12px; }

  .comments-slider img {
    margin: 0 0 16px 0 !important;
    width: 30px;
    height: 25px; }
  .comments-slider .testimonial-text {
    font-size: 12px; }
  .comments-slider .testimonial-author {
    font-size: 12px;
    margin: 16px 0; }

  .comments {
    padding-right: 0; }
    .comments .avatar-navigation .avatar {
      width: 44px;
      height: 44px; }
      .comments .avatar-navigation .avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .comments .avatar-navigation .next-button {
      width: 44px;
      height: 44px; }
      .comments .avatar-navigation .next-button svg {
        width: 16px;
        height: 23px; }

  footer .footer-1 {
    order: 1; }
  footer .footer-2 {
    order: 2; }
  footer .footer-3 {
    order: 4; }
  footer .footer-4 {
    order: 3; }
  footer .footer-5 {
    order: 5;
    margin: 16px 0 !important; }
  footer .footer-6 {
    order: 2; }
  footer .footer-7 {
    order: 1; }
  footer ul.list-info li {
    font-size: 14px; }
  footer ul.menu-footer li a {
    font-size: 14px; }
  footer ul.list-policy {
    justify-content: center;
    margin-bottom: 12px; }
    footer ul.list-policy li a {
      font-size: 14px; }

  .copyright {
    font-size: 14px;
    display: flex;
    flex-flow: column;
    align-items: center; }
    .copyright span {
      display: block; } }