/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

html {
  scroll-behavior: smooth;
}

body {
  line-height: 1;
  background: #FEFBF6;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 320px) {
  .container {
    max-width: 320px;
  }
}

@media (min-width: 414px) {
  .container {
    max-width: 414px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
    padding-right: 16px;
    padding-left: 16px;
  }
}

@media (min-width: 1194px) {
  .container {
    max-width: 1194px;
  }
}

@media (min-width: 1290px) {
  .container {
    max-width: 1290px;
  }
}

.block {
  display: block;
}

.mt-5 {
  margin-top: 1.25rem;
}

.transform {
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.overflow-hidden {
  overflow: hidden;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.font-page {
  font-family: "Raleway", sans-serif;
}

.underline {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}

.opacity-0 {
  opacity: 0;
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -o-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
  -o-transition-duration: 150ms;
  transition-duration: 150ms;
}

.opacity-0 {
  opacity: 0 !important;
  pointer-events: none;
}

.d-none {
  display: none !important;
}

.container.container-no-p {
  padding-right: 0;
  padding-left: 0;
}

.container-sm {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 798px;
}

.container-md {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1224px;
}

.container-lg {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1320px;
}


.container-xl {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1622px;
  /* padding-left: 15px;
  padding-right: 15px; */
}

@media (min-width: 1200px) {
  .container-xl {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* Common */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* background-color: rgba(13, 117, 18, 0.205); */
}

*::-moz-selection {
  /* color: red; */
  background-color: #FFF2E2;
}

*::selection {
  /* color: red; */
  background-color: #FFF2E2;
}

img {
  display: block;
  max-width: 100%;
  width: 100%;
}

a {
  text-decoration: none;
  color: #000000;
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

a:hover {
  color: #A64800;
}

p {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0em;
}

b {
  display: inline-block;
  font-weight: bold;
}

section {
  margin-bottom: 60px;
  scroll-margin-top: 100px;
}

.banners {
  margin-bottom: 30px;
}

h2,
.h2 {
  font-family: Rubik, sans-serif;
  font-weight: 800;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
}

.title-2 {
  margin-bottom: 40px;
}

.text-heading {
  font-weight: 600;
  font-size: 20px;
  line-height: 130%;
  color: #000000;
}

.text {
  font-size: 16px;
  line-height: 130%;
}

button {
  cursor: pointer;
}

.button {
  display: block;
  background: #A64800;
  -webkit-box-shadow: inset 0px 4px 20px rgba(255, 255, 255, 0.25);
  box-shadow: inset 0px 4px 20px rgba(255, 255, 255, 0.25);
  border-radius: 4px;
  color: #FFFFFF;
  padding: 15px;
  font-family: 'Gilroy';
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  border: none;
  cursor: pointer;
  max-width: 187px;
  width: 100%;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.button:hover,
.button:focus,
.button:active,
.button:visited {
  /* background-color: ; */
  background: rgba(166, 72, 0, 0.8);
}

.button:active {
  scale: .8;
}

.button--full {
  max-width: 100%;
  width: 100%;
}

.input {
  font-size: 16px;
  line-height: 19px;
  background-color: transparent;
  outline: none;
  padding-bottom: 10px;
  border-bottom: 1px solid #000000;
  border-left: none;
  border-right: none;
  border-top: none;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.input::-moz-placeholder {
  color: #666666;
}

.input::-webkit-input-placeholder {
  color: #666666;
}

.input:-ms-input-placeholder {
  color: #666666;
}

.input::-ms-input-placeholder {
  color: #666666;
}

.input::placeholder {
  color: #666666;
}

.input:focus {
  -webkit-box-shadow: 0px 10px 5px -3px rgba(34, 60, 80, 0.33);
  box-shadow: 0px 10px 5px -3px rgba(34, 60, 80, 0.33);
}

.background-pattern {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
  border-radius: 15px;
}

.background-pattern::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/pattern.png);
  background-repeat: repeat;
  background-size: contain;
  z-index: -1;
  opacity: .05;
}

.background-pattern__color {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #FED8B8;
  opacity: .6;
  z-index: -2;
}

.z-max {
  position: relative;
  z-index: 11;
}

@media (min-width: 768px) {
  .title-2 {
    margin-bottom: 30px;
  }

  .text-heading {
    font-size: 22px;
  }

  .text {
    font-size: 18px;
  }

  h2,
  .h2 {
    font-weight: 800;
    font-size: 46px;
    line-height: 55px;
  }

  section {
    margin-bottom: 80px
  }
}

@media (min-width: 1194px) {

  h2,
  .h2 {
    text-align: left;
  }

  section {
    margin-bottom: 100px
  }

  .background-pattern {
    border-radius: 30px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .title-2 {
    margin-bottom: 40px;
  }
}

/* /Common */


/* Modal */
[data-modal-toggle] {
  cursor: pointer;
}

.modal {
  /* display: none; */
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 446px;
  width: 100%;
  height: auto;
  /* left: calc(50% - 223px); */
  /* top: calc(50% - 261px); */
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  text-align: center;
  z-index: -101;
  padding: 30px 20px;
  background: #FEFBF6;
  border: 1px solid #A64800;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  -webkit-transition: .3s opacity ease-in-out;
  -o-transition: .3s opacity ease-in-out;
  transition: .3s opacity ease-in-out;
  /* transition-property: scale; */
  /* transition-duration: .3s; */
  /* animation-duration: 3s; */
  /* animation-name: scaleIn; */
}

.modal.modal--show {
  /* display: block; */
  top: 50%;
  left: 50%;
  opacity: 1;
  z-index: 101;
  pointer-events: all;
  height: 100%;
  max-height: 550px;
  overflow-y: scroll;
  /* opacity: 1; */
  /* animation: fadeIn .3s;  */
}

.modal--ajax-news {
  max-width: 1070px;
  width: 100%;
  text-align: left;
  padding: 0;
  /* overflow-y: scroll; */
}

.ajax-news {
  /* overflow-y: scroll; */
}

.ajax-news__image {
  overflow: hidden;
  height: 386px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ajax-news__image .detail_picture {
  height: auto;
}

.ajax-news__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 130%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 20px;
}

.ajax-news__text {
  padding: 0 20px;
  padding-bottom: 60px;
}

@media (max-width: 768px) {
  .ajax-news__image {
    height: 150px;
  }

  .ajax-news__text {
    height: 300px;
    /* overflow-y: scroll; */
  }

  .modal--ajax-news {
    max-width: 320px;
  }
}


@media (max-width: 1194px) {
  .modal--ajax-news {
    max-width: 768px;
  }

  .ajax-news__image {
    overflow: hidden;
    height: 186px;
  }

  .ajax-news__text {
    height: 400px;
    /* overflow: scroll; */
  }
}




.modal--success {
  padding: 23px 16px;
  background: #E8F6EF;
  border: 1px solid #A64800;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  max-width: 332px;
  width: 100%;
  height: 153px;
  /* left: calc(50% - 166px); */
  /* top: calc(50% - 76px); */
}

.modal--review .modal-input {
  text-align: left;
}

.modal--success .modal-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 150%;
}

.modal--success .modal-desc {
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: #000000;
  margin-bottom: 0;
}

.modal--map {
  max-width: 800px;
  height: 560px;
}

.modal--agree {
  max-width: 650px;
}

.modal--agree .text-center,
.modal--policy .text-center {
  height: 400px;
  overflow-y: scroll;
}

.modal--map .map {
  height: 400px;
}

.modal--policy {
  max-width: 900px;
}

.modal-close {
  position: absolute;
  right: 0;
  top: 10px;
  padding: 16px 16px;
  background-color: transparent;
  border: none;
}

.modal-close:hover .modal-close-icon path {
  stroke: #000000;
}

.modal-input {
  text-align: center;
}

.modal-agree {
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #000000;
  margin-top: 10px;
}

.modal-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.modal-title {
  text-align: center !important;
  margin-bottom: 20px;
}

.modal-desc {
  display: block;
  text-align: center;
  margin-bottom: 40px;
  font-size: 22px;
  line-height: 150%;
}

.star {
  position: relative;
  cursor: pointer;
  width: 15px;
  height: 15px;
}

.star::after {
  content: url("data:image/svg+xml,%3Csvg%20width%3D%2714%27%20height%3D%2713%27%20viewBox%3D%270%200%2014%2013%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M13.6697%204.69636L9.13503%204.28683L7.33373%200.213892C7.20762%20-0.0712975%206.79235%20-0.0712975%206.66624%200.213892L4.86498%204.28685L0.33032%204.69636C0.0128046%204.72504%20-0.115519%205.10959%200.124039%205.31451L3.54545%208.24128L2.54418%2012.5673C2.47407%2012.8702%202.81001%2013.1079%203.08419%2012.9494L7%2010.6853L10.9158%2012.9494C11.19%2013.1079%2011.526%2012.8702%2011.4559%2012.5673L10.4546%208.24128L13.876%205.31451C14.1155%205.10959%2013.9872%204.72504%2013.6697%204.69636Z%27%20fill%3D%27%23dfd8d8%27%2F%3E%3C%2Fsvg%3E");
  width: 15px;
  height: 15px;
}

.star--active::after {
  content: url("data:image/svg+xml,%3Csvg%20width%3D%2714%27%20height%3D%2713%27%20viewBox%3D%270%200%2014%2013%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M13.6697%204.69636L9.13503%204.28683L7.33373%200.213892C7.20762%20-0.0712975%206.79235%20-0.0712975%206.66624%200.213892L4.86498%204.28685L0.33032%204.69636C0.0128046%204.72504%20-0.115519%205.10959%200.124039%205.31451L3.54545%208.24128L2.54418%2012.5673C2.47407%2012.8702%202.81001%2013.1079%203.08419%2012.9494L7%2010.6853L10.9158%2012.9494C11.19%2013.1079%2011.526%2012.8702%2011.4559%2012.5673L10.4546%208.24128L13.876%205.31451C14.1155%205.10959%2013.9872%204.72504%2013.6697%204.69636Z%27%20fill%3D%27%23F9D84A%27%2F%3E%3C%2Fsvg%3E");
}

.rating {
  display: inline;
  text-align: left;
}

.rating__stars {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 4px;
}

.rating__result {
  position: relative;
  bottom: 2px;
  --tw-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tw-text-opacity));
}

.rating__label {
  text-align: left;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.backdrop {
  z-index: -100;
}

.backdrop--show {
  z-index: 10;
  position: fixed;
  width: 100%;
  height: 100%;
  /* -webkit-backdrop-filter: blur(5px); */
  /* backdrop-filter: blur(5px); */
  opacity: 0.3;
  background: #000;
  top: 0;
  left: 0;
}

/* /Modal */


/* Hamburger */
.hamburger {
  width: 39px;
  height: 18px;
  position: relative;
  z-index: 10;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  background: transparent;
  border: none;
}

.hamburger span {
  display: block;
  position: absolute;
  pointer-events: none;
  height: 2px;
  width: 100%;
  background: #d3531a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.hamburger span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.hamburger span:nth-child(2) {
  top: 8px;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.hamburger span:nth-child(3) {
  top: 16px;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.hamburger.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

.hamburger.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.hamburger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 26px;
  left: 8px;
}

/* /Hamburger */


/* Slider */

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: url("data:image/svg+xml,%3Csvg%20width%3D%2728%27%20height%3D%2712%27%20viewBox%3D%270%200%2028%2012%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M1%205.3711C0.585786%205.3711%200.25%205.70688%200.25%206.1211C0.25%206.53531%200.585786%206.8711%201%206.8711L1%205.3711ZM23.528%200.588403C23.2338%200.296819%2022.7589%200.298938%2022.4673%200.593135C22.1757%200.887332%2022.1778%201.3622%2022.472%201.65378L23.528%200.588403ZM24.763%202.8684L25.2909%202.33571L24.763%202.8684ZM24.763%209.37379L25.2909%209.90648H25.2909L24.763%209.37379ZM22.472%2010.5884C22.1778%2010.88%2022.1757%2011.3549%2022.4673%2011.6491C22.7589%2011.9432%2023.2338%2011.9454%2023.528%2011.6538L22.472%2010.5884ZM26.9801%205.80776L27.7241%205.71293V5.71293L26.9801%205.80776ZM26.9801%206.43443L27.7241%206.52926V6.52926L26.9801%206.43443ZM1%206.8711L27%206.87109V5.37109L1%205.3711L1%206.8711ZM22.472%201.65378L24.235%203.40109L25.2909%202.33571L23.528%200.588403L22.472%201.65378ZM24.235%208.84109L22.472%2010.5884L23.528%2011.6538L25.2909%209.90648L24.235%208.84109ZM24.235%203.40109C24.9505%204.11023%2025.4413%204.59827%2025.7734%205.0118C26.096%205.41349%2026.2067%205.67151%2026.2361%205.90259L27.7241%205.71293C27.6453%205.09482%2027.3504%204.57988%2026.9429%204.07255C26.545%203.57706%2025.9814%203.02002%2025.2909%202.33571L24.235%203.40109ZM25.2909%209.90648C25.9814%209.22217%2026.545%208.66513%2026.9429%208.16963C27.3504%207.66231%2027.6453%207.14737%2027.7241%206.52926L26.2361%206.3396C26.2067%206.57068%2026.096%206.82869%2025.7734%207.23039C25.4413%207.64392%2024.9505%208.13196%2024.235%208.84109L25.2909%209.90648ZM26.2361%205.90259C26.2454%205.97514%2026.25%206.04812%2026.25%206.12109H27.75C27.75%205.98476%2027.7414%205.84844%2027.7241%205.71293L26.2361%205.90259ZM26.25%206.12109C26.25%206.19407%2026.2454%206.26705%2026.2361%206.3396L27.7241%206.52926C27.7414%206.39375%2027.75%206.25742%2027.75%206.12109H26.25Z%27%20fill%3D%27%23A64800%27%2F%3E%3C%2Fsvg%3E");
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 15px;
}

.swiper-button-next:hover::after {
  right: -5px;
}

.swiper-button-prev:hover::after {
  left: -5px;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: url("data:image/svg+xml,%3Csvg%20width%3D%2728%27%20height%3D%2712%27%20viewBox%3D%270%200%2028%2012%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M27%206.87109C27.4142%206.87109%2027.75%206.53531%2027.75%206.12109C27.75%205.70688%2027.4142%205.37109%2027%205.37109V6.87109ZM4.47204%2011.6538C4.76624%2011.9454%205.24111%2011.9432%205.53269%2011.6491C5.82427%2011.3549%205.82216%2010.88%205.52796%2010.5884L4.47204%2011.6538ZM3.23703%209.37379L3.76499%208.84109H3.76499L3.23703%209.37379ZM3.23703%202.8684L2.70907%202.33571L2.68742%202.35717L2.66759%202.38031L3.23703%202.8684ZM5.52796%201.65378C5.82216%201.3622%205.82428%200.887332%205.53269%200.593135C5.24111%200.298938%204.76624%200.296819%204.47204%200.588403L5.52796%201.65378ZM1.01989%206.43443L0.275909%206.52925L0.275909%206.52926L1.01989%206.43443ZM3.23703%202.8684L3.76499%203.4011L3.78664%203.37964L3.80647%203.3565L3.23703%202.8684ZM1.01989%205.80776L0.275909%205.71293L0.275909%205.71293L1.01989%205.80776ZM27%205.37109H1V6.87109H27V5.37109ZM5.52796%2010.5884L3.76499%208.84109L2.70907%209.90648L4.47204%2011.6538L5.52796%2010.5884ZM3.76499%203.40109L5.52796%201.65378L4.47204%200.588403L2.70907%202.33571L3.76499%203.40109ZM3.76499%208.84109C3.0495%208.13196%202.55869%207.64392%202.22659%207.23039C1.904%206.82869%201.79332%206.57068%201.76387%206.3396L0.275909%206.52926C0.354695%207.14737%200.649627%207.66231%201.05706%208.16963C1.45498%208.66513%202.01863%209.22217%202.70907%209.90648L3.76499%208.84109ZM2.66759%202.38031L2.66759%202.38031L3.80647%203.3565L3.80647%203.3565L2.66759%202.38031ZM2.70907%202.33571C2.01863%203.02002%201.45498%203.57706%201.05706%204.07255C0.649627%204.57988%200.354695%205.09482%200.275909%205.71293L1.76387%205.90259C1.79332%205.67151%201.904%205.41349%202.22659%205.0118C2.55869%204.59827%203.04949%204.11023%203.76499%203.4011L2.70907%202.33571ZM1.76387%206.3396C1.75462%206.26704%201.75%206.19407%201.75%206.12109H0.25C0.25%206.25742%200.258637%206.39375%200.275909%206.52925L1.76387%206.3396ZM1.75%206.12109C1.75%206.04812%201.75462%205.97514%201.76387%205.90259L0.275909%205.71293C0.258637%205.84844%200.25%205.98476%200.25%206.12109H1.75Z%27%20fill%3D%27%23A64800%27%2F%3E%3C%2Fsvg%3E%0A");
  height: 30px;
  width: 30px;
  position: absolute;
  bottom: 15px;
}

.swiper-button-next,
.swiper-button-prev {
  width: 30px;
  height: 30px;
}

.slider {
  position: relative;
  margin-bottom: 160px;
}

.slider-pagination-bullet {
  border-radius: 0%;
  background: unset;
  font-size: 16px;
  height: auto;
}

.swiper-pagination-bullet-active {
  text-decoration: underline;
  text-underline-offset: 3px;
  padding-bottom: 3px;
}

.slider-controlls {
  position: relative;
  bottom: -60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 236px;
  width: 100%;
  margin: 0 auto;
}

.slider-controlls .swiper-button-next,
.slider-controlls .swiper-button-prev {
  position: static
}

.slider-controlls .swiper-pagination {
  position: relative;
  bottom: unset;
  right: unset;
  top: unset;
  left: 35px !important;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

/* /Slider */

/* Header */
.header {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 9;
  background-color: #FEFBF6;
}

.header-container__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 768px) {
  .header-container__left {
    width: 33.333333%;
  }
}

.header-container__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (min-width: 768px) {
  .header-container__right {
    width: 33.333333%;
  }
}

@media (min-width: 1194px) {
  .header-container__right {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.header-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .header-logo {
    width: 33.333333%;
  }
}

.header-logo {
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

.header-logo:hover {
  scale: 0.9;
}

.header-logo img {
  /* @apply esm:w-[190px]; */
  max-width: 190px;
  width: 100%;
}

@media (min-width: 1194px) {
  .hamburger {
    display: none;
  }
}

.header-menu {
  display: none;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (min-width: 1194px) {
  .header-menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.header-menu-item__link {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
}

.header-menu-item {
  position: relative;
}

.header-menu-item:hover a {
  color: #A64800;
}

.header-menu-item:hover::after {
  width: 100%;
}

.header-menu-item::after {
  content: " ";
  position: absolute;
  left: 0;
  width: 0;
  height: 1px;
  background: #A64800;
  bottom: 0;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.header-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 1194px) {
  .header-contacts {
    width: 100%;
  }
}

.header-contacts__tel {
  display: inline;
}

@media (min-width: 768px) {
  .header-contacts__tel {
    display: none;
  }
}

.header-contacts__link {
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

.header-contacts__link:hover {
  color: #A64800;
}

.header-contacts__link .tel {
  display: none;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}

@media (min-width: 768px) {
  .header-contacts__link .tel {
    display: inline;
  }
}

.header-callback {
  display: none;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(166, 72, 0, var(--tw-text-opacity));
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  text-underline-offset: 4px;
}

@media (min-width: 768px) {
  .header-callback {
    display: inline;
  }
}


.header-callback {
  color: #000000;
}

.header.active-mobile-menu {
  background: #FEFBF6;
}

.mobile-menu {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  position: absolute;
  left: 0;
  top: 78px;
  background: #FEFBF6;
  width: 100%;
}

.active-mobile-menu .mobile-menu {
  max-height: 420px;
  /* height: auto; */
  /* height: 100%; */
  overflow: auto;
}

.mobile-menu .header-contacts__link .tel {
  display: block;
}

.mobile-menu .header-callback {
  display: block;
  padding-bottom: 40px;
}

.mobile-menu .header-contacts {
  margin-top: 30px;
}

.mobile-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  padding-top: 40px;
}

@media (min-width: 768px) {
  .mobile-menu {
    top: 100px;
  }
}

@media (min-width: 1194px) {
  .mobile-menu {
    display: none;
  }
}

/* /Header */

/* Footer */

.footer {
  background: #FCE3C4;
  overflow: hidden;
  padding-top: 30px;
}

.footer-logo {
  display: block;
  margin-bottom: 30px;

}

.footer-logo:hover img {
  scale: 0.9;
}

.footer-logo img {
  margin: 0 auto;
  max-width: 160px;
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  width: 100%;
}

.footer-text {
  font-size: 16px;
  line-height: 170%;
  text-align: center;
  color: #000000;
}

.footer-menu-block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  margin-top: 40px;
}

.footer-menu__title {
  font-weight: 600;
  margin-bottom: 10px;
}

.footer-menu__list li {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #000000;
}

.footer-button {
  margin: 0 auto;
  margin-top: 30px;
}

.footer-credits {
  position: relative;
  margin-top: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-credits a,
.footer-credits span {
  font-size: 14px;
  line-height: 17px;
}

.footer-credits::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 0;
  width: 100vw;
  height: 1px;
  background-color: #FFF7D8;
}

@media (min-width: 768px) {
  .footer-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .footer-logo img {
    margin: 0;
  }

  .footer-text {
    text-align: left;
  }

  .footer-button {
    margin: 0;
    margin-top: 30px;
  }

  .footer-menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }

  .footer-credits {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (min-width: 1194px) {
  .footer-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .footer-text {
    max-width: 410px;
    width: 100%;
  }
}

/* /Footer */


/* Hero */
.hero-background {
  height: 285px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(../images/heading/320.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media (max-width: 768px) {
  .hero-background {
    margin-bottom: 260px;
  }
}

.hero-title {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  font-size: 50px;
  line-height: 60px;
  text-align: right;
  text-transform: uppercase;
  color: #A64800;
  padding: 0 15px;
}

.hero-background-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding: 0 15px;
}

.hero-text {
  position: relative;
  background-color: #FFF2E2;
  font-weight: 500;
  font-size: 22px;
  line-height: 130%;
  color: #000000;
  padding-left: 14px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-left: 15px;
  margin-right: 15px;
}

.hero-text--left {
  margin-top: 8px;
  margin-bottom: 10px;
}

.hero-text::before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  background-color: #A64800;
  width: 2px;
  height: 100%;
}

@media (max-width: 1194px) {
  /* .container.hero-background-container {
    padding-right: 0;
    padding-left: 0;
  } */
}

@media (min-width: 444px) {
  .hero-background {
    height: 380px;
    background-image: url(../images/heading/444.png);
  }

  .hero-title {
    font-size: 60px;
    line-height: 72px;
  }
}

@media (min-width: 768px) {
  .hero-background {
    position: relative;
    height: 630px;
    background-image: url(../images/heading/798.png);
    margin-top: 10px;
  }

  .hero-title {
    font-size: 100px;
    line-height: 120px;
  }

  .hero-text {
    font-size: 24px;
    padding-left: 15px;
    position: absolute;
    margin-left: 0;
    margin-right: 0;
    padding-right: 30px;
  }

  .hero-text--left {
    margin-top: 0;
    margin-bottom: 0;
    left: 15px;
    top: 0;
  }

  .hero-text--right {
    margin-top: 0;
    margin-bottom: 0;
    right: 15px;
    bottom: 0;
  }
}

@media (min-width: 1194px) {
  .hero-background {
    max-width: 1352px;
    height: 550px;
    background-image: url(../images/heading/1224.png);
    margin-top: 20px;
  }

  .hero-title {
    max-width: 811px;
    width: 100%;
    margin-left: 66px;
  }

  .hero-text--left {
    top: 50px;
  }

  .hero-text--right {
    bottom: 11px;
  }
}

@media (min-width: 1320px) {
  .hero-title {
    margin-left: 114px;
  }
}

/* /Hero */

/* Banners */
.banners-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px 10px;
}

.banners-item {
  position: relative;
  padding-bottom: 12px;
}

.banners-item::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #A64800;
}

.banners-item-image {
  text-align: center;
}

.banners-item-image__icon {
  display: inline;
}

.banners-item__num {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-size: 56px;
  line-height: 67px;
  color: #A64800;
  text-align: center;
}

.banners-item__name {
  font-weight: 600;
  font-size: 20px;
  line-height: 130%;
  color: #000000;
  text-align: center;
}

.banners-item__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  color: #000000;
}

@media (min-width: 320px) {
  .banners-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .banners-item__num {
    font-size: 70px;
    line-height: 84px;
  }

  .banners-item__name {
    font-weight: 600;
    font-size: 22px;
  }

  .banners-item__desc {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #000000;
  }

  .banners-container {
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}

@media (min-width: 1194px) {
  .banners-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 0;
    padding-left: 12px;
    gap: 2px 25px;
  }

  .banners-item::after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #A64800;
  }

  .banners-item__name,
  .banners-item__desc {
    width: 100%;
    text-align: left;
  }
}

/* /Banners */


/* About */
.about-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  gap: 30px;
  padding-top: 50px;
}

.about-image {
  width: 100%;
  max-width: 630px;
  margin: 0 auto;
  border-radius: 4px;
}

.about-text {
  text-align: center;
}


@media (min-width: 768px) {
  .about-text {
    text-align: left;
  }
}

@media (min-width: 1194px) {
  .about-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }


  .about-image {
    max-width: 100%;
    border-radius: 4px;
  }
}

/* /About */

/* Pros */
.pros-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  margin-bottom: 21px;
}

