.content_service {
  display: flex;
  justify-content: center;
}

.container {
  position: relative;
}

.right_side_service {
  width: 40%;
  margin-left: 5%;
}

.left_side_service {
  width: 35%;
  z-index: 1;
}

.left_side_service > .description_pack {
  margin-right: -12%;
  font-size: 1.1vw;
  margin-top: 2vw;
}
.left_side_service > .description_pack > span {
  line-height: 1.8vw;
  white-space: nowrap;
}
.left_side_service > .description_pack > b {
  font-size: 1.1vw;
  font-weight: 200;
  margin-left: 17px;
  display: list-item;
}
.right_side_service img {
  width: 33vw;
}
#scroll3 > .right_side_service.non_mobile > img {
  margin-top: 8vw;
}
.small_icon_text_battery {
  width: 2vw;
  margin-right: 0.4vw;
}

article.service_sidebar {
  position: absolute;
  visibility: hidden;
  z-index: 1;
  left: 4vw;
  width: 9.5vw;
}

.service_collapsible {
  background: transparent;
  text-align: left;
  color: #3f3f42;
  transition: 0.3s;
  cursor: pointer;
  font-size: 1.1vw;
  font-weight: 600;
  padding: 0.8vw 0;
}
.service_collapsible:hover {
  color: #5c9fbc !important;
}
.arrow_right {
  position: relative;
}
.arrow_right::after {
  content: "";
  border: solid black;
  border-width: 0 0.1vw 0.1vw 0;
  padding: 0.2vw;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: 45%;
  right: 5%;
  transition: 0.3s;
}
.service_contentik img {
  width: 57%;
  margin: 15px 0;
}

.btn_service {
  bottom: 120px;
  margin-top: 0;
}

.img_part_service {
  margin: 50px auto;
  width: 88%;
  transform: translate(-5.2%, 0px);
  padding-left: 2.4vw;
  padding-bottom: 40px;
  position: relative;
}

.title_for_img {
  position: absolute;
  font-weight: bold;
  top: -5%;
  color: #3f3f42;
  font-family: GothamBook;
  left: 10%;
  font-size: 2vw;
}
.pod_title_for_img {
  position: absolute;
  top: 1.1vw;
  max-width: 58%;
  left: 10%;
  font-size: 1.3vw;
}
.description_for_img {
  position: absolute;
  font-weight: bold;
  bottom: 9%;
  left: 7%;
  font-size: 0.9vw;
}
.img_part_service > .first_slide > img {
  width: 100%;
}
#dest_img_topeer {
  margin-top: 40px;
}
.title_img_2 {
  top: 1.6vw;
}
.title_img_3 {
  top: -3.6vw;
}
.pod_title_img2 {
  top: 0.8vw;
}
.pod_title_for_img_2 {
  top: 4.6vw;
}
.pod_title_img_2 {
  top: 4.5vw;
}
.pod_title_img_3 {
  top: -1%;
}
.description_img_2 {
  bottom: 15%;
}
.title_img2 {
  top: -2.3vw;
}
.description_img2 {
  bottom: 8%;
}
.contact_us_button_part {
  display: flex;
  position: relative;
  justify-content: space-between;
}

