/*
   body {
       width: 800px;
       display: grid;
       grid-template-columns: 20% 60% 20%;
       justify-content: center;
   }


#sofserv-container {
    width: 800px;
    display: grid;
    grid-template-columns: 20% 60% 20%;
    justify-content: center;

}


.wp-block-group {
   width: 800px;
   display: grid;
   grid-template-columns: 20% 60% 20%;
   justify-content: center;
}
*/


/*
@font-face {
    font-family: 'OpenSans-Light';
    src: url('fonts/OpenSans-Light.ttf') format('ttf'),
    url('fonts/OpenSans-Light.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
*/

:root {
    /*  --wp--preset--spacing--60: min(9.5rem, 13vw); */
    --wp--preset--spacing--60: min(4.5rem, 9vw);
}

body {
    width: 100%;
}

.success-body {
    font-size: 30px;
    color: #1F1F1F;
}

.custom-contact-form button {
    padding: 10px 20px;
    background-color: #347FCF;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 14px;
    height: 40px;
    width: 100%;
    will-change: transform;
    border-radius: 10px;
    opacity: 1;
}

.custom-contact-form button:hover {
    background-color: #005177;
}



@media (min-width:992px) {
    #sofserv-container {
        width: 800px;
        display: grid;
        grid-template-columns: 20% 60% 20%;
        justify-content: center;

    }

    .vvcr-form {
        max-width: 600px;
        margin: 0 auto;
        /*padding: 20px;*/
        /* border: 1px solid #ccc;
        border-radius: 5px; */
        text-align: center;
        /*padding-top: 50px;*/
    }

    .vvcr-form p {
        text-align: center;
        font-size: 20px;
        margin-top: 0;
        color: #1F1F1F;
    }

    .vvcr-form input, .vvcr-form textarea {
        width: 99%;
        padding: 10px;
        text-align:center;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        border: 1px solid #ccc;
        border-radius: 5px;
        font-size: 20px;
        color: #999999;
		background-color: #F0F0F0;
    }

    .vvcr-form button {
        padding: 10px 20px;
        background-color: #347FCF;
        color: #fff;
        border: none;
        cursor: pointer;
        font-size: 14px;
        height: 40px;
        width: 100%;
        will-change: transform;
        border-radius: 10px;
        opacity: 1;
    }
    .vvcr-form button:hover {
        background-color: #005177;
    }
    .vvcr-form.success-message {
        color: #4CAF50;
        padding: 10px;
        background-color: rgba(76, 175, 80, 0.1);
        border-radius: 4px;
        text-align:center;
    }
    .vvcr-form label {
        font-size: 30px;
        color: #1F1F1F;
    }

    #step-1{
        padding-top:30px;
    }


    .lwp-contact-form {
        /*
        display:grid;
        grid-template-columns: 55% 45%;
        align-content: center;
        justify-items: center;
        max-width: 1000px;
        margin: 40px auto;
         */

        max-width: 100%;
        width:450px;
        margin: 0 auto;
        /*padding: 20px;*/
        /* border: 1px solid #ccc;
        border-radius: 5px;
        text-align: center; */

    }
    .lwp-contact-form input, .lwp-contact-form textarea {
        /*
        width: 100%;
        padding: 10px;
        margin: 10px 0;
        border: 1px solid #ccc;
        border-radius: 5px;
        */

        width: 99%;
        padding: 10px;
        /* margin-top: 50px; */
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        border: 1px solid #ccc;
        border-radius: 10px;
        font-size: 20px;
        color: #999999;
        background-color: #F0F0F0;
    }
    .lwp-contact-form button {
        padding: 10px 20px;
        background-color: #347FCF;
        color: #fff;
        border: none;
        cursor: pointer;
        font-size: 14px;
        height: 40px;
        width: 100%;
        will-change: transform;
        border-radius: 10px;
        opacity: 1;
    }

    .lwp-contact-form button:hover {
        background-color: #005177;
    }

    .lwp-contact-form.success-message {
        color: #4CAF50;
        padding: 10px;
        background-color: rgba(76, 175, 80, 0.1);
        border-radius: 4px;
        text-align:center;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display:none;
    }

    /* Livedrive Form CSS */
    .custom-contact-form-container {
        /* max-width: 600px;*/
        max-width: 80%;
        margin: 0 auto;
        padding: 20px;
        /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;*/
    }

    .custom-contact-form .form-step {
        display: none;
        margin-bottom: 20px;
    }

    .custom-contact-form .form-step.active {
        display: block;
    }

    .custom-contact-form h3 {
        margin-top: 0;
        margin-bottom: 20px;
        font-weight: 600;
        font-size: 18px;
    }

    .custom-contact-form .form-group {
        margin-bottom: 15px;
    }

    .custom-contact-form label {
        display: block;
        margin-bottom: 5px;
       font-size: 15px;
    }

    .custom-contact-form input[type="text"],
    .custom-contact-form input[type="email"],
    .custom-contact-form textarea {
        /* width: 100%;
        width: 25rem; */
        width:430px;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 14px;
        margin:0;
    }

    .custom-contact-form input.invalid,
    .custom-contact-form textarea.invalid {
        border-color: #f44336;
    }

    .custom-contact-form .form-navigation {
        margin-top: 20px;
        display: flex;
        gap: 10px;
    }

    .custom-contact-form button {
        color: white;
        border: none;
        padding: 10px 15px;
        cursor: pointer;
        font-size: 14px;
        transition: background-color 0.3s;
        background-color: rgb(52, 127, 207);
        height: 100%;
        width: 100%;
        opacity: 1;
        will-change: transform;
    }

    .ss-title2 {
		font-size:30px;
		text-align:center;
		margin-top: 10px;
        margin-bottom: 30px;
    }

    .custom-contact-form button:hover {
        background-color: #005a87;
    }

    .custom-contact-form .prev-step {
        background-color: #888;
    }

    .custom-contact-form .prev-step:hover {
        background-color: #666;
    }

    .custom-contact-form button:disabled {
        background-color: #cccccc;
        cursor: not-allowed;
    }

    .custom-contact-form .form-message {
        margin-top: 20px;
    }

    .custom-contact-form .error-message {
        color: #f44336;
        padding: 10px;
        background-color: rgba(244, 67, 54, 0.1);
        border-radius: 4px;
        text-align: center;
    }

    .custom-contact-form .success-message {
        color: #4CAF50;
        padding: 10px;
        background-color: rgba(76, 175, 80, 0.1);
        border-radius: 4px;
        text-align:center;
    }

    .custom-contact-form .verification-message {
        font-size: 12px;
        color: #888;
        margin-top: 5px;
        font-style: italic;
    }

    #confirmation-step {
        text-align: center;
        padding: 30px 0;
    }

    #confirmation-step h3 {
        color: #4CAF50;
        font-size: 24px;
        margin-bottom: 10px;
    }

    #confirmation-step p {
        font-size: 16px;
    }

    #vvcr-product {
        height: 600px;
        /*width: 600px;*/

    }

    #vvcr-product img{
        /* height:455px; */
        width: 100%;
        height: 100%;
        /*object-fit: cover;*/
    }

    header.wp-block-template-part {
        display: grid;
        justify-content: center;
    }

    .wp-spacer-block {
        display: none !important;
    }

    div[data-id='3713cc'] {
        display:grid;
        justify-content:center;
    }

    .entry-content .wp-block-post-content .has-global-padding .is-layout-constrained .wp-block-post-content-is-layout-constrained {
        text-align: center;
    }

    main[id='wp--skip-link--target']{
        margin: 0px !important;

    }

    .wp-block-group h1 {
        text-align: center;
    }

    .sofserv-livedrive-footer {
        text-elign:center;
        height: 1.0rem;
    }

    .wp-block-site-logo {
        text-elign:center;
    }


    .custom-logo-link img {
        float:left;
    }

    footer {

        display: grid;
        /* grid-template-columns: 1fr 1fr; */
        justify-content: center;
        align-content: center;
        justify-items: center;
        align-items: center;
        /*height: 1.0rem;*/
    }

    footer .wp-block-group {
        background-color: #BDBDBD;
        color: #ffffff;
    }

    .sofserv-footer-terms-style {
        padding-top: var(--wp--preset--spacing--50);
        padding-bottom: var(--wp--preset--spacing--50);
        padding-left: var(--wp--preset--spacing--50);
        padding-right: var(--wp--preset--spacing--50);
    }

    .sofserv-footer-main {
        display:grid;
        justify-content: center;
    }

    .sofserv-footer-terms-style {
        display:grid;
        justify-content: center;
    }

    .wp-block-post-title {
        display: none;
    }

    .sofserv-contact-footer {
        text-align:center;
        display: grid;
        justify-content: center;
    }

    .sofserv-header-banner img {
        height:300px;
        /*width: auto;*/
        margin-bottom: 46px;
    }

    .wp-block-template-part {
        /* margin-top: 30px;*/
        margin-top:0;
    }

    footer.wp-block-template-part {
        background: #BDBDBD;
    }

    span.wp-block-navigation-item__label {
        color:#333333
    }

    .wp-block-navigation.items-justified-center.is-vertical {
        --navigation-layout-align: flex-start;
    }

    .wp-block-navigation.is-vertical {
        --navigation-layout-direction: column;
        --navigation-layout-justify: initial;
        --navigation-layout-align: flex-start;
    }

    .ss-title {
    	font-size:65px;
    	text-align:center;
    	margin-top: 0px;
        margin-bottom: 0px;

    }

    .success-page {
        font-size: 20px;
        display: grid;
        grid-template-columns: 30% 40% 30%;
        text-align: center;
    }


}