.pros-item__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.pros-picture {
  margin-bottom: 20px;
}

.pros-item__image {
  width: 50px;
  height: 50px;
  min-width: 50px;
}

.pros-item__image img {
  width: inherit;
  height: inherit;
}

@media (min-width: 768px) {
  .pros-item__desc {
    max-width: 268px;
  }

  .pros-item__image {
    width: 70px;
    height: 70px;
  }

  .pros-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 34px 0;
  }

  .pros-items {
    width: 50%;
  }

  .pros-items--1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .pros-items--2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .pros-picture {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-bottom: 0;
  }
}

@media (min-width: 1194px) {
  .pros-picture {
    width: 33.333333%;
  }

  .pros-item__image {
    min-width: 80px;
    height: 80px;
  }

  .pros-items {
    width: 33.333333%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .pros-item {
    position: relative;
    width: 100%;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
  }

  .pros-item__text {
    width: 100%;
    gap: 10px;
  }

  .pros-item__desc {
    max-width: 100%;
  }

  .pros-items--1 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .pros-items--1 .pros-item:nth-child(1) {
    right: -20px;
  }

  .pros-items--1 .pros-item:nth-child(2) {
    margin: 60px 0;
    right: 20px;
  }

  .pros-items--1 .pros-item:nth-child(3) {
    right: -20px;
  }

  .pros-items--2 .pros-item:nth-child(1) {
    left: -20px;
  }

  .pros-items--2 .pros-item:nth-child(2) {
    margin: 60px 0;
    left: 20px;
  }

  .pros-items--2 .pros-item:nth-child(3) {
    left: -20px;
  }

  .pros-items--2 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .pros-items--2 .pros-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .pros-picture {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .pros-container.container {
    /* max-width: 1194%; */
  }

  .pros-title {
    text-align: center;
  }

  .pros-image {
    max-width: 410px;
    width: 100%;
  }

  .pros-item__desc {
    max-width: 280px;
    width: 100%;
  }
}

@media (min-width: 1290px) {
  .pros-image {
    max-width: 100%;
    width: 450px;
    position: relative;
    left: -20px;
  }
}

/* /Pros */

/* Offers */
.offers-container__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}

.offers-item {}

.offers-item__name {
  text-align: center;
  margin-bottom: 10px;
}

.offers-item__desc {
  text-align: center;
}

@media (min-width: 768px) {
  .offers-container__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 60px 0;
  }

  .offers-item .offers-item__text {
    max-width: 360px;
  }

  .offers-item__text {
    width: inherit;
  }

  .offers-item__name {
    text-align: left;
  }

  .offers-item__desc {
    text-align: left;
  }

  .offers-item img {
    max-width: 322px;
  }

  .offers-item--wide.offers-item--wide__2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}

