body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #666565;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@font-face {
    font-family: "kalame";
    src: url("/fonts/kk/Kalameh-FaNum-Regular.eot");
    src: url("/fonts/kk/Kalameh-FaNum-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/kk/Kalameh-FaNum-Regular.woff2") format("woff2"), url("/fonts/kk/Kalameh-FaNum-Regular.woff") format("woff");
    font-weight: normal;
}

@font-face {
    font-family: "kalame";
    src: url("/fonts/kk/Kalameh-FaNum-Thin.eot");
    src: url("/fonts/kk/Kalameh-FaNum-Thin.eot?#iefix") format("embedded-opentype"), url("/fonts/kk/Kalameh-FaNum-Thin.woff2") format("woff2"), url("/fonts/kk/Kalameh-Thin.woff") format("woff");
    font-weight: normal;
    font-weight: 100;
}

@font-face {
    font-family: "kalame";
    src: url("/fonts/kk/kalameh-light.eot");
    src: url("/fonts/kk/kalameh-light.eot?#iefix") format("embedded-opentype"), url("/fonts/kk/kalameh-light.woff2") format("woff2"), url("/fonts/kk/kalameh-light.woff") format("woff");
    font-weight: normal;
    font-weight: 200;
}

@font-face {
    font-family: "kalame";
    src: url("/fonts/kk/Kalameh-FaNum-Medium.eot");
    src: url("/fonts/kk/Kalameh-FaNum-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/kk/Kalameh-FaNum-Medium.woff2") format("woff2"), url("/fonts/kk/Kalameh-FaNum-Medium.woff") format("woff");
    font-weight: normal;
    font-weight: 400;
}

@font-face {
    font-family: "kalame";
    src: url("/fonts/kk/Kalameh-FaNum-Medium.eot");
    src: url("/fonts/kk/Kalameh-FaNum-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/kk/Kalameh-FaNum-Medium.woff2") format("woff2"), url("/fonts/kk/Kalameh-FaNum-Medium.woff") format("woff");
    font-weight: normal;
    font-weight: 500;
}

@font-face {
    font-family: "kalame";
    src: url("/fonts/kk/Kalameh-FaNum-Bold.eot");
    src: url("/fonts/kk/Kalameh-FaNum-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/kk/Kalameh-FaNum-Bold.woff2") format("woff2"), url("/fonts/kk/Kalameh-FaNum-Bold.woff") format("woff");
    font-weight: normal;
    font-weight: 600;
}

@font-face {
    font-family: "kalame";
    src: url("/fonts/kk/Kalameh-FaNum-Black.eot");
    src: url("/fonts/kk/Kalameh-FaNum-Black.eot?#iefix") format("embedded-opentype"), url("/fonts/kk/Kalameh-FaNum-Black.woff2") format("woff2"), url("/fonts/kk/Kalameh-Black.woff") format("woff");
    font-weight: normal;
    font-weight: 700;
}


h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
strong,
label,
input,
button,
div,
select,
textarea {
    font-family: "kalame", "Iranian Sans" !important;
}

.ltr {
    direction: ltr;
}

.select2-container .select2-selection--single {
    height: 31px !important;
}

.is-loading .image, .is-loading h2, .is-loading p {
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}

.is-loading p {
    height: 70px;
}

.is-loading h2 {
    height: 30px;
}

@keyframes shine {
    to {
        background-position-x: -200%;
    }
}

@media (max-width: 760px) {
    .pt--4 {
        padding-top: 1.1rem !important;
    }

    .p--0 {
        padding: 0 !important;
    }


    .max-content {
        width: max-content
    }

    .fixed-mobile {
        position: fixed;
        bottom: 0;
        z-index: 999999;
        left: 17px;
        right: 17px;
        margin-bottom: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        box-shadow: 1px -3px 18px #ccc !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        text-align: center;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }

    .mp--0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0;
        padding-right: 0;
    }

  /*  .text-overlay {
        transform: translate(0%, -53%) !important;
        left: 0% !important;
        top: 100% !important;
        z-index: 9;
    }*/
/*    .text-overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        z-index: 2;
    }
*/
        .text-overlay h2 {
            font-size: 18px;
        }

        .text-overlay h4 {
            font-size: 15px;
        }

    .booking {
        margin-top: 0px !important;
    }
}

