.first_screen-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  z-index: 2;
  position: relative;
  margin-bottom: 50px;
}

.first_screen-top h1 {
  font-size: clamp(2rem, 0.6851rem + 4.4291vw, 6rem);
}

.first_screen-inner {
  display: flex;
  align-items: center;
  gap: 20px;

  z-index: 1;
  position: relative;
}
.swiper-pagination.first_screen-pagintaion {
  bottom: 20px;
  text-align: left;
  left: 20px;
}

.first_screen-swiper img {
  position: relative;
}

.first_screen-inner img {
  object-fit: cover;
  width: 100%;
  height: auto;
}
.first_screen-img {
  width: 50%;
  position: relative;
  min-height: 400px;
}
.first_screen-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.first_screen-text {
  max-width: 600px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: clamp(0.625rem, 0.2141rem + 1.3841vw, 1.875rem);
  padding-right: clamp(0.625rem, 0.2141rem + 1.3841vw, 1.875rem);
  display: flex;
  flex-direction: column;
  gap: 30px;
  background-color: var(--color-blue);
  font-family: "Mulish", sans-serif;
  /* transform: translate(-110px, 110px); */
}
.first_screen-text h1 {
  margin: 0;
}

.first_screen-text p {
  margin: 10px 0;
}

.trucks {
  position: relative;
  margin-bottom: 0;
}

.trucks.pseudo-element::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(
    180deg,
    rgba(107, 147, 87, 0) 21.66%,
    #2E57B1 66.21%
  );
  z-index: 2;
  height: 580px;
  pointer-events: none;
}

.trucks_cotnent {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));
  grid-gap: 20px;
  margin-top: clamp(1.875rem, 1.4641rem + 1.3841vw, 3.125rem);
}

.trucks_item-img img {
  /* width: 100%; */
  object-fit: cover;
}

