/* Home */
.hero {
  align-items: center;
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 440px;
  padding: 15px 0;
  width: 100%;
}
.hero__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: fit-content;
  min-width: 393px;
  padding: 0;
  width: 100%;
}

.hero__title {
  color: #fff;
  font-weight: 600;
  padding: 0;
  text-align: center;
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.hero__subtitle {
  color: #8B8B8B;
  font-weight: 600;
  display: flex;
  max-width: 274px;
  padding: 0;
  text-align: center;
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.hero__actions {
  display: flex;
  gap: 11px;
  margin-top: 78px;
  position: relative;
}
.hero__actions-img {
  max-width: 62.3054389954px;
  right: -39px;
  pointer-events: none;
  position: absolute;
  top: -38px;
}
[id^="booking-button-subtitle"] {
   color: #000;
}
.less__text .btn--primary {
  color: #000 !important;
}
.btn.btn--primary.btn--nav {
  color:  #000;
}

@media screen and (min-width: 758px) {
  .hero {
    height: 417px;
  }
  .hero__content {
    min-height: 315px;
    max-width: 474px;
  }
 
  .hero__subtitle {
    font-size: 11px;
    max-width: 382px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .hero__actions {
    margin-top: 44px;
  }
}
@media screen and (min-width: 1200px) {
  .hero {
    height: 648px;
  }
  .hero__content {
    gap: 9px;
    justify-content: center;
    max-width: 766.5px;
  }
  .hero__title {
    line-height: 1.5;
    max-width: 100%;
    padding: 0;
    margin-top: 85px;
  }
  .hero__subtitle {
    font-size: 15px;
    max-width: 100%;
  }
  .hero__actions {
    gap: 30px;
  }
  .hero__actions-img {
    max-width: 100.6179275513px;
    right: -135px;
    top: -18px;
  }
}

.professional {
  align-items: center;
  display: flex;
  justify-content: center;
  min-width: 100%;
  padding-top: 43px;
  width: 100%;
}
.professional__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  padding: 0;
  width: 100%;
}
.professional__header {
  align-items: center;
  display: flex;
  flex-direction: column;
  max-width: 348px;
  width: 100%;
}
.professional__title {
  color: var(--tpl-title-color);
  font-weight: 600;
  padding: 0px;
  text-align: center;
}
.professional__subtitle {
  color: var(--tpl-body-color);
  padding: 0 21px;
  text-align: center;
}
.professional__images {
  align-items: center;
  display: flex;
  height: 278.4056091309px;
  justify-content: center;
  margin-top: 40px;
  max-width: 411.4692687988px;
  pointer-events: none;
  position: relative;
  width: 100%;
}
.professional__images-phones {
  height: 100%;
  max-width: max-content;
  width: 100%;
  z-index: 1;
}
.professional__images-lines {
  right: -20px;
  position: absolute;
  z-index: 0;
  transform: translateY(-47px);
}
.professional__images-text {
  height: auto;
  position: absolute;
  z-index: 1;
}
.professional__images-text.text--1 {
  top: -40px;
  transform: rotate(17deg);
  width: 88.1295177459px;
}
.professional__images-text.text--2 {
  left: 15px;
  margin-top: -15px;
  width: 73.2818732612px;
}
.professional__images-text.text--3 {
  margin-top: 20px;
  right: 0;
  width: 67.7909467266px;
}
.professional__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
  justify-content: center;
  margin-top: -120px;
  max-width: 399.5px;
  min-height: 156.5002441406px;
  padding: 0;
  position: relative;
  z-index: 2;
  width: 100%;
}
.professional__item {
  align-items: center;
  background: #111;
  border: 4px solid var(--primary_color);
  border-radius: 0;
  color: white;
  display: flex;
  justify-content: center;
  max-width: 211.1760071901px;
  min-height: 46px;
  padding: 0 14px;
  position: absolute;
  text-align: center;
  transition: transform 0.2s ease;
  width: 100%;
}
.professional__item-text {
  color: #fff;
  font-family: var(--tpl-font-primary);
  font-weight: 600;
  font-size: 8px;
  margin-right: 0.5rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.professional__item svg {
  flex: 0 0 14.5226428866px;
}
.professional__item:nth-child(1) {
  left: 0px;
  top: 50px;
  transform: rotate(-5deg);
  z-index: 1;
}
.professional__item:nth-child(2) {
  left: 68px;
  transform: rotate(-1deg);
  top: 5px;
  z-index: 1;
}
.professional__item:nth-child(3) {
  right: 0;
  top: 54px;
  transform: rotate(3deg);
}
.professional__item:nth-child(4) {
  right: 64px;
  top: 97px;
  transform: rotate(1deg);
}
@media screen and (min-width: 758px) {
  .professional {
    padding: 43px 0 10px;
  }
  .professional__content {
    align-items: flex-start;
    max-width: 620px;
    min-height: max-content;
  }
  .professional__header {
    max-width: 100%;
  }
  .professional__images {
    height: 380.6518554688px;
    max-width: 619.5263671875px;
  }
  .professional__images-phones {
    margin-right: 15px;
  }
  .professional__images-lines {
    transform: translateY(-64px);
  }
  .professional__images .text--1 {
    width: 101.5915235359px;
  }
  .professional__images .text--2 {
    left: 15px;
    top: 92px;
    width: 111.2003983826px;
  }
  .professional__images .text--3 {
    margin-top: -40px;
    width: 100.213752401px;
  }
  .professional__list {
    margin-top: -136px;
    min-height: 110.9474868774px;
    max-width: 100%;
  }
  .professional__item {
    max-width: 215.8092790836px;
    min-height: 60px;
  }
  .professional__item-text {
    font-size: 12px;
  }
  .professional__item:nth-child(1) {
    left: 0;
    top: 0;
  }
  .professional__item:nth-child(2) {
    left: 120px;
    top: 51px;
    transform: rotate(2deg);
  }
  .professional__item:nth-child(3) {
    right: 125px;
    top: -10px;
    transform: rotate(-5deg);
  }
  .professional__item:nth-child(4) {
    right: 0;
    top: 37px;
  }
}
@media screen and (min-width: 1200px) {
  .professional {
    padding-top: 93px;
  }
  .professional__content {
    gap: 24px;
    max-width: 957.75px;
  }
  .professional__header {
    max-width: 954px;
  }
  .professional__subtitle {
    font-size: 15px;
    max-width: 814.5px;
  }
  .professional__list {
    margin-top: -191px;
    min-height: 146.8818054199px;
  }
  .professional__item {
    max-width: 300.9373979392px;
    min-height: 72.3232089865px;
  }
  .professional__item-text {
    font-size: 15px;
  }
  .professional__item:nth-child(1) {
    left: 0;
    z-index: 1;
    transform: rotate(-6deg);
  }
  .professional__item:nth-child(2) {
    left: 200px;
    bottom: 10px;
    top: auto;
    transform: rotate(3deg);
  }
  .professional__item:nth-child(3) {
    right: 215px;
    top: 8px;
    z-index: 1;
    transform: rotate(-3deg);
  }
  .professional__item:nth-child(4) {
    margin-left: auto;
    right: 0;
    top: 69px;
    transform: rotate(2deg);
  }
  .professional__images {
    height: max-content;
    max-width: 957.75px;
  }
  .professional__images-phones {
    margin-right: 45px;
    max-width: 662.4772338867px;
  }
  .professional__images-lines {
    height: auto;
    transform: translate(-22px, 58px);
    width: 100%;
  }
  .professional__images .text--1 {
    max-width: 131.9596422164px;
    transform: rotate(0deg);
  }
  .professional__images .text--2 {
    left: 84px;
    max-width: 130.6679340438px;
    top: 152px;
  }
  .professional__images .text--3 {
    max-width: 119.7228160544px;
    right: 83px;
  }
}

.less {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.less__wrap {
  align-items: center;
  display: flex;
  gap: 17px;
  flex-direction: column;
  justify-content: center;
  max-width: 338.316619873px;
  width: 100%;
}
.less__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  width: 100%;
}
.less__content > img {
  height: auto;
  width: 100%;
}
.less__text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.less__actions {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.less__images {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 301.5282592773px;
  max-width: 272.0895080566px;
  pointer-events: none;
  position: relative;
  width: 100%;
}
.less__images img, .less__images svg {
  height: auto;
  width: 100%;
}
.less__images-1 {
  position: relative;
  max-width: 186.3134918213px;
  z-index: 2;
}
.less__images-2 {
  position: absolute;
  max-width: 272px !important;
  z-index: 0;
}
.less__images svg {
  margin-left: -1px;
  max-width: 202px;
  position: absolute;
  top: -4px;
  z-index: 1;
}
@media screen and (min-width: 758px) {
  .less__wrap {
    align-items: flex-start;
    max-width: 576px;
    position: relative;
  }
  .less__content {
    max-width: 347.4974975586px;
    margin-bottom: 40px;
  }
  .less__images {
    bottom: 0;
    position: absolute;
    left: 366.4974975586px;
  }
}
@media screen and (min-width: 1200px) {
  .less {
    padding-top: 140px;
  }
  .less__wrap {
    max-width: 1200px;
  }
  .less__content {
    align-items: flex-start;
    max-width: 636px;
  }
  .less__content img {
    max-width: 500px;
  }
  .less__text {
    gap: 24px;
    margin-bottom: 70px;
  }
  .less__subtitle {
    font-size: 15px;
  }
  .less__images {
    bottom: -5px;
    left: auto;
    max-width: 511.4999694824px;
    min-height: 541.5px;
    right: 0;
  }
  .less__images svg {
    margin-left: -7px;
    max-width: 362.5px;
    top: -8px;
  }
  .less__images-1 {
    max-width: 350.25px;
  }
  .less__images-2 {
    max-width: 511.4999694824px !important;
  }
  .less__actions {
    padding-right: 74px;
  }
  .less__actions svg {
    height: auto;
    width: 359.25px;
  }
  .features__bg-tool--1 {
    max-width: 250px !important;
    top: 30px !important;
  }
  .features__bg-tool--2 {
    max-width: 180px !important;
    top: 40px !important;
  }
}

.features {
  align-items: center;
  background: var(--secondary_color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 9px;
  position: relative;
  width: 100%;
}
.features__container {
   background: var(--secondary_color);
   width: 100%;
}
.features__wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
  justify-content: center;
  padding: 30px 0;
  max-width: 360px;
  width: 100%;
  margin: auto;
  background: var(--secondary_color);
}
.features__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
  width: 100%;
  z-index: 4;
}
.features__title {
  color: #fff;
  font-weight: 600;
  text-align: center;
}
.features__subtitle {
  font-weight: 600;
  max-width: 317px;
  text-align: center;
}
.features__list {
  align-items: center;
  column-gap: 13px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 32px;
  row-gap: 19px;
}
.features__item {
  align-items: center;
  background: color-mix(in srgb, var(--secondary_color) 60%, transparent);
  border: 1px dashed var(--primary_color);
  border-radius: 8.62px;
  display: flex;
  flex-direction: column;
  max-width: 164.3207397461px;
  min-height: 113.7109375px;
  padding: 0;
  width: 100%;
}
.features__item-title {
  background-color: var(--primary_color);
  border-radius: 4.6px;
  color: #000;
  display: -webkit-box;
  overflow: hidden;
  padding: 13px 7px;
  text-align: center;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; /* Truncates after 2 lines */
}
.features__item-description {
  font-weight: 600;
  padding: 6px 8px;
  text-align: center;
}
.features__bg {
  display: flex;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
.features__bg img {
  height: auto;
  position: absolute;
  width: 100%;
}
.features__bg-edge {
  left: 0;
  height: auto;
  position: absolute;
  width: 102%;
}
.features__bg-edge--top {
  top: -22px;
}
.features__bg-edge--bottom {
  bottom: -22px;
  left: auto;
  right: -5px;
}
.features__bg-phone {
  bottom: 0;
  left: -22px;
  max-width: 191.2106018066px;
}
.features__bg-tool--1 {
  max-width: 123.4418669086px;
  top: -14px;
  right: -12px;
}
.features__bg-tool--2 {
  display: none;
}
@media screen and (min-width: 758px) {
  .features__wrap {
    max-width: 700.0285644531px;
    padding: 62px 0;
  }
  .features__content {
    flex-direction: column;
  }
  .features__title {
    max-width: 617.0553588867px;
  }
  .features__subtitle {
    font-size: 11px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .features__list {
    align-items: flex-start;
    height: 180px;
  }
  .features__item {
    height: 100%;
    max-width: 164.3207397461px;
  }
  .features__item-title {
    font-size: 11px;
    padding: 13px 2px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .features__item-description {
    color: #fff;
    font-size: 10px;
    padding: 10px 8px 16px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .features__bg-edge--bottom {
    bottom: -52px;
  }
  .features__bg-tool--1 {
    max-width: 150.441867px;
    right: 22px;
    top: 64px;
  }
  .features__bg-tool--2 {
    display: flex;
    max-width: 117.1521993719px;
    right: 54px;
    top: 68px;
  }
}
@media screen and (min-width: 1200px) {
  .features {
    padding: 35px 0 125px;
  }
  .features__wrap {
    max-width: 1160.4982910156px;
    padding-top: 20px;
  }
  .features__subtitle {
    font-size: 15px;
    max-width: 665.9999389648px;
  }
  .features__item {
    max-width: 266px;
    min-height: 127.5px;
  }
  .features__item-title {
    font-size: 15px;
    font-weight: 600;
  }
  .features__item-description {
    font-size: 15px;
  }
  .features__image img {
    height: 437px;
    width: auto;
  }
  .features__bg-phone {
    bottom: 55px;
    left: 27px;
    max-width: 274.4560546875px;
  }
}
@media screen and (min-width: 1400px) {
  .features {
    min-height: 606px;
  }
  .features__bg-phone {
    bottom: 55px;
    left: 27px;
    max-width: 359.4560546875px;
  }
}

.services {
  display: flex;
  justify-content: center;
  padding: 30px 0 87px;
  position: relative;
  width: 100%;
}
.services__wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 380.6061706543px;
  width: 100%;
  z-index: 1000;

}
.services__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 6.38px;
}
.services__action {
  align-items: center;
  display: flex;
  margin-top: 12px;
  position: relative;
}
.services__action-img {
  max-width: 70.6110305786px;
  pointer-events: none;
  position: absolute;
  right: -89px;
  top: 11px;
}
.services__title {
  max-width: 267px;
  text-align: center;
}
.services__text {
  max-width: 219px;
  text-align: center;
}
.services__bg {
  left: 0;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.services__bg-img {
  height: auto;
  position: absolute;
  width: 100%;
}
  .services__bg-img--top {
    top: 0% !important;
    right: 0%;
    max-width: 135px;
  }
.services__bg-img--bottom {
  bottom: 0;
  left: -15px;
  max-width: 145px;
}
@media screen and (min-width: 758px) {
  .services {
    padding: 66px 0;
  }
  .services__wrap {
    gap: 30px;
  }
  .services__content {
    gap: 6px;
  }
  .services__title {
    max-width: 100%;
  }
  .services__text {
    font-size: 11px;
    max-width: 100%;
  }
  .services__action {
    margin: 0;
  }
  .services__action-img {
    top: -10px;
    max-width: 110.820084px;
    right: -118px;
  }
  .services__bg-img--bottom {
    left: 0;
    max-width: 195.51712px;
  }
  .services__bg-img--top {
    max-width: 195.51712px;
  }
}
@media screen and (min-width: 1200px) {
  .services {
    min-height: 350px;
    padding: 0;
  }
  .services__wrap {
    gap: 24px;
    max-width: 746px;
  }
  .services__content {
    gap: 12px;
  }
  .services__text {
    font-size: 15px;
  }
  .services__action-img {
    top: -29px;
  }
  .services__bg-img--bottom {
    bottom: -18px;
    left: -20px;
    max-width: 310px;
  }
  .services__bg-img--top {
    max-width: 310px;
    top: -20%  !important;
  }
}
@media screen and (min-width: 1400px) {
  .services {
    min-height: 350px;
  }
  .services__bg-img--bottom {
    left: 0;
    max-width: 356px;
    top: 10% !important;
  }
  .services__bg-img--top {
    max-width: 356px;
    top: -30%  !important;
  }
}

.reviews {
  align-items: center;
  background-color: var(--primary_color);
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}
.reviews__wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 21px;
  justify-content: center;
  padding: 25px 0 30px;
  width: 100%;
}
.reviews__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  max-width: 321px;
  width: 100%;
}
.reviews__title, .reviews__subtitle {
  text-align: center;
}
.reviews__title {
  color: #000;
  z-index: 2000;
}
.reviews .wgt-revws__reviews-details {
  height: 300px;
}
.reviews .wgt-revws__reviews-item {
  border-radius: 16px;
  box-shadow: 20px 10px 35px 0px rgba(0, 0, 0, 0.09);
  display: flex;
  gap: 12px;
  height: 200px !important;
  min-height: 184px !important;
  min-width: 222px !important;
  padding: 14px;
  width: 222px !important;
}
.reviews .wgt-revws__reviews-item-raiting {
  margin-top: 0;
}
.reviews .wgt-revws__reviews-item .wgt-revws__review-text {
  font-family: var(--tpl-font-primary);
  font-size: 11px;
  letter-spacing: 0.12px;
  line-height: 1;
  height: 100%;
  margin: 0;
}
.reviews .wgt-revws__reviews-customer-name {
  font-family: var(--tpl-font-primary);
  font-size: 12px;
  letter-spacing: 0.12px;
  line-height: 10.06px;
}
.reviews .wgt-revws__reviews-header {
  gap: 7px;
}
.reviews .wgt-revws__reviews-header-avatar {
  height: 18.9418506622px;
  width: 18.9418506622px;
}
.reviews .wgt-revws__reviews-header-icon, .reviews .wgt-revws__reviews-header-icon svg {
  height: 23.6781482697px;
  width: 23.6781482697px;
}
.reviews .wgt-revws__reviews-footer {
  background-color: transparent !important;
  display: flex;
}
.reviews .wgt-revws__reviews-footer-label-content {
  position: relative;
  width: 255px;
}
.reviews .wgt-revws__reviews-footer-label-content .wgt-review__lbl-bottom {
  font-family: var(--tpl-font-primary);
  font-size: 10px;
}
.reviews .wgt-revws__reviews-footer-btn {
  border-radius: 0;
}
.reviews .wgt-revws__reviews-footer-btn .wgt-review__lbl-btn {
  font-size: 14px;
  font-weight: 600;
}
.reviews .wgt-revws__reviews-btn-icon {
  display: none;
}
.reviews__edge {
  top: -30px;
  left: 0;
  height: auto;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1000;
}
@media screen and (min-width: 758px) {
  .reviews .wgt-revws__reviews-item {
    min-width: 222px !important;
    height: 184px !important;
    min-height: 184px !important;
    width: 222px !important;
  }
  .reviews .wgt-revws__reviews-footer-label-content {
    width: auto;
  }
  .reviews .wgt-revws__reviews-footer-label-content .wgt-review__lbl-bottom {
    font-size: 14px;
    width: auto;
  }
  .reviews .wgt-revws__reviews-footer-btn .wgt-review__lbl-btn {
    font-size: 18px;
  }
 
}

@media screen and (min-width: 758px) {
  .reviews__content {
    max-width: 690px;
  }
  .reviews__subtitle {
    max-width: 544px;
  }
}
@media screen and (min-width: 1200px) {
  .reviews__wrap {
    gap: 74px;
  }
  .reviews__content {
    gap: 24px;
    max-width: 746px;
    padding-top: 80px;
  }
  .reviews .wgt-revws__reviews-footer {
    justify-content: center;
  }
}

 .hero__actions-img-desktop  {
    display: block !important;
    position: absolute;
    left: 130%;
    top: -40%;
  }
    .hero__actions-img-tablet {
    display: none !important;
  }
  .hero__actions-img-mobile {
    display: none !important;
  }
@media screen and (max-width: 1200px) {
 .hero__actions-img-desktop  {
    display: none !important;
  }
  .btn-booking {
    height: 50px;
  }
    .hero__actions-img-tablet {
    display: block !important;
            position: absolute;
        top: -55%;
        left: 95%;
  }
   .hero__actions-img-mobile {
    display: none !important;
  }

  
}

@media screen and (max-width: 785px) {
 .hero__actions-img-desktop  {
    display: none !important;
  }
    .hero__actions-img-tablet {
    display: none !important;
  }
  .hero__actions-img-mobile {
    display: block !important;
        position: absolute;
        top: -75%;
        left: 90%;
  }
  .hero__actions {
    margin-top: 48px !important;
  }
  
}


