.elementor-20219 .elementor-element.elementor-element-322cdad{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20219 .elementor-element.elementor-element-bf5d4c3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-20219 .elementor-element.elementor-element-ad4cd6d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20219 .elementor-element.elementor-element-0223207 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-20219 .elementor-element.elementor-element-0223207 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-20219 .elementor-element.elementor-element-0223207 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-20219 .elementor-element.elementor-element-0223207 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-20219 .elementor-element.elementor-element-0223207 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-20219 .elementor-element.elementor-element-0223207 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-20219 .elementor-element.elementor-element-0223207 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-20219 .elementor-element.elementor-element-0223207 .elementor-field-type-html{padding-bottom:0px;}.elementor-20219 .elementor-element.elementor-element-0223207 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-20219 .elementor-element.elementor-element-0223207 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-20219 .elementor-element.elementor-element-0223207 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-20219 .elementor-element.elementor-element-0223207 .elementor-button[type="submit"]{color:#ffffff;}.elementor-20219 .elementor-element.elementor-element-0223207 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-20219 .elementor-element.elementor-element-0223207 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-20219 .elementor-element.elementor-element-0223207 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-20219 .elementor-element.elementor-element-0223207 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-20219 .elementor-element.elementor-element-0223207 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-20219 .elementor-element.elementor-element-0223207 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-20219 .elementor-element.elementor-element-0223207{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-20219 .elementor-element.elementor-element-f24f520{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:769px){.elementor-20219 .elementor-element.elementor-element-ad4cd6d{--width:50%;}.elementor-20219 .elementor-element.elementor-element-f24f520{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-ec48c90 *//* =========================================================
   PSBF CONTACT PAGE V2
========================================================= */

.psbf-contact-v2,
.psbf-contact-form-section {

    --psbf-red: #d40000;
    --psbf-red-dark: #aa0000;
    --psbf-red-soft: #fff1f1;

    --psbf-black: #17191b;
    --psbf-black-2: #242729;

    --psbf-text: #212529;
    --psbf-muted: #73777c;

    --psbf-border: #e8e9eb;
    --psbf-light: #f7f7f8;

    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        sans-serif;

    direction: rtl;
}


.psbf-contact-v2 *,
.psbf-contact-v2 *::before,
.psbf-contact-v2 *::after {
    box-sizing: border-box;
}


.psbf-contact-v2 {
    overflow: hidden;
}


.psbf-contact-v2 a {
    text-decoration: none;
}


.psbf-contact-container {
    width: min(1180px, calc(100% - 48px));
    margin-inline: auto;

    position: relative;
    z-index: 5;
}



/* =========================================================
   HERO
========================================================= */

.psbf-contact-hero {

    min-height: 620px;

    display: flex;
    align-items: center;

    position: relative;

    padding: 90px 0;

    background:

        radial-gradient(
            circle at 85% 20%,
            rgba(212,0,0,.1),
            transparent 32%
        ),

        linear-gradient(
            135deg,
            #ffffff 0%,
            #f8f8f9 55%,
            #f1f1f2 100%
        );
}


.psbf-contact-hero::after {

    content: "";

    position: absolute;

    right: 0;
    bottom: 0;

    width: 34%;
    height: 5px;

    background: var(--psbf-red);
}


.psbf-contact-shape {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;
}


.psbf-contact-shape-1 {

    width: 400px;
    height: 400px;

    top: -250px;
    left: -100px;

    border: 1px solid rgba(20,20,20,.07);
}


.psbf-contact-shape-2 {

    width: 250px;
    height: 250px;

    right: -180px;
    bottom: -80px;

    border: 1px solid rgba(212,0,0,.12);
}


.psbf-contact-hero-grid {

    display: grid;

    grid-template-columns:
        1.15fr .85fr;

    gap: 90px;

    align-items: center;
}



/* EYEBROW */

.psbf-contact-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: var(--psbf-red);

    font-size: 13px;
    font-weight: 800;

    margin-bottom: 18px;
}


.psbf-contact-eyebrow > span {

    width: 28px;
    height: 2px;

    background: currentColor;

    border-radius: 20px;
}



/* HERO TEXT */

.psbf-contact-hero-content {

    position: relative;

    z-index: 10;
}


.psbf-contact-hero-content h1 {

    margin: 0 0 25px;

    font-size: clamp(42px, 5vw, 67px);

    line-height: 1.35;

    letter-spacing: -2px;

    font-weight: 900;

    color: var(--psbf-black);
}


.psbf-contact-hero-content h1 span {

    display: block;

    color: var(--psbf-red);
}


.psbf-contact-hero-content p {

    max-width: 650px;

    margin: 0 0 34px;

    font-size: 16px;

    line-height: 2.1;

    color: var(--psbf-muted);
}



/* HERO BUTTONS */

.psbf-contact-hero-buttons {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    position: relative;

    z-index: 15;
}


.psbf-contact-btn {

    min-height: 54px;

    padding: 0 25px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 11px;

    border-radius: 12px;

    font-size: 14px;
    font-weight: 800;

    white-space: nowrap;

    line-height: 1;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}


.psbf-contact-btn:hover {

    transform: translateY(-3px);
}


.psbf-contact-btn svg {

    width: 18px;
    height: 18px;

    flex-shrink: 0;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.psbf-contact-btn-primary {

    color: #fff !important;

    background: var(--psbf-red);

    box-shadow:
        0 12px 30px rgba(212,0,0,.18);
}


.psbf-contact-btn-primary:hover {

    color: #fff !important;

    background: var(--psbf-red-dark);
}


.psbf-contact-btn-outline {

    color: var(--psbf-black) !important;

    background: #fff;

    border: 1px solid var(--psbf-border);
}



/* =========================================================
   BRAND CARD
========================================================= */

.psbf-contact-brand-card {

    width: min(100%, 415px);

    min-height: 430px;

    justify-self: center;

    position: relative;

    padding: 55px 42px 35px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    overflow: hidden;

    border-radius: 32px;

    background:

        linear-gradient(
            145deg,
            #17191b,
            #25282a
        );

    box-shadow:
        0 35px 85px rgba(15,17,19,.18);
}


.psbf-contact-brand-card::before {

    content: "";

    position: absolute;

    width: 240px;
    height: 240px;

    left: -120px;
    top: -140px;

    border-radius: 50%;

    border: 45px solid rgba(255,255,255,.035);
}


.psbf-contact-brand-card::after {

    content: "";

    position: absolute;

    width: 190px;
    height: 190px;

    right: -100px;
    bottom: -100px;

    border-radius: 50%;

    background: var(--psbf-red);
}


.psbf-contact-brand-line {

    position: absolute;

    right: 0;
    top: 0;

    width: 7px;
    height: 42%;

    background: var(--psbf-red);
}


.psbf-contact-logo-wrap {

    width: 100%;

    position: relative;

    z-index: 3;

    text-align: center;

    margin-block: auto;
}


.psbf-contact-logo-wrap img {

    display: block;

    width: 235px;

    max-width: 80%;

    margin: 0 auto 29px;

    border-radius: 10px;
}


.psbf-contact-logo-wrap span,
.psbf-contact-logo-wrap strong {

    display: block;

    direction: ltr;
}


.psbf-contact-logo-wrap span {

    color: rgba(255,255,255,.45);

    font-size: 11px;

    letter-spacing: 2px;
}


.psbf-contact-logo-wrap strong {

    margin-top: 4px;

    color: #fff;

    font-size: 18px;
}


.psbf-contact-brand-bottom {

    width: 100%;

    position: relative;

    z-index: 5;

    padding-top: 22px;

    border-top: 1px solid rgba(255,255,255,.08);

    direction: ltr;
}


.psbf-contact-brand-bottom span {

    display: block;

    font-size: 13px;

    font-weight: 900;

    color: #fff;
}


.psbf-contact-brand-bottom small {

    display: block;

    margin-top: 4px;

    font-size: 9px;

    color: rgba(255,255,255,.4);
}



/* =========================================================
   CONTACT INFO
========================================================= */

.psbf-contact-info-section {

    padding: 100px 0;

    background: #fff;
}


.psbf-contact-section-head {

    max-width: 750px;

    margin-bottom: 50px;
}


.psbf-contact-section-head h2 {

    margin: 0;

    color: var(--psbf-black);

    font-size: clamp(30px,4vw,46px);

    line-height: 1.5;

    letter-spacing: -1.4px;

    font-weight: 900;
}


.psbf-contact-section-head h2 span {

    color: var(--psbf-red);
}


.psbf-contact-cards {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0,1fr));

    gap: 18px;
}