.contact_us_button_part .icon {
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 50%;
  transition: 0.4s;
  position: relative;
  cursor: pointer;
  margin-top: 0.7vw;
  margin-right: 5px;
  background: #84e329;
}
#scrollToMobile4 > img {
  width: 46% !important;
}
#scroll2 > .right_side_service.non_mobile > img {
  margin-top: 6vw;
}
.contact_us_button_part .icon img {
  width: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.contact_us_button_part .service_collapsible {
  cursor: pointer;
  color: white !important;
  font-size: 0.97vw;
  box-shadow: 0px 0px 1px 1px #848689 !important;
  padding-left: 0.45vw;
  padding-right: 0.45vw;
}
.contact_us_button_part .service_collapsible:hover {
  color: #3f3f42 !important;
}
.phone_icon {
  z-index: 1;
}
.insta_icon,
.viber_icon,
.telegram_icon {
  position: absolute !important;
  opacity: 0;
  top: 3.6vw;
  visibility: hidden;
}

.telegram_icon {
  background-color: lightskyblue !important;
}

.viber_icon {
  background-color: blueviolet !important;
}

.insta_icon {
  background-color: crimson !important;
}

.contact_us_button_part .viber_icon {
  left: 30%;
  transition-delay: 0.2s;
}
.contact_us_button_part .insta_icon {
  left: 60%;
  transition-delay: 0.4s;
}

.section_service_top > .container > .main_title_part {
  margin-bottom: 20px;
}
.section_service_top > .container > .main_title_part > .mt--70 {
  margin-top: -4vw;
}

.contact_us_button_part:hover .telegram_icon,
.contact_us_button_part:hover .viber_icon,
.contact_us_button_part:hover .insta_icon {
  visibility: visible;
  opacity: 1;
}

.contact_us_button_part:hover .phone_icon {
  animation: call 0.4s;
  animation-delay: 0.8s;
}
hr.styleSpecs {
  margin: 10px auto;
  width: 60vw;
  border: 0;
  height: 1px;
  background-image: linear-gradient(
    to right,
    #393c4100,
    rgba(57, 60, 65, 0.356),
    #393c4100
  );
}
@keyframes call {
  20% {
    transform: rotate(-45deg);
  }

  40% {
    transform: rotate(35deg);
  }

  30% {
    transform: rotate(-25deg);
  }
  40% {
    transform: rotate(17deg);
  }
  50% {
    transform: rotate(-17deg);
  }

  60% {
    transform: rotate(9deg);
  }

  70% {
    transform: rotate(-9deg);
  }
  80% {
    transform: rotate(4deg);
  }
  90% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.btn_contact_info_sidebar {
  color: white;
  background: #444444;
  border-radius: 2vw;
  padding: 0.7vw 0;
  margin-top: 0.7vw;
  font-size: 1.2vw;
  height: fit-content;
  text-align: center;
}

.title_contact_us_part {
  font-size: 1vw;
  margin-top: 2.5vw;
  text-align: center;
  margin-bottom: 4px;
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 2px solid #ddd;
}

.second_slide {
  margin-left: 2.4vw;
  transition: 0.4s;
  border-top: 4.5vw solid transparent;
  visibility: visible;
  opacity: 1;
  display: none;
  padding: 2px;
  overflow: auto;
}

.second_slide::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  background-color: #fafafa;
}

.second_slide::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #d1d1d1;
}

