* {
	margin:0px;
	padding:0px;
}

.mainmenu {
            width: 100%;
            padding:10px 10px;
            margin-bottom: 10px;
            background-color: black;
            display: flex;            
            justify-content: left;
            align-items: center;
            flex-wrap: wrap;
            line-height:30px;
}


.mainmenu li {
            list-style: none;
}

.mainmenu li a {
            text-decoration: none;
            padding-inline: 12px;
            color: white;
            font-family: sans-serif;
            font-size: 15px;
}

.mainmenu li a:hover {
            color: red;
}




/*bordertylepage css start*/

.first 		{
			width:200px; height:200px; border:solid 5px red;
}

.afirst 	{
			width:180px; height:180px; border:double 9px purple;
}

.bfirst 	{
			width:220px; height:220px; border:dashed; 8px black;
}

.cfirst 	{
			width:220px; height:220px; border:dotted 10px red;
}

.dfirst 	{
			width:200px; height:200px; border-top:solid 6px green;
			border-left:solid 6px red; border-bottom:double 6px blue;
			border-right:dotted 6px purple;
}

/*bordertylepage css stop*/


/*borderradius page css start*/

.second 	{	
			width:500px; height:500px; border:solid 5px red;
  			align-items:center; display:flex; justify-content:center;
  			border-radius:50px;	}

.second div {
			width:50%; height:50%; border:solid 10px black;
  			border-style:solid dotted double dotted; border-width:7px 8px 9px 10px;
  			display:flex; justify-content:center; align-items:center;
  			border-radius:50%;	}

.second div div
			{
			width:50%; height:50%; border-style:solid dotted double solid;
  			border-width: 10px 6px 6px 10px; border-color: red blue green orange;
  			border-radius:50%; display:flex; justify-content:center;	}

/*borderradius page css stop*/

/*3div file css start*/
.third
			{
			width:50%; height: 500px; background-color:yellow; float:left;}

.athird		{
			width:30%; height:500px; background-color:blue; float:left; }

.bthird 	{
			width:20%; height:500px; background-color:pink; float:left;	}
/*3div file css stop*/

/*SubSup file css start*/

.fourth {
			background-color:yellow; display: inline;	}	

.afourth {
			background-color:lightgreen; display:inline; }

.bfourth {
  			background-color:lightskyblue; display:inline; }	

/*SubSup file css stop*/

/*WebPageLayout page css start*/

.fifth {
			width:99%; height:80px;	border:solid 2px black;
		}

.afifth {
			width:20%; height:500px; border: solid 2px black; float: left;
		}

.bfifth {	width:79%; height:500px; border: solid 2px black; float:left;
	}

.cfifth {
			width:99%; height:80px; border: solid 2px black; margin-top:500px;
	}

.dfifth {
			width:80%; height:80px; border:solid 2px black; margin-left:10%;
			margin-right:10%; margin-top:5%;
		}

.efifth  {
			width:35%; height:250px; border:solid 2px black; margin-left:10%;
			margin-right:10%; margin-top:5%; float:left;
		}

.ffifth {
			width:35%; height:250px; border:solid 2px black; margin-left:500px;
			margin-right:5%; margin-top:5%;
		}

/*WebPageLayout page css stop*/

/*image1 page css start*/

 .sixth  {
 			width:350px; height: 550px; border:0px solid black;
            background-image: url(img1.jpg); display: flex;
			justify-content: center; align-items: center;
                   } 
.sixth h1  {
            color: white; text-align: center; font-family: sans-serif;
            font-size: 50px; line-height: 100px;
         }
/*image1 page css stop*/

/*image2 page css start*/

.seventh   {
             width: 400px; height: 550px; border:0px black solid;
             padding-left:50px; line-height: 55px;
          }

#bseventh  {
				color: #A6A6A6; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                font-size: 100px; letter-spacing: -2px;
           }

#cseventh  {	color: #737373;
				font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
				font-size: 100px; letter-spacing: -2px;
           }

#dseventh  {
                color: #545454; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                font-size: 100px; letter-spacing: -2px;
           }

#eseventh  {	color: #FF1617; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                font-size: 100px; letter-spacing: -2px;
           }   

#aseventh  {
            	font-family: sans-serif; font-weight: bolder; }

#fseventh  {	font-family: times new roman;
           }

#hseventh  {
           		font-family: sans-serif; font-weight: bolder;
           }

#gseventh  {	font-family: times new roman;
                   }
/*image2 page css stop*/

/*image3 page css start*/

* {
    padding:0px; margin:0px;
}

.Eighth {
    width: 400px; height: 550px; border:0px black solid;
}

.aEighth {
    width:100%; height: 60px; border:0px solid black; display: flex;
    align-items: center; justify-content: space-evenly;
}

.bEighth {
    width:20%; height: 6px; border:solid 0px #EDA340; background-color: #EDA340;
}

#fEighth { font-size: 30px; font-family: sans-serif; color: #022A5B; letter-spacing: -2px;
}

#gEighth  {
    font-family: sans-serif; font-size: 60px; text-align: center;
    margin:-10px; color:#EDA340; letter-spacing: -3.3px;
}

#hEighth  {
    font-family: sans-serif; font-size: 60px; text-align: center;
    margin:-5px; color: #022A5B; letter-spacing: -3.3px;
}

#iEighth {
    text-align: center; font-family: sans-serif; color: #022A5B;
    font-size: 20px; margin:5px;                            
}

.cEighth {
    display: flex; justify-content: center;
}

.dEighth    {
    width: 100%; height: 8px; border:solid 0px;
    background-color: #EDA340;  margin-top:10px;
}

.eEighth    {
    height: 70px; border:solid 0px; background-color: #022A5B;
    margin-top:0px;
}

.jEighth {
    color: white; display: flex; justify-content: center;
    font-family: sans-serif; padding-top:25px; letter-spacing: 0.3em;
}
/*image3 page css stop*/

