/* Стили главной страницы (welcome.blade.php). Подключаются только на / через
   @push('head'), чтобы не тянуть их на остальных страницах. */
.section {
    padding: 80px 0;
}

.section-title {
    font-family: 'Oswald-Regular';
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 2%;
    margin-bottom: 30px;
}

.hero {
    position: relative;
    overflow: hidden;
    padding: 160px 0 100px;
    background-image: url('../../images/home/bg/bg_banner.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
/* .hero_bg-img {
    display: none;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}
.hero_bg-img  img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: none;
} */

.hero__grid {
    position: relative;
    z-index: 1;
    display: grid;
    /* grid-template-columns: 1.1fr 0.9fr; */
    grid-template-columns: 1fr 1fr;
}

.hero__title {
    text-transform: uppercase;
    font-family: 'Oswald-Medium';
    font-weight: 500;
    font-size: 76px;
    line-height: 90px;
    letter-spacing: 4%;
    margin-bottom: 16px;
    color: var(--textPrimaryBase);
}

.hero__text {
    color: var(--textPrimaryBase);
    font-family: 'Gogol-Regular';
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    margin-bottom: 60px;
}

.hero__aside {
    display: grid;
    place-items: center;
    margin-top: 80px;
}

.photo-stack {
    position: relative;
    width: min(100%, 600px);
    aspect-ratio: 4 / 3.2;
}

.photo-card {
    position: absolute;
    padding: 12px 12px 20px;
    background: #FFF5CC;
    border-radius: 4px;
    box-shadow: var(--shadow);
}

.photo-card::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 1.15 / 1;
    border-radius: 4px;
}

.photo-card span {
    display: block;
    margin-top: 30px;
    font-family: 'Gogol-Regular';
    font-weight: 400;
    font-size: 28px;
    line-height: 21px;
    text-align: right;
}
.photo-card--one span {
    margin-right: 66px;
}

.photo-card--one {
    left: -3%;
    top: 10%;
    transform: rotate(348deg);
    width: 53%;
}

.photo-card--two {
    left: 39%;
    bottom: 2%;
    transform: rotate(18deg);
    width: 63%;
}
.photo-card--one-video, .photo-card--two-video {
    position: absolute;
    top: 12px;
    width: 291px;
    border-radius: 4px;
}
.photo-card--two-video {
    width: 350px;
}

.section-intro {
    font-family: 'Lora-Regular';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
    text-align: center;
}
.section.about {
    padding: 144px 0;
}
.about__layout {
    position: relative;
}
.about {
    position: relative;
    overflow: hidden;
}
.about_bg--img {
    position: absolute;
}
.about_bg--img--logo {
    top: -140px;
    left: -165px;
    z-index: -2;
}
.about_bg--img--logo--path {
  transform-origin: center; /* Или точные координаты: 50px 50px */
  animation: rotate 15s linear infinite;
}
@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.about_bg--soldier {
    top: -125px;
    left: -165px;
    z-index: -1;
}
.about_bg_project_right_map {
    top: -65px;
    right: -300px;
}
.about_bg_project_right_cap {
    right: -220px;
    bottom: -100px;
    z-index: 1;
    transition: transform 0.4s ease;
}
.about_bg_project_right_order {
    right: -68px;
    bottom: -40px;
    transition: transform 0.4s ease;
}
.shell.about__layout:hover .about_bg_project_right_cap {
    transform: translateX(10px);
}
.shell.about__layout:hover .about_bg_project_right_order {
    transform: translateX(-10px);
}
.about_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 596px;
    margin: 0 auto;
}
.about_button {
    margin-top: 15px;
}
.section.impact {
    padding: 100px 0;
}
.impact {
    background-image: url('../../images/home/bg/map.png');
    background-repeat: no-repeat;
    margin-top: -68px;
    background-size: cover;
    background-position: center bottom;
}
.impact__panel {
    display: grid;
   grid-template-columns: 1.18fr 0.82fr;
    gap: 20px;
    align-items: center;
}
.impact_link-1024 {
    display: none;
}
.impact__cards {
    min-width: 0;
    position: relative;
}
.impact_slider--photos {
    overflow: hidden;
    width: 161px;
    height: 139px;
    position: absolute;
    top: 92px;
    left: 88px;
    transform: rotate(348deg);
}
.impact_slider--photos .slick-list,
.impact_slider--photos .slick-track,
.impact_slider--photos .slick-slide,
.impact_slider--photos .slick-slide > div {
    height: 100%;
}
.impact_slider--photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.impact_slider--photo {
    width: 161px;
    height: 139px;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="161" height="139" viewBox="0 0 185 145"%3E%3Cpath d="M10,0 H175 Q185,0 185,10 V115 Q185,115 175,120 L100,148 Q92,148 85,145 L10,112 Q0,107 0,100 V10 Q0,0 10,0 Z" fill="white"/%3E%3C/svg%3E');
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="161" height="139" viewBox="0 0 185 145"%3E%3Cpath d="M10,0 H175 Q185,0 185,10 V115 Q185,115 175,120 L100,148 Q92,148 85,145 L10,112 Q0,107 0,100 V10 Q0,0 10,0 Z" fill="white"/%3E%3C/svg%3E');
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: center;

}
.impact_slider--photo--1 {
    background: url("../../images/home/slider/1.png") center / cover no-repeat;
}
.impact_slider--photo--2 {
    background: url("../../images/home/slider/2.png") center / cover no-repeat;
}
.impact_slider--photo--3 {
    background: url("../../images/home/slider/3.png") center / cover no-repeat;
}
.impact_slider--photo--4 {
    background: url("../../images/home/slider/4.png") center / cover no-repeat;
}
.impact_slider--photo--5 {
    background: url("../../images/home/slider/5.png") center / cover no-repeat;
}
.impact_slider--photo--6 {
    background: url("../../images/home/slider/6.png") center / cover no-repeat;
}
.impact_slider--photo--7 {
    background: url("../../images/home/slider/7.png") center / cover no-repeat;
}
.impact_slider--photo--8 {
    background: url("../../images/home/slider/8.png") center / cover no-repeat;
}
.impact_slider--photo--9 {
    background: url("../../images/home/slider/9.png") center / cover no-repeat;
}
.impact_slider--photo--10 {
    background: url("../../images/home/slider/10.png") center / cover no-repeat;
}
.impact_slider--photo--11 {
    background: url("../../images/home/slider/11.png") center / cover no-repeat;
}
.impact_slider--photo--12 {
    background: url("../../images/home/slider/12.png") center / cover no-repeat;
}
.impact_slider--photo--13 {
    background: url("../../images/home/slider/13.png") center / cover no-repeat;
}
.impact_slider--photo--14 {
    background: url("../../images/home/slider/14.png") center / cover no-repeat;
}
.impact_slider--photo--15 {
    background: url("../../images/home/slider/15.png") center / cover no-repeat;
}
.impact_slider--photo--16 {
    background: url("../../images/home/slider/16.png") center / cover no-repeat;
}
.impact_slider--photo--17 {
    background: url("../../images/home/slider/17.png") center / cover no-repeat;
}
.impact_slider--photo--18 {
    background: url("../../images/home/slider/18.png") center / cover no-repeat;
}
.impact_slider--photo--19 {
    background: url("../../images/home/slider/19.png") center / cover no-repeat;
}
.impact_slider--photo--20 {
    background: url("../../images/home/slider/20.png") center / cover no-repeat;
}

