.elementor-2208 .elementor-element.elementor-element-b82f5a1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), yekanbakh;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-c239bda *//* =========================================================

   صفحه درخواست دموی CRM تارپرداز

   نسخه تمیز و بازطراحی شده

========================================================= */
.tp-demo-page {

    --tp-primary: #084D55;

    --tp-primary-dark: #053B42;

    --tp-secondary: #1594A3;

    --tp-accent: #FFD203;

    --tp-black: #000000;

    --tp-text: #28474B;

    --tp-muted: #687E81;

    --tp-border: #DDE9EA;

    --tp-surface: #F5F9F9;

    --tp-white: #FFFFFF;
    width: 100%;

    margin: 0;

    padding: clamp(22px, 4vw, 55px) 15px;

    direction: rtl;

    color: var(--tp-text);

    background:

        radial-gradient(

            circle at 4% 5%,

            rgba(21, 148, 163, 0.12),

            transparent 310px

        ),

        radial-gradient(

            circle at 96% 38%,

            rgba(255, 210, 3, 0.10),

            transparent 280px

        ),

        linear-gradient(

            180deg,

            #F8FBFB 0%,

            #EFF6F6 100%

        );

    font-family: var(

        --e-global-typography-text-font-family,

        inherit

    ) !important;

    overflow: hidden;

}
.tp-demo-page,

.tp-demo-page * {

    box-sizing: border-box;

}
.tp-demo-page :where(

    h1,

    h2,

    h3,

    h4,

    p,

    span,

    strong,

    a,

    label,

    legend,

    input,

    textarea,

    select,

    button,

    li

) {

    font-family: inherit !important;

    letter-spacing: normal !important;

}
.tp-demo-page a {

    text-decoration: none;

}
.tp-demo-wrapper {

    width: 100%;

    max-width: 1180px;

    margin: 0 auto;

}
/* =========================================================

   چیدمان بخش ابتدایی و فرم

========================================================= */
.tp-demo-main {

    display: grid;

    grid-template-columns:

        minmax(290px, 0.72fr)

        minmax(0, 1.28fr);

    grid-template-areas:

        "trial intro"

        "form form";

    gap: 22px;

    direction: ltr;

    align-items: stretch;

}
.tp-demo-intro,

.tp-demo-trial,

