.container.wrapper{
    min-width:90% !important;
    max-width:90% !important;
}
section{
    padding:50px 20px;
}
.green1{
    background:url("https://d2tq5plsi3dsez.cloudfront.net/Hivelance/color1.webp");
    /* min-width:100vw; */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height:100vh;
    display:flex;
    justify-content: center;
    align-items: center;
}
.dev1-1{
    font-size:70px;
}
.dev1-2{
    font-size:50px;
}
.line-div{
    position: relative;
    right: -50px;
}
.line-div img{
    min-width: 150px;
    min-height: 60px;
}
.line-div2{
    position: relative;
    left: -50px;
}
.line-div2 img{
    min-width: 150px;
    min-height: 60px;
}
.dev1-3{
   min-width:998px;
    color:#ACBAC5;
    font-size:16px;
    line-height:28px;
}
.dev1-4{
    width:194px;
    height:56px;
    background: #2AE7D1;
    border-radius:48px;
    border: transparent;
}
h2{
    font-size:38px;
    font-weight:600;
}
.green2{
    background: black;
}
.dev2-box1{
    width:100%;
    height:100%;
    padding:20px;
    border:1px solid  #101010;
    border-radius:6px;
}
.dev2-box1:hover{
background: #101010;
}
.dev2-2{
    color:#2AE7D1;
    font-size:20px;
} 
.dev2-3{
    color:#FFFFFF;
    font-size:14px;
    line-height:28px;
    text-align: left;
}
.smart1{
    background: #101010;
    padding:20px 20px;
    border-radius:16px;
    height: 100%;
    display: flex;
    align-items: center;
}
.smart1 p{
    font-size:16px;
    line-height:28px;
    color:#ACBAC5;
}
.green3{
    background: url("https://d2tq5plsi3dsez.cloudfront.net/Hivelance/wave1.webp"),black;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 50vh;
    display: flex;
    align-items: center;
}
.light:hover{
        background: linear-gradient(353deg, black, #2AE7D1, black);
        padding: 1px;
        border-radius: 16px;
}
.light{
    background: linear-gradient(353deg, transparent, transparent, transparent);
    padding: 1px;
    border-radius: 16px;
}
.specialarrow::after{
    content:url("https://d2tq5plsi3dsez.cloudfront.net/Hivelance/arrow.webp");
    position: absolute;
    width: 100%;
    text-align: end;
    bottom: 37%;
    right: -12%;
    z-index: 110;
}
.smart1{
    position: relative;
}
.green4{
    background: black;
    min-height:100vh;
    display: flex;
    align-items: center;
}
.tabcon{
    background:#06211E; 
    border-radius:16px;
    padding:50px 20px;
}
.tab1{
    font-size:19px;
    font-weight:600;
    word-break:break-word !important;
    white-space: normal !important;
    border-radius:6px;
    color:white;
}
.tab1:hover{
   color:white;
}
.tab1.active{
    background: url("https://d2tq5plsi3dsez.cloudfront.net/Hivelance/tabarrow.webp"),#2AE7D1 !important;
    background-repeat: no-repeat !important;
    background-position: 91% 50% !important;
    /* background-position: right !important; */
    color:black !important;
}
.tabcontent{
    background: url("../home_images/dddd.webp"),#101010;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 15px;
    height:100%;
}
/* .tabcontent img{
    min-width:160px;
} */
 .greybox{
    background-color: #1F2222;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius:6px;
    padding: 20px 15px;
    min-width: 87%;
    max-width:87%;
    height: 100%;
 }
 .greybox img{
    margin-bottom:10px;
 }
 .greybox p{
font-size:13px; 
color:#ACBAC5;
 }
#hidegrey{
    background:#101010 ;
    border-radius:16px;
}
.alllogo{
    animation:move 30s linear infinite;
}
.alllogo img{
    min-width:260px;
}
.overall{
    overflow: hidden;
}
.green6{
    background: black;
}
.tab32{
    max-width: 109px;
}
@keyframes move{
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
.launch p{
    margin:0px !important;
}
.green7{
    background:url("https://d2tq5plsi3dsez.cloudfront.net/Hivelance/wave2.webp"),black;
    min-height:100vh;
    background-repeat: no-repeat !important;
    background-position: center;
    background-size:cover;
    background-position: center;
}
.launch{
    padding:20px 20px !important;
    background: #101010;
    border-radius:6px;
    display: flex;
    align-items: center;
    min-height:125px;
    position: relative;
    z-index: 9;
}

.launch p, .launch h3{
    color:white !important;
}
.launch:hover{
    background:#2AE7D1;
}
.launch:hover p,.launch:hover h3{
    color:black !important;
}
.launch p{
    font-size:16px;
    font-weight:400;
    line-height:28px;
}
.launch h3{
    font-size:30px;
    font-weight:700;
}
.boypara{
    font-size:16px;
    font-weight:400;
    line-height:28px;
    color:#ACBAC5;
}
.green8{
    background:black;
    min-height:80vh;
    display:flex;
    align-items:center;
}
.green9{
    background:black;
    min-height:80vh;
    display:flex;
    align-items:center;
}
.casebox{
    padding:30px 25px;
    background: #101010;
    border-radius:16px;
    height:100%;
}
.casebox:hover .case1{
    color:#2AE7D1;
}
.case1{
    color:white;
    font-size:23px;
}
.casebox p{
    color:#ACBAC5;
    font-size: 15px;
    line-height:28px;
}
.light{
    height:100%;
}
.green10{
    background: url("https://d2tq5plsi3dsez.cloudfront.net/Hivelance/colorround.webp"),black;
    background-repeat: no-repeat;
    min-height:100vh; 
    display: flex;
    align-items: center;

}
.industry{
    width:625px;
    font-size:48px;
    line-height:76px;
}
.ss{
    max-height:80vh;
    overflow: hidden;
}
.yscroll{
    animation:high 25s infinite linear;
}
.yscroll2{
    animation:high2 25s infinite linear;
}
.firstroll{
    margin-right: 30px;
}
@keyframes high {
    0%{
        transform: translateY(0%);
    }
    100%{
        transform: translateY(-100%);
    }
}

@keyframes high2{
    0%{
        transform: translateY(-100%);
    }
    100%{
        transform: translateY(0%);
    }
}
.green11{
    background:url("https://d2tq5plsi3dsez.cloudfront.net/Hivelance/lastbg.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
.green11{
    color:#ACBAC5;
    font-size:16px;
    line-height:28px;
}
.green5{
    background:black;
}
/* .item{
    border:1px solid white;
} */
 
.daoitem{
    padding:10px 20px;
    height:100%;
}
.daoitem p,.owlpara{
color:#ACBAC5;
}
.daoitem p{
    font-size:15px;
    line-height: 25px;
}

.owl-nav{
   
    text-align: center;
}
.owl-prev, .owl-next{
    width: 53px;
    height: 53px;
    border-radius: 30px;
    background:linear-gradient(#00584E,#2AE7D1) !important;
}
.owl-prev{
    margin-right:7px !important;
}
.owl-prev span ,.owl-next span{
    font-size: 27px;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
}
.greybox p{
    margin-bottom: 0px;
}
button:hover {
 background-position: right center;
 background-size: 200% auto;
 -webkit-animation: pulse 2s infinite;
 animation: pulse512 1.5s infinite;
}

@keyframes pulse512 {
 0% {
  box-shadow: 0 0 0 0 #05bada66;
 }

 70% {
  box-shadow: 0 0 0 30px rgb(218 103 68 / 0%);
 }

 100% {
  box-shadow: 0 0 0 0 rgb(218 103 68 / 0%);
 }
}

@media(max-width:1500px){
    .green7 {
        background: url("https://d2tq5plsi3dsez.cloudfront.net/Hivelance/wave2.webp"),black !important;
    }
    .tab1 {
        font-size: 15px;
    }

        .dev1-1 {
        font-size: 60px;
    }
}
@media(max-width:1300px){
    .container.wrapper{
        min-width:100% !important;
        max-width:100% !important;
    }
    .dev1-3 {
        min-width: auto !important;
    }
    .dev1-1 {
        font-size: 60px;
    }
    .dev1-2 {
        font-size: 25px;
    }
    h2 {
        font-size: 24px;
        text-align: center;
    } 
    .specialarrow::after {
        content: "";
    }
    .owl-nav {
        position: absolute;
        bottom: -10%;
        width: 100%;
        text-align: center;
        
    }
    .green7 {
        background: black !important;
    }
    .industry {
        width: auto !important;
        font-size: 25px;
        line-height: 30px;
    }
    .content{
        margin-bottom:20px;
    }
    .mobile{
        margin-bottom:20px;
    }
    .tab1 {
        font-size: 15px;
    }
}
@media(max-width:700px){
    .container.wrapper{
        min-width:100% !important;
        max-width:100% !important;
    }
    .dev1-3 {
        min-width: auto !important;
    }
    .line-div,.line-div2{
        display: none;
    }
    .row{
        margin-left: 0;
        margin-right: 0;
    }
    .dev1-1 {
        font-size: 35px;
    }
    .dev1-2 {
        font-size: 25px;
    }
    h2 {
        font-size: 24px;
        text-align: center;
    }
    .industry {
        width: auto !important;
        font-size: 19px;
        line-height: 30px;
    }
    .owl-nav {
        position: absolute;
        bottom: -10%;
        width: 100%;
        text-align: center;
        
    }
    .daoitem {
        padding: 10px 0px;
    }
    .smart1 {
        background: #101010;
        padding: 20px 13px;
    }
    .specialarrow::after {
        content: "";
    }
    .mobile{
        margin-bottom:20px;
    }
    .tabcon {
        padding: 10px 10px;
    }
    .tab1 {
        font-size: 11px;
    }
    .owlpara{
        text-align: center;
    }
    .alllogo img {
        min-width: 210px;
    }
    .launch p {
        font-size: 14px;
        font-weight: 400;
        line-height: 23px;
    }
    .launch h3 {
        font-size: 21px;
    }
    .green7 {
        background: black !important;
    }
    .content{
        margin-bottom:20px;
    }
    .casebox {
        padding: 30px 16px;
    }
    .case1 {
        font-size: 18px;
    }
    .tabcon .flex-column {
            flex-wrap: nowrap;
            flex-direction: row !important;
            overflow-x: auto;
    }
    .tabcon .flex-column a{
        min-width: 170px;
        width: 100%;
    }
}