.total-price {
    padding: 9px;
    text-align: center;
    background: #00d27a;
    width: 62%;
    color: #fff;
    margin: 0 auto;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.no-user-select {
    user-select: none;
}

.border-dashed {
    padding: 5.5rem 0 !important;
}


.video-container {
    position: relative;
    width: 100%;
}

video {
    width: 100%;
    height: auto;
}

.text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 10px;
    border-radius: 5px;
}

.text-overlay-mobile {
    position: absolute;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    border-radius: 5px;
}

a {
    text-decoration: none;
}

.text-justify {
    text-align: justify;
}

.start-0 {
    left: 0 !important;
    right: unset !important;
}

.text-body {
    text-align: justify !important;
}

.border-end {
    border-left: 1px solid #dee2e6 !important;
    border-right: unset !important;
}

.pe-3 {
    padding-right: unset !important;
}

.me-3 {
    margin-right: unset !important;
}

.ps-2 {
    padding-left: unset !important;
}




:root {
    --primary: #FEA116;
    --light: #F1F8FF;
    --dark: #0F172B
}

.fw-medium {
    font-weight: 500 !important
}

.fw-semi-bold {
    font-weight: 600 !important
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99
}

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out,visibility 0s linear .5s;
    z-index: 99999
}

    #spinner.show {
        transition: opacity .5s ease-out,visibility 0s linear 0s;
        visibility: visible;
        opacity: 1
    }

.btn {
    font-weight: 500;
    text-transform: uppercase;
    transition: .5s
}

    .btn.btn-primary, .btn.btn-secondary {
        color: #fff
    }

.btn-square {
    width: 38px;
    height: 38px
}

.btn-sm-square {
    width: 32px;
    height: 32px
}

.btn-lg-square {
    width: 48px;
    height: 48px
}

.btn-square, .btn-sm-square, .btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    border-radius: 2px
}

.navbar-dark .navbar-nav .nav-link {
    margin-right: 30px;
    padding: 6px 0;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    outline: none
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active {
        color: var(--primary)
    }

@media(max-width: 991.98px) {
    .navbar-dark .navbar-nav .nav-link {
        margin-right: 0;
        padding: 10px 0
    }
}

.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15,23,43,.7);
    z-index: 1
}

.carousel-control-prev, .carousel-control-next {
    width: 10%
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 3rem;
    height: 3rem
}

@media(max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 450px
    }

        #header-carousel .carousel-item img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover
        }
}

.page-header {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.page-header-inner {
    background: rgba(15,23,43,.7)
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--light)
}

.booking {
    position: relative;
    margin-top: -100px !important;
    z-index: 1
}

.section-title {
    position: relative;
    display: inline-block
}

    .section-title::before {
        position: absolute;
        content: "";
        width: 45px;
        height: 2px;
        top: 50%;
        right: -55px;
        margin-top: -1px;
        background: var(--primary)
    }

    .section-title::after {
        position: absolute;
        content: "";
        width: 45px;
        height: 2px;
        top: 50%;
        left: -55px;
        margin-top: -1px;
        background: var(--primary)
    }

    .section-title.text-start::before, .section-title.text-end::after {
        display: none
    }

.service-item {
    height: 320px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 45px rgba(0,0,0,.08);
    transition: .5s
}

    .service-item:hover {
        background: var(--primary)
    }

    .service-item .service-icon {
        margin: 0 auto 30px;
        width: 65px;
        height: 65px;
        transition: .5s
    }

    .service-item i, .service-item h5, .service-item p {
        transition: .5s
    }

    .service-item:hover i, .service-item:hover h5, .service-item:hover p {
        color: #fff !important
    }

