.elementor-728 .elementor-element.elementor-element-1dbf862 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-728 .elementor-element.elementor-element-1dbf862{margin:0px 0px -40px 0px;padding:0px 0px 0px 0px;}.elementor-728 .elementor-element.elementor-element-6382e53:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-728 .elementor-element.elementor-element-6382e53 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://talarjamejam.ir/wp-content/uploads/2022/01/map-bg-hq.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-728 .elementor-element.elementor-element-6382e53 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-728 .elementor-element.elementor-element-6382e53 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:6% 10% 6% 10%;}.elementor-728 .elementor-element.elementor-element-6382e53 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-728 .elementor-element.elementor-element-33e3a17 > .elementor-widget-container{margin:0px 0px 25px 0px;}.elementor-728 .elementor-element.elementor-element-33e3a17 .title-after_title, .elementor-728 .elementor-element.elementor-element-33e3a17 .title-subtitle, .elementor-728 .elementor-element.elementor-element-33e3a17 .woodmart-title-container{max-width:100%;}.elementor-728 .elementor-element.elementor-element-33e3a17 .title-subtitle{color:#5F6E1E;font-family:"Playfair Display";font-size:32px;font-style:italic;}.elementor-728 .elementor-element.elementor-element-33e3a17 .title{font-size:25px;font-weight:400;}.elementor-728 .elementor-element.elementor-element-33e3a17 .title-after_title{font-size:16px;line-height:1.9em;}.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-group.recaptcha_v3-bottomleft, .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-group > label{font-weight:var( --e-global-typography-primary-font-weight );}.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-type-html{padding-bottom:0px;}.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-group .elementor-field, .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-subgroup label{font-weight:var( --e-global-typography-primary-font-weight );}.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-button{font-weight:var( --e-global-typography-primary-font-weight );}.elementor-728 .elementor-element.elementor-element-5aac1cd .e-form__buttons__wrapper__button-next{background-color:#614848;color:#ffffff;}.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-button[type="submit"]{background-color:#614848;color:#ffffff;}.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-728 .elementor-element.elementor-element-5aac1cd .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-728 .elementor-element.elementor-element-5aac1cd .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-728 .elementor-element.elementor-element-5aac1cd .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-message{font-weight:var( --e-global-typography-primary-font-weight );}.elementor-728 .elementor-element.elementor-element-5aac1cd{--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-728 .elementor-element.elementor-element-7970ad0 > .elementor-widget-container{margin:39px 39px 39px 39px;}@media(max-width:1024px){.elementor-728 .elementor-element.elementor-element-33e3a17 .title-after_title, .elementor-728 .elementor-element.elementor-element-33e3a17 .title-subtitle, .elementor-728 .elementor-element.elementor-element-33e3a17 .woodmart-title-container{max-width:100%;}.elementor-728 .elementor-element.elementor-element-33e3a17 .title{font-size:36px;}.elementor-728 .elementor-element.elementor-element-33e3a17 .title-after_title{font-size:14px;}}@media(max-width:1024px) and (min-width:768px){.elementor-728 .elementor-element.elementor-element-6382e53{width:100%;}.elementor-728 .elementor-element.elementor-element-e738334{width:100%;}}@media(max-width:767px){.elementor-728 .elementor-element.elementor-element-6382e53 > .elementor-element-populated{padding:45px 15px 45px 15px;}.elementor-728 .elementor-element.elementor-element-33e3a17 .title-subtitle{font-size:16px;}.elementor-728 .elementor-element.elementor-element-33e3a17 .title{font-size:24px;}}/* Start custom CSS for form, class: .elementor-element-5aac1cd *//* =========================================================
   تالار جام جم | فرم رزرو
   Elementor Form
   Premium UI + Success Message
   ========================================================= */


/* =========================================================
   1. FORM
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-5aac1cd {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}


/* کارت اصلی فرم */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-form {
    padding: 34px 38px 38px;

    border-radius: 18px;

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

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

    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}


/* =========================================================
   2. GRID
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-form-fields-wrapper {
    display: grid;

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

    column-gap: 18px;

    row-gap: 0;

    margin: 0 !important;
}


/* فیلدها */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-group {
    width: 100% !important;

    padding: 0 !important;

    margin: 0 0 16px !important;
}


/* توضیحات */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-group-message {
    grid-column: span 2;
}


/* دکمه */

