@font-face {
    font-family: 'Poppins-bold';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../woff2/poppins-v19-latin-700.woff2);

}


#about-title h3 {
    font-family: 'Montserrat-bold';
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 52px;
    margin-bottom: 20px;
    text-transform: inherit;
    color: #FFFFFF;

}

#about-title p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.25px;
    color: #FFFFFF;
    max-width: 696px;
}

#about-title p span {
    font-family: 'Poppins-bold';
    font-weight: 700;
    color: #FFC043;

}

.gtku_wrap {
    margin-top: -182px;
    /* transition: all 1s ease-out; */
    transition: opacity 1s ease-out,
        width 1s ease-out;
    margin-bottom: 50px;
}

.gtku_one img.oneimage {
    margin: auto;
    /* display: block; */
    width: 1280px;
    height: 640px;
    opacity: 1;
    transition: opacity 1s ease-out;
    ;

}

.about-separator {
    max-width: 64px;
}

.gtku_one .gtku_first {
    display: flex;
    /* flex-wrap: wrap;
            justify-content: center;
    margin-left: 0px; */
    margin-top: 0px;
}

.gtku_all .gtku_first {
    display: flex;
    /* flex-wrap: wrap;
            justify-content: center; */
    /* margin-left: 84px; */
    justify-content: space-around;
    max-width: 1640px;
    text-align: center;
    margin: auto;
    margin-top: 7px;
}

.gtku_one img {

    transition: all 1s ease-out;
    opacity: 0;
}

.gtku_all img {
    /* transition: opacity 1s ease-out, width 1s ease-out; */
    transition: all 1s ease-out;
    opacity: 1;
}

.gtku2 {
    width: 334px;
    height: 235px;
    margin-left: 84px;
}

.gtku3 {
    width: 456px;
    height: 244px;
    position: absolute;
    top: -281px;
    left: -76px;

}

.gtku_one img.gtku3 {
    transition: width 1s ease-out;
}

.gtku4 {
    width: 433px;
    height: 232px;
    margin-left: 228px;
    margin-right: 218px;
}

.gtku5 {
    width: 365px;
    height: 195px;
    margin-top: 20px;
}

.gtku6 {
    width: 456px;
    height: 307px;
    position: absolute;
    right: -149px;
    top: -93px;
}

.gtku7 {
    width: 412px;
    height: 365px;
    margin-top: 20px;
}

.gtku_all .gtku1 {
    width: 736px;
    height: 367px;
    margin: 163px 64px 20px 42px;
    opacity: 1;
}

/* .gtku_last{
    display: none;
} */
.gtku_last {
    width: 1640px;
    position: relative;
    margin: auto;
    display: flex;
    /* justify-content: space-between;
    align-items: flex-end; */
}

#about-title.scrolled {
    padding-bottom: 320px !important;
}

.scrolled.gtku_wrap {
    margin-top: -242px;
}

.vc_sep_pos_align_left.about-separator {
    margin-bottom: 27px;
}

.page-template-aboutus22 h3 {
    font-family: 'Montserrat-bold';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 24px;
    text-transform: inherit;
    color: #111111;
    letter-spacing: 0;
}

.page-template-aboutus22 .grve-text p {

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #111111;

}

#greatwork .grve-text p span {
    background: linear-gradient(180deg, #fff 14px, #FFE6B4 10px);
}

.videoload {
    text-align: center;
    position: relative;
    max-width: 1480px;
    margin: auto;
}

.gtku_one .gtku7,
.gtku_one .gtku2 {
    display: none;
}

.gtku_one.gtku_all .gtku7,
.gtku_one.gtku_all .gtku2 {
    display: block;
}

.video-after {
    position: absolute;
    left: calc(50% - 137px);
    top: calc(50% - 113px);
    font-family: 'Montserrat-bold';
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 52px;
    text-align: center;
    cursor: pointer;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    letter-spacing: 1px;
}

.video-after img.video-play {
    filter: brightness(0) invert(1);
    width: 0px;
    height: 0px;
    margin: 32px auto 0;
    opacity: 0;
    transition: all 0.3s ease-in;
}