.tp-demo-form {

    direction: rtl;

}
.tp-demo-intro {

    grid-area: intro;

    position: relative;

    min-height: 330px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: clamp(30px, 4vw, 52px);

    background: var(--tp-white);

    border: 1px solid rgba(8, 77, 85, 0.09);

    border-radius: 28px;

    box-shadow: 0 22px 55px rgba(8, 77, 85, 0.08);

    overflow: hidden;

}
.tp-demo-intro::before {

    content: "";

    position: absolute;

    top: -105px;

    left: -65px;

    width: 190px;

    height: 190px;

    background: rgba(255, 210, 3, 0.15);

    border-radius: 50%;

}
.tp-demo-intro::after {

    content: "";

    position: absolute;

    right: -45px;

    bottom: -55px;

    width: 115px;

    height: 115px;

    background: rgba(21, 148, 163, 0.10);

    border-radius: 50%;

}
.tp-demo-label {

    position: relative;

    z-index: 2;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    width: fit-content;

    margin-bottom: 21px;

    padding: 9px 15px;

    color: var(--tp-primary);

    background: #EDF7F8;

    border: 1px solid #CBE6E9;

    border-radius: 100px;

    font-size: 13px;

    font-weight: 700;

    line-height: 1.7;

    white-space: nowrap;

    flex-wrap: nowrap;

}
.tp-demo-label svg {

    width: 18px;

    height: 18px;

    color: var(--tp-secondary);

    flex: 0 0 18px;

}
.tp-demo-description {

    position: relative;

    z-index: 2;

    max-width: 760px;

    margin: 0;

    color: #516B6F;

    font-size: clamp(18px, 1.75vw, 21px);

    font-weight: 400;

    line-height: 2.15;

}
.tp-demo-description strong {

    color: var(--tp-primary);

    font-weight: 700;

}
.tp-demo-benefits {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 10px;

    margin-top: 27px;

}
.tp-demo-benefit {

    min-height: 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    padding: 10px 12px;

    color: #3C595D;

    background: #F5F9F9;

    border: 1px solid #DFEAEB;

    border-radius: 13px;

    text-align: center;

    font-size: 12px;

    font-weight: 600;

    line-height: 1.7;

}
.tp-demo-benefit svg {

    width: 17px;

    height: 17px;

    color: var(--tp-secondary);

    flex: 0 0 17px;

}
.tp-demo-mobile-offer {

    display: none;

}
/* =========================================================

   کارت 15 روز استفاده رایگان

========================================================= */
.tp-demo-trial {

    grid-area: trial;

    position: relative;

    min-height: 330px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 34px 26px;

    color: var(--tp-white);

    text-align: center;

    background:

        radial-gradient(

            circle at 5% 5%,

            rgba(255, 210, 3, 0.16),

            transparent 210px

        ),

        linear-gradient(

            145deg,

            #0B5961 0%,

            #063E45 100%

        );

    border-radius: 28px;

    box-shadow: 0 22px 55px rgba(8, 77, 85, 0.20);

    overflow: hidden;

}
.tp-demo-trial::before {

    content: "";

    position: absolute;

    top: -155px;

    right: -80px;

    width: 250px;

    height: 250px;

    border: 1px solid rgba(255, 255, 255, 0.10);

    border-radius: 50%;

}
.tp-demo-trial::after {

    content: "";

    position: absolute;

    left: -75px;

    bottom: -105px;

    width: 160px;

    height: 160px;

    border: 1px solid rgba(255, 255, 255, 0.09);

    border-radius: 50%;

}
.tp-trial-label {

    position: relative;

    z-index: 2;

    display: inline-flex;

    align-items: center;

    padding: 8px 14px;

    color: var(--tp-accent);

    background: rgba(255, 255, 255, 0.07);

    border: 1px solid rgba(255, 210, 3, 0.35);

    border-radius: 100px;

    font-size: 12px;

    font-weight: 700;

    line-height: 1.7;

}
.tp-trial-number {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: flex-end;

    justify-content: center;

    gap: 10px;

    margin: 22px 0 12px;

}
.tp-trial-number strong {

    color: var(--tp-accent);

    font-size: clamp(78px, 7vw, 105px);

    font-weight: 700;

    line-height: 0.85;

}
.tp-trial-number span {

    margin-bottom: 7px;

    color: var(--tp-white);

    font-size: 22px;

    font-weight: 700;

}
.tp-trial-text {

    position: relative;

    z-index: 2;

    max-width: 285px;

    margin: 0;

    color: rgba(255, 255, 255, 0.78);

    font-size: 14px;

    font-weight: 400;

    line-height: 2;

}
.tp-trial-button {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 280px;

    min-height: 52px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    margin-top: 23px;

    padding: 12px 20px;

    color: var(--tp-black);

    background: var(--tp-accent);

    border: 1px solid var(--tp-accent);

    border-radius: 13px;

    font-size: 13px;

    font-weight: 700;

    line-height: 1.7;

    transition:

        transform 0.25s ease,

        background 0.25s ease,

        color 0.25s ease;

}
.tp-trial-button:hover {

    color: var(--tp-white);

    background: var(--tp-secondary);

    border-color: var(--tp-secondary);

    transform: translateY(-2px);

}
.tp-trial-button svg {

    width: 18px;

    height: 18px;

}
/* =========================================================

   کارت فرم

========================================================= */
.tp-demo-form {

    grid-area: form;

    position: relative;

    padding: clamp(24px, 4vw, 45px);

    background: var(--tp-white);

    border: 1px solid rgba(8, 77, 85, 0.09);

    border-radius: 28px;

    box-shadow: 0 24px 60px rgba(8, 77, 85, 0.09);

    scroll-margin-top: 25px;

}
.tp-form-intro {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 22px;

    margin-bottom: 26px;

    padding-bottom: 24px;

    border-bottom: 1px solid var(--tp-border);

}
.tp-form-intro-text {

    display: flex;

    align-items: center;

    gap: 14px;

}
.tp-form-icon {

    width: 54px;

    height: 54px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--tp-white);

    background: var(--tp-primary);

    border-radius: 16px;

    box-shadow: 0 12px 24px rgba(8, 77, 85, 0.17);

    flex: 0 0 54px;

}
.tp-form-icon svg {

    width: 25px;

    height: 25px;

}
.tp-form-intro-text p {

    max-width: 690px;

    margin: 0;

    color: #546E72;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.95;

}
.tp-form-intro-text strong {

    color: var(--tp-primary);

    font-weight: 700;

}
.tp-form-offer {

    min-width: 175px;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 11px 16px;

    color: var(--tp-primary);

    background: linear-gradient(

        135deg,

        #FFF9D5 0%,

        #FFF2A8 100%

    );

    border: 1px solid rgba(255, 210, 3, 0.68);

    border-radius: 15px;

    text-align: center;

}
.tp-form-offer strong {

    font-size: 18px;

    font-weight: 700;

    line-height: 1.5;

}
.tp-form-offer span {

    font-size: 11px;

    font-weight: 600;

    line-height: 1.7;

}
/* =========================================================

   استایل Gravity Forms

========================================================= */
.tp-demo-page #gform_wrapper_2 {

    width: 100%;

    margin: 0 !important;

    direction: rtl !important;

}
.tp-demo-page #gform_wrapper_2 form,

