.our_services {
    /* Наши услуги */
position: absolute;
width: 100%;
height: 800px;
left: 0;
right: 0;
top: 970px;
bottom: 2518px;
background: rgb(245, 245, 245);
}

.our_services_title_text {
    /* Наши услуги */
position: static;
width: 703px;
height: 71px;
/* Автолейаут */
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 20;
padding: 0px;


/* Inside Auto Layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
margin: 20px 0px;

color: rgb(8, 98, 248);
font-family: Rubik;
font-size: 60px;
font-weight: 600;
line-height: 71px;
letter-spacing: 0%;
text-align: left;
text-transform: uppercase;
}

.our_services p {
position: static;
width: 703px;
height: 75px;
/* Автолейаут */
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 20;
padding: 0px;


/* Inside Auto Layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
margin: 20px 130px;

color: rgb(19, 19, 19);
font-family: Rubik;
font-size: 22px;
font-weight: 400;
line-height: 25px;
letter-spacing: 0%;
text-align: left;
}

.our_services_ww {
    /* Frame 2131327097 */
position: absolute;
width: 348px;
height: 46px;
/* Автолейаут */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10;
padding: 10px 20px 10px 20px;

margin-top: -175px;


/* Inside Auto Layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;

box-sizing: border-box;
border: 2px solid rgb(19, 19, 19);
border-radius: 50px;
margin-left: calc(100% - 478px);
}

.our_services_ww p {
    position: relative;
    bottom: 20px;
}

.our_services_buttons button {
    /* Ellipse 1708 */
position: absolute;
width: 50px;
height: 50px;
left: 50px;
top: 50px;

background: rgb(8, 98, 248);
border-radius: 100%;
border: none;
}

.our_services_buttons_2 {
    margin-left: calc(100% - 230px);
    margin-top: 50px;
    z-index: 1000;
}

.our_services_buttons_1 {
    margin-left: calc(100% - 290px);
    margin-top: 50px;
    z-index: 1000;
}


.carousel {
    display: flex;
    margin-top: 220px;
    margin-left: 60px;
    transition: transform 0.5s ease;
}

.carousel img {
    /* Rectangle 23803 */
position: static;
width: 399px; 
height: 340px;
/* Inside Auto Layout */
flex: none;
order: 0;
flex-grow: 0;
margin: 0px 30px;
    margin-top: -120px;

border-radius: 10px;

width: calc(100% / 3); 
    flex-shrink: 0;
}

.carousel-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.progress_bar {
    position: absolute;
    width: 250px;
    height: 5px;
    left: 45%;
    top: 750px;
    border-radius: 200px;
    background-color: black;
    overflow: hidden; 
}

.progress {
    height: 100%;
    width: 0%; 
    background-color: blue; 
    transition: width 0.1s linear; 
    z-index: 1000;
}