.s_s_3 {
  border-top: 7.5vw solid transparent;
}
.first_slide {
  transition: 0.4s;
  visibility: visible;
  opacity: 1;
  position: relative;
}
.group_under_slide {
  position: absolute;
  display: flex;
  align-items: center;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
.arrow_toggle_slide {
  position: relative;
  border-radius: 50%;
  cursor: pointer;
  width: 50px;
  height: 50px;
  transition: 0.3s;
  font-size: 34px;
  box-shadow: 0px 0px 11px 0px #2399ef;
  background: #d5d5d57d;
}
.btn_group_under_slide {
  margin-right: 2vw;
  width: 9.6vw;
  font-size: 1.2vw;
  padding: 8.8px 0;
  border-radius: 21.6px;
}
.hidden_class {
  visibility: hidden;
  opacity: 0;
}

.arrow_toggle_slide::before {
  content: "\2193";
  position: absolute;
  top: 43%;
  transition: 0.3s;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #3f4f42;
}

.arrow_invert_toggle::before {
  transform: translate(-50%, -33%) rotate(-180deg);
}

.arrow_toggle_slide:hover {
  box-shadow: 0px 0px 11px 0px #82e823;
  background: #d5d5d5;
}
.arrow_toggle_slide:hover::before {
  color: white;
}

th {
  min-width: 150px;
  width: 200px;
  height: 90px;
}

th > img {
  width: auto;
  height: 100%;
}

th,
td {
  text-align: center;
  padding: 10px;
  border-right: 2px solid #3f4f42;
  font-size: 14px;
}

tr.two_row {
  border-bottom: 3px solid #3f4f42;
}

th:last-child,
td:last-child {
  border-right: none;
}

tr:nth-child(2),
tr:nth-child(5),
tr:nth-child(8) {
  background-color: #f2f2f2;
}
@media (min-width: 1000px) {
  th > img {
    transition: 0.3s;
    transition-property: box-shadow;
    z-index: 4;
  }
  th:hover > img {
    box-shadow: 0px 0px 20px 1px #0ab8c0;
    border: 8px solid white;
    position: absolute;
    width: auto;
    right: -12vw;
    top: 50%;
    height: 15vw;
    transform: translate(0%, -50%);
  }
}
@media (max-width: 1500px) {
  .description_pack {
    padding-left: 50px;
  }
  .img_part_service {
    padding-left: 7.4vw;
  }
  .pod_title_for_img,
  .title_for_img {
    left: 16%;
  }

  .description_for_img {
    left: 7%;
  }
  th,
  td {
    font-size: 13px;
  }
}
@media (max-width: 1300px) {
  .description_pack {
    padding-left: 50px;
  }
  article.service_sidebar {
    left: 3vw;
  }
  .img_part_service {
    width: 76%;
    padding-left: 2.4vw;
  }
  .description_for_img {
    bottom: 9%;
  }
  .description_img2 {
    bottom: 8%;
  }
  .description_img_2 {
    bottom: 15%;
  }
  .pod_title_for_img,
  .title_for_img {
    left: 6vw;
  }

  .description_for_img {
    left: 4vw;
  }
}
@media (min-width: 1700px) {
  .img_part_service {
    width: 100%;
    transform: translate(-4.2%, 0px);
  }
  .left_side_service {
    width: 45%;
  }
  .title_for_img {
    position: absolute;
    font-weight: bold;
    top: -1.2vw;
    left: 9%;
    font-size: 1.5vw;
  }

  th,
  td {
    font-size: 15px;
  }
  .description_for_img {
    position: absolute;
    font-weight: bold;
    bottom: 6%;
    left: 6%;
    font-size: 0.9vw;
  }
  .pod_title_for_img {
    position: absolute;
    top: 1vw;
    left: 10%;
    font-size: 1vw;
  }
  .title_img2 {
    top: -1.3vw;
  }
  .title_img_2 {
    top: 2.1vw;
  }
  .pod_title_img_2 {
    top: 4.3vw;
  }
  .offset_2 {
    margin-top: 70px;
  }
  .title_img_3 {
    top: -2.6vw;
  }
  .pod_title_img_3 {
    top: 0vw;
  }
  .description_img_2 {
    bottom: 13%;
  }
  .description_img2 {
    bottom: 6%;
  }
}
@media (min-width: 2000px) {
  .left_side_service {
    width: 60%;
  }
  .right_side_service {
    width: 60%;
  }
  .title_for_img {
    position: absolute;
    font-weight: bold;
    top: -2.5vw;
    left: 11%;
    font-size: 1.5vw;
  }
  .pod_title_for_img {
    position: absolute;
    top: 0vw;
    left: 11%;
    font-size: 0.9vw;
  }
  .title_img2 {
    top: -2.3vw;
  }
  .title_img_2 {
    top: 0.4vw;
  }
  .pod_title_img_2 {
    top: 2.8vw;
  }
  .offset_2 {
    margin-top: 90px;
  }
  .title_img_3 {
    top: -3.6vw;
  }
  .pod_title_img_3 {
    top: -1vw;
  }
  .second_slide {
    margin-left: 2.4vw;
    transition: 0.4s;
    border-top: 51px solid transparent;
    visibility: visible;
    opacity: 1;
    display: none;
    padding: 2px;
    overflow: auto;
  }

  .s_s_3 {
    border-top: 110px solid transparent;
  }
}

.img_part_service > img {
  width: 100%;
}
.btn_table {
  font-size: 17px;
  border-radius: 9px;
  box-shadow: 0px 0px 1px 1px #848689 !important;
  padding: 3px 22px;
}

@media (max-width: 800px) {
  article.service_sidebar {
    position: fixed;
    left: 0;
    z-index: 12;
    bottom: 0;
    visibility: visible;
    width: 100vw;
    background: #fafafa;
    padding: 20px 15px;
    box-shadow: 6px 8px 20px 0px #46534a;
  }
  .left_side_service > .description_pack > b {
    font-size: 3vw;
  }
  .section_service_top > .container > .main_title_part > .mt--70 {
    margin: 7vw;
  }
  .service_colapse {
    display: flex;
    justify-content: space-between;
  }
  .left_side_service > .description_pack > span {
    white-space: normal;
  }
  .contact_us_button_part,
  .title_contact_us_part,
  .service_collapsible {
    display: none;
  }
  .service_contentik {
    position: relative;
    width: 20vw;
    overflow: visible;
    max-height: fit-content !important;
  }
  .service_contentik > .service_collapsible {
    font-size: 3vw;
    display: block;
    width: fit-content;
    position: absolute;
    left: 50%;
    z-index: 2;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .left_side_service > .description_pack {
    margin-right: 0%;
    font-size: 3vw;
    margin-top: 2vw;
    padding-left: 0px;
    text-align: justify;
  }
  .small_icon_text_battery {
    width: 5vw;
    margin-right: 0.8vw;
  }
  .content_service {
    display: block;
  }
  .contentik img {
    transition: 0.3s;
    margin: 0;
    width: 100%;
  }
  #ShopFixed {
    bottom: 23vh;
    right: 15px;
  }
  #scrollToMobile4 > img {
    width: 70% !important;
    margin-left: 3vw;
  }
  .left_side_service,
  .right_side_service {
    width: 100%;
    margin: 0;
  }
  .right_side_service img {
    width: 70vw;
    margin-left: 10vw;
  }
  #ScrollToTop {
    right: 15px;
    bottom: 16vh;
  }
}