.tp-demo-page #gform_wrapper_2 .gform_body,

.tp-demo-page #gform_wrapper_2 .gform_fields {

    width: 100%;

}
.tp-demo-page #gform_wrapper_2 .gform_heading {

    margin: 0 0 23px !important;

}
.tp-demo-page #gform_wrapper_2 .gform_title {

    margin: 0 0 7px !important;

    color: var(--tp-primary) !important;

    font-family: inherit !important;

    font-size: clamp(20px, 2vw, 24px) !important;

    font-weight: 700 !important;

    line-height: 1.75 !important;

}
.tp-demo-page #gform_wrapper_2 .gform_description {

    display: block;

    margin: 0 !important;

    color: var(--tp-muted) !important;

    font-family: inherit !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    line-height: 1.9 !important;

}
.tp-demo-page #gform_wrapper_2 .gform_fields {

    row-gap: 18px !important;

    column-gap: 16px !important;

}
.tp-demo-page #gform_wrapper_2 .gfield_label,

.tp-demo-page #gform_wrapper_2 .gform-field-label,

.tp-demo-page #gform_wrapper_2 legend.gfield_label {

    margin-bottom: 8px !important;

    color: #294B4F !important;

    font-family: inherit !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    line-height: 1.8 !important;

}
.tp-demo-page #gform_wrapper_2 .gfield_required,

.tp-demo-page #gform_wrapper_2 .gfield_required_text {

    color: #D7463D !important;

}
.tp-demo-page #gform_wrapper_2 input[type="text"],

.tp-demo-page #gform_wrapper_2 input[type="email"],

.tp-demo-page #gform_wrapper_2 input[type="tel"],

.tp-demo-page #gform_wrapper_2 input[type="url"],

.tp-demo-page #gform_wrapper_2 input[type="number"],

.tp-demo-page #gform_wrapper_2 input[type="password"],

.tp-demo-page #gform_wrapper_2 input[type="search"],

.tp-demo-page #gform_wrapper_2 input[type="date"],

.tp-demo-page #gform_wrapper_2 select,

.tp-demo-page #gform_wrapper_2 textarea {

    width: 100% !important;

    min-height: 52px !important;

    margin: 0 !important;

    padding: 11px 14px !important;

    color: #25474B !important;

    background: #F8FBFB !important;

    border: 1px solid #D5E3E4 !important;

    border-radius: 12px !important;

    outline: none !important;

    box-shadow: none !important;

    font-family: inherit !important;

    font-size: 14px !important;

    font-weight: 400 !important;

    line-height: 1.8 !important;

    transition:

        border-color 0.2s ease,

        background 0.2s ease,

        box-shadow 0.2s ease !important;

}
.tp-demo-page #gform_wrapper_2 textarea {

    min-height: 125px !important;

    resize: vertical;

}
.tp-demo-page #gform_wrapper_2 input:focus,

.tp-demo-page #gform_wrapper_2 select:focus,

