@font-face {
    font-family: icomoon;
    src: url(../fonts/form-icomoon.woff);
}


.g2-form-step.step-two {
    display: none;
}

.g2-form-step-inner {
    border: 1px solid #D7DADC;
    background-color: #FCFCFB;
}

.all-griffin {
    margin: auto;
    /*padding: 16px;*/
    /*background-color: #fcfcfc;*/
}

/* .all-griffin p {
    margin: 6px 1px;
    color: #47474D;
    font-size: 12px;
} */

.all-griffin .adress {
    display: flex;
    margin-bottom: 30px;
    font-size: .8em;
}

.all-griffin .adress .angle-left-addr {
    margin: 0 10px;
    color: #cacaca;
}

.all-griffin>.content>.adress>.angle-left-addr {
    margin: 4px;
}

.all-griffin>.content>.adress>a {
    text-decoration: none;
    color: #666666;
    font-size: 12px;
}

.all-griffin>.content>.adress>.current {
    text-decoration: none;
    color: #999999;
}

.all-griffin>.content .title {
    color: black;
    margin-top: 12px;
}

.all-griffin>.content>.content-text {
    margin-top: 16px;
    color: #808080;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.all-griffin>.content>.dryaft-moshavere>.right>img {
    width: 36px;
}

.all-griffin>.content>.dryaft-moshavere>.right {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.all-griffin>.content>.dryaft-moshavere {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background-color: #ffffff;
    padding: 14px 10px 15px 12px;
    min-height: 73px;
    margin: 24px 0px;
}

.all-griffin>.content>.dryaft-moshavere>.right>div>.title-daryaft {
    font-weight: bold;
    color: #333333;
}

.all-griffin>.content>.dryaft-moshavere>.right>div>.description-daryaft {
    /*     white-space: nowrap; */
    font-size: 11px;
    line-height: 21px;
    color: #666666;
}

.all-griffin>.content>.dryaft-moshavere>.right>img {
    align-content: center;
    margin-left: 10px;
}

.all-griffin>.content>.dryaft-moshavere>.left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    max-width: 32%;
}


.all-griffin>.content>.dryaft-moshavere>.left>.price {
    display: none;
    margin-left: 12px;
    color: #33498b;
    font-weight: bold;
    font-size: 14px;
}

.all-griffin .button {
    border: 1px solid #e6af2c;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: auto;
    background-color: white;
    margin: 0px;
    padding: 0px;
}

.all-griffin .button p {
    line-height: 21px;
    font-size: 12px;
    padding: 7px 12px;
    color: #e6af2c;
    /*     white-space: nowrap; */
}

.all-griffin .form {
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    background-color: #ffffff;
    /* margin       : 16px; */
    padding: 12px 13px;
    height: auto;
}

.all-griffin .date {
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    overflow: hidden;
    background-color: #ffffff;
    /* margin       : 16px; */
    padding: 12px 13px;
}

.all-griffin .head p {
    font-size: 16px;
    font-weight: bold;
    color: #33498b;
}

.all-griffin .date .description {
    font-size: 12px;
    font-weight: normal;
    /* white-space: nowrap; */
    margin-bottom: 27px;
}