@media (min-width: 1194px) {
  .offers-container__inner {
    /* display: grid; */
    /* grid-template-columns: repeat(6 ,1fr); */
  }

  .offers-item--wide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 50%;
  }

  .offers-item--wide.offers-item--wide__2 {
    width: 50%;
  }

  .offers-item- img {
    max-width: 370px;
  }

  .offers-item--wide img {
    max-width: 270px;
  }

  .offers-title {
    text-align: center;
  }
}

/* /Offers */

/* Info */
.info-text {
  text-align: center;
}

.info-image {
  margin-bottom: 45px;
}

.info-inner__text .info-button {
  display: none;
}

.info-button {
  margin: 0 auto;
  max-width: 240px;
}

@media (min-width: 768px) {
  .info-image {
    margin-bottom: 0;
  }

  .info-text {
    text-align: left;
  }
}

@media (min-width: 1194px) {
  .info-image {
    max-width: 684px;
    width: 100%;
  }

  .info-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .info-inner .info-button {
    display: none;
  }

  .info-inner__text {
    margin-left: 30px;
  }

  .info-inner__text .info-button {
    display: inline;
  }
}

@media (min-width: 1290px) {
  .info-image {
    max-width: 740px;
    width: 100%;
  }
}

/* /Info */

/* Brands */
.banners-item--brands {
  padding-bottom: 0;
  padding-left: 0;
  margin-bottom: 30px;
}