/*form page css start*/
   .Ninth   {
                width: 400px; height: 580px; border:0px black solid;
                            
                        }
    .aNinth   {
                width: 100%; height: 70px; background-color: #7A403F; color: white;
                display: flex; flex-direction: column; justify-content: center;
                align-items: center; font-family: sans-serif; 
                    }
    .bNinth   {
                    padding-left:20px;
            }
    #cNinth     {
                    font-size: 16px; letter-spacing: 4px; font-family: sans-serif;
                }

    #dNinth     {
                    margin:20px; color:#7A403F;
                }
            
    #f1    {    width: 250px; background-color: #F4F4F4; border:solid 1px lightgray;
                margin-bottom:15px; margin-left:25px;
                }
    #f2    {    width: 250px; background-color: #F4F4F4; border:solid 1px lightgray;
                margin-bottom:15px; margin-left:22px;}
    
    #f3    {    width: 250px; background-color: #F4F4F4; border:solid 1px lightgray;
                margin-bottom:15px; margin-left:12px;
                }
    #f4    {    width: 250px; background-color: #F4F4F4; border:solid 1px lightgray;
                margin-bottom:15px; margin-left:14px;
                }
    #f5    {    width: 250px; background-color: #F4F4F4; border:solid 1px lightgray;
                margin-bottom:15px; margin-left:21px;
                }
    #f6    {    width: 250px; background-color: #F4F4F4; border:solid 1px lightgray;
                margin-bottom:15px; margin-left:10px;
                }
    #f7    {    width: 250px; background-color: #F4F4F4; border:solid 1px lightgray;
                margin-bottom:15px; margin-left:40px;
                }
    #f8    {    width: 250px; background-color: #F4F4F4; border:solid 1px lightgray;
                margin-bottom:15px; margin-left:46px;
                }
    #f9    {    width: 250px; background-color: #F4F4F4; border:solid 1px lightgray;
                margin-bottom:15px; margin-left:0px;
                }

    .l1     {
                            font-size: 13px;
                }

    #eNinth    {
                            color: #7A403F; margin-top:10px;
                }

    #h4     {
                            font-size: 12px;
                }

    .h5     {
                            font-size: 9px; display: flex; justify-content: space-evenly;
                }
               

/*select page css start*/

.Tenth {
        margin: 20px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
}

.Tenth p {
        font-size:20px;
        font-weight:bold;
        margin-top:30px;
        }
.Tenth select {
        width:200px;
        height:30px;    
}

.Tenth select option {

        font-weight:bold;
        font-size:16px;
        text-align:center;  
}


.aTenth div {
    width: 100%;
    height: 50px;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40vh;
}

.aTenth div h4 {
    color: white;
}
/*select page css End*/

/*transfrom page css start*/


.eleventh {

    width:100%;
    height:500px;
    background-color: lightgray;
    display:flex;
    gap: 10px;
    flex-wrap: wrap;
}

.Aeleventh {
    width:100px;
    height:100px;
    background-color:yellow;
    margin:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight: bold;
    font-size: 14px;
}

#RotateX:hover {
    transform:rotateX(45deg); 
}

#RotateY:hover {
    transform:rotateX(45deg); 
}

#RotateZ:hover {
    transform:rotateZ(45deg); 
}

#TranslateX:hover {
    transform:translateX(50px)
}

#TranslateY:hover {
    transform:translateY(50px)
}

#TranslateZ:hover {
    transform:perspective(200px) translateZ(50px);
}

#ScaleX:hover {
    transform:scaleX(1.5);
}

#ScaleY:hover {
    transform:scaleY(1.5);
}

#ScaleZ:hover {
    transform:perspective(200px) scaleZ(2) rotateY(45deg);
}

#SkewX:hover {
    transform:skewX(45deg);
}

#SkewY:hover {
    transform:skewY(45deg);
}

    
/*transform page css stop*/

/*box-shadow page css start*/

.Twelfth {
            width:250px; height:250px; border:5px black;
            box-shadow: 10px 5px 0px red; border-radius: 30%;
            border-style: solid dotted double dashed;
      }
.aTwelfth {
            width:250px; height:250px; border:5px black;
            box-shadow: -10px -10px 2px rgb(118, 94, 94);
            border-radius: 10px 20px 10px 20px;
            border-style: solid dotted double dashed;
        }
                    
.bTwelfth {
            text-shadow: 10px 10px rgb(204, 192, 192); text-align: center;
                            }
/*box-shadow page css stop*/


/*Container File CSS start */
    .Thirteenth {   width: 100%; height: 500px; background-color: yellow;   } 

    #aThirteenth    {   height: 33.33%; width: 33.33%; background-color: green;    }   

    #bThirteenth    {   height: 33.33%; width: 33.33%; background-color: black;    }

    #cThirteenth        {   height: 33.33%; width:33.33%; background-color: red;      }
    
    /*Container File CSS stop */

/*multiple div css start*/

    .Fourteenth {
                    width:90%; height: 550px; background-color:black;
                    padding:30px;

    }
    .aFourteenth {
                    width:60%; height: 120px; border:solid 1px white;
                    border-radius: 15px; float: left; margin-right:25px;
    }

    .bFourteenth  {
                    width:37%; height: 120px; border:solid 1px white;
                    border-radius: 15px; float: left;
    }

    .cFourteenth  {
                    width:30%; height: 120px; border:solid 1px white;
                    border-radius: 15px; float: left; margin-top:25px;
    }

    .dFourteenth {
                    width:67%; height: 120px; border:solid 1px white;
                    border-radius: 15px; float: left; margin-top:25px;
                    margin-left:25px; 
    }

     .eFourteenth {
                    width:60%; height: 120px; border:solid 1px white;
                    border-radius: 15px; float: left; margin-right:25px;
                    margin-top:25px;
    }

    .fFourteenth  {
                    width:37%; height: 120px; border:solid 1px white;
                    border-radius: 15px; float: left; margin-top:25px;
    }

    .gFourteenth {
                    width:24.33%; height: 120px; border:solid 1px white;
                    border-radius: 15px; float: left; margin-top:25px;
    }

     .hFourteenth {
                    width:24.33%; height: 120px; border:solid 1px white;
                    border-radius: 15px; float: left; margin-left:25px;
                    margin-top:25px;
    }

    .iFourteenth  {
                    width:46.20%; height: 120px; border:solid 1px white;
                    border-radius: 15px; float: left; margin-top:25px;
                    margin-left:25px;
    }

