.employee-block {
  padding: 20px;
  background-color: #f7f7f7;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  margin: 20px 0;
}

.header-section {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}

.employee-image img {
  width: 100px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 15px;
}

.title-line {
  border: 1px solid #000000;
  width: 80px;
  margin: 10px 0;
}

.employee-quote {
  font-style: italic;
  color: #333333;
  margin-bottom: 15px;
}

.employee-details {
  margin-top: 15px;
}

.employee-text {
  color: #333333;
  font-weight: 400;
  line-height: 1.8;
  font-size: 1rem;
  /*margin: 10px 0;*/
}

.contact-info {
  margin-top: 20px;
  text-align: left;
}

.contact-info img {
  vertical-align: middle;
  margin-right: 5px;
}

/* Синие галочки */
.blue-check {
  color: var(--main-color) !important; /* Синий цвет для галочек */
  font-weight: bold;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
  .header-section {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
  }

  .employee-image img {
    width: 80px;
    margin-right: 10px;
  }

  .employee-text {
    font-size: 0.9rem;
  }

  .title-line {
    width: 100%;
  }
}

/* Слайдер */
/* Стили для подзаголовка */
  .slider-header-unique4 {
    text-align: left;
    margin-bottom: 20px;
  }

  .dot {
    margin-right: 1vw;
  }
  .oil-type-header h3 {
  text-align: left;
	}

.slider-header-unique4 h4 {
  font-size: 26px;
    color: #000000;
    margin: 5px 0 20px 0;
    text-align: left;
	}
  .centered-text {
    text-align: left;
    font-size: 1rem;
    margin-top: 10px;
  }

  .oil-type-header {
    text-align: center;
    font-size: 20px;
    color: #000000;
    margin: 5px 0 20px 0;
  }

  .custom-slider-unique4 {
    max-width: 100%;
    overflow: hidden;
    position: relative;
  }

  .custom-slides-unique4 {
    display: flex;
    transition: transform 0.5s ease-in-out;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .custom-slide-unique4 {
    min-width: 100%;
    box-sizing: border-box;
    text-align: center;
    scroll-snap-align: start;
  }

  .custom-slide-unique4 img {
    max-width: 80%;
    height: auto;
    margin: 0 auto;
  }

  .custom-dots-unique4 {
	margin-top: 15px;
	/*display: block;*/
	text-align: center;
	/* margin-top: 15px; */
	display: flex;
	justify-content: center;
	/* gap: 10px; */
  }

  .custom-dot-unique4 {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: #b7b8b9;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
  }

  .custom-dot-unique4.active {
    background-color: #3366cc;
  }

  @media (min-width: 768px) {
    .custom-slides-unique4 {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      overflow: hidden;
    }
      #podd .custom-slides-unique4 {
  grid-template-columns: repeat(3, 1fr); /* Только для #poddon - 3 колонки */
}
	  #motor .custom-slides-unique4 {
  grid-template-columns: repeat(5, 1fr); /* Только для #poddon - 5 колонки */
}
	  #red .custom-slides-unique4 {
  grid-template-columns: repeat(5, 1fr); /* Только для #poddon - 5 колонки */
}
	  #pnevmo .custom-slides-unique4 {
  grid-template-columns: repeat(5, 1fr); /* Только для #poddon - 5 колонки */
}
	  #amg .custom-slides-unique4 {
  grid-template-columns: repeat(6, 1fr); /* Только для #poddon - 6 колонки */
}
    .custom-slide-unique4 {
      min-width: auto;
      scroll-snap-align: none;
    }

    /* Скрываем точки на десктопе */
    .custom-dots-unique4 {
      display: none;
    }
  }

/* Petronas */

.extremelyUnique-oil-info-block {
  background-color: #f7f7f7;
  padding: 20px;
  margin: 20px 0;
  border-radius: 10px;
  text-align: left;
}

