body {color: #454F5B;}
h1 {color: #454F5B}

.persik {color: #F19265}
.bg-persik {background-color: #F19265}
.bg-persik h2 {color: #454F5B}
.bg-footer {background-color: #3C444D; color: #fff}
.hero {
	background-image: url(../images/hero_bg.jpg);
	background-size: cover;
  padding-top: 8rem;
}

.link-body-emphasis:hover {opacity: 0.5}
.nav-link:hover {color: #F19265}
.nav-link {font-weight: 600; color: #333}
.header_h1 {color: #454F5B}
.sub_header {
	font-weight: 400;
}
.uppercase {text-transform: uppercase;}
.btn_head {
  width: 280px;
  height: 64px;
  border-radius: 155px;
  border: none;
  transition: all 0.5s ease-in-out;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  background: #fff;
  color: #454F5B;
}

.btn_head:hover {
  box-shadow: 0 0 30px 0px #2e2e2e3a;
}

.btn_head .icon {
  position: absolute;
  height: 40px;
  width: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}

.btn_head .text {
  transform: translateX(85px);
}

.btn_head:hover .icon {
  width: 265px;
}

.btn_head:hover .text {
  transition: all 0.5s;
  opacity: 0;
}

.btn_head:focus {
  outline: none;
}

.btn_head:active .icon {
  transform: scale(0.85);
}

.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }

.modal-body {
  position:relative;
  padding:0px;
}
.btn-close {
  position:absolute;
  right:-30px;
  top:0;
}

.call {
	margin-top: -60px;
}
.call-title { text-transform: uppercase; }
.call_phone { font-size: 2rem; font-weight: 600; 
    display: flex;
    align-items: center;
    flex-direction: row;
}
.call_phone a {color: #454F5B; text-decoration: none; margin-left: 20px;}
.call_phone img {margin-left: 30px;}
.call_phone a:hover {color: #EF7F4F;}
.cta_button {
	display: flex;
    background: #F1F3F5;
    color: #08B419;
    text-decoration: none;
    width: 100%;
    height: 48px;
    vertical-align: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    font-size: 1.1rem;
}

.cta_button:hover{
    background: #CDD1D4;
}
.cta_telegram {color: #229ED9}

.about {margin-top: 18rem;}

.about_images {display: grid; grid-template: }

.about_title {font-size: 2rem;}
.about_sub_title {font-size: 1.5rem;}
.about_list {list-style: square url(../images/list.svg) outside; padding-left: 3rem;}

.about_list li{font-size: 1.3rem;  line-height: 1.8rem;
    vertical-align: middle;
    padding-bottom: 7px;}

.about_list li::marker { margin-top: 25px; padding-top: 2rem}

.about_bigok {display: grid; grid-template-columns: 25% auto; gap: 30px; font-size: 1.5rem; align-items: center; line-height:   1.8rem;}
.big_numbers_list {display: grid; grid-template-columns: 10% 1fr; gap: 20px}
.big_numbers_list_item {font-size: 5rem; line-height: 4rem; font-weight: 300;}

.prize-item {border: 2px #D9D9D9  solid; border-radius: 90px 90px 8px 8px; min-height: 200px;}
.prize-item:hover {background-color: #D9D9D9}
.prize-title {margin-bottom: 0; margin-top: 0.5rem; font-weight: 600;}

.accordion-item {border: none; padding-bottom: 0.5rem}
.accordion-button {border: 1px #A2A7AD solid; border-radius: 10px}
.accordion-item:first-of-type>.accordion-header .accordion-button {border-radius: 10px}
.accordion-button {font-size: 22px; font-weight: 600; color: #454F5B}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {border-radius: 10px}

.accordion-button:not(.collapsed) {
    border: 1px #F19265 solid;
    color: #F19265;
    background-color: transparent;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.bg-blue {background: #185A96; color: #fff}
.document_item {vertical-align: bottom;
    display: flex;
    background: #fff;
    border-radius: 13px;
    color: #3C444D;
    padding: 2rem;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    }

.document_title {font-size: 1.2rem; padding-top: 1rem;}
.docs_row {padding:3rem 1rem 3rem 1rem}

.document_item img {
  transition: transform .2s; /* Animation */
}

.document_item img:hover {
  transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/* Показывать dropdown при наведении */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    border: none;
    border-radius: 12px; 
    padding: 18px 10px; 
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    animation: fadeDropdown 0.2s ease-in-out;
}



.nav-item.dropdown-item:hover {
    background-color: #f5f5f5; /* мягкий серый фон */
    color: #0d6efd;           /* брендовый синий Bootstrap */
    border-radius: 8px;}



/* Анимация появления */
@keyframes fadeDropdown {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Элементы списка */
.dropdown-item {
    padding: 10px 20px;
    font-size: 15px;
    color: #333;
    transition: all 0.2s ease-in-out;
}

/* Hover эффект */
.dropdown-item:focus {
    background-color: #F19265;
    color: #fff; 
}



.float {
  transform: translatey(0px);
  animation: float 1s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}


.carousel-control-prev {
    left: -90px;
}

.carousel-control-next {
    right: -90px;
}

.carousel-indicators {bottom: -56px; }

.card {border: none;}

.card-title {font-weight: 600; color: #454F5B; font-size: 1.5rem}
.card-link {display: flex; justify-content: space-between; align-items: center; color: #F19265; font-size: 1.5rem; font-weight: 500; text-decoration: none; padding-right: 20px;}

 .card-subtitle {float: right;
    font-size: 20px;
    margin-top: 5px;}

.call_phone2 { font-size: 1.7rem; font-weight: 600;}


@media (max-width: 1440px) {
    .carousel-control-prev {
        position: absolute;
        left: -90px;
    }

    .carousel-control-next {
        position: absolute;
        right: -90px;
    }

    .call_phone a {
    color: #454F5B;
    text-decoration: none;
    margin-left: 10px;
    font-size: 20px;
}
    

}



@media (min-width: 1200px) {
    .fs-4 {
        font-size: 1rem !important;
    }
    .call_phone {
      font-size: 1.5rem;}

      .call_phone2 {
    font-size: 1.3rem;
}


@media (max-width: 1200px) {

    .call_phone {
      font-size: 1.1rem;}
    .call_phone a {
      margin-left: 6px;
      }
      .cta_button {font-size: 0.9rem;}
}




@media (min-width: 1030px) {
 .mobile-only-br {display:none}
}

@media (max-width: 1030px) {
  .header_h1 {font-size: 2.2rem}
  .sub_header {font-size: 1.2rem}
  .desktop-only-br {display:none}
  .hero_fs4 {font-size: 1.2rem !important;}
}

@media (max-width: 450px) {
  .header_h1 {text-transform: uppercase; font-size: 2rem; margin-top: 3rem}
  .sub_header {font-size: 1.4rem; font-weight: 400; text-transform: uppercase;}
  .hero {background-image: url(../images/hero_bg_mob.webp); background-size: cover;}
  .hero_fs4 {font-size: 1rem !important;}
  .hero-list {text-align: left; list-style: square url(../images/list_li.svg) outside; padding-left: 3rem;}
  .call-title {}
  .cta_button {margin-top: 1rem}
  .call_phone {font-size: 1.6rem}
  .call_phone a {margin-left: 0px}
  .about_mob {margin-top: 27rem;}
  .about {margin-top: 1rem;}
  .about_title {text-align: center;}
  .about_sub_title {font-size: 1.3rem; text-align: center;}
  .map_title {margin-top: 2rem; font-size: 1.2rem !important; text-align: center;}
  .about_list li {font-size: 1.2rem !important; }
  .map_text {font-size: 1.2rem !important; }
  .tex_mob_center {text-align: center;}
  .prize-title_h2 {margin-top: 2rem; text-align: center;}
  .accordion-button {padding: 10px 8px 14px 17px}
  .document_item {padding: 20px; margin: 0.8rem;}
  .docs_row {margin-left: 0rem;}
  .call-title {}
  .call_phone2 {font-size: clamp(1.3rem, 4vw, 3rem);}
  .nav-link img {width: 18px;}
  .prize_card {padding-left: 1.5rem; padding-right: 1.5rem}

  .link-body-emphasis {font-size: 18px;}
  .me-auto :nth-child(3) {margin-right: 0.8rem} 
  .call_phone {justify-content: space-around;}
  .navbar-nav li {border-bottom: 0.5px #D9D9D9 solid}
  .navbar-nav li a {padding-left: 1rem}
  .nav-phones {width: 100%; justify-content: end;}
  .nav-phones :nth-child(3) {margin-right: 0rem}
}


.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}