/*multiple div css stop*/

    .Fifteenth {
                    width:100%; height:400px; background-color:#3098F3;
    }
    #aFifteenth {
                    width:30%; height:60px; float: left;
                    display: flex; justify-content:center; align-items: center;
    }

    #aFifteenth h3 {
                    color:white; font-family: sans-serif; font-size: 25px;
    }


    #bFifteenth {
                    width:70%; height:60px; float: left;
                    display: flex; justify-content: center; align-items: center;
    }

    #bFifteenth  li {
                    list-style:none; 
                    padding-inline: 18px;
    }

    #bFifteenth li a {
                    text-decoration: none; 
                    font-size: 18px;
                    color: white;
    }

    #cFifteenth {
                    width: 55%; height: 340px; float:left;
                    display: flex; justify-content: center; align-items:left;

                    flex-direction: column;
    }

    #cFifteenth h1 {            
                    font-family:sans-serif; font-weight: bold; color:white;
                    font-size: 50px; padding-left:110px;
    } 
    #cFifteenth p {
                    
                    font-family:sans-serif; color:white;
                    padding-left:110px;
    }  

    #cFifteenth Buttons {
                    
                    font-family:sans-serif; color:white; padding-left:110px;

    }  

    #dFifteenth {
                    width: 45%; height: 340px; float:left; display: flex;
                    justify-content: left; align-items:center;
    }

    .eFifteenth {
                    width:100%; height:500px; background-color:whitesmoke;
                    padding-top:50px;
    }

    .eFifteenth h2 {
                        font-size: 50px; text-align: center; 
    }
    .eFifteenth p {
                        font-size: 20px; text-align: center; 
    }

    .xyz {
                        display:flex; justify-content:center; padding-top:50px;
    }

    .fFifteenth {
                        width: 270px; height:300px; background-color:#3098F3;
                        margin-right: 10px;
    }

    .gFifteenth {
                        width: 270px; height:300px; background-color:#3098F3;
                        margin-left: 10px; margin-right: 10px;
    }

    .hFifteenth {
                        width: 270px; height:300px; background-color:#3098F3;
                        margin-left: 10px;
    }


    .iFifteenth {
                    width:100%; height:400px; background-color:#FAFAFA;
                    display:flex; justify-content:center;
                    align-items: center;
    }

    .iFifteenth div
                {
                    width:55%; height:400px; display:flex; justify-content:center;
                    align-items: center;

    }

    .iFifteenth div p
                {
                    font-size: 30px; margin:60px 60px;
    }

    #efift
                {
                    width:45%; height:400px; background-color: #FAFAFA;
                    display: flex;

    }

    #ffift {
                    width:120px; height: 120px; background-color:#3098F3;
                    border-radius: 50%;
    }

     #gfift  {
                    width:120px; height: 120px; background-color:#FE6571;
                    border-radius: 50%; 
    }

     #hfift  {
                    width:120px; height: 120px; background-color:#FFCC00;
                    border-radius: 50%;
    }


    .jFifteenth {
                    width:100%; height:460px; background-color:#FFFFFF;
                    display: flex; justify-content: center; align-items:center;
                    position:relative;

    }

    .j1Fifteenth {
                    width:250px; height:250px; background-color:yellow;
                    border-radius: 50%; overflow:hidden;

    }

    .j2Fifteenth {
                    width:100px; height:100px; background-color:yellow;
                    border-radius: 50%; position: absolute; top:50px; left:140px;
                    overflow:hidden;
    }
    .j3Fifteenth {
                    width:150px; height:150px; background-color:yellow;
                    border-radius: 50%; position: absolute; top:150px; left:0px;
                    overflow:hidden;
    }

     .j4Fifteenth {
                    width:125px; height:125px; background-color:yellow;
                    border-radius: 50%; position: absolute; top:300px; left:130px;
                    overflow:hidden;
    }

     .j5Fifteenth {
                    width:140px; height:140px; background-color:yellow;
                    border-radius: 50%; position: absolute; top:50px; right:150px;
                    overflow:hidden;
    }

     .j6Fifteenth {
                    width:160px; height:160px; background-color:yellow;
                    border-radius: 50%; position: absolute; top:250px; right:110px;
                    overflow:hidden;
    }

    .kFifteenth {
                    width:100%; height:300px; background-color:#3098F3;
                    display: flex; justify-content: center; align-items:center;
                    
    }

    .kFifteenth h2 {
                    color:white; font-family: sans-serif; font-size: 30px;
                    margin:380px;
                    
    }

     .kFifteenth span {
                    color:yellow; 
                    
    }



/*chess board css start*/
   .chessboard {
                    width:550px; height:550px; border: 2px solid black;
                    display: flex; flex-wrap: wrap; margin-left:100px;
                    margin-top:20px;
                    
   }

    .chessboard div {  
                        width: calc(100%/8); font-size: 50px;
                        text-align:center; text-shadow: 2px 1px white;
                   
   }

   .a { background-color: white; width:10%; height: 12.5%;
    }

    .b { background-color: black; width:10%; height: 12.5%;

   }               
   
/*chess bord css stop*/