.elementor-728 .elementor-element.elementor-element-5aac1cd .e-form__buttons {
    grid-column: span 2;
}


/* =========================================================
   3. LABEL
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-label {
    display: block;

    margin-bottom: 8px;

    color: #ffffff;

    font-size: 15px;

    font-weight: 500;

    line-height: 1.8;

    text-align: right;
}


/* =========================================================
   4. INPUT
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field {
    width: 100%;

    min-height: 52px;

    padding: 0 16px;

    border: 1px solid rgba(0, 0, 0, 0.08);

    border-radius: 10px;

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

    color: #333333;

    font-size: 15px;

    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}


/* Textarea */

.elementor-728 .elementor-element.elementor-element-5aac1cd textarea.elementor-field {
    min-height: 120px;

    padding-top: 14px;

    padding-bottom: 14px;

    resize: vertical;
}


/* Placeholder */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field::placeholder {
    color: #999999;

    opacity: 1;
}


/* Focus */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field:focus {
    outline: none;

    border-color: #614848;

    box-shadow:
        0 0 0 3px rgba(97, 72, 72, 0.12),
        0 8px 20px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   5. PHONE / NUMBER
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-5aac1cd input[type="number"] {
    -moz-appearance: textfield;

    appearance: textfield;
}


.elementor-728 .elementor-element.elementor-element-5aac1cd input[type="number"]::-webkit-inner-spin-button,
.elementor-728 .elementor-element.elementor-element-5aac1cd input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;

    margin: 0;
}


/* =========================================================
   6. EVENT TYPE
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-subgroup {
    display: grid;

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

    gap: 8px;

    width: 100%;
}


.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-option {
    position: relative;

    display: block;

    margin: 0 !important;
}


/* Radio */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-option input[type="radio"] {
    position: absolute;

    width: 1px;

    height: 1px;

    opacity: 0;

    pointer-events: none;
}


/* گزینه */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-option label {
    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 48px;

    margin: 0;

    padding: 8px 10px;

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

    border-radius: 10px;

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

    color: #ffffff;

    cursor: pointer;

    text-align: center;

    font-size: 14px;

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.2s ease,
        box-shadow 0.25s ease;
}


/* Hover */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-option label:hover {
    background: rgba(255, 255, 255, 0.14);

    transform: translateY(-1px);
}


/* Selected */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-option input[type="radio"]:checked + label {
    background: #614848;

    border-color: #614848;

    color: #ffffff;

    box-shadow:
        0 7px 18px rgba(97, 72, 72, 0.28);
}


/* =========================================================
   7. SUBMIT
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-button[type="submit"] {
    width: 100%;

    min-height: 56px;

    padding: 0 24px;

    border: 0;

    border-radius: 10px;

    background: #614848;

    color: #ffffff;

    font-size: 17px;

    font-weight: 600;

    line-height: 1;

    cursor: pointer;

    box-shadow:
        0 8px 22px rgba(97, 72, 72, 0.28);

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease;
}


/* Hover */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-button[type="submit"]:hover {
    background: #725555;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 12px 26px rgba(97, 72, 72, 0.35);
}


/* Active */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-button[type="submit"]:active {
    transform: translateY(0);
}


/* =========================================================
   8. SUCCESS MESSAGE
   ========================================================= */


/* خود پیام موفقیت */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-message.elementor-message-success {
    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    width: 100%;

    min-height: 260px;

    margin: 18px 0 0;

    padding: 42px 30px 34px;

    box-sizing: border-box;

    overflow: hidden;

    border-radius: 18px;

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

    border: 1px solid rgba(97, 72, 72, 0.12);

    color: #333333;

    text-align: center;

    font-size: 15px;

    font-weight: 400;

    line-height: 2;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.14);

    animation: talarSuccessAppear 0.55s ease-out both;
}


/* خط تزئینی بالای کارت */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-message.elementor-message-success::before {
    content: "";

    position: absolute;

    top: 0;

    left: 50%;

    width: 85px;

    height: 3px;

    transform: translateX(-50%);

    border-radius: 0 0 5px 5px;

    background: #614848;
}


/* تیک موفقیت */

.elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-message.elementor-message-success::after {
    content: "✓";

    display: flex;

    align-items: center;

    justify-content: center;

    width: 66px;

    height: 66px;

    margin-bottom: 20px;

    border-radius: 50%;

    background: rgba(97, 72, 72, 0.08);

    border: 1px solid rgba(97, 72, 72, 0.18);

    color: #614848;

    font-family: Arial, sans-serif;

    font-size: 34px;

    font-weight: 700;

    line-height: 1;

    box-shadow:
        0 8px 22px rgba(97, 72, 72, 0.12);

    animation: talarSuccessIcon 0.55s 0.1s ease-out both;
}


/* =========================================================
   9. SUCCESS ANIMATION
   ========================================================= */

@keyframes talarSuccessAppear {

    0% {
        opacity: 0;

        transform: translateY(18px) scale(0.98);
    }

    100% {
        opacity: 1;

        transform: translateY(0) scale(1);
    }
}


@keyframes talarSuccessIcon {

    0% {
        opacity: 0;

        transform: scale(0.65);
    }

    70% {
        opacity: 1;

        transform: scale(1.08);
    }

    100% {
        opacity: 1;

        transform: scale(1);
    }
}


/* =========================================================
   10. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-form {
        padding: 24px 18px;

        border-radius: 14px;
    }


    .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-form-fields-wrapper {
        grid-template-columns: 1fr;
    }


    .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-group-message,
    .elementor-728 .elementor-element.elementor-element-5aac1cd .e-form__buttons {
        grid-column: span 1;
    }


    .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-subgroup {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 8px;
    }


    .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-option label {
        min-height: 46px;

        padding-left: 6px;

        padding-right: 6px;

        font-size: 13px;
    }


    .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field {
        min-height: 50px;

        font-size: 14px;
    }


    .elementor-728 .elementor-element.elementor-element-5aac1cd textarea.elementor-field {
        min-height: 110px;
    }


    .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-button[type="submit"] {
        min-height: 54px;

        font-size: 16px;
    }


    /* Success */

    .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-message.elementor-message-success {
        min-height: 250px;

        margin-top: 16px;

        padding: 36px 20px 30px;

        border-radius: 14px;

        font-size: 14px;

        line-height: 1.9;
    }


    .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-message.elementor-message-success::after {
        width: 58px;

        height: 58px;

        margin-bottom: 16px;

        font-size: 30px;
    }


    .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-message.elementor-message-success::before {
        width: 68px;
    }
}


