@import url(../styles/global.css);
@import url(../styles/header.css);

/* ------------------------------------------- gallery section ------------------ */
.big-image,
.thumbnail__image {
    max-width: 100%;
    border-radius: 10px;
}

.big-image {
    box-shadow: 0px 2px 40px -30px rgb(0 0 0 / 45%);
}

.thumbnail__container .owl-stage {
    display: flex;
}

.thumbnail__container .owl-stage-outer {}

.thum__wrapper {
    overflow: hidden;
    position: relative;
}

.thumbnail__container .owl-prev {
    position: absolute;
    top: 40%;
    ;
    transform: translateY(-50%);
    right: 0;
    display: flex;
    background-color: var(--color-primary);
    border: 0;
    border-radius: 50%;

}

.thumbnail__container .owl-next {
    position: absolute;
    top: 40%;
    ;
    transform: translateY(-50%);
    left: 0;
    display: flex;
    background-color: var(--color-primary);
    border: 0;
    border-radius: 50%;
}

.thumbnail__container {
    max-height: 760px;
    padding: 0 16px;
    gap: 5px;
    direction: rtl;
    padding-bottom: 10px;
}

.thumbnail {
    overflow: hidden;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    /* max-width: 140px; */
}

.thumbnail.active {
    padding: 4px;
}

.thumbnail__image {
    border-radius: 10px;
}

.thumbnail.active .thumbnail__image {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.thumbnail__container::-webkit-scrollbar {
    height: 4px;
}

.thumbnail__container::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 25px;
    position: absolute;
    right: 0;
    height: 90%;
}

.thumbnail__container::-webkit-scrollbar-thumb {
    background-color: var(--color-primary);
    border-radius: 25px;
}


@-webkit-keyframes fade-in {
    0% {
        visibility: hidden;
        opacity: 0;
    }

    100% {
        visibility: visible;
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        visibility: hidden;
        opacity: 0;
    }

    100% {
        visibility: visible;
        opacity: 1;
    }
}


.p-info__head {
    padding-bottom: 15px;
    border-bottom: 1px solid #dfdfdf;
    flex-wrap: wrap;
    gap: 16px;
}

.p-info__title {
    color: #222;
    font-weight: 900;
    font-size: var(--font-size-5);
}

.p-info__comment {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-primary);

}

.blue-box {
    background-color: #EEF8FD;
    padding: 16px;
    border-radius: 10px;
}

.blue-box .title {
    font-size: 18px;
    font-weight: 600;
}

.checkbox__lable {
    position: relative;
    cursor: pointer;
    display: block;
}

.form__checkbox:checked+.checkbox__lable::before {
    background-color: var(--color-primary);
    background-image: url('data:image/svg+xml,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 1L5.40204 5.31755C4.74647 6.10423 4.41869 6.49758 3.97812 6.51756C3.53755 6.53755 3.17549 6.17549 2.45139 5.45139L1 4" stroke="%23fff" stroke-width="2" stroke-linecap="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    border-color: var(--color-primary);

}

.checkbox__lable::before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #adb5bd;
    background-color: #fff;
    border-radius: 5px;
    vertical-align: middle;
    margin-left: 5px;
}

.form__checkbox {
    visibility: hidden;
    opacity: 0;
    position: absolute;
}

.radio-lable {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 14px 8px;
    background-color: #E8E8E8;
    border-radius: 8px;
    margin-bottom: 0;
    font-family: var(--font-yekan-light);
    color: #fff;
    font-size: var(--font-size-1);
    position: relative;
    width: 80px;
    cursor: pointer;
    margin: 0 2px;

}

.radio-lable.active {
    background-color: var(--color-primary);
}

