/*---------css for the demo page contact form------------ */
/* Wrapper */
.phone-flag-wrapper {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 100% !important;
}

/* Flag image — positioned on the far left */
.phone-flag-wrapper .phone-flag-img {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 22px !important;
    height: auto !important;
    border-radius: 2px !important;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3) !important;
    pointer-events: none !important;
    z-index: 5 !important;
    margin: 0 !important;
    flex: none !important;
}

/* Country code label — DARK, sits next to the flag */
.phone-flag-wrapper .phone-code-label {
    position: absolute !important;
    left: 46px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #000000 !important;
    font-weight: 500 !important;
    font-size: inherit !important;
    pointer-events: none !important;
    z-index: 5 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* Input — full width, with extra left padding to make room for flag + code */
.phone-flag-wrapper input.wpcf7-tel,
.phone-flag-wrapper input[type="tel"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    flex: 1 1 100% !important;
    margin: 0 !important;
}

/* When flag + code are showing, push input text further right */
.phone-flag-wrapper input.wpcf7-tel.has-flag-and-code,
.phone-flag-wrapper input[type="tel"].has-flag-and-code {
    padding-left: 96px !important;
    box-sizing: border-box !important;
}

/* Placeholder (just the format example) — stays light/faded */
.phone-flag-wrapper input.wpcf7-tel::placeholder,
.phone-flag-wrapper input[type="tel"]::placeholder {
    color: #999999 !important;
    opacity: 1 !important;
}

.phone-flag-wrapper input.wpcf7-tel::-webkit-input-placeholder,
.phone-flag-wrapper input[type="tel"]::-webkit-input-placeholder {
    color: #999999 !important;
    opacity: 1 !important;
}

.phone-flag-wrapper input.wpcf7-tel::-moz-placeholder,
.phone-flag-wrapper input[type="tel"]::-moz-placeholder {
    color: #999999 !important;
    opacity: 1 !important;
}

.phone-flag-wrapper input.wpcf7-tel:-ms-input-placeholder,
.phone-flag-wrapper input[type="tel"]:-ms-input-placeholder {
    color: #999999 !important;
    opacity: 1 !important;
}
/*-----------------css for the demo page contact form ends here----------------------*/


/*------------------css for the white paper page contact form------------------------- */
fieldset
{
    display: none;
}

.wpcf7-response-output
{
    display: none;
}

#sticky-row {
  align-items: flex-start !important;
}

#right-form {
  position: sticky !important;
  top: 50px !important; /* adjust if your header is taller/shorter */
  align-self: flex-start !important;
}
/*---------------css for the white paper page contact form ends here--------------------------*/