[class*=our-team-container] {
    max-width: 1400px;
    margin: 0px auto;
}

.our-team-page{
    padding: 0 20px;
}

.our-team-headline{
    width: max-content;
    display: flex;
    flex-direction: row;
    margin-top: 159px;
}

.our-team-headline-text{
    width: 860px;
}

.our-team-headline-text a{
    text-decoration: none;
    color: #333333;
}

.our-team-headline-text .col-1{
    display: flex;
    flex-direction: row;
}

.our-team-headline-text .col-1 img{
    width: 20px;
}

.our-team-headline-text h1{
    font-family: 'Gilroy-Bold';
    font-size: 96px;
    line-height: 119px;
    margin-top: 61px;
    margin-bottom: 40px;
}

.our-team-headline-img{
    position: relative;
    top: -19px;
    left: 3px;
    width: 503px;
}

/* --------------------- */

.our-team-text-1{
    width: max-content;
    margin-top: 176px;
    display: flex;
    flex-direction: column;
}

.our-team-text-1-headline{
    width: 760px;
    margin-bottom: 40px;
}

.our-team-text-1-space{
    display: flex;
    flex-direction: row;
}

.our-team-text-1-space .row-1{
    margin-right: 40px;
}

.our-team-text-1-space .col-up{
    margin-bottom: 20px;
}

/* ----------------------- */

.our-team-text-2{
    width: max-content;
    display: flex;
    flex-direction: column;
    margin-top: 200px;
}

.our-team-text-2 .margin-bottom-40-headline{
    margin-bottom: 40px;
}

.our-team-text-2 .our-team-cases{
    display: grid;

    grid-template-columns: 466px
    466px
    426px;

    grid-template-rows: 288px
    288px
    315px;
}

.our-team-text-2 .our-team-cases .our-team-case{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
    border-radius: 30px;
}

.our-team-text-2 .our-team-cases .our-team-case .our-team-case-col-1{
    margin-bottom: 10px;
}

.our-team-text-2 .our-team-cases .margin-right-40{
    margin-right: 40px;
}

.our-team-text-2 .margin-bottom-40{
    margin-bottom: 40px;
}

.our-team-text-2 .our-team-case-text .our-team-case-text-1{
    margin-bottom: 20px;
    margin-top: 44px;
}

.our-team-text-2 .color-text-white{
    color: #FFFFFF;
}

.our-team-text-2 .our-team-cases .bg-black{
    background: #1F1F1F;
}

.our-team-text-2 .our-team-cases .bg-purple{
    background: #D5C3FF;
}

.our-team-text-2 .our-team-cases img{
    position: absolute;
}

.our-team-text-2 .our-team-cases .img-1{
    top: 14px;
    left: 284px;
    width: 126px;
}

.our-team-text-2 .our-team-cases .img-2{
    top: 0px;
    left: 287px;
    width: 140px;
}

.our-team-text-2 .our-team-cases .img-3{
    top: 0px;
    left: 234px;
    width: 193px;
}

/* ---------------------------- */

.our-team-photos{
    width: max-content;
    display: flex;
    flex-direction: column;
    margin-top: 200px;
}

.our-team-photos .position-photos{
    display: flex;
    flex-direction: column;
}

.our-team-photos .position-photos-end{
    margin-top: 80px;
}

.our-team-photos .position-photos .out-team-positions{
    margin-bottom: 40px;
}

.our-team-photos .position-photos .our-team-position-photos{
    display: grid;
    grid-template-columns: 350px 350px 350px 310px;
    grid-template-rows: 466px;
}

.our-team-photos .position-photos .our-team-position-photos .position-photo{
    display: flex;
    flex-direction: column;
}

.our-team-photos .position-photos .our-team-position-photos .position-photo img{
    width: 310px;
}

.our-team-photos .position-photos .our-team-position-photos .position-photo .empl-name{
    margin-top: 20px;
    margin-bottom: 10px;
}

/* ----------------------- */

.our-team-page .popular-services{
    margin-top: 200px;
}

/* --------------------------- */

.our-team-page .request-block{
    margin-top: 193px;
}

/* ------------------------- */

.our-team-page .articles-block{
    max-width: 1366px;
    margin-top: 202px;
    margin-bottom: 200px;
}