/* =========================================================
   11. VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 400px) {

    .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-form {
        padding: 20px 14px;
    }


    .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-field-option label {
        min-height: 44px;

        font-size: 12px;
    }


    .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-message.elementor-message-success {
        min-height: 240px;

        padding: 32px 16px 26px;

        font-size: 13px;
    }


    .elementor-728 .elementor-element.elementor-element-5aac1cd .elementor-message.elementor-message-success::after {
        width: 54px;

        height: 54px;

        font-size: 27px;
    }
}
.persian-date-popup {
    background: #a91010 !important;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7970ad0 *//* =========================================================
   TALAR JAME JAM
   PREMIUM SEO SECTION
   Elementor Pro
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-premium-seo {

    --tjj-brown: #614848;
    --tjj-brown-dark: #493636;
    --tjj-gold: #b89b72;
    --tjj-text: #292323;
    --tjj-muted: #777070;
    --tjj-bg: #f8f6f4;
    --tjj-white: #ffffff;

    direction: rtl;

    width: 100%;

    box-sizing: border-box;

    color: var(--tjj-text);

    font-family: inherit;

}


/* =========================================================
   INTRO
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-intro {

    max-width: 850px;

    margin: 0 auto 55px;

    text-align: center;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-eyebrow {

    display: inline-block;

    margin-bottom: 14px;

    color: var(--tjj-gold);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 3px;

    direction: ltr;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-intro h2 {

    margin: 0;

    color: var(--tjj-text);

    font-size: clamp(28px, 4vw, 43px);

    font-weight: 800;

    line-height: 1.6;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-intro h2 strong {

    color: var(--tjj-brown);

    font-weight: 800;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-intro-line {

    width: 55px;

    height: 2px;

    margin: 20px auto;

    background: var(--tjj-gold);

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-intro p {

    max-width: 720px;

    margin: auto;

    color: var(--tjj-muted);

    font-size: 16px;

    line-height: 2.15;

}


/* =========================================================
   SERVICES
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-services {

    display: grid;

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

    gap: 20px;

    margin-bottom: 90px;

}


/* =========================================================
   SERVICE CARD
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-service-card {

    position: relative;

    min-height: 310px;

    padding: 35px;

    overflow: hidden;

    box-sizing: border-box;

    border: 1px solid #e9e3df;

    border-radius: 20px;

    background: var(--tjj-white);

    box-shadow:
        0 12px 35px rgba(58,42,42,.07);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-service-card:hover {

    transform: translateY(-8px);

    border-color: #d8c7b5;

    box-shadow:
        0 24px 55px rgba(58,42,42,.14);

}


/* =========================================================
   NUMBER
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-card-number {

    position: absolute;

    top: 20px;

    left: 24px;

    color: #eee8e3;

    font-size: 45px;

    font-weight: 800;

    line-height: 1;

    direction: ltr;

}


/* =========================================================
   ICON
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-card-icon {

    width: 52px;

    height: 52px;

    margin-bottom: 28px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: var(--tjj-gold);

    background: #f7f1eb;

    font-size: 21px;

    box-shadow:
        inset 0 0 0 1px #eadfd5;

}


/* =========================================================
   CARD CONTENT
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-card-content h3 {

    margin: 0 0 14px;

    color: var(--tjj-text);

    font-size: 24px;

    font-weight: 800;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-card-content p {

    min-height: 85px;

    margin: 0 0 20px;

    color: var(--tjj-muted);

    font-size: 14px;

    line-height: 2;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-card-content a {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: var(--tjj-brown);

    font-size: 13px;

    font-weight: 700;

    text-decoration: none;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-card-content a span {

    transition:
        transform .25s ease;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-card-content a:hover span {

    transform:
        translateX(-5px);

}


/* =========================================================
   MAIN SERVICE
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-service-main {

    background:
        linear-gradient(
            145deg,
            #614848 0%,
            #4d3838 100%
        );

    border-color:
        transparent;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-service-main h3,
.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-service-main p,
.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-service-main a {

    color: #fff;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-service-main .tjj-card-icon {

    background:
        rgba(255,255,255,.10);

    color:
        #e0c39d;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.15);

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-service-main .tjj-card-number {

    color:
        rgba(255,255,255,.08);

}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-section-heading {

    max-width: 750px;

    margin: 0 auto 45px;

    text-align: center;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-section-heading > span {

    display: block;

    margin-bottom: 10px;

    color: var(--tjj-gold);

    font-size: 13px;

    font-weight: 700;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-section-heading h2 {

    margin: 0;

    color: var(--tjj-text);

    font-size: clamp(25px, 3.5vw, 36px);

    line-height: 1.7;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-section-heading h2 strong {

    color: var(--tjj-brown);

}


/* =========================================================
   BENEFITS
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-benefits {

    display: grid;

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

    gap: 15px;

    margin-bottom: 90px;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-benefit {

    display: flex;

    align-items: flex-start;

    gap: 15px;

    padding: 23px;

    border:
        1px solid #ebe6e2;

    border-radius: 15px;

    background:
        rgba(255,255,255,.7);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-benefit:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 15px 35px rgba(50,35,35,.08);

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-benefit-icon {

    flex: 0 0 40px;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: var(--tjj-gold);

    background: #f6efe8;

    font-size: 15px;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-benefit h4 {

    margin: 0 0 5px;

    color: var(--tjj-text);

    font-size: 15px;

    font-weight: 800;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-benefit p {

    margin: 0;

    color: var(--tjj-muted);

    font-size: 12px;

    line-height: 1.9;

}


/* =========================================================
   DETAILS
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-details {

    display: grid;

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

    gap: 20px;

    margin-bottom: 60px;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-detail-column {

    padding: 35px;

    border-radius: 18px;

    background: var(--tjj-bg);

    border:
        1px solid #eee8e3;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-detail-full {

    grid-column:
        span 2;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-detail-label {

    display: inline-block;

    margin-bottom: 10px;

    color: var(--tjj-gold);

    font-size: 11px;

    font-weight: 800;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-detail-column h2 {

    margin: 0 0 15px;

    color: var(--tjj-text);

    font-size: 23px;

    line-height: 1.6;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-detail-column p {

    margin: 0 0 12px;

    color: var(--tjj-muted);

    font-size: 14px;

    line-height: 2.15;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-detail-column p:last-child {

    margin-bottom: 0;

}


/* =========================================================
   FINAL CTA
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-final-cta {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    padding: 40px 45px;

    border-radius: 20px;

    background:
        linear-gradient(
            135deg,
            #614848,
            #493636
        );

    box-shadow:
        0 20px 45px rgba(70,48,48,.18);

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-final-cta span {

    color:
        #d9c4aa;

    font-size: 12px;

    font-weight: 600;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-final-cta h2 {

    margin: 6px 0 0;

    color: #fff;

    font-size: 25px;

    line-height: 1.6;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-final-cta a {

    flex-shrink: 0;

    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding: 15px 25px;

    border-radius: 50px;

    color: var(--tjj-brown);

    background: #fff;

    font-size: 14px;

    font-weight: 800;

    text-decoration: none;

    box-shadow:
        0 8px 20px rgba(0,0,0,.15);

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}


.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-final-cta a:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 12px 25px rgba(0,0,0,.22);

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-services {

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

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-service-main {

        grid-column:
            span 2;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-benefits {

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

    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-intro {

        margin-bottom: 35px;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-intro h2 {

        font-size: 25px;

        line-height: 1.7;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-intro p {

        font-size: 14px;

        line-height: 2;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-services {

        grid-template-columns: 1fr;

        gap: 14px;

        margin-bottom: 60px;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-service-main {

        grid-column:
            span 1;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-service-card {

        min-height: auto;

        padding: 27px;

        border-radius: 17px;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-card-number {

        font-size: 35px;

        top: 17px;

        left: 18px;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-card-content h3 {

        font-size: 21px;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-card-content p {

        min-height: auto;

        font-size: 13px;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-section-heading {

        margin-bottom: 30px;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-section-heading h2 {

        font-size: 23px;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-benefits {

        grid-template-columns: 1fr;

        gap: 10px;

        margin-bottom: 60px;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-benefit {

        padding: 18px;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-details {

        grid-template-columns: 1fr;

        gap: 12px;

        margin-bottom: 35px;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-detail-full {

        grid-column:
            span 1;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-detail-column {

        padding: 25px;

        border-radius: 15px;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-detail-column h2 {

        font-size: 20px;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-detail-column p {

        font-size: 13px;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-final-cta {

        flex-direction: column;

        align-items: stretch;

        padding: 28px 24px;

        text-align: center;

        border-radius: 17px;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-final-cta h2 {

        font-size: 21px;

    }


    .elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-final-cta a {

        justify-content: center;

    }

}

/* =========================================
   SMOOTH SCROLL TO RESERVATION FORM
   ========================================= */