.video {
    position: relative;
    height: 100%;
    min-height: 500px;
    background: linear-gradient(rgba(15,23,43,.1),rgba(15,23,43,.1)),url(../img/video.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

    .video .btn-play {
        position: absolute;
        z-index: 3;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        box-sizing: content-box;
        display: block;
        width: 32px;
        height: 44px;
        border-radius: 50%;
        border: none;
        outline: none;
        padding: 18px 20px 18px 28px
    }

        .video .btn-play:before {
            content: "";
            position: absolute;
            z-index: 0;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            display: block;
            width: 100px;
            height: 100px;
            background: var(--primary);
            border-radius: 50%;
            animation: pulse-border 1500ms ease-out infinite
        }

        .video .btn-play:after {
            content: "";
            position: absolute;
            z-index: 1;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            display: block;
            width: 100px;
            height: 100px;
            background: var(--primary);
            border-radius: 50%;
            transition: all 200ms
        }

        .video .btn-play img {
            position: relative;
            z-index: 3;
            max-width: 100%;
            width: auto;
            height: auto
        }

        .video .btn-play span {
            display: block;
            position: relative;
            z-index: 3;
            width: 0;
            height: 0;
            border-left: 32px solid var(--dark);
            border-top: 22px solid transparent;
            border-bottom: 22px solid transparent
        }

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

#videoModal {
    z-index: 99999
}

    #videoModal .modal-dialog {
        position: relative;
        max-width: 800px;
        margin: 60px auto 0
    }

    #videoModal .modal-body {
        position: relative;
        padding: 0
    }

    #videoModal .close {
        position: absolute;
        width: 30px;
        height: 30px;
        right: 0;
        top: -30px;
        z-index: 999;
        font-size: 30px;
        font-weight: 400;
        color: #fff;
        background: #000;
        opacity: 1
    }

.testimonial {
    background: linear-gradient(rgb(255 255 255 / 70%), rgb(252 253 255 / 70%)), url(images/hotelimage/5.JPG);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.testimonial-carousel {
    padding-left: 65px;
    padding-right: 65px
}

    .testimonial-carousel .testimonial-item {
        padding: 30px
    }

    .testimonial-carousel .owl-nav {
        position: absolute;
        width: 100%;
        height: 40px;
        top: calc(50% - 20px);
        left: 0;
        display: flex;
        justify-content: space-between;
        z-index: 1
    }

        .testimonial-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next {
            position: relative;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            background: var(--primary);
            border-radius: 2px;
            font-size: 18px;
            transition: .5s
        }

            .testimonial-carousel .owl-nav .owl-prev:hover, .testimonial-carousel .owl-nav .owl-next:hover {
                color: var(--primary);
                background: #fff
            }

        .testimonial-carousel .owl-nav .owl-prev {
            right: 12px;
        }

        .testimonial-carousel .owl-nav .owl-next {
            left: 12px;
        }

.team-item, .team-item .bg-primary, .team-item .bg-primary i {
    transition: .5s
}

    .team-item:hover {
        border-color: var(--secondary) !important
    }

        .team-item:hover .bg-primary {
            background: var(--secondary) !important
        }

            .team-item:hover .bg-primary i {
                color: var(--secondary) !important
            }

.newsletter {
    position: relative;
    z-index: 1
}

.footer {
    position: relative;
    padding-top: 40px
}

    .footer .btn.btn-social {
        margin-right: 5px;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--light);
        border: 1px solid #fff;
        border-radius: 35px;
        transition: .3s
    }

        .footer .btn.btn-social:hover {
            color: var(--primary)
        }

    .footer .btn.btn-link {
        display: block;
        margin-bottom: 5px;
        padding: 0;
        text-align: right;
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        text-transform: capitalize;
        transition: .3s
    }


        .footer .btn.btn-link:hover {
            letter-spacing: 1px;
            box-shadow: none
        }

    .footer .copyright {
        padding: 25px 0;
        font-size: 15px;
        border-top: 1px solid rgba(256,256,256,.1)
    }

        .footer .copyright a {
            color: var(--light)
        }

    .footer .footer-menu a {
        margin-left: 15px;
        padding-left: 15px;
        border-left: 1px solid rgba(255,255,255,.3)
    }

        .footer .footer-menu a:last-child {
            margin-left: 0;
            padding-left: 0;
            border-left: none
        }

@media (max-width: 760px) {
    .footer .footer-menu a {
        margin-left: 0;
        padding-left: 10px;
        border-left: 1px solid rgba(255, 255, 255, .3);
        padding-right: 5px;
    }

    .testimonial-carousel .owl-nav {
        bottom: 0;
        top: unset !important;
    }

    .testimonial-carousel {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    .testimonial {
        padding-top: 0 !important;
        padding-bottom: 13px !important;
    }

    .score {
        left: 11px !important;
        bottom: 6px !important;
    }
}

.sec2 i.text-warning.fa.fa-star {
    padding: 0 4px;
}

.image-container:hover .title-slider {
    top: 0;
    text-align: center;
    z-index: 9
}

.form-select {
    height: 33px !important
}