/*--------banner css start -------*/

  #scroll {
          display: block;
  }

  .heading-menu {
          display: none;
  }

  .opm-main-wrapper *,
  .opm-main-wrapper *::before,
  .opm-main-wrapper *::after {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
  }

  .opm-main-wrapper .opm-banner {
          padding: 74px 0;
          text-align: center;
          background: -webkit-gradient(linear, left top, left bottom, from(#FFF0BC), to(rgba(255, 248, 224, 0.76))), url("../images/opm-main-menu-banner-bg-pattern.svg");
          background: linear-gradient(180deg, #FFF0BC 0%, rgba(255, 248, 224, 0.76) 100%), url("../images/opm-main-menu-banner-bg-pattern.svg");
  }

  .opm-main-wrapper .opm-banner-content h1 {
          margin-bottom: 8px;
  }

  .opm-main-wrapper h1 {
          font-size: 3rem;
          font-weight: 800;
          line-height: 1.15;
          letter-spacing: -0.5px;
          margin: 0 0 8px;
          color: #000000;
  }

  .opm-main-wrapper .opm-banner-content p {
          font-size: 18px;
          margin-bottom: 0;
  }

  .formcontent form strong {
          font-weight: 300;
  }

  .formcontent {
          margin: 0 auto;
  }


  .main-wrapper .testimonial-section {
          background: #f5f5f5;
  }

  .main-wrapper .testimonial-section h2 {
          font-size: 2.5rem;
          font-weight: 800;
          font-family: 'ZohoPuvi';
  }

  /*-------- banner css end -------*/



  .formcontent {
          width: 70%;
          margin: 0 auto;
  }

  .heading-menu,
  .btmBar,
  .mef_foot_top,
  #survey {
          display: none !important;
  }

  .content-wrap {
          margin: 0 auto;
          min-height: 800px;
  }


  #main {
          position: relative;
          z-index: 50;
          height: 100%;

  }



  #main p {
          line-height: 1.6rem;
          letter-spacing: -0.36px;
          color: #000;
          font-size: 16px;
  }

  #main .left {
          padding: 50px 60px;
          width: 50vw;
          background-color: #fff3d0;
  }

  #main .left .wrapper {
          max-width: 512px;
          margin-left: auto;
  }

  #main .left #brand-logo svg {
          max-width: 220px;
  }

  #main .left h1 {
          margin-top: 20px;
          font-size: 40px;
          font-weight: 700;
  }



  .opm-main-wrapper .form-section {
          max-width: 520px;
          margin: 50px auto;
          padding: 32px 32px;
          border: 1px solid #ddd;
          background-color: #fff;
          border-radius: 5px;
  }

  .opm-main-wrapper .form-section form input {
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          font-weight: 400;
          font-size: 14px;
          border: 1px solid #c7d1d6 !important;
          border-radius: 4px;
          border: none;
          margin: 10px 0;
          color: #000 !important;
          padding: 10px;
  }

  .opm-main-wrapper .form-section form input::-moz-placeholder {
          color: #414647;
          opacity: 1;
          /* Firefox */
  }

  .opm-main-wrapper .form-section form input::placeholder {
          color: #414647;
          opacity: 1;
          /* Firefox */
  }

  .opm-main-wrapper .form-section form input::-ms-input-placeholder {
          /* Edge 12 -18 */
          color: #414647;
  }

  .opm-main-wrapper .form-section form input.d-none {
          display: none;
  }

  .opm-main-wrapper .form-section form p {
          font-size: 15px;
          font-weight: 400;
          margin: 5px;
          margin-top: 10px;
  }

  .opm-main-wrapper .form-section form p.mandatory::after {
          content: "*";
          margin-left: 2px;
          font-size: 15px;
          color: red;
  }

  .opm-main-wrapper .form-section form select {
          font-family: "ZohoPuvi", sans-serif;
          font-weight: 400;
          font-size: 14px;
          border: 1px solid #c7d1d6 !important;
          border-radius: 4px;
          border: none;
          margin: 5px 0;
          color: #414647 !important;
          width: 100%;
          padding: 10px;
          -webkit-appearance: none;
          -moz-appearance: none;
          background: transparent;
          background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
          background-repeat: no-repeat;
          background-position-x: 100%;
          background-position-y: 5px;
          border: 1px solid #dfdfdf; height:42px;
  }

  .opm-main-wrapper .form-section form small {
          display: block;
          margin-top: 20px;
          font-size: 13px;
  }

  .opm-main-wrapper .form-section form line-break {
          display: block;
          border-top: 1.5px solid #c7d1d6;
          border-top-style: dotted;
          max-width: 50%;
          margin: 0 auto;
          height: 15px;
          margin-top: 20px;
  }

  .opm-main-wrapper .form-section form .option-select {
          display: inline-block;
          border: 1px solid #c7d1d6;
          border-radius: 4px;
          font-family: "ZohoPuvi", sans-serif;
          font-size: 14px;
          font-weight: 300;
          margin: 5px 0;
          margin-right: 5px;
          color: #414647;
          padding: 7px 10px;
          transition: 0.2s all ease-in-out;
  }

  .opm-main-wrapper .form-section form .option-select:hover {
          color: #000;
          border-color: #000;
          cursor: pointer;
  }

  .opm-main-wrapper .form-section form .option-select.active {
          background-color: #fff3d0;
          border-color: #a7a5a3;
          color: #000;
          text-shadow: 0px 0px 0.5px #000;
  }

  .opm-main-wrapper .form-section form .option-select.active.expand {
          display: block;
  }

  .opm-main-wrapper .form-section form .option-select.active.expand::after {
          float: right;
          content: "×";
          font-size: 17px;
          font-weight: 300;
          color: #8d867e;
  }

  .opm-main-wrapper .form-section form .input-50 {
          display: none;
          align-items: center;
  }

  .opm-main-wrapper .form-section form .input-50.active {
          display: flex;
  }

  .opm-main-wrapper .form-section form .input-50 label {
          background-color: #edeae1;
          font-family: "ZohoPuvi", sans-serif;
          font-size: 14px;
          color: #000;
          padding: 7px 10px;
          border-radius: 5px 0px 0px 5px;
          max-width: -moz-max-content;
          max-width: max-content;
  }

  .opm-main-wrapper .form-section form .input-50 input {
          border-radius: 0px 5px 5px 0px;
          width: 80px;
  }

  .opm-main-wrapper .form-section form .cloud-fields-wrapper.d-none {
          display: none;
  }

  .opm-main-wrapper .form-section form .on-premises-fields-wrapper.d-none {
          display: none;
  }

  .opm-main-wrapper .form-section form .half-select {
          display: flex;
  }

  .opm-main-wrapper .form-section form .half-select div {
          flex: 1;
  }

  .opm-main-wrapper .form-section form .half-select div:first-of-type {
          margin-right: 5px;
  }

  .opm-main-wrapper .form-section form .half-select div:last-of-type {
          margin-left: 5px;
  }

  .opm-main-wrapper .form-section form a {
          color: #0a5e96;
          font-style: italic;
  }

  .opm-main-wrapper .form-section form .cta {
          display: block;
          font-family: "ZohoPuvi", sans-serif;
          padding: 12px 30px;
          max-width: -moz-max-content;
          max-width: max-content;
          margin-top: 24px;
          background-color: #ee1313;
          outline: none;
          border: none;
          border-radius: 5px;
          font-size: 16px;
          color: #fff;
          transition: all 0.2s ease-in-out;
  }

  .opm-main-wrapper .form-section form .cta:disabled {
          background-color: #c0b6b6;
  }

  .opm-main-wrapper .form-section form .cta:disabled:hover {
          cursor: not-allowed;
  }

  .opm-main-wrapper .form-section form .cta:hover {
          cursor: pointer;
  }

  @media screen and (max-width: 1000px) {

          #main {
                  height: max-content;
                  overflow-y: auto;
          }

          #main .content-wrap {
                  flex-direction: column;
                  height: max-content;
          }

          #main .left {
                  width: 100%;
                  height: max-content;
                  max-height: max-content;
          }

          .opm-main-wrapper {
                  width: 100%;
                  height: max-content;
                  max-height: max-content;
          }

          #main .left .wrapper {
                  margin: 0 auto;
          }

          .opm-main-wrapper .form-section {
                         margin: 60px auto;
        padding: 24px 24px;
          }

          .opm-main-wrapper .form-section form .input-50 {
                  flex-wrap: wrap;
          }

          .opm-main-wrapper .form-section form .input-50 input {
                  border-radius: 5px;
          }

          .opm-main-wrapper .form-section form .input-50 label {
                  border-radius: 5px;
          }
  }

  @media screen and (max-width: 640px) {

 .opm-main-wrapper .form-section {margin: 50px 16px; padding: 24px 24px;}

}

  /* Snackbar CSS */
  #snackbar {
          visibility: hidden;
          min-width: 250px;
          margin-left: -125px;
          background-color: #333;
          color: #fff;
          text-align: center;
          border-radius: 2px;
          padding: 16px;
          position: fixed;
          z-index: 99999999;
          left: 50%;
          top: 30px;
          font-size: 17px;
  }

  #snackbar.show {
          visibility: visible;
          -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
          animation: fadein 0.5s, fadeout 0.5s 2.5s;
  }

  @-webkit-keyframes fadein {
          from {
                  top: 0;
                  opacity: 0;
          }

          to {
                  top: 30px;
                  opacity: 1;
          }
  }

  @keyframes fadein {
          from {
                  top: 0;
                  opacity: 0;
          }

          to {
                  top: 30px;
                  opacity: 1;
          }
  }

  @-webkit-keyframes fadeout {
          from {
                  top: 30px;
                  opacity: 1;
          }

          to {
                  top: 0;
                  opacity: 0;
          }
  }



  @keyframes fadeout {
          from {
                  top: 30px;
                  opacity: 1;
          }

          to {
                  top: 0;
                  opacity: 0;
          }
  }

  .snackbar-error {
          background-color: red;
  }

  .info-tooltip {
          position: relative;
          display: inline-block;
          cursor: pointer;
          color: #0a5e96;
          line-height: 1;
          text-align: center;
          border: 1px solid;
          padding: 4px;
          border-radius: 50%;
          width: 12px;
          height: 12px;
          font-size: 14px;
  }

  .info-tooltip .info-text {
          visibility: hidden;
          width: auto;
          background-color: #333;
          color: #fff;
          text-align: center;
          border-radius: 5px;
          padding: 8px;
          position: absolute;
          left: 50%;
          top: 125%;
          transform: translateX(-50%);
          opacity: 0;
          transition: opacity 0.3s;
          pointer-events: none;
          z-index: 10;
          font-size: 14px;
          line-height: 1.7;
  }

  /* Tooltip arrow */
  .info-tooltip .info-text::after {
          content: "";
          position: absolute;
          bottom: 100%;
          left: 50%;
          margin-left: -5px;
          border-width: 5px;
          border-style: solid;
          border-color: transparent transparent #333 transparent;
  }

  .info-tooltip:hover .info-text {
          visibility: visible;
          opacity: 1;
          pointer-events: auto;
  }