feat: added conditions

assets/css/index.css

@@ -1563,3 +1563,219 @@ h3 {
     display: flex;
   }
 }
+
+.conditions {
+  margin: 114px 0;
+}
+@media (max-width: 768px) {
+  .conditions {
+    margin: 89px 0;
+  }
+}
+.conditions__title {
+  margin: 21px auto 10px;
+}
+.conditions__location {
+  display: flex;
+  align-items: stretch;
+  gap: 48px;
+  margin: 0 0 48px;
+}
+@media (max-width: 1240px) {
+  .conditions__location {
+    gap: 24px;
+  }
+}
+@media (max-width: 992px) {
+  .conditions__location {
+    flex-direction: column;
+    margin: 0 0 30px;
+  }
+}
+.conditions__location-text, .conditions__location-address {
+  border-radius: 40px 12px;
+}
+@media (max-width: 992px) {
+  .conditions__location-text, .conditions__location-address {
+    border-radius: 30px 10px;
+  }
+}
+.conditions__location-text {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px 36px;
+  font-weight: 500;
+  font-size: 23px;
+  line-height: 141%;
+  text-align: center;
+  color: #4d4d4d;
+  background-color: #ffffff;
+}
+@media (max-width: 768px) {
+  .conditions__location-text {
+    padding: 14px 18px;
+    font-size: 16px;
+  }
+}
+.conditions__location-address {
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  padding: 30px 32px 30px 45px;
+  font-weight: 700;
+  font-size: 35px;
+  line-height: 146%;
+  color: #ffffff;
+  background-color: #609eff;
+}
+@media (max-width: 992px) {
+  .conditions__location-address {
+    justify-content: center;
+  }
+}
+@media (max-width: 768px) {
+  .conditions__location-address {
+    padding: 18px 18px 18px 24px;
+    font-size: 21px;
+  }
+}
+.conditions__location-address::before {
+  content: "";
+  flex: 0 0 auto;
+  height: 28px;
+  width: 22px;
+  background: url(../img/icons/location.svg) center no-repeat;
+}
+.conditions__sliders {
+  position: relative;
+  z-index: 10;
+  margin: 48px 0;
+}
+@media (max-width: 768px) {
+  .conditions__sliders {
+    margin: 48px -15px 108px;
+  }
+}
+.conditions__sliders-main .swiper-slide img {
+  display: block;
+  height: 566px;
+  width: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  border-radius: 66px 22px;
+}
+@media (max-width: 768px) {
+  .conditions__sliders-main .swiper-slide img {
+    height: 380px;
+    border-radius: 40px 16px;
+  }
+}
+.conditions__sliders-thumbs {
+  position: absolute;
+  left: 50%;
+  bottom: 32px;
+  width: 440px;
+  z-index: 100;
+  transform: translateX(-50%);
+}
+@media (max-width: 768px) {
+  .conditions__sliders-thumbs {
+    bottom: -54px;
+    max-width: calc(100% - 30px);
+  }
+}
+.conditions__sliders-thumbs .swiper-slide img {
+  display: block;
+  height: 84px;
+  width: 100%;
+  box-sizing: border-box;
+  -o-object-fit: cover;
+     object-fit: cover;
+  border: 2px solid #ffffff;
+  border-radius: 5px 12px;
+}
+@media (max-width: 768px) {
+  .conditions__sliders-thumbs .swiper-slide img {
+    height: 64px;
+  }
+}
+.conditions__sliders-thumbs .swiper-slide-thumb-active img {
+  border-color: #609eff;
+}
+.conditions__sliders-controls {
+  position: absolute;
+  top: 50%;
+  left: 40px;
+  right: 40px;
+  z-index: 101;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  transform: translateY(-50%);
+}
+@media (max-width: 768px) {
+  .conditions__sliders-controls {
+    left: 15px;
+    right: 15px;
+  }
+}
+.conditions__advantages {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 44px 60px;
+}
+@media (max-width: 992px) {
+  .conditions__advantages {
+    gap: 44px;
+  }
+}
+@media (max-width: 576px) {
+  .conditions__advantages {
+    gap: 36px;
+  }
+}
+.conditions__advantage {
+  flex: calc(33.3333333333% - 40px);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 20px;
+}
+@media (max-width: 992px) {
+  .conditions__advantage {
+    flex: calc(50% - 22px);
+  }
+}
+@media (max-width: 576px) {
+  .conditions__advantage {
+    flex: 1 1 100%;
+  }
+}
+.conditions__advantage-figure {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 64px;
+  width: 64px;
+  border-radius: 64px;
+  background-color: #609eff;
+}
+.conditions__advantage-figure-image {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+.conditions__advantage-text {
+  font-weight: 500;
+  font-size: 21px;
+  line-height: 146%;
+  text-align: center;
+  color: #878787;
+}
+@media (max-width: 768px) {
+  .conditions__advantage-text {
+    font-size: 19px;
+  }
+}

assets/img/icons/cottage.svg

@@ -0,0 +1,15 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_141_7599)">
+<path opacity="0.956" fill-rule="evenodd" clip-rule="evenodd" d="M15.7812 -0.03125C15.8438 -0.03125 15.9062 -0.03125 15.9688 -0.03125C21.2838 4.20047 26.6171 8.40881 31.9688 12.5937C31.9688 12.6354 31.9688 12.6771 31.9688 12.7187C31.5526 13.1769 31.1568 13.6561 30.7812 14.1562C25.9598 10.3661 21.1473 6.564 16.3438 2.75C16.2033 2.63039 16.047 2.53664 15.875 2.46875C10.993 6.37125 6.12844 10.2984 1.28125 14.25C1.13104 14.2894 1.01646 14.2373 0.9375 14.0937C0.623074 13.6861 0.300157 13.2902 -0.03125 12.9062C-0.03125 12.8646 -0.03125 12.8229 -0.03125 12.7812C5.25922 8.53219 10.5301 4.26138 15.7812 -0.03125ZM15.5312 7.59375C17.1537 7.51875 18.2266 8.24794 18.75 9.78125C18.9802 11.5608 18.2406 12.7171 16.5312 13.25C14.8446 13.4174 13.7301 12.6987 13.1875 11.0937C12.9882 9.26169 13.7694 8.09506 15.5312 7.59375Z" fill="white"/>
+<path opacity="0.986" fill-rule="evenodd" clip-rule="evenodd" d="M31.9688 22.4688C31.9688 23.1146 31.9688 23.7604 31.9688 24.4062C31.4688 24.4062 30.9688 24.4062 30.4688 24.4062C30.4688 25.0104 30.4688 25.6146 30.4688 26.2188C30.9688 26.2188 31.4688 26.2188 31.9688 26.2188C31.9688 26.8646 31.9688 27.5104 31.9688 28.1562C28.6979 28.1562 25.4271 28.1562 22.1562 28.1562C22.1562 24.3646 22.1562 20.5729 22.1562 16.7812C18.0312 16.7812 13.9062 16.7812 9.78125 16.7812C9.78125 20.5729 9.78125 24.3646 9.78125 28.1562C6.51044 28.1562 3.23958 28.1562 -0.03125 28.1562C-0.03125 27.5104 -0.03125 26.8646 -0.03125 26.2188C0.489583 26.2188 1.01042 26.2188 1.53125 26.2188C1.53125 25.6146 1.53125 25.0104 1.53125 24.4062C1.01042 24.4062 0.489583 24.4062 -0.03125 24.4062C-0.03125 23.7604 -0.03125 23.1146 -0.03125 22.4688C0.489583 22.4688 1.01042 22.4688 1.53125 22.4688C1.53125 21.6146 1.53125 20.7604 1.53125 19.9062C2.17708 19.9062 2.82292 19.9062 3.46875 19.9062C3.46875 20.7604 3.46875 21.6146 3.46875 22.4688C4.03125 22.4688 4.59375 22.4688 5.15625 22.4688C5.14583 19.4062 5.15625 16.3437 5.1875 13.2812C8.76944 10.4181 12.3424 7.54312 15.9062 4.65625C19.5715 7.54019 23.2278 10.436 26.875 13.3438C26.9062 16.3854 26.9167 19.427 26.9062 22.4688C27.4479 22.4688 27.9896 22.4688 28.5312 22.4688C28.5312 21.6146 28.5312 20.7604 28.5312 19.9062C29.1771 19.9062 29.8229 19.9062 30.4688 19.9062C30.4688 20.7604 30.4688 21.6146 30.4688 22.4688C30.9688 22.4688 31.4688 22.4688 31.9688 22.4688ZM15.5312 7.59375C13.7694 8.09506 12.9882 9.26169 13.1875 11.0938C13.7301 12.6987 14.8446 13.4174 16.5312 13.25C18.2406 12.7171 18.9802 11.5608 18.75 9.78125C18.2266 8.24794 17.1537 7.51875 15.5312 7.59375ZM3.46875 24.4062C4.03125 24.4062 4.59375 24.4062 5.15625 24.4062C5.15625 25.0104 5.15625 25.6146 5.15625 26.2188C4.59375 26.2188 4.03125 26.2188 3.46875 26.2188C3.46875 25.6146 3.46875 25.0104 3.46875 24.4062ZM26.9062 24.4062C27.4479 24.4062 27.9896 24.4062 28.5312 24.4062C28.5312 25.0104 28.5312 25.6146 28.5312 26.2188C27.9896 26.2188 27.4479 26.2188 26.9062 26.2188C26.9062 25.6146 26.9062 25.0104 26.9062 24.4062Z" fill="white"/>
+<path opacity="0.927" fill-rule="evenodd" clip-rule="evenodd" d="M15.6565 9.40623C16.725 9.36017 17.1521 9.86017 16.9377 10.9062C16.5291 11.4924 15.9978 11.6279 15.344 11.3125C14.7931 10.7675 14.7722 10.205 15.2815 9.62498C15.4206 9.56617 15.5456 9.49323 15.6565 9.40623Z" fill="white"/>
+<path opacity="0.979" fill-rule="evenodd" clip-rule="evenodd" d="M11.5938 18.6562C12.7396 18.6562 13.8854 18.6562 15.0312 18.6562C15.0312 21.8229 15.0312 24.9896 15.0312 28.1562C13.8854 28.1562 12.7396 28.1562 11.5938 28.1562C11.5938 24.9896 11.5938 21.8229 11.5938 18.6562Z" fill="white"/>
+<path opacity="0.978" fill-rule="evenodd" clip-rule="evenodd" d="M16.9062 18.6562C18.0521 18.6562 19.1979 18.6562 20.3438 18.6562C20.3438 21.8229 20.3438 24.9896 20.3438 28.1562C19.1979 28.1562 18.0521 28.1562 16.9062 28.1562C16.9062 24.9896 16.9062 21.8229 16.9062 18.6562Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M-0.03125 30.0938C10.6354 30.0938 21.3021 30.0938 31.9688 30.0938C31.9688 30.7188 31.9688 31.3438 31.9688 31.9688C21.3021 31.9688 10.6354 31.9688 -0.03125 31.9688C-0.03125 31.3438 -0.03125 30.7188 -0.03125 30.0938Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_141_7599">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