/*position page css start*/

    .position {
                    width:100px; height:100px; border: 2px solid black;
                    margin:50px;
    }

    .position div {
                    width:10px; height:10px; border:5px double black;
                    position: relative; top:40px; left:40px; 
    }

    .aposition      {
                width: 150px; height: 150px; background-color: pink;
                margin:100px;
                transition-property: width, height;
                transition-duration: 5s 5s;
    }

    .aposition:hover {
                width:300px; height: 300px; background-color: yellow;
    }

     .bposition {
                    width:200px; height:200px; border:solid 2px green;
                    margin:50px;
     }

     .bposition:hover {
                    transform:translateX(800px);
                    transition: all 2s linear 2s;
     }


/*position page css stop*/

/*children book label css start*/

    .children {
                    width: 400px; height: 600px; margin-right:150px;
                    margin-left:50px; position: relative;
                    
    }

    .achildren {
                    width: 400px; height: 100px; background-color: yellow;
                    clip-path: polygon(0 0, 100% 0%, 100% 50%, 0% 100%);
                    position: absolute;
                    
    }

    .achildren p {
                    font-size: 16px; color: #7361AB;
                    padding-top:35px; padding-left:20px;
                    transform: rotate(-7deg);

    }

    .achildren h4 {
                    font-size: 16px; color: #7361AB; padding-left:20px;
                    transform: rotate(-7deg);
    }

    .bchildren {
                    width: 400px; height: 300px; background-color: #051922;
                    clip-path: polygon(0 16.5%, 100% 0, 100% 83.5%, 0% 100%);
                    position: absolute; top:8.5%;
    }

    .bchildren h1 {
                    transform: rotate(-9deg); color:white; margin-top:30px;
                    font-size: 50px; text-align: center;
    }

    .bchildren h3 {
                    transform: rotate(-9deg); color:yellow; 
                    font-size: 30px; text-align: center; font-family: sans-serif;
    }

    .bchildren h2 {
                    transform: rotate(-7deg); color:yellow; 
                    font-size: 75px; text-align: center; 
    }

    .dchildren {
                    width: 400px; height: 275px; background-color: yellow;
                    clip-path: polygon(0 16.5%, 100% 0, 100% 100%, 0% 100%);
                    position: absolute; top:50.5%;               
    }

    .dchildren h2 {
                    font-family: sans-serif; font-size: 30px; color:#7260AA;
                    margin-top: 90px; margin-left:20px; line-height: 26px;
    }

    .dchildren h3   {
                    margin-left:20px; font-style: bold;

    }

    .dchildren p   {
                    margin-left:20px; font-size: 12px;
    }


/*children book label css stop*/

/*guideline page css start*/

    .sixteenth {
                    width:400px; height: 550px; background-color: #0097B2;
                    margin:30px;
    }

    .sixteenth img {
                    position: absolute; margin:30px;
    }

    .sixteenth h2 {
                    position: absolute; color:white; margin-left:30px;
                    margin-top:140px;
    }

    .sixteenth h1 {
                    color:white; margin-left:30px; margin-top:80px;
                    font-size: 60px; font-family: sans-serif;
                    line-height: 60px;
    }

    .sixteenth h6 {
                    color:white; margin-left:30px; 
                    font-size: 20px; line-height:35px;    }

    .sixteenth p {
                    position: absolute; color:white; margin-left:30px;
                    margin-top:180px; font-size: 21px; font-family: sans-serif;
    }


    .asixteenth {
                    width:3px; height: 220px; background-color: white;
                    margin-left:300px;
    }

    .bsixteenth {
                    width:50px; height:50px; background-color:white;
                    border-radius: 50%; margin-left:275px;
    }

    /*guideline page css start*/

/*    lenskart page css start*/

    .lenskart {
                    width: 400px; height:650px; background-color:#232F2B;
                    border: 5px solid orange; margin:30px; text-align: center;
                    position:relative;
    }

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

    .lenskart p {
                    color:#92B4A4; font-size: 23px; letter-spacing:3px;
                    margin-top:15px;
    }

    .lenskart span {
                    color:white; font-size: 40px; letter-spacing:-1px;
                    line-height: 60px;
    }

    .lenskart H1 {
                    color:white; font-size: 90px; line-height: 90px;
    }

     .lenskart h4 {
                    color:white; font-size: 170px; font-family: "Red Hat Display";
                    line-height: 140px; 
    }

    .lenskart h6 {
                    color:#93B3A4; font-size: 23px; position: absolute;
                    top:440px; left:160px;
    }


    .alenskart
                {
                    width:200px; height:50px; background-color:#4C876B;
                    display: flex; justify-content:center; align-items: center;
                    margin:auto; margin-top:30px;
    }  

    .alenskart h3 {
                    color: white; font-family: sans-serif; font-size:15px;
                    letter-spacing:5px;
    } 

/*lenskart page css stop*/

/*webpage1 css start*/

    .webpage {
                    width:99%; height: 100px; border: 1px solid black;

    }

    .awebpage {
                    width:99%; height: 100px; border: 1px solid black;
    }

    .bwebpage {
                    width:25%; height: 500px; border: 1px solid black;
                    float: left;
    }

    .cwebpage {
                    width:49%; height: 500px; border: 1px solid black;
                    float: left; display:flex; align-items:center;
                    justify-content:center; flex-wrap: wrap;
    }

    .cwebpage div {
                    width:200px; height: 200px; border: 1px solid black;
                    margin:20px;
                    
                    
    }

    .dwebpage {
                    width:25%; height: 500px; border: 1px solid black;
                    float: left;
    }

    .ewebpage {
                    width:99%; height: 110px; border: 1px solid black;
                    margin-top:500px;
    }


/*webpage1 css stop*/

