/* hero-about-page */

.hero-about-page{
  min-height: 100vh;
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}
.hero-about-page .container{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  z-index: 9;
}
.hero-about-page .container > div{
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-about-page .container img{
  max-width: 580px;
}
.hero-about-page .container p{
  font-weight: 300;
  font-size: 30px;
  color: #8B8F97;
  max-width: 790px;
  margin: auto;
  text-align: center;
  /* margin-top: 60px; */
}
@media screen and (max-width: 1199px){
    .hero-about-page .container img{
        max-width: 70%;
    }
    .hero-about-page .container p{
        font-size: 24px;
    }
}
@media screen and (max-width: 991px){
    .hero-about-page .container p{
        font-size: 20px;
        max-width: 500px;
    }
}
@media screen and (max-width: 767px){

}
@media screen and (max-width: 479px){
    .hero-about-page .container p{
        font-size: 18px;
    }
}
/* -- hero-about-page */

/* section-about */

.section-about .container{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.section-about .item-who-we-are{
    width: 100%;
    position: relative;
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(137,137,137,.05);
    border-radius: 8px;
    overflow: hidden;
}
.section-about .item-who-we-are .content{
    padding: 60px;
    max-width: 620px;
    position: relative;
    z-index: 9;
}
.section-about h2{
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.section-about p{
    margin-bottom: 30px;
    font-size: 16px;
    color: #8B8F97;
}
.section-about p:last-child{
    margin-bottom: 0;
}
.section-about .item-who-we-are .image{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1;
}
.section-about .item-who-we-are .image:after{
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-90deg, rgba(17, 17, 17, 0) 0%, #070707 100%);
}
.section-about .item-who-we-are .image img{
    display: block;
    height: 100%;
}
.section-about .item-group{
    display: flex;
    gap: 20px;
    width: 100%;
}
.section-about .item-what-we-do{
    padding: 60px;
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(137,137,137,.05) url(../images/about/background-what-we-do.jpg);
    background-size: 100% auto;
    background-position: 0 100%;
    background-repeat: no-repeat;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    width: 510px;
}
.section-about .item-what-we-do > *{
    position: relative;
    z-index: 9;
}
.section-about .item-what-we-do:after{
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(7,7,7,0) 10%, #070707 50%);
}
.section-about .item-group .col:last-child{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
    width: calc(100% - 530px);
}
.section-about .item-group .col:last-child > div{
    width: 100%;
    padding: 60px;
    border: 1px solid rgba(255,255,255,.09);
    background-color: rgba(137,137,137,.05);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    min-height: 320px;
}
.key-client-segments{
    display: flex;
    gap: 12px;
}
.key-client-segments .item{
    width: calc((100% - 48px) / 5);
}
.key-client-segments .item .icon{
    display: flex;
    width: 100px;
    height: 100px;
    border-radius: 5px;
    background: #232325;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}
.key-client-segments .item p{
    text-align: center;
    font-size: 10px;
    letter-spacing: -.02em;
    font-family: "Geist Mono", monospace;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.item-technology-expertise{
    background-image: url(../images/about/technology-expertise-image.png);
    background-size: auto 100%;
    background-position: 100% 0;
    background-repeat: no-repeat;
    position: relative;
}
.item-technology-expertise:after{
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-90deg, rgba(7, 7, 7, 0) 30%, #070707 100%);
}
.item-technology-expertise h2,
.item-technology-expertise p{
    max-width: 400px;
    position: relative;
    z-index: 9;
}
.item-open-source{
    width: 100%;
    padding: 60px;
    border: 1px solid rgba(255,255,255,.09);
    background-color: rgba(137,137,137,.05);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 70px;
    align-items: center;
}
.item-open-source > div{
    width: calc((100% - 70px) / 2);
}
.item-open-source .logos{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.item-open-source .logos .item{
    background: #232325;
    border-radius: 8px;
    width: calc((100% - 20px) / 3);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
}
@media screen and (max-width: 1279px){
    .key-client-segments .item .icon{
        width: 80px;
        height: 80px;
    }
    .key-client-segments .item .icon img{
        width: 40px;
        height: 40px;
    }
}
@media screen and (max-width: 1199px){
    .section-about .item-group{
        flex-wrap: wrap;
    }
    .section-about .item-what-we-do,
    .section-about .item-group .col:last-child{
        width: 100%;
    }
    .section-about .item-what-we-do{
        background-position: 100% 0;
        background-size: auto 100%;
    }
    .section-about .item-what-we-do:after{
        background: linear-gradient(-90deg, rgba(7, 7, 7, 0) 10%, #070707 50%);
    }
    .section-about .item-what-we-do p{
        max-width: 520px;
    }
    .item-technology-expertise:after{
        background: linear-gradient(-90deg, rgba(7, 7, 7, 0.6) 20%, #070707 100%);
    }
    .item-key-client-segments h2{
        text-align: center;
    }
    .key-client-segments .item .icon{
        width: 100px;
        height: 100px;
    }
    .key-client-segments .item .icon img{
        width: 48px;
        height: 48px;
    }
}
@media screen and (max-width: 991px){
    .section-about .item-who-we-are .image:after{
        content: '';
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(-90deg, rgba(17, 17, 17, 0.7) 0%, #070707 100%);
    }
    .item-open-source{
        gap: 30px;
    }
    .item-open-source > div {
        width: calc((100% - 30px) / 2);
    }
    .item-open-source .logos .item{
        height: 80px;
    }

}
@media screen and (max-width: 767px){
    .section-about .item-who-we-are .image{
        position: relative;
    }
    .section-about .item-who-we-are .image img{
        width: 100%;
        height: auto;
    }
    .section-about .item-who-we-are .image:after{
        display: none;
    }
    .section-about .item-who-we-are .content{
        max-width: 100%;
    }
    .item-open-source > div{
        width: 100%;
    }
    .key-client-segments{
        flex-wrap: wrap;
        justify-content: center;
        gap: 24px 12px;
    }
    .key-client-segments .item {
        width: calc((100% - 36px) / 3);
    }
}
@media screen and (max-width: 479px){
    .section-about h2{
        margin-bottom: 15px;
    }
    .section-about .item-who-we-are .content,
    .section-about .item-what-we-do,
    .section-about .item-group .col:last-child > div,
    .item-open-source{
        padding: 20px;
    }
    .key-client-segments{
        margin-top: 15px;
    }
    .section-about .item-what-we-do{
        background-size: 90%;
    }
    .section-about .item-what-we-do:after {
        background: linear-gradient(-90deg, rgba(7, 7, 7, 0.7) 0%, #070707 50%);
    }
    .key-client-segments .item .icon {
        width: 80px;
        height: 80px;
    }
    .key-client-segments .item .icon img {
        width: 40px;
        height: 40px;
    }
    .item-open-source .logos .item img{
        max-width: 70%;
    }
}
/* -- section-about */

/* corporate-responsibility */

.section-corporate-responsibility .wrapper-corporate-responsibility{
    position: relative;
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(137,137,137,.05);
    border-radius: 8px;
    overflow: hidden;
}
.section-corporate-responsibility .content{
    padding: 60px;
    max-width: 440px;
    position: relative;
    z-index: 9;
}
.section-corporate-responsibility .content h2{
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.section-corporate-responsibility .content p{
    margin-bottom: 30px;
    font-size: 16px;
    color: #8B8F97;
}
.section-corporate-responsibility .wrapper-corporate-responsibility .image{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1;
}
.section-corporate-responsibility .wrapper-corporate-responsibility .image:after{
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(-90deg, rgba(17, 17, 17, 0) 60%, #070707 100%);
}
.section-corporate-responsibility .wrapper-corporate-responsibility .image:before{
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-90deg, rgba(17, 17, 17, 0) 60%, #070707 100%);
}
.section-corporate-responsibility .wrapper-corporate-responsibility .image img{
    display: block;
    height: 100%;
}
.section-corporate-responsibility a.btn-light{
    min-width: 250px;
}
@media screen and (max-width: 1199px){

}
@media screen and (max-width: 991px){
    .section-corporate-responsibility .wrapper-corporate-responsibility .image:after{
        content: '';
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(-90deg, rgba(17, 17, 17, 0.7) 0%, #070707 100%);
    }
}
@media screen and (max-width: 767px){
    .section-corporate-responsibility .wrapper-corporate-responsibility .image{
        position: relative;
    }
    .section-corporate-responsibility .wrapper-corporate-responsibility .image img{
        width: 100%;
        height: auto;
    }
    .section-corporate-responsibility .wrapper-corporate-responsibility .image:after{
        display: none;
    }
    .section-corporate-responsibility .content{
        max-width: 100%;
    }
}
@media screen and (max-width: 479px){
    .section-corporate-responsibility .content{
        padding: 20px;
    }
}
/* -- corporate-responsibility */

/* section-key-facts */
.section-key-facts .title-section{
    text-align: center;
}
.section-key-facts .items-key-facts{
    margin-top: 60px;
    display: flex;
    border: 1px solid rgba(255,255,255,.09);
    flex-wrap: wrap;
    border-radius: 8px;
}
.section-key-facts .items-key-facts .item{
    width: 50%;
    padding: 40px;
}
.section-key-facts .items-key-facts .item .title{
    font-size: 12px;
    text-transform: uppercase;
    color: #8B8F97;
    font-family: "Geist Mono", monospace;
    margin-bottom: 30px;

}
.section-key-facts .items-key-facts .item.item-counter{
    display: flex;
    border-right: 1px solid rgba(255,255,255,.09);
    border-bottom: 1px solid rgba(255,255,255,.09);
}
.section-key-facts .items-key-facts .item.item-counter > div{
    width: 50%;
}
.section-key-facts .items-key-facts .item.item-counter .value{
    font-weight: 300;
    font-size: 70px;
}
.section-key-facts .items-key-facts .item.item-we-work{
    border-bottom: 1px solid rgba(255,255,255,.09);
}
.items-we-work{
    display: flex;
    gap: 20px;
}
.section-key-facts .items-we-work .item{
    width: 120px;
    height: 70px;
    border-radius: 8px;
    background: #232325;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}
.items-we-work .item img{
    max-height: 41px;
}
.section-key-facts .items-key-facts .item.item-headquarter{
    border-right: 1px solid rgba(255,255,255,.09);
    background-image: url(../images/about/background-key-facts-headquarter.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: auto 100%;
    min-height: 274px;
}
.section-key-facts .items-key-facts .item.item-headquarter .title{
    margin-bottom: 95px;
}
.section-key-facts .items-key-facts .item.item-headquarter .location{
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px;
}
.section-key-facts .items-key-facts .item.item-headquarter .address{
    font-size: 12px;
    color: #8B8F97;
    font-family: "Geist Mono", monospace;
    text-transform: uppercase;
}
.section-key-facts .items-key-facts .item.item-global-delivery{
    background-image: url(../images/about/bg-global-delivery.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: auto 100%;
    min-height: 274px;
}
.section-key-facts .items-key-facts .item.item-global-delivery .title{
    margin-bottom: 95px;
}
.section-key-facts .items-key-facts .item.item-global-delivery .location{
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px;
}
@media screen and (max-width: 991px){
    .section-key-facts .items-key-facts .item.item-counter .value{
        font-size: 50px;
    }
    .section-key-facts .items-key-facts .item .title{
        min-height: 34px;
    }
}
@media screen and (max-width: 767px){
    .section-key-facts .items-key-facts .item .title{
        min-height: 0px;
    }
    .section-key-facts .items-key-facts .item{
        width: 100%;
    }
    .section-key-facts .items-key-facts .item.item-headquarter{
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .09);
    }
}
@media screen and (max-width: 479px){
    .section-key-facts .items-key-facts .item.item-counter .title {
        min-height: 34px;
    }
    .section-key-facts .items-key-facts .item{
        padding: 20px;
    }
}
/* -- section-key-facts */

/* section-delivery */

.section-delivery .container{
    max-width: 996px;
}
.section-delivery .wrapper-delivery{
    position: relative;
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(137,137,137,.05);
    border-radius: 8px;
    overflow: hidden;
}
.section-delivery .content-delivery{
    padding: 60px 70px;
    max-width: 540px;
    position: relative;
    z-index: 9;
}
.section-delivery .content-delivery h2{
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.section-delivery .content-delivery p{
    margin-bottom: 30px;
    font-size: 16px;
    color: #8B8F97;
}
.section-delivery .wrapper-delivery .image{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1;
}
.section-delivery .wrapper-delivery .image:after{
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(-90deg, rgba(17, 17, 17, 0) 60%, #070707 100%);
}
.section-delivery .wrapper-delivery .image img{
    display: block;
    height: 100%;
}
.section-delivery a.btn-light{
    min-width: 250px;
}
@media screen and (max-width: 1199px){

}
@media screen and (max-width: 991px){
    .section-delivery .wrapper-delivery .image:after{
        content: '';
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(-90deg, rgba(17, 17, 17, 0.7) 0%, #070707 100%);
    }
}
@media screen and (max-width: 767px){
    .section-delivery .wrapper-delivery .image{
        position: relative;
    }
    .section-delivery .wrapper-delivery .image img{
        width: 100%;
        height: auto;
    }
    .section-delivery .wrapper-delivery .image:after{
        display: none;
    }
    .section-delivery .content-delivery{
        max-width: 100%;
    }
}
@media screen and (max-width: 479px){
    .section-delivery .content-delivery{
        padding: 20px;
    }
}
/* -- section-delivery */

/* our team */
.section-our-team h2{
    text-align: center;
}
.section-our-team .banner-our-team{
    background: #111111;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 8px;
    margin-top: 60px;
    position: relative;
    overflow: hidden;
}
.section-our-team .banner-our-team .image{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
}
.section-our-team .banner-our-team .image:after{
    content: '';
    position: absolute;
    z-index: 2;
    background: linear-gradient(90deg, #111111 6.63%, rgba(17, 17, 17, 0) 67.36%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.section-our-team .banner-our-team .image img{
    height: 100%;
    display: block;
}
.section-our-team .banner-our-team .content-banner-our-team{
    max-width: 542px;
    padding: 50px;
    position: relative;
    z-index: 9;
}
.section-our-team .banner-our-team .content-banner-our-team p{
    margin-bottom: 26px;
    font-size: 18px;
    font-weight: 300;
    color: #8B8F97;
}
.section-our-team .banner-our-team .content-banner-our-team p:last-child{
    margin-bottom: 0;
}

.about-our-team{
    text-align: center;
    padding: 80px 0;
}
.about-our-team p{
    font-size: 24px;
    color: #fff;
    max-width: 930px;
    margin: auto;
}

.group-team{
    background: #111;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.09);
    margin-bottom: 60px;
}
.group-team:last-of-type{
    margin-bottom: 0;
}
.group-team .title{
    text-align: center;
    line-height: 70px;
    border-bottom: 1px solid rgba(255,255,255,.09);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    font-family: "Geist Mono", monospace;
}
.group-team .items-team{
    padding: 60px 70px;
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}
.group-team .items-team .item{
    border-radius: 8px;
    width: calc((100% - 180px) / 4);
    overflow: hidden;
}
.group-team .items-team .item .image{
    position: relative;
}
.group-team .items-team .item .image img{
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 220 / 330;
    object-fit: cover;
}
.group-team .items-team .item .image:after{
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(17, 17, 17, 0) 50%, #111111 96.36%);
}
.group-team .items-team .item .meta{
    padding: 5px 10px 10px;
    position: relative;
    z-index: 9;
}
.group-team .items-team .item .socials{
    position: absolute;
    z-index: 9;
    left: 10px;
    bottom: 10px;
}
.group-team .items-team .item .socials a svg g{
    transition: all .3s;
}
.group-team .items-team .item .socials a:hover svg g{
    opacity: 1;
}
.group-team .items-team .item .name{
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 5px;
}
.group-team .items-team .item .position{
    font-size: 10px;
    text-transform: uppercase;
    color: #8B8F97;
    font-family: "Geist Mono", monospace;
    font-weight: 400;
}
@media screen and (max-width: 1199px){
    .group-team .items-team .item{
        width: calc((100% - 120px) / 3);
    }
}
@media screen and (max-width: 991px){
    .section-our-team .banner-our-team .image:after{
        background: linear-gradient(90deg, #111111 0%, rgba(17, 17, 17, 0.5) 100%);
    }
    .group-team .items-team{
        gap: 20px;
    }
    .group-team .items-team .item{
        width: calc((100% - 40px) / 3);
    }
}
@media screen and (max-width: 767px){
    .section-our-team .banner-our-team .content-banner-our-team{
        max-width: 100%;
    }
    .section-our-team .banner-our-team .content-banner-our-team p{
        font-size: 18px;
    }
    .section-our-team .banner-our-team .image{
        position: relative;
    }
    .section-our-team .banner-our-team .image img{
        width: 100%;
    }
    .section-our-team .banner-our-team .image:after{
        display: none;
    }
    .about-our-team p{
        font-size: 20px;
    }
    .group-team .items-team{
        padding: 20px;
    }
    .group-team .items-team .item{
        width: calc((100% - 20px) / 2);
    }
}
@media screen and (max-width: 479px){
    .section-our-team .banner-our-team .content-banner-our-team{
        padding: 40px 20px;
    }
    .group-team .items-team .item .name{
        font-size: 18px;
    }
}
/* -- our team */

/* section-join-plvision */

.section-join-plvision .container{
    max-width: 996px;
}
.section-join-plvision .wrapper-join-plvision{
    position: relative;
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(137,137,137,.05);
    border-radius: 8px;
    overflow: hidden;
}
.section-join-plvision .content-join-plvision{
    padding: 60px 70px;
    max-width: 540px;
    position: relative;
    z-index: 9;
}
.section-join-plvision .content-join-plvision h2{
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.section-join-plvision .content-join-plvision p{
    margin-bottom: 30px;
    font-size: 16px;
    color: #8B8F97;
}
.section-join-plvision .wrapper-join-plvision .image{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1;
}
.section-join-plvision .wrapper-join-plvision .image:after{
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(-90deg, rgba(17, 17, 17, 0) 60%, #070707 100%);
}
.section-join-plvision .wrapper-join-plvision .image img{
    display: block;
    height: 100%;
}
.section-join-plvision a.btn-light{
    min-width: 250px;
}
@media screen and (max-width: 1199px){

}
@media screen and (max-width: 991px){
    .section-join-plvision .wrapper-join-plvision .image:after{
        content: '';
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(-90deg, rgba(17, 17, 17, 0.7) 0%, #070707 100%);
    }
}
@media screen and (max-width: 767px){
    .section-join-plvision .wrapper-join-plvision .image{
        position: relative;
    }
    .section-join-plvision .wrapper-join-plvision .image img{
        width: 100%;
        height: auto;
    }
    .section-join-plvision .wrapper-join-plvision .image:after{
        display: none;
    }
    .section-join-plvision .content-join-plvision{
        max-width: 100%;
    }
}
@media screen and (max-width: 479px){
    .section-join-plvision .content-join-plvision{
        padding: 20px;
    }
}
/* -- section-join-plvision */

/* our values */
.section-our-values h2{
  text-align: center;
}
.items-our-values{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 60px;
}
.items-our-values .item{
  width: calc((100% - 40px) / 3);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 8px;
  padding: 30px;
  background: rgba(137,137,137,.05);
  position: relative;
}
.items-our-values .item:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: url(../images/line-our-values.svg);
  background-position: 20% 0;
  background-repeat: no-repeat;
  background-size: auto 1px;
}
.items-our-values .item p{
  color: #B7B7B7;
  font-size: 18px;
  font-weight: 300;
}
.items-our-values .item p.title{
  font-size: 24px;
  color: #F4F5F7;
  font-weight: 600;
  margin: 20px 0;
}
@media screen and (max-width: 1199px){

}
@media screen and (max-width: 991px){
    .items-our-values .item{
        width: calc((100% - 20px) / 2);
        padding: 30px;
    }
}
@media screen and (max-width: 767px){
    .items-our-values .item p.title{
        font-size: 20px;
    }
    .items-our-values .item p{
        font-size: 16px;
    }
}
@media screen and (max-width: 479px){
    .items-our-values .item{
        width: 100%;
    }

}
/* -- our values */

/* section-reviews */
.section-reviews h2.title-section{
    text-align: center;
}
.section-reviews p.subtitle-section{
    text-align: center;
}
.section-reviews .js-reviews{
    margin-top: 60px;
    margin-bottom: 50px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 8px;
}
.section-reviews .js-reviews .swiper-slide{
    text-align: center;
    padding: 70px 15px;
    position: relative;
    overflow: hidden;
}
.section-reviews .js-reviews:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: url(../images/line-what-we-offer-item.svg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto 1px;
}
.section-reviews .js-reviews:before{
    content: '';
    position: absolute;
    width: 100%;
    top: -10%;
    left: 0%;
    background: radial-gradient(ellipse at center, rgba(41,42,53,0.45) 10%,rgba(0,0,0,0) 100%);
    height: 40%;
    z-index: 0;
}
.section-reviews .js-reviews .swiper-slide .text-review{
    position: relative;
    z-index: 10;
    max-width: 810px;
    margin: 0 auto 57px;
}
.section-reviews .js-reviews .swiper-slide .text-review p{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.77;
}
.section-reviews .js-reviews .swiper-slide img{
    width: 54px;
    height: 54px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    margin-bottom: 14px;
    border-radius: 50%;
}
.section-reviews .js-reviews .swiper-slide .name-review{
    font-size: 14px;
    font-family: "Geist Mono", monospace;
    letter-spacing: .02em;
    color: #fff;
}
.section-reviews .js-reviews .swiper-slide .position-review{
    font-size: 14px;
    font-family: "Geist Mono", monospace;
    letter-spacing: .02em;
    color: #727272;
}
.js-partners .swiper-slide{
    text-align: center;
}
.js-partners img{
    opacity: .2;
    transition: all .3s;
    max-height: 57px;
}
.js-partners img:hover{
    opacity: 1;
}
.section-reviews .swiper-pagination{
    display: none;
}
@media screen and (max-width: 1199px) {
    .section-reviews .js-reviews .swiper-slide .text-review{
        margin-bottom: 40px;
    }
    .section-reviews .js-reviews .swiper-slide .text-review p{
        font-size: 16px;
    }
}
@media screen and (max-width: 991px) {
    .section-reviews .js-reviews{
        margin-bottom: 30px;
    }
    .section-reviews .swiper-pagination{
        top: 0;
        bottom: 0;
        display: block;
    }
    .section-reviews .js-partners{
        margin-top: 50px;
    }
}
@media screen and (max-width: 767px) {
    .section-reviews .js-reviews .swiper-slide .text-review p{
        font-size: 14px;
    }
}
@media screen and (max-width: 479px) {

}
/* -- section-reviews */

/* section-contact-us */
.section-contact-us .container{
    max-width: 996px;
}
.section-contact-us form{
    margin-top: 60px;
}
@media screen and (max-width: 767px){
    .section-contact-us form{
        margin-top: 40px;
    }
}
/* -- section-contact-us */