*{
    margin: 0px 0px;
    padding:0px;
    font-family: sans-serif;
}

/* This webpage is created only for educational purposes. It is not affilliated with or endorsed by Physics Wallah (PW). All rights belong to their respective owners. The code is written by us for learning html and CSS. PW&#10084 */

body{
    width:100%;
    height:1300px;
    background-color:white;
    position: relative;
}

.S1{
    height:300px;
    width:100%;
}


/* This webpage is created only for educational purposes. It is not affilliated with or endorsed by Physics Wallah (PW). All rights belong to their respective owners. The code is written by us for learning html and CSS. PW&#10084 */

.S2{
    width:100%;
    height:500px;
    margin-top:5%;
    display: flex;
}

.S3{
    width:100%;
    height:200px;
    background-color: blueviolet;
    display:flex;
    justify-content: center;
}


/* This webpage is created only for educational purposes. It is not affilliated with or endorsed by Physics Wallah (PW). All rights belong to their respective owners. The code is written by us for learning html and CSS. PW&#10084 */

.header{
    background-color:white;
    width:100%;
    height:80px;
    display: flex;
    position: sticky;
    top:0px;
    z-index:1000;
    text-decoration:none;
}

.header-L{
    width:20%;
    height:100%;
    display: flex;
    justify-content:center;
    flex-direction: row;
    align-items: center;
    margin-left:10%;
    gap:5%;
}

/* This webpage is created only for educational purposes. It is not affilliated with or endorsed by Physics Wallah (PW). All rights belong to their respective owners. The code is written by us for learning html and CSS. PW&#10084 */

.button-L{
    /*width:45%;
    height: 70%;
    font-size:110%;
    text-align: center;
    color:rgb(139, 136, 219);
    border: 2px solid rgb(139, 136, 219);
    border-radius:4px;
    padding:0% 0%; OLD CODE*/
    width:50%;
    height:60%;
    text-align: center;
    justify-content:center;
    align-items: center;
    border: 1px solid rgb(87, 81, 210);
    background-color:white;
    border-radius:4px;
    color: rgb(87, 81, 210);
    font-size: 110%;
    text-decoration: none;
    display: flex;
    transition:0.3s;
}

.button-L:hover{ /*ager yaha : ke baad space aa jaye too kuch bhi kaam nahi karta hai*/
    background-color: rgb(87, 81, 210);
    color:white;
    cursor: pointer;
}

.header-L img{
    width:50px;
    height: 50px;
}


/* This webpage is created only for educational purposes. It is not affilliated with or endorsed by Physics Wallah (PW). All rights belong to their respective owners. The code is written by us for learning html and CSS. PW&#10084 */




.header-C{
    width:40%;
    height:100%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: flex-start;
    gap:5%;
}

.header-C-a{
    text-decoration: none;
    color:black;
}

.header-C-a:hover{
    color:rgb(87, 81, 210);
}

.header-R{
    width:25%;
    display: flex;
    justify-content:flex-start;
    align-items: center;
}
/* This webpage is created only for educational purposes. It is not affilliated with or endorsed by Physics Wallah (PW). All rights belong to their respective owners. The code is written by us for learning html and CSS. PW&#10084 */
.header-R-P{
    width:40%;
    height:60%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid rgb(87, 81, 210);
    border-radius:4px;
    background-color:rgb(87, 81, 210);
    color: white;
    font-size: 110%;
    text-decoration: none;
    transition: 0.3s;
}
/* This webpage is created only for educational purposes. It is not affilliated with or endorsed by Physics Wallah (PW). All rights belong to their respective owners. The code is written by us for learning html and CSS. PW&#10084 */

.header-R-P:hover{
    background-color: white;
    color: rgb(87, 81, 210);
    border-color: rgb(87, 81, 210);
}

.banner{
    width:100%;
}

.banner img{
    width:100%;
}
/* This webpage is created only for educational purposes. It is not affilliated with or endorsed by Physics Wallah (PW). All rights belong to their respective owners. The code is written by us for learning html and CSS. PW&#10084. */
.student-h{
    width:100%;
    height:450px;
    padding-top:1%;
    padding-bottom:3%;
    display: flex;
    background: linear-gradient(45deg, rgb(228, 228, 228), rgb(230, 223, 223), rgb(171, 167, 253), rgb(220, 153, 220), rgb(197, 225, 197));
    background-blend-mode: soft-light;
}

