body
    font-size: 18px
    .wizrd-blog-theme
        .container
            max-width: 1282px
        .travel-template
            .wizrd-site-main
                .wizrd-home-banner
                    padding: 45px 0 25px
                    .container
                        max-width: 1282px
        .wizrd-site-footer
            .wizrd-top-footer
                display: block
.travel--heading
    width: 100%
    display: inline-block
    h2
        width: 100%
        display: inline-block
        font-size: 48px
        line-height: 1
        font-weight: 800
        letter-spacing: 0.05em
        text-align: center
        margin: 0 0 30px
        text-transform: capitalize
.index-section
    padding: 54px 0
// .wizrd-iframe
//     background-color: blue
//     iframe
//         div
//             background-color: red !important
.newsletter
    width: 100%
    display: inline-block
    background-color: #FFFFFF
    text-align: center
    h3
        font-size: 34px
        line-height: 1.4
        font-weight: 700
        margin: 0 0 28px
    .newsletter--form
        width: 100%
        display: flex
        justify-content: center
        .form-group
            margin: 0
            .field_error
                color: #ef5f5f
                font-size: 16px
                text-align: left
                display: block
                position: absolute
                margin: 3px 0 0
            label
                margin: 0
            .form-control
                font-size: 24px
                line-height: 1.4
                font-weight: normal
                padding: 8.2px 15px
                border: 1px solid #757575
                border-radius: 5px
                color: #9E9E9E
        .btn
            font-size: 18px
            font-weight: 900
            line-height: 1
            letter-spacing: 0.05em
            text-transform: capitalize
            border-radius: 5px
            margin-left: 21px
            padding: 7px 44px
.wizrd-payment
    width: 100%
    display: inline-block
    text-align: center
    margin: 12px 0 0
    .payment-button
        width: 100%
        display: inline-block
        margin: 0 0 15px
        .payment-btn-group
            width: 193.91px
            display: inline-block
            cursor: pointer
            a
                font-size: 24px
                line-height: 1
                font-weight: 900
                width: 100%
                display: inline-block
                text-transform: capitalize
                border-radius: 10px 10px 0px 0px
                // background-color: var(--button-font)
                // color: var(--button)
                background-color: #fff
                color: #000
                padding: 4px
                &:last-child
                    border-radius: 0 0 10px 10px
                    // background-color: var(--button)
                    // color: var(--button-font)
                    background-color: #000
                    color: #fff
            &:hover
                a
                    // background-color: var(--button)
                    // color: var(--button-font)
                    background-color: #000
                    color: #fff
                    &:last-child
                        // background-color: var(--button-font)
                        // color: var(--button)
                        background-color: #fff
                        color: #000
    .payment-option
        display: flex
        justify-content: center
        align-items: center
        h6
            text-transform: capitalize
            font-size: 22px
            line-height: 1
            font-weight: 700
            margin: 0
            color: var(--header-color)
        ul
            list-style: none
            margin: 0
            padding: 0
            li
                display: inline-block
                margin-left: 6px

.featured
    width: 100%
    display: inline-block
    background-color: #FFFFFF
    &__list
        width: 100%
        display: flex
        align-items: center
        justify-content: space-between
        flex-wrap: wrap
        &__block
            padding: 0 20px
            width: auto
            img
                max-width: 370px
.services
    width: 100%
    display: inline-block
    background-color: #F7F7F7
    &__list
        width: 100%
        display: flex
        align-items: flex-start
        flex-wrap: wrap
        text-align: center
        flex-wrap: wrap
        &__block
            width: 29.5%
            display: inline-block
            margin-left: 5.7%
            margin-top: 30px
            &:nth-child(1),
            &:nth-child(2),
            &:nth-child(3)
                margin-top: 0
            &:nth-child(3n+1)
                margin-left: 0
            &__wrap
                width: 100%
                display: inline-block
                cursor: pointer
                &__img
                    width: 100%
                    display: inline-block
                    margin: 0 0 20px
                    img
                        max-width: 100%
                &__title
                    width: 100%
                    display: inline-block
                    h4
                        font-size: 30px
                        line-height: 1.3
                        font-weight: 800
                        letter-spacing: 0
                        margin: 0 0 10px
                        color: var(--background-font)
                &__detail
                    width: 100%
                    display: inline-block
                    font-size: 19px
                    line-height: 23px
                    font-weight: 500
                    letter-spacing: 0
                    color: var(--background-font)
.what-to-know
    width: 100%
    display: inline-block
    background-color: var(--top-menu)
    .travel--heading
        h2
            color: var(--top-menu-font)
    &__list
        width: 100%
        display: flex
        align-items: center
        justify-content: space-between
        flex-wrap: wrap
        &__block
            width: auto
            text-align: center
            background-color: #ffffff
            padding: 10px 20px 20px
            min-width: 310px
            display: inline-block
            margin-left: 30px
            &:first-child
                margin-left: 0
            &__wrap
                width: 100%
                display: inline-block
                &__title
                    h4
                        font-size: 24px
                        font-weight: 900
                        margin: 10px 0 0

.why-book
    width: 100%
    display: inline-block
    background-color: #ffffff
    &__list
        width: 100%
        display: flex
        align-items: center
        justify-content: space-between
        &__block
            width: auto
            text-align: center
            padding-left: 30px
            &:first-child
                padding-left: 0
            &__img
                width: 100px
                height: 100px
                border: 3px solid var(--top-menu)
                border-radius: 100%
                display: flex
                justify-content: center
                align-items: center
                margin: 0 auto
            &__title
                h4
                    font-size: 22px
                    font-weight: 900
                    margin: 10px 0 0
.partner
    width: 100%
    display: inline-block
    background-color: #ffffff
    .travel--heading
        text-align: center
        h2
            width: 950px
            max-width: 100%
            display: inline-block
    &__list
        width: 100%
        display: flex
        align-items: center
        justify-content: space-between
        flex-wrap: wrap
        &__block
            padding: 0 20px
            width: auto
            img
                max-width: 370px
                max-height: 145px
.travel--footer
    background-color: var(--top-menu)
    position: relative
    padding: 34px 0
    // .wizrd-footer-dots
    //     position: absolute
    //     top: 0
    //     left: 0
    //     right: 0
    //     bottom: 0
    //     text-align: center
    //     svg
    //         max-width: 100%
    //         max-height: 100%
    //         opacity: .5
    //         .wizrd-footer-theme-dots
    //             fill: var(--button)
    &__inner
        display: flex
        align-items: center
        justify-content: center
        position: relative
        z-index: 1
        h5
            color: var(--top-menu-font) !important
            font-size: 24px
            line-height: 1
            font-weight: 700
            margin: 0
        .btn
            display: inline-block
            vertical-align: middle
            font-size: 25px !important
            font-weight: 900 !important
            padding: 16px 27px !important
        a
            font-size: 24px
            color: var(--top-menu-font) !important
            font-weight: 500
            line-height: 1
            display: inline-block
            vertical-align: middle
            margin: 0 20px 0 10px
            &:hover,
            &:active,
            &:focus
                text-decoration: none