.all-griffin .date .moshavere::before {
    content: '';
    display: block;
    position: absolute;
    width: 95%;
    height: 1px;
    background-color: #E8E8E9;
    top: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.all-griffin .date .moshavere {
    display: flex;
    justify-content: space-between;
    padding-bottom: 76px;
    position: relative;
}

.all-griffin .date .calender {
    margin-bottom: 0px;
}

/* .all-griffin .calenderHead {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
} */

/* .all-griffin .date .calender .calenderHead .preMonth {
    cursor: pointer;
    background-color: #ffffff;
    color: #37474F;
    font-weight: 400;
    font-size: 13px;
    padding: 4px 4px;
    border-radius: 4px;
    display: flex;
    align-content: center;
    align-items: center;
    padding-left: 12px;
} */

.all-griffin .date .calender .calenderHead .nextMonth {
    cursor: pointer;
    background-color: #ffffff;
    color: #37474F;
    font-weight: 400;
    font-size: 13px;
    padding: 4px 4px;
    border-radius: 4px;
    display: flex;
    align-content: center;
    align-items: center;
    padding-left: 12px;
}

.all-griffin .angle-left-calen {
    width: 7px;
    margin: 3px;
}

.all-griffin .angle-right-calen {
    margin: 3px;
}

/* .all-griffin .date .calender .calenderHead .monthYear {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    font-size: 14px;
    color: #37474F;
} */

/* 
.all-griffin .daysAbbr {
    width: 100%;
    padding: 5px 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: space-around;
} */

/* .all-griffin .daysAbbr p {
    width: 14.28%;
    text-align: center;
    font-size: 12px;
    color: #999999;
} */

/* .all-griffin .days {
    width: 100%;
    padding: 0 14px;
    border-bottom: 1px solid #E8E8E9;
}

.all-griffin .days .row {
    display: flex;
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1vw;
    justify-content: space-between;
} */

/* .all-griffin .days .row .day-conteiner {
    width: 36px;
    margin: auto;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-left: 3px;
    margin-right: 3px;
    height: 36px;
    padding: 0;
} */

/* .all-griffin .days .row .day-conteiner .day {
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid transparent;
    padding: 3px;
    color: #37474F;
    border: 1px solid #E8E8E9;
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    line-height: 18px;
    font-size: 12px;
}

.all-griffin .days .row .day-conteiner .selcted {
    background-color: #e6af2c;
    color: #fff;
}

.all-griffin .days .row .day-conteiner .hide {
    cursor: default;
    visibility: collapse;
}

.all-griffin .days .row .day-conteiner .current {
    background-color: #ffffff !important;
    color: #E6AF2E;
    padding: 3px;
    border: 1px solid #E6AF2E;
}

.all-griffin .days .row .day-conteiner .disable {
    cursor: default;
    background-color: #eceff1 !important;
    color: #666666;
    opacity: 60%;
    pointer-events: none;
}

.all-griffin .days .row .day-conteiner .disable.current {
    color: #000000 !important;
} */

.all-griffin .date .selections {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* padding: 16px; */
    padding-top: 6px;
}

.selections .container {
    margin: 0 !important;
}

.all-griffin .container {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0px;
}

.all-griffin .date .selections .custom-select .selected {
    padding: 9px 12px;
}

.all-griffin .date .selections .custom-select {
    width: 100%;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid#cccccc;
    cursor: pointer;
    background-color: #ffffff;
    min-height: 48px;
    margin-bottom: 25px;
}

/* .all-griffin .date .selections .label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #666666;
    margin-right: 2px;
    margin-bottom: 3px !important;
} */

.all-griffin .date .selections .daftar {
    width: 100%;
    margin-left: 8px;
}

.all-griffin .date .selections .time {
    width: 100%;
    margin-left: 8px;
}

.all-griffin .date .confirm {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 29px;
}

.all-griffin .date .confirm input {
    cursor: pointer;
    width: 20px;
    height: 20px;
    border: px solid #cccccc;
    border-radius: 4px;
}

.all-griffin .date .confirm label {
    font-size: 12px;
    color: #666666;
    margin-right: 8px;
}

.all-griffin .btn-date {
    background-color: #e6af2c;
    text-align: center;
    border-radius: 8px;
    width: 100%;
}

.all-griffin .btn-date p {
    color: #ffffff;
    font-size: 14px;
}


/* The switch - the box around the slider */

/* Hide default HTML checkbox */

.all-griffin .switch input {
    opacity: 0;
    width: 0px;
    height: 0px !important;
    display: contents;
}


/* .infoTooltip {
    visibility: hidden;
    width: 400px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    text-align: right;
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 99;
    top: 100%;
    opacity: 0;
    transition: opacity 0.3s;
    max-width: 90vw;
    height: fit-content;
    font-size: 14px;
}



.get_info:hover .infoTooltip {
    visibility: visible;
    opacity: 1;
} */




.infoTooltip {
    /* display: none;
    width: 400px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    text-align: right;
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 99;
    top: 100%;
    opacity: 0;
    transition: opacity 0.3s;
    max-width: 90vw; */
    width: 300px;
    height: 160px;
    border: 1px solid #e6e6e6;
    text-align: right;
    text-align: justify;
    border-radius: 6px;
    position: absolute;
    transition: opacity 0.3s;
    z-index: 99;
    bottom: 0;
    right: 83px;
    background-color: white;

}


.get_info:hover .infoTooltip {
    display: flex;
    opacity: 1;
}




.all-griffin .main-box {
    padding-top: 160px;

}

@media only screen and (max-width: 575px) {
    .infoTooltip {
        left: -16px;
    }

    .g2-consultation-items,
    .g2-session-items,
    .g2-station-items,
    .g2-state-items {
        padding: 8px;
        font-size: 14px;
    }

}

@media only screen and (min-width: 576px) {
    .half-flex {
        width: 100%;
    }

    /* .infoTooltip {
        bottom: -102px;
        left: -138px;
    } */



    .infoTooltip {
        width: 24vw;
        height: auto;
        border: 1px solid #e6e6e6;
        text-align: right;
        text-align: justify;
        border-radius: 6px;
        position: absolute;
        transition: opacity 0.3s;
        z-index: 99;
        bottom: 0px;
        left: unset;
        right: -170px;
        display: none;
        background-color: white;
        padding: 12px;
    }

    /* For tablets: */
    .col-s-1 {
        width: 8.33%;
    }

    .col-s-2 {
        width: 16.66%;
    }

    .col-s-3 {
        width: 25%;
    }

    .col-s-4 {
        width: 33.33%;
    }

    .col-s-5 {
        width: 41.66%;
    }

    .col-s-6 {
        width: 50%;
    }

    .col-s-7 {
        width: 58.33%;
    }

    .col-s-8 {
        width: 66.66%;
    }

    .col-s-9 {
        width: 75%;
    }

    .col-s-10 {
        width: 83.33%;
    }

    .col-s-11 {
        width: 91.66%;
    }

    .col-s-12 {
        width: 100%;
    }

    .all-griffin .price {
        display: block !important;
        margin-left: 12px;
        color: #33498b !important;
        font-weight: bold;
        font-size: 14px;
    }

    .reserv-top-content {
        position: revert;
        margin-top: 15px;
        width: 100%;
        box-shadow: unset;
        padding: 6px;
    }

    .all-griffin .tooltiptext {
        bottom: -80px;
    }

    .g2-reserve-flex {
        display: flex;
        gap: 16px;
        padding: 0;
        margin-bottom: 24px;
    }

    .g2-reserve-col {
        margin-bottom: unset;
    }

    .g2-form-step-inner {
        padding: 24px 32px;
    }

    .all-griffin .main-box {
        padding-top: 100px;
    }
}

@media only screen and (min-width: 768px) {

    /* .infoTooltip {
        bottom: -102px;
        left: -156px;
    } */

    .g2-reserve-calendersec {
        width: 60%;
    }

    .infoTooltip {
        width: 30vw;
        height: auto;
        border: 1px solid #e6e6e6;
        text-align: right;
        text-align: justify;
        border-radius: 6px;
        position: absolute;
        transition: opacity 0.3s;
        z-index: 99;
        bottom: 0px;
        left: unset;
        right: -170px;
        display: none;
        background-color: white;
        padding: 12px;
    }

    /* 
    .infoTooltip {
        bottom: -102px;
        left: -18%;
    } */

    /* For desktop: */
    .col-m-1 {
        width: 8.33%;
    }

    .col-m-2 {
        width: 16.66%;
    }

    .col-m-3 {
        width: 25%;
    }

    .col-m-4 {
        width: 33.33%;
    }

    .col-m-5 {
        width: 41.66%;
    }

    .col-m-6 {
        width: 50%;
    }

    .col-m-7 {
        width: 58.33%;
    }

    .col-m-8 {
        width: 66.66%;
    }

    .col-m-9 {
        width: 75%;
    }

    .col-m-10 {
        width: 83.33%;
    }

    .col-m-11 {
        width: 91.66%;
    }

    .col-m-12 {
        width: 100%;
    }

    .all-griffin {
        /*display: flex;*/
        /*flex-wrap: nowrap;*/
        justify-content: center;
    }

    .all-griffin .price {
        display: block !important;
        margin-left: 12px;
        color: #33498b;
        font-weight: bold;
        font-size: 14px;
    }

    .all-griffin>.content {
        margin-left: 20px
    }

    .reserv-top-content {
        position: absolute;
        top: 16%;
        left: 0%;
        width: 45%;
        background-color: #fff;
        padding: 24px;
        border-radius: 24px;
        box-shadow: 0px 16px 24px rgb(171 171 171 / 12%);
    }

    .reserve-video-box {
        width: 67%;
    }

    .all-griffin .date .calender {
        width: 80%;
        margin: 16px auto;
    }

    .all-griffin .tooltiptext {
        bottom: -60px;
    }

    .all-griffin .date .selections {
        width: 80%;
        margin: 0 auto;
    }

    .all-griffin .main-box {
        padding-top: 100px;
    }
}

@media only screen and (min-width: 992px) {
    .selected-option div {
        width: 7rem !important;
    }

    /* 
    .infoTooltip {
        width: 70vw;
        height: auto;
        border: 1px solid #e6e6e6;
        text-align: right;
        text-align: justify;
        border-radius: 6px;
        position: absolute;
        transition: opacity 0.3s;
        z-index: 99;
        bottom: 0px;
        left: unset;
        right:-90px;
        display:none;
        background-color: white;
        padding: 12px;
    } */


    .infoTooltip {
        width: 16vw;
        height: auto;
        border: 1px solid #e6e6e6;
        text-align: right;
        text-align: justify;
        border-radius: 6px;
        position: absolute;
        transition: opacity 0.3s;
        z-index: 99;
        bottom: 0px;
        left: unset;
        right: -160px;
        display: none;
        background-color: white;
        padding: 12px;
    }

    .g2-reserve-calendersec {
        width: 40%;
    }



    /* .infoTooltip {
        bottom: 125%;
        left: -20%;
        top: unset;
    } */

    /* For desktop: */


    .col-1 {
        width: 8.33%;
    }

    .col-2 {
        width: 16.66%;
    }

    .col-3 {
        width: 25%;
    }

    .col-4 {
        width: 33.33%;
    }

    .col-5 {
        width: 41.66%;
    }

    .col-6 {
        width: 50%;
    }

    .col-7 {
        width: 58.33%;
    }

    .col-8 {
        width: 66.66%;
    }

    .col-9 {
        width: 75%;
    }

    .col-10 {
        width: 83.33%;
    }

    .col-11 {
        width: 91.66%;
    }

    .col-12 {
        width: 100%;
    }

    /* 

    .all-griffin {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        background-color: #fcfcfc;
        transition: all .5s ease;
    }

    .all-griffin .price {
        display: block !important;
        margin-left: 12px;
        color: #33498b;
        font-weight: bold;
        font-size: 14px;
    }

    .all-griffin>.content {
        margin-left: 15px
    }

    .reserv-top-content {
        position: absolute;
        top: 16%;
        left: 0%;
        width: 45%;
        background-color: #fff;
        padding: 24px;
        border-radius: 24px;
        box-shadow: 0px 16px 24px rgb(171 171 171 / 12%);
    }

    .reserv-right-form {
        border-left: 1px solid #e8e8e9;
    }

    .all-griffin .date .calender {
        width: 100%;
    }

    .all-griffin .date .selections {
        width: unset;
        margin: 0 auto;
    } */
    .all-griffin .main-box {
        padding-top: 90px;
    }
}

@media only screen and (min-width: 1200px) {
    .all-griffin .main-box {
        padding-top: 160px;
    }

}

.all-griffin .custom-select {
    background-color: lightgoldenrodyellow;
    /* width        : 130px; */
    height: 40px;
    margin: auto;
    position: relative;
    cursor: pointer;
}

.all-griffin .custom-select .arrow {
    width: 12px;
    position: absolute;
    left: 12px;
    top: 6px;
    transition: transform 0.3s;
}

.all-griffin .select-options {
    position: relative;
    width: 100%;
    opacity: 0;
    top: 5px;
    transition: all 2s;
    /* height    : 120px; */
    visibility: hidden;
    opacity: 0;
    overflow-y: scroll;
    border: 1px solid#cccccc;
    border-radius: 4px;
    z-index: 3;
}

.all-griffin .selected {
    /* background-color: red; */
    display: inline-block;
}

.all-griffin .option {
    background-color: #fff;
    font-size: 13px;
    padding: 9px 12px;
}

.all-griffin .option:hover {
    font-size: 13px;
    padding: 9px 12px;
}

.all-griffin .fadeOut {
    visibility: hidden;
    opacity: 0;
    top: 5px;
    transition: visibility 0s linear 300ms, opacity 300ms, top 400ms;
}

.all-griffin .fadeIn {
    visibility: visible;
    opacity: 1;
    top: 10px;
    transition: visibility 0s linear 0s, opacity 300ms, top 400ms;
}

.all-griffin .flipUp {
    transform: rotate(180deg);
    transition: all 0.3s;
}

.all-griffin .overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    cursor: pointer;
}