.radio-lable span {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 4.32432C9.07405 4.32432 3.45946 9.93892 3.45946 16.8649C3.45946 23.7908 9.07405 29.4054 16 29.4054C22.926 29.4054 28.5405 23.7908 28.5405 16.8649C28.5405 9.93892 22.926 4.32432 16 4.32432ZM0.864865 16.8649C0.864865 8.50596 7.6411 1.72973 16 1.72973C24.3589 1.72973 31.1351 8.50596 31.1351 16.8649C31.1351 25.2238 24.3589 32 16 32C7.6411 32 0.864865 25.2238 0.864865 16.8649Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 6.91892C16.7165 6.91892 17.2973 7.49974 17.2973 8.21622V16.1458L21.8768 19.008C22.4843 19.3877 22.669 20.1881 22.2893 20.7957C21.9096 21.4032 21.1092 21.5879 20.5016 21.2082L15.3124 17.965C14.9331 17.7279 14.7027 17.3122 14.7027 16.8649V8.21622C14.7027 7.49974 15.2835 6.91892 16 6.91892Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.53895 0.37997C7.04558 0.886596 7.04558 1.708 6.53895 2.21463L2.21463 6.53895C1.708 7.04558 0.886596 7.04558 0.37997 6.53895C-0.126657 6.03232 -0.126657 5.21092 0.37997 4.70429L4.70429 0.37997C5.21092 -0.126657 6.03232 -0.126657 6.53895 0.37997Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.4611 0.37997C24.9544 0.886596 24.9544 1.708 25.4611 2.21463L29.7854 6.53895C30.292 7.04558 31.1134 7.04558 31.62 6.53895C32.1267 6.03232 32.1267 5.21092 31.62 4.70429L27.2957 0.37997C26.7891 -0.126657 25.9677 -0.126657 25.4611 0.37997Z' fill='white'/%3E%3C/svg%3E");

}