/*book cover page css start*/

    .bookcover {
                    width:400px; height: 550px; margin:30px; 
                    overflow: hidden;
                    
    }

    .abookcover {
                    width:400px; height:450px; background-color: lightcyan;
                    position: relative; display:flex; justify-content:center;
                    align-items:center; 
                }

    .abook      {
                    width:100px; height:100px; background-color:#FFDE59;
                    border-radius: 50%; position:absolute; top:-40px; left:-40px;
                    

    }

    .bbook      {
                    width:50px; height:50px; background-color:#FFDE59;
                    border-radius: 50%; position:absolute; left:300px;
                    top:60px;
    }

    .cbook      {
                    width:25px; height:25px; background-color:#004AAD;
                    border-radius: 50%; position:absolute; left:40px;
                    top:120px;
    }

    .dbook      {
                    width:15px; height:15px; background-color:#004AAD;
                    border-radius: 50%; position:absolute; left:318px;
                    top:200px;
    }

    .ebook      {
                    width:3px; height:70px; background-color:#FFDE59;
                    position:absolute; left:323px; top:220px;
    }

    .fbook      {
                    width:25px; height:25px; background-color:#004AAD;
                    border-radius: 50%; position:absolute; top:320px;
                    left:250px;
                }

    .gbook      {
                    width:60px; height:60px; background-color:#FFDE59;
                    border-radius: 50%; position:absolute; top:360px;
                    left:270px;
                }

    .hbook {
                    color:#004AAD; position:absolute; top:350px;
                    left:30px; font-family: sans-serif;
    }

    .hbook h3 {
                    color:#004AAD; font-size:9px; }

    .acover {
                    width: 100%; height: 60px; background-color:#004AAD;
    }

/*book cover page css stop*/

/*digital page css start*/

    .digital {
                    width: 600px; height: 350px; border: 2px solid #602E9E;
                    margin:20px; border-radius: 10px; background-color: #ECE8F3;
    }

    .adigital h1 {
                    color:white; background-color:#602E9E;
                    width:450px; text-align:center; margin:20px;
                    padding:10px; border-radius: 10px;
    }

    .bdigital {
                    margin:30px; line-height: 30px; font-size:20px; 
    }

    .cdigital span   {
                    background-color:#602E9E; color: white;
                    font-size: 25px; border-radius: 5px;
                    padding:10px; margin:25px;
    } 

/*digital page css stop*/

/* services page css start*/

    .servicemain {
                    width:90%; height: 400px; background-color:#D5DBDB;
                    padding:40px;
    }

    .servicemain H1 {
                    text-align: center; color:#37517E;
    }

    .servicemain p {
                    text-align: center; margin-top:30px; margin-bottom:30px;
                    margin-left:100px; margin-right:100px;
    }

    .mainbox {
                    display:flex; justify-content:center; align-items:center;


    }

    .mainbox1 {
                    width:250px; height:250px; background-color:#FFFFFF;
                    margin:10px;  line-height:60px;
    }

    .mainbox1 div { padding:40px; 

    }

    .mainbox1 i {   font-size: 40px; color:#47B2E4; 

    }

    .mainbox1 h4 { font-size: 25px; color:#37517E;

    }

    .mainbox1 h6 { font-size: 14px; line-height:15px; color:black;

    }

/* services page css stop*/

/*form2 page css start*/

    .from {
                width:35vw; height:70vh; border: 2px solid #475257;
                margin:15px; 
    } 

    .from h1 {
                color:white; background-color:#53AD8A; text-align:center;
                padding:10px; font-family: sans-serif; 
    }

    .afrom {
                margin:30px; line-height:40px;
    }


    .first1 {
                width:48.4%; font-size: 1em;
    }

    .first2 {
                width:48.4%; font-size: 1em;
    }

    .first3 {
                width:100%; font-size: 1em;
    }

    .first4 {
                width:100%; font-size: 1em;
    }

    .fbutton {
                font-size: 20px; color:white; background-color: #53AD8A;
                border:none; padding:5px; width:98%; margin-top:30px;
    }

    .fbutton1 {
                font-size: 20px; color:white; background-color: #53AD8A;
                border:none; padding:5px; width:49%; margin-top:30px;
    }

    .fbutton2 {
                font-size: 20px; color:white; background-color: #475257;
                border:none; padding:5px; width:49%; margin-top:30px;
    }

/*form2 page css stop*/

/*from3 page css start*/

    .formfirst {
                width:70%; height:90vh; background-color: #521A24;

    }

    .formfirst h1 {
                color:white; text-align: center; font-size: 40px; padding-top:20px;
    }

    .formfirst3 {
                display:flex; justify-content:center; margin-top:30px;


    }
    
    .formfirst1 {
                height:380px; width:300px; border: 2px solid white;
                background-color:#301A23; margin-right:30px;
    }

    .formfirst1 h2 {
                color:white; text-align: center; padding-top:20px;
                font-size: 26px;
    }

    .formfirst1 div {
                text-align: center; padding-top:20px;
    }

    .formfirst1 div input {
                font-size:14px; border: 1px solid white; background-color:#221A24;
                padding:10px; font-family: sans-serif; margin:10px; width:80%;
    }


    .formfirst4 Buttons {
                color:white; font-size:22px; text-align: center;
                background-color:#511B24; padding:3px 30px 3px 30px;
    }
    

    .formfirst2 {
                height:380px; width:300px; border: 2px solid white;
                background-color:#301A23; margin-left:30px;
    }

     .formfirst2 h2 {
                color:white; text-align: center; padding-top:20px;
                font-size: 26px;
    }

    .formfirst2 div {
                text-align: center; padding-top:20px;
    }

    .formfirst2 div input {
                font-size:14px; border: 1px solid white; background-color:#221A24;
                padding:10px; font-family: sans-serif; margin:10px; width:80%;
                color:white;
    }

    .formfirst6 i {
                font-size: 14px; background-color:white; padding:12px;
                margin-inline: 5px;
    }


    .formfirst5 Buttons {
                color:white; font-size:22px; text-align: center;
                background-color:#511B24; padding:3px 30px 3px 30px;
    }
    
/*from3 page css stop*/

/*button1 page css start*/
    
    .Buttons01 {
                width: 500px; height: 600px; border: solid 0px black;
                padding-left:40px; 
                
    }

    .button1 {
                padding: 10px 15px 10px 15px; font-size:20px;
                border-radius: 20px; background-color:#FFD557; border:none;
                margin-inline: 10px; margin-top:20px; text-align: center;
                }

     #right1 {
                font-size: 16px; padding-right:8px;
    }

     #left1 {
                font-size: 16px; padding-left:8px;
    } 

     .button2 {
                padding: 10px 15px 10px 15px; font-size:20px; border-radius: 20px; 
                background-color:#FFC925; border:none; margin-inline: 10px;
                margin-top:20px; text-align: center;
            }

     #right2 {
                font-size: 16px; padding-right:8px;
    }

     #left2 {
                font-size: 16px; padding-left:8px;
    }   

     .button3 {
                padding: 10px 15px 10px 15px; font-size:20px; border-radius: 20px;
                background-color:#FFE28A; border:none; margin-inline: 10px;
                margin-top:20px; text-align: center;
            }

     #right3 {
                font-size: 16px; padding-right:8px;
    }

     #left3 {
                font-size: 16px; padding-left:8px;
    }

    .abutton1 {
                padding: 10px 15px 10px 15px; font-size:18px; border-radius: 20px;
                background-color:#FFD557; border:none; margin-inline: 13px;
                margin-top:50px; text-align: center;
                }

     #aright1 {
                font-size: 14px; padding-right:8px;
    }

     #aleft1 {
                font-size: 14px; padding-left:8px;
    } 

     .abutton2 {
                padding: 10px 15px 10px 15px; font-size:18px; border-radius: 20px;
                background-color:#FFC925; border:none; margin-inline: 13px;
                margin-top:20px; text-align: center;
            }

     #aright2 {
                font-size: 14px; padding-right:8px;
    }

     #aleft2 {
                font-size: 14px; padding-left:8px;
    }   

     .abutton3 {
                padding: 10px 15px 10px 15px; font-size:18px; border-radius: 20px;
                background-color:#FFE28A; border:none; margin-inline: 13px;
                margin-top:20px; text-align: center;
            }

     #aright3 {
                font-size: 14px; padding-right:8px;
    }

     #aleft3 {
                font-size: 14px; padding-left:8px;
    } 


    .bbutton1 {
                padding: 10px 15px 10px 15px; font-size:16px; border-radius: 20px;
                background-color:#FFD557; border:none; margin-inline: 15px;
                margin-top:50px; text-align: center;
                }

     #bright1 {
                font-size: 12px; padding-right:8px;
    }

     #bleft1 {
                font-size: 12px; padding-left:8px;
    } 

     .bbutton2 {
                padding: 10px 15px 10px 15px; font-size:16px; border-radius: 20px;
                background-color:#FFC925; border:none; margin-inline: 15px;
                margin-top:20px; text-align: center;
            }

     #bright2 {
                font-size: 12px; padding-right:8px;
    }

     #bleft2 {
                font-size: 12px; padding-left:8px;
    }   

     .bbutton3 {
                padding: 10px 15px 10px 15px; font-size:16px; border-radius: 20px;
                background-color:#FFE28A; border:none; margin-inline: 15px;
                margin-top:20px; text-align: center;
            }

     #bright3 {
                font-size: 12px; padding-right:8px;
    }

     #bleft3 {
                font-size: 12px; padding-left:8px;
    }

    .round1 {
                padding:14px; font-size:16px; border-radius: 50%;
                background-color:#FFD557; border:none; margin-top:20px;
            }

    .round2 {
                padding:14px; font-size:16px; border-radius: 50%;
                background-color:#FFC925; border:none; margin-top:20px;
            }

    .round3 {
                padding:14px; font-size:16px; border-radius: 50%;
                background-color:#FFE28A; border:none; margin-top:20px;
            }

    .round4 {
                padding:14px; font-size:14px; border-radius: 50%;
                background-color:#FFD557; border:none; margin-top:20px;
            }

    .round5 {
                padding:14px; font-size:14px; border-radius: 50%;
                background-color:#FFC925; border:none; margin-top:20px;
            }

    .round6 {
                padding:14px; font-size:14px; border-radius: 50%;
                background-color:#FFE28A; border:none; margin-top:20px;
            }

    .round7 {
                padding:14px; font-size:12px; border-radius: 50%;
                background-color:#FFD557; border:none; margin-top:20px;
            }

    .round8 {
                padding:14px; font-size:12px; border-radius: 50%;
                background-color:#FFC925; border:none; margin-top:20px;
            }

    .round9 {
                padding:14px; font-size:12px; border-radius: 50%;
                background-color:#FFE28A; border:none; margin-top:20px;
            }
    /*button1 page css Stop*/

