/*
new-contact-page-css*/

@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');
/* =========================
   RESET
========================= */

.main-wrapper.new-contact-page{
    font-family:"Google Sans",
                 "Google Sans Text",
                 Roboto,
                 Arial,
                 "Noto Sans JP",
                 "Noto Sans KR",
                 sans-serif;
    background:#fff;
    color:#202124;
}
/* =========================
   MAIN WRAPPER
========================= */
.main-wrapper.new-contact-page {
    max-width: 1268px;
    margin: auto;
    padding: 112px 48px 36px 56px;
    display: flex;
    gap: 24px;
    align-items: flex-start;
}
/* =========================
   LEFT SIDE
========================= */
.new-contact-page .left-side{
    width:448px;
}
.new-contact-page .left-side h1 {
    font-size: 2.5rem;
    line-height: 1.25;
    letter-spacing: -0.03125rem;
    font-weight: 600;
    margin-bottom: 18px;
    max-width: 420px;
    font-family: "Google Sans",
                 "Google Sans Text",
                 Roboto,
                 Arial,
                 "Noto Sans JP",
                 "Noto Sans KR",
                 sans-serif;
}
.new-contact-page .left-side p {
    font-family: 'Google Sans Text','Google Sans', Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.55;
    color: #5f6368;
    margin-bottom: 36px;
    max-width: 420px;
    letter-spacing: .00625rem;
}
.new-contact-page .strong-item{
    font-size:1.25rem;
    line-height:1.4;
    font-weight:500;
    margin-bottom:24px;
}
/* =========================
   OPTION BOX
========================= */
.new-contact-page .option-box {
    width: 448px;
    border: none;
    border-radius: 24px;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    cursor: pointer;
    transition: .2s;
    background: #fff;
    box-shadow: 0 0 0 1px #dadce0;

}
.new-contact-page .option-box.active{
    box-shadow:0 0 0 4px var(--theme-background-accent-subtle-selected);
/*    padding:18px 22px;*/
}
.new-contact-page .option-box.support.active {
    /* border-color: #1e8e3e; */
    box-shadow: 0 0 0 4px #1e8e3e;
}
.new-contact-page .option-icon{
    width:64px;
    min-width:64px;
    height:64px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.new-contact-page .option-icon img{
    width:32px;
}
.new-contact-page .support .option-icon{
    background:#f8f9fa;
}
.new-contact-page .option-text{
    font-size:1.25rem;
    line-height:1.4;
    font-weight:500;
    color:#202124;
}
.new-contact-page .callimg img {
  filter: brightness(0) saturate(100%) invert(34%) sepia(56%) saturate(7355%) hue-rotate(135deg) brightness(97%) contrast(76%);
}
.new-contact-page .option-box.business img {
  filter: brightness(0) saturate(100%) invert(34%) sepia(41%) saturate(6351%) hue-rotate(205deg) brightness(98%) contrast(85%);
}
.new-contact-page .option-box.business.active .option-icon  img {
  filter: unset;
}
.new-contact-page .option-box.business:hover .option-icon {
  background: #e8f0fe;
}
.new-contact-page .option-box.business.active .option-icon {
  background: var(--theme-background-accent-subtle-selected);
}
.new-contact-page .option-box.business .option-icon {
  background-color: #f8f9fa;
}
.new-contact-page .option-box.support.active .option-icon {
  background-color: #1e8e3e;
}
.new-contact-page .option-box.support.active .option-icon  img {
  filter: unset;
}
.new-contact-page .option-box:hover .option-icon {
  background: #e6f4ea;
}
.new-contact-page .option-box.business.active:hover .option-icon {
  background: var(--theme-background-accent-subtle-selected);
}
/* =========================
   RIGHT PANEL
========================= */
.new-contact-page .form-wrapper{
    flex:1;
    min-height:750px;
    border:4px solid var(--theme-background-accent-subtle-selected);
    border-radius:24px;
    padding:24px;
    display:flex;
    flex-direction:column;
    /*overflow:hidden;*/
    /*transition:.2s;*/
    background:#fff;
}
.new-contact-page .form-wrapper.support-mode {
    border-color: #1e8e3e;
    padding: 24px;
}
/* =========================
   BOTH PANELS
========================= */
.new-contact-page .business-panel,
.new-contact-page .support-panel{
    width:100%;
    min-height:100%;
}
/* BUSINESS PANEL */
.new-contact-page .business-panel{
    display:block;
}
/* SUPPORT PANEL */
.new-contact-page .support-panel{
    display:none;
    flex-direction:column;
    height:100%;
}
.new-contact-page .support-panel.active{
    display:flex;
}
/* =========================
   HEADINGS
========================= */
.new-contact-page .form-wrapper h2 {
     margin-bottom: 24px;
    color: #202124;
    font-size: 1.5rem;
    line-height: 1.3333333333;
    font-weight: 600;
    letter-spacing: -.015625rem;
    font-family: "Google Sans",
                 "Google Sans Text",
                 Roboto,
                 Arial,
                 "Noto Sans JP",
                 "Noto Sans KR",
                 sans-serif;
}
.sucess-block h2 {
    margin-bottom: 0 !important;
}
/* =========================
   FORM GRID
========================= */
.new-contact-page .form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}
.new-contact-page .full{
    grid-column:1/-1;
}
/* =========================
   INPUT GROUP
========================= */
.new-contact-page .input-group{
    position:relative;
    width:100%;
}
/* =========================
   INPUTS
========================= */
.new-contact-page .input-group input, .new-contact-page .input-group textarea, .new-contact-page .input-group select {
    width: 100%;
    border: 1px solid #dadce0;
    border-radius: 4px !important;
    background: #fff;
    outline: none;
    font-size: 16px;
    font-family: "Google Sans", sans-serif;
    color: #202124;
    transition: .2s ease;
}
.new-contact-page .input-group input:hover, .new-contact-page .input-group textarea:hover, .new-contact-page .input-group select:hover,.new-contact-page .dropdown-field:hover{
  border: 1px solid #1d1b20;
}
/* INPUT */
.new-contact-page .input-group input,
.new-contact-page .input-group select{
    height:56px;
    padding:0 16px;
}
/* TEXTAREA */
.new-contact-page .input-group textarea {
    height: 90px;
    resize: vertical;
    padding: 20px 16px;
}
/* =========================
   LABEL
========================= */
.new-contact-page .input-group label{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    font-size:16px;
   font-family: "Google Sans",
                 "Google Sans Text",
                 Roboto,
                 Arial,
                 "Noto Sans JP",
                 "Noto Sans KR",
                 sans-serif;
    color:#5f6368;
    background:#fff;
    padding:0 4px;
    pointer-events:none;
    transition:.2s ease;
    opacity:0;
}
/*.new-contact-page .checkbox-item input[type="checkbox"]:after {
   content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background: #ededee;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    
    z-index: -1; /* put circle behind */
    opacity: 1; /* for testing */
}*/
.new-contact-page .checkbox-item input[type="checkbox"]:hover{
   box-shadow: 0 0 0 11px #ededee;
    border-radius: 2px;
}