assets/img/icons/eye.svg

@@ -0,0 +1,4 @@
+<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.985" fill-rule="evenodd" clip-rule="evenodd" d="M17.4786 7.08767C21.9005 6.76513 25.7599 8.06395 29.0567 10.9842C30.7321 12.5344 32.1546 14.2786 33.3243 16.2166C34.1736 17.8645 34.2478 19.5468 33.5469 21.2635C31.8246 24.4208 29.4373 26.9566 26.3848 28.8709C23.2619 30.6567 19.922 31.2504 16.3653 30.6521C13.5504 30.1105 11.0765 28.8983 8.94343 27.0154C7.04818 25.3113 5.50195 23.3445 4.30476 21.115C3.66186 19.3756 3.78556 17.6933 4.67586 16.0681C6.15059 13.6036 8.04316 11.5131 10.3536 9.79666C12.507 8.29974 14.882 7.39672 17.4786 7.08767ZM19.0372 11.8377C22.7904 12.1769 25.0911 14.1808 25.9395 17.8494C26.2872 21.3451 24.9017 23.8809 21.7833 25.4568C18.549 26.6367 15.7658 25.9564 13.4337 23.4158C11.4132 20.5953 11.339 17.7255 13.211 14.8064C14.6988 12.9183 16.6409 11.9287 19.0372 11.8377Z" fill="white"/>
+<path opacity="0.972" fill-rule="evenodd" clip-rule="evenodd" d="M18.5176 14.9552C19.5494 14.8915 20.4894 15.1512 21.3379 15.7345C21.4497 15.7966 21.4868 15.8833 21.4492 15.9943C20.6053 16.5194 20.3826 17.2368 20.7812 18.1466C21.3639 18.9037 22.0937 19.1016 22.9707 18.7404C22.7786 21.5674 21.2695 22.9653 18.4434 22.9337C16.2664 22.501 15.1037 21.1774 14.9551 18.963C15.1263 16.7141 16.3138 15.3782 18.5176 14.9552Z" fill="white"/>
+</svg>

