body {
                font-family: "Roboto", sans-serif;
                background-color: #030216;
                color: #ffffff;
                margin: 0;
                padding: 0;
            }
            .containercontact {
                max-width: 850px;
                margin: 0 auto;
                padding: 20px;
            }
            .demo-section {
                display: flex;
                justify-content: space-between;
                background-color: #1E1E1E;
                padding: 20px;
                border-radius: 10px;
                margin-bottom: 40px;
                margin-top: 100px;
            }
            
            /*.imgdemo{*/
                
            /*    height: 400px;*/
            /*}*/
            
            /*input{*/
            /*    margin-top: 15px;*/
            /*    height: 70px;*/
            /*}*/
            
            /*.heading{*/
            /*    color: white;*/
            /*    margin-top: 50px;*/
                
            /*}*/
            
            /*.heading2{*/
            /*    color: white;*/
            /*    margin-top: 50px;*/
                
            /*}*/
            .demo-section .left,
            .demo-section .right {
                flex: 1;
                margin: 10px;
            }
            .demo-section .left h2 {
                text-align: center;
                color: white;
                font-size: 25px;
                margin-bottom: 23px;
            }
             .demo-section .right h2 {
                color: white;
                font-size: 25px;
                margin-bottom: 23px;
                margin-top: 90px;
            }
            .demo-section .left p {
                font-size: 14px;
                margin-bottom: 20px;
            }
            .demo-section .left img {
                width: 100%;
                height: 450px;
                border-radius: 10px;
            }
            .demo-section .right form {
                display: flex;
                flex-direction: column;
            }
            .demo-section .right form input,
            .demo-section .right form button {
                padding: 10px;
                height: 40px;
                margin-bottom: 23px;
                border: none;
                border-radius: 5px;
            }
            .demo-section .right form input {
                background-color: #2C2C2C;
                color: #fff;
            }
            .demo-section .right form button {
                background: linear-gradient(90deg ,  #4776E6, #47CAE5);

                
                color: #ffffff;
                cursor: pointer;
            }
            .faq-section {
                text-align: center;
            }
            .faq-section h2 {
                color: white;
                font-size: 33px;
                font-weight: 700;
                margin-bottom: 15px;
            }
            .faq-section .faq-item {
                text-align: left;
                margin-bottom: 20px;
            }
            .faq-section .faq-item h3 {
                color: white;
                font-size: 20px;
                margin-bottom: 10px;
            }
            .faq-section .faq-item p {
                font-size: 14px;
            }
            @media (max-width: 768px) {
                .demo-section {
                    flex-direction: column;
                }
            }