.banners-item--brands::after {
  content: none;
}

.brands-item__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 150%;
  color: #A64800;
  margin-bottom: 10px;
}

.brands-item__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}

.brands-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  gap: 25px;
}

@media (min-width: 400px) {
  .brands-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
    gap: 25px;
  }
}

@media (min-width: 768px) {
  .brands-inner {
    grid-gap: 20px;
    gap: 20px;
  }

  .brands-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
  }

  .banners-item--brands .banners-item__name,
  .banners-item--brands .banners-item__num,
  .banners-item--brands .banners-item__desc {
    text-align: left;
  }

  .brands-inner {
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .banners-item--brands {
    max-width: 335px;
    width: 100%;
  }

  .brands-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (min-width: 1194px) {
  .banners-item--brands {
    display: block;
  }

  .banners-item--brands .banners-item__name,
  .banners-item--brands .banners-item__num,
  .banners-item--brands .banners-item__desc {
    margin-bottom: 10px;
  }
}

/* /Brands */

/* News */
.news-item {
  position: relative;
  /* max-width: 300px; */
  width: 100%;
}

.news-item:hover .news-item__name {
  color: #A64800;
}

.news-item:hover .news-item__image img {
  scale: 1.2;
}

.news-item__name {
  display: block;
  font-weight: 600;
  font-size: 22px;
  line-height: 130%;
  color: #000000;
  margin-bottom: 10px;
}

.news-item__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #000000;
}

