.ok07-form {background: #fff;}
.ok07-form .info {text-align: center;padding: 6.25rem 0 0;}
.ok07-form .info .title {font-size: 3.75rem;font-weight: 700;text-transform: uppercase;color: #000;line-height: 1.25;}
.ok07-form .info p {font-size: 1.125rem;font-weight: 400;color: #747474;line-height: 1.67;text-transform: uppercase;margin-top: 1rem;}
.ok07-form .wrap {display: flex;gap: 2.8125rem;padding-top: 4.375rem;padding-bottom: 4.375rem;}

/* 左侧表单 */
.ok07-form .form-left {display: flex;flex-direction: column;gap: 1.5rem;flex: 0 0 auto;width: 55rem;}
.ok07-form .form-left .container {width: auto !important;margin:0 !important;padding:0 !important;}
.ok07-form .crm_inquiry_form_boxcustom_inquiry_form_1779065707793167 .inqury_title_box {display: none;}
.ok07-form .form-row {display: flex;gap: 1.5rem;}
.ok07-form  {position: relative;}
.ok07-form .form-row  {width: 26.9375rem;}
.ok07-form .full {width: 55rem;}
.ok07-form .crm_inquiry_form_boxcustom_inquiry_form_1779065707793167 .input-label {display: block;font-size: 1.125rem;font-weight: 400;text-transform: uppercase;color: #000;margin-bottom: 0.75rem;}
.ok07-form .crm_inquiry_form_boxcustom_inquiry_form_1779065707793167 .one-line-input {width: 100%;height: 3.125rem;border: 0.0625rem solid #E8E8E8;border-radius: 0.625rem;padding: 0 1.1875rem;font-size: 1.125rem;color: #000;}
.ok07-form .crm_inquiry_form_boxcustom_inquiry_form_1779065707793167 .one-line-input::placeholder {color: rgba(0, 0, 0, 0.19);}
.ok07-form .select-field {position: relative;}
.ok07-form .select-field .arrow {position: absolute;right: 1.25rem;bottom: 1.125rem;width: 0.9375rem;height: 0.5625rem;pointer-events: none;}
.ok07-form .textarea-field textarea {width: 100%;height: 8.75rem;border: 0.0625rem solid #E8E8E8;border-radius: 0.625rem;padding: 1rem 1.1875rem;font-size: 1.125rem;color: #000;resize: vertical;}
.ok07-form .textarea-field textarea::placeholder {color: rgba(0, 0, 0, 0.19);}
.ok07-form .crm_inquiry_form_boxcustom_inquiry_form_1779065707793167 .inqury_submit {width: 26.9375rem;height: 3.125rem;background: #0B233D;border: 0.0625rem solid #0B233D;border-radius: 0.625rem;font-size: 1.125rem;font-weight: 500;text-transform: uppercase;color: #fff;cursor: pointer;transition: background 0.3s;}


.crm_inquiry_form_boxcustom_inquiry_form_1779065707793167 .inqury-form{margin:0 -10px;}

/* 右侧 */
.ok07-form .form-right {display: flex;flex-direction: column;gap: 0.9375rem;flex: 1;}
.ok07-form .form-right .img {border-radius: 1.25rem;overflow: hidden;}
.ok07-form .form-right .img img {width: 100%;display: block;}

.ok07-form .categories {display: flex;flex-direction: column;gap: 1.25rem;}
.ok07-form .categories .group h4 {font-size: 1.5rem;font-weight: 600;text-transform: uppercase;color: #000;margin-bottom: 1.25rem;}
.ok07-form .tags {display: flex;flex-wrap: wrap;gap: 0.5625rem;}
.ok07-form .tag {display: inline-block;padding:4px 1rem;background: rgba(255, 255, 255, 0.1);border:1px solid #D8D8D8;border-radius: 0.375rem;font-size:14px;text-transform: uppercase;color: #707070;cursor: pointer;transition: all 0.3s;}
.ok07-form .tag.active {border-color: #5EA9E1;color: #5EA9E1;}
.ok07-form .tag:hover {border-color: #5EA9E1;color: #5EA9E1;}

/* ========== ok07-features 服务特色区域 ========== */
.ok07-features {background: #F8F8F8;padding: 5.625rem;}
.ok07-features .container {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3.3125rem;}
.ok07-features .txt {text-align: center;display: flex;flex-direction: column;align-items: center;gap: 1.5625rem;}
.ok07-features .txt .title {font-size: 3rem;font-weight: 700;text-transform: capitalize;color: #000;line-height: 1;}
.ok07-features .txt p {font-size: 1.125rem;font-weight: 400;color: #414141;line-height: 1.44;text-align: center;}
.ok07-features .list {display: flex;gap: 6.125rem;justify-content: center;}
.ok07-features .item {display: flex;flex-direction: column;align-items: center;gap: 1.1875rem;width: calc(100% / 6);}
.ok07-features .item .icon {width: 10rem;height: 10rem;display: flex;align-items: center;justify-content: center;background: #0C233E;border-radius: 50%;transition:all .5s ease;}
.ok07-features .item .icon img {max-width: 100%;width: 54px;}
.ok07-features .item h4 {font-size: 1.25rem;font-weight: 600;text-transform: uppercase;color: #000;line-height: 1.3;text-align: center;}

.ok07-features .item:hover .icon {background: #5EA9E1;}

/* ========== ok07-contact 联系信息区域 ========== */
.ok07-contact {background: linear-gradient(270deg, rgba(102, 102, 102, 0) 26%, rgba(0, 0, 0, 1) 96%),url('./images/contact-bg.jpg') center/cover no-repeat;padding: 8rem 0 7rem;position: relative;}
.ok07-contact::after {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;background: rgba(0, 0, 0, 0.19);}
.ok07-contact .card {width: 38.875rem;position: relative;z-index: 10;background: transparent;}
.ok07-contact .card .info .title {font-size: 3rem;font-weight: 700;color: #fff;}
.ok07-contact .items {display: flex;flex-direction: column;gap: 1.5rem;margin-top: 2.25rem;}
.ok07-contact .item {display: flex;gap: 1.375rem;align-items: center;}
.ok07-contact .item .icon {width: 3.625rem;height: 3.625rem;flex-shrink: 0;background: rgba(217, 217, 217, 0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.ok07-contact .item .icon i {font-size: 28px;color: #fff;}
.ok07-contact .detail {display: flex;flex-direction: column;gap: 0.5rem;}
.ok07-contact .detail strong {font-size: 1.5rem;font-weight: 700;text-transform: uppercase;color: #fff;}
.ok07-contact .detail a {font-size: 1.125rem;font-weight: 500;color: #5EA9E1;text-decoration: underline;}
.ok07-contact .detail span {font-size: 1.25rem;font-weight: 500;color: #5EA9E1;line-height: 1.5;}
.ok07-contact .detail span.small {font-size: 1rem;font-weight: 400;color: #A6B7CF;line-height: 1.5;}
.ok07-contact .card .desc {margin-top: 10rem;}
.ok07-contact .card .desc p {font-size: 1rem;font-weight: 400;line-height: 1.625;color: #A6B7CF;}
.ok07-contact .card .desc .share {margin-top: 2rem;}
.ok07-contact .card .desc .share a{display:inline-block;color:#fff;width:2rem;height:2rem;line-height:34px;border-radius:50%;text-align:center;}
.ok07-contact .card .desc .share a+a{margin-left:1.5rem;}
.ok07-contact .card .desc .share a i{font-size:1.25rem;color:inherit;}
.ok07-contact .card .desc .share a:hover{color: #5EA9E1;}
/* ========== 响应式设计 ========== */


/* Tablet 768px-1024px */
@media screen and (max-width: 1024px) {

    .ok07-form {
        padding: 0 2rem;
    }

    .ok07-form .info {
        padding: 3rem 2rem 0;
    }

    .ok07-form .wrap {
        flex-direction: column;
        align-items: center;
    }

    .ok07-form .form-left,
    .ok07-form .form-row .field,
    .ok07-form .field.full,
    .ok07-form .btn-send {
        width: 100%;
        max-width: 55rem;
    }

    .ok07-form .form-row {
        flex-direction: column;
        gap: 1.5rem;
    }

    .ok07-form .form-row .field {
        width: 100%;
    }

    .ok07-form .form-right {
        width: 100%;
        max-width: 55rem;
    }

    .ok07-features {
        padding: 3rem 0;
        gap: 2.5rem;
    }

    .ok07-features .list {
        flex-wrap: wrap;
        gap: 2rem;
    }

    .ok07-features .item {
        width: calc(100% / 4);
    }

    .ok07-features .item .icon {
        width: 7rem;
        height: 7rem;
    }
    .ok07-features .item .icon img {
        max-width: 60%;
    }

    .ok07-contact .card {
        flex-direction: column;
        gap: 2rem;
        width: 100%;
        max-width: 43.625rem;
    }

    .ok07-contact .card .info {
        gap: 3rem;
    }
    .ok07-form .crm_inquiry_form_boxcustom_inquiry_form_1779065707793167 .inqury_submit {
        width: 100%;
    }
}

/* Mobile <768px */
@media screen and (max-width: 767px) {

    .ok07-form {
        padding: 0 1.25rem;
    }

    .ok07-form .info {
        padding: 2.5rem 0 0;
    }

    .ok07-form .info .title {
        font-size: 2.5rem;
    }

    .ok07-form .info p {
        font-size: 1rem;
    }

    .ok07-form .wrap {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .ok07-features {
        padding: 3rem 1.25rem;
        gap: 2rem;
        min-height: auto;
    }

    .ok07-features .txt .title {
        font-size: 2rem;
    }

    .ok07-features .list {
        flex-wrap: wrap;
        gap: 1.5rem;
        justify-content: center;
    }

    .ok07-features .item {
        width: calc(33.33% - 1.5rem);
    }

    .ok07-features .item .icon {
        width: 5rem;
        height: 5rem;
    }

    .ok07-features .item h4 {
        font-size: 1rem;
    }

    .ok07-contact {
        padding: 2rem 1.25rem;
        min-height: auto;
        background: linear-gradient(270deg, rgba(102, 102, 102, 0) 26%, rgba(0, 0, 0, 0.85) 96%),
                    url('images/contact-bg.png') center/cover no-repeat;
    }

    .ok07-contact .card {
        padding: 2.5rem 1.5rem;
        border-radius: 1.25rem;
        gap: 2rem;
        width: 100%;
    }

    .ok07-contact .card .info .title {
        font-size: 2rem;
    }

    .ok07-contact .row {
        gap: 1rem;
    }

    .ok07-contact .row .icon {
        width: 2.5rem;
        height: 2.5rem;
    }

    .ok07-contact .row .icon img {
        width: 2.5rem;
        height: 2.5rem;
    }

    .ok07-contact .detail strong {
        font-size: 1.125rem;
    }

    .ok07-contact .detail a,
    .ok07-contact .detail span {
        font-size: 1rem;
    }
}

/* Small Mobile <480px */
@media screen and (max-width: 479px) {

    .ok07-form .info .title {
        font-size: 2rem;
    }

    .ok07-form .btn-send {
        width: 100%;
    }

    .ok07-features .item {
        width: calc(50% - 1rem);
    }

    .ok07-features .item .icon {
        width: 4rem;
        height: 4rem;
    }

    .ok07-contact .row {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
}