*, *:before, *:after {
  box-sizing: inherit;
  box-sizing: border-box;
  min-height: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
    margin: 0;
    font-family: 'Work Sans', sans-serif;
    background-color: #F8F5EF;
    color: #121212;
  }
  
  h1, h2, h3, h4 {
    font-family: 'Barlow', sans-serif;
    margin:0 0 24px;
    text-transform: uppercase;
    font-weight: 700;
  }

  h2{
    font-size:48px;
  }

  h4{
    font-size: 24px;
  }

  a {
    color: #E2A85C;
    text-decoration: none;
}

a:is(:hover, :focus, :active) {
    color: #121212;
}

  p{
    font-size:16px;
    margin: 0 0 20px;
  }

  img{
    width: 100%;
    height:auto;
  }
  
  header.hero {
    background: url('images/header.png') no-repeat center center/cover;
    color: white;
    text-align: center;
    padding: 300px 0;
    position: relative;
  }
  
  nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}
  
  nav .logo {
    max-width: 100px;
  }
  
  .nav-links {
    list-style: none;
    display: flex;
    gap: 40px;
    margin: 0;
    padding: 0;
  }
  
  .nav-links li a {
    color: #979797;
    text-decoration: none;
    font-weight: normal;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
  }

  .nav-links a:hover,
.nav-links a:focus {
    color: white;
}

.nav-links a.active {
    color: white;
}

.hero-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
  
  .hero-content h1 {
    font-size: 72px;
    margin: 0;
    text-transform: uppercase;
  }
  
  .hero-content p {
    font-size: 24px;
    margin: 10px 0 30px;
  }

  .background-beige + .background-beige{
    padding-top:0;
  }

  /* Hide menu toggle on desktop */
.menu-toggle {
  display: none;
  font-size: 28px;
  cursor: pointer;
  color: white;
}

/* Mobile styles */
@media (max-width: 1200px) {
  .menu-toggle {
    display: block;
  }

  .nav-links {
    display: none;
  }

  .nav-links li a{
    color:#121212;
  }

  .nav-links.show {
    display: flex;
    position: absolute;
    flex-direction: column;
    width: 90%;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    padding: 25px;
    background: #E2A85C;
    z-index: 1;
  }

  .nav-links li {
    width: 100%;
    
  }

  .nav-links a {
    width: 100%;
    color: white;
    font-size: 18px;
  }

  nav .btn {
    display: none;
  }

  .hero-content h1 {
    font-size: 48px;
  }

  h2{
    font-size:40px;
  }
}


  .content-buttons {
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
}

.content-buttons .btn {
  flex: 0 0 auto;
  margin: 8px;
}
  
  .btn, .btn-submit {
    background-color: #E2A85C;
    font-family: 'Barlow';
    text-transform: uppercase;
    font-weight: 700;
    color: #121212;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 18px;
    font-style: normal;
    transition: all 0.2s ease-in-out;
    padding: 20px 36px;
    border:2px solid #E2A85C;
    cursor: pointer;
  }

  @media (max-width: 575px) {
    .content-buttons .btn {
        justify-content: center;
        text-align: center;
        width: 100%;
        max-width: calc(100% - 16px);
    }
}

  .btn:is(:hover, :focus, :active), .btn-submit:is(:hover, :focus, :active){
    color:#E2A85C;
    background-color: white;
  }

  .white-btn{
    background:transparent;
    border:2px solid white;
    color:white
  }
  
.info-card {
    background: white!important;
    padding: 40px 0;
    display: flex;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-top:-120px;  
  }
  
  .info-icon {
    margin-bottom: 10px;
    max-width: 50px;
}

  .info-block h4::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background-color: #DEC7A6; 
    margin: 12px auto 0;
  }
  
  .icon {
    font-size: 28px;
    margin-bottom: 10px;
  }
  
  .info-block h4 {
    font-size: 24px;
  }
  
  .info-block p {
    font-family: 'Barlow', sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    line-height: 1.6;
  }

  @media (max-width: 1200px) {
    .info-card{
      flex-wrap: wrap;
      gap:40px;
    }
  }
  
  .about img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }

  .stats {
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
    text-align: left;
  }
  
  .stat-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-family: 'Barlow', sans-serif;
  }
  
  .stat-block h3 {
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    line-height: 1;
  }
  
  .stat-value {
    color: #000;
  }
  
  .stat-suffix {
    color: #d6b98c;
    font-weight: 600;
    margin-left: 2px;
  }
  
  .stat-block p {
    margin: 8px 0 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 1.4;
    max-width: 140px;
  }

  @media (max-width: 1200px) {
    .about .section-intro{
      margin-bottom:30px;
    }
  }
  
  
  .services {
    background-color: #f9f5ef;
    text-align: center;
  }
  
  
  .services-list {
    background: white;
    padding: 100px;
    display: -ms-inline-grid;
    display: inline-grid;
    -ms-grid-columns: 1fr[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 40px;
    margin-top:40px;
  }
  
  .service {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 40px;
  }
  
  .service img {
    max-width: 64px;
  }
  
  .price {
    font-weight: bold;
    font-family: 'Barlow', sans-serif;
    font-size: 24px;
  }

  .services .col-12:has(.btn) {
    margin-top: 50px;
}

@media (max-width: 1200px) {
  .services-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding: 100px 25px;
  }
  .service{
    flex-direction: column;
    text-align: center;
}
}