.extremelyUnique-oil-info-block {
  background-color: #f7f7f7;
  padding: 20px;
  margin: 20px 0;
  border-radius: 10px;
  text-align: left;
}

.extremelyUnique-oil-info-block h4 {
  color: #3366cc;
  font-size: 1.2rem;
  margin-bottom: 10px;
  text-align: left;
}

.extremelyUnique-oil-photo-gallery {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-bottom: 25px;
}

.extremelyUnique-oil-photo-gallery img {
  width: 30%;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.extremelyUnique-oil-videos {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

.extremelyUnique-video-item {
  position: relative;
  width: 100%;
  padding-bottom: 52vw;
}

.extremelyUnique-video-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.extremelyUnique-video-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.extremelyUnique-play-wrap {
  background: #3366cc;
  width: 5.469vw;
  height: 5.469vw;
  display: grid;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  transition: all .4s;
  box-shadow: -23px -23px 71px 0 rgba(51, 102, 204, 0.29);
  position: absolute;
  left: 0;
  right: 0;
  top: 35%;
  margin: 0 auto;
}

.extremelyUnique-play-wrap img {
  width: 2.7vw;
  height: 3vw;
  background: none;
}

.extremelyUnique-play-wrap:before {
  width: 7.813vw;
  height: 7.813vw;
  border: 2px solid #3366cc;
  position: absolute;
  content: "";
  left: -1.042vw;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation-name: extremelyUniqueRotateRevers;
  animation-iteration-count: infinite;
  animation-duration: 4s;
  animation-timing-function: linear;
}

.extremelyUnique-play-wrap:after {
  width: 6.771vw;
  height: 6.771vw;
  border: 2px solid #3366cc;
  position: absolute;
  content: "";
  left: -.521vw;
  border-radius: 50%;
  border-top-color: transparent;
  border-bottom-color: transparent;
  animation-name: extremelyUniqueRotate;
  animation-iteration-count: infinite;
  animation-duration: 4s;
  animation-timing-function: linear;
}

@keyframes extremelyUniqueRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes extremelyUniqueRotateRevers {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.extremelyUnique-video-item video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Mobile Media Queries */
@media (max-width: 567px) {
  .extremelyUnique-play-wrap {
    width: 4.8rem;
    height: 4.8rem;
  }
}

@media (max-width: 900px) {
  .extremelyUnique-play-wrap:before {
    width: 7.9rem;
    height: 7.9rem;
    left: -2rem;
  }

  .extremelyUnique-play-wrap img {
    width: 2rem;
    height: 2.3rem;
  }

  .extremelyUnique-play-wrap:after {
    width: 6.4rem;
    height: 6.4rem;
    left: -1.2rem;
  }
}

@media (min-width: 768px) {
  .extremelyUnique-oil-videos {
    flex-direction: row;
  }

  .extremelyUnique-video-item {
    width: 48%;
    padding-bottom: 21vw;
  }

  .extremelyUnique-oil-photo-gallery img {
    width: 20%;
  }
}

#priceTable {
    width: 75%;
    border-collapse: collapse;
}

@media (max-width: 768px) {
    #priceTable {
        width: 100%;
    }
}

.price-row {
    font-weight: 400;
}

.white-bg {
    background-color: #ffffff;
}

.blue-bg {
    background-color: #e6f7ff;
}

.service-name {
    padding: 2px;
    text-align: left;
    border: 1px solid #ddd;
    line-height: 1.2;
}

.service-price {
    text-align: center;
    padding: 6px;
    border: 1px solid #ddd;
    white-space: nowrap;
    line-height: 1.2;
    position: relative;
}

.discounted-price {
    text-align: right;
}

.old-price {
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

.old-price::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: red;
    transform: rotate(-20deg);
    transform-origin: center;
}

.load-more-btn {
    cursor: pointer;
    text-align: center;
    margin-top: 10px;
}
.pulse-container {
    display: inline-flex;
    align-items: center; /* Выравнивание по центру */
    white-space: nowrap; /* Без переноса на ПК */
}

/* Контейнер с кнопкой */
.pulse-phone {
    position: relative;
    width: 35px; /* Размер кнопки */
    height: 35px;
    border-radius: 50%;
    background-color: var(--main-color); /* Цвет кнопки */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px; /* Отступ от текста */
}

.pulse-phone a {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url('https://mercedes.union-motors.ru/wp-content/uploads/2022/12/phone.svg'); /* Иконка телефона */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
}

.pulse-phone::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
   background-color: rgba(51, 102, 204, 0.8); /* Новый цвет пульсации #3366cc, немного насыщеннее */
    animation: pulse_2_small 2s linear infinite;
    z-index: -1;
}