.videoload:hover .video-after img.video-play {
    opacity: 1;
    width: 56px;
    height: 56px;
}

.video-after img.video-slash {
    width: 32px;
    height: 40px;
    margin: 0 auto 32px;
}

.llvideo-contaner iframe {
    width: 1480px;
    height: 740px;
    margin: auto;
}

.grve-slogan {
    display: none;
}

#team h3:before {
    content: '';
    -webkit-mask: url('../svg/video-slash.svg');
    mask: url('../svg/video-slash.svg');
    display: block;
    background: #E6E9EF;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px;
    height: 29px;
    margin: 10px auto 34px;
}

#portfolio-section h3 {
    margin-bottom: 30px;
    font-family: 'Montserrat-semibold';
    font-weight: 600;
}

.teamtabs a {
    font-family: 'Montserrat-semibold';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    align-items: center;
    text-align: center;
    color: #0070C9;
    margin-right: 17px;
    letter-spacing: 0;

}

.teamtabs a.active {
    color: #242628;
}

.teamtabs a:hover {
    color: #0070C9;
}

.teamtabs a:after {
    content: none;
}

.teamtabs a:before {
    width: 24px !important;
    transition: opacity 0.3s ease;
    opacity: 0;
    background: #0076bf;
    left: calc(50% - 12px);
    position: absolute;
    bottom: -13px;
    height: 2px;

}

.teamtabs a:hover:before {
    content: '';
    position: absolute;
    bottom: -13px;
    height: 2px;
    width: 24px !important;
    background: #0076bf !important;
    left: calc(50% - 12px);
    opacity: 1;
}

.teamtabs a.active:before {
    color: #242628;
    content: '';
    position: absolute;
    bottom: -13px;
    height: 2px;
    width: 24px;
    background: #242628;
    left: calc(50% - 12px);
    opacity: 1;
}

.teamtabs {
    margin-bottom: 60px;
}

#Sales li img,
#Engineering li img,
#Operations li img,
#ProjectManagement li img,
#Executive li img {
    border: 1px solid #F5F6F8;
    border-radius: 1000px;
}

.team-block li div {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */

    text-align: center;
    margin-top: 9px;

    color: #111111;
}
.team-block#ProjectManagement li div{
    min-height: 75px;
}

.team-block li div span {
    font-family: 'Poppins-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    /* identical to box height, or 154% */

    text-align: center;
    margin-top: 5px;
    letter-spacing: 0;
    display: block;
    color: #6E6E73;

}

.team-block#Executive li div span {
    min-height: 40px;
}

#Sales li,
#Engineering li,
#Operations li,
#ProjectManagement li,
#Executive li {
    margin-bottom: 53px;
}

#usapart-title p {
    font-family: 'Poppins-bold';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    margin-bottom: 12px;
}

#usapart-title h4 {
    font-family: 'Montserrat-bold';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #FFC043;
    margin-bottom: 80px;
}

#usapart-title h4 span {
    color: #fff;
}

#usapart-block h6 {
    font-family: 'Montserrat-semibold';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 12px;
}

#usapart-block h6:before {
    content: '';
    background: #0076BF;
    width: 12px;
    height: 12px;
    margin-right: 16px;
    display: inline-block;
}

#usapart-block p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #E6E9EF;
    margin-bottom: 40px;
}

#about-why .grve-container,
#aboutreasons .grve-container,
#shaped .grve-container,
#jointeam .grve-container {
    max-width: 1152px;
}

#aboutreasons .grve-row.grve-bookmark,
#jointeam .grve-row.grve-bookmark {
    margin-right: 0;
    margin-left: 0;
}

#about-why {
    margin-bottom: 0;
}

#about-why .wpb_single_image,
#usapart {
    margin-bottom: 0;
}

#aboutreasons .wpb_column.grve-column-1 .grve-row {

    padding: 38px 24px 26px 16px;
}

#about-why h1 {
    font-family: 'Montserrat-bold';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    color: #111111;
    margin-bottom: 40px;
}

#aboutreasons h6 {
    font-family: 'Montserrat-bold';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #111111;
}

