.text-blue-color{
    color: #1509FF;
}


body {
    font-family: 'Inter', sans-serif;
    background-color: #ffffff;
    color: #000;
    overflow-x: hidden;
  }
  
  .button {
    display: inline-block;
    background-color: #1509FF;
    color: #fff;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-align: center;
    transition: background-color 0.3s;
    cursor: pointer;
  }
  
  .button:hover {
    background-color: #0e07cc;
  }
  
  .section-header h2 {
    font-size: clamp(28px, 5vw, 56px);
    line-height: normal;
    font-weight: 700;
  }
  
  .section-header h2 span {
    font-weight: 400;
  }
  
  .logo .sitename {
    font-size: 10px;
    font-weight: 400;
    border-left: 1px solid #000;
    padding-left: 12px;
    margin-left: 12px;
    height: 24px;
    display: flex;
    align-items: center;
  }
  
  .contacts span {
    display: inline-block;
    margin-left: 0.25rem;
  }
  
  .partners-list img {
    max-height: 40px;
    object-fit: contain;
    transition: filter 0.3s;
  }
  
  .partners-list img:hover {
    filter: none;
  }
  
  .dottes-bg-container {
    background-image: url('../images/dots.svg'); /* если нужен узор */
    background-repeat: repeat;
    z-index: -1;
    background-position: -21px -21px;
  }
  .logo {
    max-width: 305px;
}

header .button {
    border-radius: 100px;
    margin-left: 24px;
    width: 196px;
}
header nav li a {
    color: #686868;
}

header nav li a.active {
    color: #000;
}

section {
    position: relative;
}

.banner-about {
    padding-top: 132px;
}

.banner-about h2 {
    font-size: clamp(28px, 5vw, 56px);
    margin-bottom: clamp(20px, 4vw, 40px);
}

.banner-about p {
    font-size: 20px;
    margin-bottom: 72px;
    line-height: 140%;
    font-weight: 500;
}

.banner-about ul li {
    border-left: 2px solid #BDBDBD;
    padding-left: 24px;
    display: flex;
    align-items: center;
    width: 288px;
    height: 71px;
    font-size: 20px;
    line-height: 140%;
}
.banner-about .button {
    border-radius: 0;
    width: 380px;
    padding: 32px 0;
    margin-top: 149px;
}
section.bunner {
    align-items: flex-end;
}

.men {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.men:after {
    content: "";
    background: linear-gradient(180deg, #FFF 13.38%, #CFCFCF 100%);
    width: 380px;
    display: block;
    height: 840px;
    position: absolute;
    bottom: 0;
    z-index: -1;
    right: 5px;
}

.men img {
    position: relative;
    right: -26px;
}
section.about-us {
    margin-top: 222px;
}

section.about-us.dottes-bg-container {}

.about-us .dottes-bg-container {
    width: 380px;
    height: 509px;
    opacity: 1;
    top: -222px;
    left: 0;
    z-index: 0;
}

h1, h2 {
     font-size: clamp(28px, 5vw, 56px);
}

main section h2, main section h1 {
    max-width: 719px;
    margin: 0;
}

.about-us div section.space-y-6 {
    margin-top: 122px;
}
.mission h4 {
    font-size: 16px;
    font-weight: 700;
}
.section-header {
    margin: 0;
}

.about-us div section p {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    padding-right: 50px;
}
.about-logo {
    margin-top: 18px;
}
.about-us div section  .mission {
    padding: 24px;
    border: 1px dashed #1509FF;
    box-shadow: 0px 371px 104px 0px rgba(0, 0, 0, 0.00), 0px 238px 95px 0px rgba(0, 0, 0, 0.01), 0px 134px 80px 0px rgba(0, 0, 0, 0.05), 0px 59px 59px 0px rgba(0, 0, 0, 0.09), 0px 15px 33px 0px rgba(0, 0, 0, 0.10);
    background: #fff;
    margin-top: 70px;
}
.targets .section-header svg {
    position: absolute;
    left: 329px;
    top: 18px;
    z-index: 2;
}

main > section {
    padding-bottom: 60px;
}

section.targets.relative {
    padding-top: 150px;
}

.targets section div img {
    margin-top: 162px;
    width: 575px;
    position: relative;
    left: -32px;
}

.targets-content {
    margin-top: -159px;
    border: 1px solid #E4E4E4;
    background: #fff;
    margin-left: 10px;
}

.targets-content article {
    padding: 32px 32px 31px;
    border-bottom: 1px solid #E4E4E4;
    margin: 0;
}

.targets-content article:last-child {
    border: none;
}

.targets-content .order {
    flex: 0 060px;
    font-size: 32px;
}

.targets-content .content {
    flex: 1;
}

.targets-content .content h4 {
    margin-bottom: 16px;
    margin-top: -3px;
    font-weight: 700;
    font-size: 18px;
}

.targets .dottes-bg-container {
    width: 100%;
    height: 320px;
    top: -146px;
    left: 40%;
    opacity: 1;
}
.targets-content .content p {
    font-size: 14px;
}
section.make-better.relative {
    padding-top: 80px;
}
.make-better h2 {
    margin-bottom: 72px;
}

.make-better .dottes-bg-container {
    width: 380px;
    height: 603px;
    left: -16px;
    top: -346px;
    z-index: 0;
    opacity: 1;
    background: none;
}

.make-better h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 40px;
    line-height: normal;
}
.make-better ul li {
    border: 1px solid #BDBDBD;
    position: relative;
    padding: 14px;
    width: max-content;
    margin-bottom: 8px;
}

.make-better ul li svg {
    position: absolute;
    left: -45px;
    top: -30px;
}

.make-better .need-to-do ul {
    padding-left: 60px;
}

.make-better ul li:nth-child(2) svg {
    top: -37px;
    left: -44px;
}

.make-better ul li:nth-child(3) svg {
    left: -44px;
    top: -38px;
}

.we-done ul.space-y-4 {
    padding-left: 100px;
}

.we-done ul.space-y-4 li svg {
    left: -86px;
    top: -41px;
}

.we-done ul.space-y-4 li:first-child svg {
    left: -89px;
    top: -31px;
}
.make-better .we-done ul li {
    margin-bottom: 12px;
}
.make-better .we-done ul li {
    margin-bottom: 12px;
}

.need-to-do > img {
    max-width: 439px;
    margin-top: -55px;
    margin-left: 10px;
}
section.why-we-are.relative {
    padding-top: 82px;
}

.wwa-row article {
    padding: 32px;
    border: 1px solid #E4E4E4;
    background: #fff;
    line-height: normal;
}

.wwaa-icon {
    margin-bottom: 24px;
}

.wwa-row article h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
}