@media(max-width: 1919px){
    .our-team-headline{
        margin-top: calc(113px + (159 - 113) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    .our-team-headline-text{
        width: calc(612px + (860 - 612) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }

    .our-team-headline-text .col-1 img{
        width: calc(14px + (20 - 14) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    .our-team-headline-text h1{
        font-size: calc(68px + (96 - 68) * ( (100vw - 1366px) / ( 1920 - 1366) ));
        line-height: calc(85px + (119 - 85) * ( (100vw - 1366px) / ( 1920 - 1366) ));
        margin-top: calc(42px + (61 - 42) * ( (100vw - 1366px) / ( 1920 - 1366) ));
        margin-bottom: calc(29px + (40 - 29) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    .our-team-headline-img{
        top: calc(-13px + (-19 - -13) * ( (100vw - 1366px) / ( 1920 - 1366) ));
        left: calc(0px + (3 - 0) * ( (100vw - 1366px) / ( 1920 - 1366) ));
        width: calc(356px + (503 - 356) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    /* --------------------- */
    
    .our-team-text-1{
        margin-top: calc(126px + (176 - 126) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    .our-team-text-1-headline{
        width: calc(540px + (760 - 540) * ( (100vw - 1366px) / ( 1920 - 1366) ));
        margin-bottom: calc(28px + (40 - 28) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    .our-team-text-1-space .row-1{
        margin-right: calc(28px + (40 - 28) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    .our-team-text-1-space .col-up{
        margin-bottom: calc(14px + (20 - 14) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    /* ----------------------- */
    
    .our-team-text-2{
        margin-top: calc(136px + (200 - 136) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }

    .our-team-text-2 .margin-bottom-40-headline{
        margin-bottom: calc(28px + (40 - 28) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    .our-team-text-2 .our-team-cases{
        grid-template-columns: calc(331px + (466 - 331) * ( (100vw - 1366px) / ( 1920 - 1366) ))
        calc(331px + (466 - 331) * ( (100vw - 1366px) / ( 1920 - 1366) ))
        calc(303px + (426 - 303) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    
        grid-template-rows: calc(205px + (288 - 205) * ( (100vw - 1366px) / ( 1920 - 1366) ))
        calc(205px + (288 - 205) * ( (100vw - 1366px) / ( 1920 - 1366) ))
        calc(224px + (315 - 224) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    .our-team-text-2 .our-team-cases .our-team-case{
        padding: calc(21px + (30 - 21) * ( (100vw - 1366px) / ( 1920 - 1366) ));
        box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
        border-radius: calc(21px + (30 - 21) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    .our-team-text-2 .our-team-cases .our-team-case .our-team-case-col-1{
        margin-bottom: calc(7px + (10 - 7) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    .our-team-text-2 .our-team-cases .margin-right-40{
        margin-right: calc(28px + (40 - 28) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    .our-team-text-2 .margin-bottom-40{
        margin-bottom: calc(28px + (40 - 28) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    .our-team-text-2 .our-team-case-text .our-team-case-text-1{
        margin-bottom: calc(11px + (20 - 11) * ( (100vw - 1366px) / ( 1920 - 1366) ));
        margin-top: calc(32px + (44 - 32) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }

    .our-team-text-2 .our-team-cases .img-1{
        top: calc(12px + (14 - 12) * ( (100vw - 1366px) / ( 1920 - 1366) ));
        left: calc(202px + (284 - 202) * ( (100vw - 1366px) / ( 1920 - 1366) ));
        width: calc(88px + (126 - 88) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    .our-team-text-2 .our-team-cases .img-2{
        top: 0px;
        left: calc(203px + (287 - 203) * ( (100vw - 1366px) / ( 1920 - 1366) ));
        width: calc(100px + (140 - 100) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    .our-team-text-2 .our-team-cases .img-3{
        top: 0px;
        left: calc(165px + (234 - 165) * ( (100vw - 1366px) / ( 1920 - 1366) ));
        width: calc(138px + (193 - 138) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    /* ---------------------------- */
    
    .our-team-photos{
        margin-top: calc(142px + (200 - 142) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }

    .our-team-photos .position-photos-end{
        margin-top: calc(58px + (80 - 58) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    .our-team-photos .position-photos .out-team-positions{
        margin-bottom: calc(28px + (40 - 28) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    .our-team-photos .position-photos .our-team-position-photos{
        grid-template-columns: calc(249px + (350 - 249) * ( (100vw - 1366px) / ( 1920 - 1366) )) 
        calc(249px + (350 - 249) * ( (100vw - 1366px) / ( 1920 - 1366) )) 
        calc(249px + (350 - 249) * ( (100vw - 1366px) / ( 1920 - 1366) )) 
        calc(220px + (310 - 220) * ( (100vw - 1366px) / ( 1920 - 1366) ));
        grid-template-rows: calc(331px + (466 - 331) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    .our-team-photos .position-photos .our-team-position-photos .position-photo img{
        width: calc(220px + (310 - 220) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    .our-team-photos .position-photos .our-team-position-photos .position-photo .empl-name{
        margin-top: calc(14px + (20 - 14) * ( (100vw - 1366px) / ( 1920 - 1366) ));
        margin-bottom: calc(8px + (10 - 8) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    /* ----------------------- */
    
    .our-team-page .popular-services{
        margin-top: calc(139px + (200 - 139) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    /* --------------------------- */
    
    .our-team-page .request-block{
        margin-top: calc(140px + (193 - 140) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
    
    /* ------------------------- */
    
    .our-team-page .articles-block{
        margin-top: calc(154px + (202 - 154) * ( (100vw - 1366px) / ( 1920 - 1366) ));
        margin-bottom: calc(126px + (200 - 126) * ( (100vw - 1366px) / ( 1920 - 1366) ));
        max-width: calc(967px + (1366 - 967) * ( (100vw - 1366px) / ( 1920 - 1366) ));
    }
}