.new-contact-page .checkbox-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.new-contact-page .checkbox-item::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background: #ededee;
    border-radius: 50%;
    z-index: 0;
    left: -11px;
    top: 0px;
    opacity: 0;
}
.new-contact-page .checkbox-item:hover::before {
    opacity: 1;
}

/*.new-contact-page .checkbox-item input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #49454f;
    border-radius: 2px;
    background: #fff;
    position: relative;
    z-index: 2;
}*/
/* =========================
   FLOAT LABEL
========================= */
.new-contact-page .input-group input:focus + label,
.new-contact-page .input-group textarea:focus + label{
    opacity:1;
    top:0;
    left:12px;
    transform:translateY(-50%);
    font-size:12px;
    color:var(--theme-background-accent-subtle-selected);
}
/* =========================
   FOCUS
========================= */
.new-contact-page .input-group input:focus,
.new-contact-page .input-group textarea:focus,
.new-contact-page .input-group select:focus{
    border:2px solid var(--theme-background-accent-subtle-selected);
}
.new-contact-page .input-group input:focus{
    padding-top:14px;
}
/* HIDE PLACEHOLDER */
.new-contact-page .input-group input:focus::placeholder{
    opacity:0;
}
/* =========================
   CHECKBOX
========================= */
.new-contact-page .checkbox-group{
    margin-top:16px;
}
.new-contact-page .checkbox-item {
    display: grid;
    grid-template-columns: max-content auto;
    gap: 15px;
    align-items: center;
    overflow: visible;
    position: relative;
    margin-bottom: 16px;
}
.new-contact-page .checkbox-item input[type="checkbox"]{
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #49454f;
    border-radius: 2px;
    background: #fff;
    position: relative;
    z-index: 2;
}
.new-contact-page .checkbox-item input[type="checkbox"]:checked{
    background: var(--theme-background-accent-subtle-selected);
    border-color: var(--theme-background-accent-subtle-selected);
}