.all-griffin .type-moshavere {
    border-radius: 8px;
    padding: 10px;
    width: 23%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin: 0 auto;
    border: 1px solid #ccc;
    cursor: pointer;
    z-index: 9;
    position: relative;
    text-align: center;
}

.all-griffin .type-moshavere.selected {
    border: 1px solid #e6af2c !important;
    color: #e6af2c;
    background-color: #FDFBF4;
}

/* .all-griffin input {
    border-radius: 8px;
    padding: 10px;
    width: 100%;
    text-align: right;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 25px;
    border: 1px solid #ccc;
    min-height: 48px;
    outline: unset;
    transition: all .5s ease;
}

.all-griffin input:hover {
    border-color: #D1D1D3;
}

.all-griffin input:focus {
    border-color: #E6AF2E;
}

.all-griffin .hidediv {
    display: none;
} */


/* Tooltip container */

.all-griffin .tooltip {
    position: relative;
    display: inline-block;
}


/* Tooltip text */

.all-griffin .tooltiptext {
    visibility: hidden;
    position: absolute;
    right: 0;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    min-height: 56px;
}


/* Show the tooltip text when you mouse over the tooltip container */

.all-griffin .type-moshavere:hover .tooltiptext {
    visibility: visible !important;
}

.all-griffin .type-moshavere:focus .tooltiptext {
    visibility: visible !important;
}

.all-griffin .conform-text>span {
    font-weight: bold;
    color: #e6af2c;
}

.all-griffin .container::after {
    display: none !important
}


/* najafzadeh */
.first-content-col {
    position: relative;
}



.reserv-video {
    border-radius: 24px;
    height: 100%;
    width: 100%;
    transition: all .5s ease;
}

.reserv-top-content .title {
    color: #37474F;
    font-weight: 700;
    font-size: 26px;
}

.reserv-top-content .content-text {
    font-size: 13px;
    line-height: 26px;
    font-weight: 400;
    color: #37474F;
}

.reserve-video-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.reserv-video-icon {
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
    width: 6.5em;
    cursor: pointer;
    transition: all .5s ease;
    border-radius: 12px;
    padding: 10px;
}

.video-icon-puse {
    display: none;
    opacity: 0;
}

.reserve-video-box:hover .video-icon-puse {
    opacity: 1;
}

.vid-ic {
    display: block;
    position: absolute;
    right: 15px;
    bottom: 15px;
    color: #fff;
    cursor: pointer;
}

.accordion-box {
    border: 1px solid #E8E8E9;
    border-radius: 16px;
    margin: 15px auto;
    transition: 0.4s;
    width: 80%;

}

.accordion {
    background-color: transparent;
    color: #37474F;
    cursor: pointer;
    padding: 24px;
    width: 100%;
    text-align: right;
    outline: none !important;
    transition: 0.4s;
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    border: none !important;
    position: relative;
}

.accordion-box:hover {
    border-color: #EBBF58;
    background-color: transparent;
}

.active {
    color: #EBBF58;
    font-weight: 700;
}

.panel {
    padding: 0 18px;
    background-color: transparent;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;

}

.panel p {
    color: #37474F;
    margin-bottom: 10px;
    line-height: 21px;
    font-size: 15px;
}

.panel ul {
    padding: 0;
    list-style: none;
}

