/*
Theme Name: Orenburg
*/
@font-face {
  font-family: 'PTSansNarrow-Bold';
  src: url(../fonts/PTSansNarrow-Bold.ttf);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'ozhandicraftbt';
  src: url(../fonts/ozhandicraftbt_roman.ttf);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'PTSansNarrow-Regular';
  src: url(../fonts/PTSansNarrow-Regular.ttf);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'PTSans-Bold';
  src: url(../fonts/PTSans-Bold.ttf);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'PTSans-Regular';
  src: url(../fonts/PTSans-Regular.ttf);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'PTSansCaption-Bold';
  src: url(../fonts/PTSansCaption-Bold.ttf);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'PTSansCaption-Regular';
  src: url(../fonts/PTSansCaption-Regular.ttf);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Inter-Regular';
  src: url(../fonts/Inter-Regular.ttf);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Inter-Bold';
  src: url(../fonts/Inter-Bold.ttf);
  font-weight: 700;
  font-style: normal;
}

:root{
  --body-bc: #fff;
  --text-main: #000;
  --text-color: #404040;
  --text-color-2: #515151;
  --text-color-4: #797979;
  --btn-color: #3D514D;
  --btn-color-2: #9CAFAA;
  --btn-color-3: #9AB6C1;
  --btn-color-4: #1E1E1E;
  --nav-bc: #ECE6D5;
  --border-color: #404040;
  --black: #000;
  --light-black: #1E1E1E;
  --box-bc: #F4F4F4;
  --beige: #ECE6D5;
  --orange: #EE9D0B;
  --dark-green: #3D514D;
  --light-green: #9CAFAA;
  --light-blue: #9AB6C1;
  --white: #fff;
  --swiper-navigation-size: 18px;
}

html{
  box-sizing: border-box;
  margin: 0!important;
}

*,
*::before,
*::after{
  box-sizing: border-box;
}
a{
  text-decoration: none;
  color: unset;
}
p{
  margin: 0;
}
ul{
  padding: 0;
}
li{
  all: unset;
}
strong{
  font-family: 'PTSansNarrow-Bold';
  font-weight: 700;
}
body{
  font-family: 'PTSans-Regular', sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 16px;
  color: var(--text-main);
  background-color: var(--body-bc);
  min-height: 100vh;
  margin: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
.header .navbar{
  --bs-navbar-padding-y: .625rem;
}
.header .navbar-collapse{
  position: relative;
}
.navbar-nav{
  --bs-navbar-nav-link-padding-x: 1.25rem;
  --bs-nav-link-padding-y: 1.25rem;
  padding: 0 52px;
  font-size: .875rem;
  background-color: var(--nav-bc);
  border-radius: 20px;
}
.logo{
  max-width: 66px;
  max-height: 66px;
  position: absolute;
  z-index: 10;
}
.nav-link{
  color: var(--text-main);
}
.search{
  display: flex;
  position: absolute;
  right: 0;
}
.search .form-control{
  font-family: 'Inter-Regular';
  font-size: .875rem;
  position: relative;
  border-color: var(--border-color);
  padding-left: 2rem;
  max-width: 114px;
  color: var(--text-color-2);
}
.form-control:focus{
  box-shadow: none;
}
.search-icon{
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: .75rem;
  transform: translateY(-50%);
}
.navbar-toggler{
  box-shadow: none!important;
  border: none;
  margin-left: auto;
}
.navbar-toggler-icon{
  background-image: url(../images/icons/nav-icon.svg);
}



.main {
  margin-top: 60px;
  flex: 1;
}

.index-section {
  width: 100%;
  padding-bottom: 240px;
  position: relative;
}
.logo-title {
  padding-top: 84px;
  color: var(--white);
  font-size: 110px;
  font-family: 'ozhandicraftbt';
  font-weight: 700;
  margin-bottom: 0;
}
.price {
  margin-top: 28px;
  margin-left: 80px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: fit-content;
}
.price-title__container{
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 12px;
}
.btn-white-primary{
  color: var(--white);
  font-size: 24px;
  font-weight: 700;
  padding: 4px 30px;
  background-color: #70A4D8;
  border-radius: 15px;
  margin: 15px auto 0;
  transition: all .3s ease;
}
.price-subtitle {
  font-family: 'PTSansCaption-Bold';
  font-weight: 700;
  /* font-size: 45px; */
  color: var(--white);
  letter-spacing: -2px;
  margin-bottom: 0;
  font-size: 60px;
  width: fit-content;
}
.price-title {
  display: flex;
  padding: 0 13px;
  background-color: #ED9C07;
  border-radius: 20px;
  font-family: 'Inter-Bold';
  font-weight: 700;
  font-size: 142px;
  letter-spacing: -2px;
  color: var(--white);
  line-height: 100%;
}
.price-title span{
  font-size: 100px;
}
.index-bc {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  z-index: -1;
}
.sponsors{
  display: flex;
  align-items: flex-end;
  gap: 30px;
  position: absolute;
  top: 260px;
  right: 120px;
  /* transform: translateY(-50%); */
}
.data-bc{
  padding: 24px 7px 7px;
  display: flex;
  flex-direction: column;
  font-family: 'Inter-Bold';
  font-weight: 700;
  font-size: 90px;
  position: absolute;
  top: 0;
  right: 8%;
  text-align: center;
  text-transform: uppercase;
  color: var(--white);
  background-color: #ED9C07;
}
.data-bc span{
  margin-top: -20px;
  font-family: 'PTSansCaption-Bold';
  font-weight: 700;
  font-size: 26px;
}

.main-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  gap: 18px;
}
.title__inner{
  display: flex;
  flex-direction: row;
  position: relative;
}
.data {
  margin-top: 60px;
  height: min-content;
  transform: rotate(-90deg);
  color: var(--light-blue);
  font-family: "PTSansNarrow-Regular";
  font-size: 4.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.7px;
  top: 0;
}
.title {
  max-height: min-content;
  color: var(--text-color);
  font-family: "PTSansNarrow-Bold";
  font-size: 5.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 102%; /* 85.68px */
  letter-spacing: 3.36px;
}
.main-header .title span{
  font-family: "PTSansNarrow-Regular";
  font-weight: 400;
}
.data-img {
  max-width: 500px;
  max-height: 500px;
}
.bridge-img {
  position: absolute;
  bottom: 0;
  right: 55%;
  z-index: -1;
}