.new-contact-page .checkbox-item input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 5.5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.new-contact-page .checkbox-item input{
    width:18px;
    height:18px;
    margin-top:2px;
}
.new-contact-page .checkbox-item span{
    font-family: "Google Sans",
                 "Google Sans Text",
                 Roboto,
                 Arial,
                 "Noto Sans JP",
                 "Noto Sans KR",
                 sans-serif;
    font-size:.75rem;
    line-height:1.5833333333;
    color:#5f6368;
    font-weight: 400;
    letter-spacing: .0125rem;
    margin: 0;
    text-align: start;
}
/* =========================
   BUTTON
========================= */
.new-contact-page .submit-btn{
    font-family: "Google Sans",
                 "Google Sans Text",
                 Roboto,
                 Arial,
                 "Noto Sans JP",
                 "Noto Sans KR",
                 sans-serif;
    background:var(--theme-background-accent-subtle-selected);
    border:none;
    color:#fff;
    padding:12px 24px;
    border-radius:100px;
    cursor:pointer;
    margin-top:0px;
    transition:.2s;
        transition: background-color .2s, color .2s, box-shadow .2s;
}
.new-contact-page .submit-btn:hover,.new-contact-page .submit-btn:active{
    background:#1557b0;

}
.new-contact-page .submit-btn:focus {
  outline: 2px solid var(--theme-background-accent-subtle-selected);
  outline-offset: 2px;
}
.new-contact-page .submit-btn {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: .0125rem;
}
/* =========================
   CUSTOM GOOGLE DROPDOWN
========================= */
.new-contact-page .custom-dropdown{
    position:relative;
    width:100%;
    font-family: "Google Sans",
                 "Google Sans Text",
                 Roboto,
                 Arial,
                 "Noto Sans JP",
                 "Noto Sans KR",
                 sans-serif;
}
/* FIELD */
.new-contact-page .dropdown-field{
    position:relative;
    width:100%;
    height:56px;
    border:1px solid #dadce0;
    border-radius:4px;
    background:#fff;
    cursor:pointer;
    display:flex;
    align-items:center;
    padding:8px 48px 0 16px;
    transition:.2s ease;
}
/* ACTIVE */
.new-contact-page .custom-dropdown.active .dropdown-field{
    border:2px solid var(--theme-background-accent-subtle-selected);
}
/* LABEL */
.new-contact-page .floating-label{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    font-size:16px;
    color:#5f6368;
    background:#fff;
    padding:0 4px;
    transition:.2s ease;
    pointer-events:none;
}
.new-contact-page .input-group:hover .floating-label,.new-contact-page input:hover::placeholder,.new-contact-page textarea:hover::placeholder{
  color: #1d1b20;
}

.error-field {
    border: 1px solid #d93025 !important;
}

/*.custom-dropdown.error-field .dropdown-field {
    border: 1px solid #d93025 !important;
}*/

.submit-wrapper{
    display:flex;
    align-items:center;
    gap:16px;
}

.form-error-message {
    display: none;
    align-items: center;
    gap: 10px;
    color: #d93025;
    font-size: 9px;
    font-weight: 500;
}

.error-icon{
    width:14px;
    height:14px;
    border-radius:50%;
    background:#d93025;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:700;
}
/* FLOAT */
.new-contact-page .custom-dropdown.active .floating-label,
.new-contact-page .custom-dropdown.selected .floating-label{
    top:0;
    left:12px;
    transform:translateY(-50%);
    font-size:12px;
    color:var(--theme-background-accent-subtle-selected);
}
/* TEXT */
.new-contact-page .selected-text{
    font-size:16px;
    color:#202124;
}
/* ARROW */
.new-contact-page .dropdown-arrow{
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
}
.new-contact-page .dropdown-arrow svg {
    /* width: 24px; */
    height: 5px;
    /* fill: none; */
    /* stroke: #5f6368; */
    /* stroke-width: 2; */
    transition: .2s;
    fill: currentcolor;
}
polygon.up {
    opacity: 0;
    transition: opacity 75ms linear 75ms;
}
.custom-dropdown.active polygon.up {
    opacity: 1;
    transition: opacity 75ms linear 75ms;
}
.custom-dropdown.active polygon.down{
  opacity: 0;
  transition: opacity 75ms linear 75ms;
}
.custom-dropdown.active .dropdown-arrow svg{
fill: var(--theme-background-accent-subtle-selected);
}

