.hr-menu-area {
  position:relative;
  z-index:1;
  overflow:hidden
}
.hr-menu-area .menu-three-images {
  position:relative;
  text-align:center;
  margin-right:70px;
  margin-top:34px
}
.hr-menu-area .menu-three-images img {
  z-index: -1;
  height: 400px;
  object-fit: cover;
}
.menu-img-three img {
  width: 100px;
  height: 88px;
  object-fit: cover;
}
.hr-menu-area .menu-three-images .years-experience {
  margin-top:-150px;
  position:relative;
  z-index:1;
  text-align:center
}
.hr-menu-area .menu-three-images .years-experience .experience-odometer {
  position:absolute;
  top:45%;
  transform:translateY(-50%);
  left:0;
  right:0;
  text-align:center;
  z-index:2
}
.hr-menu-area .menu-three-images .years-experience .experience-odometer h2 {
  font-size:160px;
  font-weight:700;
  color:var(--white);
  font-family:var(--font-02)
}
.hr-menu-area .menu-three-images .years-experience .experience-odometer p {
  font-size: 20px;
  font-weight: 400;
  position: relative;
  top: -10px;
  color: #fff;
  margin: 0;
}
.hr-menu-area .menu-three-text-content {
  margin-bottom:22px
}
.hr-menu-area .menu-three-text-content .menu-three-text h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  position: relative;
}
.hr-menu-area .menu-three-text-content .menu-three-text h3 i {
  position:absolute;
  right:-8px;
  top:65.5%;
  font-size:17px;
  transform:translateY(-50%);
  color:rgb(255 255 255 / .11)
}
.hr-menu-area .menu-three-text-content .menu-three-text h3::after {
  content:"";
  position:absolute;
  background-color:rgb(181 181 181 / 83%);
  width:69%;
  height:1px;
  right:0;
  top:65%;
  transform:translateY(-50%)
}
.hr-menu-area .menu-three-text-content .menu-three-text p {
  color:#000
}
.hr-menu-area .menu-three-text-content .menu-numder {
  position:relative;
  top:-15px
}
.menu-three-text-content .menu-numder p {
  font-size:20px;
  font-weight:500;
  margin-bottom:0
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  font-family: var(--font-02) !important;
  line-height: 1.1em;
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .hr-menu-area .menu-three-images {
    margin-right:10px
  }
  .hr-menu-area .menu-three-images .years-experience {
    margin-left:auto;
    margin-right:auto;
    max-width:270px
  }
  .hr-menu-area .menu-three-text-content .menu-three-text h3 {
    font-size:18px
  }
}
@media(max-width:767.98px) {
  .hr-menu-area .menu-three-text-content .menu-three-text h3 {
    font-size:15px
  }
  .menu-three-text-content .menu-numder p {
    font-size:14px
  }
}


/*Menu page*/
.special-menu-tabs .nav {
  justify-content:center
}
.special-menu-tabs .nav.nav-tabs {
  border-bottom:none;
  margin-bottom:15px
}
.special-menu-tabs .nav.nav-tabs .nav-item {
  margin-right:20px;
  margin-bottom:15px
}
.special-menu-tabs .nav.nav-tabs .nav-item .nav-link {
  background:#F4F1EE;
  padding:10px 25px;
  font-size:18px;
  color:#555;
  font-weight:400;
  border:none;
  border-radius:0
}
.special-menu-tabs .nav.nav-tabs .nav-item .nav-link.active {
  background-color:#000;
  color:var(--white)
}
.special-menu-tabs .nav.nav-tabs .nav-item .nav-link:hover {
  background-color: var(--color-3);
  color: #fff;
}
.special-card {
  background:#FFF;
  box-shadow:0 0 30px rgb(85 85 85 / .08);
  padding:15px;
  margin-top:20px
}
.special-card .special-menu-img {
  overflow:hidden;
  position:relative
}
.special-card .special-menu-img img {
  transition:all ease 0.7s
}
.special-card:hover .special-menu-img img {
  transform:scale(1.2)
}
.special-card .special-menu-text h3 {
  font-weight:400;
  color:#000;
  transition:all ease 0.7s;
  text-transform:capitalize
}
.special-card:hover .special-menu-text h3 {
  color:var(--color-3)
}
.special-card .special-menu-text p {
  font-size: 14px;
  color: #555;
  margin: 0;
}
.special-card .special-menu-number {
  text-align:center
}
.special-card .special-menu-number span {
  color:var(--color-3);
  font-size:32px;
  font-weight:700;
  font-family:var(--font-02);
  display:inline-block;
  position:relative;
  left:15px
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .special-menu-tabs .nav.nav-tabs .nav-item .nav-link {
    font-size:15px
  }
  .special-card .special-menu-text h3 {
    font-size:22px;
    margin-bottom:5px
  }
  .special-card .special-menu-number span {
    font-size:25px
  }
}
@media only screen and (max-width:767px) {
  .special-menu-tabs .nav.nav-tabs {
    justify-content:center;
    margin-bottom:0
  }
  .special-menu-tabs .nav.nav-tabs .nav-item {
    margin-right:10px;
    margin-top:10px
  }
  .special-menu-tabs .nav.nav-tabs .nav-item .nav-link {
    padding:10px 17px;
    font-size:14px
  }
  .special-card .special-menu-text h3 {
    font-size:18px;
    margin-bottom:5px
  }
  .special-card .special-menu-text p {
    font-size:12px
  }
  .special-card .special-menu-number span {
    font-size:20px;
    left:auto;
    right:10px
  }
}