/*    Gaming app css start*/

    .game {
                width:80vw; height:650px; background-color:#C01E1E;
                margin: 10px; border-radius: 15px; position:relative;
    }

    .triangle-topright {
                width: 0; height: 0; border-top: 100px solid black;
                border-left: 100px solid transparent;
                border-radius: 0px 15px 0px 0px; position: absolute;
                right:0px; top:0px;
    }

    .triangle-topright1 {
                width: 0; height: 0; border-top: 100px solid black;
                border-left: 100px solid transparent;
                position: absolute; right:100px; top:0px;
    }

    .triangle-topright2 {
                width: 0; height: 0; border-top: 100px solid black;
                border-left: 100px solid transparent;
                position: absolute; right:100px; top:100px;
    }

    .triangle-topright3 {
                width: 0; height: 0; border-top: 100px solid black;
                border-left: 100px solid transparent;
                position: absolute; top:100px; right:0px;
    }

    .shap1 {
                width: 80px; height: 80px; position: absolute;
                background-color:black; border-radius: 50px 50px 0px 0px;
                bottom:0px; left:300px;
                
    }

    .shap2 {
                width: 80px; height: 80px; position: absolute;
                background-color:black; border-radius: 50px 50px 0px 0px;
                bottom:80px; left:300px;
                
    }

    .shap3 {
                width: 80px; height: 80px; position: absolute;
                background-color:black; border-radius: 0px 0px 50px 50px;
                bottom:0px; left:380px;
    }

    .shap4 {
                width: 80px; height: 80px; position: absolute;
                background-color:black; border-radius: 0px 0px 50px 50px;
                bottom:80px; left:380px;
    }

    .game h2 {
                color:white; padding-top:50px; padding-left: 80px;
                margin-bottom: 110px;
    }

    #game1     {
                font-size: 40px; border:2px solid black;
                padding:10px; background-color: yellow; border-radius: 15px;
                margin-left: 80px; 
    } 

    #game2     {
                font-size: 40px; border:2px solid black; color:white;
                padding:10px; background-color: black; border-radius: 15px;                
    }

    .game h1   {
                color:yellow; font-size: 60px; font-style: bold;
                margin-left:80px;
    }

    .game h3   {
                color:white; font-size: 45px; font-style: bold;
                margin-left:80px; margin-top:40px; line-height:35px;
    }

    .game h4   {
                color:white; font-size: 80px; font-style: bold;
                margin-left:80px; margin-top:80px; line-height:35px;
    }