.panel ul li {
    font-size: 13px;
    color: #47474D;
    line-height: 32px;
    margin-bottom: 12px;
    padding-right: 24px;
    position: relative;
}

.panel ul li::before {
    position: absolute;
    content: "⚫︎";
    font-size: 12px;
    color: #D1D1D3;
    right: 3px;
    top: 1px;
}

.reserv-acc-ic {
    margin-left: 10px;
}

.reserv-left-ic {
    left: 25px;
    position: absolute;
}



.right-side-reserv-m-box {
    border-radius: 16px;
    overflow: hidden;
    width: 55%;
    float: right;
    border-left: 1px solid #e8e8e9;
    margin: 8px 0;
}

.right-side-reserv-m {
    display: flex;
    flex-direction: row-reverse;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(to left, #ffffff, #e8e8e9);
    border-left: 0;
}

.right-side-reserv-content {
    text-align: left;
    padding: 5px 15px;
    border-left: 1px solid #E8E8E9;
    margin: 15px 0px;
}

.left-side-reserv-m-box {
    border-radius: 16px;
    overflow: hidden;
    width: 55%;
    float: left;
    border-right: 1px solid #e8e8e9;
    margin: 8px 0;
}

.left-side-reserv-m {
    display: flex;
    flex-direction: row;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(to right, #ffffff, #e8e8e9);
    border-right: 0;
}

.left-side-reserv-content {
    text-align: right;
    padding: 5px 15px;
    border-right: 1px solid #E8E8E9;
    margin: 15px 0px;
}

.all-griffin .date {
    padding: 0;
}

.all-griffin .date .head {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    background-color: #FAFAFB;
    padding: 0 5px;
    border-bottom: 1px solid #E8E8E9;
}

.head-content {
    width: 100%;
}

.all-griffin .switch {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 0;
}

.switch .offline {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    -webkit-transition: .4s;
    transition: .4s;
    background-color: transparent;
    color: #E6AF2E;
    padding: 10px;
    cursor: pointer;
    position: relative;
}


.switch .online {
    transition: .4s;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    -webkit-transition: .4s;
    transition: .4s;
    color: #37474F;
    padding: 10px;
    cursor: pointer;
    position: relative;
}

.form-top-icon {
    margin-left: 10px;
}

.reserv-right-form {
    padding: 5px 30px;
    height: 100%;
}

.reserv-right-form .office {
    width: 100%;
}

/* 
.time-row {
    display: flex;
    justify-content: space-around;
    margin: 8px 0;
} */

/* .time-selecto-p {
    width: 36px;
    height: 36px;
    border: 1px solid #E8E8E9;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
} */
/* 
 */

.reserv-form-footer {
    position: relative;
    height: 100%;
    padding: 16px 0;
}

.reserv-form-footer::before {
    content: '';
    display: block;
    position: absolute;
    width: 95%;
    height: 1px;
    background-color: #E8E8E9;
    bottom: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
}



/* .time-row .selected {
    background: #E6AF2E !important;
    color: #fff;
    display: flex;
} */

/* .reserv-select-time-lable span {
    margin-left: 5px;
}

.reserv-select-time-lable {
    text-align: center;
    margin-bottom: 25px !important;
    transition: all .5s ease;
} */

/* .all-griffin .monthYear .month::before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 60%;
    background-color: #37474F;
    left: 0;
    top: 15%;
} */

.all-griffin .monthYear .month {
    margin-left: 8px !important;
    padding-left: 8px;
    position: relative;
}

.left-side-reserv-m img,
.right-side-reserv-m img {
    width: 95px;
    padding: 0px 33px;
}

.all-griffin .content {
    margin: 47px 0 33px;
}

.row.reserv-faq-row {
    margin: 40px 0 33px !important;
}

/* modal */
.reserve-modal-container {
    position: fixed;
    height: 100vh;
    width: 100vw;
    min-width: 100vw;
    top: 0;
    right: 0;
    z-index: 999;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    right: 0;
    background-color: rgba(0, 0, 0, 0.20);
}

.reserve-modal-container.activeModal {
    opacity: 1;
    visibility: visible;
}

.reserv-payment-modal {
    width: 500px;
    position: absolute;
    transition: all .9s;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 16px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 15px 2px #00000024;
    padding: 30px;
    height: fit-content !important;
}

.payment-modal-body-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0;
}

.body-content-lable {
    margin: 0;
}

.body-content-title {
    margin: 0;
    text-align: left;
    color: #37474F;
    font-size: 13px;
}

.reserv-modal-hr {
    flex: auto;
    margin: 0 15px;
}

.reserv-payment-modal-header {
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: nowrap;
}

.reserv-payment-modal-header h2 {
    color: #37474F;
    font-size: 1.4em;
}

#reserve-modal-price {
    background-color: #FDF7EA;
    padding: 25px 15px;
    border-radius: 8px;
}

#reserve-modal-price span {
    color: #5A5B5D;
}

#reserve-modal-price p {
    color: #37474F;
    font-weight: 500;
}

.reserv-payment-modal-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 35px;
}

.g-recaptcha {
    margin-bottom: 15px;
}

#reserve-modal-edit,
#reserve-modal-cancel {
    flex: 1;
    margin: 0 0 0 10px;
    border-radius: 8px;
    border: none;
    padding: 5px 8px;
    height: 48px;
    color: #000;
    background: none;
    transition: all .5s;
}

#reserve-modal-edit:hover {
    background-color: #E6AF2E;
    transition: all .5s;
    color: #fff;
}

#reserve-modal-cancel {
    color: #E64D43;
}

#reserve-modal-submit {
    flex: 2;
    margin: 0;
    background-color: #E6AF2E;
    border-radius: 8px;
    padding: 5px 0;
    margin-right: 15px;
    display: flex;
    height: 48px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #fff;
}

.go-reserve {
    display: inline-block;
    background-color: #e6af2e;
    color: #fff;
    margin-top: 24px;
    padding: 12px 25px;
    border-radius: 8px;
    text-align: center;
    width: 200px;
    height: 48px;
    transition: all .5s ease;
    font-weight: 600;
}

.go-reserve:hover {
    background-color: #EBBF58;
    color: #fff;
}

.go-reserve:focus {
    background-color: #EBBF58;
}

.reserve-svg-1 {
    width: 95px !important;
    padding: 0px 40px !important;
}

.reserv-content-title {
    font-size: 18px !important;
    font-weight: 500;
    margin-bottom: 8px !important;
    color: #37474F !important;
}

.section-stage-reserve {
    width: 80%;
    margin: 0 auto;
}

.form-reserve-row {
    width: 80% !important;
    margin: 0 auto !important;
    margin-bottom: 80px !important;
}

.switch::before {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    width: 20%;
    height: 2px;
    background: linear-gradient(45deg, transparent, rgb(230, 175, 46), transparent);
    transform: translateX(-560px);
}

.online_before::before {
    transform: translateX(-325%);
    transition: all .5s ease;
}