assets/img/icons/location.svg

@@ -0,0 +1,3 @@
+<svg width="21" height="28" viewBox="0 0 21 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.38455 0.0558872C5.82294 0.411377 2.70096 2.51979 1.05077 5.66402C0.776796 6.19112 0.343541 7.39855 0.216113 8.01759C-0.25537 10.2486 0.050457 12.5286 1.07625 14.539C1.22916 14.8393 3.2489 17.9284 5.56171 21.4036C8.68369 26.0923 9.82417 27.7594 9.98346 27.8575C10.2765 28.0475 10.7225 28.0475 11.0156 27.8575C11.1685 27.7594 12.3281 26.0739 15.4183 21.4403C17.7247 17.9835 19.7508 14.8822 19.9228 14.5451C21.1207 12.1976 21.3309 9.47632 20.4963 7.01855C19.9611 5.44337 19.1264 4.13174 17.9158 2.96721C15.654 0.79138 12.5639 -0.262825 9.38455 0.0558872ZM11.6783 5.64563C13.3922 6.10531 14.7238 7.41081 15.157 9.05954C15.208 9.24954 15.2462 9.7031 15.2462 10.1015C15.2462 10.8554 15.1698 11.2538 14.9085 11.8483C14.316 13.1906 13.0608 14.2202 11.5827 14.5819C11.1303 14.6922 9.86877 14.6922 9.41641 14.5819C7.93824 14.2202 6.68308 13.1906 6.09054 11.8483C5.82931 11.2538 5.75285 10.8554 5.75285 10.1015C5.75285 9.34761 5.82931 8.94922 6.09054 8.35469C6.68308 7.00629 8.03381 5.90305 9.41641 5.63337C9.60755 5.5966 9.82417 5.55369 9.89426 5.54144C10.13 5.48627 11.3533 5.55982 11.6783 5.64563Z" fill="white"/>
+</svg>