@media only screen and (min-width: 768px) and (max-width:991px) {
    #sofserv-container {
        width: 800px;
        display: grid;
        grid-template-columns: 20% 60% 20%;
        justify-content: center;

    }

    .vvcr-form {
        max-width: 600px;
        margin: 0 auto;
        /*padding: 20px;*/
        /* border: 1px solid #ccc;
        border-radius: 5px; */
        text-align: center;
        /*padding-top: 50px;*/
    }

    .vvcr-form p {
        text-align: center;
        font-size: 20px;
        margin-top: 0;
        color: #1F1F1F;
    }

    .vvcr-form input, .vvcr-form textarea {
        width: 99%;
        padding: 10px;
        text-align:center;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        border: 1px solid #ccc;
        border-radius: 5px;
        font-size: 20px;
        color: #999999;
		background-color: #F0F0F0;
    }

    .vvcr-form button {
        padding: 10px 20px;
        background-color: #347FCF;
        color: #fff;
        border: none;
        cursor: pointer;
        font-size: 14px;
        height: 40px;
        width: 100%;
        will-change: transform;
        border-radius: 10px;
        opacity: 1;
    }
    .vvcr-form button:hover {
        background-color: #005177;
    }
    .vvcr-form.success-message {
        color: #4CAF50;
        padding: 10px;
        background-color: rgba(76, 175, 80, 0.1);
        border-radius: 4px;
        text-align:center;
    }
    .vvcr-form label {
        font-size: 30px;
        color: #1F1F1F;
    }

    #step-1{
        padding-top:30px;
    }


    .lwp-contact-form {
        /*
        display:grid;
        grid-template-columns: 55% 45%;
        align-content: center;
        justify-items: center;
        max-width: 1000px;
        margin: 40px auto;
         */

        max-width: 100%;
        width:450px;
        margin: 0 auto;
        /*padding: 20px;*/
        /* border: 1px solid #ccc;
        border-radius: 5px;
        text-align: center; */

    }
    .lwp-contact-form input, .lwp-contact-form textarea {
        /*
        width: 100%;
        padding: 10px;
        margin: 10px 0;
        border: 1px solid #ccc;
        border-radius: 5px;
        */

        width: 99%;
        padding: 10px;
        /*margin-top: 50px; */
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        border: 1px solid #ccc;
        border-radius: 10px;
        font-size: 20px;
        color: #999999;
        background-color: #F0F0F0;
    }
    .lwp-contact-form button {
        padding: 10px 20px;
        background-color: #347FCF;
        color: #fff;
        border: none;
        cursor: pointer;
        font-size: 14px;
        height: 40px;
        width: 100%;
        will-change: transform;
        border-radius: 10px;
        opacity: 1;
    }

    .lwp-contact-form button:hover {
        background-color: #005177;
    }

    .lwp-contact-form.success-message {
        color: #4CAF50;
        padding: 10px;
        background-color: rgba(76, 175, 80, 0.1);
        border-radius: 4px;
        text-align:center;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display:none;
    }

    /* Livedrive Form CSS */
    .custom-contact-form-container {
        /* max-width: 600px;*/
        max-width: 80%;
        margin: 0 auto;
        padding: 20px;
        /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;*/
    }

    .custom-contact-form .form-step {
        display: none;
        margin-bottom: 20px;
    }

    .custom-contact-form .form-step.active {
        display: block;
    }

    .custom-contact-form h3 {
        margin-top: 0;
        margin-bottom: 20px;
        font-weight: 600;
        font-size: 18px;
    }

    .custom-contact-form .form-group {
        margin-bottom: 15px;
    }

    .custom-contact-form label {
        display: block;
        margin-bottom: 5px;
        font-size: 15px;
    }

    .custom-contact-form input[type="text"],
    .custom-contact-form input[type="email"],
    .custom-contact-form textarea {
        /* width: 100%;
        width: 25rem; */
        width:430px;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 14px;
        margin:0;
    }

    .custom-contact-form input.invalid,
    .custom-contact-form textarea.invalid {
        border-color: #f44336;
    }

    .custom-contact-form .form-navigation {
        margin-top: 20px;
        display: flex;
        gap: 10px;
    }

    .custom-contact-form button {
        color: white;
        border: none;
        padding: 10px 15px;
        cursor: pointer;
        font-size: 14px;
        transition: background-color 0.3s;
        background-color: rgb(52, 127, 207);
        height: 100%;
        width: 100%;
        opacity: 1;
        will-change: transform;
    }

    .custom-contact-form-h1{

    }

    .custom-contact-form button:hover {
        background-color: #005a87;
    }

    .custom-contact-form .prev-step {
        background-color: #888;
    }

    .custom-contact-form .prev-step:hover {
        background-color: #666;
    }

    .custom-contact-form button:disabled {
        background-color: #cccccc;
        cursor: not-allowed;
    }

    .custom-contact-form .form-message {
        margin-top: 20px;
    }

    .custom-contact-form .error-message {
        color: #f44336;
        padding: 10px;
        background-color: rgba(244, 67, 54, 0.1);
        border-radius: 4px;
        text-align: center;
    }

    .custom-contact-form .success-message {
        color: #4CAF50;
        padding: 10px;
        background-color: rgba(76, 175, 80, 0.1);
        border-radius: 4px;
        text-align:center;
    }

    .custom-contact-form .verification-message {
        font-size: 12px;
        color: #888;
        margin-top: 5px;
        font-style: italic;
    }

    #confirmation-step {
        text-align: center;
        padding: 30px 0;
    }

    #confirmation-step h3 {
        color: #4CAF50;
        font-size: 24px;
        margin-bottom: 10px;
    }

    #confirmation-step p {
        font-size: 16px;
    }

    #vvcr-product {
        height: 600px;
        /*width: 600px;*/

    }

    #vvcr-product img{
        /* height:455px; */
        width: 100%;
        height: 100%;
        /*object-fit: cover;*/
    }

    header.wp-block-template-part {
        display: grid;
        justify-content: center;
    }

    .wp-spacer-block {
        display: none !important;
    }

    div[data-id='3713cc'] {
        display:grid;
        justify-content:center;
    }

    .entry-content .wp-block-post-content .has-global-padding .is-layout-constrained .wp-block-post-content-is-layout-constrained {
        text-align: center;
    }

    main[id='wp--skip-link--target']{
        margin: 0px !important;

    }

    .wp-block-group h1 {
        text-align: center;
    }

    .sofserv-livedrive-footer {
        text-elign:center;
        height: 1.0rem;
    }

    .wp-block-site-logo {
        text-elign:center;
    }


    .custom-logo-link img {
        float:left;
    }

    footer {

        display: grid;
        /* grid-template-columns: 1fr 1fr; */
        justify-content: center;
        align-content: center;
        justify-items: center;
        align-items: center;
        /*height: 1.0rem;*/
    }

    footer .wp-block-group {
        background-color: #BDBDBD;
        color: #ffffff;
    }

    .sofserv-footer-terms-style {
        padding-top: var(--wp--preset--spacing--50);
        padding-bottom: var(--wp--preset--spacing--50);
        padding-left: var(--wp--preset--spacing--50);
        padding-right: var(--wp--preset--spacing--50);
    }

    .sofserv-footer-main {
        display:grid;
        justify-content: center;
    }

    .sofserv-footer-terms-style {
        display:grid;
        justify-content: center;
    }

    .wp-block-post-title {
        display: none;
    }

    .sofserv-contact-footer {
        text-align:center;
        display: grid;
        justify-content: center;
    }

    .sofserv-header-banner img {
        height:300px;
        /*width: auto;*/
        margin-bottom: 46px;
    }

    .wp-block-template-part {
        /* margin-top: 30px;*/
        margin-top:0;
    }

    footer.wp-block-template-part {
        background: #BDBDBD;
    }

    span.wp-block-navigation-item__label {
        color:#333333
    }

    .wp-block-navigation.items-justified-center.is-vertical {
        --navigation-layout-align: flex-start;
    }

    .wp-block-navigation.is-vertical {
        --navigation-layout-direction: column;
        --navigation-layout-justify: initial;
        --navigation-layout-align: flex-start;
    }

     .ss-title2 {
		font-size:30px;
		text-align:center;
		margin-top: 10px;
        margin-bottom: 30px;
    }

    .success-page {
        font-size: 20px;
        display: grid;
        grid-template-columns: 30% 40% 30%;
        text-align: center;
    }
}