.offline_before::before {
    transform: translateX(-78%);
    transition: all .5s ease;
}

.type-moshavere-content {
    pointer-events: none;
}

.switch-vg path {
    stroke: red;
}

.acordion-plus,
.acordion-plus::after {
    display: block;
    box-sizing: border-box;
    background: currentColor;
    border-radius: 10px
}

.acordion-plus {
    margin-top: -2px;
    position: absolute;
    transform: scale(var(--ggs, 1));
    width: 16px;
    height: 2px;
    left: 26px;
    top: 50%;
}

.acordion-plus::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 16px;
    top: -7px;
    left: 7px
}

.acordion-minus {
    box-sizing: border-box;
    position: absolute;
    display: block;
    transform: scale(var(--ggs, 1));
    width: 16px;
    height: 2px;
    background: currentColor;
    border-radius: 10px;
    left: 26px;
}

.form-clock {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    transform: scale(var(--ggs, 1));
    width: 15px;
    height: 15px;
    border-radius: 100%;
    border: 2px solid transparent;
    box-shadow: 0 0 0 2px currentColor;
    top: 4px;
}

.form-clock::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    top: 1px;
    left: 4px;
}

.icon-online---Bold:before {
    content: "\e901";
}

.icon-presence---Bold:before {
    content: "\e902";
}

.icon-online---Bold,
.icon-presence---Bold {
    font-size: 18px;
    margin-left: 5px;
    padding-bottom: 3px;
}

#reserv_full {
    border: 1px solid #0000007a;
    border-radius: 6px;
    background-color: #0000007a;
    z-index: 10;
    padding: 2px;
}

#reserv_full:before {
    content: "\f188";
    position: absolute;
    left: 0;
    right: 0;
    top: 6px;
}

.closed-day {
    background-color: #eceff1 !important;
    color: #666666 !important;
    opacity: 60% !important;
    pointer-events: none !important;
    height: 36px;
    height: 36px;
}

.cover-dark-show {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #00000060;
    border-radius: 24px;
    transition: all .5s ease;
}

.reserv-payment-modal-header h1 {
    font-size: 16px;
    font-weight: 500;
}

.body-content-lable {
    font-size: 13px;
}


/* najafzadeh responsive */

@media (max-width:576px) and (min-width:320px) {
    .half-flex {
        width: 100% !important;
    }

    .g2-reserve-flex {
        display: block;
    }

    .g2-form-step-inner {
        padding: 14px;

    }

    .g2-konkori-col {
        width: 100% !important;
    }

    .g2-reserve-col {
        margin-bottom: 24px;
        width: 100% !important;
    }

    .time-box {
        padding: 0 10px;
    }

    .all-griffin .type-moshavere {
        width: 40%;
        margin-bottom: 60px;
    }

    .all-griffin .tooltiptext {
        bottom: -60px;
    }

    .type-moshavere-content {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .go-reserve {
        float: right;
    }

    .reserv-top-content .title {
        font-size: 20px;
    }

    .reserve-svg-1 {
        width: 55px !important;
        padding: 22px !important;
    }

    .all-griffin .row {
        margin: auto !important;
    }

    .infoTooltip {
        width: 55vw;
        height: auto;
        border: 1px solid #e6e6e6;
        text-align: right;
        text-align: justify;
        border-radius: 6px;
        position: absolute;
        transition: opacity 0.3s;
        z-index: 99;
        bottom: 0px;
        left: unset;
        right: -120px;
        display: none;
        background-color: white;
        padding: 12px;
    }

    .get_info:hover .infoTooltip {
        display: flex;
        opacity: 1;
    }



    .reserve-video-box {
        width: 100%;
        margin-top: 58px;
    }

    .reserv-top-content {
        position: revert;
        margin-top: 15px;
        width: 100%;
        box-shadow: unset;
        padding: 6px;
    }

    .reserv-section-2-head {
        text-align: right;
        margin: 25px 0 15px 0;
        font-size: 20px;
    }

    .accordion-box {
        border: 1px solid #E8E8E9;
        border-radius: 16px;
        margin: 15px auto;
        transition: 0.4s;
        width: 100%;
        padding: 15px 0;
    }

    .right-side-reserv-m-box {
        width: 100%;
        float: unset;
        direction: ltr;
        border-right: 1px solid #e8e8e9;
        border-left: 0;
    }

    .right-side-reserv-m {
        border-image-source: linear-gradient(to right, #ffffff, #e8e8e9);
        border-right: 0;
    }

    .right-side-reserv-content {
        text-align: right;
        border-right: 1px solid #E8E8E9;
        border-left: unset;
    }

    .left-side-reserv-m-box {
        width: 100%;
        float: unset;
    }

    .accordion {
        font-size: 14px;
        width: 90%;
        font-weight: 500;
        padding: 18px 10px 16px;
    }

    .right-side-reserv-content .reserv-content-title,
    .left-side-reserv-content .reserv-content-title {
        font-size: 15px !important;
        font-weight: 500;
    }

    .left-side-reserv-m img,
    .right-side-reserv-m img {
        width: 55px;
        padding: 0px 17px;
    }

    .acordion-plus,
    .acordion-minus {
        left: -24px;
    }

    .acordion-plus {
        width: 12px;
    }

    .acordion-plus::after {
        height: 12px;
        top: -5px;
        left: 5px;
    }

    .acordion-minus {
        width: 12px;
    }

    .all-griffin .tooltip {
        width: 47%;
        margin: 15px auto;
        font-size: 0.8em;
        position: revert;
    }

    .all-griffin .date .moshavere {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 15px;
        position: relative;
        padding-bottom: 0;
    }

    .time-box {
        font-size: .8em;
    }

    .time-selecto-p {
        margin: 3px;
    }

    #reserve-modal-submit {
        width: 96%;
    }

    .reserv-payment-modal {
        width: 82%;
        overflow-y: scroll;
        height: 550px;
    }

    .reserv-payment-modal-header h2 {
        font-size: 1em;
    }

    .body-content-lable,
    .body-content-title {
        font-size: .7em;
    }

    #submit {
        flex: 1.5;
        margin-right: 10px;
        font-size: .8em;
    }

    #reserve-modal-edit {
        font-size: .8em;
        color: #000;
        background: none;
    }

    .tooltip .tooltiptext {
        top: 74% !important;
    }

    .all-griffin .tooltip .tooltiptext {
        background-color: white;
        color: #191928;
    }

    .day-conteiner {
        margin: 6px 0 !important;
    }

    .switch .online,
    .switch .offline {
        width: 50%;
    }

    .panel p {
        color: #37474F;
        font-size: 13px;
        font-weight: 400;
        padding: 12px 18px 0 18px;

    }

    .panel li {
        color: #47474D;
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 12px;
    }

    .section-stage-reserve {
        width: 100%;
    }

    .form-reserve-row {
        width: 100% !important;
    }

    .all-griffin .days {
        padding-bottom: 14px;
    }

    .right-side-reserv-content p {
        direction: rtl
    }


    .all-griffin .days .row .day-conteiner {
        margin-right: 0 !important;
    }

    .panel li:first-child {
        margin-top: 16px !important;
    }

    .reserv-video-icon {
        width: 4.5em;
    }

    #reserv_full {
        padding: 12px;
        font-size: 14px;
    }

    #reserv_full:before {
        right: 1px;
        top: 5px;
    }

    .all-griffin .date .selections {
        padding: 0;
    }


    .reserv-right-form {
        border-left: unset;
    }

    .all-griffin .main-box {
        padding-top: 112px;
    }
}