assets/img/icons/lodging.svg

@@ -0,0 +1,5 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.971" fill-rule="evenodd" clip-rule="evenodd" d="M17.9387 2.39919C24.4853 1.99532 28.8652 4.86445 31.0783 11.0066C32.0324 14.339 31.8039 17.5889 30.3928 20.7566C29.2072 23.3096 27.8361 25.7471 26.2795 28.0691C24.5143 30.6723 22.6608 33.2113 20.7189 35.6863C20.5031 35.9021 20.2873 36.118 20.0715 36.3338C19.6653 36.5876 19.259 36.5876 18.8527 36.3338C15.4406 32.3164 12.4318 28.0127 9.82637 23.4226C8.96281 21.8981 8.27726 20.2984 7.76973 18.6238C6.50488 13.5897 7.66011 9.2098 11.2355 5.48416C13.1379 3.73318 15.3722 2.70486 17.9387 2.39919ZM19.2336 4.22732C23.5893 4.36043 26.7758 6.3409 28.7932 10.1687C30.5135 14.3004 29.9549 18.0835 27.1174 21.5183C24.4214 24.3128 21.1588 25.3665 17.3293 24.6795C13.1018 23.6003 10.4485 20.947 9.36933 16.7195C8.66238 12.4411 9.99539 8.9499 13.3684 6.24587C15.1317 5.00223 17.0867 4.32938 19.2336 4.22732Z" fill="white"/>
+<path opacity="0.977" fill-rule="evenodd" clip-rule="evenodd" d="M12.8348 10.0927C13.3572 10.0329 13.7254 10.236 13.9393 10.7021C13.9774 12.5046 13.9901 14.3074 13.9774 16.1103C15.1962 16.1103 16.4149 16.1103 17.6337 16.1103C17.6337 15.0947 17.6337 14.079 17.6337 13.0634C19.1773 12.8956 20.7007 13.0098 22.204 13.4062C23.306 13.709 24.2074 14.3057 24.9081 15.1963C24.9335 14.9169 24.9589 14.6377 24.9843 14.3584C25.4001 13.6838 25.9333 13.5823 26.5839 14.0537C26.6347 14.1552 26.6854 14.2568 26.7362 14.3584C26.7743 15.9324 26.787 17.5066 26.7743 19.081C26.1649 19.081 25.5556 19.081 24.9462 19.081C24.9462 18.7255 24.9462 18.3701 24.9462 18.0146C21.2899 18.0146 17.6337 18.0146 13.9774 18.0146C13.9774 18.3701 13.9774 18.7255 13.9774 19.081C13.3681 19.081 12.7587 19.081 12.1493 19.081C12.1366 16.288 12.1493 13.495 12.1874 10.7021C12.3192 10.4028 12.535 10.1996 12.8348 10.0927Z" fill="white"/>
+<path opacity="0.929" fill-rule="evenodd" clip-rule="evenodd" d="M15.6531 13.2158C16.5708 13.2195 17.0786 13.6765 17.1766 14.5869C17.1004 15.4248 16.6434 15.8818 15.8055 15.958C14.7294 15.7578 14.3104 15.123 14.5486 14.0537C14.7908 13.5974 15.1589 13.3181 15.6531 13.2158Z" fill="white"/>
+</svg>

assets/img/icons/nutrition.svg