html {
    scroll-behavior: smooth;
}


/* فاصله فرم از بالای صفحه هنگام اسکرول */

#reservation {
    scroll-margin-top: 100px !important;
}


/* دکمه رزرو */

.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-reservation-btn {

    cursor: pointer !important;

}


/* جلوگیری از رفتارهای احتمالی قالب */

.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-reservation-btn,
.elementor-728 .elementor-element.elementor-element-7970ad0 .tjj-reservation-btn span {

    pointer-events: auto !important;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-65fc99a *//* =========================================================
   TALAR JAME JAM
   LUXURY FLOATING GLASS DOCK
   ========================================================= */


/* =========================================================
   MAIN DOCK
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-65fc99a .tjj-glass-dock {

    position: fixed !important;

    left: 50% !important;

    bottom: 18px !important;

    transform: translateX(-50%) !important;

    z-index: 999999 !important;

    display: flex !important;

    align-items: center !important;

    width: max-content !important;

    min-height: 66px !important;

    padding: 6px !important;

    box-sizing: border-box !important;

    direction: ltr !important;

    border:
        1px solid rgba(255,255,255,.22) !important;

    border-radius: 22px !important;

    background:
        rgba(35,27,27,.78) !important;

    backdrop-filter:
        blur(18px)
        saturate(140%) !important;

    -webkit-backdrop-filter:
        blur(18px)
        saturate(140%) !important;

    box-shadow:
        0 18px 50px rgba(0,0,0,.30),
        0 3px 12px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.10) !important;

}


/* =========================================================
   ACTION
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-action {

    position: relative !important;

    display: flex !important;

    align-items: center !important;

    min-width: 185px !important;

    min-height: 52px !important;

    padding: 0 17px !important;

    box-sizing: border-box !important;

    border-radius: 17px !important;

    text-decoration: none !important;

    direction: rtl !important;

    transition:
        background .3s ease,
        transform .3s ease,
        box-shadow .3s ease !important;

}


/* =========================================================
   RESERVATION
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-reservation {

    justify-content: flex-start !important;

    gap: 12px !important;

}


.elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-reservation:hover {

    background:
        rgba(216,189,145,.13) !important;

    transform:
        translateY(-2px) !important;

}


/* =========================================================
   PHONE
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-phone {

    justify-content: flex-end !important;

    gap: 12px !important;

}


.elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-phone:hover {

    background:
        rgba(158,32,52,.16) !important;

    transform:
        translateY(-2px) !important;

}


/* =========================================================
   ICON
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-icon {

    flex:
        0 0 40px !important;

    width: 40px !important;

    height: 40px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    box-sizing: border-box !important;

    border-radius: 13px !important;

    font-size: 17px !important;

    line-height: 1 !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease !important;

}


/* رزرو Icon */

.elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-reservation .tjj-dock-icon {

    color: #3d2d2d !important;

    background:
        linear-gradient(
            135deg,
            #e4cda7,
            #b99668
        ) !important;

    box-shadow:
        0 5px 14px rgba(185,150,104,.25) !important;

}


/* تلفن Icon */

.elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-phone .tjj-dock-icon {

    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #a8243a,
            #751827
        ) !important;

    box-shadow:
        0 5px 14px rgba(158,32,52,.25) !important;

}


