.container-adrs-hero {
    display: flex;
    justify-content: center;
    margin: 100px 0;
    gap: 100px;
}

.container-adrs-hero p { 
    max-width: 550px;
}

.container-adrs-hero img {
    height: 400px;
}

.container-adrs-hero h1 {
    font-size: 70px;
}

.hr {
    color: rgb(97, 24, 5);
    opacity: 0.4;
}

.container-adrs-purpose {
    text-align: center;
    margin: 50px 0;
}

.container-adrs-purpose p {
    max-width: 700px;
    margin: 0 auto;
}

.container-adrs-purpose h2 {
    font-size: 44px;
}

.scroll-container {
  margin: 50px auto 0 auto;
  overflow: hidden;
  white-space: nowrap;
  width: 70%;
  display: flex;
  justify-content: center; 
}

.scroll-content {
  display: inline-flex;
  animation: scroll 16s linear infinite;
  border-top: 1px solid rgb(97, 24, 5);
  border-bottom: 1px solid rgb(97, 24, 5);
}

  .scroll-content p {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 20px;
    font-size: 16px;
    white-space: nowrap;
  }
  
  @keyframes scroll {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-30%);
    }
  }

.container-range-for-recognition,
.container-technical-parameters {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 40px 0;
}

.container-range-for-recognition h2,
.container-technical-parameters h2 {
    font-size: 40px;
}

.container-range-for-recognition table,
.container-technical-parameters table {
    border-collapse: collapse; 
    border: 1px solid rgb(97, 24, 5);
}

.container-range-for-recognition th,
.container-range-for-recognition td,
.container-technical-parameters th,
.container-technical-parameters td {
    border: 1px solid rgb(97, 24, 5); 
    padding: 8px 20px;
    font-family: "DM Sans", sans-serif;
    color: rgb(97, 24, 5);
}

.container-dldt2020-characteristics {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container-dldt2020-characteristics h2 {
    font-size: 40px;
}

.container-dldt2020-characteristics li {
    font-family: "DM Sans", sans-serif;
    color: rgb(97, 24, 5);
}

.container-control-modes {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.container-control-modes img {
  height: 350px;
  margin-top: 50px;
}

.control-modes-text {
  text-align: center;
}

#adrs_control_main {
    font-size: 40px;
    text-align: center;
    margin: 60px 0 15px 0;
}

.container-control-modes h3 {
    font-size: 28px;
}

.container-control-modes p {
    margin: 5px 0;
    max-width: 700px;
    text-align: center;
}

#adrs_control_manual_desc1,
#adrs_control_auto_desc1 {
    font-size: 19px;
}

@media (max-width: 610px) {
    .scroll-container {
        width: 90% !important;
    }
}
@media (max-width: 1200px) {
    .container-control-modes {
        flex-direction: column;
    }
}
@media (max-width: 955px) {
    .container-adrs-hero {
        flex-direction: column;
        text-align: center;
        align-items: center;
        margin: 30px 0;
        gap: 35px;
    }
    .container-adrs-hero p {
        margin: 0 auto;
    }
    .container-adrs-hero img {
        width: 50vw;
        height: auto;
    }
}
@media (max-width: 740px) {
    .container-control-modes p {
        max-width: 90vw;
        margin: 5px auto;
    }
}
@media (max-width: 700px) {
    .container-adrs-purpose p {
        max-width: 90vw;
    }
}
@media (max-width: 635px) {
    .container-adrs-hero h1{
        font-size: 50px;
    }
    .container-adrs-hero p {
        max-width: 90vw;
    }
    .container-adrs-hero img {
        width: 70vw;
        height: auto;
    }
}
@media (max-width: 570px) {
    #radar_radius_options_p {
        text-align: center;
        max-width: 90vw;
        margin: 0 auto;
    }
    .container-dldt2020-characteristics h2, #adrs_control_main {
        font-size: 35px;
        text-align: center;
        max-width: 90vw;
        margin: 20px auto 10px auto;
    }
    .container-dldt2020-characteristics ul {
        max-width: 95vw;
    }
}
@media (max-width: 530px) {
    .container-range-for-recognition table,
    .container-technical-parameters table {
        max-width: 90vw;
    }
    .container-range-for-recognition h2,
    .container-technical-parameters h2 {
        font-size: 35px;
        text-align: center;
    }
}
@media (max-width: 410px) {
    .container-control-modes h3 {
        max-width: 90vw;
        margin: 30px auto 20px auto;
    }
}
@media (max-width: 410px) {
    .container-control-modes img {
        max-width: 90vw;
    }
}