.image-hero {
  background: url('images/herocta.png') center center / cover no-repeat;
  padding: 120px 0;
  text-align: center;
  color: white;
  position: relative;
}

.image-hero .container {
  position: relative;
  z-index: 1;
}

.why-choose-us {
  background: white;
  padding: 60px 0 0;
  text-align: center;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 40px;
  padding:40px 0 0;
}

.feature {
  text-align: center;
}

.feature-icon {
  max-width: 64px;
  margin-bottom: 10px;
}

.reviews {
  background: #fff;
  text-align: center;
}

.reviews-grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

.rating-block {
  flex: 1;
}

.rating-block h4{
  margin-bottom:0;
}

.google-logo {
  width: 40px;
  height: auto;
  margin-bottom: 10px;
}

.rating-score {
  font-size: 92px;
  font-weight: bold;
  font-family: 'Barlow';
}

.stars {
  font-size: 27px;
  color: #F2C94C;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.swiper-pagination {
  bottom: 20px !important;
}

.swiper-pagination-bullet-active{
  background: #F2C94C!important;
}

.google h4{
  margin-bottom:0;
}

.review-count {
  font-size: 24px;
}

.main-review {
  border: 1px solid #f4e8d5;
  padding: 40px 25px 60px;
}

.swiper-slide {
  height: auto !important;
}

.reviewer-img {
  width: 107px;
  height: 107px;
  border-radius: 50%;
  object-fit: cover;
  margin: -53px auto 10px;
  border: 1px solid #DEC7A6;
}

.main-review p {
  margin-bottom: 30px;
}

.main-review strong {
  font-family: 'Barlow';
}

@media (max-width: 1200px) {
  .reviews-container .col-xl-3 {
    display: none;
  }
}

 /* appointment section */

.appointment{
  background: url('images/footer.png') center/cover no-repeat;
  color: #fff;
  margin-bottom: 60px;
}

.contact-method {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.contact-method .icon {
  width: 67px;
  height: 67px;
  margin: 0 15px 0 0;
}

.contact-method strong {
  font-size: 16px;
  text-transform: uppercase;
}

.contact-method p {
  font-size: 20px;
  margin: 6px 0 0;
}

.appointment-form {
  background: #fff;
  padding: 40px;
  position: relative;
  right: 0;
  top: 120px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.appointment-form input,
.appointment-form textarea {
  font-family: 'Barlow', sans-serif;
  text-transform: uppercase;
  border: none;
  border-bottom: 2px solid #121212;
  padding: 10px 5px;
  font-size: 16px;
  background: transparent;
  outline: none;
  color: #121212;
  font-weight: bold;
  width: 100%;
}

.appointment-form input::placeholder,
.appointment-form textarea::placeholder {
  color: #121212;
}

.appointment-form .form-row {
  display: flex;
      gap: 15px;
      width: 100%;
      justify-content: space-between;
}

.appointment-form textarea {
  resize: vertical;
  min-height: 180px;
}

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

  .appointment-form{
    position:unset;
  }

  .contact-method {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.appointment-form .form-row{
    flex-direction: column;
    gap: 15px;
  }

  .appointment{
    margin-bottom:0;
  }
}

.instagram-feed .section-intro {
  text-align: center;
  margin:auto;
}

.instagram-swiper.col-12{
  padding:0 25px!important;
}

.insta-post img {
  width: 100%;
  height: auto;
}

.site-footer {
  background-color: #121212;
  color: #fff;
  padding: 20px 0;
  font-size: 14px;
  text-align: center;
}

.footer-container p {
  margin: 0;
  flex: 1;
  text-align: left;
}

.social-links {
  display: flex;
  gap: 15px;
  justify-content: flex-end;
}

.social-links a img {
  width: 20px;
  height: 20px;
}

@media (max-width: 1200px) {
  .footer-container {
    gap:30px;
  }
  .social-links{
      justify-content: flex-start;
    }
}


section {
  padding: 60px 0;
}

  
  .container {
    position: relative;
    width: 100%;
    max-width: 1250px;
    background: transparent !important;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  /*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 25px;
	padding-left: 25px;
}
.single-page-article .inside-article, .single-post-article .inside-article, .single-careers-article .inside-article, .site-main .generate-columns-container {
	padding-right: 25px;
	padding-left: 25px;
}
/* bootstrap col sizes */
.col-1:not(.u-column1){-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2:not(.u-column2){-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:1200px){.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}

@media (max-width: 991px) {
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
	.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
	.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
	.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
	.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
	.col-xl-auto {
		padding-right: 25px;
  		padding-left: 25px;
	}
	.single-page-article .inside-article, .single-post-article .inside-article, .single-careers-article .inside-article, .site-main .generate-columns-container {
		padding-right: 25px;
  		padding-left: 25px;
	}
}

/* bootstrap offsets */
.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}