.tp-demo-page #gform_wrapper_2 textarea:focus {

    background: var(--tp-white) !important;

    border-color: var(--tp-secondary) !important;

    box-shadow: 0 0 0 4px rgba(21, 148, 163, 0.10) !important;

}
.tp-demo-page #gform_wrapper_2 input::placeholder,

.tp-demo-page #gform_wrapper_2 textarea::placeholder {

    color: #98A9AB !important;

    opacity: 1 !important;

}
.tp-demo-page #gform_wrapper_2 .gfield_description,

.tp-demo-page #gform_wrapper_2 .gform-field-label--type-sub {

    padding-top: 6px !important;

    color: #788C8F !important;

    font-family: inherit !important;

    font-size: 11px !important;

    font-weight: 400 !important;

    line-height: 1.8 !important;

}
.tp-demo-page #gform_wrapper_2 .gchoice {

    display: flex;

    align-items: center;

    gap: 8px;

}
.tp-demo-page #gform_wrapper_2 .gchoice label {

    color: #425F63 !important;

    font-family: inherit !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    line-height: 1.8 !important;

}
.tp-demo-page #gform_wrapper_2 input[type="checkbox"],

.tp-demo-page #gform_wrapper_2 input[type="radio"] {

    accent-color: var(--tp-secondary);

}
.tp-demo-page #gform_wrapper_2 .gform_footer,

.tp-demo-page #gform_wrapper_2 .gform_page_footer {

    margin: 24px 0 0 !important;

    padding: 0 !important;

}
.tp-demo-page #gform_wrapper_2 .gform_button,

.tp-demo-page #gform_wrapper_2 input[type="submit"],

.tp-demo-page #gform_wrapper_2 button[type="submit"] {

    min-width: 225px !important;

    min-height: 54px !important;

    margin: 0 !important;

    padding: 13px 28px !important;

    color: var(--tp-white) !important;

    background: var(--tp-primary) !important;

    border: 1px solid var(--tp-primary) !important;

    border-radius: 13px !important;

    box-shadow: 0 12px 25px rgba(8, 77, 85, 0.16) !important;

    cursor: pointer !important;

    font-family: inherit !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.8 !important;

    transition:

        transform 0.25s ease,

        background 0.25s ease,

        color 0.25s ease !important;

}
.tp-demo-page #gform_wrapper_2 .gform_button:hover,

.tp-demo-page #gform_wrapper_2 input[type="submit"]:hover,