@@ -0,0 +1,11 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_141_7552)">
+<path opacity="0.986" fill-rule="evenodd" clip-rule="evenodd" d="M-0.03125 15.6561C-0.03125 14.7603 -0.03125 13.8644 -0.03125 12.9686C0.117948 11.3233 0.670031 9.82332 1.625 8.46857C3.06712 6.84907 4.86921 6.10946 7.03125 6.24982C7.95081 7.12095 9.04456 7.63132 10.3125 7.78107C10.7584 7.72351 10.9251 7.47351 10.8125 7.03107C10.7604 6.97901 10.7083 6.92689 10.6562 6.87482C8.5025 6.59563 7.11706 5.41857 6.5 3.34357C6.20951 1.21772 7.11575 0.394801 9.21875 0.874823C11.0228 1.44973 12.0957 2.66848 12.4375 4.53107C12.8752 4.11437 13.3647 3.77062 13.9062 3.49982C14.3928 3.34682 14.6845 3.51349 14.7812 3.99982C14.7557 4.14487 14.7036 4.28029 14.625 4.40607C12.9384 5.23862 12.0217 6.59276 11.875 8.46857C12.1182 8.82851 12.4099 8.8702 12.75 8.59357C12.8808 7.83189 13.1517 7.12357 13.5625 6.46857C13.6189 6.39351 13.6918 6.34138 13.7812 6.31232C15.6303 5.97381 17.422 6.16131 19.1562 6.87482C20.854 7.77151 21.9373 9.15689 22.4062 11.0311C22.3908 11.286 22.2658 11.4631 22.0312 11.5623C20.2304 11.6481 18.6887 12.3148 17.4062 13.5623C13.6799 17.0394 10.8362 21.1331 8.875 25.8436C8.79256 25.9678 8.678 26.0407 8.53125 26.0623C7.03925 26.2801 5.68509 25.9468 4.46875 25.0623C2.96421 23.7743 1.84962 22.2014 1.125 20.3436C0.54378 18.8211 0.158363 17.2586 -0.03125 15.6561ZM5.15625 9.96857C5.7411 9.91189 5.95985 10.1619 5.8125 10.7186C5.09966 11.3105 4.64132 12.0605 4.4375 12.9686C4.11018 14.5995 4.1831 16.2141 4.65625 17.8123C4.48764 18.3715 4.18556 18.4653 3.75 18.0936C3.12962 16.2161 3.06712 14.3202 3.5625 12.4061C3.87616 11.4439 4.40741 10.6314 5.15625 9.96857Z" fill="white"/>
+<path opacity="0.98" fill-rule="evenodd" clip-rule="evenodd" d="M31.9688 15.5939C31.9688 15.7814 31.9688 15.9689 31.9688 16.1564C31.8841 16.2936 31.7591 16.3874 31.5938 16.4376C30.5243 16.4078 29.5034 16.6057 28.5312 17.0314C30.342 20.7176 29.5087 23.6238 26.0312 25.7501C25.7167 25.9683 25.4146 25.9579 25.125 25.7189C24.5155 24.2499 23.8072 22.8333 23 21.4689C22.7539 21.1084 22.4622 21.0668 22.125 21.3439C22.0361 21.502 22.0153 21.6687 22.0625 21.8439C22.9235 23.2325 23.6526 24.6908 24.25 26.2189C24.3434 26.533 24.2704 26.7934 24.0312 27.0001C22.2681 28.0251 20.4244 28.8689 18.5 29.5314C18.3358 29.4805 18.19 29.3972 18.0625 29.2814C17.5301 27.9871 16.8842 26.7579 16.125 25.5939C15.6924 25.2939 15.3903 25.3981 15.2188 25.9064C15.8394 26.9601 16.4124 28.0434 16.9375 29.1564C17.0881 29.4826 17.0568 29.7847 16.8438 30.0626C14.9131 30.7029 12.934 31.0779 10.9062 31.1876C9.68669 30.9159 9.04081 30.1554 8.96875 28.9064C8.976 28.6739 9.00725 28.4447 9.0625 28.2189C9.69669 26.337 10.4884 24.5245 11.4375 22.7814C11.6222 22.5453 11.8618 22.4724 12.1562 22.5626C12.4479 22.8126 12.7396 23.0626 13.0312 23.3126C13.6329 23.357 13.8307 23.0966 13.625 22.5314C13.2719 22.2304 12.9281 21.9179 12.5938 21.5939C12.4389 21.3533 12.4285 21.1033 12.5625 20.8439C13.0453 20.0694 13.5766 19.3298 14.1562 18.6251C14.3854 18.5001 14.6146 18.5001 14.8438 18.6251C15.7951 19.3261 16.6701 20.1178 17.4688 21.0001C17.879 21.1469 18.129 21.0011 18.2188 20.5626C18.1753 20.4443 18.1231 20.3298 18.0625 20.2189C17.2934 19.3659 16.4496 18.6055 15.5312 17.9376C15.2706 17.6968 15.2185 17.4155 15.375 17.0939C15.9021 16.4416 16.4749 15.8271 17.0938 15.2501C17.3438 15.1251 17.5938 15.1251 17.8438 15.2501C18.7935 15.8871 19.6893 16.5954 20.5312 17.3751C21.0384 17.4513 21.2572 17.2325 21.1875 16.7189C20.4191 15.9709 19.5962 15.2939 18.7188 14.6876C18.5107 14.4291 18.4794 14.1478 18.625 13.8439C20.7721 12.2911 22.9909 12.1974 25.2812 13.5626C25.747 13.8824 26.1949 14.2262 26.625 14.5939C26.8944 14.0984 27.1028 13.5775 27.25 13.0314C27.6014 12.7663 27.9139 12.808 28.1875 13.1564C28.1944 14.0004 27.9548 14.7712 27.4688 15.4689C27.5995 15.6677 27.7453 15.8552 27.9062 16.0314C29.1206 15.4887 30.3914 15.2699 31.7188 15.3751C31.7941 15.4611 31.8774 15.534 31.9688 15.5939ZM18.7188 23.9064C18.9718 23.9027 19.1697 24.0069 19.3125 24.2189C19.5 24.5522 19.6875 24.8856 19.875 25.2189C19.9479 25.7293 19.7292 25.9481 19.2188 25.8751C18.8995 25.4771 18.6182 25.05 18.375 24.5939C18.3105 24.2735 18.4251 24.0443 18.7188 23.9064Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_141_7552">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

