.Lasles{
color: #0B132A;
font-family: Rubik;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.vpn{
    color: #0B132A;
font-family: Rubik;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
li{
    color: #4F5665;
    display: flex;
font-family: Rubik;
margin-left: 15px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
list-style-type: none;
}
ul{
    display: flex;
    justify-content: center;
    align-items: center;
}
.in{
    color: #0B132A;
font-family: Rubik;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
background-color: transparent;
border: none;
}
.up{
    color: #F53855;
    background-color: transparent;
font-family: Rubik;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
width: 150px;
height: 45px;
flex-shrink: 0;
border-radius: 50px;
border: 1px solid #F53855;
}
.logo{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
*{
    margin: 0;
    padding:0;
}
.nav{
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: white;
padding-top: 10px;
    padding-bottom: 7px;
}
.box-1 h1{
    color: #0B132A;
font-family: Rubik;
font-size: 50px;
font-style: normal;
font-weight: 500;
line-height: 70px; /* 140% */
}

.las{
    color: #0B132A;
font-family: Rubik;
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: 70px;
}
.box-1 p {
    color: #4F5665;
font-family: Rubik;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 187.5% */
}
.box-1 img{
    margin-top: 75px;
}
.last{
    color:#0B132A;
font-family: Rubik;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 187.5% */
}
.box-1 button{
    width: 250px;
height: 60px;
flex-shrink: 0;
border-radius: 10px;
background: #F53838;
border: none;
color: white;
margin-top: 15px;

}

.box-1{
    display:flex;
    justify-content: space-around;
    align-items: center;
    /* margin-top: 45px; */
    background-color: white;
    padding-bottom: 100px;
}
.box-2{
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
}


.card{
     width: 1140px; 
     height: 200px; 
    flex-shrink: 0;
    border: 2px solid;
    border-radius: 10px;
    display: flex;
    margin-top: 50px;
    justify-content: space-around;
    align-items: center;
background: #FFF;
border-style: inset;
box-shadow: 3px 3px 3px;
margin: 45px auto;
border-radius: 10px;

 /* filter: blur(57px); */
}
.box-3{
opacity: 0.06;
height: 30px;
background: #0D1025;
filter: blur(57px);
}
body{
    background:  #F8F8F8;
}
.card img {
    width: 55px;
height: 55px;
flex-shrink: 0;
border-radius: 70px;
background: #FFECEC;
}
.txt{
    color: #0B132A;
font-family: Rubik;
font-size: 25px;
font-style: normal;
font-weight: 700;
margin-left: 25px;
line-height: 30px; /* 120% */
}
.use{
    color: #4F5665;
font-family: Rubik;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 150% */

}

.box-4{
    display: flex;
    justify-content: space-around;
background-color: white;
    align-items: center;
    margin-top: 0px;
    padding: 12px;
    padding-bottom: 100px;
}

.box-4 p {
    color: #4F5665;
    font-family: Rubik;
    align-items: center;
    align-self: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;color: #4F5665;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
    line-height: 30px; /* 187.5% */
}
.text-2{
    margin-top:100px;
}
body{
    font-family: Rubik;
}
.box-4 h1 {
color: #0B132A;
font-family: Rubik;
font-size: 35px;
font-style: normal;
font-weight: 600;
line-height: 50px; /* 142.857% */
width: 383.406px;
}
.card-1{
    /* width: 330px; */
/* height: 760px; */
flex-shrink: 0;
border-radius: 10px;
border: 2px solid #DDD;
background: #FFF;
padding:30px;
margin-top: 42px;
}
.card-1:hover{
    border-color: #F53855;
}

.card-1 h3 {
    color: #0B132A;
text-align: center;
font-family: Rubik;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 30px; /* 166.667% */
}
.card-1 p {
    color: #4F5665;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;color: #4F5665;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 214.286% */color: #4F5665;
    font-family: Rubik;
    font-size: 14px;

}
.img-1 {
    margin-top: 10px;

}
.cards{
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}
 .bot button {
    width: 177.876px;
height: 45px;
border-radius: 50px;
border: 2px solid #F53838;
flex-shrink: 0;
color: #F53838;
font-family: Rubik;
font-size: 16px;
font-style: normal;
font-weight: 700;
margin-top: 15px;
background-color: transparent;
line-height: normal;
 }
 .bot button:hover{
    background-color: #F53838;
    color: white;
 }
 .bot h1 {

 }
 .bot{
    margin-top:70px;
 }
 .comp{
    display: flex;
    justify-content: space-around;
    align-items: center;
 }


 .card-2{
     padding-top: 10px; 
     padding-left: 9px;
     padding-right: 9px;
    border-radius: 10px;
border: 2px solid #DDD;
 width: 400px; 
height: 230px; 
flex-shrink: 0;
margin-top:120px;
 }
 .card-2:hover{
    border-color: #F53838;
 }
 .upper p{
    
 }
 .card-2 p {
    
 }
 .profile{
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* padding: 35px; */
 }
 .upper{
    display: flex;
    justify-content: space-around;
    align-items: center;
 }
 .box-5{
    border-radius: 10px;
    background: #FFF;  
    width: 1140px;
/* height: 233pc; */
margin-top: 90px;
display: flex;
justify-content: space-around;
align-items: center;
padding: 15px;
margin: 90px auto;
flex-shrink: 0;
padding-bottom: 35px;
border-style: inset;
 }
 .box-5:hover {
    border-color: #F53838;
 }
 .txt-5{
    margin-top: 65px;
 }
 .box-5 button {
    width: 250px;
height: 60px;
margin-top: 50px;
flex-shrink: 0;
border-radius: 10px;
background: #F53838;
color: #FFF;
font-family: Rubik;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 25px; /* 156.25% */
 }
 .foot{
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color:#DDD ;
 }
 .foot p {
    color: #4F5665;
font-family: Rubik;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 187.5% */
 }
 .foot h3 {
    color: #0B132A;
font-family: Rubik;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 166.667% */
 }
 .social{
    margin-top: 40px;
 }
 .txt img {
margin-left:189.9px; margin-top: 20px;  width: 700px;
    height: 537.771px;
    flex-shrink: 0; 
 }
@media screen and (max-width:768px) {
    .logo{
        display: block;
        text-align: center;
    }
    .cards{
        display:block;
        /* justify-content: space-around; */
        /* align-items: center; */
        text-align: center;
    }    

    .card-1{
        width:200px;
        margin: 20px auto;
    }
    .vector{
        width:70px;
        display:none;
    }
    
    .nav{
        display: block;
        text-align: center;
        line-height: 120px;
        /* border-bottom: #0B132A solid 3px; */
    }

    .box-4{
        display: block;
        margin: 0px auto;
        text-align: center;
        justify-content: space-around;
    background-color: white;
        align-items: center;
        margin-top: 0px;
        padding: 12px;
    }

    .text-2{
        text-align: center;
    }

    .box-4 h1{
        text-align: center;
        margin: auto;
        font-size: 40px;
    }

    .box-4 p {
        margin-top: 7px;
        font-size: 20px;
    }
    .box-1{
        display:block;
        justify-content: space-around;
        align-items: center;
        /* margin-top: 45px; */
        padding-bottom: 100px;
        text-align: center;
    }
    .box-1 p {
        text-align: center;
    }
    .text{
         text-align: center; 

    }
    .box-1 img {
        margin-top:45px;
    }

    .card{
        display: block;
        width: 500px;
        margin: 20px auto;
        height: auto;
        border: none;
        box-shadow: 2px 2px 2px ;
box-decoration-break: inset;
border-style: inset;
        justify-content:center;
        /* text-align: center; */
    }
    .box-2{
        /* text-align: center; */
        /* margin-left: 200px;
         */
        margin: 30px 150px;
        /* margin-top: 30px; */
        margin-bottom: 2px solid;
        /* text-align: center; */
        /* margin-right: 200px; */
         /* justify-content: center;  */
        
    }
    .text-2{
        /* text-align:center; */
    }
    .pr{
        /* text-align: center; */
        /* margin-left: 205px; */
    }

    .txt img {
 margin: 20px auto;  width: 550px;
            height: 537.771px;
            flex-shrink: 0; 
         }
         .comp{
            display: grid;
            grid-template-columns: 150px 150px 150px ;
            max-width: 450px;
            margin-left: 20px;
            text-align: center;
            margin: 20px auto;
         }
         .comp img {
            margin-top: 18px;
            line-height: 70px;
            text-align: center;
            /* background-color: blue; */
         }
         .profile{
            display: block;
            margin:auto;
            text-align: center;
            justify-content: center;
         }
         .card-2{
            margin: 10px auto;
         }
         .box-5{
            border-radius: 10px;
            background: #FFF;  
            width:400px;
        /* height: 233pc; */
        margin-top: 90px;
        display: block;
        justify-content: space-around;
        align-items: center;
        padding: 15px;
        text-align: center;
        margin: 90px auto;
        flex-shrink: 0;
        padding-bottom: 35px;
        border-style: inset;
         }


         .foot{
            display: block;
            text-align: center;
         }
        
}

@media screen and (max-width:480px) {
    .logo{
        display: block;
        text-align: center;
    }
    .cards{
        display:block;
        /* justify-content: space-around; */
        /* align-items: center; */
        text-align: center;
    }    

    .card-1{
        width:200px;
        margin: 20px auto;
    }
    .vector{
        width:45px;
        display:none;
    }
    
    .nav{
        display: block;
        text-align: center;
        line-height: 120px;
        /* border-bottom: #0B132A solid 3px; */
    }

    .box-4{
        display: block;
        margin: 0px auto;
        text-align: center;
        justify-content: space-around;
    background-color: white;
        align-items: center;
        margin-top: 0px;
        padding: 12px;
    }

    .text-2{
        text-align: center;
    }

    .box-4 h1{
        text-align: center;
        margin: auto;
        font-size: 40px;
    }

    .box-4 p {
        margin-top: 7px;
        font-size: 20px;
    }
    .box-1{
        display:block;
        justify-content: space-around;
        align-items: center;
        /* margin-top: 45px; */
        padding-bottom: 100px;
        text-align: center;
    }
    .box-1 p {
        text-align: center;
    }
    .text{
         text-align: center; 

    }
    .box-1 img {
        margin-top:45px;
    }

    .card{
        display: block;
        width: 400px;
        margin: 20px auto;
        height: auto;
        border: none;
        box-shadow: 2px 2px 2px ;
box-decoration-break: inset;
border-style: inset;
        justify-content:center;
        /* text-align: center; */
    }
    .box-2{
        /* text-align: center; */
        /* margin-left: 200px;
         */
        margin: 30px 150px;
        /* margin-top: 30px; */
        margin-bottom: 2px solid;
        /* text-align: center; */
        /* margin-right: 200px; */
         /* justify-content: center;  */
        
    }
    .text-2{
        /* text-align:center; */
    }
    .pr{
        /* text-align: center; */
        /* margin-left: 205px; */
    }

    .txt img {
 margin: 20px auto;  width: 450px;
            height: 537.771px;
            flex-shrink: 0; 
         }
         .comp{
            display: grid;
            grid-template-columns:200px 200px ;
            max-width: 400px;
            margin-left: 20px;
            text-align: center;
            margin: 20px auto;
         }
         .comp img {
            margin-top: 18px;
            line-height: 70px;
            text-align: center;
            /* background-color: blue; */
         }
         .profile{
            display: block;
            margin:auto;
            text-align: center;
            justify-content: center;
         }
         .card-2{
            margin: 10px auto;
         }
         .box-5{
            border-radius: 10px;
            background: #FFF;  
            width:400px;
        /* height: 233pc; */
        margin-top: 90px;
        display: block;
        justify-content: space-around;
        align-items: center;
        padding: 15px;
        text-align: center;
        margin: 90px auto;
        flex-shrink: 0;
        padding-bottom: 35px;
        border-style: inset;
         }


         .foot{
            display: block;
            text-align: center;
         }
        
}