#aboutreasons p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}

#aboutreasons img {
    margin-bottom: -17px;
}

#aboutreasons .wpb_column.grve-column-1 .grve-row.last-aboutreasons {
    padding-bottom: 40px;
}

.page-template-aboutus22 #shaped .grve-text p {
    margin-bottom: 25px;
}

#shaped {
    margin-bottom: 0;
}

#shaped img {
    margin-bottom: -31px;
}

#jointeam span {
    font-family: 'Poppins-semibold';
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 16px;
    text-transform: uppercase;
    color: #111111;
    margin-bottom: -18px;
    display: block;
}

#jointeam h5 {
    font-family: 'Montserrat-bold';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 12px;
    color: #111111;
}

#jointeam p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}

#jointeam .grve-column-1-3 {
    padding-top: 26px;
}

#jointeam a {
    font-family: 'Montserrat-semibold';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 125%;
    text-align: center;
    color: #242628;
    letter-spacing: 0.7px;
    padding: 10px 24px 10px 18px !important;
}

#jointeam .viewbtn .maw_advanced_btn .icon__right {
    font-size: 15px !important;
    padding-left: 8px !important;
}

.page-template-aboutus22 #grve-main-content .grve-main-content-wrapper {
    padding-bottom: 120px;
}

.page-template-aboutus22 #grve-header.grve-overlapping+#grve-content {
    margin-bottom: -72px !important;
}

.page-template-aboutus22 .projects_inner,
.page-template-aboutus22 #nextstep {
    display: none;
}

#grve-footer.grve-fixed-footer {
    position: relative !important;
}

.mobileimg {
    display: none;
}