/*@media (max-width: 480px) { */
@media only screen and (min-width: 601px) and (max-width:767px) {
    .custom-contact-form .form-navigation {
        flex-direction: column;
        width:90%
    }

    .custom-contact-form button {
        width: 90%;
    }

    .lwp-contact-form {
        display:grid;
        grid-template-columns: 1fr;
        border:none;
    }

    #vvcr-product {
        display:none;
    }

    #step-1 {
        padding-top:0;
    }

    .custom-contact-form input[type="text"] {
        max-width: 100%;
        width: 80%;
        /* padding: 10px; */
        /* border: 1px solid #ddd; */
        border-radius: 4px;
        font-size: 14px;
    }

    .success-page {
        font-size: 20px;
        display: block;
        text-align: center;
    }

}


/*@media (max-width: 480px) { */
@media (max-width:680px) {

   #sofserv-container {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        justify-content: center;

    }

    .vvcr-form {
        max-width: 100%;
        margin: 0 auto;
        /*padding: 20px;*/
        /* border: 1px solid #ccc;
        border-radius: 5px; */
        text-align: center;
        /*padding-top: 50px;*/
    }

    .vvcr-form p {
        text-align: center;
        font-size: 20px;
        margin-top: 0;
        color: #1F1F1F;
    }

    .vvcr-form input, .vvcr-form textarea {
        width:100%;
        padding: 10px;
        text-align:center;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        border: 1px solid #ccc;
        border-radius: 5px;
        font-size: 20px;
        color: #999999;
		background-color: #F0F0F0;
    }

    .vvcr-form button {
        padding: 10px 20px;
        background-color: #347FCF;
        color: #fff;
        border: none;
        cursor: pointer;
        font-size: 14px;
        height: 40px;
        width: 100%;
        will-change: transform;
        border-radius: 10px;
        opacity: 1;
    }
    .vvcr-form button:hover {
        background-color: #005177;
    }
    .vvcr-form.success-message {
        color: #4CAF50;
        padding: 10px;
        background-color: rgba(76, 175, 80, 0.1);
        border-radius: 4px;
        text-align:center;
    }
    .vvcr-form label {
        font-size: 30px;
        color: #1F1F1F;
    }

    #step-1{
        padding-top:30px;
    }


    .lwp-contact-form {
        /*
        display:grid;
        grid-template-columns: 55% 45%;
        align-content: center;
        justify-items: center;
        max-width: 1000px;
        margin: 40px auto;
         */

        max-width: 100%;
        width:100%;
        margin: 0 auto;
        /*padding: 20px;*/
        /* border: 1px solid #ccc;
        border-radius: 5px;
        text-align: center; */

    }
    .lwp-contact-form input, .lwp-contact-form textarea {
        /*
        width: 100%;
        padding: 10px;
        margin: 10px 0;
        border: 1px solid #ccc;
        border-radius: 5px;
        */

        width: 100%;
        padding: 10px;
        /* margin-top: 50px; */
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        border: 1px solid #ccc;
        border-radius: 10px;
        font-size: 20px;
        color: #999999;
        background-color: #F0F0F0;
    }
    .lwp-contact-form button {
        padding: 10px 20px;
        background-color: #347FCF;
        color: #fff;
        border: none;
        cursor: pointer;
        font-size: 14px;
        height: 40px;
        width: 100%;
        will-change: transform;
        border-radius: 10px;
        opacity: 1;
    }

    .lwp-contact-form button:hover {
        background-color: #005177;
    }

    .lwp-contact-form.success-message {
        color: #4CAF50;
        padding: 10px;
        background-color: rgba(76, 175, 80, 0.1);
        border-radius: 4px;
        text-align:center;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display:none;
    }

    /* Livedrive Form CSS */
    .custom-contact-form-container {
        /* max-width: 600px;*/
        max-width: 100%;
        margin: 0 auto;
        padding: 20px;
        /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;*/
    }

    .custom-contact-form .form-step {
        display: none;
        margin-bottom: 20px;
    }

    .custom-contact-form .form-step.active {
        display: block;
    }

    .custom-contact-form h3 {
        margin-top: 0;
        margin-bottom: 20px;
        font-weight: 600;
        font-size: 18px;
    }

    .custom-contact-form .form-group {
        margin-bottom: 15px;
    }

    .custom-contact-form label {
        display: block;
        margin-bottom: 5px;
        font-size: 15px;
    }

    .custom-contact-form input[type="text"],
    .custom-contact-form input[type="email"],
    .custom-contact-form textarea {
        /* width: 100%;
        width: 25rem; */
        width:100%;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 14px;
        margin:0;
    }

    .custom-contact-form input.invalid,
    .custom-contact-form textarea.invalid {
        border-color: #f44336;
    }

    .custom-contact-form .form-navigation {
        margin-top: 20px;
        display: flex;
        gap: 10px;
    }

    .custom-contact-form button {
        color: white;
        border: none;
        padding: 10px 15px;
        cursor: pointer;
        font-size: 14px;
        transition: background-color 0.3s;
        background-color: rgb(52, 127, 207);
        /*height: 100%;*/
        width: 100%;
        opacity: 1;
        will-change: transform;
    }

    .custom-contact-form-h1{

    }

    .custom-contact-form button:hover {
        background-color: #005a87;
    }

    .custom-contact-form .prev-step {
        background-color: #888;
    }

    .custom-contact-form .prev-step:hover {
        background-color: #666;
    }

    .custom-contact-form button:disabled {
        background-color: #cccccc;
        cursor: not-allowed;
    }

    .custom-contact-form .form-message {
        margin-top: 20px;
    }

    .custom-contact-form .error-message {
        color: #f44336;
        padding: 10px;
        background-color: rgba(244, 67, 54, 0.1);
        border-radius: 4px;
        text-align: center;
    }

    .custom-contact-form .success-message {
        color: #4CAF50;
        padding: 10px;
        background-color: rgba(76, 175, 80, 0.1);
        border-radius: 4px;
        text-align:center;
    }

    .custom-contact-form .verification-message {
        font-size: 12px;
        color: #888;
        margin-top: 5px;
        font-style: italic;
    }

    #confirmation-step {
        text-align: center;
        padding: 30px 0;
    }

    #confirmation-step h3 {
        color: #4CAF50;
        font-size: 24px;
        margin-bottom: 10px;
    }

    #confirmation-step p {
        font-size: 16px;
    }

    #vvcr-product {
        height: 600px;
        /*width: 600px;*/

    }

    #vvcr-product img{
        /* height:455px; */
        width: 100%;
        height: 100%;
        /*object-fit: cover;*/
    }

    header.wp-block-template-part {
        display: grid;
        justify-content: center;
    }

    .wp-spacer-block {
        display: none !important;
    }

    div[data-id='3713cc'] {
        display:grid;
        justify-content:center;
    }

    .entry-content .wp-block-post-content .has-global-padding .is-layout-constrained .wp-block-post-content-is-layout-constrained {
        text-align: center;
    }

    main[id='wp--skip-link--target']{
        margin: 0px !important;

    }

    .wp-block-group h1 {
        text-align: center;
    }

    .sofserv-livedrive-footer {
        text-elign:center;
        height: 1.0rem;
    }

    .wp-block-site-logo {
        text-elign:center;
    }


    .custom-logo-link img {
        /* float:left; */
        padding-top: 30px;
    }

    footer {

        display: grid;
        /* grid-template-columns: 1fr 1fr; */
        justify-content: center;
        align-content: center;
        justify-items: center;
        align-items: center;
        /*height: 1.0rem;*/
    }

    footer .wp-block-group {
        background-color: #BDBDBD;
        color: #ffffff;
    }