.psbf-contact-info-card {

    min-height: 275px;

    position: relative;

    display: flex;

    flex-direction: column;

    padding: 31px;

    border: 1px solid var(--psbf-border);

    border-radius: 23px;

    background: #fff;

    color: var(--psbf-text) !important;

    overflow: hidden;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


.psbf-contact-info-card::after {

    content: "";

    position: absolute;

    right: 0;
    bottom: 0;

    width: 0;
    height: 3px;

    background: var(--psbf-red);

    transition: width .35s ease;
}


.psbf-contact-info-card:hover {

    transform: translateY(-7px);

    border-color: rgba(212,0,0,.18);

    box-shadow:
        0 25px 60px rgba(25,27,30,.07);
}


.psbf-contact-info-card:hover::after {

    width: 100%;
}


.psbf-contact-info-number {

    position: absolute;

    left: 25px;
    top: 23px;

    font-size: 11px;

    font-weight: 900;

    color: #c7c9cc;
}


.psbf-contact-info-icon {

    width: 50px;
    height: 50px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 27px;

    border-radius: 14px;

    background: var(--psbf-red-soft);

    color: var(--psbf-red);
}


.psbf-contact-info-icon svg {

    width: 23px;
    height: 23px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.psbf-contact-info-content {

    position: relative;

    z-index: 3;
}


.psbf-contact-info-content small,
.psbf-contact-info-content strong,
.psbf-contact-info-content span {

    display: block;
}


.psbf-contact-info-content small {

    margin-bottom: 8px;

    color: var(--psbf-muted);

    font-size: 11px;
}


.psbf-contact-info-content strong {

    color: var(--psbf-black);

    font-size: 15px;

    font-weight: 900;

    line-height: 1.8;
}


.psbf-contact-info-content span {

    margin-top: 5px;

    color: var(--psbf-muted);

    font-size: 12px;

    line-height: 1.8;
}


.psbf-contact-info-arrow {

    position: absolute;

    left: 28px;
    bottom: 24px;

    color: var(--psbf-red);

    font-size: 22px;

    transition: transform .25s ease;
}


.psbf-contact-info-card:hover
.psbf-contact-info-arrow {

    transform: translateX(-5px);
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width:1024px) {

    .psbf-contact-hero-grid {

        grid-template-columns:
            1.1fr .9fr;

        gap: 45px;
    }


    .psbf-contact-hero-content h1 {

        font-size: 46px;
    }


    .psbf-contact-brand-card {

        min-height: 390px;
    }


    .psbf-contact-info-section {

        padding: 80px 0;
    }

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px) {

    .psbf-contact-container {

        width: calc(100% - 30px);
    }


    .psbf-contact-hero {

        min-height: auto;

        padding: 60px 0 70px;

        overflow: hidden;
    }


    .psbf-contact-hero-grid {

        grid-template-columns: 1fr;

        gap: 50px;
    }


    .psbf-contact-hero-content h1 {

        font-size: 37px;

        letter-spacing: -1px;
    }


    .psbf-contact-hero-content p {

        font-size: 14px;

        line-height: 2;
    }


    .psbf-contact-hero-buttons {

        display: grid;

        grid-template-columns: 1fr;

        width: 100%;

        gap: 12px;
    }


    .psbf-contact-btn {

        width: 100%;

        min-height: 56px;

        position: relative;

        z-index: 20;
    }


    .psbf-contact-brand-card {

        width: 100%;

        max-width: 370px;

        min-height: 390px;

        padding: 45px 30px 30px;
    }


    .psbf-contact-info-section {

        padding: 65px 0;
    }


    .psbf-contact-section-head {

        margin-bottom: 35px;
    }


    .psbf-contact-section-head h2 {

        font-size: 31px;

        letter-spacing: -.7px;
    }


    .psbf-contact-cards {

        grid-template-columns: 1fr;
    }


    .psbf-contact-info-card {

        min-height: 245px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf5d4c3 *//* =========================================================
   PSBF ELEMENTOR FORM
========================================================= */

.psbf-contact-form-section {

    width: min(1180px, calc(100% - 48px));

    margin: 0 auto 100px;

    padding: 58px;

    position: relative;

    overflow: hidden;

    border-radius: 30px;

    background: #f7f7f8;

    border: 1px solid #ececee;
}


/* FORM HEADING */

.psbf-form-heading {

    max-width: 670px;

    margin-bottom: 35px;
}


.psbf-form-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 14px;

    color: #d40000;

    font-size: 12px;

    font-weight: 800;
}


.psbf-form-eyebrow span {

    width: 27px;
    height: 2px;

    background: #d40000;
}


.psbf-form-heading h2 {

    margin: 0 0 15px;

    color: #17191b;

    font-size: clamp(30px,4vw,43px);

    font-weight: 900;

    line-height: 1.45;

    letter-spacing: -1px;
}


.psbf-form-heading h2 span {

    color: #d40000;
}


.psbf-form-heading p {

    max-width: 620px;

    margin: 0;

    color: #73777c;

    font-size: 14px;

    line-height: 2;
}



/* =========================================================
   ELEMENTOR FIELDS
========================================================= */

.psbf-contact-form
.elementor-form {

    direction: rtl;
}


.psbf-contact-form
.elementor-form-fields-wrapper {

    gap: 0;
}


.psbf-contact-form
.elementor-field-group {

    margin-bottom: 16px !important;
}


/* LABEL */

.psbf-contact-form
.elementor-field-label {

    margin-bottom: 8px !important;

    color: #323539 !important;

    font-size: 12px !important;

    font-weight: 800 !important;

    line-height: 1.7 !important;
}



/* INPUT + TEXTAREA */

.psbf-contact-form
.elementor-field {

    width: 100%;

    min-height: 57px;

    padding: 14px 17px !important;

    color: #202326 !important;

    background: #fff !important;

    border: 1px solid #e4e5e7 !important;

    border-radius: 12px !important;

    outline: none !important;

    box-shadow: none !important;

    font-family:
        "Vazirmatn",
        "IRANSansX",
        Tahoma,
        sans-serif !important;

    font-size: 13px !important;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}


.psbf-contact-form
.elementor-field::placeholder {

    color: #a2a5a9 !important;

    opacity: 1;
}



/* FOCUS */

.psbf-contact-form
.elementor-field:focus {

    border-color: #d40000 !important;

    background: #fff !important;

    box-shadow:
        0 0 0 4px rgba(212,0,0,.07) !important;
}



/* EMAIL LTR */

.psbf-contact-form
input[type="email"] {

    direction: ltr;

    text-align: left;
}



/* TEXTAREA */

.psbf-contact-form
textarea.elementor-field {

    min-height: 165px !important;

    resize: vertical;

    line-height: 1.9;
}



/* =========================================================
   SUBMIT BUTTON
========================================================= */

.psbf-contact-form
.elementor-button {

    min-height: 57px !important;

    min-width: 160px;

    padding: 0 28px !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    position: relative;

    z-index: 5;

    border: 0 !important;

    border-radius: 12px !important;

    background: #d40000 !important;

    color: #fff !important;

    font-family:
        "Vazirmatn",
        "IRANSansX",
        Tahoma,
        sans-serif !important;

    font-size: 13px !important;

    font-weight: 900 !important;

    line-height: 1 !important;

    white-space: nowrap !important;

    box-shadow:
        0 12px 30px rgba(212,0,0,.18);

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


.psbf-contact-form
.elementor-button:hover {

    transform: translateY(-3px);

    background: #aa0000 !important;

    box-shadow:
        0 17px 35px rgba(212,0,0,.25);
}



/* Elementor spinner */

.psbf-contact-form
.elementor-button
.elementor-button-content-wrapper {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    white-space: nowrap;
}



/* =========================================================
   SUCCESS MESSAGE
========================================================= */

.psbf-contact-form
.elementor-message-success {

    padding: 14px 18px;

    margin-top: 15px;

    border-radius: 10px;

    background: #eefaf2;

    border: 1px solid #cfedd8;

    color: #238342;

    font-size: 12px;

    font-weight: 700;
}



/* ERROR */

.psbf-contact-form
.elementor-message-danger,
.psbf-contact-form
.elementor-help-inline {

    color: #d40000 !important;

    font-size: 11px !important;
}



/* =========================================================
   MOBILE FORM
========================================================= */

@media(max-width:767px) {

    .psbf-contact-form-section {

        width: calc(100% - 30px);

        margin-bottom: 65px;

        padding: 30px 20px;

        border-radius: 22px;
    }


    .psbf-form-heading {

        margin-bottom: 27px;
    }


    .psbf-form-heading h2 {

        font-size: 30px;
    }


    .psbf-form-heading p {

        font-size: 13px;
    }


    .psbf-contact-form
    .elementor-field {

        min-height: 55px;
    }


    .psbf-contact-form
    textarea.elementor-field {

        min-height: 150px !important;
    }


    .psbf-contact-form
    .elementor-button {

        width: 100% !important;

        min-height: 57px !important;

        position: relative;

        z-index: 10;
    }

}/* End custom CSS */