#contact_form {
    --display: flex;
    padding: 2rem;
    border-radius: 10px 10px 10px 10px;
    background-color: transparent;
    background-image: linear-gradient(180deg, #EAF1F0 0%, #FFFFFF00 100%);
    max-width: 30rem;
}

#contact_form input[type=text], input[type=email] {
    --label: #444;
    --dark: #000;
    --light: #fff;
    --choice: #444;
    --primary-txt: #222;
    --primary-txt1: #444;
    --direction-txt: #444;
    --instruction: #666;
    --head-description-txt: #666;
    --wallpaper-gradient-start-clr: 255, 222, 214;
    --wallpaper-gradient-end-clr: 191, 172, 254;
    --wallpaper-gradient-start-percent: 0%;
    --wallpaper-gradient-end-percent: 100%;
    --wallpaper-gradient-angle: 90deg;
    --wallpaper-gradient-start-clr-opacity: 1;
    --wallpaper-gradient-end-clr-opacity: 1;
    --field-cont-bg-clr: transparent;
    --field-cont-bg-opacity: 1;
    --field-cont-shape-type: 1;
    --field-cont-bdr-clr: transparent;
    --field-cont-bdr-radius: 0px;
    --footer-bg-clr: transparent;
    --footer-bg-opacity: 1;
    --banner-bg-clr: 255, 255, 255;
    --banner-bg-opacity: 1;
    --banner-max-height: auto;
    --header-logo-max-height: 550px;
    --disabled-bg-clr: 225, 225, 225;
    --disabled-bg-opacity: 1;
    --disabled-bdr-clr: #bfbfbf;
    --disabled-txt-clr: #000;
    --font-size-type: 1;
    --input-shape-type: 4;
    --input-shape: 1px solid #fff;
    --input-bdr-opacity: 1;
    --input-rating-bg-clr: 255, 255, 255;
    --input-rating-bg-opacity: 1;
    --previous-txt-clr: #24a68a;
    --previous-bg-clr: transparent;
    --start-bg-clr: #24A68A;
    --start-txt-clr: #ffffff;
    --progress-default-bg-clr: #4b516b;
    --progress-filled-bg-clr: #24a68a;
    --field-label-signTxt: 50, 50, 50;
    --highlight-clr: 255, 0, 0;
    --opacity-0: 0;
    --opacity-1: 0.1;
    --opacity-2: 0.2;
    --opacity-3: 0.3;
    --opacity-5: 0.5;
    --opacity-6: 0.6;
    --opacity-7: 0.7;
    --opacity-8: 0.8;
    --opacity-9: 0.9;
    --opacity-10: 1;
    --font-fallback: "open sans";
    --weight-600: 600;
    --body-font-fallback: Arimo, Helvetica, Arial;
    --header-bdr-top-width: 0px;
    --header-bdr-left-width: 0px;
    --header-bdr-right-width: 0px;
    --header-bdr-style: solid;
    --header-logo-size: 100%;
    --header-space-outer-bottom: 0px;
    --form-cont-bdr-style: solid;
    --btn-width-all: 150px;
    --btn-align-all: center;
    --submit-bdr-width: 1px;
    --submit-bdr-style: solid;
    --save-bdr-width: 1px;
    --save-bdr-style: solid;
    --review-bdr-width: 1px;
    --review-bdr-style: solid;
    --back-bdr-width: 1px;
    --back-bdr-style: solid;
    --next-bdr-width: 1px;
    --next-bdr-style: solid;
    --matrix-bg-clr: 245, 247, 252;
    --matrix-bg-opacity: 1;
    --page-inline-bg-clr: transparent;
    --page-inline-bg-opacity: 1;
    --page-inline-bdr-top-width: 0px;
    --page-inline-bdr-left-width: 0px;
    --page-inline-bdr-right-width: 0px;
    --page-inline-bdr-style: solid;
    --page-inline-inner-space-top: 15px;
    --page-inline-inner-space-bottom: 15px;
    --page-inline-outer-space-left: 36px;
    --page-inline-outer-space-right: 36px;
    --page-inline-outer-space-top: 5px;
    --page-inline-outer-space-bottom: 5px;
    --star-selection-clr: #ffca00;
    --lightning-selection-clr: #886cff;
    --shield-selection-clr: #26ce89;
    --heart-selection-clr: #fc6d53;
    --flag-selection-clr: #5aacff;
    --bulb-selection-clr: #ffa500;
    --thumbsUp-selection-clr: #509efe;
    --fire-selection-clr: #ff883a;
    --crown-selection-clr: #fec718;
    --leaf-selection-clr: #8cc63e;
    --trophy-selection-clr: #f8b705;
    --user-selection-clr: #4fa6f0;
    --gift-selection-clr: #ff5b73;
    --christmas-selection-clr: #16c79b;
    --sun-selection-clr: #ffb500;
    --pizza-selection-clr: #ff905c;
    --cloud-selection-clr: #6094f4;
    --rain-selection-clr: #5ccdff;
    --wine-selection-clr: #ed557c;
    --van-selection-clr: #a56ee5;
    --notebook-selection-clr: #4999e5;
    --soccer-selection-clr: #5465ba;
    --blood-selection-clr: #ffbbbb;
    --blood-stroke-clr: #ef2020;
    --book-selection-clr: #9fcdff;
    --book-stroke-clr: #2c89e5;
    --chef-selection-clr: #cbf0ff;
    --chef-stroke-clr: #53b8d1;
    --diamond-selection-clr: #e5caf3;
    --diamond-stroke-clr: #9c62f9;
    --shopping-selection-clr: #fac13c;
    --shopping-stroke-clr: #c18100;
    --pumpkin-selection-clr: #ffe19f;
    --pumpkin-stroke-clr: #e07e27;
    --applause-selection-clr: #ffb69f;
    --applause-stroke-clr: #db6556;
    --toddler-selection-clr: #ffdcf2;
    --toddler-stroke-clr: #621c99;
    --football-selection-clr: #ffa19c;
    --football-stroke-clr: #a53a35;
    --happyface-selection-clr: #ffe103;
    --happyface-stroke-clr: #856900;
    --super-selection-clr: #ffe1c5;
    --super-stroke-clr: #b2753f;
    --sf-field-space-top: 24px;
    --sf-field-space-right: 24px;
    --sf-field-space-bottom: 24px;
    --sf-field-space-left: 24px;
    --sf-cont-space-inner: 16px;
    --input-focus-clr: #2eb79f;
    --slider-selection-clr: #2eb79f;
    --choice-selection-clr: 46, 183, 159;
    --choice-box-bg-clr: transparent;
    --choice-box-bg-opacity: 1;
    --default-rating-selection-clr: #ffd939;
    --default-layout-style-container: 1;
    --default-layout-style-header: 1;
    --default-font-size: 2;
    --default-input-bdr-shape: 2;
    --default-btns-bdr-shape: 3;
    --default-form-cont-width-type: 1;
    --default-btn-width-type: 1;
    --default-matrix-style: 1;
    --default-page-title-style: 1;
    --default-clr-type: 1;
    --default-field-icon-style: 1;
    --default-page-banner-type: 1;
    --default-banner-height-type: 1;
    --default-header-scroll-type: 1;
    --default-banner-scroll-type: 1;
    --default-page-scroll-type: 1;
    --default-form-cont-responsive: true;
    --default-choice-box-model: 1;
    --default-choice-template: 1;
    --page-gradient-start-clr: 255, 222, 214;
    --page-gradient-end-clr: 191, 172, 254;
    --page-gradient-start-percent: 0%;
    --page-gradient-end-percent: 100%;
    --page-gradient-angle: 90deg;
    --page-gradient-start-clr-opacity: 1;
    --page-gradient-end-clr-opacity: 1;
    --form-header-gradient-start-clr: 255, 222, 214;
    --form-header-gradient-end-clr: 191, 172, 254;
    --form-header-gradient-start-percent: 0%;
    --form-header-gradient-end-percent: 100%;
    --form-header-gradient-angle: 90deg;
    --form-header-gradient-start-clr-opacity: 1;
    --form-header-gradient-end-clr-opacity: 1;
    --form-cont-gradient-start-clr: 255, 222, 214;
    --form-cont-gradient-end-clr: 191, 172, 254;
    --form-cont-gradient-start-percent: 0%;
    --form-cont-gradient-end-percent: 100%;
    --form-cont-gradient-angle: 90deg;
    --form-cont-gradient-start-clr-opacity: 1;
    --form-cont-gradient-end-clr-opacity: 1;
    --page-header-gradient-start-clr: 255, 222, 214;
    --page-header-gradient-end-clr: 191, 172, 254;
    --page-header-gradient-start-percent: 0%;
    --page-header-gradient-end-percent: 100%;
    --page-header-gradient-angle: 90deg;
    --page-header-gradient-start-clr-opacity: 1;
    --page-header-gradient-end-clr-opacity: 1;
    --submit-btn-gradient-start-clr: 255, 222, 214;
    --submit-btn-gradient-end-clr: 191, 172, 254;
    --submit-btn-gradient-start-percent: 0%;
    --submit-btn-gradient-end-percent: 100%;
    --submit-btn-gradient-angle: 90deg;
    --submit-btn-gradient-start-clr-opacity: 1;
    --submit-btn-gradient-end-clr-opacity: 1;
    --popup-bg-gradient-start-clr: 255, 222, 214;
    --popup-bg-gradient-end-clr: 191, 172, 254;
    --popup-bg-gradient-start-percent: 0%;
    --popup-bg-gradient-end-percent: 100%;
    --popup-bg-gradient-angle: 90deg;
    --popup-bg-gradient-start-clr-opacity: 1;
    --popup-bg-gradient-end-clr-opacity: 1;
    --sfinline-bg-gradient-start-clr: 255, 222, 214;
    --sfinline-bg-gradient-end-clr: 191, 172, 254;
    --sfinline-bg-gradient-start-percent: 0%;
    --sfinline-bg-gradient-end-percent: 100%;
    --sfinline-bg-gradient-angle: 90deg;
    --sfinline-bg-gradient-start-clr-opacity: 1;
    --sfinline-bg-gradient-end-clr-opacity: 1;
    --banner-img-size: 100%;
    --banner-img-align: center;
    --default-grid-style: 1;
    --grid-bdr-clr: #cccfe3;
    --grid-title-bg-clr: 235, 239, 251;
    --grid-title-bg-opacity: 1;
    --grid-title-bdr-clr: #cccfe3;
    --grid-header-gradient-start-clr: 255, 222, 214;
    --grid-header-gradient-end-clr: 191, 172, 254;
    --grid-header-gradient-start-percent: 0%;
    --grid-header-gradient-end-percent: 100%;
    --grid-header-gradient-angle: 90deg;
    --grid-header-gradient-start-clr-opacity: 1;
    --grid-header-gradient-end-clr-opacity: 1;
    --grid-label-hor-space-left: 0px;
    --grid-label-hor-space-right: 0px;
    --grid-cont-bg-clr: transparent;
    --grid-cont-bg-opacity: 1;
    --grid-cont-gradient-start-clr: 255, 222, 214;
    --grid-cont-gradient-end-clr: 191, 172, 254;
    --grid-cont-gradient-start-percent: 0%;
    --grid-cont-gradient-end-percent: 100%;
    --grid-cont-gradient-angle: 90deg;
    --grid-cont-gradient-start-clr-opacity: 1;
    --grid-cont-gradient-end-clr-opacity: 1;
    --grid-cont-space-left: 0px;
    --grid-cont-space-right: 0px;
    --grid-col-between-space: 32px;
    --page-bg-clr: transparent;
    --page-bg-opacity: 0.0;
    --form-cont-bg-clr: transparent;
    --form-cont-bg-opacity: 1.0;
    --form-width: 100%;
    --form-align: center;
    --form-cont-bdr-clr: #d6d6d6;
    --form-cont-bdr-width: 0px;
    --form-cont-bdr-topleft-radius: 2px;
    --form-cont-bdr-topright-radius: 2px;
    --form-cont-bdr-bottomleft-radius: 2px;
    --form-cont-bdr-bottomright-radius: 2px;
    --form-cont-shadow-clr: transparent;
    --form-cont-shadow-spread: 0px;
    --form-cont-space-left: 0px;
    --form-cont-space-right: 0px;
    --form-cont-space-top: 0px;
    --form-cont-space-bottom: 0px;
    --popup-bg-clr: 169, 169, 169;
    --header-font: Nunito;
    --hdr-bg-clr: 255, 255, 255;
    --header-bg-opacity: 1.0;
    --title-txt-clr: #222222;
    --header-title-style: normal;
    --header-title-weight: 400;
    --description-txt-style: normal;
    --description-txt-weight: 400;
    --description-txt-clr: #7C7C7C;
    --header-text-align: left;
    --header-bdr-clr: #EAEAEA;
    --header-bdr-bottom-width: 0px;
    --header-topleft-radius: 0px;
    --header-topright-radius: 0px;
    --header-bottomleft-radius: 0px;
    --header-bottomright-radius: 0px;
    --header-space-outer-left: 0px;
    --header-space-outer-right: 0px;
    --header-space-outer-top: 0px;
    --header-space-inner-left: 18px;
    --header-space-inner-right: 18px;
    --header-space-inner-top: 10px;
    --header-space-inner-bottom: 10px;
    --label-txt-clr: #7c7c7c;
    --label-txt-style: normal;
    --label-txt-weight: 400;
    --instruction-txt-style: normal;
    --instruction-txt-weight: 400;
    --instruction-txt-clr: #595959;
    --value-txt-clr: 0, 0, 0;
    --input-bdr-clr: 170, 170, 170;
    --input-bdr-top-width: 1px;
    --input-bdr-left-width: 1px;
    --input-bdr-bottom-width: 1px;
    --input-bdr-right-width: 1px;
    --input-bg-clr: 255, 255, 255;
    --input-bg-opacity: 1.0;
    --elements-clr: 255, 255, 255;
    --field-mandatory-clr: #0F0F0F;
    --fields-hor-space-left: 20px;
    --fields-hor-space-right: 20px;
    --fields-ver-space-top: 10px;
    --fields-ver-space-bottom: 10px;
    --error-txt-clr: #8B0808;
    --submit-bg-clr: transparent;
    --submit-bg-opacity: 1.0;
    --submit-txt-clr: #21B19D;
    --submit-bdr-clr: #21B19D;
    --save-bg-clr: 73, 73, 73;
    --save-bg-opacity: 1.0;
    --save-txt-clr: #FFFFFF;
    --save-bdr-clr: #494949;
    --review-bg-clr: 73, 73, 73;
    --review-bg-opacity: 1.0;
    --review-txt-clr: #FFFFFF;
    --review-bdr-clr: #494949;
    --back-bg-clr: 235, 237, 239;
    --back-bg-opacity: 1.0;
    --back-txt-clr: #222222;
    --back-bdr-clr: #C9C9C9;
    --next-bg-clr: 235, 237, 239;
    --next-bg-opacity: 1.0;
    --next-txt-clr: #222222;
    --next-bdr-clr: #C9C9C9;
    --subform-bg-clr: 249, 249, 249;
    --subform-bg-opacity: 1.0;
    --matrix-value-table-bg-clr: transparent;
    --matrix-value-table-bg-opacity: 0.0;
    --choice-txt-clr: #444444;
    --page-visited-bg-clr: #24A68A;
    --page-visited-txt-clr: #FFFFFF;
    --page-unvisited-bg-clr: #D2D2D2;
    --page-unvisited-txt-clr: #818181;
    --page-inline-title-txt-clr: #000000;
    --page-inline-title-align: left;
    --page-inline-bdr-clr: #FFFFFF;
    --page-inline-bdr-bottom-width: 1px;
    --page-inline-bdr-topleft-radius: 0px;
    --page-inline-bdr-topright-radius: 0px;
    --page-inline-bdr-bottomleft-radius: 0px;
    --page-inline-bdr-bottomright-radius: 0px;
    --page-inline-inner-space-left: 25px;
    --page-inline-inner-space-right: 25px;
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    --title-txt-size: clamp(25px, 2.86vw + 11.29px, 33px);
    --description-txt-size: clamp(16px, 0.36vw + 14.29px, 17px);
    --label-txt-size: clamp(15px, 0.36vw + 13.29px, 16px);
    --value-txt-size: clamp(15px, 0vw + 15px, 15px);
    --instruction-txt-size: clamp(13px, 0vw + 13px, 13px);
    --next-txt-size: clamp(15px, 0.36vw + 13.29px, 16px);
    --submit-txt-size: clamp(15px, 0.36vw + 13.29px, 16px);
    --save-txt-size: clamp(15px, 0.36vw + 13.29px, 16px);
    --review-txt-size: clamp(15px, 0.36vw + 13.29px, 16px);
    --back-txt-size: clamp(15px, 0.36vw + 13.29px, 16px);
    --error-txt-size: clamp(14px, 0vw + 14px, 14px);
    --matrix-qs-txt-size: clamp(15px, 0vw + 15px, 15px);
    --matrix-ans-txt-size: clamp(15px, 0vw + 15px, 15px);
    --drpdwn-list-txt-size: clamp(14px, 0.36vw + 12.29px, 15px);
    --mline-char-count-txt-size: clamp(12px, 0.71vw + 8.57px, 14px);
    --elements-h5-txt-size: clamp(14px, 0.36vw + 12.29px, 15px);
    --elements-h6-txt-size: clamp(13px, 0.36vw + 11.29px, 14px);
    --sf-addentry-txt-size: clamp(14px, 0.36vw + 12.29px, 15px);
    --sf-addentry-icon-size: clamp(16px, 1.43vw + 9.14px, 20px);
    --slider-range-txt-size: clamp(13px, 0.36vw + 11.29px, 14px);
    --date-picker-txt-size: clamp(13px, 0vw + 13px, 13px);
    --fieldcomp-label-txt-size: clamp(13px, 0vw + 13px, 13px);
    --countrycode-txt-size: clamp(14px, 0.36vw + 12.29px, 15px);
    --sf-title-txt-size: clamp(22px, 1.79vw + 13.43px, 27px);
    --sf-label-txt-size: clamp(14px, 0.36vw + 12.29px, 15px);
    --sf-value-txt-size: clamp(14px, 0vw + 14px, 14px);
    --sf-instruction-txt-size: clamp(13px, 0vw + 13px, 13px);
    --sf-submit-txt-size: clamp(14px, 0.71vw + 10.57px, 16px);
    --sf-error-txt-size: clamp(13px, 0vw + 13px, 13px);
    --sf-drpdwn-list-txt-size: clamp(13px, 0.36vw + 11.29px, 14px);
    --sf-mline-char-count-txt-size: clamp(12px, 0.36vw + 10.29px, 13px);
    --sf-elements-h5-txt-size: clamp(14px, 0vw + 14px, 14px);
    --sf-elements-h6-txt-size: clamp(13px, 0vw + 13px, 13px);
    --sf-slider-range-txt-size: clamp(13px, 0vw + 13px, 13px);
    --sf-date-picker-txt-size: clamp(13px, 0vw + 13px, 13px);
    --sf-fieldcomp-label-txt-size: clamp(13px, 0vw + 13px, 13px);
    --section-title-txt-size: clamp(19px, 1.07vw + 13.86px, 22px);
    --section-instruction-txt-size: clamp(13px, 0.36vw + 11.29px, 14px);
    --page-title-txt-size: clamp(16px, 0.36vw + 14.29px, 17px);
    --page-nav-number-size: clamp(14px, 0vw + 14px, 14px);
    --start-btn-txt-size: clamp(14px, 0.75vw + 11px, 17px);
    --input-radius: 4px;
    --submit-btn-radius: 150px;
    --save-btn-radius: 150px;
    --review-btn-radius: 150px;
    --back-btn-radius: 150px;
    --next-btn-radius: 150px;
    width: 100%;
    outline: none;
    margin: 1rem auto;
    padding: 10px 10px;
    box-sizing: border-box;
    font-size: var(--value-txt-size);
    color: rgb(var(--value-txt-clr));
    border: 1px solid rgba(var(--input-bdr-clr), var(--input-bdr-opacity));
    border-width: var(--input-bdr-top-width) var(--input-bdr-right-width) var(--input-bdr-bottom-width) var(--input-bdr-left-width);
    border-radius: var(--input-radius);
    word-break: normal;
    font-family: var(--body-font);
    transition: 0.3s;
    padding-left: 30px;
    padding-right: 30px;
}

