.bAckGround{background-size:100% 100%;background-repeat:no-repeat;width:100vw;height:90vh;display:flex}.text_area{width:60vw;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly}.whatsappicon{width:40vw;height:70vh;position:relative;display:flex;object-fit:contain;overflow:hidden}.whatsappicon img{height:100%;width:100%;position:relative;right:-20%;top:-20%;opacity:55%}.text_area .text_ele .Homepera1{font-size:3rem;color:black;position:relative;width:47rem;font-style:italic;margin:0;padding:0}.text_area .text_ele .Homepera1 span{font-weight:bold;color:black}.Homepera2{font-size:3rem;margin:0;padding:0;position:relative;top:-55px;left:107px;font-weight:600;font-style:italic;color:#106d23;width:40%;z-index:1}.tutorials{position:relative;color:#1947ea;font-size:1.5rem;text-decoration:underline;top:-15%}.text_ele{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.intro-info .btn-get-started{font-family:"Montserrat",sans-serif;font-size:2.5rem;font-weight:600;letter-spacing:1px;display:flex;align-items:center;justify-content:center;border-radius:5rem;transition:.5s;color:#fff;position:relative;width:20.5rem}.intro-info .btn-get-started{background:rgba(37,120,70,0.8);border:2px solid #17d34c;color:#fff}.intro-info .btn-get-started:hover{background:#17d34c;box-shadow:0 0 2px #17d34c;border-color:#fff;color:#fff}@media(min-width:1600px) and (max-width:1900px){.text_area .text_ele .Homepera1{font-size:5rem;width:55rem}.Homepera2{font-size:5rem;top:-20%;left:23%;width:50%}.tutcontainer{top:-4rem}}@media(min-width:1400px) and (max-width:1600px){.text_area .text_ele .Homepera1{font-size:4rem;width:47rem}.Homepera2{font-size:4rem;top:-20%;left:18%}.tutcontainer{top:-4rem}}@media(min-width:1200px) and (max-width:1400px){.text_area .text_ele .Homepera1{font-size:3rem;width:36rem}.Homepera2{font-size:3rem;top:-20%;left:16%}.tutcontainer{top:-4rem}}@media(min-width:1032px) and (max-width:1200px){.text_area .text_ele .Homepera1{font-size:3rem;width:36rem}.whatsappicon{height:70vh}.whatsappicon img{width:105%;right:-15%}.Homepera2{font-size:3rem;top:-20%;left:18%;width:47%}.tutcontainer{top:-4rem}}@media(min-width:900px) and (max-width:1032px){.text_area .text_ele .Homepera1{font-size:3rem;width:26rem}.whatsappicon{height:50vh}.Homepera2{font-size:3rem;top:-16%;left:23%;width:55%}.tutorials{font-size:1.3rem}.tutcontainer{top:-4rem}}@media(min-width:600px) and (max-width:900px){.text_area .text_ele .Homepera1{font-size:3rem;width:16rem}.Homepera2{font-size:3rem;top:0;left:35%;width:80%}.whatsappicon{height:40vh}.tutorials{font-size:1.2rem;left:37%;top:6%;width:14rem}.whatsappicon{height:50vh}.intro-info .btn-get-started{left:37%;scale:.8;top:35%}.bAckGround{height:80vh}.tutcontainer{top:-2rem}}@media(min-width:400px) and (max-width:600px){.text_area .text_ele .Homepera1{font-size:2.5rem;width:13rem}.Homepera2{font-size:2.5rem;top:0;left:29%;width:100%}.whatsappicon{height:24vh}.whatsappicon img{right:-6%;top:-6%}.tutorials{font-size:1.2rem;left:35%;top:-6%;width:16rem}.text_area{height:80vh}.button1 span{color:yellow;font-size:1.1rem;font-weight:bold}.intro-info .btn-get-started{left:29%;scale:.8;top:20%}.bAckGround{height:80vh}.tutcontainer{top:-4rem}}@media(min-width:340px) and (max-width:400px){.text_area .text_ele .Homepera1{font-size:2.5rem;width:13rem;padding-left:.2rem}.Homepera2{font-size:2.5rem;top:0;left:38%;width:120%}.whatsappicon{height:18vh}.whatsappicon img{right:-6%;top:-6%}.tutorials{font-size:1.2rem;left:26%;width:14rem;top:-20%}.text_area{height:100vh}.intro-info .btn-get-started{left:24%;scale:.7;top:0}.bAckGround{height:80vh}.tutcontainer{top:-2rem}}.tutcontainer{display:flex;justify-content:center;align-items:center;background-color:#fff;width:100%;flex-direction:column;position:relative}.tutcards{display:flex;align-items:center;flex-wrap:wrap;width:90%}.tutcards .card{display:flex;height:12rem;width:20rem;flex-direction:column;margin:1rem;padding:15px;background-color:white;border-radius:10px;-webkit-box-shadow:5px 5px 10px 0 rgba(122,122,122,1);-moz-box-shadow:5px 5px 10px 0 rgba(122,122,122,1);box-shadow:5px 5px 10px 0 rgba(122,122,122,1);transition:all ease-in-out .3s}.tutcards .card:hover{scale:1.07;cursor:pointer}.tutcards div h3{font-size:1.8rem}.tutcards div p{color:#6a6a6a}.card div{display:flex;justify-content:space-between;align-items:flex-start}.card img{height:5rem;width:5rem;border-radius:10px}