.student-h-l{
    width:60%;
    padding-top:3%;
    display: flex;
    margin-left:10%;
    flex-direction: column;
    gap:1%;

}

.student-h-l p{
    font-size:250%;
    font-weight:bolder;
    font-family: sans-serif;

}

.student-h-l-p{
    text-align: justify;
    width:60%;
    font-size:110%;
    padding-bottom:4%;
    justify-content: flex-start;
    margin-top:1%;
}
/* This webpage is created only for educational purposes. It is not affilliated with or endorsed by Physics Wallah (PW). All rights belong to their respective owners. The code is written by us for learning html and CSS. PW&#10084 */
.student-h-l-b{
    margin-bottom:5%;
    padding:2% 5%;
    width:20%;
    font-size:130%;
    text-align: center;
    text-decoration: none;
    border: 1px solid rgb(87, 81, 210);
    border-radius: 4px;
    background-color: rgb(87, 81, 210);
    color:white;
    transition:0.3s;
}

.student-h-l-b:hover{
    background-color:white;
    color: rgb(87, 81, 210);
}
/* This webpage is created only for educational purposes. It is not affilliated with or endorsed by Physics Wallah (PW). All rights belong to their respective owners. The code is written by us for learning html and CSS. PW&#10084 */

.student-h-r{
    width:90%;
    display: flex;
    position: relative;
}

.student-h-r img{
    width:70%;
    justify-content: flex-end;
    margin-left:10%;
    padding-top:5%;
    padding-bottom:5%;
    border-image-width:100%;
}
/* This webpage is created only for educational purposes. It is not affilliated with or endorsed by Physics Wallah (PW). All rights belong to their respective owners. The code is written by us for learning html and CSS. PW&#10084 */
.bubble1{
    position: absolute;
    text-align: center;
    padding:10px 1px;
    bottom:35%;
    left:30%;
    background-color:rgb(32, 28, 112);
    color: white;
    border-radius:5px;
    width:25%;
}

.bubble2{
    position: absolute;
    text-align: center;
    padding:10px 5px;
    top:30%;
    right:40%;
    background-color:white;
    color: black;
    border-radius:5px;
    width:20%;
    box-shadow:2px 0px 5px gray;
}

/* This webpage is created only for educational purposes. It is not affilliated with or endorsed by Physics Wallah (PW). All rights belong to their respective owners. The code is written by us for learning html and CSS. PW&#10084 */
.COPYRIGHT{
    font-size:400%;
    font-weight:100;
    position: absolute;
    color: #737272;
    top:20%;
    z-index:1000;
}

.service{
    width:100%;
    height:100%;
    background-color:red;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.R1{
    justify-content: center;
    background: linear-gradient(45deg, rgb(228, 228, 228), rgb(230, 223, 223), rgb(171, 167, 253), rgb(220, 153, 220));
    width:100%;
    height:30%;
}

.R2{
    justify-content: center;
    background-color: rgb(255, 255, 255);
    width:100%;
    height:70%;
}

.info-b{
    background-color: white;
    width:70%;
    height:90%;
    box-shadow:0px 0px 2px black;
    border-radius:5px;
    position:absolute;
    top:1%;
    text-align: justify;
    display: flex;
}
/* This webpage is created only for educational purposes. It is not affilliated with or endorsed by Physics Wallah (PW). All rights belong to their respective owners. The code is written by us for learning html and CSS. PW&#10084 */

.P{
    width:25%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify;
    position: relative;
}

.P img{
    width:20%;
    height:30%;
    position: absolute;
    top:20%;
}
/* This webpage is created only for educational purposes. It is not affilliated with or endorsed by Physics Wallah (PW). All rights belong to their respective owners. The code is written by us for learning html and CSS. PW&#10084 */
.p-h{
    position: absolute;
    top:55%;
    left:35%;
    font-weight: bold;
    font-size: large;
}

.p-text{
    
    text-align: justify;
    padding-top: 35%;
    font-size:100%;
    font-weight:100;
}