.news-item__image {
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
}

.news-item__image img {
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.news-item__mark-block {
  position: absolute;
  left: 10px;
  top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 6px;
}

.news-item__mark {
  background: #F5F5F5;
  border-radius: 4px;
  padding: 6px 8px;
  color: #000000;
}

.news-item__mark--red {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 64, 1, var(--tw-bg-opacity));
  color: #FFFFFF;
}

.news-item__mark--blue {
  background-color: rgba(0, 165, 255, var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(129, 192, 0, var(--tw-bg-opacity));
  color: #FFFFFF;
}

.news-title {
  text-align: center;
}

@media (min-width: 768px) {
  .news-item__name {
    font-size: 20px;
  }

  .news-item__desc {
    font-size: 14px;
  }
}

/* /News */

/* Callback Form */
.callback-form-title {
  text-align: center;
}

.callback-form-description {
  font-weight: 400;
  font-size: 22px;
  line-height: 150%;
  text-align: center;
  color: #000000;
}

.callback-form__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
  margin-top: 50px;
}

.callback-form__form .input {
  text-align: center;
}

.callback-form__wrapper {
  width: 100%;
}

@media (min-width:768px) {
  .callback-form__form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .callback-form__form .input {
    text-align: left;
  }

  .callback-form-image {
    max-width: 493px;
    width: 100%;
    margin: 0 auto;
  }

  .callback-form__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media (min-width: 1194px) {
  .callback-form-container {
    position: relative;
  }

  .callback-form-title {
    text-align: left;
  }

  .callback-form__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
  }

  .callback-form-description {
    text-align: left;
  }

  .callback-form-image {
    max-width: 444px;
    margin: 0;
    position: absolute;
    top: -20px;
    right: 0;
  }

  .callback-form__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .callback-form__form {
    margin-bottom: 0;
  }
}