/* Стили для текста */
.pulse-text {
    font-size: 18px;
    font-weight: bold;
    color: #333;
	text-align: left;
}

/* Для мобильных устройств убираем nowrap и позволяем тексту переноситься */
@media (max-width: 768px) {
    .pulse-container {
        white-space: normal; /* Разрешаем перенос строк */
        /*flex-wrap: wrap;*/ /* Позволяем тексту переноситься */
    }

    .pulse-text {
        display: inline-block;
        max-width: 85%; /* Чтобы текст не растягивался слишком сильно */
        line-height: 1.3; /* Немного увеличиваем интерлиньяж */
    }
}


@keyframes pulse_2_small {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }
    50% {
        transform: scale(1.5);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.more-info-toggle {
    cursor: pointer;
    color: #1A73E8; /* Синий цвет, как на скрине */
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    transition: color 0.3s ease-in-out;
}

.more-info-toggle:hover {
    color: #0F5BB5; /* Чуть темнее при наведении */
}

.more-info-toggle svg {
    margin-left: 5px;
    transition: transform 0.3s ease-in-out;
}

.more-info-toggle.open svg {
    transform: rotate(180deg); /* Стрелка вверх при раскрытии */
}

.more-info-toggle.underline {
    display: block;
    border-bottom: 1px solid #1A73E8;
    width: fit-content;
    margin-top: -4px;
    transition: border-color 0.3s ease-in-out;
}

.more-info-toggle:hover.underline {
    border-color: #0F5BB5;
}

.more-info-toggle {
    cursor: pointer;
    color: #1A73E8; /* Синий цвет, как на скрине */
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    transition: color 0.3s ease-in-out;
}

.more-info-toggle:hover {
    color: #0F5BB5; /* Чуть темнее при наведении */
}

.more-info-toggle::after {
    content: "";
    font-size: 16px;
    transition: transform 0.3s ease-in-out;
}

.more-info-toggle.open::after {
    transform: rotate(90deg);
}

.more-info-toggle.underline {
    display: block;
    border-bottom: 1px solid #1A73E8;
    width: fit-content;
    margin-top: -4px;
    transition: border-color 0.3s ease-in-out;
}

.more-info-toggle:hover.underline {
    border-color: #0F5BB5;
}
.more-info-toggle {
    cursor: pointer;
    color: #1A73E8; /* Синий цвет */
    text-decoration: underline;
    font-size: 16px;
    font-weight: 500;
    transition: color 0.3s ease-in-out;
}

.more-info-toggle:hover {
    color: #0F5BB5;
}

#toggleLessInfo {
    display: none; /* Изначально скрываем кнопку "Скрыть" */
}

.corp-toggle-text {
        cursor: pointer;
        color: #1A73E8; /* Синий цвет */
        text-decoration: underline;
        font-size: 16px;
        font-weight: 500;
        transition: color 0.3s ease-in-out;
    }

    .corp-toggle-text:hover {
        color: #0F5BB5;
    }

    #corpToggleLess {
        display: none; /* Изначально скрываем "Скрыть" */
    }
.price-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
}

.price-table-wrapper {
    width: 55%;
}

.price-image {
    width: 50%;
    text-align: right;
}

.price-image img {
    width: 35vw;
    height: auto;
}

