html body {
  min-width: 100vw !important;
  overflow-x: hidden !important;
}

html {
    -webkit-text-size-adjust: 100%; /* Для Safari */
    -moz-text-size-adjust: 100%; /* Для Firefox */
    -ms-text-size-adjust: 100%; /* Для IE */
    text-size-adjust: 100%; /* Стандарт */
}

* {
    box-sizing: border-box; /* Учитывает padding и border в ширине */
}

h1, h2, h3, h4, p, em, .gspb_text, .gspb_iconsList__item, li {
		cursor: default;
}

.gkit-icon {
		color: #ffffff !important;
}

.bottom-bar {
		visibility: hidden;
}

.site-footer {
		margin:0;
visibility:hidden;}

.social-icon-mob-page .social-icon {
		font-size: 4vw;
}

.social-icon-mob-page {
		margin:0px;
}
.social-icon-mob .social-icon {
		font-size: 6vw !important;
}

div.back-top-mob .icon-wrapper {
	font-size: 6vw;	
}

.social-icon-desk {
		margin-left:0px;
		padding-top: 1vw;
}

div.social-icon-desk .social-icon {
		font-size: 1.6vw !important;
}

div.back-top .icon-wrapper {
		font-size: 1.8vw !important;
}
/* Настройки фото */

.red-bg-horizontal {
  border-radius: 30;
}

.canada-about {
  align-items: center;
  justify-content: center;
}

/* Родительский контейнер */

.canada-circles {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

/* Внутренний контейнер */

.canada-circles .langley-circle {
  position: relative;
  clip-path: circle(50% at 50% 50%);
  transition: transform 0.3s ease, background 0.3s ease;
  /* Плавный переход для масштаба и фона */
}

/* Увеличение круга при наведении */

.langley-circle .langley-circle:hover {
  transform: scale(1.1);
  /* Увеличение на 10% */
}

/* Затемнение через псевдоэлемент */

.langley-circle .langley-circle:hover::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5;
  transition: opacity 0.3s ease;
}

.langley-circle-button:active {
  background: rgba(122, 24, 36, 0.76);
}

.paragraph {
  text-align: justify !important;
}

.swiper-pagination-bullet {
  transition: all 0.5s ease-in-out !important;
  margin: 0 8px !important;
  color: #000000CF !important;
}

.swiper-pagination-bullet-active {
  transition: all 0.5s ease-in-out !important;
  width: 32px !important;
}

.swiper-slide-active {
  transition: transform 0.7s ease-in-out !important;
}

.gs-slider-custom-btn-right .gs-slider-custom-btn-left {
  pointer-events: auto !important;
  opacity: 1 !important;
  cursor: pointer;
}

.main-heading {
  margin: 0px !important;
  padding: 0px !important;
}

.tour-container {
  background-size: cover !important;
}

.tour-title {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.custom-icon {
  margin: 0px;
  width: 25px;
  height: 25px;
}

.form-container {
  display: flex;
  flex-direction: column;
}

.gs_tab.active {
  background-color: #FFFFFF !important;
  color: #000000;
}

.grunion-label-required {
  display: none;
}

.tour-date {
  font-weight: 400;
}

.social-icons {
  margin: 0;
}

a:visited {
  color: #ffffff !important;
  /* Унаследовать цвет от родителя */
  text-decoration: none !important;
}

.gspb_slidingPanel-wrap {
  backdrop-filter: blur(10px)!important;
}

/*TOUR PAGE TABLET ADAPTATION */

@media (max-width: 1100px) {
  .nav-home-button {
    font-size: 1.5vw !important;
  }

  .header-container {
    height: 60vh !important;
  }

  .langley-container {
    align-items: center !important;
    column-gap: 5% !important;
  }

  .langley-image-container {
    width: 50% !important;
  }

  .tour-day-cards-container {
    column-gap: 3% !important;
  }
}


.video-background {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.gs_content_inner {
  padding-top: 0px !important;
}

.stk-container:not(.stk--no-padding) {
  padding: 0px;
}

.wp-block-separator,
hr {
  margin: 10px 0px 10px 0px !important;
  height: 1px;
  border-width: 0px;
  color: #E0E0E0C7;
}

.stk-block {
  margin-bottom: 0px;
}

.brochure-button a:visited {
  color: #7b1824 !important;
}

.gs_tabs_537 .gs_content > .gs_content_inner {
		padding-left: 21px;
		padding-right: 21px;
}



@media (max-width: 1100px) {
		.tour-page-content-image {
				aspect-ratio: 1/1;
		}
}

/* MAIN PAGE TABLET ADAPTATION */

@media (max-width: 1100px) {
		.header-container {
				height: 60vh;
}
}

div.canada-circle a:visited {
		color: #7B1824 !important;
}

/* FLAGS */

.fi {
		display: block; /* Преобразуем в блочный элемент */
    width: 100%; /* Растягиваем на всю ширину контейнера */
    height: 100%; /* Растягиваем на всю высоту контейнера */
    background-size: cover; /* Убеждаемся, что флаг заполняет область */
    line-height: 0; /* Убираем лишние отступы */
}

.flag-container {
    display: inline-block; /* Или block, если нужен блочный элемент */
    width: 40px; /* Задай ширину, адаптируй под размер флага */
    height: 30px; /* Задай высоту, адаптируй под пропорции */
    overflow: hidden; /* Скрывает лишнее за пределами контейнера */
    border-radius: 4px; /* Закругление углов контейнера */
    background: transparent; /* Убедись, что фон не мешает */
}
		

testimonials-slide img {
		border-radius: 20px
}

.more-tour-link {
		color: #363636 !important;
		text-decoration: underline;
}

.more-tour-link:visited {
		color: #363636 !important;
}

.more-tour-link:hover {
		color: #363636B0 !important;
}

/* TESTIMONIALS 

 .testimonials-carousel-container {
    position: relative;
    height: 250px; 
    overflow: hidden;
}

.testimonials-carousel-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%; 
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    pointer-events: none; 
    z-index: 2; 
}

.testimonials-carousel-container.expanded {
    height: auto; /* Полная высота карусели 
    max-height: 600px; 
    transition: height 0.5s ease; 
}

.testimonials-carousel-container.expanded::after {
    display: none; /* Убираем градиент при развертывании 
}

.testimonials-button {
    cursor: pointer;
		z-index: 10 !important;
    position: relative; /* Для z-index 
    padding: 10px 20px; /* Достаточная область для клика 
    background: ##ffffff54; /* Видимая кнопка 
    border-radius: 15px;
    display: inline-block; /* Убеждаемся, что кнопка блочная 
    pointer-events: auto; /* Включаем кликабельность 
}

.testimonials-button.expanded {
    /* Стиль для кнопки в развернутом состоянии, например: 
    content: "Back";
}