/*
    .sofserv-footer-terms-style {
        padding-top: var(--wp--preset--spacing--50);
        padding-bottom: var(--wp--preset--spacing--50);
        padding-left: var(--wp--preset--spacing--50);
        padding-right: var(--wp--preset--spacing--50);
    }

    .sofserv-footer-main {
        display:grid;
        justify-content: center;
    }

    .sofserv-footer-terms-style {
        display:grid;
        justify-content: center;
    }

    .wp-block-post-title {
        display: none;
    }

    .sofserv-contact-footer {
        text-align:center;
        display: grid;
        justify-content: center;
    }

    .sofserv-header-banner img {
        height:300px;

        margin-bottom: 46px;
    }

    .wp-block-template-part {

        margin-top:0;
    }

    footer.wp-block-template-part {
        background: #BDBDBD;
    }

     .wp-block-navigation.items-justified-center.is-vertical {
        --navigation-layout-align: flex-start;
    }

    .wp-block-navigation.is-vertical {
        --navigation-layout-direction: column;
        --navigation-layout-justify: initial;
        --navigation-layout-align: flex-start;
    }
    */

    span.wp-block-navigation-item__label {
        color:#333333
    }


    .success-page {
        font-size: 20px;
        display: block;
        text-align: center;
    }


}

@media only screen and (min-width: 420px) and (max-width:679px) {
    .custom-contact-form .form-navigation {
        flex-direction: column;
        max-width:100%;
        width:auto;
    }

    .custom-contact-form button {
        /*
        max-width:100%;
        width:auto;
         */

    }

    .lwp-contact-form {
        display:grid;
        grid-template-columns: 1fr;
        border:none;
    }

    #vvcr-product {
        display:none;
    }

    #step-1 {
        padding-top:0;
    }

    .custom-contact-form input[type="text"] {
        max-width: 100%;
        width: 80%;
        /* padding: 10px; */
        /* border: 1px solid #ddd; */
        border-radius: 4px;
        font-size: 14px;
    }

    .success-page {
        font-size: 20px;
        display: block;
        text-align: center;
    }


}