.g2-reserve-main-box {
    min-height: 100px;
    border-radius: 16px;
    border: 1px solid #D7DADC;
    background: #FCFCFB;
}

.reserv-section-2-head {
    display: block;
    text-align: right;
    color: #37474F;
    font-size: 19px;
    padding: 20px 20px 0px;
}


/* new style of reserve-page   ////////////////////////////////////////////////////////////////////////////////       */

.g2-form-step-inner {
    border-radius: 16px;
    margin-bottom: 48px !important;
    position: relative;
}


.g2-reserve-title {
    padding: 0;
    margin: 0 0 16px 0;
    color: #37474F;
    text-align: right;
    font-size: 23px;
    font-weight: 800;
    line-height: 34.2px;
}

.g2-reserve-col {
    width: 48%;
}

.g2-reserve-col.hasDrop {
    position: relative;
}

.g2-reserve-col.in-person-section {
    display: none;
}


.half-flex {
    width: calc(50% - 16px);
}

.g2-reserve-dropSvg {
    position: absolute;
    width: 18px;
    height: 18px;
    left: 8px;
    top: 42px;
    transition: all .2s;
    background: center no-repeat;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_13718_163' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='19' height='19'%3E%3Crect x='0.5' y='0.5' width='18' height='18' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_13718_163)'%3E%3Cpath d='M9.5 11.75L5.75 8H13.25L9.5 11.75Z' fill='%2337474F'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.g2-reserve-dropSvg.active {
    rotate: 180deg;
}

.g2-reserve-col label {
    display: block;
    text-align: right;
    font-size: 16px;
    font-weight: 400;
    line-height: 28.8px;
    margin-bottom: 4px;
}

.g2-form-input {
    padding: 6px 8px;
    border-radius: 8px;
    border: 1px solid #D7DADC;
    background-color: #FFF;
    margin-bottom: 0;
    width: 100%;
    position: relative;
    color: #37474F;
    text-align: right;
    font-size: 13px;
    font-weight: 400;
    line-height: 23.4px;
}

.g2-form-input.err {
    border: 1px solid red;
}

.g2-form-input::placeholder {
    color: #AFB5B9;
    text-align: right;
    font-size: 13px;
    font-weight: 400;
    line-height: 23.4px;
}

.g2-reserve-priceVal {
    padding: 6px 8px;
    margin: 0;
    color: #37474F;
    text-align: right;
    font-size: 13px;
    font-weight: 400;
    line-height: 23.4px;
    display: none;
}

.g2-reserve-moreInfo {
    border: 1px solid red;
    position: relative;
}

.moreInfo-baseTxt {
    font-size: 13px;
    font-weight: 400;
    line-height: 23.4px;
    text-align: right;
    color: #B71E14;
    margin: 0;
    position: relative;
}

.moreInfo-tooltip {
    width: 16px;
    height: 16px;
    display: block;
    background: no-repeat center;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_13415_65036' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_13415_65036)'%3E%3Cpath d='M7.99992 11.3333C8.18881 11.3333 8.34714 11.2694 8.47492 11.1416C8.6027 11.0139 8.66659 10.8555 8.66659 10.6666C8.66659 10.4778 8.6027 10.3194 8.47492 10.1916C8.34714 10.0639 8.18881 9.99998 7.99992 9.99998C7.81103 9.99998 7.6527 10.0639 7.52492 10.1916C7.39714 10.3194 7.33325 10.4778 7.33325 10.6666C7.33325 10.8555 7.39714 11.0139 7.52492 11.1416C7.6527 11.2694 7.81103 11.3333 7.99992 11.3333ZM7.33325 8.66665H8.66659V4.66665H7.33325V8.66665ZM7.99992 14.6666C7.0777 14.6666 6.21103 14.4916 5.39992 14.1416C4.58881 13.7916 3.88325 13.3166 3.28325 12.7166C2.68325 12.1166 2.20825 11.4111 1.85825 10.6C1.50825 9.78887 1.33325 8.9222 1.33325 7.99998C1.33325 7.07776 1.50825 6.21109 1.85825 5.39998C2.20825 4.58887 2.68325 3.88331 3.28325 3.28331C3.88325 2.68331 4.58881 2.20831 5.39992 1.85831C6.21103 1.50831 7.0777 1.33331 7.99992 1.33331C8.92214 1.33331 9.78881 1.50831 10.5999 1.85831C11.411 2.20831 12.1166 2.68331 12.7166 3.28331C13.3166 3.88331 13.7916 4.58887 14.1416 5.39998C14.4916 6.21109 14.6666 7.07776 14.6666 7.99998C14.6666 8.9222 14.4916 9.78887 14.1416 10.6C13.7916 11.4111 13.3166 12.1166 12.7166 12.7166C12.1166 13.3166 11.411 13.7916 10.5999 14.1416C9.78881 14.4916 8.92214 14.6666 7.99992 14.6666ZM7.99992 13.3333C9.48881 13.3333 10.7499 12.8166 11.7833 11.7833C12.8166 10.75 13.3333 9.48887 13.3333 7.99998C13.3333 6.51109 12.8166 5.24998 11.7833 4.21665C10.7499 3.18331 9.48881 2.66665 7.99992 2.66665C6.51103 2.66665 5.24992 3.18331 4.21659 4.21665C3.18325 5.24998 2.66659 6.51109 2.66659 7.99998C2.66659 9.48887 3.18325 10.75 4.21659 11.7833C5.24992 12.8166 6.51103 13.3333 7.99992 13.3333Z' fill='%23B71E14'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.moreInfo-tooltip-txt {
    position: absolute;
    width: 300px;
    font-size: 12px;
    background-color: #fff;
    z-index: 99;
}

.companion-check {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}


.companion-check input[type="checkbox"] {
    display: none;
}

.companion-checkmark {
    width: 20px;
    height: 20px;
    border: 2px solid #D7DADC;
    background-color: #FFF;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}

.companion-check input[type="checkbox"]:checked+.companion-checkmark {
    border: 1px solid #E6AF2E;
}

.companion-check input[type="checkbox"]:checked+.companion-checkmark::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: solid #E6AF2E;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.reserve-companion-count {
    display: flex;
    align-items: center;
    gap: 24px;
}

.reserve-companion-items {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
    color: #37474F;
    text-align: right;
    font-size: 13px;
    font-weight: 400;
    line-height: 23.4px
}

.reserve-companion-items input[type="radio"] {
    display: none;
}

.reserve-companion-markradio {
    width: 20px;
    height: 20px;
    border: 2px solid #D7DADC;
    background-color: #FFF;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    display: block;
}

.reserve-companion-items input[type="radio"]:checked+.reserve-companion-markradio {
    border: 2px solid #E6AF2E;
}

.reserve-companion-items input[type="radio"]:checked+.reserve-companion-markradio::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 10px;
    height: 10px;
    background-color: #E6AF2E;
    border-radius: 50%;
}

.reserve-companion-hidepart {
    padding: 0;
}

.g2-calenderHead {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.g2-reserve-nextMonth,
.g2-reserve-preMonth {
    cursor: pointer;
    background-color: #ffffff;
    color: #37474F;
    font-weight: 400;
    font-size: 13px;
    padding: 4px 4px;
    border-radius: 4px;
    display: flex;
    align-content: center;
    align-items: center;
}

.g2-reserve-monthYear {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    font-size: 14px;
    color: #37474F;
    gap: 20px;
}



.g2-reserve-monthYear .month {
    position: relative;
}

.g2-reserve-monthYear .month::before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 60%;
    background-color: #37474F;
    left: -10px;
    top: 15%;
}

.g2-reserve-calendersec {
    margin: auto;
    padding: 0;
}

.g2-calender {
    margin: 16px auto;
}

.g2-calender .daysAbbr {
    width: 100%;
    padding: 5px 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: space-around;
}

.g2-calender .daysAbbr p {
    width: 14.28%;
    text-align: center;
    font-size: 12px;
    color: #999999;
}

.g2-calender .days {
    width: 100%;
    padding: 0 14px;
    border-bottom: 1px solid #E8E8E9;
}

.g2-calender .days .row {
    display: flex;
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1vw;
    justify-content: space-between;
}

.g2-calender .days .row .day-conteiner {
    width: 36px;
    margin: auto;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-left: 3px;
    margin-right: 3px;
    height: 36px;
    padding: 0;
}

.g2-calender .days .row .day-conteiner .day {
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid transparent;
    padding: 3px;
    color: #37474F;
    border: 1px solid #E8E8E9;
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    line-height: 18px;
    font-size: 12px;
}

.g2-calender .days .row .day-conteiner .selcted {
    background-color: #e6af2c;
    color: #fff;
}

.g2-calender .days .row .day-conteiner .hide {
    cursor: default;
    visibility: collapse;
}

.g2-calender .days .row .day-conteiner .current {
    background-color: #ffffff !important;
    color: #E6AF2E;
    padding: 3px;
    border: 1px solid #E6AF2E;
}

.g2-calender .days .row .day-conteiner .disable {
    cursor: default;
    background-color: #eceff1 !important;
    color: #666666;
    opacity: 60%;
    pointer-events: none;
}

.g2-calender .days .row .day-conteiner .disable.current {
    color: #000000 !important;
}


.reserv-select-time-lable {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #666666;
    margin-right: 2px;
    margin-bottom: 3px !important;
    text-align: center;
    margin-bottom: 25px !important;
    transition: all .5s ease;
}

.reserv-select-time-lable span {
    margin-left: 5px;
}

.time-row {
    display: flex;
    justify-content: space-around;
    margin: 8px 0;
}

.time-row .selected {
    background: #E6AF2E !important;
    color: #fff;
    display: flex;
}


.reserv_disable {
    pointer-events: none;
    background: #f2f4f5;
    color: #A3A3A6 !important;
}

.time-selecto-p {
    color: #47474D;
    font-size: 12px;
    width: 36px;
    height: 36px;
    border: 1px solid #E8E8E9;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #fff;
}

.reserv_disable {
    pointer-events: none;
    background: #f2f4f5;
    color: #A3A3A6 !important;
}

.g2-consultation-list,
.g2-session-list,
.g2-station-list,
.g2-state-list {
    background-color: #fff;
    position: absolute;
    border-radius: 8px 8px 32px 32px;
    box-shadow:
        0px 5px 10px 0px #0000000A,
        0px 19px 19px 0px #00000008,
        0px 42px 25px 0px #00000005,
        0px 75px 30px 0px #00000003,
        0px 118px 33px 0px #00000000;
    width: 100%;
    height: fit-content;
    padding: 12px 0 !important;
    flex-shrink: 0;
    z-index: 10;
    list-style: none;
    overflow: hidden;
    display: none;
    opacity: 0;
    max-height: 224px;
    overflow-y: auto;
}

.g2-consultation-list.selectable,
.g2-session-list.selectable,
.g2-station-list.selectable,
.g2-state-list.selectable {
    display: block;
    opacity: 1;
}


/* WebKit browsers (Chrome, Safari, Edge) */
.g2-state-list::-webkit-scrollbar,
.g2-consultation-list::-webkit-scrollbar {
    width: 3px;
}

.g2-state-list::-webkit-scrollbar-track,
.g2-consultation-list::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.g2-state-list::-webkit-scrollbar-thumb,
.g2-consultation-list::-webkit-scrollbar-thumb {
    background: #E6AF2E;
    border-radius: 10px;
}

.g2-consultation-items,
.g2-session-items,
.g2-station-items,
.g2-state-items {
    margin: 4px 0;
    padding: 8px 16px;
    color: #37474F;
    text-align: right;
    font-size: 16px;
    font-weight: 400;
    line-height: 28.8px;
    cursor: pointer;
    transition: all .3s;
    display: flex;
}

.g2-consultation-items:last-child {
    color: #D7DADC;
    display: flex;
    gap: 5px;
}


.g2-consultation-items:hover:not(:last-child),
.g2-session-items:hover,
.g2-station-items:hover,
.g2-state-items:hover {
    font-weight: 700;
    padding-right: 36px;
}

.g2-state-items[g2-custom-data="0"] {
    color: #b28724;
    font-weight: 700;
}

.g2-state-items[g2-custom-data="0"]:hover {
    font-weight: 900;

}


#reserve-submit-data,
#reserve-next-step {
    width: 199px;
    height: 48px;
    margin: 0 auto;
    display: block;
    background-color: #e6af2c;
    color: #fff;
    padding: 5px 0;
    border-radius: 8px;
    transition: all .5s ease;
    font-weight: 600;
}