assets/img/icons/table-tennis.svg

@@ -0,0 +1,13 @@
+<svg width="29" height="30" viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_141_7586)">
+<path opacity="0.98" fill-rule="evenodd" clip-rule="evenodd" d="M9.08447 -0.0292969C9.36572 -0.0292969 9.64697 -0.0292969 9.92822 -0.0292969C12.1 0.525759 13.0844 1.97107 12.8813 4.30664C12.4076 6.08859 11.2826 7.06512 9.50635 7.23633C7.3324 7.07139 6.16054 5.86043 5.99072 3.60352C6.11397 1.54209 7.1452 0.331157 9.08447 -0.0292969Z" fill="white"/>
+<path opacity="0.992" fill-rule="evenodd" clip-rule="evenodd" d="M16.3968 -0.0292969C17.1468 -0.0292969 17.8968 -0.0292969 18.6468 -0.0292969C22.9872 0.605338 26.0903 2.98815 27.9562 7.11914C28.3681 8.18314 28.64 9.27691 28.7718 10.4004C28.7718 11.1621 28.7718 11.9238 28.7718 12.6855C28.3423 16.365 26.6922 19.2849 23.8218 21.4453C22.3177 22.4819 20.6677 23.0873 18.8718 23.2617C14.6772 18.9217 10.5147 14.5564 6.38428 10.166C6.47821 9.49125 6.61884 8.82715 6.80615 8.17383C8.60075 9.19652 10.3914 9.1868 12.178 8.14453C14.1412 6.71959 14.9006 4.77622 14.4562 2.31445C14.3196 1.71175 14.0853 1.15511 13.753 0.644531C14.6175 0.316842 15.4987 0.0922324 16.3968 -0.0292969Z" fill="white"/>
+<path opacity="0.966" fill-rule="evenodd" clip-rule="evenodd" d="M6.38428 12.6855C9.7761 16.1894 13.1604 19.705 16.5374 23.2324C16.5761 23.2812 16.5667 23.3202 16.5093 23.3496C15.2691 23.1926 14.0691 22.8704 12.9093 22.3828C11.6962 22.1348 10.5993 22.3985 9.61865 23.1738C8.57094 22.1411 7.53971 21.0864 6.5249 20.0098C6.55516 19.7904 6.64888 19.5952 6.80615 19.4238C7.32123 18.5091 7.47125 17.5325 7.25615 16.4941C6.76177 15.274 6.47113 14.0045 6.38428 12.6855Z" fill="white"/>
+<path opacity="0.982" fill-rule="evenodd" clip-rule="evenodd" d="M3.79668 29.9707C3.44043 29.9707 3.08418 29.9707 2.72793 29.9707C2.26455 29.8562 1.85205 29.6316 1.49043 29.2969C1.10427 28.9142 0.738643 28.5138 0.393555 28.0957C0.219816 27.7734 0.0791909 27.4413 -0.0283203 27.0996C-0.0283203 26.748 -0.0283203 26.3965 -0.0283203 26.0449C0.0991883 25.4576 0.380438 24.9596 0.81543 24.5508C2.26855 23.3887 3.72168 22.2265 5.1748 21.0645C6.29041 22.2265 7.40607 23.3887 8.52168 24.5508C7.42481 26.0449 6.32793 27.5391 5.23105 29.0332C4.82914 29.4829 4.35102 29.7954 3.79668 29.9707Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_141_7586">
+<rect width="28.8" height="30" fill="white"/>
+</clipPath>
+</defs>
+</svg>