.trucks_btn-more {
  position: absolute;
  bottom: 13%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.trucks_item-top {
  color: #000;
}
.trucks_item {
  gap: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.trucks_item-desc {
  margin: 15px 0;
}
.trucks_item-title {
  font-family: "Unbounded", sans-serif;
  display: block;
  margin: 15px 0;
  font-size: clamp(1.5rem, 1.3356rem + 0.5536vw, 2rem);
  text-transform: uppercase;
  font-weight: 500;
}
.trucks_item-content_block {
  display: flex;
  align-content: center;
  justify-content: space-between;
}
.trucks_item-content_block span {
  color: var(--color-blue);
}
.trucks_item-content_block span:first-child {
  font-weight: 500;
  font-family: "Unbounded", sans-serif;
  text-transform: capitalize;
}
.trucks_item-content_block span:last-child {
  font-weight: 700;
}
.trucks_item-content_block + .trucks_item-content_block {
  margin-top: 15px;
}
.trucks_item-btn {
  margin: 20px auto 10px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 13px 20px;
}

.trucks_item-btns {
  margin-top: 20px;
}
a.trucks_item-btn_reviews {
  background-color: transparent;
  color: #000;
  padding: 0;
  margin: 10px auto;
}
a.trucks_item-btn_reviews:hover {
  background-color: transparent;
  text-decoration: underline;
}

.swiper-slide {
  /* max-width: 593px;
  width: 100% !important; */
}

/* .trucks_item-swiper_img {
  position: relative;
}
.trucks_item-swiper_img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
} */

.reviews {
  background-color: var(--color-blue);
  padding: 60px 0;
  margin-top: 0;
}

.reviews h2 {
  color: #fff;
  margin-bottom: 50px;
}

.faq .container {
  display: flex;
  align-items: flex-start;
  gap: clamp(1.25rem, 0.6337rem + 2.0761vw, 3.125rem);
}

.faq_top h2 {
  margin-bottom: 10px;
}
.faq_top p {
  max-width: 350px;
  color: var(--color-blue);
  font-weight: 500;
  font-family: "Unbounded", sans-serif;
}

.faq_inner {
  width: 100%;
}

.faq_item + .faq_item {
  margin-top: 20px;
}
.faq_item {
  padding: 25px;
  background-color: var(--color-blue);
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.faq_item-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-weight: bold;
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
}
.faq_item-question svg path {
  fill:#fff;
}
.faq_item-answer {
  height: 0;
  overflow: hidden;
  margin-top: 0;
  transition: 0.4s;
}
.faq_item-answer p {
  margin: 10px 0;
}
.faq_item.active .faq_item-answer {
  margin-top: 20px;
  overflow: visible;
  height: fit-content;
}
.faq_item-question svg {
  transition: 0.4s;
}
.faq_item.active .faq_item-question svg {
  transform: rotate(180deg);
}

.seo_text-content {
  background-color: var(--color-blue);
  padding: 30px;
  width: 50%;
}

.seo_text-content p {
  margin: 10px 0;
}
.seo_text-content ul {
  padding-left: 20px;
}
.seo_text-content ul,
.seo_text-content li {
  list-style: disc;
}

.seo_text-wrapper {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.seo_text-images {
  width: 50%;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr;
}
.seo_text-images img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.seo_text-images img:first-child {
  grid-area: 1 / 1 / 2 / 3;
}
.gallery_inner-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
  margin-top: 50px;
}
.gallery_inner-wrapper img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.about_us-inner {
  margin: 50px 0 0 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.about_us-block_1 {
  grid-area: 1 / 1 / 2 / 2;
}
.about_us-block_2 {
  grid-area: 1 / 2 / 2 / 3;
}
.about_us-block_3 {
  grid-area: 1 / 3 / 3 / 4;
}
.about_us-block_4 {
  grid-area: 2 / 1 / 3 / 3;
}

.about_us-block {
  color: #000;
  border: 1px solid var(--color-blue);
  padding: clamp(0.9375rem, 0.6293rem + 1.0381vw, 1.875rem);
  & path {
    fill: var(--color-blue)
  }
  & mask {
    display: none;
  }
}

.about_us-block h3 {
  font-size: clamp(1.375rem, 1.1696rem + 0.692vw, 2rem);
  text-transform: uppercase;
  color: var(--color-blue);
  font-weight: 500;
  font-family: "Unbounded", sans-serif;
}
.about_us-block p {
  margin: 10px 0;
}
.about_us-block ul {
  margin: 10px 0;
}
.about_us-block ul li {
  position: relative;
  color: var(--color-blue);
  font-weight: 700;
  margin: 5px 0;
  padding-left: 20px;
}
.about_us-block ul li::before {
  content: "";
  width: 15px;
  height: 11px;
  position: absolute;
  left: 0;
  top: 7px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.148 1.46047L5.14804 10.4605C5.0958 10.5128 5.03376 10.5543 4.96547 10.5826C4.89719 10.6109 4.82399 10.6254 4.75007 10.6254C4.67615 10.6254 4.60295 10.6109 4.53466 10.5826C4.46638 10.5543 4.40434 10.5128 4.3521 10.4605L0.4146 6.52297C0.309052 6.41742 0.249756 6.27427 0.249756 6.125C0.249756 5.97573 0.309052 5.83258 0.4146 5.72703C0.520148 5.62148 0.663301 5.56219 0.812569 5.56219C0.961836 5.56219 1.10499 5.62148 1.21054 5.72703L4.75007 9.26727L13.3521 0.664531C13.4576 0.558983 13.6008 0.499687 13.7501 0.499687C13.8993 0.499687 14.0425 0.558983 14.148 0.664531C14.2536 0.770079 14.3129 0.913233 14.3129 1.0625C14.3129 1.21177 14.2536 1.35492 14.148 1.46047Z' fill='%236B9357'/%3E%3C/svg%3E%0A");
}

.about_us-block_4 .get_in-touch {
  padding-left: 20px;
  padding-right: 20px;
}
.about_us-block_4 .get_in-touch svg {
  min-width: 50px;
}
.calculate {
  padding-top: 120px;
  color:#000;
}
.calculate_left-top {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.calculate_left-top_item.active {
  background-color: var(--color-blue);
  color: #fff;
}
.calculate_left-top_item::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 10px;
  background-position: top 0 left;
  top: 11px;
}
.calculate_left-top_item {
  cursor: pointer;
  padding: 10px 15px 10px 35px;
  background-color: #d9d9d9;
  position: relative;
  transition: 0.4s;
}
.calculate_left-top_item:hover {
  background-color: var(--color-blue);
  color: #fff;
}
.selector_calculate {
  display: none;
}
.calculate_left-item_nav {
  margin-bottom: 20px;
  display: none;
}
.calculate_left-item_nav-top {
  border: 1px solid var(--color-blue);
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.calculate_left-item_nav-top svg {
  transition: 0.4s;
}
.calculate_left-item_nav-top.active svg {
  transform: rotate(180deg);
}
.calculate_left-item_nav-list {
  display: none;
  flex-direction: column;
  gap: 5px;
  margin-top: 5px;
}
.calculate_left-item_nav-list.active {
  display: flex;
}
.calculate_left-item_nav-list a {
  cursor: pointer;
  padding: 10px 15px;
  background-color: #d9d9d9;
  position: relative;
  transition: 0.4s;
  display: flex;
  align-items: center;
  gap: 5px;
}
.calculate_left-item_nav-list img {
  object-fit: contain;
}
.calculate_left-item {
  margin-top: 20px;
  display: none;
}
.calculate_left-item_blocks {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
}
.calculate_left-item.active {
  display: block;
}
.calculate_left-item_block-title {
  text-align: center;
  font-weight: bold;
  padding: 0 5px;
}
.calculate_left-item_block {
  box-shadow: 0 0 10px #ededed;
  padding-top: 20px;
  transition: 0.4s;
}

.calculate_left-item_block img {
  width: 100%;
  object-fit: contain;
  margin: 10px 0;
  padding: 0 10px;
}
.calculate_left-item_info {
  padding: 0 15px;
  font-size: clamp(0.875rem, 0.8202rem + 0.2339vw, 1rem);
  text-align: center;
}
.calculate_left-item_block.focused,
.calculate_left-item_block:hover {
  background-color: var(--color-blue);
}
.calculate_left-item_block.focused .calculate_left-item_block-title,
.calculate_left-item_block:hover .calculate_left-item_block-title {
  color: #fff;
}
/* .calculate_left-item_block:hover img {
  filter: invert(1);
} */
.calculate_left-item_block.focused .calculate_left-item_info,
.calculate_left-item_block:hover .calculate_left-item_info {
  color: #fff;
}
.calculate_left-item_block.focused input,
.calculate_left-item_block:hover input {
  color: #fff;
  border-color: #fff;
}
.calculate_left-item_block.focused input::placeholder,
.calculate_left-item_block:hover input::placeholder {
  color: #fff;
}
.calculate_left-item_block.focused button,
.calculate_left-item_block:hover button {
  background-color: #fff;
  color: #000;
}

.calculate_left-item_block.focused .calculate_left-item_buttons div,
.calculate_left-item_block:hover .calculate_left-item_buttons div {
  color: #fff;
}
.add_to-list {
  transition: 0.4s;
}
.add_to-list.hide {
  opacity: 0.6;
  filter: blur(2px);
  pointer-events: none;
}
.calculate_left-item_block input {
  border: none;
  background-color: transparent;
  padding: 0 0 2px 0;
  border-bottom: 1px solid #000;
  width: 60px;
  text-align: center;
  border-radius: 0;
}
.calculate_left-item_block input.error {
  border-color: red;
}
.calculate_left-item_info div + div {
  margin-top: 10px;
}
.calculate_left-item_buttons-wrap {
  display: flex;
  align-items: center;
}
.calculate_left-item_buttons {
  padding: 20px 15px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
}
.calculate_left-item_buttons-wrap div {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  height: 30px;
  pointer-events: none;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.calculate_left-item_buttons-wrap button {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.calculate_left-item_buttons button {
  cursor: pointer;
  padding: 10px 20px;
  background-color: var(--color-blue);
  border: none;
  color: #fff;
}
.page-template-tmpl-calculate .container {
  max-width: 1980px;
}
.calculate_wrap-right {
  position: sticky;
  top: 110px;
  color: #000;
}
.calculate_wrap-right a.main_btn {
  text-align: center;
  display: none;
}
.calculate_wrap-right a.main_btn.show {
  display: block;
}
.calculate_wrap-left {
  width: 80%;
}
.wrap_content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.wrap_content h1 {
  margin: 0;
}

.calculate_top {
  max-width: 490px;
  margin: 0 auto;
  margin-bottom: 50px;
  text-align: center;
}
.calculate_top div {
  margin-top: 10px;
}

.wrap_content section {
  margin: 0;
}
.wrap_content {
  /* margin: 50px auto; */
}
aside {
  width: 20%;
  box-shadow: 0 0 20px -7px rgba(128, 119, 119, 0.5);
  padding: 30px;
  background-color: #fff;
}
.calculate_list-top > h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.calculate_list-top > h3 span {
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.calculate_list-top > h3 span::before {
  content: "";
  position: absolute;
  right: 0;
  top: 5px;
  transform: rotate(45deg);
  width: 100%;
  height: 1px;
  background-color: var(--color-blue);
}
.calculate_list-top > h3 span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 5px;
  transform: rotate(-45deg);
  width: 100%;
  height: 1px;
  background-color: var(--color-blue);
}
.calculate_list-top_undertitle {
  font-size: 12px;
  margin: 0;
}

.calculate_list > p {
  margin: 15px 0;
  font-size: clamp(0.875rem, 0.8202rem + 0.2339vw, 1rem);
}
.calculate_list-item_name {
  width: 100px;
}
.calculate_list-items {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}

.calculate_list-items li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  gap: 5px;
  /* padding-left: 22px; */
  /* padding-right: 5px; */
  /* cursor: pointer; */
  /* transition: .4s; */
}
/* .calculate_list-items li:hover {
  background: #d9d9d97a;
}

.calculate_list-items li::before {
  position: absolute;
  content: '';
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid var(--color-blue);
}
.calculate_list-items li.active::before {
  background-color: var(--color-blue);
} */

.calculate_list-bottom {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #d9d9d9;
}
.calculate_list-bottom > p {
  font-size: clamp(0.875rem, 0.8166rem + 0.2492vw, 1.125rem);
}
.calculate_list-bottom span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.125rem, 0.9605rem + 0.7018vw, 1.5rem);
  font-weight: bold;
  margin: 5px 0;
}
.calculate_list-truck {
  margin: 15px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.calculate_list-truck > p {
  font-weight: bold;
}

.delete {
  color: red;
  font-size: 30px;
  cursor: pointer;
  line-height: 1;
}
.calculate_list-truck.active {
  display: flex;
}
.calculate_list-truck {
  display: none;
}
.calculate_list-items .line_delete {
  display: flex;
  align-items: center;
  gap: 10px;
}
.calculate_list-items .line_size {
  display: flex;
  gap: 10px;
  align-items: flex-end;
}

.calculate_list-empty {
  display: none;
}
.calculate_list-empty.show {
  display: block;
}

.first_screen-swiper {
  width: 100%;
}

.quote {
	color: #000;
}