.advantages-wrapper{
display: flex;
justify-content: center;
row-gap: 2.5rem;
column-gap: clamp(1.25rem, 2.237vw - 0.185rem, 2.5rem);
flex-wrap: wrap;
}
.advantages-item{
flex: 340px 0 1;
text-align: center;
}
.advantages-icon{
display: inline-block;
width: 105px;
}
.advantages-item__title{
font-size: 19px;
font-weight: 400;
padding-top: clamp(1.875rem, 1.454vw + 0.943rem, 2.688rem);
padding-bottom: clamp(1.563rem, 0.783vw + 1.06rem, 2rem);
}
.advantages-item__text{
font-size: 16px;
font-weight: 300;
}
.video-section{
margin-bottom: clamp(3.75rem, 4.474vw + 0.881rem, 6.25rem);
}
.video-all{
margin-bottom: clamp(2.5rem, 6.711vw - 1.804rem, 6.25rem);
}
.construction{
background-color: var(--color-primary);
color: var(--color-white);
padding-top: clamp(3.75rem, 4.474vw + 0.881rem, 6.25rem);
padding-bottom: clamp(3.75rem, 4.474vw + 0.881rem, 6.25rem);
}
.construction-wraper{
display: flex;
justify-content: space-between;
align-items: start;
}
.construction-left{
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: start;
gap: clamp(2.5rem, 2.237vw + 1.065rem, 3.75rem);
margin-right: 2rem;
}
.construction-title{
width: 100%;
font-size: clamp(2rem, 1.972vw + 1.384rem, 3.75rem);
font-weight: 400;
line-height: 1.03;
}
.construction-subtitle{
flex: 517px 0 1;
font-size: clamp(1.063rem, 0.224vw + 0.919rem, 1.188rem);
}
.logo-inner{
display: flex;
gap: 1.2rem;
flex: 345px 0 1;
}
.logo-inner__image{
width: 113px;
}
.logo-inner__text{
font-size: clamp(1.063rem, 0.224vw + 0.919rem, 1.188rem);
}
.construction-left__btn{
padding: 1.563rem;
}
.construction-right{
flex: 275px 1 0;
}
.construction .workers-card__subtitle {
line-height: 1.2;
}
.company-wrapper{
text-align: center;
padding-top: clamp(3.75rem, 4.474vw + 0.881rem, 6.25rem);
}
.company-title{
font-size: clamp(2rem, 1.972vw + 1.384rem, 3.75rem);
font-weight: 400;
line-height: 1.03;
}
.company-subtitle{
display: inline-block;
font-weight: 400;
opacity: 0.5;
font-size: clamp(1.063rem, 0.224vw + 0.919rem, 1.188rem);
padding: clamp(1.563rem, 1.678vw + 0.487rem, 2.5rem) 0;
max-width: 515px;
margin: 0 auto;
}   
.company-text{
font-weight: 400;
font-size: clamp(1.063rem, 0.224vw + 0.919rem, 1.188rem);
}
.events-section{
padding-top: clamp(3.75rem, 4.474vw + 0.881rem, 6.25rem);
padding-bottom: clamp(3.75rem, 4.474vw + 0.881rem, 6.25rem);
}
.events-title{
font-size: clamp(2rem, 1.972vw + 1.384rem, 3.75rem);
text-align: center;
width: 100%;
font-weight: 400;
margin-bottom: clamp(1.563rem, 1.678vw + 0.487rem, 2.5rem);
}
.events-tabs-nav {
padding: 0 clamp(1.25rem, 25vw - 17.5rem, 12.5rem);
max-width: 1920px;
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: clamp(1.563rem, 1.678vw + 0.487rem, 2.5rem);
gap: 1rem;
}
.event-tab {
font-size: clamp(1.125rem, 0.671vw + 0.695rem, 1.5rem);
padding: clamp(0.938rem, 0.559vw + 0.579rem, 1.25rem) clamp(1.25rem, 2.237vw - 0.185rem, 2.5rem);
cursor: pointer;
transition: all 0.3s ease;
background-color: var(--color-white);
color: #102f5c;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
}
.event-tab.active {
background-color:var(--color-text);
color: var(--color-white);
}
.event-tab-content {
display: none;
}
.event-tab-content.active {
display: block;
} .sl-image-wrapper {
position: relative;
width: 100%;
height: 0;
padding-bottom: 51.25%; overflow: hidden;
}
.sl-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.sl-buttons{
position: relative;
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
padding-top: clamp(1.563rem, 3.889vw - 1.354rem, 3.313rem);
}
.sl-prev:after, .sl-next:after{
content: "" !important;
display: none;
}
.sl-prev, .sl-next{
width: 64px !important;
height: 64px !important;
position: relative !important;
margin: 0 !important;
top: unset !important;
left: unset !important;
margin-top: 0 !important;
right: unset !important;
}
.sl-text-below{
font-size: clamp(1.375rem, 1.389vw + 0.333rem, 2rem);
padding-top: clamp(1.563rem, 3.889vw - 1.354rem, 3.313rem);
font-weight: 400;
text-align: center;
}
.sl-image-wrapper{
position: relative;
}
.sl-text-absolute{
position: absolute;
left: clamp(4.375rem, 14.541vw - 4.95rem, 12.5rem);
bottom: clamp(3.125rem, 3.356vw + 0.973rem, 5rem);
padding: clamp(2.5rem, 5.556vw - 1.667rem, 5rem) clamp(1.875rem, 1.678vw + 0.799rem, 2.813rem);
z-index: 1;
max-width: 350px;
width: 100%;
background-color: var(--color-text);
font-size: clamp(1rem, 0.417vw + 0.688rem, 1.188rem);
color: var(--color-white);
text-align: center;
font-weight: 400;
}
@media screen and (max-width: 768px){
.construction-wraper{
flex-wrap: wrap;
}
.construction-left{
margin-right: 0;
}
.construction-title{
text-align: center;
}
.construction-subtitle{
margin: 0 auto;
text-align: center;
}
.logo-inner{
margin:  0 auto;
}
.construction-left__btn{
margin: 0 auto 25px;
max-width: 380px;
width: 100%;
}
.construction-right{
flex: 320px 0 1;
margin: 0 auto;
}
.events-tabs-nav{
justify-content: start;
}
.sl-text-absolute{
left: 50%;
bottom: 20px;
max-width: 260px;
padding: 20px;
font-size: 14px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.sl-container{
padding: 0 20px;
}
}