assets/js/sliders.js

@@ -100,3 +100,21 @@ const reviewsSwiper = new Swiper('.reviews .swiper', {
     prevEl: '.reviews .button--prev',
   },
 });
+
+const conditionsThumbsSwiper = new Swiper(".conditions__sliders-thumbs .swiper", {
+  spaceBetween: 16,
+  slidesPerView: 3,
+  freeMode: true,
+  watchSlidesProgress: true,
+});
+
+const conditionsSwiper = new Swiper(".conditions__sliders-main .swiper", {
+  spaceBetween: 20,
+  navigation: {
+    nextEl: ".conditions__sliders .button--next",
+    prevEl: ".conditions__sliders .button--prev",
+  },
+  thumbs: {
+    swiper: conditionsThumbsSwiper,
+  },
+});

assets/scss/_l-conditions.scss

@@ -0,0 +1,224 @@
+.conditions {
+  margin: 114px 0;
+
+  @include tablet {
+    margin: 89px 0;
+  }
+
+  &__title {
+    margin: 21px auto 10px;
+  }
+
+  &__location {
+    display: flex;
+    align-items: stretch;
+    gap: 48px;
+    margin: 0 0 48px;
+
+    @include desktop {
+      gap: 24px;
+    }
+
+    @include laptop {
+      flex-direction: column;
+      margin: 0 0 30px;
+    }
+
+    &-text,
+    &-address {
+      border-radius: 40px 12px;
+
+      @include laptop {
+        border-radius: 30px 10px;
+      }
+    }
+
+    &-text {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 16px 36px;
+      font-weight: 500;
+      font-size: 23px;
+      line-height: 141%;
+      text-align: center;
+      color: $darkgrey;
+      background-color: $white;
+
+      @include tablet {
+        padding: 14px 18px;
+        font-size: 16px;
+      }
+    }
+
+    &-address {
+      flex: 0 0 auto;
+      display: flex;
+      align-items: center;
+      gap: 20px;
+      padding: 30px 32px 30px 45px;
+      font-weight: 700;
+      font-size: 35px;
+      line-height: 146%;
+      color: $white;
+      background-color: $blue;
+
+      @include laptop {
+        justify-content: center;
+      }
+
+      @include tablet {
+        padding: 18px 18px 18px 24px;
+        font-size: 21px;
+      }
+
+      &::before {
+        content: '';
+        flex: 0 0 auto;
+        height: 28px;
+        width: 22px;
+        background: url(../img/icons/location.svg) center no-repeat;
+      }
+    }
+  }
+
+  &__sliders {
+    position: relative;
+    z-index: 10;
+    margin: 48px 0;
+
+    @include tablet {
+      margin: 48px -15px 108px;
+    }
+
+    &-main {
+      & .swiper {
+        &-slide {
+          & img {
+            display: block;
+            height: 566px;
+            width: 100%;
+            object-fit: cover;
+            border-radius: 66px 22px;
+
+            @include tablet {
+              height: 380px;
+              border-radius: 40px 16px;
+            }
+          }
+        }
+      }
+    }
+
+    &-thumbs {
+      position: absolute;
+      left: 50%;
+      bottom: 32px;
+      width: 440px;
+      z-index: 100;
+      transform: translateX(-50%);
+
+      @include tablet {
+        bottom: -54px;
+        max-width: calc(100% - 30px);
+      }
+
+      & .swiper {
+        &-slide {
+          & img {
+            display: block;
+            height: 84px;
+            width: 100%;
+            box-sizing: border-box;
+            object-fit: cover;
+            border: 2px solid $white;
+            border-radius: 5px 12px;
+
+            @include tablet {
+              height: 64px;
+            }
+          }
+
+          &-thumb-active img {
+            border-color: $blue;
+          }
+        }
+      }
+    }
+
+    &-controls {
+      position: absolute;
+      top: 50%;
+      left: 40px;
+      right: 40px;
+      z-index: 101;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      transform: translateY(-50%);
+
+      @include tablet {
+        left: 15px;
+        right: 15px;
+      }
+    }
+  }
+
+  &__advantages {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 44px 60px;
+
+    @include laptop {
+      gap: 44px;
+    }
+
+    @include mobile {
+      gap: 36px;
+    }
+  }
+
+  &__advantage {
+    flex: calc(100% / 3 - 60px / 3 * 2);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 20px;
+
+    @include laptop {
+      flex: calc(100% / 2 - 44px / 2);
+    }
+
+    @include mobile {
+      flex: 1 1 100%;
+    }
+
+    &-figure {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 64px;
+      width: 64px;
+      border-radius: 64px;
+      background-color: $blue;
+
+      &-image {
+        display: block;
+        max-width: 100%;
+        height: auto;
+      }
+    }
+
+    &-text {
+      font-weight: 500;
+      font-size: 21px;
+      line-height: 146%;
+      text-align: center;
+      color: $grey;
+
+      @include tablet {
+        font-size: 19px;
+      }
+    }
+  }
+}