#Executive ul li:last-child {
    /* float: none !important;
    margin: auto; */
}
#Operations li{
        min-height: 364px;
}
@media screen and (max-width: 1023px) {

    .page-template-aboutus22 #Sales li img,
    .page-template-aboutus22 #Engineering li img,
    .page-template-aboutus22 #Operations li img,
    .page-template-aboutus22 #ProjectManagement li img,
    .page-template-aboutus22 #Executive li img {
        min-height: inherit !important;
        width: 110px;
    }

    .team-block {
        overflow-x: scroll;
        overflow-y: hidden;
        margin-left: 20px;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .gtku_all img {
        opacity: 0;
        display: none;
    }

    .gtku_one img.gtku1.oneimage {
        opacity: 1;
        display: none !important;
        width: 100%;
        height: auto;
    }

    .gtku_one img.gtku1.oneimage.mobileimg,
    .gtku_all .gtku1.mobileimg {
        display: block !important;
        width: 100%;
        height: auto;
        opacity: 1;
    }

    .page-template-aboutus22 #grve-main-content .grve-main-content-wrapper {
        padding-top: 0;
        padding-bottom: 0;
    }

    .gtku_all .gtku1 {
        display: none;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .gtku_wrap {
        padding: 0 20px;
        margin-top: -255px;
    }

    #about-title {
        padding-top: 80px !important;
    }

    #about-title h3 {
        margin-bottom: 24px;
        font-size: 26px;
        line-height: 32px;
    }

    #about-title p {
        font-size: 15px;
        line-height: 22px;
    }

    #about-title.scrolled {
        padding-bottom: 260px !important;
    }

    .gtku_last {
        display: none;
    }

    .vc_sep_pos_align_left.about-separator {
        margin-bottom: 20px;
    }

    .page-template-aboutus22 h3 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 28px;
    }

    .page-template-aboutus22 .grve-text p {
        font-size: 15px;
        line-height: 22px;
    }

    #about-video .grve-row.grve-bookmark {
        background: #F5F6F8;
        padding: 40px 0 5px;
    }

    /* .videoload::before{
         content: "";
  display: block;
  padding-top: 50%;
    } */
    .videoload,
    .llvideo-contaner {

        width: 100%;
        padding-top: 68%;
        /* 1:1 Aspect Ratio */
        position: relative;
    }

    .videoload img.ourservice-mobile,
    .llvideo-contaner iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100%;
    }

    #about-video .wpb_wrapper {
        padding: 0 20px;
    }

    .video-after {
        font-size: 26px;
        line-height: 32px;
        left: calc(50% - 84px);
        top: calc(50% - 89px);
        height: 176px;
    }

    .gtku_one.gtku_all .gtku7,
    .gtku_one.gtku_all .gtku2 {
        display: none;
    }

    .video-after img.video-play {
        margin-top: 24px;
    }

    .video-after img.video-slash {
        margin-bottom: 24px;
    }

    #team h3:before {
        content: '';
        -webkit-mask: url('../svg/video-slash.svg');
        mask: url('../svg/video-slash.svg');
        display: block;
        background: #E6E9EF;
        -webkit-mask-size: cover;
        mask-size: cover;
        width: 24px;
        height: 29px;
        margin: 10px auto 12px;
    }

    #team h3 {
        font-weight: 600;
        margin-bottom: -2px;
    }

    .teamtabs {
        overflow-x: scroll;
        overflow-y: hidden;
        margin-left: 20px;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 0;
        padding-bottom: 30px;
        margin-bottom: -20px;
    }

    #team #Sales li,
    #team #Engineering li,
    #team #Operations li,
    #team #ProjectManagement li {
        width: 148px !important;
        margin-right: 12px;
        margin-bottom: 0 !important;
    }
     #team #Sales li{
        height: 247px;
     }

    #team #Sales li img,
    #team #Engineering li img,
    #team #Operations li img,
    #team #ProjectManagement li img {
        margin-top: 24px !important;
        width: 120px !important;
        min-height: 120px !important;

    }

    .team-block li div {
        white-space: initial;
        font-size: 15px;
        line-height: 22px;


    }

    #Engineering.team-block li div {
        min-height: 85px;
    }

    .team-block li div span {
        font-size: 12px;
        line-height: 18px;
        white-space: break-spaces;
        height: 36px;
    }

    #Operations,
    #Engineering,
    #Sales,
    #ProjectManagement {
        overflow-x: scroll;
    }

    #Operations ul,
    #Engineering ul,
    #Sales ul,
    #ProjectManagement ul {
        overflow-x: scroll;
        overflow-y: hidden;

        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        width: max-content;
    }

    /* #Operations li:nth-child(7) {
        float: none !important;
              
    } */
    #Operations li{
        height: 247px;
    }

    /* #Engineering li:nth-child(10) {
        float: none !important;
    }

    #Sales li:nth-child(13) {
        float: none !important;
    }

    #ProjectManagement li:nth-child(8) {
        float: none !important;
    } */

    #team #ProjectManagement li {
        min-height: 250px;
    }

    #team {
        margin-bottom: 70px;

    }

    #team #Sales ul,
    #team #Engineering ul,
    #team #Operations ul,
    #team #ProjectManagement ul {
        margin-left: 20px !important;
    }

    #usapart {
        padding-top: 80px !important;
        padding-bottom: 48px !important;
    }

    #usapart-title p {
        font-weight: 600;
        font-size: 13px;
        line-height: 18px;
        /* identical to box height, or 138% */

        text-transform: uppercase;
    }

    #usapart-title h4 {
        text-transform: inherit;
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 32px;
    }

    #usapart-title h4 br {
        display: none;
    }

    .page-template-aboutus22 .grve-container {
        padding-left: 0;
        padding-right: 0;
    }

    .page-template-aboutus22 .footer22 .grve-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    #usapart .grve-column-1 {
        padding-left: 10px;
        padding-right: 10px;
    }

    #usapart-block .grve-column-1-2 {
        padding-left: 10px;
        padding-right: 10px;
    }

    #usapart-block h6:before {
        margin-right: 10px;
    }

    #usapart-block h6 {
        font-size: 17px;
        line-height: 22px;
    }

    #usapart-block p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 32px;
    }

    #about-why {
        padding-top: 80px !important;
    }

    #about-why h1 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 32px;
    }

    #about-why .grve-column.grve-column-1,
    #aboutreasons .grve-column.grve-column-1 {
        padding-left: 20px;
        padding-right: 20px;
    }

    #about-why .grve-column-1 .grve-row {}

    #about-why .vc_single_image-wrapper {
        height: 210px;
        /* text-align: center; */
        display: flex;
        justify-content: center;
        overflow: hidden;
    }

    #about-why .vc_single_image-wrapper img {
        max-width: initial;
    }

    #aboutreasons .wpb_column.grve-column-1 .grve-row {
        padding: 32px 20px 0;
    }

    #aboutreasons .wpb_column.grve-column-1 .grve-row.last-aboutreasons {
        padding-bottom: 0;
    }

    #aboutreasons .grve-column-1-3 {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 32px;
    }

    #aboutreasons img {
        margin-bottom: -26px;
    }

    #aboutreasons h6 {
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 16px;
    }

    #aboutreasons p {
        font-size: 15px;
        line-height: 22px;
    }

    #aboutreasons {
        padding-bottom: 80px !important;
        margin-bottom: 0;
    }

    #shaped {
        background-color: #F5F6F8 !important;
        padding-top: 0px;
    }

    #shaped img {
        margin-top: 15px;
    }

    #shaped .grve-column-1 {
        padding-left: 20px;
        padding-right: 20px;
    }

    #jointeam {
        background-color: #F5F6F8 !important;
        padding-bottom: 64px;
        margin-bottom: 70px;
    }

    #jointeam .grve-column.grve-column-1 {
        padding-left: 20px;
        padding-right: 20px;
    }

    #jointeam .grve-column.grve-column-1 .grve-row {
        padding: 24px 16px;
    }

    #jointeam .grve-column.grve-column-1 .grve-row .grve-column {
        padding-left: 0;
        padding-right: 0;
    }

    #jointeam h5 {
        font-size: 18px;
        line-height: 23px;

    }

    #jointeam p {
        font-size: 15px;
        line-height: 22px;
    }

    #jointeam a {
        width: 100%;
        font-weight: 600;
        font-size: 15px;
        line-height: 125%;

    }

    #nextstep {}

    #nextstep h2 {
        text-align: center;
        margin-bottom: 12px;
    }

    #nextstep h5 {
        text-align: center;
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 32px;
    }

    .page-template-aboutus22 .yellow_btn_21 a {
        width: 100%;
    }

    #about-why .vc_single_image-wrapper {
        height: inherit;
    }

    .page-template-aboutus22 #grve-widget-social-2 {
        padding-bottom: 60px !important;
    }

    #portfolio-section .grve-column {
        padding-left: 0;
        padding-right: 0;
    }

    .videoload {
        background: url(../png/alliedtodatmob.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .videoload img.ourservice-mobile {
        opacity: 0;
    }

    .video-after img.video-play {
        opacity: 1;
        width: 56px;
        height: 56px;
    }

    .hide_mobile {
        display: none;
    }
    #Operations li{
        min-height: auto;
    }
        .team-list {


        display: grid;
        grid-template-rows: repeat(2, auto);
        grid-auto-flow: column;
        grid-auto-columns: clamp(140px, 45vw, 150px);
    }


}

@media screen and (max-width: 1023px) and (min-width: 640px) {
    #about-why .vc_single_image-wrapper {
        height: inherit;
    }

    #about-why .vc_single_image-wrapper img {
        max-width: initial;
    }

}

@media screen and (max-width: 767px) {

    .page-template-aboutus22 #Sales li,
    .page-template-aboutus22 #Engineering li,
    .page-template-aboutus22 #Operations li,
    .page-template-aboutus22 #ProjectManagement li,
    .page-template-aboutus22 #Executive li {
        margin-right: 12px;
        margin-bottom: 0;
        width: 148px !important;
    }

    .page-template-aboutus22 #Executive ul {
        /* width: 960px; */
        margin-left: 20px !important;
    }

    .page-template-aboutus22 #Operations ul {
        /* width: 1160px; */
    }

    #ProjectManagement ul {}
}

@media screen and (max-width: 1640px) and (min-width: 1024px) {
    .gtku_all {
        overflow: hidden;
    }

    .gtku_all .gtku1 {
        z-index: 5;
    }

}