html,
body {
  font-family: "Roboto";
  min-height: 100vh;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
}

main {
  flex-grow: 1;
}

html {
  background: #151515;
}

ul, li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

* {
  box-sizing: border-box;
  outline: none;
}

h1, h2, h3, h4, h5, h6, p {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

img {
  vertical-align: bottom;
}

.fluid-wrapper {
  max-width: 1920px;
  margin: 0 auto;
}

.white {
  color: white;
}

.nonEvent {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@font-face {
  font-family: "Manrope";
  font-weight: 100 1000;
  src: url("../fonts/Manrope/Manrope-VariableFont_wght.ttf") format("truetype-variations");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-weight: 100 1000;
  font-style: Regular;
  src: url("../fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf") format("truetype-variations");
  font-display: swap;
}
@font-face {
  font-family: "Roboto Italic";
  font-style: italic;
  font-weight: 100 1000;
  src: url("../fonts/Roboto/Roboto-Italic-VariableFont_wdth,wght.ttf") format("truetype-variations");
  font-display: swap;
}
.header1 {
  font-family: "Manrope";
  font-weight: 800;
  font-size: 82px;
  line-height: 125%;
}
@media (max-width: 690px) {
  .header1 {
    font-size: 42px;
  }
}

.header2 {
  font-weight: 800;
  font-size: 64px;
  line-height: 100%;
}
@media (max-width: 690px) {
  .header2 {
    font-size: 30px;
  }
}

.header3 {
  font-weight: 400;
  font-size: 34px;
  line-height: 100%;
}
@media (max-width: 690px) {
  .header3 {
    font-size: 20px;
  }
}

.text-caption {
  font-weight: 700;
  font-size: 42px;
  line-height: 100%;
}
@media (max-width: 690px) {
  .text-caption {
    font-size: 20px;
  }
}

.text {
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
}

.text-bold {
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
}

.text-quotes {
  font-family: "Roboto Italic";
  font-style: italic;
  font-weight: 400;
  font-size: 30px;
  line-height: 100%;
}
@media (max-width: 690px) {
  .text-quotes {
    font-size: 18px;
  }
}

.text-list-caption {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
}
@media (max-width: 690px) {
  .text-list-caption {
    font-size: 18px;
  }
}

.text2 {
  font-weight: 700;
  font-size: 28px;
  line-height: 100%;
}
@media (max-width: 690px) {
  .text2 {
    font-size: 18px;
  }
}

.text3 {
  font-weight: 400;
  font-size: 26px;
  line-height: 100%;
}

header {
  position: sticky;
  top: 0px;
  width: 100%;
  z-index: 10;
}

.header {
  padding: 0 50px;
  padding-top: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1280px) {
  .header {
    gap: 9px;
  }
}
@media (max-width: 690px) {
  .header {
    padding: 48px 20px 0 20px;
  }
}
.header .navigation {
  display: flex;
  gap: 19px;
}
@media (max-width: 1280px) {
  .header .navigation {
    gap: 9px;
  }
}
@media (max-width: 870px) {
  .header .navigation {
    display: none;
  }
}
.header .navigation_item {
  color: #fff;
  padding: 16px 24px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 100px;
  cursor: pointer;
}
.header .navigation_item:hover {
  background-color: #F42802;
  transition: all 0.3s ease;
}
@media (min-width: 871px) {
  .header .mobile_menu {
    display: none;
  }
}

.scrolled {
  background: #151515;
  transition: all 0.3s ease;
}
.scrolled .header {
  padding: 10px 50px;
}
@media (max-width: 1280px) {
  .scrolled .header {
    padding: 10px 50px;
    gap: 9px;
  }
}
@media (max-width: 690px) {
  .scrolled .header {
    padding: 10px 20px;
  }
}

.footer {
  padding: 0 50px 73px 50px;
}
@media (max-width: 690px) {
  .footer {
    padding: 0 20px 73px 20px;
  }
}
.footer .devider {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding-bottom: 38px;
}
.footer .navigation_container {
  display: flex;
  align-items: center;
  gap: 104px;
  padding-bottom: 42px;
}
@media (max-width: 715px) {
  .footer .navigation_container {
    gap: 50px;
  }
}
@media (max-width: 690px) {
  .footer .navigation_container {
    padding-bottom: 23px;
  }
}
.footer .navigation_container .navigation {
  display: flex;
  gap: 60px;
}
@media (max-width: 690px) {
  .footer .navigation_container .navigation {
    display: none;
  }
}
.footer .navigation_container .navigation_item {
  color: #fff;
  cursor: pointer;
}
.footer .mobile_navigation {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 28px;
}
@media (min-width: 690px) {
  .footer .mobile_navigation {
    display: none;
  }
}
.footer .mobile_navigation_item {
  color: #fff;
  cursor: pointer;
}
.footer .inc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 690px) {
  .footer .inc {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
.footer .inc .color {
  color: rgba(255, 255, 255, 0.5);
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #151515;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 0;
  visibility: hidden;
  z-index: 15;
  transform: translateY(15px);
  transition: all 0.3s ease;
}
.modal .menu_navigation {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 19px;
}
.modal .menu_navigation_item {
  color: #fff;
  padding: 16px 24px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 100px;
  cursor: pointer;
}
.modal .messangers {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 17px;
}
.modal .messangers_item {
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  cursor: pointer;
}
.modal .inc .color {
  color: rgba(255, 255, 255, 0.2);
}

.open {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.3s ease;
}

.advertise_card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 72px;
  background: linear-gradient(90deg, #fe7e1b 0%, #f32500 100%);
  border-radius: 30px;
  padding: 11px 13px;
}
@media (max-width: 1280px) {
  .advertise_card {
    flex-direction: column;
    gap: 20px;
    padding: 10px 13px 41px 13px;
  }
}
@media (max-width: 690px) {
  .advertise_card {
    gap: 15px;
    padding: 12px;
  }
}
.advertise_card .img {
  height: 515px;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 50%;
}
@media (max-width: 1280px) {
  .advertise_card .img {
    width: 100%;
    height: 175px;
  }
}
@media (max-width: 690px) {
  .advertise_card .img {
    height: 254px;
  }
}
.advertise_card .content {
  display: flex;
  flex-direction: column;
  gap: 42px;
  width: 50%;
}
@media (max-width: 1280px) {
  .advertise_card .content {
    width: 100%;
    padding-left: 42px;
  }
}
@media (max-width: 690px) {
  .advertise_card .content {
    padding-left: 0;
    gap: 20px;
  }
}
.advertise_card .content .underline {
  position: relative;
  z-index: 1;
}
.advertise_card .content .underline::after {
  content: "";
  background: linear-gradient(90deg, #7c2311 0%, #ad2f16 100%);
  width: 105%;
  height: 36px;
  position: absolute;
  border-radius: 10px;
  bottom: 0;
  left: -10px;
  z-index: -1;
}
@media (max-width: 690px) {
  .advertise_card .content .underline::after {
    height: 23px;
    bottom: -5px;
  }
}

.home-page .photo {
  margin-top: -110px;
  padding: 0 50px;
  background-image: url("../images/homePage/1.png");
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  min-height: 1080px;
}
@media (max-width: 1280px) {
  .home-page .photo {
    background-image: url("../images/homePage/2.png");
  }
}
@media (max-width: 690px) {
  .home-page .photo {
    background-image: url("../images/homePage/3.png");
    min-height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0 20px;
  }
}
@media (max-width: 690px) {
  .home-page .photo-content {
    display: none;
  }
}
.home-page .photo-content .container {
  position: relative;
}
.home-page .photo-content .container h1 {
  position: relative;
  z-index: 5;
  color: #fff;
  padding-left: 8px;
}
.home-page .photo-content .container .line {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  background: #fd3a02;
  width: 85%;
  height: 36px;
  border-radius: 10px;
}
.home-page .photo-content h3 {
  padding-top: 30px;
  color: #fff;
}
.home-page .photo-content_mobile {
  padding: 31px 20px 60px 20px;
}
@media (min-width: 690px) {
  .home-page .photo-content_mobile {
    display: none;
  }
}
.home-page .photo-content_mobile .container {
  position: relative;
  display: inline-flex;
}
.home-page .photo-content_mobile .container h1 {
  position: relative;
  z-index: 5;
  color: #fff;
  padding-left: 8px;
}
.home-page .photo-content_mobile .container .line {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 3;
  background: #fd3a02;
  width: 85%;
  height: 18px;
  border-radius: 10px;
}
.home-page .photo-content_mobile h3 {
  padding-top: 30px;
  color: #fff;
}
.home-page .lars_company {
  background-size: cover;
  background-position: center;
  background-image: url("../images/homePage/5d.jpg");
  padding: 0 50px;
  height: 1009px;
  display: flex;
  align-items: center;
}
@media (max-width: 1280px) {
  .home-page .lars_company {
    background-image: url("../images/homePage/5t.jpg");
    height: 892px;
    align-items: flex-end;
  }
}
@media (max-width: 690px) {
  .home-page .lars_company {
    padding: 0 20px;
    background-image: url("../images/homePage/5m.jpg");
    height: 800px;
    background-position: 0 18%;
  }
}
@media (max-width: 450px) {
  .home-page .lars_company {
    background-position: 0 78%;
  }
}
.home-page .lars_company .label {
  border-radius: 100px;
  padding: 16px 18px;
  background-color: #fff;
  display: inline-flex;
  margin-bottom: 17px;
}
.home-page .lars_company .label_description {
  color: #f53505;
}
@media (max-width: 1280px) {
  .home-page .lars_company .title {
    max-width: 104px;
  }
}
.home-page .lars_company .title .underline {
  position: relative;
  z-index: 1;
}
.home-page .lars_company .title .underline::after {
  content: "";
  background: linear-gradient(90deg, #7c2311 0%, #e2401f 100%);
  width: 105%;
  height: 36px;
  position: absolute;
  border-radius: 10px;
  bottom: 0;
  left: -10px;
  z-index: -1;
}
@media (max-width: 690px) {
  .home-page .lars_company .title .underline::after {
    height: 23px;
    bottom: -5px;
  }
}
.home-page .lars_company .description {
  max-width: 620px;
  padding-top: 55px;
}
@media (max-width: 1280px) {
  .home-page .lars_company .description {
    max-width: 100%;
    padding-bottom: 147px;
  }
}
@media (max-width: 690px) {
  .home-page .lars_company .description {
    max-width: 100%;
    padding-top: 23px;
    padding-bottom: 64px;
  }
}
.home-page .logistics {
  padding: 78px 50px 112px 50px;
}
@media (max-width: 1280px) {
  .home-page .logistics {
    padding: 87px 35px 123px 35px;
  }
}
@media (max-width: 690px) {
  .home-page .logistics {
    padding: 46px 20px 78px 20px;
  }
}
.home-page .logistics_container {
  display: grid;
  grid-template-areas: "m1 m1 m2 m2" "m3 m3 m4 m5";
  grid-auto-columns: 1fr;
  grid-auto-rows: 302px;
  gap: 10px;
  padding-top: 97px;
}
@media (max-width: 1280px) {
  .home-page .logistics_container {
    grid-template-areas: "m1 m1" "m2 m2" "m3 m4" "m5 m5";
    gap: 15px;
    padding-top: 70px;
  }
}
@media (max-width: 720px) {
  .home-page .logistics_container {
    grid-template-areas: "m1" "m2" "m3" "m4" "m5";
    gap: 18px;
    padding-top: 49px;
  }
}
.home-page .logistics .logistics_card {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 22px 26px;
  border-radius: 30px;
}
.home-page .logistics .logistics_card .title {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.home-page .logistics .logistics_card.m1 {
  grid-area: m1;
}
@media (max-width: 600px) {
  .home-page .logistics .logistics_card.m1 {
    background-position: 70% 0;
  }
}
.home-page .logistics .logistics_card.m2 {
  grid-area: m2;
}
@media (max-width: 600px) {
  .home-page .logistics .logistics_card.m2 {
    background-position: 70% 0;
  }
}
.home-page .logistics .logistics_card.m3 {
  grid-area: m3;
}
@media (max-width: 1280px) {
  .home-page .logistics .logistics_card.m3 {
    background-position: 50% 0%;
  }
}
.home-page .logistics .logistics_card.m4 {
  grid-area: m4;
}
.home-page .logistics .logistics_card.m5 {
  grid-area: m5;
  background: radial-gradient(81.19% 95.62% at 91.67% 1.82%, #fe801b 0%, #f32500 100%);
}
.home-page .advantages {
  background-color: rgba(255, 255, 255, 0.05);
  padding: 80px 50px 118px 50px;
}
@media (max-width: 1280px) {
  .home-page .advantages {
    padding: 68px 50px 98px 50px;
  }
}
@media (max-width: 690px) {
  .home-page .advantages {
    padding: 41px 20px 63px 20px;
  }
}
.home-page .advantages .title {
  text-align: center;
  padding-bottom: 115px;
}
@media (max-width: 1280px) {
  .home-page .advantages .title {
    padding-bottom: 100px;
  }
}
@media (max-width: 690px) {
  .home-page .advantages .title {
    padding-bottom: 65px;
  }
}
.home-page .advantages .slider_list {
  gap: 10px;
}
.home-page .advantages .slider_arrows {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 64px;
}
@media (max-width: 690px) {
  .home-page .advantages .slider_arrows {
    padding-top: 42px;
  }
}
.home-page .advantages .slider_arrow {
  position: static;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.home-page .advantages .slider_arrow:disabled {
  opacity: 1;
  cursor: auto;
}
.home-page .advantages .slider_arrow:disabled .icon {
  fill: white;
}
.home-page .advantages .slider_arrow .icon {
  fill: #fb4600;
}
.home-page .advantages .slider_card {
  height: 578px;
  width: 578px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 690px) {
  .home-page .advantages .slider_card {
    padding: 14px;
    height: 320px;
    width: 320px;
  }
}
.home-page .advantages .slider_card .gradient-text {
  background: -webkit-linear-gradient(86.89deg, #fd3a02 -2.39%, #fe841c 89.68%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home-page .advertise {
  padding: 140px 50px 130px 50px;
}
@media (max-width: 1280px) {
  .home-page .advertise {
    padding: 125px 50px 89px 50px;
  }
}
@media (max-width: 690px) {
  .home-page .advertise {
    padding: 81px 20px 81px 20px;
  }
}
.home-page .underline {
  position: relative;
  z-index: 1;
}
.home-page .underline::after {
  content: "";
  background: #fd3a02;
  width: 105%;
  height: 36px;
  position: absolute;
  border-radius: 10px;
  bottom: 0;
  left: -10px;
  z-index: -1;
}
@media (max-width: 690px) {
  .home-page .underline::after {
    height: 23px;
    bottom: -5px;
  }
}

.about-page .about_company {
  position: relative;
  margin-top: -110px;
  background-image: url("../images/aboutPage/about.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 1080px;
  display: flex;
  align-items: center;
  padding: 0 50px;
}
@media (max-width: 1280px) {
  .about-page .about_company {
    background-position: 50% 0%;
  }
}
@media (max-width: 690px) {
  .about-page .about_company {
    background-position: 80% 0%;
    height: 803px;
    padding: 0 20px;
  }
}
@media (max-width: 690px) {
  .about-page .about_company .content .caption .title {
    max-width: 280px;
  }
}
.about-page .about_company .content .caption .description {
  max-width: 80%;
  padding-top: 33px;
  padding-bottom: 125px;
}
@media (max-width: 1280px) {
  .about-page .about_company .content .caption .description {
    max-width: 100%;
    padding-bottom: 45px;
  }
}
@media (max-width: 690px) {
  .about-page .about_company .content .caption .description {
    padding-top: 18px;
    padding-bottom: 50px;
  }
}
.about-page .about_company .content .our_mission {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  display: inline-block;
  background-color: #F32500;
}
.about-page .about_company .content .our_mission .label {
  background-color: #fff;
  border-radius: 100px;
  padding: 14px 26px;
  display: inline-block;
}
.about-page .about_company .content .our_mission .quotes {
  max-width: 759px;
  text-align: center;
  padding: 25px 36px 61px 70px;
}
@media (max-width: 690px) {
  .about-page .about_company .content .our_mission .quotes {
    text-align: start;
    padding: 14px 32px 16px 19px;
  }
}
.about-page .about_company .rectangle {
  background: linear-gradient(0deg, #151515 0%, rgba(21, 21, 21, 0) 100%);
  width: 100%;
  height: 234px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.about-page .our_way {
  padding: 0 50px 150px 50px;
  display: flex;
  justify-content: space-between;
  gap: 80px;
}
@media (max-width: 1280px) {
  .about-page .our_way {
    flex-direction: column;
    padding: 0 50px 123px 50px;
  }
}
@media (max-width: 690px) {
  .about-page .our_way {
    padding: 0 20px 79px 20px;
  }
}
.about-page .our_way .text_section {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.about-page .our_way .text_section .caption {
  max-width: 655px;
}
@media (max-width: 1280px) {
  .about-page .our_way .text_section {
    width: 100%;
  }
  .about-page .our_way .text_section .caption {
    max-width: 100%;
  }
}
.about-page .our_way .describe_section {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.about-page .our_way .describe_section .way_img {
  height: 303px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.about-page .our_way .describe_section .description_container {
  padding: 32px 30px;
  background: radial-gradient(81.19% 95.62% at 91.67% 1.82%, #FE801B 0%, #F32500 100%);
  border-radius: 30px;
}
.about-page .our_way .describe_section .description_container .describtion {
  max-width: 700px;
}
@media (max-width: 1280px) {
  .about-page .our_way .describe_section {
    width: 100%;
  }
  .about-page .our_way .describe_section .description_container .describtion {
    max-width: 100%;
  }
}
.about-page .our_values {
  padding: 0 50px;
}
.about-page .our_values .topic {
  text-align: center;
}
.about-page .our_values .values {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  padding-top: 89px;
}
.about-page .our_values .values .value {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  padding: 30px;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  height: 304px;
  width: 295px;
}
@media (max-width: 690px) {
  .about-page .our_values .values .value {
    width: 320px;
  }
}
.about-page .our_values .values .value .title {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.about-page .our_values .icon_container {
  background: radial-gradient(81.19% 95.62% at 91.67% 1.82%, #fe801b 0%, #f32500 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: 80px;
  height: 80px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-page .advertise {
  padding: 140px 50px 130px 50px;
}
@media (max-width: 1280px) {
  .about-page .advertise {
    padding: 125px 50px 89px 50px;
  }
}
@media (max-width: 690px) {
  .about-page .advertise {
    padding: 81px 20px 81px 20px;
  }
}
.about-page .underline {
  position: relative;
  z-index: 1;
}
.about-page .underline::after {
  content: "";
  background: #fd3a02;
  width: 105%;
  height: 36px;
  position: absolute;
  border-radius: 10px;
  bottom: 0;
  left: -10px;
  z-index: -1;
}
@media (max-width: 690px) {
  .about-page .underline::after {
    height: 23px;
    bottom: -5px;
  }
}

.services-page .caption {
  padding: 160px 50px 0 50px;
}
@media (max-width: 690px) {
  .services-page .caption {
    padding: 80px 20px 0 20px;
  }
}
.services-page .caption .devider {
  width: 100%;
  height: 16px;
  border-radius: 16px;
  background: radial-gradient(81.19% 95.62% at 91.67% 1.82%, #fe801b 0%, #f32500 100%);
  margin-top: 40px;
}
.services-page .services {
  padding: 50px 50px 150px 50px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1280px) {
  .services-page .services {
    gap: 20px;
  }
}
@media (max-width: 690px) {
  .services-page .services {
    padding: 39px 20px 50px 20px;
  }
}
.services-page .services .service {
  background-color: #212121;
  padding: 11px 13px;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  gap: 50px;
}
@media (max-width: 1280px) {
  .services-page .services .service {
    flex-direction: column !important;
    gap: 35px;
  }
}
@media (max-width: 690px) {
  .services-page .services .service {
    gap: 18px;
  }
}
.services-page .services .service .headline {
  width: 747px;
  height: 584px;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 34px 32px;
}
@media (max-width: 1280px) {
  .services-page .services .service .headline {
    width: 100%;
    height: 263px;
    background-position: 0% 60%;
  }
}
.services-page .services .service .content {
  flex-grow: 1;
}
.services-page .services .service .content .title {
  max-width: 660px;
}
@media (max-width: 1280px) {
  .services-page .services .service .content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 24px;
    padding: 0 34px 64px 34px;
  }
  .services-page .services .service .content .title {
    max-width: 428px;
  }
  .services-page .services .service .content .benefits {
    width: 50%;
  }
  .services-page .services .service .content .advangate {
    width: 50%;
  }
}
@media (max-width: 915px) {
  .services-page .services .service .content {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    padding-bottom: 34px;
  }
  .services-page .services .service .content .title {
    max-width: 100%;
  }
  .services-page .services .service .content .benefits {
    width: 100%;
  }
  .services-page .services .service .content .advangate {
    width: 100%;
  }
}
.services-page .services .service .content .advangate {
  padding-top: 45px;
}
@media (max-width: 1280px) {
  .services-page .services .service .content .advangate {
    padding-top: 0;
  }
}
.services-page .services .service .content .list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-top: 20px;
}
.services-page .services .service .content .orage_markers .item {
  list-style: url("../images/servicesPage/square.svg") inside;
}
.services-page .services .service.m1 .headline {
  background-image: url("../images/servicesPage/1.png");
}
.services-page .services .service.m2 .headline {
  background-image: url("../images/servicesPage/2.png");
}
.services-page .services .service.m3 .headline {
  background-image: url("../images/servicesPage/3.jpg");
}
.services-page .services .service.m4 .headline {
  background-image: url("../images/servicesPage/4.png");
}
.services-page .services .service.m5 .headline {
  background-image: url("../images/servicesPage/5.png");
}
.services-page .services .service.m6 .headline {
  background-image: url("../images/servicesPage/6.png");
}
.services-page .services .reverse {
  flex-direction: row-reverse;
}
.services-page .services .reverse .content {
  padding-left: 45px;
}
@media (max-width: 1280px) {
  .services-page .services .reverse .content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 24px;
    padding: 0 34px 64px 34px;
  }
  .services-page .services .reverse .content .title {
    max-width: 428px;
  }
  .services-page .services .reverse .content .benefits {
    width: 50%;
  }
  .services-page .services .reverse .content .advangate {
    width: 50%;
  }
}
@media (max-width: 915px) {
  .services-page .services .reverse .content {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    padding-bottom: 34px;
  }
  .services-page .services .reverse .content .title {
    max-width: 100%;
  }
  .services-page .services .reverse .content .benefits {
    width: 100%;
  }
  .services-page .services .reverse .content .advangate {
    width: 100%;
  }
}
.services-page .services .align_start {
  align-items: flex-start;
}

.contact-page .contacts_company {
  position: relative;
  margin-top: -110px;
  background-image: url("../images/contactsPage/1.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 1080px;
  display: flex;
  align-items: center;
  padding: 0 50px;
}
@media (max-width: 1280px) {
  .contact-page .contacts_company {
    background-position: 50% 0%;
  }
}
@media (max-width: 690px) {
  .contact-page .contacts_company {
    background-position: 80% 0%;
    height: 803px;
    padding: 0 20px;
    padding-top: 120px;
  }
}
.contact-page .contacts_company .info_section {
  width: 50%;
  position: relative;
  z-index: 3;
}
@media (max-width: 1280px) {
  .contact-page .contacts_company .info_section {
    width: 80%;
  }
}
@media (max-width: 850px) {
  .contact-page .contacts_company .info_section {
    width: 100%;
  }
}
.contact-page .contacts_company .info_section .anchor {
  position: relative;
}
.contact-page .contacts_company .info_section .anchor::after {
  content: "";
  position: absolute;
  top: 55%;
  right: -36px;
  transform: translate(50%, -50%);
  background: url("../images/share.svg");
  width: 54px;
  height: 48px;
  background-repeat: no-repeat;
}
@media (max-width: 690px) {
  .contact-page .contacts_company .info_section .anchor::after {
    transform: translate(50%, -50%) scale(0.75);
  }
}
.contact-page .contacts_company .info_section .description {
  max-width: 594px;
  padding-top: 26px;
}
.contact-page .contacts_company .info_section .devider {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 46px 0;
}
.contact-page .contacts_company .info_section .accustomed_informations {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 690px) {
  .contact-page .contacts_company .info_section .accustomed_informations {
    gap: 28px;
  }
  .contact-page .contacts_company .info_section .accustomed_informations .informations_container {
    flex-direction: column;
    gap: 28px;
  }
}
.contact-page .contacts_company .info_section .accustomed_informations .informations_container {
  display: flex;
  justify-content: space-between;
}
.contact-page .contacts_company .info_section .accustomed_informations .informations_container .information .provided_information {
  padding-top: 17px;
}
.contact-page .contacts_company .rectangle {
  background: linear-gradient(0deg, #151515 0%, rgba(21, 21, 21, 0) 100%);
  width: 100%;
  height: 234px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
/*# sourceMappingURL=main.css.map */