.hr-detail-dynamic .hr-detail-thumbnail{
    width:100%;
    height:500px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    margin-bottom:30px;
    border-radius:12px
}
.hr-detail-dynamic .hr-titel{
    font-size:40px;
    font-weight:var(--weight-600);
    line-height:45px;
    margin-bottom:20px;
    color:var(--black)
}
.hr-detail-dynamic .hr-titel h3,.hr-detail-dynamic .hr-titel .h3{
    font-size:40px;
    font-weight:var(--weight-600);
    line-height:45px;
    margin-bottom:0;
    color:var(--black)
}
/*.hr-dynamic p{
    font-size:18px;
    line-height:28px;
    font-weight:var(--weight-400);
    margin-bottom:0;
    color:var(--color-1)
}*/
.hr-dynamic b,.hr-dynamic strong,.hr-dynamic h6{
    font-size:18px;
    line-height:28px;
    font-weight:var(--weight-600);
    margin-bottom:10px;
    color:var(--black)
}
.hr-offset-ps-md-sz-40{
    padding-left:40px
}
.hr-list-widget{
    border-radius:10px;
    border:1px solid hsl(220deg 8.94% 46.08% / 30%);
    margin-bottom:25px
}
.hr-list-widget .hr-widget-head {
    padding: 20px;
    background: var(--color-2);
    color: var(--white);
    border-radius: 10px 10px 0px 0px;
}
.hr-list-widget .hr-widget-head .hr-titel h5{
    font-size:26px;
    font-weight:var(--weight-600);
    line-height:30px;
    margin-bottom:0
}
.hr-list-widget .hr-widget-body {
    padding: 20px 20px;
    background: var(--color-2);
    border-radius: 0px 0px 10px 10px;
}
.hr-list-widget .hr-widget-body .nav .nav-item {
    background: var(--white);
    border-width: 1px;
    border-color: rgb(221, 221, 221);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    padding: 10px 20px;
    transition: all 0.3s ease;
    margin-bottom: 20px;
}
.hr-list-widget .hr-widget-body .nav .nav-item .nav-link{
    padding:0
}
.hr-list-widget .hr-widget-body .nav .nav-item .nav-link:hover{
    color:var(--color-3)
}
.hr-list-widget .hr-widget-body .nav .nav-item .nav-link:hover .hr-thumb-nav .hr-info .hr-titel {
    color: var(--color-1);
}
.hr-list-widget .hr-widget-body .nav .nav-item .nav-link .hr-thumb-nav{
    display:flex;
    align-items:center
}
.hr-list-widget .hr-widget-body .nav .nav-item .nav-link .hr-thumb-nav .hr-thumb{
    height:80px;
    border-radius:10px;
    width:100px;
    margin-right:15px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}

.hr-list-widget .hr-widget-body .nav .nav-item .nav-link .hr-thumb-nav .hr-info .hr-titel{
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    font-size:20px;
    font-weight:var(--weight-400);
    line-height:23px;
    color:var(--black)
}
.hr-more-images-widget{
    margin-bottom:25px
}
.hr-pop-images,.hr-pop-Video{
    cursor:zoom-in
}
.hr-more-images-widget .hr-images-bg-card{
    border:none;
    border-radius:10px;
    width:100%;
    height:180px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative
}
.hr-more-images-widget .hr-images-bg-card:hover{
    cursor:zoom-in
}
.hr-more-images-widget .hr-images-bg-card .hr-hover-plus{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    background:#00000080
}
.hr-more-images-widget .hr-images-bg-card:hover .hr-hover-plus{
    opacity:1
}
.hr-more-images-widget .hr-images-bg-card .hr-hover-plus span{
    font-size:20px;
    color:#fff
}

/*11/01/2025*/
.hr-dynamic li {
    font-size: 18px;
    line-height: 28px;
    font-weight: var(--weight-400);
    margin-bottom: 0;
    color: #6b7280;
    list-style: none;
    position: relative;
    padding-left: 25px;
}
.hr-dynamic span, .hr-dynamic p {
  font-size: 18px;
  line-height: 28px;
  font-weight: var(--weight-400);
  margin-bottom: 0;
  color: #6b7280;
}
.hr-dynamic h4 {
    font-size: 20px;
    line-height: 28px;
    font-weight: var(--weight-600);
    margin-bottom: 10px;
    color: #000;
}


.hr-dynamic li:after {
  left: 0;
  top: 9px;
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background: var(--white);
  border-radius: 50%;
  z-index: 0;
  border: 2px solid var(--color-2);
}
.hr-dynamic li::before {
  left: 3.7px;
  top: 12.5px;
  position: absolute;
  content: "";
  width: 7.5px;
  height: 7.5px;
  background: var(--color-2);
  border-radius: 50%;
  z-index: 1;
}
.hr-dynamic ol, .hr-dynamic ul {
  padding: 0;
}
.service-detail-slider .swiper-button-prev, .service-detail-slider .swiper-button-next {
    background: var(--white);
    border-radius: 5px;
    color: var(--color-1);
}
.service-detail-slider .swiper-button-prev:hover, .service-detail-slider .swiper-button-next:hover {
    background: var(--color-1);
    color: var(--white);
}

.service-contact {
  padding: 35px 30px 45px 30px;
  background: var(--color-2);
  border-radius: 10px;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.ser-icon {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  background: var(--color-1);
  border: 2px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
  font-size: 35px;
  color: #fff;
}
.ser-content-titel h5 {
  font-size: 22px;
  line-height: 25px;
  margin-bottom: 20px;
  color: #fff;
  font-weight: 700;
  position: relative;
  z-index: 111;
  text-align: center;
}
.ser-contact-address {
    font-size: 17px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    position: relative;
}   
.ser-contact-phone {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ser-contact-phone li {
    font-size: 17px;
    color: #fff;
    position: relative;
    z-index: 111;
    list-style: none;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.ser-contact-phone li a {
  color: var(--white);
}
.hr-list-widget .hr-widget-body .nav .nav-item.active {
    background: var(--color-1);
    border-color: transparent;
}
.hr-list-widget .hr-widget-body .nav .nav-item.active .nav-link:hover .hr-thumb-nav .hr-info .hr-post-stemp span {
    color: #fff;
}

.hr-list-widget .hr-widget-body .nav .nav-item.active .nav-link .hr-thumb-nav .hr-info .hr-post-stemp span {
  color: #fff;
}
.hr-list-widget .hr-widget-body .nav .nav-item.active .nav-link .hr-thumb-nav .hr-info .hr-titel {
  color: #fff;
}
.swiper.service-detail-slider {
    padding-top: 50px;
}
.hr-service-detail-sec {
    position: relative;
}
@media (max-width:1024px){
    .hr-offset-ps-md-sz-40{
        padding-left:0;
        margin-top:20px
    }
}
@media (max-width:767.98px){
    .hr-offset-ps-md-sz-40{
        padding-left:0;
        margin-top:20px
    }
    .hr-detail-dynamic .hr-titel h3,.hr-detail-dynamic .hr-titel .h3{
        font-size:35px
    }
    .hr-detail-dynamic .hr-detail-thumbnail{
        height:350px
    }
}
@media(max-width:576px){
    .hr-detail-dynamic .hr-titel h3, .hr-detail-dynamic .hr-titel .h3 {
    font-size: 25px;
    line-height: 30px;
}
}