* { box-sizing: border-box; font-family: Roboto; font-display: swap;}
         body {  background-color: #f1f1f1; font-family: Roboto; font-display: swap; }
         .widthcontainer{max-width:100%;margin:auto;min-height:auto}
         input[type=text], select, textarea {font-family: Noto Sans Devanagari; }
        .main { margin: auto; }

        .row, .row > .column { padding: 8px; }
        .row:after { content: ""; display: table; clear: both; }
        .content { background-color: white; padding: 10px; font-size: 12pt; }
        .row { margin-right: 0px; margin-left: 0px; }
         @media screen and (max-width: 600px) { .main h6 { font-size: 17px; font-weight: 400; line-height: 30px; padding-top: 12px;padding-bottom: 8px; padding-Left: 5px; padding-right: 5px; color:#ffffff; }
                                                .row, .row > .column { padding: 0px; }
                                                .row { margin-right: 0px; margin-left: 0px; } }
        /* studio form page css code */
        h6 {color: #dadce0;}
          .main { background-color: #252627; }
        .logobg { text-align: center; background-color: #18191b; }
        .footer { text-align: center; background-color: #252627; }
        .notes {color: ffffff ;}
        .live-form-wrapper { float: left; width: 50%; padding: 10px; }
        @media screen and (max-width: 600px) {          
        .live-form-wrapper { width: 100%; padding: 10px !important; } }

        input[type=text], select, textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; }
        
        input[type=submit] { background-color: #2e2e2e; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; float: left; }
        
        a { color: black; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; float: right; }

        input[type=submit]:hover { background-color: #fa6117; }

        .col-25 { float: left; width: 25%; margin-top: 6px; }
        .col-75 { float: left; width: 100%; margin-top: 6px; }

        /* Clear floats after the columns */
        .row:after { content: ""; display: table; clear: both; }

        @media screen and (max-width: 600px) { .col-25, .col-75 { width: 100%; margin-top: 0; } }

        .top-notify-text { font-weight: bold; font-size: 14px; color: #fff; }
        #google-translator, .right-part { float: right; }
        #myModal { overflow-y: hidden; }
        .modal-header { cursor: move; }
        #liveForm {color:#000;}
        #updatePreview { color: #000; padding: 5px; font-weight: bold; margin-top: 10px; }

        canvas{ width: 100%; border: 1px solid; }