#contact_form input[type=text]:focus, input[type=email]:focus {
    border-color: var(--input-focus-clr);
    box-shadow: 0px 0px 2px 0px var(--input-focus-clr);
    outline: none;
}

input:focus-visible {
    outline-offset: 0px;
}

#fname{
    padding-left: 10px;
    background-color: rgba(255,255,255,0.6);
    background-blend-mode: lighten;
}
#lname{
    background-image:url(./icon/user.png);
    background-size: 15px;
    background-position-y: center;
    background-position-x: 10px;
	background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.6);
    background-blend-mode: lighten;
}
#company{
    background-image:url(./icon/company.png);
    background-size: 15px;
    background-position-y: center;
    background-position-x: 9px;
	background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.6);
    background-blend-mode: lighten;
}
#job_title{
    background-image:url(./icon/jobtitle.png);
    background-size: 15px;
    background-position-y: center;
    background-position-x: 9px;
	background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.6);
    background-blend-mode: lighten;
}
#email{
    background-image:url(./icon/email.png);
    background-size: 15px;
    background-position-y: center;
    background-position-x: 9px;
	background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.6);
    background-blend-mode: lighten;
}
#phone{
    background-image:url(./icon/phone.png);
    background-size: 15px;
    background-position-y: center;
    background-position-x: 10px;
	background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.6);
    background-blend-mode: lighten;
}
/* 
input[type="checkbox"] {
    outline: none;
    margin: 0 auto;
    padding: 10px 10px;
    box-sizing: border-box;
    position: absolute;
    opacity: 0;
} */


  .checkbox-wrapper-46 input[type="checkbox"] {
    display: none;
    visibility: hidden;
  }

  .checkbox-wrapper-46 .cbx {
    margin: auto;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
  }
  .checkbox-wrapper-46 .cbx span {
    display: inline-block;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
  }
  .checkbox-wrapper-46 .cbx span:first-child {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #9098A9;
    transition: all 0.2s ease;
  }
  .checkbox-wrapper-46 .cbx span:first-child svg {
    position: absolute;
    top: 3px;
    left: 2px;
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
  }
  .checkbox-wrapper-46 .cbx span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #419e34;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
  }
  .checkbox-wrapper-46 .cbx span:last-child {
    padding-left: 8px;
  }
  .checkbox-wrapper-46 .cbx:hover span:first-child {
    border-color: #309649;
  }

  .checkbox-wrapper-46 .inp-cbx:checked + .cbx span:first-child {
    background: #37a057;
    border-color: #44a337;
    animation: wave-46 0.4s ease;
  }
  .checkbox-wrapper-46 .inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
  }
  .checkbox-wrapper-46 .inp-cbx:checked + .cbx span:first-child:before {
    transform: scale(3.5);
    opacity: 0;
    transition: all 0.6s ease;
  }

  @keyframes wave-46 {
    50% {
      transform: scale(0.9);
    }
  }

