*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}



/*------First Section---------*/
.first_cont{
    width: 100%;
    height: 500px;
    background-image:linear-gradient(to right, rgba(255, 192, 203, 0.92),rgba(0, 0, 255, 0.178));
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 200px;
    
}
.aa1{
    margin-bottom: 30px;
    color: brown;

}

.left > .continuee_img img{
    height: 40px;
    width: 40px;
    border-radius: 50px;
} 

.left > .continuee_img p{
    padding-left: 20px;
}


.dv{
    display: flex;
    flex-direction: column;
}

 #star{
    color: yellow;
}

.first_cont > left{
    height: 400px;
    width: 400px;
} 
.left > h1{
     letter-spacing: 1px;
     margin-bottom: 10px;
     background: -webkit-linear-gradient( rgba(165, 42, 42, 0.785),rgba(0, 0, 0, 0.732));
     background-clip: text;
     -webkit-text-fill-color: transparent;
      font-size: 40px;
    
}
.left > p:first-child{
    margin-bottom: 10px;
    letter-spacing: 1px;
}
.left > button{
    width: 40%;
    margin-top: 10px;
    padding: 10px;
    background-color: transparent;
}
.right img{
    height: 300px;
    width: 300px;
    border-radius: 10px;
}

/*-----Secound Section---------*/

.secound{
    height: 500px;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 150px;
}

.l > img{
    height: 300px;
    width: 300px;
    border-radius: 10px;
}
.r > h1{
    color: rgb(63, 59, 59);
    letter-spacing: 1px;
    margin-bottom: 10px;
       font-size: 40px;
    
}
.r > p{
    margin-top: 30px;
}
#check{
    margin: 5px;
    color: greenyellow;
    font-weight: bolder;
}

/*------Third Section---------*/
.third {
  width: 100%;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 150px;
  text-align: start;

}
.ri > img{
    height: 300px;
    width: 300px;
     border-radius: 10px;
}
 .le > h1{
 color: rgb(63, 59, 59);
 margin-bottom: 20px;
 letter-spacing: 1px;
    font-size: 40px;
   
 }


/*------fORTH SECTION---------*/
 .fourth{
    height: 400px;
    width: 80%;
    background-image: linear-gradient(to right, rgba(255, 192, 203, 0.92),rgba(0, 0, 255, 0.178));
    margin-bottom: 150px;
    margin: auto;
    border-radius: 10px;
}

.inter{
    height: 200px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.fourth > .down{
    height: 200px;
    width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-evenly;

}

#one{
    color: black;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

   /*------FIFTH SECTION---------*/  


   .he{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 90px;
   }
   
.fifth{
   height: 500px;
    width: 100%;
       display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0px;


}

.fifth > .strter{
    height: 300px;
    width: 300px;
    border: 1px solid rgba(0, 0, 0, 0.119);
    margin: 20px;
     border-radius: 10px;
     padding: 20px;
         transition-duration: 1s;
         
}
.fifth > .pro{
    height: 300px;
    width: 300px;
    border: 1px solid rgba(0, 0, 0, 0.119);
    margin: 20px;
     border-radius: 10px;
     padding: 20px;
         transition-duration: 1s;
         
}
.fifth > .enterprise{
    height: 300px;
    width: 300px;
    border: 1px solid rgba(0, 0, 0, 0.119);
    margin: 20px;
     border-radius: 10px;
     padding: 20px;
         transition-duration: 1s;
         
}

.fifth  div h2{
    color: rgb(91, 81, 81);
    margin-bottom: 20px;
}
#fir{
    color: rgb(50, 46, 46);
    margin-bottom: 20px;
}
.fifth div hr{
    margin-bottom: 30px;
 }

.fifth div p{
    margin-bottom: 20px;  
}
.fifth div button{
    height: 70px;
    width: 100%;
    border-radius: 10px;
    background-color: antiquewhite;
}

.strter:hover{
    background-image: linear-gradient(to right, rgba(255, 192, 203, 0.92),rgba(0, 0, 255, 0.178));
    height: 350px;
    width: 350px;
    transition-duration: 1s;
}
.enterprise:hover{
    background-image: linear-gradient(to right, rgba(255, 192, 203, 0.92),rgba(0, 0, 255, 0.178));
     height: 350px;
    width: 350px;
    transition-duration: 1s;
}
.pro:hover{
    background-image: linear-gradient(to right, rgba(255, 192, 203, 0.92),rgba(0, 0, 255, 0.178));
    height: 350px;
    width: 350px;
    transition-duration: 1s;

}


/*------Summary Section---------*/

.sumary{
    height: 400px;
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 150px;
    text-align: center;
}
.sumary p{
    padding-top: 40px;
    color: rgb(79, 72, 72);
}

#starrr{
    margin-bottom: 30px;
    color: yellow;
}

/*------Footer Section---------*/

.footer{
    padding: 40px;
    height: 400px;
    width: 100%;
    background-color: rgb(10, 10, 70);
    border-radius: 20px 20px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: rgba(240, 248, 255, 0.784);
    text-align: center;
    
}
.footer > button{
    background-color: transparent;
    height: 50px;
    width: 40%;
    margin-top: 20px;
    margin-bottom: 20px;
    border-color: rgba(240, 248, 255, 0.673);
    color: rgba(240, 248, 255, 0.73);
    padding: 20px;
}

.footer hr{
    background-color: rgba(14, 22, 30, 0);
    margin-top: 60px;
}

#h{
    
 background-color: aliceblue;
height: 1px;
width: 100%;

}

.footer > .copt{
    height: 300px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 20px;
    
}

.continue_img{
    height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
     padding: 50px;

}

.continue_img img{
    height: 40px;
    width: 40px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
} 
.continue_img p{
    padding-left: 20px;
}


.continuee_img{
    height: 100px;
    width: 100%;
     padding: 50px;
     display: flex;
     left: 0px;
     align-items: center;
     margin-top: 20px;


}

.continuee_img img{
    height: 40px;
    width: 40px;
    border-radius: 50px;
} 

.continuee_img p{
    padding-left: 20px;
}

#social{
    margin: 10px;
}