/* ROTATE */
/*.new-contact-page .custom-dropdown.active .dropdown-arrow svg{
    transform:rotate(180deg);
    stroke:var(--theme-background-accent-subtle-selected);
}*/
/* MENU */
.new-contact-page .dropdown-menu{
    position:absolute;
    top:calc(100% + 4px);
    left:0;
    width:100%;
    background:#fff;
    border-radius:4px;
    box-shadow:
    0 1px 2px rgba(60,64,67,.3),
    0 2px 6px 2px rgba(60,64,67,.15);
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transform:translateY(-6px);
    transition:.2s ease;
    z-index:100;
}
/* SHOW */
.new-contact-page .custom-dropdown.active .dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
/* ITEM */
.new-contact-page .dropdown-item{
    height:56px;
    display:flex;
    align-items:center;
    padding:0 16px;
    font-size:16px;
    color:#202124;
    cursor:pointer;
    transition:.15s;
}
.new-contact-page .help-dropdown .dropdown-item {
    white-space: normal;
    overflow-wrap: anywhere;
}
/* HOVER */
.new-contact-page .dropdown-item:hover{
    background:#f1f3f4;
}
/* =========================
   PRIVACY
========================= */
.new-contact-page .privacy {
    margin-top: 16px;
    font-family: "Google Sans",
                 "Google Sans Text",
                 Roboto,
                 Arial,
                 "Noto Sans JP",
                 "Noto Sans KR",
                 sans-serif;
    color: #5f6368;
    font-size: .75rem;
    line-height: 1.5833333333;
    font-weight: 400;
    letter-spacing: .0125rem;
    text-align: start;
}
.new-contact-page .privacy a{
    color:var(--theme-background-accent-subtle-selected);
    text-decoration:none;
}
/* =========================
   SUPPORT PANEL
========================= */
.new-contact-page .support-panel h2 {
    font-size: 1.5rem;
      line-height: 1.3333333333;
      font-weight: 500;
      letter-spacing: -.015625rem;
}
.new-contact-page .support-panel h2 {
    margin-bottom: 8px;
    padding: 0 10px;
}
.new-contact-page .support-image{
    border-radius:18px;
    overflow:hidden;
    background:#e5efe5;
    margin-bottom:24px;
}
.new-contact-page .support-image img{
    width:100%;
    display:block;
}
.new-contact-page .support-panel p {
    font-family: "Google Sans",
                 "Google Sans Text",
                 Roboto,
                 Arial,
                 "Noto Sans JP",
                 "Noto Sans KR",
                 sans-serif;
    font-size: 1.125rem;
    line-height: 1.5555555556;
    font-weight: 400;
    color: #5f6368;
    margin-bottom: 24px;
    letter-spacing: 0.2px;
    padding: 0 10px;
}
.new-contact-page .support-panel p a{
    color:var(--theme-background-accent-subtle-selected);
}

.custom-dropdown.active .dropdown-menu {
  display: block !important;
}
/* =========================
   SUPPORT BOXES
========================= */
.new-contact-page .support-boxes {
    margin-top: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 0 10px;
}
.new-contact-page .support-card {
    background: #f8f9fa;
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0;
}
.new-contact-page .support-card h4 {
    color: #202124;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    font-family: "Google Sans",
                 "Google Sans Text",
                 Roboto,
                 Arial,
                 "Noto Sans JP",
                 "Noto Sans KR",
                 sans-serif;
}
.new-contact-page .support-card a {
    color: var(--theme-background-accent-subtle-selected);
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: .0125rem;
    text-align: right;
    text-decoration: none;
    position: relative;
    width: max-content;
    margin-left: auto;
}
.new-contact-page .support-card a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    right: 0;
    bottom: 0;
    background-color: var(--theme-background-accent-subtle-selected);
}
.new-contact-page .support-card a:hover:after{
  background-color: #e8f0fe;
}
.new-contact-page .support-card a:hover {
    background-color: #e8f0fe;
    color: #174ea6;
}
.new-contact-page .form-2-submit{
  margin-top: 16px;
}
#salesSuccessContainer{
    display:none;
    /*padding:28px;*/
}

.success-banner img{
    width:100%;
    /*height:280px;*/
    object-fit:cover;
    border-radius:18px;
}

.success-content {
    margin-top: 16px;
}

.sucess-block h2 {
    margin-top: 8px;
}

.success-check {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #32a852;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    font-weight: 700;
}

.sucess-block {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
    flex-direction: column;
}

.success-content h2{
    font-size:38px;
    margin-bottom:12px;
    color:#202124;
    font-weight: 600 !important;
}

.success-content p{
    color:#5f6368;
    font-size:18px;
    line-height:1.7;
}

.success-cards {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    padding: 0 8px;
}

.success-card{
    background:#f8f9fa;
    border-radius:16px;
    padding:25px;
}
.success-card p {
    padding: 0 !important;
    margin: 0 !important;
}
.success-card h4 {
    margin-bottom: 9px;
    color: #202124;
    font-size: 17px;
    font-family: 'Google Sans Text','Google Sans', Arial, sans-serif;
}

