.loading{
                width:100%;
                height:8000px;
                background-color: rgb(16, 65, 156);
                position: absolute;
                z-index: 0;
                animation: loading 5s 1 ease-in-out;
                opacity: 0;
            }
            
            @keyframes loading{
                0%{
                    opacity: 1;
                    z-index: 1;
                }
                25%{
                    opacity: 0.8;
                    z-index: 1;
                }
            
                50%{
                    opacity: 0.6;
                    z-index: 1;
                }
            
                75%{
                    opacity: 0.4;
                    z-index: 1;
                }
            
                100%{
                    opacity: 0;
                    z-index: 1;
                }
            }
            
            
            .animateload{
                width: 50px;
                height:50px;
                text-align: center;
                line-height: 50px;
                margin: 50px auto;
                margin-top: 25%;
                animation: animateload 1s infinite ease-in-out;
            }
            
       .btn1{
           border-radius: 20px;
       }


       .navbar-dark .navbar-nav .nav-link {
        color: rgb(44, 74, 138);
    }

    .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
        color: rgb(44, 74, 138);
    }

    

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    color:rgb(8, 8, 8);
    font-size:25px;
}

.bg{
   
    background-color: rgb(23, 94, 247);
}



.image1{
    width: 50%;
    height:50%;
    text-align: center;
    line-height: 50px;
  
    border-radius: 15px;
    margin: 50px auto;
    margin-top: 25%;
    animation: image1 3s infinite ease-in-out;
}


@keyframes image1{
    0%{
transition:all 3s ease-in-out;
transform: translateY(50px);
            
    }

    50%{
        transition:all 3s ease-in-out;
        transform: translateY(-50px);
    }


    100%{
        transition:all 3s ease-in-out;
        transform: translateY(50px);
       
    }
}


.btn2{
    border-radius: 20px;
}

.icons1{
    border-radius: 100px;
}

.bgee{
    background-color: darkgrey;
    height: 150px;
}

.images:hover{
    background-color: rgb(44, 74, 138);
}

.tick{
    border-radius: 50px;
}

.hea{
    font-weight: bolder;
    font-size: 60px;
}

.heaa{
    font-size:30px;
}



.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
    color: rgb(14, 13, 13);
    font-size:25px;
}

.he{
    color: rgb(44, 74, 138);
}

.navbar-brand{
    color: rgb(20, 20, 20);
    font-size:35px;
    font-weight: bolder;
}

.nav-item active{
    color: rgb(44, 74, 138);
}


.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    color: rgb(44, 74, 138);
    font-size: 25px;
}

.image{
    opacity: 0;
}

span{
    width: 5%;
    height:50px;
    background-color: gray;
}

.movement:hover{
    transition: all 1s ease-in-out;
    transform: translateY(-10px);
}

.back{
    background-color: rgb(26, 54, 131);
}

.backk{
    color: white;
}

.par{
    font-size: 15px;
   
}

.btn3{
    border-radius: 20px;
    
}

.movee{
    opacity: 0;
}

.imagesss{
    opacity: 0;
}

.img1:hover{
    opacity: 0.5;
}

.img2:hover{
    opacity: 0.7;
}

.img3:hover{
    opacity: 0.9;
}

.lost{
    opacity: 0;
}

.card-img{
    border-radius: 150px;
}


.number1{
    opacity: 0;
}

.number2{
    opacity: 0;
}


.number3{
    opacity: 0;
}

@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800);
.pricing8 {
  font-family: "Montserrat", sans-serif;
  color: #8d97ad;
  font-weight: 300;
}

.pricing8 h1,
.pricing8 h2,
.pricing8 h3,
.pricing8 h4,
.pricing8 h5,
.pricing8 h6 {
  color: #3e4555;
}

.pricing8 h5 {
    line-height: 22px;
    font-size: 18px;
}

.pricing8 .subtitle {
  color: #8d97ad;
  line-height: 24px;
}

.pricing8 .display-5 {
  font-size: 3rem;
}

.pricing8 .font-14 {
  font-size: 14px;
}

.pricing8 .pricing-box sup {
  top: -20px;
  font-size: 16px;
}

.pricing8 .btn-info-gradiant {
  background: #188ef4;
  background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8));
  background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%);
  background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%);
  background: linear-gradient(to right, #188ef4 0%, #316ce8 100%);
}

.pricing8 .btn-info-gradiant:hover {
  background: #316ce8;
  background: -webkit-linear-gradient(legacy-direction(to right), #316ce8 0%, #188ef4 100%);
  background: -webkit-gradient(linear, left top, right top, from(#316ce8), to(#188ef4));
  background: -webkit-linear-gradient(left, #316ce8 0%, #188ef4 100%);
  background: -o-linear-gradient(left, #316ce8 0%, #188ef4 100%);
  background: linear-gradient(to right, #316ce8 0%, #188ef4 100%);
}

.pricing8 .btn-danger-gradiant {
  background: #ff4d7e;
  background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%);
  background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b));
  background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
  background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
  background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);
}

.pricing8 .btn-danger-gradiant:hover {
  background: #ff6a5b;
  background: -webkit-linear-gradient(legacy-direction(to right), #ff6a5b 0%, #ff4d7e 100%);
  background: -webkit-gradient(linear, left top, right top, from(#ff6a5b), to(#ff4d7e));
  background: -webkit-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
  background: -o-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
  background: linear-gradient(to right, #ff6a5b 0%, #ff4d7e 100%);
}


.lost3{
    opacity: 0;
}

.lost4{
    opacity: 0;
}


.bgdiv{
    background-color: rgb(192, 190, 190);
}

.number4{
    opacity: 0;
}

.number5{
    opacity: 0;
}

.number6{
    opacity: 0;
}

.imgg1:hover{
opacity: 0.5;
}

.backkk{
    color: dimgray;
}

.div2{
    border-radius: 350px;
    cursor: pointer;
}

span {
  
    background-color: rgb(255, 255, 255);
}

.backkkk{
    background-color: rgb(49, 117, 206);
}

.change1{
    width:5%;
}

.change2{
    height:620px;
     width:100%;
}

.change3{
    width:10%;
}


.change4{
    width:2%;
}

.change5{
    width:100%;
     height:600px;
}

.change6{
    width:15%;
}

.change7{
    width:30%;
}

.change8{
    width:30%;
     height:200px;
}