/* /Callback Form */

/* Reviews */
.reviews-item__name {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  margin-bottom: 6px;
}

.reviews-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 10px;
  margin-bottom: 10px;
}

.reviews-item__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 4px;
}

.reviews-item__date {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #777777;
}

.reviews-item__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 10px;
}

.reviews-item__desc--hidden {
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  overflow: auto;
  max-height: 10000px;
}

.reviews-item__desc--hidden-true {
  max-height: 0;
  overflow: hidden;
}

.reviews-item__show {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #A64800;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.reviews-item__show:hover {
  color: #000000;
}

.reviews-title {
  text-align: center;
}


.reviews-button {
  position: relative;
  bottom: -100px;
  margin: 0 auto;
}

/* /Reviews */

/* Contacts */
.contacts-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}

.contacts-item__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 150%;
}

.contacts-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 30px;
}

.contacts-block .contacts-button {
  display: none;
}

.contacts-inner .contacts-button {
  margin: 0 auto;
  margin-top: 30px;
}


@media (min-width: 414px) {
  .contacts-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .contacts-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .contacts-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    gap: 20px;
  }

  .contacts-inner .contacts-button {
    display: none;
  }

  .contacts-block .contacts-button {
    display: block;
    margin: 0;
  }

  .contacts-title {
    text-align: left;
  }
}

@media (min-width: 1194px) {
  .contacts-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .contacts-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
    gap: 14px;
  }

  .contacts-inner {
    -ms-grid-columns: 33.3333% 20px auto;
    grid-template-columns: 33.3333% auto;
  }

  .contacts-map {
    margin-top: -95px;
    height: calc(100% + 95px);
  }
}

/* /Contacts */

/* Docs */

.docs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* flex-direction: column; */
  gap: 15px;
  margin-top: 20px;
}

.docs-item {
  flex: 1 1 150px;
  display: flex;
  flex-direction: row;
  /* align-items: center; */
  gap: 10px;
}

.docs-item__desc {
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
  gap: 5px;
}

@media (min-width: 768px) {
  .docs-item {
    flex: 1 1 250px;
  }
}

@media (min-width: 1194px) {
  .docs-item {
    flex: 1 1 200px;
  }
}



/* /Docs */