.success-card p{
    font-size:16px;
    margin:0;
}

#submitAnotherBtn{
    margin-top:35px;
}
/*.new-contact-page .input-group input#phone_2 {
    padding-left: 16px !important;
}
*/
   @media (min-width: 1410px) and (min-width: 600px) {
       .left-side p {
            font-size:1.125rem;
            line-height: 1.5555555556;
            font-weight: 400
        }
    }
     @media (min-width: 600px) {
        .strong-item {
            font-size:1.125rem;
            line-height: 1.4444444444;
            font-weight: 500
        }
    }

    @media (min-width: 1200px) {
       .strong-item {
            font-size:1.25rem;
            line-height: 1.4;
            font-weight: 500
        }
    }

    @media (min-width: 767px) {
        .strong-item {
            margin:48px 0 24px
        }
    }

    @media (min-width: 1410px) {
        .strong-item {
            margin-top:36px
        }
    }

    .strong-item strong {
        font-weight: 500
    }
}
/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1410px) {
  .main-wrapper.new-contact-page {
       max-width: 724px;
    margin: auto;
    padding: 112px 0px 36px 0px;
    flex-direction: column;
   /* justify-content: center;*/
}
}
@media (max-width: 1409px) and (min-width: 1101px) {
    .main-wrapper.new-contact-page {
    max-width: 816px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 112px 48px 48px;
}

.new-contact-page .left-side {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}
    .new-contact-page .left-side h1,
    .new-contact-page .left-side p,
    .new-contact-page .strong-item {
        flex: 0 0 100%;
    }

.new-contact-page .left-side h1 {
    margin: 0 auto 0px;
    max-width: 65%;
    text-align: center;
}
.new-contact-page .left-side p {
    margin: 0 auto 36px;
    max-width: 594px;
    text-align: center;
}

.new-contact-page .strong-item {
    margin: 0 0 8px;
    margin-left: 0;
    text-align: center;
    font-size: 18px;
}

.new-contact-page .option-box {
    width: 228px;
    height: 208px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    margin-bottom: 4px;
    padding: 28px;
}
    .new-contact-page .option-text {
    text-align: left;
    font-size: 1rem;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
}

    .new-contact-page .form-wrapper {
        width: 100%;
        min-height: 0;
        margin-top: 0;
        padding: 36px;
    }
}
@media (max-width: 1409px) and (min-width: 1200px) {
  .new-contact-page .left-side h1{
    max-width: 55%;
  }

}
@media(max-width:1100px){
    .main-wrapper.new-contact-page{
        flex-direction:column;
        padding:32px 20px;
    }
   .new-contact-page .left-side{
        width:100%;
    }
    .new-contact-page .form-wrapper{
        width:100%;
       /* min-height:auto;*/
    }
    .new-contact-page .form-grid{
        grid-template-columns:1fr;
    }
    .new-contact-page .support-boxes{
        grid-template-columns:1fr;
    }
    .new-contact-page .support-card h4 {
    font-size: 14px;
}
.new-contact-page .support-card a {
    font-size: 14px;
}
}
@media(max-width:767px){
   .new-contact-page .left-side h1{
        font-size:38px;
        line-height:1.12;
    }
    .new-contact-page .form-wrapper{
        padding:24px;
    }
    .new-contact-page .form-wrapper h2{
        font-size:30px;
        line-height:1.2;
    }
   .new-contact-page .option-text{
        font-size:18px;
    }
    .success-cards {
    grid-template-columns: repeat(1,1fr);

}
.sucess-block h2 {
    font-size: 18px !important;
}
p#salesSuccessText {
    text-align: left;
}
.new-contact-page .selected-text {
    font-size: 14px;
    color: #202124;
    line-height: normal;
    text-align: left;
}
.sucess-block {
    justify-content: flex-start;
    align-items: flex-start;
}
p#salesSuccessText {
    padding: 0 !important;
}
.success-card p,.success-card h4{
  text-align: left !important;
  font-size: 14px !important;
}
.success-check {
    width: 24px;
    height: 24px;
    font-size: 15px;
}
}