@media (max-width: 450px) {
  article.service_sidebar {
    padding: 10px 15px;
  }
  .content_service {
    display: block;
    padding-bottom: 90px;
  }
  #dest_img_topeer {
    margin-top: 70px;
  }

  .right_side_service,
  .left_side_service {
    width: 100%;
    margin: 40px 0;
  }
  #ShopFixed {
    width: 60px;
    font-size: 14px;
    bottom: 24vh;
    right: 15px;
  }
  .main_title {
    margin: 7vw;
  }
  .btn_group_under_slide {
    margin-right: 6vw;
    width: 35vw;
    font-size: 5vw;
    padding: 9px 0;
    border-radius: 27px;
  }
  .btn_service {
    width: 55vw;
    bottom: 3%;
    font-size: 8vw;
    margin-top: 0;
  }

  .second_slide {
    margin-left: 0;
    padding: 0px;
    border-top: 10px solid transparent;
  }
  th {
    min-width: 156px;
    width: unset;
    height: 104px;
  }
  th,
  td {
    font-size: 12px;
  }
  .btn_table {
    font-size: 14px;
    border-radius: 6px;
    padding: 5px 20px;
  }
  .description_pack {
    text-align: justify;
  }
  .title_for_img,
  .title_img_2,
  .title_img {
    top: -10vw;
    left: 6%;
    font-size: 4vw;
  }
  .description_for_img,
  .description_img2,
  .description_img {
    font-size: 2.5vw;
    left: 6%;
    bottom: unset;
    font-weight: 300;
    top: -2.5%;
  }
  .pod_title_for_img,
  .pod_title_img2,
  .pod_title_img_2,
  .pod_title_img_3 {
    display: none; /*hzhzhzhzzhzhz*/
  }

  .img_part_service {
    width: 100%;
    transform: none;
    padding: 0;
    margin-top: 70px;
    padding-bottom: 86px;
  }

  .description_pack br {
    display: block;
  }
  .left_side_service > .description_pack {
    font-size: 3.4vw;
  }
  .content_service {
    padding-bottom: 0px;
  }
  footer {
    padding: 5vw 20px 41vw;
  }
  footer .copyright {
    bottom: 20vw;
  }
  #ScrollToTop {
    right: 15px;
    bottom: 23vw;
  }
}