.bg111{
    background-image: url("abstract-blue-background-with-lines_551880-1600.avif");
    height:100vh;
    width:100vw;
    background-size: cover;
}
.card111{
    background-image: url("minimalist-gradient-background-design-template_483537-2861.jpg");
    margin-left:480px;
    width:500px;
    height:600px;
    border-radius: 30px;
}
.img111{
    height:100px;
    width:270px;
    margin-left:20px;
}
.head111{
    font-family: "roboto";
    font-weight: bold;
    text-align: center;
    padding-top: 20px;
}
.card211{
    margin-top: 50px;
    margin-left: 30px;
}
.para111{
    font-size: 25px;
    font-weight: bold;
    font-family: "roboto";
   
}
.para211{
    font-size: 20px;
    font-weight: bold;
    font-family: "roboto";
    height:37px;
    width:300px;
    border-radius: 10px;
   
}
.card311{
    margin-top: 20px;
    
}

.button111{
    height:40px;
    width:100px;
    margin-top: 30px;
    margin-left: 40px;
    background-color: dimgray;
    color:white;
    font-family: "roboto";
    font-weight: bold;
    font-size: 20px;
    border-radius:10px;
}

.error11 {
    background: #F2DEDE;
    color: #A94442;
    padding: 10px;
    width: 95%;
    border-radius: 5px;
    margin: 20px auto;
 }


 .bg211{
    background-image: url("abstract-blue-background-with-lines_551880-1600.avif");
    height:100vh;
    width:100vw;
    background-size: cover;
 }
 .h11{
    background-color:transparent;
    margin-left: 240px;
    margin-top: 35px;
    font-size: 30px;
    color:white;
 }
 .head311{
    background-color:rgb(27, 223, 27);
    margin-top: 150px;
    margin-left:460px;
    height:50px;
    width:540px;
    border-radius: 20px;
    
 }
 .card511{
    background-color: transparent;
    margin-left: 330px;
    margin-top: 50px;
     color:white;
 }
 .head611{
    margin-left: 200px;
 }
 .head811{
    font-size: 32px;
    padding-left: 20px;
 }

 .bt11{
    margin-left: 580px;
    margin-top:20px;
    border-radius: 10px;
    font-weight: bold;
 }


 .button112{
    height:40px;
    width:100px;
    margin-top: 30px;
    margin-left: 40px;
    background-color: dimgray;
    color:white;
    font-family: "roboto";
    font-weight: bold;
    font-size: 20px;
    border-radius:10px;
}
 

.bg1{
    background-image: url("paper-layer-blue-abstract-background-use-banner-cover-poster-wallpaper-design-with-space-text_213291-112.avif");
    height:100vh;
    width:100vw;
    background-size: cover;
}

.img1{
    margin-top: 10px;
    height:60px;
    width:240px;
    margin-left:30px ;
}

.head1{
    font-size: 50px;
    font-weight: bold;
    font-family: "ROBOTO" ;
    margin-top: 50px;
    
    margin-left: 80px;
    color:white;

}

.card1{
    background: rgba(20, 20, 136, 0.7);
    
            height:100vh;
            width: 100vw;
        }
.card3{
    background-color:rgb(236, 16, 27);
    width:10px;
    margin-left: 80px;
    margin-top: 20px;

}
.card4{
    background-color: rgb(230, 241, 241);
    margin-left: 7px;
    width:600px;
    height: 70px;
    
}
.para1{
    font-family: "roboto";
    
    padding-left: 10px;
    font-weight: bold;
    font-size: 22px;
    font-family: "roboto";
}
.second1{
    color: aliceblue;
    width:640px;
    margin-left: 20px;
    font-size: 22px;
    margin-top: 30px;
    font-family: "roboto";

}


.first{
    width:750px;
    height:520px;
    border:1px solid ;
    overflow: auto ;
    margin-left: 80px;
    border-color: rgb(11, 163, 233);
    border-width: 4px ;
    margin-top: 40px;
  
}
::-webkit-scrollbar{
background-color: rgb(243, 144, 15);
display: none;
 }   


.second{
    padding:20px;
    font-size: 20px;
    font-family: Arial;
    color:white;
   
    

}
.img3{
    height:390px;
    width:700px;
    margin-left: 110px;
    margin-top: 60px;
    border-radius: 100px;
}
.button{
    margin-top: 50px;
    border-radius: 10PX;
    font-weight: bold;
    margin-left: 360px;
    height:50px;
}