.wwa-row article p {
    font-size: 16px;
}

.wwa-row.row1 {
    margin-bottom: 20px;
    margin-top: 120px;
}

.dottes-bg-container.dbctop {
    opacity: 1;
    height: 320px;
    left: 39.5%;
    width: 100%;
    top: 0px;
}

.dottes-bg-container.dbcbottom {
    opacity: 1;
    background: none;
    width: 380px;
    height: 516px;
    left: 0;
    top: 671px;
}
section.trusted-us.relative h2 {
    margin-bottom: 96px;
}

section.trusted-us.relative {
    padding-top: 121px;
}

section.trusted-us.relative .dottes-bg-container {
    opacity: 1;
    width: 100%;
    height: 320px;
    left: 40.5%;
    top: 50px;
}

section.trusted-us.relative ul li {
    flex: 0 0 33%;
    flex-direction: column;
}

section.trusted-us.relative ul {
    margin: 0;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
}

section.trusted-us.relative ul li span {border-left: 2px solid #BDBDBD;padding-left: 24px;}

section.trusted-us.relative ul li img {
    margin-left: 24px;
}
.bottom .dottes-bg-container {
    width: 380px;
    left: 0;
    opacity: 1;
    height: 700px;
    top: 400px;
}

section.bottom.relative {
    padding-top: 60px;
    padding-bottom: 0;
}

section.bottom.relative a.button {
    width: 380px;
    height: 84px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.bottom.relative p.italic {
    font-size: 16px;
    margin-bottom: 32px;
    line-height: 140%;
}

section.bottom.relative h5 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

section.bottom.relative ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: 10px;
}

section.bottom.relative ul li {
    flex: 0 0 50%;
    margin-bottom: 5px;
}
.partners-list {margin-top: 32px;flex-wrap: wrap;gap: 35px;}

.partners-list a {
    width: 140px;
    height: 48px;
}
.contacts.text-sm.space-y-1.flex > div {
    color: #878787;
    text-align: right;
}

.contacts.text-sm.space-y-1.flex > div span {
    color: #000;
    font-size: 20px;
}
section.about-us.relative img {
    margin-top: 40px;
}
.popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    display: none;
    align-items: center;
    justify-content: center;
}

.popup-content {
    position: absolute;
    max-width: 573px;
    padding: 40px;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.popup-content h3 {
    font-size: 28px;
    font-weight: 700;
}

.popup form {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.popup form label {
    font-weight: bold;
    margin-bottom: 12px;
}

.popup input {
    border: 1px solid #BDBDBD;
    padding: 24px;
    width: 100%;
    display: block;
    margin-bottom: 24px;
    color: #686868;
}

.popup button.button {
    padding: 30px 52px;
    border-radius: 0;
    margin-top: 8px;
}
.phone a {
    font-size: 20px;
}
.wwa-row.row2 {
    margin-bottom: 20px;
}
span.round {
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 4px;
}
section.goodteambro {
    margin-top: -110px;
}
.form-container form {
    display: flex;
    flex-direction: column;
    width: 380px;
    background: #fff;
    box-shadow: 245px 461px 146px 0px rgba(0, 0, 0, 0.00), 157px 295px 134px 0px rgba(0, 0, 0, 0.02), 88px 166px 113px 0px rgba(0, 0, 0, 0.08), 39px 74px 83px 0px rgba(0, 0, 0, 0.14), 10px 18px 46px 0px rgba(0, 0, 0, 0.16);
    padding: 32px 32px 0;
}

.form-container form input {
    border-bottom: 1px solid #DCDCDC;
    padding: 24px 0;
    margin-bottom: 24px;
}

.form-container form button, .form-container form .button {
    margin: 0 -32px;
    border-radius: 0;
    padding: 32px 0;
}

.bottom h2 {
    font-weight: 700;
    margin-top: 82px;
    line-height: 120%;
    margin-bottom: 52px;
    font-size: 52px;
}
.form-hint {
    margin-top: 64px;
    margin-bottom: 32px;
    font-size: 14px;
}
.footer-logo-contaier a {
    display: block;
    margin-top: 36px;
    color: #686868;
}

.rekv {
    max-width: 325px;
}

.rekv ul li span {
    color: #686868;
}

.rekv li {
    font-size: 16px;
    line-height: 140%;
}

footer {
    padding-bottom: 60px;
}

footer .logo .sitename {
    font-weight: 500;
}

.contacts {
    flex-direction: column;
    gap: 0px;
    text-align: right;
    font-weight: 500;
    font-size: 16px;
}

.contacts h6 {
    color: #686868;
    font-weight: 400;
}
a.button.popup-close {
    border-radius: 0;
    padding: 32px 0;
    margin-top: 32px;
}
span.round {
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 4px;
}