/*!****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/scss/app.scss ***!
  \****************************************************************************************************************************************/
@charset "UTF-8";
/*
Theme Name: wp-webpack2024
Author: the Indeling team
Author URI: https://indeling.ru/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Site Editor features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Requires PHP: 7.2+
Version: 2.0
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, style-variations, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/
html {
  margin: 0 !important;
}

p, span, li, div {
  font-family: "Dosis", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

p {
  text-indent: 2em !important;
}

body {
  background: rgb(225, 225, 225);
  margin: 0 16vw;
  min-height: 100vh;
}

body.home {
  margin: 0;
}

header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 !important;
  max-width: -webkit-fill-available;
  width: 100%;
  margin-top: 30px;
  z-index: 1;
}

body.home header {
  padding: 0 16vw !important;
}

.home header {
  position: absolute;
}

wrapper .main span {
  color: #c5c5c5;
  font-size: 20px;
  line-height: 2em;
}

a:active {
  color: rgba(103, 15, 70, 0.96);
}

a {
  text-decoration: none;
  color: rgb(255, 255, 255);
}

.blog p, .post p, span, .post-excerpt, li {
  color: #c7c7c7;
  font-size: 20px;
  line-height: 1.5em;
}

.offer p {
  color: #f1f1f1;
  font-size: 16px;
  line-height: 1em;
}

.home h1 {
  color: rgb(255, 255, 255);
  text-shadow: 0px 6px 6px #000;
}

h1 {
  font-size: 68px;
  text-align: center;
  margin: 0;
  color: #2439a1;
  text-shadow: 0px 4px 7px rgba(0, 0, 0, 0.5294117647);
}

/* h1 {
color: #ebebeb;
font-size: 54px;
} */
h2 {
  color: rgb(255, 255, 255);
  font-size: 46px;
  text-align: center;
}

h3 {
  color: rgb(255, 255, 255);
  font-size: 34px;
  text-align: center;
}

.blog p {
  text-align: center;
}

.main .title {
  justify-content: center;
  display: flex;
}

.header-container {
  width: 100%;
  gap: 2em;
  display: flex;
  align-items: center;
  border-radius: 2em;
  justify-content: space-between;
}

.main-navigation {
  display: flex;
  align-items: center;
}

.main-navigation ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

section.offers-block {
  margin: 5em 16vw;
  border-radius: 2em;
}

.main-navigation li {
  margin: 0 10px;
  width: max-content;
}

.home .main-navigation a {
  text-decoration: none;
  color: #ffffff;
  font-size: 19px;
}

.main-navigation a {
  text-decoration: none;
  color: #2439a1;
  font-size: 21px;
}

/* Стили для мобильного меню */
.burger-menu {
  display: none;
  flex-direction: column;
  justify-content: space-around;
  width: 25px;
  height: 20px;
  cursor: pointer;
}

.home .burger-menu div {
  background-color: rgba(255, 255, 255, 0.96);
}

.burger-menu div {
  width: 25px;
  height: 3px;
  background-color: #2439a1;
}

.mobile-menu {
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0px;
  display: none;
  width: 100%;
}

footer a {
  color: #23327b;
}

.mobile-menu ul {
  flex-direction: column;
  padding: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
}

.mobile-menu li {
  margin: 10px 0;
  text-align: center;
  font-size: 27px;
  font-weight: 700;
}

.no-bullets {
  list-style: none;
}

.mobile-menu li a {
  color: #2439a1 !important;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.accordion-item {
  margin: 0.5em 0;
}

.blog .container#post-container {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}

.post-item h3 {
  margin: 0;
}

.post-navigation {
  gap: 1em;
  background: #23327b;
  display: flex;
  padding: 1em;
  border-radius: 1em;
  justify-content: space-between;
}

/* Стиль стрелки */
.back-to-top:hover {
  box-shadow: inset 0 0px 4px 0px rgb(35, 50, 123);
}