/* Скрываем изображение на мобильных устройствах */
@media (max-width: 768px) {
    .price-image {
        display: none;
    }
	.price-table-wrapper {
    width: 100%;
}
}

.video-widget{position:fixed;left:0;z-index:100;bottom:0;display: none;}.video-widget__container{font-family:Helvetica;z-index:999999;overflow:hidden;border-style:solid;background:#eee;-webkit-transition:width .3s ease-in-out 0s,height .3s ease-in-out 0s,bottom .3s ease-in-out 0s,border-color .2s ease-in-out 0s,opacity 1s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s;transition:width .3s ease-in-out 0s,height .3s ease-in-out 0s,bottom .3s ease-in-out 0s,border-color .2s ease-in-out 0s,opacity 1s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s;-o-transition:width .3s ease-in-out 0s,height .3s ease-in-out 0s,bottom .3s ease-in-out 0s,border-color .2s ease-in-out 0s,opacity 1s ease-in-out 0s,-o-transform .2s ease-in-out 0s;-moz-transition:transform .2s ease-in-out 0s,width .3s ease-in-out 0s,height .3s ease-in-out 0s,bottom .3s ease-in-out 0s,border-color .2s ease-in-out 0s,opacity 1s ease-in-out 0s,-moz-transform .2s ease-in-out 0s;transition:transform .2s ease-in-out 0s,width .3s ease-in-out 0s,height .3s ease-in-out 0s,bottom .3s ease-in-out 0s,border-color .2s ease-in-out 0s,opacity 1s ease-in-out 0s;transition:transform .2s ease-in-out 0s,width .3s ease-in-out 0s,height .3s ease-in-out 0s,bottom .3s ease-in-out 0s,border-color .2s ease-in-out 0s,opacity 1s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s,-moz-transform .2s ease-in-out 0s,-o-transform .2s ease-in-out 0s;outline:0;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-box-shadow:rgba(0,0,0,.2) 0 10px 20px;box-shadow:rgba(0,0,0,.2) 0 10px 20px;position:absolute;left:20px;bottom:50px;border-radius:20px;border-width:5px;width:130px;height:180px;border-color:#fff}.video-widget__container:hover{-webkit-transform:scale(1.05) translate(5px,-5px);-moz-transform:scale(1.05) translate(5px,-5px);-ms-transform:scale(1.05) translate(5px,-5px);-o-transform:scale(1.05) translate(5px,-5px);transform:scale(1.05) translate(5px,-5px);border-color:var(--main-color)}.video-widget__video{-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;min-width:100%;min-height:100%;z-index:200;-webkit-transition:opacity .4s ease-in-out 0s;-o-transition:opacity .4s ease-in-out 0s;-moz-transition:opacity .4s ease-in-out 0s;transition:opacity .4s ease-in-out 0s;opacity:.9}.video-widget__close{position:absolute;top:6px;right:6px;width:20px;height:20px;z-index:250;opacity:0;-webkit-transition:opacity .2s ease-in-out 0s,-webkit-transform .3s ease-in-out 0s;transition:opacity .2s ease-in-out 0s,-webkit-transform .3s ease-in-out 0s;-o-transition:opacity .2s ease-in-out 0s,-o-transform .3s ease-in-out 0s;-moz-transition:transform .3s ease-in-out 0s,opacity .2s ease-in-out 0s,-moz-transform .3s ease-in-out 0s;transition:transform .3s ease-in-out 0s,opacity .2s ease-in-out 0s;transition:transform .3s ease-in-out 0s,opacity .2s ease-in-out 0s,-webkit-transform .3s ease-in-out 0s,-moz-transform .3s ease-in-out 0s,-o-transform .3s ease-in-out 0s}.video-widget__close:after,.video-widget__close:before{position:absolute;left:9px;top:1px;content:" ";height:18px;width:2px;background:#fff;-webkit-box-shadow:rgba(0,0,0,.5) 1px 1px 10px;box-shadow:rgba(0,0,0,.5) 1px 1px 10px}.video-widget__close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.video-widget__close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.video-widget__container:hover .video-widget__close{opacity:.5}.video-widget.video-widget[data-state=opened] .video-widget__container{width:280px;height:500px;border-radius:20px;border-color:var(--main-color)}.video-widget.video-widget[data-state=opened] .video-widget__close{opacity:.5}.video-widget.video-widget[data-state=opened] .video-widget__close:before{display:none}.video-widget.video-widget[data-state=opened] .video-widget__close:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.video-widget.video-widget[data-state=opened] .video-widget__close:hover{opacity:1}.video-widget__button{position:absolute;bottom:20px;right:20px;left:20px;height:65px;border-radius:10px;z-index:300;-webkit-box-shadow:rgba(0,0,0,.25) 0 4px 15px;box-shadow:rgba(0,0,0,.25) 0 4px 15px;text-align:center;-webkit-transition:opacity .3s ease-in-out 0s,background-color .2s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s;transition:opacity .3s ease-in-out 0s,background-color .2s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s;-o-transition:opacity .3s ease-in-out 0s,background-color .2s ease-in-out 0s,-o-transform .2s ease-in-out 0s;-moz-transition:transform .2s ease-in-out 0s,opacity .3s ease-in-out 0s,background-color .2s ease-in-out 0s,-moz-transform .2s ease-in-out 0s;transition:transform .2s ease-in-out 0s,opacity .3s ease-in-out 0s,background-color .2s ease-in-out 0s;transition:transform .2s ease-in-out 0s,opacity .3s ease-in-out 0s,background-color .2s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s,-moz-transform .2s ease-in-out 0s,-o-transform .2s ease-in-out 0s;visibility:hidden;background-color:#fdd82a;font-size:14px;font-family:Helvetica;color:#000;text-align:center;vertical-align:middle;line-height:65px;text-transform:uppercase;opacity:0}.video-widget__button:hover{background-color:#ffe257;text-decoration:none}.video-widget.video-widget[data-state=opened] .video-widget__button{opacity: 1;
    opacity: 1;
    visibility: visible;
    background-color: var(--main-color);
    color: #fff !important;
    font-weight: 400;
    overflow-x: hidden;
    box-shadow: 0 8px 13px #000, inset 0 -4px 1px #0f5bb5;
    border-radius: 12px;
    /* background-image: linear-gradient(to top, #c91100 0%, #ff1500 98%, #db2919 100%)*/;
}
@media only screen and (max-width:1023px){.video-widget__close{opacity:.5}}@media only screen and (max-width:479px){.video-widget__container{left:15px;bottom:15vw;width:90px;height:125px}}
.video-widget__button  {color: #000000 !important; text-decoration: none;}
.video-widget__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 150%;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    animation: blick 5s linear infinite;
    box-shadow: 0.625rem 0 1.25rem -0.625rem #fff;
    background: linear-gradient(90deg, rgba(255, 255, 255, .2), white);
    transform: skewX(-45deg);
}
@media (max-width: 768px) {
    .nav-item--hidden-menu-item {
        display: none; /* Скрываем изначально */
    }
}
.toggle-menu-btn {
    cursor: pointer;
    text-decoration: underline;
    color: var(--main-color);
    display: block;
    padding-bottom: 4vw;
    padding-top: 0vw;
    font-size: 16px;
    text-align: left;
	padding-left: 15px;
}

.nav-item--another-class .nav-link {
        font-size: 14px !important;
    font-weight: 400 !important;
    padding-left: 15px;
}
.nav-item--another-class {
	margin-bottom: 2vw !important;
}

.video-container::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100vw;
  height: 40vw;
  background: black;
  transform: translateY(-50%);
  z-index: -1;
}

/* Скрыть фон на экранах от 768px и выше */
@media (min-width: 768px) {
  .video-container::before {
    display: none;
  }
}