@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 15.01.2022, 14:46:46
    Author     : Andrew
*/
#block-link {
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 5px;
  margin: 5px; }

.card[data-clickable=true]:hover, #block-link[data-clickable=true]:hover {
  cursor: pointer;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25) !important;
  z-index: 1;
  border-width: thin;
  border: 1px solid tan; }

.tp_price {
  font-family: 'pf_beausans_pro_light';
  font-size: 28px;
  color: navy; }

.tp_price i {
  font-size: 20px;
  font-weight: 600; }

#icon-title {
  color: grey; }

#title-container {
  font-size: 40px;
  color: gainsboro;
  font-weight: 600;
  text-align: center; }

#description-container {
  font-size: 20px;
  color: black;
  font-weight: 600;
  text-align: center; }

#title-container {
  font-size: 40px;
  color: gainsboro;
  font-weight: 600;
  text-align: center; }

#description-container {
  font-size: 20px;
  color: black;
  font-weight: 600;
  text-align: center; }

.tariffs {
  overflow-x: auto; }

.tariff {
  display: flex;
  width: 300px;
  max-width: 350px;
  min-width: 300px;
  /*    @include media-breakpoint-up(sm) {
          width: 300px;
      }*/ }

.tariff .card {
  flex: 1; }

/*.tariffs{
    overflow-x: auto;
}
.tariff{
    @include media-breakpoint-up(sm) {
        width: 300px;
    }
}*/
#tariff-option img {
  width: 60px;
  height: 60px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .row {
    margin: 0 1rem 0 1rem; } }
/*.slider-container{
    overflow: hidden;
}
.slider-track{
    height: auto;
    display: flex;
}*/
.slider {
  position: relative;
  poiner-events: none; }

/*    .slider-item{
        position: relative;
    }
    .slider-item .card{
        left: 0px;
        top: 0px;
        z-index: -1;
    }*/
.slider-container {
  position: relative;
  overflow: hidden;
  width: auto;
  /* ширина по содержимому */
  max-width: 100%;
  /* но не больше контейнера */
  margin-bottom: 20px; }

.slider-track {
  display: flex;
  transition: transform 0.5s ease;
  width: max-content;
  /* ширина трека по содержимому */ }

.slider-item {
  flex: 0 0 auto;
  width: 300px;
  /* или нужная вам ширина */
  margin-right: 10px; }

/* Стили для стрелок */
.arrow-left, .arrow-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  width: 50px;
  height: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center; }

.arrow-bg {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease; }

.arrow-left:hover .arrow-bg,
.arrow-right:hover .arrow-bg {
  background: white;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); }

.arrow {
  width: 12px;
  height: 12px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transition: all 0.3s ease; }

.arrow-left .arrow {
  transform: rotate(-135deg);
  margin-left: 3px; }

.arrow-right .arrow {
  transform: rotate(45deg);
  margin-right: 3px; }

.arrow-left {
  left: 10px; }

.arrow-right {
  right: 10px; }

/* Стили для скрытых стрелок */
.arrow-left.hidden, .arrow-right.hidden {
  display: none !important; }

/* Стиль когда слайдер не нужен (все слайды помещаются) */
.slider-container.no-slider .arrow-left,
.slider-container.no-slider .arrow-right {
  display: none !important; }

.slider-container.no-slider .slider-track {
  transform: none !important;
  width: 100%;
  justify-content: center;
  /* или flex-start, space-between - по вашему желанию */ }

/*# sourceMappingURL=tariffs_inet_2016.css.map */