#reserve-submit-data:hover {
    background-color: #E8B743;
    color: #fff;
}

#reserve-next-step svg {
    height: 100%;
}

#reserve-submit-data:focus {
    background-color: #E9A70C;
    color: #fff;
}

.form-err {
    text-align: right;
    font-size: 12px !important;
    margin-top: -14px !important;
    margin-bottom: 10px !important;
    color: red !important;
    display: none;
}

.form-err.alert {
    display: block;
}


/*  more info tooltip  */

.moreInfo {
    /* margin-bottom: 5px; */
    position: relative;
    text-align: right;
    width: fit-content;
    display: flex;
    align-items: center;

}

.get_info {
    cursor: pointer;
    display: contents;
    position: relative;
}



.moreInfo_baseTxt {
    margin: 0 !important;
    color: #B71E14 !important;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 28.8px;
    height: fit-content;
    display: contents;
}


.select-box {
    position: relative;
}

.select-box input {
    width: 100%;
    padding: 1rem .6rem;
    font-size: 13px;
    border: .1rem solid transparent;
    outline: none;
}

input[type="tel"] {
    border-radius: 0 .5rem .5rem 0;
}

.selected-option {
    overflow: hidden;

    display: flex;
    justify-content: space-between;
    align-items: center;

    border-radius: 8px;
    border: 1px solid #D7DADC;
    background-color: #F2F3F3;
    margin-bottom: 0;
    width: 100%;
    position: relative;
    color: #37474F;
    text-align: right;
    font-size: 13px;
    font-weight: 400;
    line-height: 23.4px;
}

