body { 
    font-family: 'Open Sans', sans-serif;
    background-color: #030F39;
    overflow-x: hidden;
}

.nav-item a{
    color:white !important; 
}

.nav-item a:hover{
    color: #00D5FA !important;
}

.contact-btn {
    border-radius:30px;
    width:135px;
    color:#00D5FA !important;
    border-color: #00D5FA;
}

.contact-btn:hover{
    background-color: #030F39;
    border-color:white;
    color:white !important;
}


.navbar-toggler {
    background-color: white !important;
}

.hero-text h1{
    font-size:72px;
    font-family: 'Montserrat', sans-serif;
    color:white;
}


.effort {
    
    background: -webkit-radial-gradient(right,  #964BFF , #00D5FA    );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.start-btn {
    color:white;
    background: -webkit-linear-gradient(left,#964BFF , #00D5FA  );
    border-radius:35px;
    width:160px;
}

.second-img{
    background-color:#07164E;
    border-radius:20px;
}

.arrow-1{
    margin-top: 40px;
}
.arrow-2{
    margin-top: 40px;
}
.clock:hover {
    background: linear-gradient(to bottom, rgba(7, 22, 78, 1) 30%,rgba(0,0,0,0) 100%);

    /*background-color:#07164E; */
    border-radius:20px;
    height: 200px;
    width: 300px;
    margin: auto;


}
.loop:hover {
    background: linear-gradient(to bottom, rgba(7, 22, 78, 1) 30%,rgba(0,0,0,0) 100%);
    /*background-color:#07164E; */
    border-radius:20px;
    height: 200px;
    width: 300px;
    margin: auto;

}

.first-service:hover {
    background: linear-gradient(to bottom, rgba(7, 22, 78, 1) 30%,rgba(0,0,0,0) 100%);

    /*background-color:#07164E; */
    border-radius:20px;
    height: auto;
    width: 25%;
    
    cursor:pointer;

}

.second-service:hover {
    background: linear-gradient(to bottom, rgba(7, 22, 78, 1) 30%,rgba(0,0,0,0) 100%);

    /*background-color:#07164E; */
    border-radius:20px;
    height: auto;
    width: 25%;
    
    cursor:pointer;

}

.third-service:hover {
    background: linear-gradient(to bottom, rgba(7, 22, 78, 1) 30%,rgba(0,0,0,0) 100%);

    /*background-color:#07164E; */
    border-radius:20px;
    height: auto;
    width: 25%;
    
    cursor:pointer;

}


.foot-bg {
    opacity:0.1;
    position: absolute;
    width:68%;
    left:-28%;
}





.download:hover{
    color:#00D5FA !important;
}
.fa-download:hover{
    color:#00D5FA !important;
}
.about-us {
    margin-top:100px;
    color:white;
}

.ab {
    background-image: url('Assets/Group\ 30678.png');
    background-attachment: local;
    background-position-y:120%;
} 


.about-us p {
    font-size:14px;
}

.foot a {
    
    text-decoration: none;
    font-size:24px;
}
.dot:hover{
    cursor:pointer;
    color:#00D5FA;
}

.address p {
    font-size: 14px;
}

.useful a:hover {
    color:#00D5FA !important; 
    cursor: pointer;
}


.foot a:hover{
    color:#00D5FA;
    cursor: pointer;
   
}




.useful ul {
    list-style-type: none;
}

.sol-1 {
    position: absolute;
    width:130px;
    left:-50px;
}
.sol-2 {
    position: absolute;
    width:100px;
    right:-40px;
    overflow:hidden;
}

.mob{ 
    background: url('Assets/head_mob.png');
    background-size: cover;
}


.mask-1 {
    position:absolute;
    width:100px;
    left:-30px;
    top:305px;
}

.mask-2 {
    position: absolute;
    width:100px;
    height: 350px;
    right:-40px;
    top:130%;
}

/*
.arrow-1, .arrow-2 {
    margin-left:100px;
}
.arrow-1{
    margin-top:35px;
}
.arrow-2 {
    margin-top:50px;
}
.styled-arrow {
    margin-left:70px;
}
*/



 @media only screen and (min-width: 600px) {
/*    .arrow-1, .arrow-2 {
        margin-left:100px;
    }
    .arrow-1{
        margin-top:35px;
    }
    .arrow-2 {
        margin-top:50px;
    }
    .styled-arrow {
        margin-left:70px;
    }
    .about-us {
        margin-top:20px;
    }
*/
}



.white {
    color:white;
}
.cyan {
    color:#00D5FA;
}
@media only screen and (max-width: 600px) {
/*    .arrow-1,.arrow-2 {
        margin-left:35%;
        margin-top:0px;
    }

          */
    /*.arrow-2 {
      margin-top:50px;
    } */
   /* .styled-arrow {
        margin-left: 100px;
     }
*/

.mask-2 {
    height: auto;
    right:-50px;
}

.sov {
    text-align:center;
}

footer {
    text-align:center;
}

.about-us {
    text-align: center !important;

}


.abo {
    text-align:center !important;
    width: 100% !important;
}

.device-img {
    margin-top:30px;
    margin: 0 auto;
}


.sol-2 {
    width:100px;
    right:-50px;
}

.rect {
    display: none;
}
.hero-text {
    text-align:center;
}
.hero-text h1 {
    font-size:48px;
}
     .about-us{
         margin-top:-62px;
        
    }

    .first-service:hover {
        background: linear-gradient(to bottom, rgba(7, 22, 78, 1) 30%,rgba(0,0,0,0) 100%);
        width:100%;
        margin:auto;
        cursor: pointer;
    
    }
    
    .second-service:hover {
        background: linear-gradient(to bottom, rgba(7, 22, 78, 1) 30%,rgba(0,0,0,0) 100%);
        width:100%;
        margin:auto;
        cursor: pointer;
    
    }
    
    .third-service:hover {
        background: linear-gradient(to bottom, rgba(7, 22, 78, 1) 30%,rgba(0,0,0,0) 100%);
        width:100%;
        margin:auto;
        cursor: pointer;
    }
    
body {
    overflow-x: hidden;
}

.foot-bg {
    display: none;
}

}




















/*@media only screen and (min-width: 768px) {
    
    .arrow-1, .arrow-2 {
        margin-left:100px;
    }
    
    }
  */