
            /* Form container */

            .model-product-desc p {
                font-size: 14px;
                /* line-height: 30px; */
                color: #000;
                margin-bottom: 5px;
          }

          .model-product-desc ul {
                margin-bottom: 5px;

                li {
                      font-size: 14px;

                      color: #000;
                      margin-bottom: 0;
                }
          }

          #formContainer {
                position: fixed;
                top: 0;
                left: 0;
                z-index: 100;
                /* transform: translate(-50%, -50%); */
                background-color: rgba(0, 0, 0, 0.7);
                padding: 20px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
                display: none;
                height: 100%;
                width: 100%;
          }

          .con {
                height: 100vh;
                display: flex;
                /* background-color: #fff; */
                align-items: center;
                justify-content: center;
          }

          @media(max-width: 600px) {
                #formContainer {
                      padding: 20px 8px;
                }

                .con {
                      flex-direction: column;
                }

                .con>div {
                      width: 100%;
                }
          }


          .model-box-product-desc {
             
                max-width: 280px;
          }


          .model-product-heading {
                
          }


          .ml-2 {
                max-width: 450px;
                width: 100%;
                position: relative;
                /* margin: auto auto; */
          }

          /* Hidden class to hide the form */
          .form-hidden {
                display: none;
          }


          .form-close {
                background-color: #69b53d;
                height: 30px;
                width: 30px;
                padding: 6px;
                position: absolute;
                top: 15px;
                right: 15px;
                cursor: pointer;
                border-radius: 7px;
          }

          .contact-form-ref {
                padding: 40px 0;
                width: 100%;
          }

          .contact-left {
                background: #0f44a6;
                padding: 41px 36px;
                border-radius: 5px;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          }

          @media (max-width: 600px) {
                .contact-left {
                      padding: 30px 20px;
                      margin: 40px 0 20px;
                }
          }

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

          .form-group:nth-last-child(1) {
                display: flex;
                justify-content: center;
                margin-bottom: 15px;
          }

          @media (max-width: 600px) {
                .form-group:nth-last-child(1) {
                      margin-bottom: 15px;
                }
          }

          .form-group:nth-last-child(2) {
                display: flex;
                justify-content: space-between;
                margin-bottom: 15px;
          }

          .form-group label {
                display: block;
                font-style: normal;
                font-weight: 700;
                font-size: 14px;
                line-height: 24px;
                letter-spacing: 0.01em;
                color: #fff;
                margin-top: 10px;
          }

          @media (max-width: 600px) {
                .form-group label {
                      font-size: 12px;
                }

                .form-group {
                      margin-bottom: 10px;
                }
          }

          .form-group input,
          .form-group select,
          .form-group textarea {
                width: 100%;
                padding: 14px 10px;
                border: none;
                background-color: transparent;
                border-bottom: 2px solid #45a049;
                /* border-radius: 5px; */
                outline: none;
          }

          @media (max-width: 600px) {

                .form-group input,
                .form-group select,
                .form-group textarea {
                      padding: 10px 10px;
                }
          }

          .form-group textarea {
                resize: vertical;
          }

          .form-group button {
                width: 153px;
                height: 38px;
                background: #69b53d;
                box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.11),
                      0 2px 4px -1px rgba(0, 0, 0, 0.07);
                border-radius: 4px;
                font-style: normal;
                font-weight: 600;
                font-size: 16px;
                line-height: 26px;
                text-align: center;
                letter-spacing: -0.011em;
                color: #fff;
                border: none;
                margin-top: 15px;
                text-align: center;
                /* transition: 0.3s; */
                cursor: pointer;
          }

          .form-group button:hover {
                background-color: #fff;
                color: #69b53d;
          }

          .inline-group {
                display: flex;
                gap: 10px;
          }

          @media (max-width: 600px) {
                .inline-group {
                      display: block;
                }
          }

          .inline-group .form-group {
                flex: 1;
          }

          .jt-1 input {
                width: 50%;
                margin-left: 15px;
          }