.impact__copy h2 {
  color: #FFF4E7;
}
.impact__copy h2 span {
    color: #FFBD39;
}

.impact__copy p {
    text-align: left;
    margin: 30px 0 0;
    color: #FFF4E7;
}

.impact .button {
    margin-top: 30px;
    background: #FFF4E7;
    color: #333333;
    box-shadow: none;
}
.impact .button:hover {
    background: #FFEEC7;
}

.program-grid {
    display: grid;
    gap: 50px;
    margin-top: 60px;
}
.program-grid .slick-track {
    display: flex !important;
}
.program-grid .slick-list {
    margin: 0 -30px;
}
.program-grid .slick-slide {
    /* display: flex !important; */
    /* height: auto; */
    padding: 30px;
}
.section.programs {
    overflow: hidden;
}
.program_title span {
    color: #9D653F;
}
.program-card {
    background-image: url('../../images/home/card_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    position: relative;
    align-items: center;
    position: relative;
    transition: .8s;
}
.program-card-left {
    position: absolute;
}
.program-card-left--1 {
    left: -55px;
}
.program-card-left--2, .program-card-left--3 {
    left: -45px;
}
.program-card-left img {
    display: block;
    max-width: 100%;
    height: auto;
}
.program-card-left--2 img {
    max-width: 537px;
}
.program-card-right {
    padding: 28px 100px 28px 0;
    max-width: 722px;
    min-width: 0;
}
.program-card h3 {
    font-family: 'Lora-Bold';
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    color: #333333;
    margin-bottom: 8px;
}
.program-card span {
    font-family: 'GolosText-Regular';
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    margin-bottom: 20px;
    color: #777777CC;
}
.program-card p {
    font-family: 'Lora-Regular';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 28px;
}
.program_link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px 8px;
    font-family: 'Lora-Regular';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #3D5632;
    width: max-content;
    border-radius: 8px;
    transition: .8s;
}
.program-card__closed {
    display: inline-block;
    padding: 6px 12px;
    border: 1px dashed #9D653F66;
    border-radius: 8px;
    background: #FFF4E7;
    font-family: 'Lora-Regular';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #9D653F;
}
.program-card__number {
    position: absolute;
  bottom: 20px;
    right: 30px;
    color: #9D653F33;
    font-size: 92px;
    font-family: 'Lora-Bold';
    font-weight: 700;
    line-height: 73px;
    transition: .8s;
}
.program-card:hover .program_link {
    background: #3D56321A;
}
.program-card:active .program_link {
    background: #3D56324D;
    color: #29421E;
}
.program-card:active .program-card__number {
    color: #9D653F66;
}
.event_navigation .slick-dots {
    max-width: max-content;
}
.event_navigation .slick-dots li button:before {
  content: none; /* Убираем стандартные точки */
}
.event_navigation .slick-dots li {
    width: 24px;
    height: 32px;
}
.event_navigation .slick-dots li .tab {
    font-family: 'GolosText-Regular';
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    display: block;
    width: 100%;
    height: 100%;
    color: #3D5632; /* Цвет цифр */
    background: none; /* Фон цифр */
    /* Добавьте свои стили */
}
.event_navigation .slick-dots li.slick-active .tab {
  background: none; /* Цвет активной цифры */
  color: #9D653F;
  border-bottom: 1px solid #9D653F;
}
.event_navigation .slick-prev, .event_navigation .slick-next,
.program-grid .slick-prev, .program-grid .slick-next {
    border: 1px solid #3D5632;
    border-radius: 8px;
    background: none;
    width: 32px;
    height: 32px;
    top: auto;
    bottom: -78px;
    right: 38%;
    z-index: 5;
}
.event_navigation .slick-prev,
.program-grid .slick-prev {
    right: auto;
    left: 38%;
}
.event_navigation .slick-prev:before, .event_navigation .slick-next:before,
.program-grid .slick-prev:before, .program-grid .slick-next:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10 3L5 8L10 13' stroke='%233D5632' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    display: block;
    margin: 0 auto;
    height: 16px
}
.event_navigation .slick-next:before,
.program-grid .slick-next:before {
    transform: rotate(180deg);
}
.program-grid .slick-prev {
    left: 43%;
}
.program-grid .slick-next {
    right: 45%;
}
.event_navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px; 
    margin-top: 20px;
}
.event_navigation .slick-prev,
.event_navigation .slick-next,
.event_navigation .slick-dots {
  position: static;
  transform: none;
  display: block; /* Для корректного отображения внутри flex-контейнера */
  margin: 0;
  padding: 0;
}
.event_navigation .slick-prev {
  order: 1;
}
.event_navigation .slick-dots {
  order: 2;
}
.event_navigation .slick-next {
  order: 3;
}
/* .event_cards {
    display: flex;
    gap: 20px;
    justify-content: space-between;
} */
.event_card {
    background-image: url('../../images/home/event_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 24px;
    min-height: 328px;
    position: relative;
    width: 100% !important;
    max-width: 380px;
    margin-right: 20px;
}
.event_cards .event_card:last-child {
    margin-right: 0;
}
.event_card img {
   width: 332px;
   height: 187px;
   object-fit: cover;
   border-radius: 8px;
}
.event_date {
    background: #33333399;
    border-radius: 24px;
    max-width: max-content;
    padding: 4px 10px;
    font-family: 'GolosText-Regular';
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #FFF4E7;
    position: absolute;
    top: 40px;
    left: 40px;
}
.event_type {
    background: #9D653F;
    border-radius: 6px;
    padding: 4px 8px;
    max-width: max-content;
    font-family: 'Lora-Regular';
    font-weight: 400;
    font-size: 15px;
    color: #FFF4E7;
    line-height: 16px;
    margin: 16px 0 8px;
}
.event_title {
    font-family: 'Lora-SemiBold';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.section.news {
    padding: 155px 0 80px;
}
.sectionNews {
    padding-top: 100px;
}
.news {
    background-image: url('../../images/home/bg/news_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    position: relative;
}
.newsNo {
    background-size: contain;
}
.news_airplane {
    position: absolute;
    top: clamp(-95px, calc(-95px + 5 * ((100vw - 1280px) / 640)), -90px);
    left: clamp(530px, calc(530px + 70 * ((100vw - 1280px) / 640)), 600px);
    perspective: 400px;
}
.news_airplane img {
    animation: airplane-circle 7s linear infinite;
    transform-origin: center center;
}
@keyframes airplane-circle {
    0%   { transform: rotateX(0deg)    rotateY(12deg)  rotateZ(0deg); }
    25%  { transform: rotateX(12deg)   rotateY(0deg)   rotateZ(-4deg); }
    50%  { transform: rotateX(0deg)    rotateY(-12deg) rotateZ(0deg); }
    75%  { transform: rotateX(-12deg)  rotateY(0deg)   rotateZ(4deg); }
    100% { transform: rotateX(0deg)    rotateY(12deg)  rotateZ(0deg); }
}
.news_place_path {
    position: absolute;
    top: -105px;
    width: clamp(549px, calc(549px + 93 * ((100vw - 1280px) / 640)), 642px);
    left: clamp(-12px, calc(-12px + 18 * ((100vw - 1280px) / 640)), -30px);
    pointer-events: none;
}
.news_title {
    text-align: center;
}
.news_inner {
    background: #FFF4E7E5;
    border-radius: 24px;
    padding: 28px 40px 34px;
    max-width: 580px;
    margin: 0 auto;
}
.news_cards {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.news_card {
    border-top: 0.5px solid #3D563280;
    padding: 8px;
    transition: .8s;
}
.news_card-title, .news_text {
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_card-title {
    font-family: 'Lora-SemiBold';
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 6px;
}
.news_text {
    font-family: 'Lora-Regular';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px;
}
.news_bot {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}
.news_bot .news_card-read {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #3D56321A;
    border-radius: 8px;
    padding: 2px 8px;
    color: #3D5632;
    font-family: 'Lora-Regular';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    opacity: 0;
    transition: .8s;
}
.news_card:hover {
    background: #3D56320A;
}
.news_card:hover .news_card-read {
    opacity: 1;
}
.news_card:active {
    background: #3D563214;
}
.news_card:active .news_card-read:active {
    background: #3D56324D;
    color: #29421E;
}
.news_bot span {
    font-family: 'GolosText-Regular';
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #333333CC;
}
.news_button {
    margin: 30px auto 0;
    display: block;
    max-width: max-content;
}
.shell.forum__grid {
    position: relative;
}
.forum_img {
    position: absolute;
}
.forum_img--map {
    left: -275px;
    z-index: -1;
    top: 85px;
    transition: transform 0.4s ease;
}
.forum_img--man {
    top: 330px;
    left: 0;
    transition: transform 0.4s ease;
}
.shell.forum__grid:hover .forum_img--map {
    transform: translateY(-10px);
}
.shell.forum__grid:hover .forum_img--man {
    transform: translateY(10px);
}
.forum_title {
    margin-bottom: 24px;
}
.forum_subtitle {
    font-family: 'Gogol-Regular';
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    color: #3D5632;
    margin-bottom: 30px;
}
.forum_content {
    width: 100%;
    display: flex;
    gap: 20px;
}
.forum_left,
.forum_right {
    width: 50%;
}
.forum_right {}
.forum_text {}
.forum_text p {
    font-family: 'Lora-Regular';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;

}
.forum_text p:last-child {
    margin-top: 34px;
    margin-bottom: 34px;
    padding-left: 12px;
    border-left: 1px solid #B16C5B;
}
.forum_participant {}
.forum_participant h5 {
    font-family: 'Lora-Bold';
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    color: #333333;
    margin-bottom: 24px;
}
.forum_participant ul li {
    font-family: 'Lora-Regular';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.forum_participant a {
    font-family: 'Lora-Regular';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-decoration: underline;
    text-underline-offset: 3px;
    color: #3D5632;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    margin-top: 40px;
}

.join_title {
    margin-bottom: 16px;
}
.join_title span {
    color: #9D653F;
}
.join_create {
    font-family: 'Lora-Regular';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #333333;
}
.join__grid {
    display: grid;
    grid-template-columns: 480px 1fr;
    gap: 20px;
    align-items: center;
}
.join__form {
    padding: 36px 40px;
    background-image: url(../../images/home/join_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.join__form-grid {
    display: grid;
    gap: 8px;
}
.join__input {
    width: 100%;
    padding: 11px 14px;
    border-radius: 8px;
    background: #FFF4E7;
    border: 1px dashed #9D653F66;
    font-family: 'Lora-Regular';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
}
.join__input[type="date"] {
    background-image: url('/images/icons/calendar.svg');
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 18px;
    padding-right: 44px;
}

.join__input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
    width: 18px;
    height: 18px;
}
.join__input:focus,
.join__input:focus-visible {
    outline: none;
    border-color: #AE7954;
}
.join__check {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #5f5a53;
}
.join__check,
.join__check a {
    font-family: 'Lora-Regular';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
}
.join__check a {
    color: #9D653F;
}
.join__submit {
    padding: 12px 28px;
    border: 0;
    border-radius: 8px;
    background: #3D5632;
    color: #FFF4E7;
    font-family: 'Lora-Regular';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
    max-width: max-content;
    margin: 0 auto;
    margin-top: 12px;
    transition: .8s;
}
.join__submit:hover {
    background: #516A46;
}
.join__submit:active {
    background: #29421E;
}
.join__lock {
    margin-top: 2px;
    font-family: 'Lora-Regular';
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #333333CC;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.join__contact {
    margin-top: 22px;
    text-align: center;
    font-family: 'Lora-Regular';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
}
.join__link {
    color: #9D653F;
}
@media screen and (max-width: 1439.98px) {
    .about_bg--img--logo {
        left: -115px;
    }
    .about_bg--soldier {
        left: -155px;
    }
}
@media screen and (max-width: 1279.98px) {
    .news_airplane {
        left: clamp(350px, calc(350px + 180 * ((100vw - 1024px) / 256)), 530px);
    }
    .news_place_path {
        left: clamp(-190px, calc(-190px + 178 * ((100vw - 1024px) / 256)), -12px);
    }
    .hero {
        padding: 120px 0 100px;
    }
    .photo-card--one-video {
        width: 239px;
    }
    .photo-card--two-video {
        width: 285px;
    }
    .impact_slider--photos {
        width: 135px;
        top: 65px;
        left: 74px;
    }
    .program-card-right {
        max-width: 525px;
    }
    .forum_left {
        width: 60%;
    }
    .forum_right {
        width: 40%;
    }
    .forum_img--man {
        top: 395px;
    }
    .forum_img--map {
        left: -256px;
        top: 141px;
    }
    .section.about {
        padding: 144px 0 65px;
    }
    .about_inner .section-intro {
        max-width: 390px;
    }
    .about_bg_project_right_map {
        right: -270px;
    }
    .about_bg_project_right_cap {
        right: -210px;
        bottom: 40px;
    }
    .about_bg_project_right_order {
        right: -50px;
        bottom: 80px;
    }
    .impact {
        background-image: url('../../images/home/bg/map_1024.png');
    }
}
@media screen and (max-width: 1023.98px) {
    .news_airplane {
        top: clamp(-95px, calc(-40px + (-55) * ((100vw - 768px) / 256)), -40px);
        left: clamp(260px, calc(260px + 90 * ((100vw - 768px) / 256)), 350px);
    }
    .news_place_path {
        top: clamp(-105px, calc(-40px + (-65) * ((100vw - 768px) / 256)), -40px);
        left: clamp(-290px, calc(-290px + 100 * ((100vw - 768px) / 256)), -190px);
    }
    .section.about {
        padding: 80px 0 100px;
    }
    .about_inner .section-intro, .about_inner {
        max-width: 100%;
    }
    .about_bg--img--logo, .about_bg--soldier,
    .about_bg_project_right_map, .about_bg_project_right_cap, .about_bg_project_right_order {
        display: none;
    }
    .forum_img--map,
    .forum_img--man {
        transition: none;
    }
    .shell.forum__grid:hover .forum_img--map,
    .shell.forum__grid:hover .forum_img--man {
        transform: none;
    }
    .about_bg_project_right_cap,
    .about_bg_project_right_order {
        transition: none;
    }
    .shell.about__layout:hover .about_bg_project_right_cap,
    .shell.about__layout:hover .about_bg_project_right_order {
        transform: none;
    }
    .impact {
        margin-top: -93px;
        background-image: url('../../images/home/bg/map_768.png');
    }
    .photo-card--one-video {
        width: 171px;
    }
    .photo-card--two-video {
        width: 207px;
    }
    .photo-card--one {
        left: 2%;
    }
    .photo-card--two {
        left: 43%;
    }
    .about_bg--soldier {
        left: -265px;
    }
    .impact__panel {
        display: flex;
        flex-direction: column-reverse;
    }
    .impact_link-1920 {
        display: none;
    }
    .impact_link-1024 {
        display: flex;
        width: 100%;
    }
    .impact__copy h2 {
        max-width: 560px;
    }
    .impact_slider--photos {
        width: 162px;
        top: 91px;
        left: 87px;
    }
    .program-card-right {
        padding: 0;
        max-width: 100%;
    }
    .program-card-left {
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        width: 100%;
    }
    .program-card-left img {
        margin: 0 auto;
    }
    .program-card-right--1, .program-card-right--2 {
        margin-top: 340px;
    }
    .program-card-right--3 {
        margin-top: 310px;
    }
    .program-card__number {
        right: auto;
        left: 30px;
        bottom: auto;
        top: 30px;
        color: #A8704A99;
        font-size: 96px;
    }
    .section.event {
        overflow: hidden;
    }
    .event_card {
        max-width: 480px;
    }
    .event_card img {
        width: 100%;
        height: 243px;
    }
    .event_cards {
        width: calc(50vw + 244px);
    }
    .event_cards .slick-list {
        overflow: visible;
    }
    .forum_content {
        flex-direction: column;
        gap: 152px;
    }
    .forum_left, .forum_right {
        width: 100%;
    }
    .forum_left {
        display: flex;
        justify-content: center;
    }
    .forum_img--man {
        top: 400px;
        left: 140px;
    }
    .forum_img--map {
        left: -165px;
        top: 212px;
        max-width: 760px;
    }
    .join__grid {
        display: flex;
        flex-direction: column;
    }
    .join__form {
        width: 100%;
    }
}
@media screen and (max-width: 767.98px) {
    .hero__grid {
        grid-template-columns: 1fr;
    }
    .hero__aside {
        margin-top: -130px;
        height: 320px;
    }
    .photo-card--one {
        top: 10%;
        left: 48%;
        width: 34%;
    }
    .photo-card--two {
        bottom: 30%;
        left: 73%;
        width: 41%;
    }
    .photo-card--one-video {
        width: 182px;
    }
    .photo-card--two-video {
        width: 224px;
    }
    .impact {
        background-image: url('../../images/home/bg/map_660.png');
    }
    .impact_slider--photos {
        width: 148px;
        top: 78px;
        left: 79px;
    }
    .program-grid .slick-prev {
        left: 42%;
    }
    .program-grid .slick-next {
        right: 44%;
    }
    .section.forum {
        overflow: hidden;
    }
    .forum_img--man {
        width: 100%;
        top: 375px;
        left: 195px;
    }
    .forum_img--map {
        left: -165px;
        top: 212px;
        max-width: 760px;
    }
}
@media screen and (max-width: 659.98px) {
    .news_airplane {
        top: clamp(-40px, calc(-20px + (-20) * ((100vw - 475px) / 185)), -20px);
        left: clamp(160px, calc(160px + 100 * ((100vw - 475px) / 185)), 260px);
    }
    .news_place_path {
        width: 510px;
        left: clamp(-330px, calc(-330px + 40 * ((100vw - 475px) / 185)), -290px);
    } 
    .impact {
        margin-bottom: 60px;
        margin-top: 0;
    }
    .section {
        padding: 0;
        padding-bottom: 60px;
    }
    .section.about, .section.event {
        padding-top: 60px;
    }
    .section-title {
        font-size: 40px;
        line-height: 40px;
    }
    .hero {
        padding: 96px 0 100px;
    }
    .hero__title {
        font-size: 40px;
        line-height: 60px;
        margin-bottom: 8px;
    }
    .hero__text {
        font-size: 32px;
        margin-bottom: 32px;
    }
    .hero__aside {
        margin-top: 0;
        height: auto;
    }
    .photo-card--one {
        left: 5%;
        top: 22%;
        width: 46%;
    }
    .photo-card--two {
        bottom: 0%;
        left: 40%;
        width: 56%;
    }
    .photo-card--one-video {
        width: 191px;
    }
    .photo-card--two-video {
        width: 235px;
    }
    .photo-card span {
        font-size: 20px;
        margin-top: 15px;
    }
    .photo-stack {
        height: 370px;
    }
    .about_bg--soldier {
        left: -308px;
    }
    .impact {
        background-image: url('../../images/home/bg/map_660.png');
    }
    .impact_slider--photos {
        width: 104px;
        top: 34px;
        left: 56px;
    }
    .program-card-left {
        width: 110%;
    }
    .program-grid .slick-prev {
        left: 39%;
    }
    .program-grid .slick-next {
        right: 41%;
    }
    .program-card-left--2 {
        left: 55%;
    }
    .program-card-left--3 {
        left: 64%;
    }
    .program-card-right--3 {
        margin-top: 285px;
    }
    .program-grid .slick-prev, .program-grid .slick-next {
        bottom: -70px;
    }
    .event_card {
        max-width: 410px;
    }
    .event_card img {
        height: 203px;
    }
    .news_button {
        text-align: center;
        max-width: 100%;
    }
    .forum_img--man {
        top: 340px;
        left: 105px;
    }
    .forum_img--map {
        left: -64px;
        top: 366px;
        max-width: 310px;
        z-index: 0;
    }
    .forum_subtitle, .section-eyebrow {
        font-size: 32px !important;
    }
    .forum_text p, .forum_participant ul li, .join_create {
        font-size: 16px;
        line-height: 22px;
    }
    .join__submit {
        width: 100%;
        max-width: 100%;
    }
}
@media screen and (max-width: 474.98px) {
    .sectionNews {
        padding-top: 0;
    }
    .news_inner {
        background: #f6f0e4;
    }
    .news_airplane {
        width: 156px;
        left: 50%;
        transform: translateX(-50%);
        top: 40px;
    }
    .news_place_path {
        width: 339px;
        left: clamp(-220px, calc(-220px + 40 * ((100vw - 375px) / 100)), -180px);
        top: 25px;
    } 
    .section.about {
        padding: 60px 0;
    }
    .impact {
        margin-top: 0;
    }
    .photo-card--one {
        left: -3%;
        top: 16%;
        width: 55%;
    }
    .photo-card--two {
        bottom: -3%;
        left: 39%;
        width: 65%;
    }
    .photo-card--one-video {
        width: 230px;
    }
    .photo-card--two-video {
        width: 277px;
    }
    .about_bg--soldier {
        display: none;
    }
    .section-intro {
        font-size: 16px;
        line-height: 18px;
    }
    .about_button {
        width: 100%;
    }
    .impact {
        background-image: url('../../images/home/bg/map_475.png');
    }
    .impact_slider--photos {
        width: 91px;
        top: 22px;
        left: 50px;
    }
    .impact__copy p {
        line-height: 22px;
    }
    .program-card-left--2 {
        left: 45%;
    }
    .program-card-left--3 {
        left: 60%;
    }
    .program-card-right--1 {
        margin-top: 305px;
    }
    .program-card-right--3 {
        margin-top: 250px;
    }
    .program-card-left {
        width: 100%;
    }
    .event_card {
        max-width: 330px;
        margin-right: 16px;
    }
    .event_card img {
        height: 160px;
    }
    .forum_content {
        gap: 16px;
    }
    .forum_img--man, .forum_img--map { 
        display: none;
    }

}
@media screen and (max-width: 424.98px) {
    .photo-card--one {
        left: 1%;
        top: 16%;
        width: 50%;
    }
    .photo-card--two {
        bottom: -3%;
        left: 35%;
        width: 60%;
    }
    .photo-card--one-video {
        width: 210px;
    }
    .photo-card--two-video {
        width: 252px;
    }
    .impact_slider--photos {
        width: 80px;
        top: 10px;
        left: 43px;
    }
    .program-card-right--1 {
        margin-top: 260px;
    }
    .program-card-left--2 img {
        max-width: 478px;
    }
    .program-card-right--2 {
        margin-top: 300px;
    }
    .program-card-right--3 {
        margin-top: 200px;
    }
    .program-grid .slick-prev {
        left: 37%;
    }
    .program-grid .slick-next {
        right: 39%;
    }
    .event_card img {
        height: 170px;
    }
}
@media screen and (max-width: 374.98px) {
    .impact_slider--photos {
        width: 67px;
        top: -3px;
        left: 36px;
    }
    .program-grid .slick-prev {
        left: 35%;
    }
    .program-grid .slick-next {
        right: 37%;
    }
    .event_card {
        max-width: 280px;
    }
    .event_card img {
        height: 130px;
    }
}