.radio-lable input[type="radio"] {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.instant {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 31 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4861 2.59487C11.7727 2.59487 11.1944 2.01399 11.1944 1.29743C11.1944 0.580881 11.7727 0 12.4861 0H18.5751C19.2884 0 19.8667 0.580881 19.8667 1.29743C19.8667 2.01399 19.2884 2.59487 18.5751 2.59487H12.4861Z' fill='white'/%3E%3Cpath d='M6.51057 3.37662C7.015 3.8833 7.015 4.70479 6.51057 5.21147L2.20501 9.53626C1.70059 10.0429 0.882748 10.0429 0.37832 9.53626C-0.126107 9.02958 -0.126107 8.20808 0.37832 7.70141L4.68388 3.37662C5.1883 2.86994 6.00614 2.86994 6.51057 3.37662Z' fill='white'/%3E%3Cpath d='M15.9306 7.3214C9.03467 7.3214 3.44444 12.9366 3.44444 19.8633C3.44444 26.7899 9.03467 32.4051 15.9306 32.4051C22.8264 32.4051 28.4167 26.7899 28.4167 19.8633C28.4167 19.1467 28.995 18.5658 29.7083 18.5658C30.4217 18.5658 31 19.1467 31 19.8633C31 28.2231 24.2532 35 15.9306 35C7.60793 35 0.861111 28.2231 0.861111 19.8633C0.861111 11.5035 7.60793 4.72653 15.9306 4.72653C16.6439 4.72653 17.2222 5.30741 17.2222 6.02396C17.2222 6.74051 16.6439 7.3214 15.9306 7.3214Z' fill='white'/%3E%3Cpath d='M24.8658 11.8438C25.2657 11.3273 25.2202 10.5925 24.7596 10.1299C24.2989 9.66718 23.5674 9.62144 23.0532 10.0232L17.5939 14.2882L14.0265 16.8478C13.2644 17.3945 12.8122 18.2773 12.8122 19.2179C12.8122 20.8265 14.1104 22.1306 15.7119 22.1306C16.6484 22.1306 17.5272 21.6763 18.0715 20.9109L20.6197 17.3275L24.8658 11.8438Z' fill='white'/%3E%3C/svg%3E") !important;


}


.rules li {
    font-weight: normal;
    font-size: var(--font-size-2);
    color: #30373D;
    line-height: 30px;
}

.rules li::before {
    content: " ";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #c8c2c2;
    border-radius: 50%;
    vertical-align: middle;
    margin-left: 5px;
}

.gray__line {
    background-color: #dfdfdf;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    margin: 20px 0;
}

.total__title {
    color: #333;
    font-weight: 700;
    font-size: 20px;
}

.total__price span {
    font-weight: 700;
    font-size: var(--font-size-4);
}

.note {
    font-size: 14px;
    line-height: 30px;
    color: #30373D;
}

.note::before {
    content: " - ";
}

.border.border-box {
    border: 1px solid #dee2e6 !important;
    border-radius: 8px;
    min-height: 50px;
    padding: 30px 16px;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

.border-box__title {
    position: absolute;
    font-size: 14px;
    top: -7px;
    background-color: #EEF8FD;
    right: 15px;
    padding: 0 10px;
}

.wizard .nav-tabs .nav-item a.disabled {
    user-select: none;
    pointer-events: none;
}

.file-lable {
    font-size: 14px;
    margin-bottom: 5px;
}

html,
body {
    scroll-behavior: smooth;
}

/* ------------------------------------------------------ comment section */
.main-input {
    border: 1px solid #dfdfdf;
    border-radius: 9px;
    padding: 10px 10px;
    height: 52px;
    cursor: pointer;
    position: relative;
    color: #333;
    font-size: var(--font-size-1);
    font-weight: 500;
}

.comments__section .blue-box {
    padding: 50px 25px;
}

.comment {
    background-color: #fff;
    padding: 15px 25px;
    border-radius: 70px;
    color: #333;
}

.comment__img img {
    max-width: 50px;
    border-radius: 50%;
}

.comment__name {
    font-weight: 600;
    font-size: var(--font-size-3);
}

.comment__account {
    font-weight: 600;
    font-size: var(--font-size-1);
}

.comment__user {
    width: 190px;
    border-left: 1px solid #707070;
}

.comment__text * {
    font-weight: 600;
    font-size: var(--font-size-1);
    margin-bottom: 8px;
}

.comment__detail {
    margin-right: auto;
}

.comment__date {
    border-radius: 25px;
    padding: 5px;
    background-color: #fff;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    font-size: var(--font-size-0);
    font-weight: 600;
}

.gold-star {
    display: inline-block;
    width: 23px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='26' viewBox='0 0 23 26'%3E%3Cpath id='Polygon_15' data-name='Polygon 15' d='M11.5 0l2.875 9.669L23 9.931l-6.848 6.238L18.607 26 11.5 20.186 4.393 26l2.456-9.831L0 9.931l8.625-.262Z' fill='%23e4c815'/%3E%3C/svg%3E");
}

.comment__answer {
    margin-right: 100px;
    position: relative;
    z-index: 2;
}

.comment__answer::after {
    content: " ";
    position: absolute;
    width: 15px;
    height: 15px;
    right: 7%;
    top: -15px;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='95' height='74' viewBox='0 0 95 74'%3E%3Cdefs%3E%3Cfilter id='Polygon_13' x='0' y='0' width='95' height='74' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='3' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='3' result='blur'/%3E%3CfeFlood flood-opacity='0.161'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='matrix(1  0  0  1  0  0)' filter='url(%23Polygon_13)'%3E%3Cpath id='Polygon_13-2' data-name='Polygon 13' d='M38.5 0 77 56H0Z' transform='translate(9 6)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    background-position: top center;
}

.comment__stars {
    display: flex;
    gap: 2px;
    justify-content: flex-end;
}

.comment__form {
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    color: #333;
}

.comment__form .section__header::before {
    content: " ";
    display: block;
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: #C1C0C0;
    top: 50%;
    width: 50%;
}

.comment__form .section__title {
    font-weight: 700;
    font-size: var(--font-size-3);
    display: table;
    background-color: #fff;
    padding-left: 15px;
    position: relative;
    z-index: 2;
}

.comment__form .main-input {
    width: 100%;
}

.comment__form .main-input::placeholder {
    color: #333;
}

.gray-star {
    display: inline-block;
    width: 23px;
    height: 26px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='26' viewBox='0 0 32 34'%3E%3Cg id='Polygon_12' data-name='Polygon 12' fill='none'%3E%3Cpath d='M16 0l4 12.644 12 .343-9.528 8.157L25.889 34 16 26.4 6.111 34 9.528 21.144 0 12.987l12-.343Z' stroke='none'/%3E%3Cpath d='M 16 3.315431594848633 L 12.73904037475586 13.62338066101074 L 2.618747711181641 13.91245269775391 L 10.65578079223633 20.79331970214844 L 7.83314323425293 31.4149227142334 L 16 25.13597869873047 L 24.16685676574707 31.4149227142334 L 21.34421920776367 20.79331970214844 L 29.38125228881836 13.91244506835938 L 19.26095962524414 13.62338066101074 L 16 3.315431594848633 M 16 0 L 20 12.64407920837402 L 32 12.98683929443359 L 22.47214126586914 21.14408111572266 L 25.88854026794434 34 L 16 26.39736938476562 L 6.111459732055664 34 L 9.527860641479492 21.14408111572266 L 0 12.98685073852539 L 12 12.64407920837402 L 16 0 Z' stroke='none' fill='%23707070'/%3E%3C/g%3E%3C/svg%3E");
}

.comment__rate input[type="radio"] {
    display: none;
}

.main-textarea {
    min-height: 130px;
    resize: none;
}

@media only screen and (max-width:992px) {
    .p-info__head {
        flex-direction: column;
    }

    .property__row .d-flex {
        flex-wrap: wrap;
    }

    .contact__title {
        font-size: 20px;
    }

    .contact__box {
        padding: 20px;
    }

    .contact__sub-title {
        font-size: var(--font-size-2);
    }
}

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

    .btn {
        font-size: var(--font-size-1);
        min-width: 130px;
    }

    .contact__box {
        flex-direction: column;
        text-align: center;
        justify-content: center;
        gap: 10px;
    }

    .contact__box .left-box {
        flex-direction: column;
    }

    .section__title {
        font-size: var(--font-size-5);
    }

    .comment {
        flex-wrap: wrap;
        border-radius: 20px;
    }

    .comment__text {
        flex-basis: 100%;
        order: 2;
        border-top: 1px solid #a09f9f;
        padding-top: 20px;
    }

    .comment__user {
        border: 0;
        width: auto;
    }

    .comment__answer {
        margin-right: 50px;
    }
}

@media only screen and (max-width:576px) {

    .total__wrapper {
        flex-direction: column;
        justify-content: center;
    }

    .buttons__wrapper {
        flex-wrap: wrap;
        justify-content: center !important;
    }

    .section__sub-title {
        font-size: var(--font-size-2);
    }

    .comment {
        padding: 10px;
    }

    .comments__section .blue-box {
        padding: 10px;
    }

    .comment__img img {
        width: 35px;
        height: 35px;
    }

    .comment__name {
        font-size: var(--font-size-1);
    }

    .comment__account {
        font-size: var(--font-size-0);
    }

    .comment__answer {
        margin-right: 30px;
    }
}

.input-validation-error {
    border: 1px solid#f05c25 !important;
    box-shadow: 0 0 0 .2rem rgba(237, 27, 36, .25) !important;
}

.flex-column {
    flex-direction: column;
}

.additiol-services .adt-checkbox::before {
    right: -0.5rem !important;
    top: 0 !important;
}

.additiol-services .adt-checkbox::after {
    right: -0.5rem !important;
    top: 0 !important;
}

.additiol-services .adtBox {
    margin-top: 15px;
}

.additiol-services .adtBox label {
    margin-bottom: 10px;
}

.additiol-services .adtBox .form__select {
    display: flex;
    margin: 0 0 10px;
    width: 50% !important;
}