/* Gaming app css Stop*/

/*cricket page css start*/

    body {
                background-color:#F1F5F9;
                
    }

    header {
                height:80px; width:100vw; background-color:#0F172A;
                display:flex; justify-content: space-evenly;
                align-items:center; 
    }

    header ol {
                list-style: none;
                display:flex;
    }

    header ol a {
            
                display: flex;
                flex-direction: column;
                align-items: center; /* Center text and icon vertically */
                text-decoration: none;
                color:white; 
                margin: 0px 25px;
                line-height: 30px;          
    }

    .header1       {
                background-color:#F1F5F9; width:93%; height:50px;
                display: flex; padding-left:80px;
    }

    .header1 ol {
                list-style:none;
                display: flex;
                align-items:center;
    }

    .header1 ol a {
                text-decoration: none;
                margin: 0px 15px;
                color:black;
    }

    #all  {
                color:white; background-color:black; padding:10px;
                border-radius: 30px;
    }

    .circkethero1 {
                width:100vw; height:250px; background-color:#131B2A;
                display:flex; align-items:center; justify-content: center;

    }

    .acirckethero1 {
                width: 25%; height:80%; background-color:white;
                border-radius: 20px; margin-right:10px;

    }

    .bcirckethero1 {
                width: 25%; height:80%; background-color:white;
                border-radius: 20px; margin-left:10px;
                margin-right:10px;

    }

    .ccirckethero1 {
                width: 25%; height:80%; background-color:white;
                border-radius: 20px; margin-left:10px;

    }

    .circketsecond {
                background-color:#F1F5F9; height:180px; width:100%;
                display: flex; justify-content: center;
    }

    .abcircket {
                background-color: white; height:110px; width:85%;
                border-radius:5px; margin-top:20px; display: flex;
                align-items:center; justify-content:space-between;
                padding:10px;
    }

    .abcircket h2   {
                text-align: center; font-size: 40px; font-weight:bold;
                font-family: sans-serif;
    }

    .abcircket span {
                color:red;
    }

    .abcircket button {
                background-color: #2AC718; border:none; padding:15px;
                border-radius: 30px; font-size: 25px; font-weight: bold;
    }

    .acircketsecond {
            width:60%; height:400px; float:left;

    }

    .acircketsecond h2 {
                color:black; text-decoration: underline; 
                
    }
    .acircketsecond div {
                margin-left:80px; background-color:white; padding:20px;


    }

    .ecircketsecond {
            width:60%; height:400px; float:left; margin-top:30px;

    }

    .ecircketsecond h2 {
                color:black; text-decoration: underline; 
                
    }
    .ecircketsecond div {
                margin-left:80px; background-color:white; padding:20px;

    }

    .bcircketsecond {
                height:100px; width:32.5%; background-color:#A52030; float:left;
                margin-left:10px; border-radius: 10px;    }

    .gcircketsecond {
                height:400px; width:32.5%; background-color:yellow; float:left;
                margin-left:10px; border-radius: 10px; margin-top: -280px;

                   }
    .hcircketsecond {
                height:495px; width:32.5%; background-color:orange; float:left;
                margin-left:10px; border-radius: 10px; margin-top: 20px;

                   }

    .cfooter {
                width:100%; height: 400px; background-color: #2B323F; margin-top:1050px;
                display:flex; padding-top:50px; padding-left:50px;
    }

    .cfooter ol {
                list-style:none; line-height: 40px;
    }

    .cfooter ol li {
                color:#FFF; padding-left:60px;
    }


    .circketicon {
                margin-left:120px;
    }
/*cricket page css stop*/