assets/scss/index.scss

@@ -24,3 +24,4 @@
 @import './l-step-by-step';
 @import './l-twelve-steps';
 @import './l-why-program';
+@import './l-conditions';

index.html

@@ -942,6 +942,141 @@
           </div>
         </div>
       </section>
+
+      <section class="conditions">
+        <div class="container">
+          <div class="tag">Условия проживания</div>
+
+          <h2 class="conditions__title">
+            Комофортные условия проживания и атмосфера,
+            <span>способствующая созданию нового образа жизни</span>
+          </h2>
+
+          <div class="conditions__sliders">
+            <div class="conditions__sliders-main">
+              <div class="swiper">
+                <div class="swiper-wrapper">
+                  <div class="swiper-slide">
+                    <img src="./assets/img/conditions.jpg" />
+                  </div>
+                  <div class="swiper-slide">
+                    <img src="./assets/img/conditions.jpg" />
+                  </div>
+                  <div class="swiper-slide">
+                    <img src="./assets/img/conditions.jpg" />
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div class="conditions__sliders-thumbs">
+              <div thumbsSlider="" class="swiper">
+                <div class="swiper-wrapper">
+                  <div class="swiper-slide">
+                    <img src="./assets/img/conditions.jpg" />
+                  </div>
+                  <div class="swiper-slide">
+                    <img src="./assets/img/conditions.jpg" />
+                  </div>
+                  <div class="swiper-slide">
+                    <img src="./assets/img/conditions.jpg" />
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div class="conditions__sliders-controls">
+              <button class="button button--prev"></button>
+              <button class="button button--next"></button>
+            </div>
+          </div>
+
+          <div class="conditions__location">
+            <div class="conditions__location-text">
+              Каждый желающий может приехать и посмотреть условия проживания с разрешения персонала
+            </div>
+            <div class="conditions__location-address">г. Томск, пр. Ленина, 186</div>
+          </div>
+
+          <div class="conditions__advantages">
+            <div class="conditions__advantage">
+              <figure class="conditions__advantage-figure">
+                <img
+                  class="conditions__advantage-figure-image"
+                  src="./assets/img/icons/lodging.svg"
+                  alt="lodging"
+                />
+              </figure>
+              <div class="conditions__advantage-text">
+                По 4 человека в комнате с собственным душем и туалетом
+              </div>
+            </div>
+
+            <div class="conditions__advantage">
+              <figure class="conditions__advantage-figure">
+                <img
+                  class="conditions__advantage-figure-image"
+                  src="./assets/img/icons/cottage.svg"
+                  alt="cottage"
+                />
+              </figure>
+              <div class="conditions__advantage-text">
+                Нет высоких заборов и решеток, не создается впечатление тюрьмы
+              </div>
+            </div>
+
+            <div class="conditions__advantage">
+              <figure class="conditions__advantage-figure">
+                <img
+                  class="conditions__advantage-figure-image"
+                  src="./assets/img/icons/table-tennis.svg"
+                  alt="table-tennis"
+                />
+              </figure>
+              <div class="conditions__advantage-text">
+                Комната отдыха с различными развлечениями
+              </div>
+            </div>
+
+            <div class="conditions__advantage">
+              <figure class="conditions__advantage-figure">
+                <img
+                  class="conditions__advantage-figure-image"
+                  src="./assets/img/icons/weightlifting.svg"
+                  alt="weightlifting"
+                />
+              </figure>
+              <div class="conditions__advantage-text">Собственный спортивный зал и площадка</div>
+            </div>
+
+            <div class="conditions__advantage">
+              <figure class="conditions__advantage-figure">
+                <img
+                  class="conditions__advantage-figure-image"
+                  src="./assets/img/icons/eye.svg"
+                  alt="eye"
+                />
+              </figure>
+              <div class="conditions__advantage-text">
+                Каждый день под наблюдением опытных специалистов и кураторов
+              </div>
+            </div>
+
+            <div class="conditions__advantage">
+              <figure class="conditions__advantage-figure">
+                <img
+                  class="conditions__advantage-figure-image"
+                  src="./assets/img/icons/nutrition.svg"
+                  alt="nutrition"
+                />
+              </figure>
+              <div class="conditions__advantage-text">
+                Сбалансирование 3х-разовое здоровое питание
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
     </main>
 
     <script src="./assets/js/swiper-bundle.min.js" defer></script>