.selected-option div {
    position: relative;

    width: 8rem;
    padding: 0 1.8rem 0 .5rem;
    cursor: pointer;
    direction: ltr;
}

.selected-option div svg {
    width: 16px;
    height: 16px;
}

.selected-option div::after {
    position: absolute;
    content: "";
    right: 0.8rem;
    top: 35%;
    transform: translateY(0%) rotate(0deg);
    width: 0px;
    height: 0px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #37474f;
    margin: 0rem;
    transition: .2s;
}

.selected-option div.active-phone::after {
    transform: translateY(0%) rotate(180deg);
}

.selected-option div strong {
    margin-left: 5px;
}

.selected-option input {
    border-left: 1px solid #ddd;
}

.select-box .options {
    position: absolute;
    top: 2.8rem;

    width: 100%;
    background-color: #fff;
    border-radius: .5rem;

    display: none;
    z-index: 99;
    border: 1px solid #d7dadc;
}

.select-box .options.active-phone {
    display: block;
}

.select-box .options::before {
    position: absolute;
    content: "";
    left: 1rem;
    top: -1.2rem;

    width: 0;
    height: 0;
    border: .6rem solid transparent;
}

input.search-box {
    color: #37474f;
    border-bottom: 1px solid #F2F3F3;
    border-radius: 0;
    padding-left: 40px;
    direction: ltr;
    background: url('../../images/search-number.png') no-repeat;
    background-position-y: 14px;
    background-position-x: 14px;
    margin-left: 15px;
    margin-right: 15px;
    width: 95%;
}

.infoTooltip {
    font-size: 12px;
}

input:-internal-autofill-selected {
    transition: background-color 0s 600000s, color 0s 600000s !important;
}

.select-box ol {
    list-style: none;
    max-height: 23rem;
    overflow: overlay;
}

.select-box ol::-webkit-scrollbar {
    width: 0.3rem;
}

.select-box ol::-webkit-scrollbar-thumb {
    width: 0.4rem;
    height: 3rem;
    background-color: #ccc;
    border-radius: .4rem;
}

.select-box ol li {
    padding: 1rem;
    display: flex;
    cursor: pointer;
    direction: ltr;
    transition: all .3s;
    margin-bottom: 10px !important;
}

.select-box ol li.hide {
    display: none;
}

.select-box ol li:hover {
    font-weight: 700;
    padding-left: 36px !important;
}

.select-box ol li .country-name {
    margin-left: 2px;
}

.select-box ol li div svg {
    margin-right: 15px;
    width: 20px;
    height: 20px;
}

.g2-list-price {
    font-size: 12px;

}


/*---------------------------------conatct info--------------------------------- */

.g2-contactinfo {
    padding: 16px;
    background-color: rgba(242, 243, 243, 0.5);
    border: 1px solid #D7DADC;
    border-radius: 8px;
    margin-bottom: 24px;
}

.g2-contactinfo-title {
    font-size: 16px;
    font-weight: 800;
    line-height: 28.8px;
    text-align: right;
    margin-bottom: 16px;
    color: #879195;
}

.g2-contactinfo-inner {
    display: flex;
    width: 100%;
    justify-content: space-around;
    list-style: none;
    padding: 0;
    flex-wrap: wrap;
    gap: 16px;
}

.g2-contactinfo-label {
    color: #879195;
    font-size: 14px;
    font-weight: 400;
    line-height: 23.4px;
    text-align: center;
    margin-bottom: 4px;
}

.g2-contactinfo-value {
    color: #37474F;
    font-size: 16px;
    font-weight: 800;
    line-height: 28.8px;
    text-align: center;
    margin: 0;
}

.g2-contactinfo-edit {
    color: #E6AF2E;
    font-size: 16px;
    font-weight: 800;
    line-height: 28.8px;
    text-align: center;
    border: none;
    background: none;
    outline: none;
    display: block;
    margin: 0 auto;
}

.g2-form-information {
    font-size: 19px;
    font-weight: 400;
    line-height: 23.4px;
    text-align: right;
    color: #879195;
    margin: 0 0 32px 0;
    display: block;
}

.g2-konkori,
.g2-doctor-job,
.g2-g2job {
    display: none;
    padding-top: 12px;
}

.is-konkori {
    flex-wrap: wrap;
}

.g2-konkori-col,
.g2-doctor-job-col {
    width: 48%;
}

.deactive {
    color: #D7DADC;
}

.reserve-modal-close {
    background-image: url("../images/modal-close.svg");
    width: 24px;
    height: 24px;
    margin-top: 12px;
    cursor: pointer;
}

/* .g2-reserve-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(3px);
    opacity: 0.2;
    z-index: 10;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(252, 252, 251, 0.00) 0%, rgba(252, 252, 251, 0.90) 63.45%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #000;
} */

/* .g2-reserve-mainbox.hasFilter {
    border: none;
} */

/* .g2-reserve-mainbox.hasFilter>*:not(.g2-reserve-job) {
    filter: grayscale(100%) blur(2.3px);
    border: none; */
/* اعمال هر دو افکت */
/* } */

.g2-reserve-job {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 12;
    border-radius: 16px;
    padding: 32px;
    text-align: center;
}

.g2-reserve-job p {
    text-align: center;
    margin-top: 20%;
}

.g2-linktojob {
    color: #fff;
    height: 48px;
    width: fit-content;
    display: flex;
    padding: 16px 32px 16px 32px;
    border-radius: 8px;
    background-color: #E6AF2E;
    font-size: 16px;
    font-weight: 800;
    margin: 24px auto;
    align-items: center;
}

.g2-reserve-back {
    border: none;
    outline: none;
    background: none;
    text-decoration: underline;
    color: #37474F;
    font-size: 16px;
    font-weight: 800;
}


.discounted {
    position: relative;
    color: #879195;
}

.discounted::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #879195;
    pointer-events: none;
}