@media screen and (min-width:768px) {


.bg1{
    background-image: url("paper-layer-blue-abstract-background-use-banner-cover-poster-wallpaper-design-with-space-text_213291-112.avif");
    height:100vh;
    width:100vw;
    background-size: cover;
}

.img1{
    margin-top: 10px;
    height:60px;
    width:240px;
    margin-left:30px ;
}

.head1{
    font-size: 50px;
    font-weight: bold;
    font-family: "ROBOTO" ;
    margin-top: 50px;
    
    margin-left: 80px;
    color:white;

}

.card1{
    background: rgba(20, 20, 136, 0.7);
    
            height:100vh;
            width: 100vw;
        }
.card3{
    background-color:rgb(236, 16, 27);
    width:10px;
    margin-left: 80px;
    margin-top: 20px;

}
.card4{
    background-color: rgb(230, 241, 241);
    margin-left: 7px;
    width:600px;
    height: 70px;
    
}
.para1{
    font-family: "roboto";
    
    padding-left: 10px;
    font-weight: bold;
    font-size: 22px;
    font-family: "roboto";
}
.second1{
    color: aliceblue;
    width:640px;
    margin-left: 20px;
    font-size: 22px;
    margin-top: 30px;
    font-family: "roboto";

}


.first{
    width:750px;
    height:470px;
    border:1px solid ;
    overflow: auto ;
    margin-left: 80px;
    border-color: rgb(11, 163, 233);
    border-width: 4px ;
    margin-top: 40px;
}
::-webkit-scrollbar{
background-color: rgb(243, 144, 15);
display: none;
 }   


.second{
    padding:20px;
    font-size: 20px;
    font-family: Arial;
    color:white;
   
    

}
.img3{
    height:350px;
    width:700px;
    margin-left: 110px;
    margin-top: 60px;
    border-radius: 100px;
}
.button{
    margin-top: 40px;
    border-radius: 10PX;
    font-weight: bold;
    margin-left: 360px;
    height:50px;
}



}



@media screen and (min-width:990px) {
    


    .bg1{
        background-image: url("paper-layer-blue-abstract-background-use-banner-cover-poster-wallpaper-design-with-space-text_213291-112.avif");
        height:100vh;
        width:100vw;
        background-size: cover;
    }
    .s{
        display: inline-flex;
    }
    
    .img1{
        margin-top: 10px;
        height:60px;
        width:240px;
        margin-left:30px ;
    }
    
    .head1{
        font-size: 30px;
        font-weight: bold;
        font-family: "ROBOTO" ;
        margin-top: 30px;
        
        margin-left: 40px;
        color:white;
    
    }
    
    .card1{
        background: rgba(20, 20, 136, 0.7);
        
                height:100vh;
                width: 100vw;
            }
    .card3{
        background-color:rgb(236, 16, 27);
        width:10px;
        margin-left: 40px;
        margin-top: 10px;
    
    }
    .card4{
        background-color: rgb(230, 241, 241);
        margin-left: 7px;
        width:500px;
        height:50px;
        
    }
    .para1{
        font-family: "roboto";
        font-size: 10px;
        padding-left: 10px;
        font-weight: bold;
        font-size: 16px;
        font-family: "roboto";
    }
    .second1{
        color: aliceblue;
        width:460px;
        margin-left: 20px;
        font-size: 16px;
        margin-top: 30px;
        font-family: "roboto";
    
    }
    
    
    .first{
        width:500px;
        height:320px;
        border:1px solid ;
        overflow: auto ;
        margin-left: 40px;
        border-color: rgb(11, 163, 233);
    border-width: 4px ;
        margin-top: 20px;
    }
    ::-webkit-scrollbar{
    background-color: rgb(243, 144, 15);
    display: none;
     }   
    
    
    .second{
        padding:20px;
        font-size: 18px;
        font-family: Arial;
        color:white;
       
        
    
    }
    .img3{
        height:280px;
        width:400px;
        margin-left: 40px;
        margin-top: 40px;
        border-radius: 100px;
    }
    .button{
        margin-top: 20px;
        border-radius: 10PX;
        font-weight: bold;
        margin-left: 200px;
        height:40px;
    }
    
    }
    





@media screen and (min-width:1200px) {
    


.bg1{
    background-image: url("paper-layer-blue-abstract-background-use-banner-cover-poster-wallpaper-design-with-space-text_213291-112.avif");
    height:100vh;
    width:100vw;
    background-size: cover;
}
.s{
    display:flex;
}

.img1{
    margin-top: 10px;
    height:60px;
    width:240px;
    margin-left:30px ;
}

.head1{
    font-size: 40px;
    font-weight: bold;
    font-family: "ROBOTO" ;
    margin-top: 50px;
    
    margin-left: 80px;
    color:white;

}

.card1{
    background: rgba(20, 20, 136, 0.7);
    
            height:100vh;
            width: 100vw;
        }
.card3{
    background-color:rgb(236, 16, 27);
    width:10px;
    margin-left: 80px;
    margin-top: 20px;

}
.card4{
    background-color: rgb(230, 241, 241);
    margin-left: 7px;
    width:500px;
    
}
.para1{
    font-family: "roboto";
    font-size: 10px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 18px;
    font-family: "roboto";
}
.second1{
    color: aliceblue;
    width:640px;
    margin-left: 20px;
    font-size: 20px;
    margin-top: 30px;
    font-family: "roboto";

}


.first{
    width:700px;
    height:420px;
    border:1px solid ;
    overflow: auto ;
    margin-left: 80px;

    border-color: rgb(11, 163, 233);
    border-width: 4px ;
    margin-top: 20px;
}
::-webkit-scrollbar{
background-color: rgb(243, 144, 15);
display: none;
 }   


.second{
    padding:20px;
    font-size: 18px;
    font-family: Arial;
    color:white;
   
    

}
.img3{
    height:320px;
    width:500px;
    margin-left: 70px;
    margin-top: 60px;
    border-radius: 100px;
}
.button{
    margin-top: 20px;
    border-radius: 10PX;
    font-weight: bold;
    margin-left: 300px;
}

}