
.our-team .image-box img{
    height: 258px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.join-us{
    height: 258px;
}
.our-team .image-box{
    width: 100%;
    background: #242424;
}
.our-team .image-box{
    margin-bottom: 30px;

}
.our-team .name_title{
    margin-bottom: 39px;
}
.our-team .name_title .team-member-name{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 5px;
    letter-spacing: -1px;
    font-family: 'TT Norms';
}
.our-team .name_title .team-title{
    font-size: 18px;
}
.download-arow{
    max-width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: auto;
}
.download-arow h4{
    font-size: 60px;
    margin: auto;
    font-weight: 500;
    cursor: pointer;
}
.download-arow img{
    height: 94px;
}
.join-us{
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.join-us .heading-border-black2{
    background: #fff !important;
}
.join-us .download-arow h4{
    color: #fff;
    margin: 0;
    font-size: 48px;
    max-width: none;

}
.our-team .carrer-top__heading{
    -webkit-transform: rotate(-90deg) translateX(0px);
        -ms-transform: rotate(-90deg) translateX(0px);
            transform: rotate(-90deg) translateX(0px);
}
.tabs-number-main h1{
    color: #515350;
    font-size: 200px;
    font-weight: 600;
    margin-bottom: 70px;
    font-family: 'Avenir Next' !important;
    z-index: -1;
    transform: translateX(-25px);
    position: relative;
}
.tabs-details{
    background: #242424;
    color: #fff;
    padding: 70px;
    -webkit-transform: translate(-122px, 0px);
        -ms-transform: translate(-122px, 0px);
            transform: translate(-122px, 0px);
    min-height: 600px;

}
.tabs-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.tabs-list li{
    padding: 0px 40px 30px 0px;
    font-size: 30px;
    font-weight: 500;
}
.tabs-details p{
    color: #B7B7B7;
}

/* asim */

.join-us{
    padding: 0px;
}
.about-download{
    position: relative;
    /* padding-bottom: 342px; */
}
.about-container{
    margin-left: auto;
    width: calc(100% - 210px);
}

.slider-number{
    padding: 0px !important;
    margin-right: 30px !important;
    font-size: 30px;
    font-weight: 500;
    color: rgba(255,255,255,.5);
    background: transparent;
    border: none;
}

.owl-dots{
    position: absolute;
    top: 320px;
    right: 406px;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.tabs-details p{
    margin-top: 60px;
    padding: 10px !important;
}

.owl-dot.active .slider-number{
    display: inline-block;
    background: -webkit-gradient(linear,left top, right top,color-stop(0, #fff),color-stop(50%, #fff),color-stop(50%, rgba(34,34,34,0)),to(rgba(34,34,34,0)));
    background: -o-linear-gradient(left,#fff 0,#fff 50%,rgba(34,34,34,0) 50%,rgba(34,34,34,0) 100%);
    background: linear-gradient(to right,#fff 0,#fff 50%,rgba(34,34,34,0) 50%,rgba(34,34,34,0) 100%);
    background-size: 203% 100%;
    background-position: 100% 0;
    -webkit-transition: color .3s cubic-bezier(.37,.16,.12,1);
    -o-transition: color .3s cubic-bezier(.37,.16,.12,1);
    transition: color .3s cubic-bezier(.37,.16,.12,1);
    color: #fff;
}
.arrow-down-black{
    margin-bottom: 20px;
}
.arrow-hover-white:hover .arrow-down-black{
    -webkit-filter: invert(92%) sepia(0%) saturate(7469%) hue-rotate(185deg) brightness(106%) contrast(106%);
            filter: invert(92%) sepia(0%) saturate(7469%) hue-rotate(185deg) brightness(106%) contrast(106%);
}

.about-top__col2{
    padding-top: 119px;
}

.about-top__para{
    font-size: 21px;
    line-height: 1.5;
    color: #515350;
    margin-bottom: 20px;
    font-family: 'Avenir Next';
    font-weight: 400;
}
.about-bottom__padd{
    padding-bottom: 140px;
}
.about-bottom__col2{
    padding-top: 119px;
}

.container-cutomize-about{
    padding-bottom: 248px;
}


/* tab css */
/* slick slider start */
.about-tabs{
    padding: 100px 0;
    position: relative;
}
.tab-image-main img{
    height: 869px;
    max-height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    margin-left: auto;
    margin-right: 0;
}
.slider-dots-box{
    position: absolute;
    right: 397px;
    top: 450px;
}
.slider-dots-box .slider-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.slider-dots-box .slider-dots li{
    margin-right: 35px;
}
.slider-dots-box .slider-dots li button{
    border: none;
    background: transparent;
    color: #515350;
    font-size: 30px;
    font-weight: 500;
}
.slider-dots-box .slider-dots .slick-active button{
    color: #fff;
}
/* slick slider end*/

/* .about-tabs{
    position: relative;
    margin-bottom: 408px;
}
.tabs-details{
    width: 674px;
    height: 512px;
}
.tab-image{
    position: relative;
}

.tab-image img{
    position: absolute;
    top: 0;
    height: 869px;
    width: 674px;
    object-fit: cover;
}
.tab-title-number{
    position: relative;
    height: 280px;
    width: 285px;
}
.tab-title-number h1{
    position: absolute;
    top: 0;
}
.tab-content{
    position: relative;
}
.tab-content p{
    position: absolute;
    top: 0;
    height: 256px;
    width: 554px;
    overflow: hidden;
} */

@media(min-width:2000px){
    .carrer-top__heading1{
        font-size: 190px;
    }

}
@media(min-width:2200px){
    .our-team .image-box img{
        height: 358px;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }
    .join-us{
        height: 358px;
    }
}
@media(max-width:1920px){
    /* 1400px to  1599px */
    /* lg-screens */
    .owl-dots {
        top: 320px;
        right: 650px;
    }
    .slider-dots-box {
        right: 639px;
    }
}
@media(max-width:1680px){
    /* 1400px to  1599px */
    /* lg-screens */
    .owl-dots {
        top: 320px;
        right: 533px;
    }

    .slider-dots-box {
        right: 512px;
    }
}
@media(max-width:1499px){
    /* 1400px to  1599px */
    /* lg-screens */
    .owl-dots {
        top: 320px;
        right: 433px;
    }
    .slider-dots-box {
        right: 417px;
    }
}
@media(max-width:1399px){
    /* 1200px to  1399px */
    /* full laptops */
    .owl-dots {
        top: 320px;
        right: 406px;
        /* right: 460px; */
        /* right: 380px; */
    }
    .slider-dots-box{
        right: 397px;
    }
    .tabs-details {
        padding-bottom: 50px;
        padding-right: 40px;
    }
}

@media(max-width:1280px){
    /* small laptops */
    .owl-dots {
        top: 320px;
        right: 328px;
    }
    .slider-dots-box {
        right: 317px;
    }
    .tabs-details p {
        max-height: 360px;
        overflow: hidden;
    }
}
@media(max-width:1199px){
    /* 992px to  1199px */
    /* small laptops */
    .owl-dots {
        top: 320px;
        right: 230px;
    }
    .our-team .carrer-top__heading {
        -webkit-transform: rotate(-90deg) translateX(128px);
            -ms-transform: rotate(-90deg) translateX(128px);
                transform: rotate(-90deg) translateX(128px);
    }
    .slider-dots-box {
        right: 266px;
    }
}
@media(max-width:991px){
    /* 768px to  991px */
    /* tablets */
    .owl-dots {
        top: 320px;
        right: 188px;
    }
    .slider-dots-box {
        right: 231px;
    }
    .tabs-details {
        width: 410px;
    }
}
@media(max-width:767px){
    /* 540px to  767px */
    /* tablets and bigger mobiles */
    .download-arow h4{
        max-width: 100%;
    }
    .about-container{
        width: 90%;
    }
    .about-tabs {
        padding-bottom: 150px;
    }
    .tab-image-main img {
        max-height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        width: 400px;
        height: 450px;
    }
    .tabs-number-main h1 {
        font-size: 95px;
        position: absolute;
        right: 0;
        top: 0;
    }
    .tabs-details {
        padding: 70px;
        -webkit-transform: translate(100px, -100px);
            -ms-transform: translate(100px, -100px);
                transform: translate(100px, -100px);
        padding-right: 20px;
        padding-left: 30px;
    }
    .slider-dots-box {
        right: 223px;
        top: 430px;
    }

}
@media(max-width:575px){
    /* 360px to  539px */
    /* normal mobiles */
    .slider-dots-box {
        right: 128px;
        top: 406px;
    }
    .tabs-number-main h1 {
        font-size: 85px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
        transform: translateX(0px);
    }
    .tabs-details {
        padding: 70px 10px;
        -webkit-transform: translate(20px, -120px);
            -ms-transform: translate(20px, -120px);
                transform: translate(20px, -120px);
        width: 320px;
    }

}
@media(max-width:359px){
    /* 320px to  359px */
    /* small mobile */
}