.territory {
  margin-top: 106px;
  position: relative;
}
.map-bc {
  width: 100%;
  max-height: 680px;
}
.territory .title__inner {
  position: absolute;
  top: 0;
  right: 7%;
  flex-direction: column;
}
.territory .title{
  font-size: 4rem;
}
.title span{
  color: var(--light-blue);
}
.territory .btn-sm {
  margin-top: 20px;
}
.btn-sm {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 10px;
  opacity: 1;
  font-family: "PTSansNarrow-Bold";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--btn-color);
  padding: .5rem 1rem;
  border-radius: 7px;
  background-color: transparent;
  border: 2px solid var(--btn-color);
  transition: color .3s ease, border .3s ease, background-color .3s ease;
}
.territory .btn svg{
  max-height: 16px
}
.slider{
  padding: 60px 0;
}
.slider .title{
  text-align: center;
  font-size: 42px;
}

.swiper{
  margin-top: 34px;
  padding-bottom: 80px;
}
.swiper-wrapper{
  width: 100%;
  max-height: 440px;
}
.swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-right: 0;
  width: 100%;
  /* max-width: 832px; */
  border-radius: 25px;
  padding: 15px;
  height: auto;
  background-color: var(--box-bc);
}

.slider-img {
  display: block;
  width: 100%;
  margin: auto;
  max-height: 280px;
  object-fit: contain;
}
.swiper-slide .title-sm{
  margin-top: 24px;
}
.title-sm{
  color: var(--text-main);
  font-family: "PTSansNarrow-Bold";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.text{
  margin-top: auto;
  height: 100%;
}
.data-sm{
  text-align: right;
  margin-bottom: 0;
  color: var(--text-color-4);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.data-sm span{
  margin-left: 12px;
}
.swiper-pagination-fraction{
  color: var(--btn-color);
  font-family: "PTSansNarrow-Bold";
  font-size: .875rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  z-index: -1;
}
.swiper-button-next{
  right: 45%;
}
.swiper-button-prev{
  left: 45%;
}
.swiper-button-next,
.swiper-button-prev{
  width: 30px;
  height: 30px;
  top: 95%;
  z-index: 10;
  padding: 4px 8px;
  border-radius: 7px;
  border: 2px solid var(--btn-color);
  color: var(--btn-color);
  transition: color .3s ease, border .3s ease, background-color .3s ease;
}
.swiper-slide p{
  max-height: 42px;
  overflow: hidden;
}
.swiper-slide a:nth-child(2){
  margin-top:auto;
}
  

.quiz{
  background-color: var(--beige);
  padding: 60px 0;
}
.btns-container{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  gap: 1rem;
}
.btn{
  color: var(--btn-color);
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 10px 30px;
  border-radius: 7px;
  border: 2px solid var(--btn-color);
}
.btn-2{
  color: var(--btn-color-2);
  border: 2px solid var(--btn-color-2);
}
.btn-3{
  color: var(--btn-color-3);
  border: 2px solid var(--btn-color-3);
}



.join-quiz {
  max-width: 1020px;
  margin: 120px auto 0;
  display: flex;
  flex-direction: row;
  padding: 32px 52px;
  gap: 94px;
  background-color: var(--btn-color-2); 
  border-radius: 32px;
  justify-content: flex-end;
  background-image: url(../images/quic-bc.svg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.join-quiz__inner .list{
  gap: 42px;
}
.list {
  display: flex;
  flex-direction: row;

}
.quiz-link {
  color: var(--light-black);
  font-family: "Inter-Regular";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color .3s ease;
}
.join-quiz__inner {
  max-width: 480px;
}
.join-quiz__inner .title {
  color: var(--white);
  font-size: 4rem;
  letter-spacing: normal;
  line-height: 140%;
}
.join-quiz__inner .subtitle{
  color: var(--beige);
}
.quiz .btn{
  border-radius: 15px;
}
.subtitle {
  color: var(--white);
  font-family: 'PTSansNarrow-Bold';
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.84px;
}
.join-quiz__btns {
  margin-top: 34px;
  gap: 25px;
}
.orange-btn{
  color: var(--beige);
  background-color: var(--orange);
  border-color: var(--orange);
}

.footer {
  background-color: var(--light-black);
  padding: 60px 0;
}
.footer h3,
.footer p{
  margin-bottom: 0;
}
.footer__inner {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.footer p {
  margin-top: 10px;
}
.cl-white {
  color: var(--white);
}
.footer-text{
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.tel {
  transition: color .3s ease;
}
.footer-btn {
  height: fit-content;
}
.footer-links {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .5rem;
}
.footer-links__inner {
  display: flex;
  gap: 28px;
}
.footer-link{
  opacity: 1;
  transition: opacity .2s ease;
}

/* mission html */

.mission {
  display: flex;
  justify-content: space-between;
  gap: 92px;
  max-height: 660px;
  padding-bottom: 60px;
}
.text-holder {
  display: flex;
  flex-direction: column;
  gap: 36px;
  flex-basis: 50%;
}
.title-def {
  font-family: 'PTSansNarrow-Bold';
  color: var(--text-color);
  font-size: 42px;
  font-weight: 700;
  letter-spacing: .2px;
  margin-bottom: 1rem;
}
.mission-title-mob{
  display: none;
}
.text-holder .mission-title-mob{
  display: block;
}
.text-def {
  font-family: 'PTSans-Regular';
  font-weight: 400;
}
.images-holder{
  display: flex;
  justify-content: center;
  max-height: 600px;
  gap: 40px;
}
.images-col{
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 304px;
}
.images-col:nth-child(1){
  max-width: 265px;
}
.img-hold1{

  width: 100%;
  /* max-height: 200px; */
}
.img-hold2{
  max-width: 265px;
  margin-top: 18px;
  width: 100%;
  max-height: 380px;
}
.img-hold3{
  max-width: 315px;
  width: 100%;
  max-height: 380px;
}
.img-hold4{
  max-width: 315px;
  margin-top: 18px;
  width: 100%;
  max-height: 200px;
}
.image-masonry {
  border-radius: 24px;
  object-fit: cover;
  /* height: 100%;
  width: 100%; */
}
.organization{
  padding: 60px 0;
  background-color: var(--light-green);
}
.cl-beige{
  color: var(--beige);
}
.organizers .mail,
.organizers .tel{
  color: var(--text-color);
}

/* prides */

.prides{
  padding-bottom: 60px;
}
.prides-filters {
  margin-top: 44px;
  display: flex;
  flex-direction: row;
  gap: 36px;
  align-items: flex-start;
}
.send-btn,
.add-btn{
  display: flex;
  font-family: 'PTSans-Bold';
  font-size: 16px;
  padding: 8px 16px;
}
.add-btn::after{
  content: "";
  width: 20px;
  height: 20px;
  color: var(--btn-color-2);
  margin-left: 10px;
  background-image: url(../images/icons/plus-icon.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.dropdown-btn__container {
  font-family: 'PTSans-Regular';
  font-size: 14px;
  position: relative;
}
.dropdown-btn {
  font-family: 'PTSans-Bold';
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px 12px;
  color: var(--text-color-4);
  background-color: transparent;
  border-radius: 8px;
  font-size: 16px;
  border: 2px solid var(--text-color-4);
}
.dropdown-btn::after{
  content: "";
  background-image: url(../images/icons/arrow-down.svg);
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform .2s ease;
}
.dropdown-open::after{
  transform: scale(-1);
}
.dropdown-list {
  width: 100%;
  color: var(--text-color-4);
  position: absolute;
  top: 110%;
  padding: 8px 8px;
  border-radius: 8px;
  background-color: var(--white);
  border: 2px solid var(--text-color-4);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.dropdown-item {
  width: unset;
  border-radius: 8px;
  padding: 4px;
  cursor: pointer;
  background-color: transparent;
  transition: background-color .3s ease;
}

#addObjectUserForm .text-def{
  font-family: 'PTSans-Bold';
}
.textarea{
  padding: 15px;
  border-radius: 15px;
  width: 100%;
  margin-top: 20px;
  background-color: #E0E1E3;
  font-size: 16px;
}
.modal .textarea,
#addObjectUserForm .textarea{
  min-height: 150px;
  border: none;
}
.send-btn{
  margin-top: 20px;
  justify-content: center;
  width: 100%;
}
.prides-band__container {
  margin-top: 44px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 44px;
  column-gap: 40px;
}
.pride-band {
  max-width: 570px;
  display: flex;
  flex-direction: column;
  border-radius: 25px;
  padding: 15px;
  background-color: var(--box-bc);
}
.pride-img {
  border-radius: 15px;
  max-width: 540px;
  max-height: 340px;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.pride-band__body{
  margin-top: 10px;
}
.card-title {
  font-family: 'PTSansNarrow-Bold';
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
}
.pride-band__body .text-def{
  margin-top: 12px;
  font-size: 14px;
  line-height: 18px;
}
.descr__cotainer {
  padding-top: 10px;
  margin-top: auto;
  display: flex;
  gap: 12px;
}
.descr {
  padding: 2px 4px;
  background-color: var(--btn-color-2);
  font-size: 14px;
  color: var(--white);
  line-height: 18px;
  border-radius: 5px;
}


/* territory / area / map*/


.area {
  padding-bottom: 60px;
}
.map-container {
  margin-top: 3rem;
  position: relative;
}
.map{
  max-width: 1210px;
  max-height: 688px;
}
.place-on-map {
  position: absolute;
  cursor: pointer;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-name: blinker;
  animation-timing-function: linear;
}
.red-point {
  top: 300px;
  left: 390px;
}
.blue-point {
  top: 550px;
  left: 1010px;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: .5;
  }
}

dialog{
  border: none;
  border-radius: 25px;
  background-color: var(--body-bc);
  box-shadow: 0px 0px 18.1px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  padding: 0;
}
dialog:-internal-dialog-in-top-layer::backdrop{
  background-color: transparent;
}
.modal__inner .close-btn,
dialog .close-btn{
  position: absolute;
  top: 4px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
  transition: opacity .3s ease;
}
.dialog__inner{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
}
.media-btn,
.close-dialog{
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--btn-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  padding: 7px 10px;
}
.media-active{
  background-color: var(--btn-color);
  color: var(--white);
  fill: var(--white);
}

.media-btn{
  font-size: 20px;
}
.close-dialog svg path{
  fill: var(--btn-color);
  transition: fill .3s ease;
}
.close-dialog:hover svg path{
  fill: var(--white);
}
.dialog-img{
  height: 100%;
  width: 100%;
  margin: 10px auto 0;
  max-width: 846px;
  max-height: 350px;
  object-fit: cover;
  border-radius: 15px;
}
dialog .title {
  margin-top: 18px;
  font-size: 32px;
}
.text-sm {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0%;
  margin-top: 18px;
}

dialog .data-sm {
  margin-top: 18px;
}


/* news */

.news{
  padding-bottom: 60px;
}

.news-band {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 42px;
  row-gap: 50px;
}
.news-band__container-close{
  display: none;
}
.news-card {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  background-color: var(--box-bc);
  padding: 15px;
}
.news-card.slice-visible {
  display: none;
}
.news-img {
  width: 100%;
  height: 100%;
  max-width: 345px;
  max-height: 340px;
  object-fit: contain;
}
.news-body {
  flex: 1;
  margin-top: 10px;
}
.news-title {
  font-family: 'PTSans-Bold';
  font-weight: 700;
  font-size: 20px;
  max-height: 52px;
  overflow: hidden;
}
.news-body .text-sm {
  max-height: 50px;
  margin-top: 10px;
  overflow: hidden;
}
.news-footer {
  margin-top: 10px;
}
.news .data-sm {
  text-align: left;
}

.news-btn {
  display: flex;
  gap: 10px;
  font-family: 'PTSans-Bold';
  font-weight: 700;
  font-size: 14px;
  margin-top: 10px;
  padding: 8px 16px;
  position: relative;
}

.news-brand-btn {
  border: none;
  background-color: transparent;
  font-size: 14px;
  line-height: normal;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.full-news__conainer {
  max-width: 920px;
  margin: 0 auto;
}
.full-news{
  display: none;
}
.news-open{
  display: block;
}
.full-news .title-sm {
  margin-top: 44px;
  font-size: 32px;
}
.full-news-img {
  margin-top: 12px;
  width: 100%;
  height: 100%;
  max-height: 660px;
  object-fit: contain;
}

.full-news .text-def {
  margin-top: 44px;
}
.full-news .data-container {
  margin-top: 44px;
}

/* quiz */


.quiz-page {
  padding-bottom: 60px;
}
.error-quiz {
  overflow: hidden;
}

.warning-img {
  display: flex;
  margin: 0 auto;
}
.error-quiz .title-sm {
  color: var(--btn-color);
  font-size: 32px;
  max-width: 550px;
  margin: 26px auto 0;
  text-align: center;
}
.quiz-bc {
  width: 100%;
  margin-top: 26px;
}


.join-img-mob{
  display: none;
}
.btns-cont{
  display: flex;
  gap: 12px;
}

.media {
  padding-bottom: 60px;
}
.header-media {
  display: flex;
  flex-direction: row;
  gap: 36px;
  align-items: center;
}

.media-list {
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 52px;
  row-gap: 42px;
}
.media-card {
  display: flex;
  flex-direction: column;
  max-width: 575px;
  cursor: pointer;
}
.media-img {
  display: block;
  width: 100%;
  height: 312px;
  object-fit: cover;
  border-radius: 25px;
  background-color: #D9D9D9;
}
.media-video{
  width: 100%;
  height: 312px;
}
.media-card .card-title {
  margin: 10px;
}
.full-media-card{
  display: none;
}
.full-media-card-open{
  display: block;
}
.full-media .data-sm,
.media-card .data-sm {
  text-align: left;
  margin-top: 10px;
}
.full-media .data-sm{
  margin-top: 24px;
}
.full-media .title-sm{
  font-size: 32px;
  margin: 24px 0;
}

.imgs-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.img-fullmedia {
  width: 100%;
  height: 408px;
  object-fit: contain;
}

.quiz__container {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 15px;
  row-gap: 20px;
}
.quiz-card {
  display: flex;
  flex-direction: column;
  border-radius: 25px;
  gap: 16px;
  padding: 16px 11px;
  align-items: center;
  text-align: center;
  background-color: var(--light-blue);
}
.quiz-card .title{
  margin-bottom: 0;
  padding: 5px 11px;
  background-color: var(--beige);
  border-radius: 15px;
}
.title-32 {
  font-size: 32px;
}
.quiz-card .text-def{
  color: var(--beige);
}
.quiz-img {
  margin-top: auto;
  max-width: 234px;
  max-height: 128px;
  width: 100%;
  height: 100%;
}
.quiz-btn {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  background-color: transparent;
  color: var(--beige);
  border-color: var(--beige);
}

.quiz-selected .title-sm {
  font-size: 32px;
  text-align: center;
}
.quiz-selected .title-sm span{
  color: var(--light-blue);
}
.question-card {
  border-radius: 25px;
  padding: 30px 32px;
  margin-top: 36px;
  background-image: url(../images/question-bc.svg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.quest-numb {
  text-align: center;
  font-family: 'PTSans-Bold';
  font-weight: 700;
  color: var(--white);
}
.question-text {
  text-align: center;
  color: var(--white);
  margin-top: 17px;
}
.answer-container {
  margin-top: 44px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.answer {
  display: flex;
  align-items: center;
  gap: 12px;
}
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  outline: none;
  cursor: pointer;
}
input[type="checkbox"]:checked {
  background-color: var(--white);
  border-color: #fff;
}
.checkbox{
  margin-left: 4px;
  position: relative;
  accent-color: var(--white);
}
.checkbox:after{
  content: "";
  top: -4px;
  left: -4px;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid var(--white);
  border-radius: 50%;
}
.answer-text {
  cursor: pointer;
  color: var(--white);
}
.btns-control {
  margin-top: 44px;
  display: flex;
  justify-content: space-between;
}
.quest-btn{
  font-size: 14px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--white);
  background-color: transparent;
  border-color: var(--white);
}
.save-results .blue-btn{
  display: flex;
  gap: 10px;
  font-size: 14px;
  padding: 8px 16px;
  margin: 0 auto;
  align-items: center;
}
.blue-btn{
  color: #A3CFF0;
  border-color: #A3CFF0;
}
.save-results{
  max-width: 424px;
  width: 90%;
}
.save-results .done-modalcase svg{
  width: 48px;
  height: 48px;
}
.save-results .subtitle{
  line-height: 100%;
}
.save-results .form{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.save-results,
.messange-us {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.modal {
  display: none; /* По умолчанию скрыто */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачный фон */
  z-index: 9999; /* Положение поверх других элементов */
}
.modal__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0px 0px 18.1px 0px rgba(0, 0, 0, 0.25);
}

.modal__inner .title-sm,
.messange-us .title-sm {
  font-size: 32px;
  text-align: center;
  margin: 0 auto;
}
.footer .form {
  margin-top: 23px;
  width: 368px;
}
.messange-us .input__container{
  width: 100%;
}
.form-text {
  font-family: 'PTSans-Bold';
  font-weight: 700;
  font-size: 14px;
  color: var(--text-color);
}
.input {
  background-color: #E0E1E3;
  padding: 8px;
  width: 100%;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  color: var(--text-color);
}
.modal .textarea:focus-within,
.messange-us .textarea:focus-within,
.input:focus-within{
  outline: none;
}
.messange-us .input {
  margin-top: 6px;
}
.modal .textarea,
.messange-us .textarea {
  font-size: 14px;
  border: none;
  min-height: 169px;
  border-radius: 5px;
  margin-top: 6px;
  display: flex;
}
.messange-us-btn {
  margin: 31px auto 0;
  display: flex;
  gap: 10px;
  font-size: 14px;
  padding: 8px 16px;
}
.save-results .input__container{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.error-input input{
  border: 1px solid #D44545;
}
.error-text{
  display: none;
  color: #D44545;
  font-size: 10px;
}
.error-input .error-text{
  display: block;
}
.error-input .textarea{
  border: 1px solid #D44545;
}

.mini-quiz{
  padding-bottom: 60px;
}

.congrats__inner {
  max-width: 580px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 33px;
  text-align: center;
}
.congrats .title-def{
  margin-bottom: 0;
}

.blue-white-btn {
  font-family: 'PTSans-Bold';
  font-weight: 700;
  font-size: 20px;
  padding: 12px 26px;
  color: #0086BC;
  background-color: transparent;
  border-color: #0086BC;
}
.images-holder-res{
  width: 40%;
}
.images-results{
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.images-results img{
  border-radius: 15px;
}


.orange-txt{
  color:#EE9D0B;
}

@media (hover:hover) {
  .btn-white-primary:hover,
  .modal .close-btn:hover,
  dialog .close-btn:hover{
    opacity: .7;
  }
  .btn-sm:hover{
    color: var(--white);
    background-color: var(--btn-color);
    border: 2px solid var(--btn-color);
  }
  .swiper-button-next:hover,
  .swiper-button-prev:hover{
    color: var(--white);
    background-color: var(--btn-color);
    border-color: var(--btn-color);
  }
  .btn:hover{
    color: var(--white);
    background-color: var(--btn-color);
    /* border: 2px solid var(--black); */
  }
  .btn-2:hover{
    background-color: var(--btn-color-2);
  }  
  .btn-3:hover{
    background-color: var(--btn-color-3);
  }
  .quiz-link:hover{
    color: var(--black);
  }
  .tel:hover{
    color: var(--text-color-4);
  }
  .footer-btn:hover{
    color: var(--white);
    background-color: var(--btn-color);
    border-color: var(--btn-color);
  }
  .footer-link:hover{
    opacity: .7;
  }  
  .organizers .mail:hover,
  .organizers .tel:hover{
    color: var(--text-main);
  }
  .dropdown-item:hover{
    background-color: var(--btn-color-2);
  }
  .media-btn:hover,
  .close-dialog:hover{
    background-color: var(--btn-color);
    color: var(--white);
    fill: var(--white);
  }
  .quiz-btn:hover{
    background-color: var(--beige);
    color: var(--text-color);
  }
  .blue-btn:hover{
    color: var(--white);
    background-color: #A3CFF0;
  }
  .quest-btn:hover{
    background-color: var(--white);
    border-color: var(--white);
    color: #5BA7E1;
  }
  .blue-white-btn:hover{
    background-color: #0086BC;
    color: var(--white);
  }
}
@media (hover:none) {
  .btn-white-primary:active,
  .modal .close-btn:active,
  dialog .close-btn:active{
    opacity: .7;
  }
  .btn-sm:active{
    color: var(--white);
    background-color: var(--btn-color);
    border: 2px solid var(--btn-color);
  }
  .swiper-button-next:active,
  .swiper-button-prev:active{
    color: var(--white);
    background-color: var(--btn-color);
    border-color: var(--btn-color);
  }
  .btn:active{
    color: var(--white);
    background-color: var(--btn-color);
    /* border: 2px solid var(--black); */
  }
  .btn-2:active{
    background-color: var(--btn-color-2);
  }  
  .btn-3:active{
    background-color: var(--btn-color-3);
  }
  .quiz-link:active{
    color: var(--black);
  }
  .tel:active{
    color: var(--text-color-4);
  }
  .footer-btn:active{
    color: var(--white);
    background-color: var(--btn-color);
    border-color: var(--btn-color);
  }
  .footer-link:active{
    opacity: .7;
  }  
  .organizers .mail:active,
  .organizers .tel:active{
    color: var(--text-main);
  }
  .dropdown-item:active{
    background-color: var(--btn-color-2);
  }
  .media-btn:active,
  .close-dialog:active{
    background-color: var(--btn-color);
    color: var(--white);
    fill: var(--white);
  }
  .quiz-btn:active{
    background-color: var(--beige);
    color: var(--text-color);
  }
  .blue-btn:active{
    color: var(--white);
    background-color: #A3CFF0;
  }
  .quest-btn:active{
    background-color: var(--white);
    border-color: var(--white);
    color: #5BA7E1;
  }
  .blue-white-btn:active{
    background-color: #0086BC;
    color: var(--white);
  }
}



@media screen and (min-width: 1660px){
  .sponsors{
    top: 450px;
  }
}
@media screen and (min-width: 1401px){
  .sponsors{
    top: 340px;
    right: 40px;
  }
}
@media screen and (min-width: 767px){
  .index-section{
    padding-bottom: 0;
  }
  .index-section .container{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .index-bc{
    position: relative;
  }
}
@media screen and (min-width: 1400px){
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1224px;
  }
  
}
@media screen and (max-width: 1400px){
  .join-quiz__btns .btn{
      font-size: 2vw;
  }
  .map-container{
      overflow: auto;
  }
  .media-list{
      row-gap: 80px;
  }
  .logo-title{
      font-size: 80px;
  }
  .price-subtitle {
      /* font-size: 34px; */
      font-size: 45px;
  }
  .price-title{
      font-size: 112px;
  }
  .price-title span {
      font-size: 70px;
  }
}
@media screen and (max-width: 1280px){
  .price{
    margin-left: 0;
  }
  .sponsors {
    top: 260px;
    right: 2%;
  }
}
@media screen and (max-width: 1200px){
  .navbar-nav{
      padding: 0 20px;
  }
  .title{
      font-size: 56px;
  }
  .data-img {
      width: 43%;
      height: auto;
  }

  .btns-container{
      flex-wrap: wrap;
      justify-content: flex-start;
  }
  .join-quiz{
      margin-top: 60px;
      gap: 32px;
  }
  .join-quiz__inner .title{
      font-size: 6.5vw;
  }
  .join-img {
      max-width: 200px;
  }
  .join-quiz__inner .list {
      gap: 20px;
  }
  .join-quiz__btns {
      margin-top: 4px;
  }
  .mission{
      gap: 52px;
  }
  .pride-img{
    max-height: 210px;
  }
  .quiz__container{
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1080px){
  .sponsors{
    top: 300px;
  }
}
@media screen and (max-width: 992px){
  .sponsors{
    top: 210px;
  }
  .logo{
      top: 4px;
      max-width: 42px;
  }
  .search{
      display: none;
  }
  .navbar{
      transition: background-color .3s ease;
  }
  .navopen{
      background-color: var(--nav-bc);
      border-bottom-left-radius: 25px;
      border-bottom-right-radius: 25px;
  }    
  .navbar-nav {
      margin-top: 24px;
      background-color: transparent;
      --bs-navbar-nav-link-padding-x: .5rem;
      padding: 0 32px;
  }
  .nav-link{
      font-size: 20px;
      text-align: center;
      padding: 10px 0;
  }
  .data{
      font-size: 48px;
  }
  .data-img {
      width: 41%;
      height: auto;
  }
  .main-header{
      flex-wrap: wrap;
  }
  .bridge-img{
      width: 100%;
      position: unset;
  }
  .index-section{
    margin-top: 0;
  }
  .swiper-pagination-fraction{
      margin-bottom: 2px;
  }
  .swiper-button-next {
      right: 43%;
  }
  .swiper-button-prev {
      left: 43%;
  }
  
  .join-quiz{
      padding: 20px 16px;
  }
  .join-quiz__inner .list{
      justify-content: space-evenly;
      flex-wrap: wrap;    
  }
  .join-quiz__btns{
      flex-wrap: wrap;        
      justify-content: space-between;
  }
  .join-quiz__btns .btn{
      height: fit-content;
  }
  .btns-cont{
      flex-direction: column;
      gap: 22px;
  }
  .join-quiz__inner .subtitle{
      font-size: 3.5vw;
  }

  .mission{
      flex-direction: column;
      gap: 32px;
      max-height: unset;
  }
  .mission-title-mob {
      display: block;
      margin-bottom: 0;
  }
  .text-holder .mission-title-mob {
      display: none;
  }
  .text-holder{
      order: 2;
  }

  .news-band,
  .prides-band__container {
      grid-template-columns: repeat(2, 1fr);
  }

  .logo-title {
      padding-top: 34px;
      font-size: 64px;
  }
  .data-bc {
      padding: 8px;
      font-size: 52px;
  }
  .data-bc span{
      font-size: 16px;
      margin-top: -10px;
  }
  .price-subtitle {
      font-size: 30px;
  }
  .price-title {
      font-size: 72px;
  }
  .price-title span {
      font-size: 48px;
  }
  .price-conainer {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 28px;
  }
  .index-bc{
      height: 100%;
      object-fit: cover;
  }

  .images-holder-res{
    width: 100%;
  }
  .images-results{
    flex-direction: row;
  }
  .images-results img {
    width: calc(50% - 12px);
    max-height: 260px;
    border-radius: 15px;
}
}
@media screen and (max-width: 767px){
  .main{
      margin-top: 36px;
  }
  .data {
      font-size: 40px;
      margin-top: 40px;
  }
  .data-img {
      width: 40%;
      height: auto;
  }
  .title {
      font-size: 40px;
  }
  .btn{
      font-size: 1rem;
  }

  .slider .title {
      font-size: 36px;
  }
  .swiper{
      padding-bottom: 0;
  }
  .swiper-pagination-fraction,
  .swiper-button-next,
  .swiper-button-prev {
      display: none;
  }

  .join-quiz__inner .list {
      gap: 12px;
  }
  .join-quiz__btns .btn {
      font-size: 3.75vw;
  }

  .organizers .d-flex{
      flex-direction: column;
      gap: 27px;
  }

  .news-band{
      margin-top: 10px;
  }
  .media-list,
  .news-band,
  .prides-band__container {
      grid-template-columns: repeat(1, 1fr);
  }
  .media-list{
      row-gap: 20px;
  }
  .news-img,
  .pride-img,
  .pride-band{
      max-width: 100%;
  }
  .news-img,
  .pride-img {
      max-height: 225px;
  }    
  .news-title,
  .card-title{
      margin-top: 8px;
  }
  .news-body .text-sm,
  .pride-band__body .text-def{
      margin-top: 20px;
  }
  .prides-filters{
      gap: 18px;
      margin-top: 20px;
  }
  .filter-btn{
      font-size: 14px;
  }
  .btns-container .btn{
      font-size: 20px;
  }
  .join-img {
      max-width: 160px;
  }
 .logo-title span{
      display: block;
 }
 .index-section{
  /* padding-bottom: 100px; */
  padding-bottom: 180px;
  }
  .pride-img{
    max-height: 224px;
  }
  .prides-band__container{
    row-gap: 20px;
  }
  .join-quiz{
    background-position: left top;
  }
  .join-quiz__inner {
    max-width: 200px;
  }
  .join-quiz__inner .title {
    font-size: 24px;
  }
  .join-quiz__btns .btn {
    font-size: 14px;
  }

  .sponsors{
    top: unset;
    right: 50%;
    transform: translateX(50%);
    bottom: 80px;
  }
}
@media screen and (max-width: 576px){
  .main-header{
      gap: 0;
  }
  .title {
      font-size: 7vw;
  }
  .data {
      font-size: 6vw;
      margin-top: 30px;
  }
  .footer {
      background-color: var(--light-black);
      padding: 35px 0;
  }
  .footer .container{
      max-width: fit-content;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
  }
  .subtitle{
      font-size: 24px;
  }
  .footer p{
      font-size: 14px;
  }
  .footer-btn{
      margin-top: 30px;
      width: fit-content;
  }
  .footer-text{
      gap: 16px;
  }
  
  .slider .title {
      font-size: 32px;
  }
  .slider .data-container{
      margin-top: 20px;
  }
  
  .join-quiz__inner .subtitle {
      font-size: 5.5vw;
  }
  .join-quiz__btns .btn {
      padding: 8px 16px;
  }
  
  .images-col{
      max-width: 60%;
  }
  .images-col:nth-child(1){
      max-width: 40%;
  }

  .img-hold2{
      max-height: 220px;
  }
  .img-hold3{
      max-height: 190px;
  }
  .img-hold4{
      max-height: 136px;
  }
  .images-holder{
    gap: 16px;
  }
  
  .quiz-page,
  .news,
  .area,
  .mission{
      padding-bottom: 30px;
  }
  dialog .title,
  .title-def{
      margin-bottom: 0;
      font-size: 24px;
  }
  .data-sm,
  .text-def{
      font-size: 14px;
  }
  .quiz-page .title-sm{
      font-size: 24px;
  }
  .quiz-bc{
      width: 210%;
  }
  .join-img {
      max-width: 120px;
  }
  
  .full-news-img{
      max-height: 220px;
  }
  .full-media .title-sm,
  .full-news .title-sm{
    font-size: 24px;
  }
  .media-list,
  .full-news .text-def{
    margin-top: 21px;
  }
  .full-news .data-container{
    margin-top: 21px;
  }
  .full-media .data-sm,
  .full-news .data-sm{
    text-align: right;
  }
  .footer .form {
    margin-top: 23px;
    width: 238px;
  }
  .footer .form .title-sm{
    font-size: 24px;
  }

  .price-title__container{
    margin-top: 8px;
  }
  .price-conainer{
    margin: 5px;
  }
  .price-subtitle {
    margin: 0 auto;
    font-size: 26px;
  }
  .logo-title{
    padding-top: 94px;
    text-align: center;
  }
  .index-section{
    padding-bottom: 214px;
  }
  
  .sponsors {
    bottom: 116px;
  }
  .logo-title span{
    /* display: unset; */
    max-width: 240px;
    margin: 0 auto;
  }
  .price{
    margin: 0 auto;
  }
  .price-title {
      font-size: 54px;
  }
  .price-title span {
      font-size: 42px;
  }
  .index-bc{
      object-position: bottom center;
  }

  .quiz__container{
    grid-template-columns: repeat(1, 1fr);
  }
  .quiz-select .text-def{
    margin-top: 16px;
  }
  .quest-numb{
    font-size: 24px;
  }
  .quest-btn{
      gap: 4px;
  }
  .quest-btn svg{
      width: 7px;
      height: 10px;
  }
}

@media screen and (max-width: 380px){
  .price-title {
      font-size: 42px;
  }
  .price-subtitle{
    font-size: 24px;
  }
  .btn-white-primary{
    font-size: 20px;
  }
}

.link-button {
  background-color: white;
  color: black;
  border: 2px solid #404040;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin-top: 50px;
}

.link-button:hover,
.link-button:active {
  background-color: #404040;
  color: white;
}


.checkbox-wrapper-29 {
  --size: 1rem;
  --background: #fff;
  font-size: var(--size);
}

.checkbox-wrapper-29 *,
.checkbox-wrapper-29 *::after,
.checkbox-wrapper-29 *::before {
  box-sizing: border-box;
}

.checkbox-wrapper-29 input[type="checkbox"] {
  visibility: hidden;
  display: none;
}

.checkbox-wrapper-29 .checkbox__label {
  width: var(--size);
}

.checkbox-wrapper-29 .checkbox__label:before {
  content: ' ';
  display: block;
  height: var(--size);
  width: var(--size);
  position: absolute;
  top: calc(var(--size) * 0.125);
  left: 0;
  background: var(--background);  
}

.checkbox-wrapper-29 .checkbox__label:after {
  content: ' ';
  display: block;
  height: var(--size);
  width: var(--size);
  border: calc(var(--size) * .14) solid #000;
  transition: 200ms;
  position: absolute;
  top: calc(var(--size) * 0.125);
  left: 0;
  background: var(--background);  
}

.checkbox-wrapper-29 .checkbox__label:after {
  transition: 100ms ease-in-out;
}

.checkbox-wrapper-29 .checkbox__input:checked ~ .checkbox__label:after {
  border-top-style: none; 
  border-right-style: none;
  -ms-transform: rotate(-45deg); /* IE9 */
  transform: rotate(-45deg);
  height: calc(var(--size) * .5);
  border-color: green;
}

.checkbox-wrapper-29 .checkbox {
  position: relative;
  display: flex;
  cursor: pointer;
  /* Mobile Safari: */
  -webkit-tap-highlight-color: rgba(0,0,0,0);   
}

.checkbox-wrapper-29 .checkbox__label:after:hover,
.checkbox-wrapper-29 .checkbox__label:after:active {
   border-color: green; 
}

.checkbox-wrapper-29 .checkbox__label {
  margin-right: calc(var(--size) * 0.45);
}

.checkbox-wrapper-29 .checkbox::after {
  display: none;
}

p.text-def br {
    display: block; /* Делаем <br> блочным элементом */
    margin-bottom: 10px; /* Отступ между строками (опционально) */
}
p.text-def br::after {
    content: ""; /* Псевдоэлемент для отступа */
    display: inline-block;
    margin-left: 20px; /* Величина отступа */
}