.back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  color: #23327b;
  border: none;
  border-radius: 5em;
  padding: 0 0.1em 0.1em;
  font-size: 49px;
  cursor: pointer;
  display: none;
  box-shadow: 0 0px 4px 0px rgb(35, 50, 123);
  transition: opacity 0.3s ease;
  background: #e1e1e1;
}

/* Плавное появление стрелки при прокрутке */
.show {
  display: block;
}

.offer .img {
  text-align: center;
}

.offer .img img {
  max-height: 105px;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

.rang img {
  max-width: 35px;
}

.offers-block .offer {
  background: #23327b;
  padding: 1em;
  border-radius: 2em;
  text-align: center;
}

.offers-block .offers {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1em;
}

footer .main {
  padding: 2em 0;
}

footer .ct-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

a.blog-read-more {
  cursor: pointer;
  background-color: #001163;
  padding: 1.5vh 3.5vw;
  color: rgb(255, 255, 255);
  border-radius: 1em;
}

button {
  cursor: pointer;
  background-color: #001163;
  padding: 1.5vh 3.5vw;
  color: rgba(255, 255, 255, 0.96);
  border-radius: 1em;
  border: none;
}

.home section.main {
  height: 50vh;
  background-image: url(/wp-content/uploads/2025/02/image_2025-02-12_16-44-43.webp);
  background-repeat: repeat-x;
  background-size: cover;
  background-position: bottom;
  background-attachment: fixed;
  display: flex;
  align-items: center;
  margin-bottom: 5em;
  backdrop-filter: blur(7px);
  padding: 0 !important;
}

section.post.post-blok {
  background: #23327b;
  border-radius: 1.5em;
  padding: 1em;
}

li::marker {
  color: #ffffff;
}

.home section.info {
  margin: 5em 16vw;
  background: #23327b;
  border-radius: 2em;
}

section.navigation_post {
  margin-top: 3em;
}

.blog h2 {
  color: #23327b;
}

.home .mobile-menu li a {
  color: #fafafb !important;
}

.home section.blog {
  margin: 0 16vw;
}

body.single-post {
  margin: 0 16vw;
}

section.faq .accordion {
  grid-template-columns: repeat(auto-fill, minmax(150px, 19.6vw));
  display: grid;
  grid-column-gap: 3vh;
  grid-row-gap: 3em;
}

.home .site-logo span {
  color: rgb(255, 255, 255);
}

.site-logo span {
  color: #2439a1;
  font-size: 24px;
}

body section {
  display: block;
}

.post-excerpt {
  margin: 18px 0;
}

.blog button {
  margin-top: 4em;
}

footer p {
  color: #999999 !important;
}

.info_block.info-block-4-1 {
  text-align: center;
}

.post-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #23327b;
  padding: 1em;
  border-radius: 2em;
  text-align: center;
}

.info.info-section-9 .info_block.info-block-9-3, .info.info-section-9 .info_block.info-block-9-4, .info.info-section-9 .info_block.info-block-9-5 {
  border: 2px solid rgba(34, 32, 139, 0.6509803922);
  border-radius: 20px;
  box-shadow: 0px 0px 17px rgba(29, 35, 127, 0.5803921569);
  padding: 1em;
  flex: 3;
  min-width: 375px;
}

.info_block.info-block-9-2 {
  width: 100%;
}

.info .container {
  padding: 2em 1em;
}