/*button2 page css start*/
    #buttonm1 {
                background-color:#2F8DE8; color:white; border:none;
                border-radius:30px; padding:10px 35px 10px 35px;
                font-family: sans-serif; font-weight: bold;
                font-size: 16px;
    }

    #buttonm2 {
                background-color:#2F8DE8; color:white; border:none;
                border-radius:20px; padding:10px 20px 10px 20px;
                font-family: sans-serif; font-weight: bold;
                font-size: 16px;
    }

    #buttonm3 {
                background-color:red; color:white; border:none;
                padding:10px 40px 10px 40px;
                font-family: sans-serif; font-weight: bold;
                font-size: 16px; box-shadow: 10px 10px whitesmoke;
    }

    #buttonm3:hover {
                background-color:yellow; color:red; border:none;
                padding:10px 40px 10px 40px; border-radius: 20px 0px 20px 0px;
                font-family: sans-serif; font-weight: bold;
                font-size: 16px;
    }

    #buttonm4 {
                background-color:yellow; color:red; border:none;
                padding:10px 40px 10px 40px; border-radius: 20px 0px 20px 0px;
                font-family: sans-serif; font-weight: bold;
                font-size: 16px;
    }

    #buttonm5 {
                background-color:green; color:whitesmoke; border:1px solid black;
                height:70px; width:70px;
                 border-radius:50%;
                font-family: sans-serif; font-weight: bold;
                font-size: 16px;
    }

    #buttonm1:hover {
                background-color:red; color:white; border:none;
                padding:10px 40px 10px 40px;
                font-family: sans-serif; font-weight: bold;
                font-size: 16px; box-shadow: 10px 10px whitesmoke;
    }
    

    #buttonm6 {
                color:red; border:2px solid black;
                padding:10px 40px 10px 40px; border-radius: 20px 0px 20px 0px;
                font-family: sans-serif; font-weight: bold;
                font-size: 16px;
            }

    #buttonm7 {
                background-color:black; color:white; border:none;
                padding:10px 40px 10px 40px; border-radius: 0px 20px 0px 20px;
                font-family: sans-serif; font-weight: bold;
                font-size: 16px;
            }

/*button page2 page css stop*/

/*    table page css start*/
        
        

        #row1 {
                    width:130px; padding:8px; background-color:black;
                    color:white; 
        }
        #row2 {
                    width:300px;
        }

        #row3 {
                    width:130px; padding:8px; background-color:black;
                    color:white; 
        }

        #row4 {
                    width:200px;
        }

        #row5 {
                    width:130px; padding:8px; background-color:black;
                    color:white; 
        }

        #row7 {
                    width:130px; padding:8px; background-color:black;
                    color:white; 
        }

        #row8 {
                    width:117px;
        }

        #row9 {
                    width:130px; padding:8px; background-color:black;
                    color:white; 
        }

         #row10 {
                    width:118px;
        }

        #row11 {
                    width:130px; padding:8px; background-color:black;
                    color:white; 
        }

        #row12 {
                    width:118px;
        }

        #row13 {
                    width:50px; padding:8px; background-color:black;
                    color:white; 
        }
        #row14 {
                    width:215px; padding:8px; background-color:black;
                    color:white; 
        }
        #row15 {
                    width:130px; padding:8px; background-color:black;
                    color:white; 
        }
        #row16 {
                    width:100px; padding:8px; background-color:black;
                    color:white; 
        }
        #row17 {
                    width:100px; padding:8px; background-color:black;
                    color:white; 
        }
        #row18 {
                    width:100px; padding:8px; background-color:black;
                    color:white; 
        }

        #row19 {
                    width:50px; padding:8px; height:20px;
        }
        #row20 {
                    width:215px; padding:8px; 
        }
        #row21 {
                    width:130px; padding:8px;             
        }
        #row22 {
                    width:100px; padding:8px; 
        }
        #row23 {
                    width:100px; padding:8px; 
        }
        #row24 {
                    width:100px; padding:8px;             
        }

/*    table page css start*/

/*    animation page css start*/

    .animation {
                width:300px; height:300px; border:solid 2px black;
                margin:20px;
    }

    .animation1 {
                width:100px; height:100px; background-color:black;
                animation-name: js; animation-duration:1s; animation-iteration-count: 50;
                animation-duration: reverse;
    }

    @keyframes js
    {
            0% {
                    transform: translate(0, 0px);
            }

            25% {
                    transform: translate(200px, 0px);
            }

            50% {
                    transform:translate(200px, 0px);
            }

            75% {
                    transform: translate(200px, 0px);
            }

    }
/*    animation page css Stop*/

    .ipl {
                width:95%; height: 560px; display:flex;
                background-image: linear-gradient(black,gray);
                justify-content:center; align-items:center;
    }

    .aipl {
                width:60%; height:90%; border:2px solid #525252;
                float:left; margin-right:5px; transform: skew(2deg);
    }

    .bipl {
                width:30%; height:70%; border:2px solid #525252; 
                float:left; margin-left:5px; text-align: center;
                transform: skew(-1deg);
    }

    .cipl {
                width:98%; height:100px; background-color:black; 
                display:flex; justify-content:space-between; align-items:center; 
                margin:-10px;          
    }

    .cipl h2    {
                color:white; text-align: center; font-size: 30px;
                font-family: "Noto Sans", sans-serif;
    }

    .cipl span    {
                color:white; text-align: center; font-size: 24px;
    }

    .ipltable {
                width:100%;
    }

    .dipl {
                display:flex; justify-content:space-between; color:white;
                align-items: center;
    }

    .dipl h4 span {
                font-size: 30px; font-weight: bold;
    }

    .dipl h4 {
                font-family: "Noto Sans", sans-serif;
    }           

    .ipl1 {
                width:25%; background-color:#48218C; color:white; height:25px;
                padding:3px; font-family: "Noto Sans", sans-serif;

    }

    .ipl2 {
                width:8%; background-color:#E2BA27; color:black; padding:3px;


    }

    .ipl3 {
                width:25%; background-color:#F36C97; color:white; height:25px;
                padding:3px; font-family: "Noto Sans", sans-serif;
    }

    .ipl4 {
                width:8%; background-color:#0D4898; color:white; padding:3px;

    }

    .ipl2 span {
                font-size: 25px; font-weight:bold; margin-right:15px;

    }

    .ipl4 span {
                font-size: 25px; font-weight:bold; margin-right:15px;

    }

    .eipl {
                display:flex; justify-content:center; align-items:center;
                font-size: 20px; background-color: #C2C2C0; padding:5px 0px 5px 0px;
    }

    .eipl H4 {
                font-family: "Noto Sans", sans-serif;
    }


          
/*flex box css start */