.tp-demo-page #gform_wrapper_2 button[type="submit"]:hover {

    color: var(--tp-black) !important;

    background: var(--tp-accent) !important;

    border-color: var(--tp-accent) !important;

    transform: translateY(-2px);

}
.tp-demo-page #gform_wrapper_2 .validation_message {

    margin-top: 7px !important;

    padding: 8px 11px !important;

    color: #AA3028 !important;

    background: #FFF2F0 !important;

    border: 1px solid #FFD2CD !important;

    border-radius: 9px !important;

    font-family: inherit !important;

    font-size: 11px !important;

    line-height: 1.8 !important;

}
.tp-demo-page #gform_wrapper_2 .gform_validation_errors {

    margin: 0 0 20px !important;

    padding: 15px 17px !important;

    background: #FFF4F2 !important;

    border: 1px solid #FFCEC8 !important;

    border-radius: 12px !important;

    box-shadow: none !important;

}
.tp-demo-page #gform_wrapper_2 .gform_validation_errors h2 {

    margin: 0 !important;

    color: #A22F27 !important;

    font-family: inherit !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    line-height: 1.9 !important;

}
.tp-form-note {

    display: flex;

    align-items: flex-start;

    gap: 9px;

    margin-top: 23px;

    padding: 12px 14px;

    color: #5B7376;

    background: #F2F7F7;

    border-right: 3px solid var(--tp-secondary);

    border-radius: 10px;

    font-size: 11px;

    font-weight: 400;

    line-height: 1.9;

}
.tp-form-note svg {

    width: 18px;

    height: 18px;

    margin-top: 2px;

    color: var(--tp-secondary);

    flex: 0 0 18px;

}
/* =========================================================

   فرآیند دریافت CRM

========================================================= */
.tp-demo-process {

    position: relative;

    margin-top: 24px;

    padding: clamp(32px, 4vw, 50px);

    background: var(--tp-white);

    border: 1px solid rgba(8, 77, 85, 0.09);

    border-radius: 28px;

    box-shadow: 0 24px 60px rgba(8, 77, 85, 0.09);

    overflow: hidden;

}
.tp-demo-process::before {

    content: "";

    position: absolute;

    left: -165px;

    bottom: -180px;

    width: 280px;

    height: 280px;

    background: rgba(21, 148, 163, 0.06);

    border-radius: 50%;

}
.tp-process-header {

    position: relative;

    z-index: 2;

    max-width: 760px;

    margin: 0 auto 38px;

    text-align: center;

}
.tp-process-label {

    display: inline-flex;

    align-items: center;

    margin-bottom: 11px;

    padding: 7px 14px;

    color: var(--tp-primary);

    background: #FFF8CC;

    border: 1px solid rgba(255, 210, 3, 0.58);

    border-radius: 100px;

    font-size: 12px;

    font-weight: 600;

    line-height: 1.7;

}
.tp-process-title {

    margin: 0 0 9px;

    color: var(--tp-primary);

    font-size: clamp(23px, 3vw, 33px);

    font-weight: 700;

    line-height: 1.7;

}
.tp-process-description {

    margin: 0;

    color: var(--tp-muted);

    font-size: 13px;

    font-weight: 400;

    line-height: 2;

}
.tp-process-list {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns: repeat(6, minmax(0, 1fr));

    gap: 12px;

    direction: rtl;

}
.tp-process-list::before {

    content: "";

    position: absolute;

    z-index: 0;

    top: 27px;

    right: 6%;

    left: 6%;

    height: 2px;

    background: linear-gradient(

        90deg,

        rgba(21, 148, 163, 0.20),

        var(--tp-secondary),

        rgba(21, 148, 163, 0.20)

    );

}
.tp-process-step {

    position: relative;

    padding-top: 61px;

}
.tp-process-number {

    position: absolute;

    z-index: 3;

    top: 0;

    right: 50%;

    width: 55px;

    height: 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--tp-white);

    background: var(--tp-primary);

    border: 6px solid var(--tp-white);

    border-radius: 18px;

    box-shadow: 0 9px 22px rgba(8, 77, 85, 0.18);

    font-size: 17px;

    font-weight: 700;

    transform: translateX(50%);

}
.tp-process-card {

    position: relative;

    height: 100%;

    min-height: 195px;

    padding: 22px 15px 18px;

    background: #F7FAFA;

    border: 1px solid #DFEAEB;

    border-radius: 18px;

    transition:

        transform 0.25s ease,

        border-color 0.25s ease,

        box-shadow 0.25s ease;

    overflow: hidden;

}
.tp-process-card::after {

    content: "";

    position: absolute;

    left: -30px;

    bottom: -35px;

    width: 78px;

    height: 78px;

    background: rgba(21, 148, 163, 0.07);

    border-radius: 50%;

}
.tp-process-step:hover .tp-process-card {

    border-color: rgba(21, 148, 163, 0.45);

    box-shadow: 0 15px 30px rgba(8, 77, 85, 0.10);

    transform: translateY(-5px);

}
.tp-process-status {

    position: relative;

    z-index: 2;

    display: inline-flex;

    margin-bottom: 11px;

    color: var(--tp-secondary);

    font-size: 10px;

    font-weight: 600;

    line-height: 1.7;

}
.tp-process-card h3 {

    position: relative;

    z-index: 2;

    margin: 0 0 9px;

    color: var(--tp-primary);

    font-size: 15px;

    font-weight: 700;

    line-height: 1.75;

}
.tp-process-card p {

    position: relative;

    z-index: 2;

    margin: 0;

    color: var(--tp-muted);

    font-size: 11.5px;

    font-weight: 400;

    line-height: 1.95;

}
/* مرحله 15 روز رایگان */
.tp-process-step.is-trial .tp-process-number {

    color: var(--tp-primary);

    background: var(--tp-accent);

}
.tp-process-step.is-trial .tp-process-card {

    background:

        radial-gradient(

            circle at 100% 0%,

            rgba(255, 255, 255, 0.65),

            transparent 125px

        ),

        linear-gradient(

            145deg,

            #FFDB29 0%,

            #FFD203 100%

        );

    border-color: var(--tp-accent);

    box-shadow: 0 15px 32px rgba(255, 210, 3, 0.20);

}
.tp-process-step.is-trial .tp-process-card::after {

    background: rgba(8, 77, 85, 0.09);

}
.tp-process-step.is-trial .tp-process-status {

    color: var(--tp-primary);

}
.tp-process-step.is-trial .tp-process-card h3 {

    color: var(--tp-black);

    font-size: 16px;

}
.tp-process-step.is-trial .tp-process-card p {

    color: rgba(0, 0, 0, 0.67);

    font-weight: 500;

}
/* مرحله پایانی */
.tp-process-step.is-final .tp-process-number {

    background: var(--tp-secondary);

}
.tp-process-step.is-final .tp-process-card {

    background: linear-gradient(

        145deg,

        #0A5962 0%,

        #084149 100%

    );

    border-color: var(--tp-primary);

}
.tp-process-step.is-final .tp-process-status {

    color: var(--tp-accent);

}
.tp-process-step.is-final .tp-process-card h3 {

    color: var(--tp-white);

}
.tp-process-step.is-final .tp-process-card p {

    color: rgba(255, 255, 255, 0.74);

}
/* =========================================================

   تبلت

========================================================= */
@media (max-width: 1050px) {

    .tp-demo-main {

        grid-template-columns:

            minmax(270px, 0.78fr)

            minmax(0, 1.22fr);

    }
    .tp-demo-benefits {

        grid-template-columns: 1fr;

    }
    .tp-demo-benefit {

        justify-content: flex-start;

        text-align: right;

    }
    .tp-process-list {

        grid-template-columns: repeat(3, minmax(0, 1fr));

        gap: 18px;

    }
    .tp-process-list::before {

        display: none;

    }
    .tp-process-card {

        min-height: 165px;

    }

}
/* =========================================================

   موبایل

========================================================= */
@media (max-width: 700px) {

    .tp-demo-page {

        padding: 8px 7px 25px;

    }
    .tp-demo-main {

        grid-template-columns: 1fr;

        grid-template-areas:

            "intro"

            "form";

        gap: 10px;

    }
    /* در موبایل کارت بزرگ حذف می شود تا فرم سریع دیده شود */
    .tp-demo-trial {

        display: none;

    }
    .tp-demo-intro {

        min-height: auto;

        padding: 17px 15px;

        border-radius: 18px;

        box-shadow: 0 10px 28px rgba(8, 77, 85, 0.07);

    }
    .tp-demo-intro::before {

        top: -65px;

        left: -40px;

        width: 105px;

        height: 105px;

    }
    .tp-demo-intro::after {

        display: none;

    }
    .tp-demo-label {

        margin-bottom: 10px;

        padding: 7px 10px;

        font-size: 11px;

        white-space: nowrap;

        flex-wrap: nowrap;

        width: max-content;

        max-width: 100%;

    }
    .tp-demo-label svg {

        width: 16px;

        height: 16px;

    }
    .tp-demo-description {

        font-size: 15px;

        line-height: 2.05;

    }
    .tp-demo-benefits {

        display: none;

    }
    .tp-demo-mobile-offer {

        position: relative;

        z-index: 2;

        display: flex;

        align-items: center;

        gap: 8px;

        margin-top: 12px;

        padding: 9px 11px;

        color: var(--tp-primary);

        background: #FFF8CC;

        border: 1px solid rgba(255, 210, 3, 0.58);

        border-radius: 11px;

        font-size: 11px;

        font-weight: 500;

        line-height: 1.7;

    }
    .tp-demo-mobile-offer strong {

        color: var(--tp-primary);

        font-size: 15px;

        font-weight: 700;

        white-space: nowrap;

    }
    .tp-demo-form {

        padding: 17px 13px;

        border-radius: 18px;

        box-shadow: 0 14px 34px rgba(8, 77, 85, 0.08);

    }
    /* حذف توضیحات اضافه قبل از فرم در موبایل */
    .tp-form-intro {

        display: none;

    }
    .tp-demo-page #gform_wrapper_2 .gform_heading {

        margin-bottom: 15px !important;

    }
    .tp-demo-page #gform_wrapper_2 .gform_title {

        font-size: 18px !important;

        line-height: 1.7 !important;

    }
    .tp-demo-page #gform_wrapper_2 .gform_description {

        font-size: 11.5px !important;

        line-height: 1.8 !important;

    }
    .tp-demo-page #gform_wrapper_2 .gform_fields {

        row-gap: 13px !important;

    }
    .tp-demo-page #gform_wrapper_2 input[type="text"],

    .tp-demo-page #gform_wrapper_2 input[type="email"],

    .tp-demo-page #gform_wrapper_2 input[type="tel"],

    .tp-demo-page #gform_wrapper_2 input[type="url"],

    .tp-demo-page #gform_wrapper_2 input[type="number"],

    .tp-demo-page #gform_wrapper_2 input[type="password"],

    .tp-demo-page #gform_wrapper_2 input[type="search"],

    .tp-demo-page #gform_wrapper_2 input[type="date"],

    .tp-demo-page #gform_wrapper_2 select,

    .tp-demo-page #gform_wrapper_2 textarea {

        min-height: 49px !important;

        padding: 10px 12px !important;

        font-size: 13px !important;

    }
    .tp-demo-page #gform_wrapper_2 textarea {

        min-height: 105px !important;

    }
    .tp-demo-page #gform_wrapper_2 .gform_footer,

    .tp-demo-page #gform_wrapper_2 .gform_page_footer {

        margin-top: 18px !important;

    }
    .tp-demo-page #gform_wrapper_2 .gform_button,

    .tp-demo-page #gform_wrapper_2 input[type="submit"],

    .tp-demo-page #gform_wrapper_2 button[type="submit"] {

        width: 100% !important;

        min-width: 100% !important;

        min-height: 52px !important;

    }
    .tp-form-note {

        margin-top: 17px;

        padding: 10px 11px;

        font-size: 10.5px;

    }
    .tp-demo-process {

        margin-top: 12px;

        padding: 25px 15px;

        border-radius: 19px;

    }
    .tp-process-header {

        margin-bottom: 25px;

        text-align: right;

    }
    .tp-process-label {

        margin-bottom: 8px;

        font-size: 10.5px;

    }
    .tp-process-title {

        font-size: 20px;

        line-height: 1.7;

    }
    .tp-process-description {

        font-size: 11.5px;

        line-height: 1.9;

    }
    .tp-process-list {

        display: block;

        position: relative;

    }
    .tp-process-list::before {

        display: block;

        top: 12px;

        right: 22px;

        bottom: 12px;

        left: auto;

        width: 2px;

        height: auto;

        background: linear-gradient(

            180deg,

            var(--tp-secondary),

            rgba(21, 148, 163, 0.14)

        );

    }
    .tp-process-step {

        min-height: auto;

        padding: 0 62px 13px 0;

    }
    .tp-process-step:last-child {

        padding-bottom: 0;

    }
    .tp-process-number {

        top: 13px;

        right: 0;

        width: 45px;

        height: 45px;

        border-width: 5px;

        border-radius: 14px;

        font-size: 14px;

        transform: none;

    }
    .tp-process-card {

        min-height: auto;

        padding: 16px 15px;

        border-radius: 14px;

    }
    .tp-process-status {

        margin-bottom: 7px;

        font-size: 9.5px;

    }
    .tp-process-card h3 {

        margin-bottom: 5px;

        font-size: 14px;

    }
    .tp-process-step.is-trial .tp-process-card h3 {

        font-size: 15px;

    }
    .tp-process-card p {

        font-size: 11px;

        line-height: 1.85;

    }
    .tp-process-step:hover .tp-process-card {

        transform: none;

    }

}
@media (max-width: 390px) {

    .tp-demo-page {

        padding-right: 5px;

        padding-left: 5px;

    }
    .tp-demo-intro {

        padding: 15px 12px;

    }
    .tp-demo-description {

        font-size: 14.5px;

        line-height: 2;

    }
    .tp-demo-form {

        padding: 15px 11px;

    }

}/* End custom CSS */