/** order-service **/

.order-service {
    position: relative;
    padding: 63px 0px 80px 0px;
    background-color: #ECFEF4;
}

    .order-service .pattern-layer {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .order-service .text-box {
        position: relative;
        display: block;
        margin-bottom: 15px;
    }

        .order-service .text-box h2 {
            position: relative;
            display: block;
            font-size: 35px;
            line-height: 35px;
            font-weight: 700;
            margin-bottom: 37px;
        }

        .order-service .text-box p {
            position: relative;
            display: inline-block;
            font-size: 15px;
            line-height: 22px;
            color: #101A30;
            padding-right: 35px;
        }

            .order-service .text-box p .shape {
                position: absolute;
                top: 0px;
                right: 0px;
                width: 25px;
                height: 25px;
                border-radius: 50%;
                border: 1px solid var(--theme-color);
            }

                .order-service .text-box p .shape:before {
                    position: absolute;
                    content: '';
                    background: var(--theme-color);
                    width: 3px;
                    height: 3px;
                    left: 10px;
                    top: 5px;
                }

                .order-service .text-box p .shape:after {
                    position: absolute;
                    content: '';
                    background: var(--theme-color);
                    width: 3px;
                    height: 8px;
                    left: 10px;
                    top: 10px;
                }

    .order-service .form-inner form {
        position: relative;
        margin: 0px 5px;
    }

        .order-service .form-inner form .form-group {
            position: relative;
            padding: 0px 10px;
        }

            .order-service .form-inner form .form-group input[type='text'],
            .order-service .form-inner form .form-group .nice-select {
                position: relative;
                display: block;
                width: 100%;
                height: 50px;
                border: 1px solid rgba(0, 0, 0, 0.15);
                font-size: 15px;
                color: #101A30;
                padding: 10px 20px;
                border-radius: 5px;
                background: transparent;
                transition: all 500ms ease;
            }

                .order-service .form-inner form .form-group .nice-select:before {
                    position: absolute;
                    content: '\e921';
                    font-family: 'icomoon';
                    font-size: 8px;
                    top: 10px;
                    right: 20px;
                    color: var(--theme-color);
                }

            .order-service .form-inner form .form-group .theme-btn,
            .order-service .form-inner form .form-group .theme-btn span {
                width: 100%;
            }

            .order-service .form-inner form .form-group input:focus {
                border-color: var(--theme-color);
            }