*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Urbanist', sans-serif;
}

li{
    list-style: none !important;
}

a{
    text-decoration: none !important;
}

body{
    background: #162440;
}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
    filter: none;
}

.bg-body-tertiary {
    background: #011126 !important;
}

.bg-light {
    background: #162440 !important;
}

.card-body {
    background: #162440 !important;
}

.logo{
    margin-top: 30px;
    text-align: center;
}

.head{
    text-align: center;
    display: inline-flex;
}

.kite ul li{
    padding: 0px 21px;
}

.kite ul li a{
    font-size: 14px;
    color: #fff !important;
        font-weight: 700;
}

.kite ul li a:hover{
    background: #F2CB07;
    color:#000 !important;
}

.lens:hover{
    background: #ce1212 !important;
    transition: all 0.4s ease-in-out;
    rotate: 360deg;
}

.p-4 {
    padding: 0px !important;
}

.vc_row[data-vc-full-width] {
    transition: opacity .5s ease;
    overflow: hidden;
}

.vc_custom_1525086342233 {
    padding-top: 35px !important;
    padding-bottom: 33px !important;
    background-color: #fa2964 !important;
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.Bolt:hover {
    color: #fff !important;
    background: #162440 !important;
    transition: all 0.4s ease-in-out;
    border: 4px solid #fff !important;
}

.about-us{
    padding-top: 0rem!important;
}

.Servicing .col-md-4{
    transition: all 0.4s ease-in-out;
}

.Servicing .col-md-4:hover {
    transform: matrix3d(1, 0, 1, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    background-color: #000 !important;
    color: #fff;
}

.tent:hover{
    background:#36404b !important;
    transition:0.4s ease-in-out;
    border: 2px solid #fb4848 !important;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.webmail:hover {
    transition: 0.4s ease-in-out;
    background: #011126 !important;
    border: 2px solid #fff !important;
    color: #F2CB07 !important;
}

.Hacking:hover{
        transition: 0.4s ease-in-out;
    background: #011126 !important;
    border: 5px solid #fff !important;
    color: #F2CB07 !important;
}



.logo img{
    animation: rohitanimate7 1s ease-in-out 1;
}

@keyframes rohitanimate7 {
            0% {
                transform: translate(0px, -111px);
                opacity:0;
            }

            100% {
                translate:0px;
            }
        }




@media only screen and (max-width:768px){
    .head{
        display:block !important;
    }
    
    .head img{
        width:40% !important;
    }
    
    .head p{
        margin:0px !important;
    }
    
    .head strong{
        margin:0px !important;
    }
    
    .Car{
        height: 430px !important;
    }
    
    .Car1{
        height: 350px !important;
    }
    
    .card{
        width:100% !important;
    }
    
    .Math{
        height: 60px !important;
    width: 60px !important;
    margin-left: -3rem !important;
    }
    
    .Math1{
        height: 60px !important;
    width: 60px !important;
    margin-left: 3rem !important;
    }
    
    .bot{
        margin-top:150px !important;
    }
    
    .ML12{
        margin-left: 230px !important;
    margin-right: 230px !important;
    }
    
    .Slip1{
        width: 100%;
    }
    
    .Slip2{
        width: 100%;
    }
    
    .Slip3{
        width: 100%;
    }
    
    .Slip4{
        width: 100%;
    }
    
    .heater{
        margin-top: 20px;
    }
    
    .Loop{
        margin-top: 20px !important;
    }
    
    .ML13{
        margin-left: 90px !important;
    margin-right: 90px !important;
    }
    
    .ML14{
        margin-left: 155px !important;
    margin-right: 155px !important;
    }
    
    .ML15{
        margin-left: 210px !important;
    margin-right: 210px !important;
    }
    
    .ML16{
        margin-left: 225px !important;
    margin-right: 225px !important;
    }
    
    .ML17{
        margin-left: 195px !important;
    margin-right: 195px !important;
    }
    
    .Appoint{
        width:100%;
    }
    
    .Cont{
        width:100%;
    }
    
    .Opp{
        margin:0px !important;
        width: 100% !important;
        margin-top: 20px !important;
    }
    
    .hack{
        margin-left: 30px;
    margin-right: 30px;
    }
    
    .Letter{
        margin-top: 25px;
    }
    
    .back img{
        height: 235px;
    }
    
    .unite{
            margin-right: 5rem !important;
    margin-left: 5rem !important;
    }
    
    .Bit-map{
        width: 2% !important;
    }
    
    .reload{
        width:100%;
    }
    
    .reload1{
        width:100%;
    }
    
    .blog img{
        height:325px !important;
    }
    
    .blog1 img{
        height:325px !important;
    }
    
    .Carry{
        height:175px !important;
    }
    
    .val{
        width:16% !important;
    }

}

.logo h1{
    animation: rohitanimate8 1s ease-in-out 1;
}

@media only screen and (max-width:414px){
    .Carry{
        height:340px !important;
    }
    
    .head img{
        width:20% !important;
    }
    
    .head{
        margin-bottom: 25px;
        margin-top: -40px;
    }
    
    .Car {
    height: 220px !important;
    }
    
    .Car1 {
    height: 220px !important;
}
    
    .Math{
    height: 60px !important;
    width: 60px !important;
    margin-left: 0rem !important;
    }
    
    .Math1{
    height: 60px !important;
    width: 60px !important;
    margin-left: 0rem !important;
    }
    
    .back img {
    height: 220px;
    }
    
    .ML12 {
    margin-left: 75px !important;
    margin-right: 75px !important;
    }
    
   .ML17 {
    margin-left: 30px !important;
    margin-right: 30px !important;
   }
   
   .ML16 {
    margin-left: 60px !important;
    margin-right: 60px !important;
   }
   
   .ML15 {
    margin-left: 45px !important;
    margin-right: 45px !important;
   }
   
   .ML13 {
    margin-left: 30px !important;
    margin-right: 30px !important;
   }
   
   .ML14 {
    margin-left: 75px !important;
    margin-right: 75px !important;
    }
   
   .Carry{
       margin-top:10px;
   }
   
   .bot{
       font-size:50px !important;
   }
   
   .mapping{
       height:420px !important;
   }
   
   .mapping1{
       height:420px !important;
   }
   
   .mapping2{
       height:390px !important;
   }
   
   .unite {
    margin-right: 0rem !important;
    margin-left: 0rem !important;
   }
   
   .username{
       margin-top: 0px !important;
   }
   
   .mitbat{
           margin-top: 40px;
   }
   
   .carousel-indicators {
       margin-bottom: -2rem !important;
   }
   
   .form-select {
       margin-top:-40px;
   }
   
   .kite{
           margin-top: 40px;
   }
   
   .magzine{
       height:420px !important;
   }
   
   .hoster{
            width:100% !important;
            margin-top:40px !important;
    }
    
     .val{
        width:34% !important;
    }
    
    .value .row{
        margin-left:5px;
        margin-right:5px;
    }
    
    .value .col-md-6{
        width:100% !important;
    }
    
    .slide{
        background-position: 45% 100% !important;
    }
    
    .choose{
        background-position: 45% 100% !important;
    }
    
    .Servicing{
          background-position: 45% 100% !important;
    }
    
    .form-area{
        background-position: 45% 100% !important;
    }
    
    .blog1 .row{
            margin-left: 10px;
    margin-right: 10px;
    }
    
    .m-pad{
        margin-top:27px;
    }
    
    .m-tap{
        margin-top:19px;
    }
    
}