/* Contact page responsive polish - desktop styles above remain unchanged */
@media (max-width: 1100px) {
    .main-wrapper.new-contact-page {
        max-width: 100%;
        flex-direction: column;
        gap: 48px;
        padding: 64px 24px 40px;
    }

    .main-wrapper.new-contact-page,
    .new-contact-page .form-wrapper,
    .new-contact-page .option-box,
    .new-contact-page .dropdown-field,
    .new-contact-page .input-group input,
    .new-contact-page .input-group textarea,
    .new-contact-page .input-group select,
    .new-contact-page .support-card {
        box-sizing: border-box;
    }

    .new-contact-page .left-side {
        width: 100%;
    }

    .new-contact-page .left-side h1,
    .new-contact-page .left-side p {
        max-width: 680px;
    }

    .new-contact-page .left-side p {
        margin-bottom: 32px;
    }

    .new-contact-page .strong-item {
        margin: 40px 0 24px;
    }

    .new-contact-page .option-box {
        width: 100%;
        max-width: 680px;
        border: 1px solid #dadce0;
        box-shadow: none;
    }

    .new-contact-page .option-box.active {
        border-color: transparent;
        box-shadow: 0 0 0 4px var(--theme-background-accent-subtle-selected);
    }

    .new-contact-page .option-box.support.active {
        border-color: transparent;
        box-shadow: 0 0 0 4px #1e8e3e;
    }

    .new-contact-page .form-wrapper {
        width: 100%;
        /*min-height: 0;*/
        border-width: 4px;
        border-style: solid;
    }

    .new-contact-page .form-grid {
        grid-template-columns: 1fr;
    }

    .new-contact-page .support-boxes {
        grid-template-columns: 1fr;
    }

    .new-contact-page .dropdown-menu {
        max-height: 320px;
        overflow-y: auto;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .main-wrapper.new-contact-page {
        max-width: 724px;
        align-items: center;
        gap: 12px;
        padding: 56px 0 48px;
    }

    .new-contact-page .left-side {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    text-align: center;
    margin-bottom: 5px;
}

    .new-contact-page .left-side h1,
    .new-contact-page .left-side p,
    .new-contact-page .strong-item {
        flex: 0 0 100%;
    }

    .new-contact-page .left-side h1 {
        margin: 0 auto 0px;
        max-width: 640px;
        font-size: 2.5rem;
        line-height: 1.25;
        text-align: center;
    }

.new-contact-page .left-side p {
    margin: 0 auto 30px;
    max-width: 520px;
    text-align: center;
}
.new-contact-page .form-wrapper h2 {
    font-size: 22px;
  
}

    .new-contact-page .strong-item {
    margin: 0 0 10px;
    text-align: center;
}

.new-contact-page .option-box {
    width: 228px;
    max-width: none;
    min-height: 216px;
    height: auto;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    gap: 24px;
    margin-bottom: 0;
    padding: 24px;
    border: 1px solid #dadce0;
    border-radius: 24px;
}

    .new-contact-page .option-box.active {
        border-color: transparent;
        box-shadow: 0 0 0 4px var(--theme-background-accent-subtle-selected);
    }

    .new-contact-page .option-box.support.active {
        border-color: transparent;
        box-shadow: 0 0 0 4px #1e8e3e;
    }

    .new-contact-page .option-text {
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 500;
        text-align: left;
    }

    .new-contact-page .form-wrapper,
    .new-contact-page .form-wrapper.support-mode {
        width: 100%;
        /*min-height: 0;*/
        margin-top: 0;
        border-width: 4px;
        border-radius: 24px;
        padding: 36px;
    }

    .new-contact-page .form-grid {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .new-contact-page .support-boxes {
        grid-template-columns: 1fr 1fr;
    }
    .success-card h4 {
    font-size: 14px;
}
p#supportSuccessText{
  font-size: 16px !important;
}
.success-card p {
    font-size: 14px !important;
    line-height: 1.47143;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .main-wrapper.new-contact-page {
    max-width: 724px;
    padding: 145px 0 48px;
}


    .new-contact-page .left-side h1 {
        max-width: 410px;
        font-size: 34px;
    }

    .new-contact-page .left-side p {
        max-width: 520px;
    }

    .new-contact-page .option-box {
        width: 228px;
        min-height: 216px;
    }

    .new-contact-page .form-wrapper,
    .new-contact-page .form-wrapper.support-mode {
        width: 100%;
        padding: 36px;
    }
    .new-contact-page .form-wrapper.support-mode {
      padding: 24px;
    }
    .new-contact-page .left-side h1, .new-contact-page .left-side p {
      max-width: 540px;
      text-align: center;
}
 .new-contact-page .left-side h1 {
        max-width: 410px;
        font-size: 34px;
    }
.new-contact-page .strong-item {
    font-size: 18px;

}

}

@media (min-width: 768px) and (max-width: 1180px) and (orientation: landscape) {
 .main-wrapper.new-contact-page {
    max-width: 816px;
    padding: 100px 48px 48px;
}

    .new-contact-page .left-side h1 {
    max-width: 350px;
    text-align: center;
    font-size: 2.125rem;
    line-height: 1.2352941176;
    font-weight: 600;
    letter-spacing: -.015625rem;
}

 .new-contact-page .left-side p {
    max-width: 460px;
    font-size: 16px;
}

    .new-contact-page .option-box {
        width: 228px;
        min-height: 216px;
    }

   .new-contact-page .form-wrapper, .new-contact-page .form-wrapper.support-mode {
    width: 100%;
    padding: 24px;
}
.new-contact-page .form-wrapper{
  padding: 36px;
}

    .new-contact-page .form-grid {
        grid-template-columns: 1fr 1fr;
    }
    .new-contact-page .option-text {
    font-size: 1.125rem;
    line-height: 1.625rem;
}

}

@media (max-width: 767px) {
    .main-wrapper.new-contact-page {
    gap: 10px;
    padding: 100px 0 48px;
    overflow: hidden;
}

    .new-contact-page .left-side {
        text-align: center;
    }

.new-contact-page .support-boxes {
    width: 272px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.new-contact-page .support-card a {;
    font-size: 14px;
}
.new-contact-page .support-card{
  gap: 25px;
}

    .new-contact-page .left-side h1 {
        font-size: 1.875rem;
        line-height: 1.2666666667;
        letter-spacing: 0;
        margin: 0 auto 18px;
        max-width: 342px;
    }

   .new-contact-page .left-side p {
    font-size: 1.125rem;
    line-height: 1.4444444444;
    margin: 0 auto 26px;
    max-width: 100%;
    padding: 0 24px;
    text-align: center;
}
.new-contact-page .form-wrapper.support-mode{
  text-align: left;
}

.new-contact-page .support-image img {
    height: 187px;
    object-fit: cover;
}

    .new-contact-page .strong-item {
        font-size: 1rem;
        line-height: 1.5;
        margin: 0 0 18px;
        padding: 0 24px;
    }

    .new-contact-page .option-box {
        max-width: none;
        min-height: 96px;
        border-radius: 24px;
        padding: 16px;
        gap: 16px;
        margin: 0 0 16px;
    }

    .new-contact-page .option-box.active {
        box-shadow: 0 0 0 1px #dadce0;
    }

    .new-contact-page .option-box.support.active {
        box-shadow: 0 0 0 1px #dadce0;
    }

    .new-contact-page .option-box.business.active {
        border-width: 2px;
        border-color: var(--theme-background-accent-subtle-selected);
        box-shadow: none;
        margin-bottom: 10px;
    }

    .new-contact-page .option-box.support.active {
        border-width: 2px;
        border-color: #1e8e3e;
        box-shadow: none;
        margin-bottom: 10px;
    }

    .new-contact-page .option-icon {
        width: 64px;
        min-width: 64px;
        height: 64px;
        border-radius: 8px;
    }

    .new-contact-page .option-icon img {
        width: 32px;
    }

    .new-contact-page .option-text {
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 500;
        text-align: left;
    }

    .main-wrapper.new-contact-page > .option-box:not(.active) {
        margin: 0;
        border-color: #dadce0;
        box-shadow: none;
    }

    .new-contact-page .form-wrapper,
    .new-contact-page .form-wrapper.support-mode {
        border-radius: 20px;
        border: 2px solid #1e8e3e;
        margin-top: 0;
        padding: 16px;
    }
    .new-contact-page .form-wrapper{
    border-radius: 20px;
    border: 2px solid var(--theme-background-accent-subtle-selected);
    margin-top: 0;
    padding: 24px 16px;
}

    .new-contact-page .left-side > .form-wrapper {
        margin-bottom: 16px;
    }

    .main-wrapper.new-contact-page.contact-mobile-collapsed .form-wrapper {
        display: none;
    }

    .new-contact-page .form-wrapper h2,
    .new-contact-page .support-panel h2 {
        font-size: 1.5rem;
        line-height: 1.3333333333;
    }

    .new-contact-page .form-wrapper h2 {
    font-size: 18px;
    text-align: center;
}
.new-contact-page .support-panel h2{
  text-align: left;
}

    .submit-wrapper {
        align-items: center;
        flex-direction: column;
        gap: 12px;
    }
}
@media (min-width: 600px) and (max-width: 760px) {
.main-wrapper.new-contact-page {
    padding: 100px 73px 48px;
}
.new-contact-page .left-side h1 {
    font-size: 34px;
    max-width: 355px;
}
.new-contact-page .left-side p {
    font-size: 16px;
    margin-left: 0 !important;
    text-align: left;
    padding: 0 10px;
}
.new-contact-page .form-wrapper h2 {
    font-size: 22px;
}
.new-contact-page .support-image img {
    height: 225px;
    object-fit: cover;
}
.new-contact-page .form-wrapper.support-mode{
  text-align: left;
}
.new-contact-page .support-card {
    gap: 0px;
}
}
@media (max-width: 480px) {
    .new-contact-page .business-panel,
    .new-contact-page .support-panel {
        min-width: 0;
    }

    .main-wrapper.new-contact-page {
        gap: 10px;
        padding: 100px 0 40px;
    }

    .new-contact-page .left-side h1 {
    font-size: 1.75rem;
    line-height: 1.2866666667;
}

   .new-contact-page .left-side p {
    font-size: 16px;
    line-height: 1.4444444444;
    margin-bottom: 26px;
}

    .new-contact-page .strong-item {
        font-size: 1rem;
        line-height: 1.5;
        margin: 0 0 18px;
    }

    .new-contact-page .option-box {
        border-radius: 24px;
        padding: 16px;
    }

    .new-contact-page .option-text {
        font-size: 1rem;
        line-height: 1.5;
    }

   .new-contact-page .form-wrapper{
    padding: 24px 16px;
}
   .new-contact-page .form-wrapper, .new-contact-page .form-wrapper.support-mode {
    padding:16px;
}
    .new-contact-page .form-grid {
        gap: 16px;
    }

    .new-contact-page .dropdown-menu {
        max-height: 280px;
    }

    .new-contact-page .dropdown-item {
        min-height: 56px;
        height: auto;
        line-height: 1.4;
        padding-top: 12px;
        padding-bottom: 12px;
        white-space: normal;
    }

    .new-contact-page .checkbox-item {
        align-items: flex-start;
    }

    .new-contact-page .checkbox-item::before {
        top: -10px;
    }

    .new-contact-page .submit-btn {
        max-width: 100%;
        white-space: normal;
    }

    .new-contact-page .support-panel p {
    font-size: 16px;
    line-height: 1.5555555556;
    padding: 0;
    text-align: left;
}
    .new-contact-page .support-panel h2 {
        padding: 0;
        text-align: left;
    }

    .new-contact-page .support-card {
    border-radius: 24px;
    padding: 16px;
}

.new-contact-page .support-card h4 {
    width: 252px;
    text-align: left;
    font-size: 14px;
}

   .new-contact-page .support-card a {
    margin-left: auto;
    text-align: right;
    width: max-content;
}
}

@media (max-width: 360px) {
    .main-wrapper.new-contact-page {
        padding-left: 0;
        padding-right: 0;
    }

    .new-contact-page .form-wrapper,
    .new-contact-page .form-wrapper.support-mode {
        padding: 16px;
    }

    .new-contact-page .option-box {
        padding-left: 16px;
        padding-right: 16px;
    }

    .new-contact-page .option-text {
        font-size: .9375rem;
        line-height: 1.4666666667;
    }
}

.custom-dropdown.open-top .dropdown-menu{
    top: auto;
    bottom: 115%;
}

.phone-group {
    position: relative;
}

.phone-group input {
    width: 100%;
    height: 70px;
    border: 1px solid #dadce0;
    border-radius: 8px;
    padding: 10px 15px 10px 75px !important;
    font-size: 18px;
    outline: none;
}

.phone-group input:focus {
    border: 2px solid var(--theme-background-accent-subtle-selected);
}

.phone-group label {
    position: absolute;
    top: 24px;
    left: 110px;
    color: #5f6368;
    transition: 0.3s;
    pointer-events: none;
}

.phone-group input:focus + label,
.phone-group input:valid + label {
    top: 8px;
    left: 110px;
    font-size: 12px;
    color: var(--theme-background-accent-subtle-selected);
    background: #fff;
    padding: 0 4px;
}

/* country dropdown */
.iti {
    width: 100%;
}

.iti__selected-country {
    padding-left: 16px;
}

.iti--separate-dial-code .iti__selected-flag {
    background: transparent;
}

.iti__search-input {
    display: none !important;
}

.iti__search-container {
    display: none !important;
}
.submit-btn.loading {
    opacity: .9;
    cursor: not-allowed;
    pointer-events: none;
}

.submit-btn.loading::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    vertical-align: middle;
    animation: btnSpinner .8s linear infinite;
}

@keyframes btnSpinner {
    to {
        transform: rotate(360deg);
    }
}
@media (max-width: 480px) {
    .phone-group input {
        height: 56px;
        border-radius: 4px;
        padding-left: 72px !important;
        font-size: 16px;
    }

    .phone-group label {
        top: 18px;
        left: 104px;
        font-size: 16px;
    }

    .phone-group input:focus + label,
    .phone-group input:valid + label {
        top: 0;
        left: 104px;
    }

    .iti__selected-country {
        padding-left: 12px;
    }
}