/* =========================================================
   CONTENT
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-content {

    display: flex !important;

    flex-direction: column !important;

    gap: 2px !important;

    text-align: right !important;

    line-height: 1.2 !important;

}


.elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-content small {

    display: block !important;

    color:
        rgba(255,255,255,.48) !important;

    font-size: 9px !important;

    font-weight: 500 !important;

    line-height: 1.4 !important;

}


.elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-content strong {

    display: block !important;

    color:
        #ffffff !important;

    font-size: 13px !important;

    font-weight: 800 !important;

    line-height: 1.5 !important;

    white-space: nowrap !important;

}


/* متن رزرو کمی گرم‌تر */

.elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-reservation
.tjj-dock-content strong {

    color:
        #e3ccaa !important;

}


/* =========================================================
   DIVIDER
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-divider {

    width: 1px !important;

    height: 32px !important;

    flex: 0 0 1px !important;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(255,255,255,.18),
            transparent
        ) !important;

}


/* =========================================================
   HOVER ICON
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-reservation:hover
.tjj-dock-icon {

    transform:
        rotate(8deg)
        scale(1.06) !important;

    box-shadow:
        0 7px 20px rgba(185,150,104,.35) !important;

}


.elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-phone:hover
.tjj-dock-icon {

    transform:
        scale(1.06) !important;

    box-shadow:
        0 7px 20px rgba(158,32,52,.40) !important;

}


/* =========================================================
   SUBTLE GLOW
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-65fc99a .tjj-glass-dock::before {

    content: "" !important;

    position: absolute !important;

    left: 20% !important;

    right: 20% !important;

    top: -1px !important;

    height: 1px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.35),
            transparent
        ) !important;

    pointer-events: none !important;

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-728 .elementor-element.elementor-element-65fc99a .tjj-glass-dock {

        left: 10px !important;

        right: 10px !important;

        bottom: 10px !important;

        transform: none !important;

        width: auto !important;

        min-height: 58px !important;

        padding: 5px !important;

        border-radius: 19px !important;

    }


    .elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-action {

        min-width: 0 !important;

        width: 50% !important;

        min-height: 48px !important;

        padding:
            0 10px !important;

        border-radius: 14px !important;

    }


    .elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-icon {

        flex-basis: 35px !important;

        width: 35px !important;

        height: 35px !important;

        border-radius: 11px !important;

        font-size: 15px !important;

    }


    .elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-content small {

        font-size: 8px !important;

    }


    .elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-content strong {

        font-size: 11px !important;

    }


    .elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-divider {

        height: 27px !important;

    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

    .elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-content small {

        display: none !important;

    }


    .elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-content strong {

        font-size: 10px !important;

    }


    .elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-action {

        gap: 7px !important;

        padding: 0 7px !important;

    }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.elementor-728 .elementor-element.elementor-element-65fc99a .tjj-dock-action:focus-visible {

    outline:
        2px solid #d8bd91 !important;

    outline-offset:
        2px !important;

}/* End custom CSS */