.home .blurred-background {
  background: rgba(0, 0, 0, 0.75);
  width: auto;
  height: 100%;
  backdrop-filter: blur(7px);
  padding: 0px 16vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog .blurred-background, .single-post .blurred-background {
  margin: 2em 0;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-calc(650px)); /* Смещение на всю ширину элементов */
  }
}
@media (max-width: 1470px) {
  section.faq .accordion {
    grid-row-gap: 1em;
  }
}
@media (max-width: 1370px) {
  h1 {
    font-size: 58px;
  }
}
@media (max-width: 1300px) {
  h3 {
    font-size: 28px;
  }
  .blog .container#post-container {
    grid-column-gap: 2em;
    grid-row-gap: 3em;
  }
}
@media (max-width: 1270px) {
  wrapper .main span {
    font-size: 18px;
  }
  h1 {
    font-size: 54px;
  }
}
@media (max-width: 1130px) {
  .blog .container#post-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }
}
@media (max-width: 1110px) {
  .offers-block .offers {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1094px) {
  .header-container {
    align-items: flex-start;
  }
}
@media (max-width: 1024px) {
  .custom-image.image1::before {
    max-width: 29em;
    top: 14em;
    left: -7em;
  }
  .custom-image.image2::before {
    width: 31em;
    right: -6em;
  }
}
@media (max-width: 997px) {
  .info.info-section-9 .info_block.info-block-9-3, .info.info-section-9 .info_block.info-block-9-4, .info.info-section-9 .info_block.info-block-9-5 {
    min-width: fit-content;
  }
}
@media (max-width: 995px) {
  .site-logo span {
    font-size: 20px;
  }
}
@media (max-width: 986px) {
  .blog .container#post-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }
}
@media (max-width: 864px) {
  .offers-block .offers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 850px) {
  wrapper .main span {
    font-size: 16px;
  }
  .home section.blog {
    margin: 0 10vw;
  }
  body.home header {
    padding: 0 10vw !important;
  }
  .site-logo span {
    font-size: 18px;
  }
  body.single-post {
    margin: 0 10vw;
  }
  body.blog {
    margin: 0 10vw;
  }
  h1 {
    font-size: 46px;
  }
  .home .blurred-background {
    padding: 0px 10vw;
  }
  .blog p, .post p, span, .post-excerpt, li {
    font-size: 16px;
  }
  .home section.info {
    margin: 3em 10vw;
  }
  section.offers-block {
    margin: 5em 10vw;
  }
  h3 {
    font-size: 22px;
  }
  h2 {
    font-size: 30px;
  }
}
/* Показ меню для мобильных устройств */
@media (max-width: 768px) {
  .main-navigation {
    display: none;
  }
  .header-container {
    align-items: center;
  }
  .header-container {
    justify-content: space-between;
  }
  .burger-menu {
    display: flex;
    z-index: 2;
  }
  .mobile-menu.active {
    display: flex;
    height: 100vh;
    background: rgba(181, 186, 213, 0.65);
    backdrop-filter: blur(8px);
    z-index: 0;
  }
  .custom-image.image1::before {
    max-width: 22em;
    top: 16em;
    left: -6em;
  }
  .custom-image.image2::before {
    width: 30em;
    right: -9em;
  }
}
@media (max-width: 665px) {
  h1 {
    font-size: 35px;
  }
}
@media (max-width: 640px) {
  .blog .container#post-container {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
    grid-gap: 1em;
  }
  .post-excerpt {
    margin: 0;
  }
  .offer p {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  p {
    text-indent: 1em !important;
  }
}
@media (max-width: 580px) {
  .blog p, .post p, span, .post-excerpt, li {
    font-size: 14px;
  }
  body.single-post {
    margin: 0 5vw;
  }
  body.blog {
    margin: 0 5vw;
  }
  .home section.blog {
    margin: 0 5vw;
  }
  a.blog-read-more {
    font-size: 14px;
    padding: 1vh 3.5vw;
  }
  body.home header {
    padding: 0 5vw !important;
  }
  .home section.info {
    margin: 2em 5vw;
  }
  .site-logo span {
    font-size: 16px;
  }
  .blog .container#post-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    grid-gap: 1em;
  }
  .info .container {
    padding: 1em 0.3em;
  }
  section.offers-block {
    margin: 2em 5vw;
  }
  .home .blurred-background, .blurred-background {
    padding: 0px 5vw;
  }
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 23px;
  }
  h3 {
    font-size: 18px;
  }
}
@media (max-width: 540px) {
  wrapper .main span {
    line-height: 1.5em;
  }
}
@media (max-width: 500px) {
  .offers-block .offers {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 468px) {
  .blog .container#post-container {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
    grid-gap: 1em;
  }
}