

.tripex-form {
    background: #fff;
    padding: 45px;
    border-radius: 30px;
    box-shadow: 0 10px 50px rgba(0,0,0,.06);
}

    .tripex-form .form-heading {
        font-size: 32px;
        line-height: 1.2;
        margin-bottom: 15px;
        color: #0f172a;
        font-weight: 700;
    }

    .tripex-form .form-subtitle {
        font-size: 18px;
        line-height: 34px;
        color: #6b7280;
        margin-bottom: 35px;
    }

    .tripex-form .form-grid {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 22px;
    }

    .tripex-form .full-width {
        grid-column: 1 / -1;
    }

    .tripex-form .form-group {
        width: 100%;
        margin: 0;
    }

    .tripex-form label {
        display: block;
        font-size: 15px;
        font-weight: 700;
        color: #111827;
        margin-bottom: 12px;
    }

    .tripex-form .input-box {
        position: relative;
        width: 100%;
    }

        /* FORCE remove theme styles */

        .tripex-form .input-box i {
            position: absolute !important;
            left: 18px !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            width: auto !important;
            height: auto !important;
            line-height: normal !important;
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
            background: none !important;
            font-size: 16px !important;
            color: #94a3b8 !important;
            z-index: 5;
            pointer-events: none;
        }

    .tripex-form .right-icon {
        left: auto !important;
        right: 18px !important;
    }

    .tripex-form textarea + i {
        top: 24px !important;
        transform: none !important;
    }

    .tripex-form .form-control {
        width: 100% !important;
        min-width: 100% !important;
        height: 60px;
        border-radius: 16px;
        border: 1px solid #e5e7eb !important;
        background: #fff !important;
        padding-left: 52px !important;
        padding-right: 18px !important;
        font-size: 15px;
        color: #111827;
        box-shadow: none !important;
    }

    .tripex-form select.form-control {
        appearance: none;
        -webkit-appearance: none;
        padding-right: 45px !important;
        cursor: pointer;
    }

    .tripex-form textarea.form-control {
        height: 150px;
        padding-top: 18px !important;
        resize: none;
    }

    .tripex-form .form-control:focus {
        border-color: #7cb342 !important;
        box-shadow: 0 0 0 4px rgba(124,179,66,.12) !important;
    }

    .tripex-form .submit-btn {
        width: 100%;
        height: 62px;
        border: none;
        border-radius: 16px;
        background: #7cb342;
        color: #fff;
        font-size: 17px;
        font-weight: 700;
        transition: .3s;
    }

        .tripex-form .submit-btn:hover {
            background: #689f38;
            transform: translateY(-2px);
        }

@media(max-width:991px) {

    .tripex-form {
        padding: 35px;
    }

        .tripex-form .form-heading {
            font-size: 26px;
        }
}

@media(max-width:767px) {

    .tripex-form {
        padding: 25px;
    }

        .tripex-form .form-grid {
            grid-template-columns: 1fr;
        }

        .tripex-form .form-heading {
            font-size: 34px;
        }
}
