Иван Иванов

Что значит "работает криво"?
Вы видите, что у вас в классе grab в пути к картинке нету ее названия?

Может, вам подойдет css-only решение:

.hand {
  cursor: url(/bitrix/templates/main-new-2.0/img/hand.png), default;
}
.hand:active {
  cursor: url(/bitrix/templates/main-new-2.0/img/grab.png), default;
}

Такая стрелочка называется caret, обычно её делают использую псевдоклассы ::before & ::after, нужно найти что именно её задаёт, найти у этого элемента эти псевдоклассы и изменить в них свойства left и top.

Замените текущее регулярное выражение на /[^+\d]/g.

Ну а вообще, как я понял, вы хотите реализовать ввод телефона. Рекомендую посмотреть в сторону таких вещей как inputmask, например.

https://codepen.io/anon/pen/qyJwWm

Добавьте своему ...
в стилях
overflow: auto;

$owl.on('changed.owl.carousel', function (e) {
    var $item = $($(".owl-item", $контекст).get(e.item.index));

    $(".owl-item", $контекст).removeClass("klmn");
    $item.addClass("klmn");
});

$owl - джквери объект элемента на который повешена карусель
$контекст - какой-то ближайший родитель вокруг карусели

var animationSpeed = 1000;  // Ожидаемая продолжительность анимации в ms
var disabledClick  = false;

$(document).ready(function () {
    $('.main-nav > li').click(function (event) {
       event.stopPropagation();
       
       // Если нажатие заблокировано
       if (disabledClick  === true) {
         return false;
       }

       // Блокируем нажание
       disabledClick = true;

       // Разблокируем нажатие когда анимация (предположительно) должна завершится
      setTimeout(function () {
           disabledClick = false;
      }, animationSpeed);

      $(this).find( $(".dropdown")).slideToggle("slow");
      var color = $( this ).css( "background" );
      if(color == "rgb(76, 58, 88) none repeat scroll 0% 0% / auto padding-box border-box"){
        $(this).css({"background" : "#ffffff", "transition" : "1s"});
        $(this).children("span").css({"background" : "url(/bitrix/templates/beautydrugs_mobile/img/menu-razdel-close.png)"});	
        $(this).find( $(".border-link")).css({"transition" : "1s", "display" : "none"});
        $(this).find( $(".first-lvl-link a")).css({"color" : "#222222"});
      } else {
        $(this).css({"background" : "#4c3a58", "transition" : "1s"});
        $(this).children("span").css({"background" : "url(/bitrix/templates/beautydrugs_mobile/img/menu-razdel-open.png)"});
        $(this).find( $(".border-link")).css({"transition" : "1s", "display" : "block"});
        $(this).find( $(".first-lvl-link a")).css({"color" : "#ffffff"});
      }
    });
  });

Скорее всего у тебя в html прописано всего 5 элементов, добавь ещё 5 и навигация должна появиться

При инициализации скрипта добавить параметр:

$('.carousel').owlCarousel({
  ...,
  navContainer: ".navigation"
})

В html-коде добавить блок с классом "navigation".
P.S. Изучите документацию, там есть описание параметров.

Изучать тут

https://webformyself.com/bootstrap-4-obychnaya-set...

https://www.youtube.com/watch?v=2JMMnNOhDoc&t=28s

Примерно так:

<div class="row">
      <div class="col-xs-3 col-md-4 text-center">раз</div>
      <div class="col-xs-3 col-md-4 text-center">раз</div>
      <div class="col-xs-3 col-md-4 text-center">раз</div>
      <div class="col-xs-3 col-md-4 text-center">раз</div>
  </div>

Подробнее:
html-plus.in.ua/bootstrap-4-grid-variants
Как сделать в cеткe на Bootstrap одну колонку на SM разрешение и в две колонки на XS?

Если без анимации и других красивостей то пишется такое в 10 строчек кода
https://jsfiddle.net/v2do4e18/
и в обратную сторону
https://jsfiddle.net/v2do4e18/4/

Но таймеров готовых миллион, выбирайте любой (таймер отсчитывающий время до события называется clockdown):
https://codepen.io/search/pens?q=clockdown&page=1&...
или даже тут:
https://yandex.ru/search/?text=jquery%20clockdown&...
Далее или юзаем api выбранного плагина или сами добавляем в код проверку, а не 0:00 ли сейчас. Сама перезагрузка страницы вызывается просто:
document.location.reload();
https://developer.mozilla.org/ru/docs/Web/API/Loca...

<meta http-equiv="refresh" content="86400">

$(this).text(Math.ceil(now));
вы заменяете весь текст, процент там тоже. Лучше число в span с классом обернуть

Всё зависит от объекта пользовательского поля
например все данные о пользовательском поле раздела, включая его название вы получите методом CIBlockSection::GetList, поместив его название в список выводимых полей. Например:

CIBlockSection::GetList($arSort, $arFilter, false, ['UF_MY_FIELD']);