* {
            margin: 0px;
            padding: 0px;
        }
        h1 {
              font-family: "B Koodak";
            text-align: center;
            color: #ffffff;
        }
        h2 {
              font-family: "B Koodak";
            font-size: 40px;
            text-align: center;
            line-height: 130%;
            color: #ffffff;
        }
        p{
            font-family: "B Koodak";
            font-size: xx-large;
        }
       
       
       
       
        
        .menudis{
            text-align: center;
        }
        .section3{
            margin-top: 20px;
            text-align: center;
        }
        .section3 h2{
            font-size: 60px;
            border-bottom: 3px solid;

        }
        .maindemo{
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            margin-top: 20px;
            
        }
        .demo{
            width: 25%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .imgdemo{
            width: 90%;
            border-radius: 10px;
        }
        .dbuttom{
            font-family: "B Koodak";
            font-size: 1rem;
            margin: 10px;
            text-decoration: none;
            color: #ffffff;
            cursor: pointer;
            
        }
        .dbuttom h4{
            text-align: center;
            width: 90px;
            background-color: #8a2be2;
            border-radius: 10px;
        }
        .fontbt{
            font-family: "B Koodak";
             font-size: 1.5rem;
             margin: 10px;
            text-decoration: none;
            color: #edff00;
            cursor: pointer;
            background-color: #8a2be2;
            padding: 1px 7px;
            border-radius: 10px;

        }
         .social{
            display: flex;
            justify-content: space-around;
        }
        .social img{
            width: 50px;
            height: 50px;
        }
    



        @media (max-width: 768px){
            .callmobile{
                display: block;
            }
            .callpc{
                display: none;
            }
            .logo{
            height: 70%;
            }
            .social img{
            width: 40px;
            height: 40px;
        }
        .section1{
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            margin-top: 10px;
        }
        h2{
            font-size: 24px;
        }
        .toptext{
            width: 100%;
        }
        .topimg{
            width: 100%;
            align-items: center;
        }
        .section2 h2{
            font-size: 30px;
            border-bottom: 2px solid ;
        }
        p{
            font-size: large;

    }
    .demo{
        width: 50%;
    }
    .dbuttom{
            
            font-size: 1.5rem;
            }
}