/* =========================================
   HERO
========================================= */

.request-hero-new{
    position:relative;
    width:100%;
    height:420px;
    overflow:hidden;
    background:#f4f7fb;
}

/* LIGHT LEFT AREA */

.request-hero-new::before{
    content:"";

    position:absolute;
    left:0;
    top:0;

    width:42%;
    height:100%;

    background:#eef3f8;

    clip-path:polygon(
        0 0,
        100% 0,
        72% 100%,
        0% 100%
    );

    z-index:1;
}

/* IMAGE */

.request-hero-new__bg{
    position:relative;
    width:100%;
    height:100%;
}

.request-hero-new__bg img{
    position:absolute;

    top:0;
    right:0;

    width:72%;
    height:100%;

    object-fit:cover;

    opacity:.42;

    clip-path:polygon(
        18% 0,
        100% 0,
        100% 100%,
        0 100%
    );
}

/* CONTENT */

.request-hero-new__overlay{
    position:absolute;

    left:80px;
    top:110px;

    z-index:5;

    max-width:430px;
}

.request-breadcrumbs{
    font-size:14px;
    color:#6f7d92;
    margin-bottom:22px;
}

.request-hero-new__title{
    font-size:72px;
    line-height:.95;
    font-weight:800;
    color:#0e2b57;

    margin-bottom:24px;
}

.request-hero-new__text{
    font-size:24px;
    line-height:1.5;
    color:#20395f;
}

/* =========================================
   PAGE
========================================= */

.request-page{
    position:relative;
    margin-top:-70px;
    z-index:10;
    padding-bottom:90px;
    background:#f4f7fb;
}

.request-page .container{
    max-width:1280px;
}

/* =========================================
   FORM
========================================= */

.request-form{
    display:flex;
    flex-direction:column;
    gap:28px;
}

.request-block{
    background:#fff;

    border-radius:24px;

    padding:42px;

    box-shadow:
    0 10px 34px rgba(21,44,82,.08);
}

/* =========================================
   TITLES
========================================= */

.request-block__title{
    display:flex;
    align-items:center;
    gap:18px;

    margin-bottom:34px;
}

.request-icon{
    width:70px;
    height:70px;

    border-radius:20px;

    background:#edf4ff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:30px;
}

.request-block h2{
    font-size:48px;
    font-weight:800;
    color:#0f3b78;
    margin:0;
}

/* =========================================
   GRID
========================================= */

.request-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:28px;
}

/* =========================================
   FIELDS
========================================= */

.request-field{
    display:flex;
    flex-direction:column;
    margin-bottom:24px;
}

.request-field label{
    font-size:20px;
    font-weight:700;
    color:#16345d;

    margin-bottom:14px;
}

.request-field input,
.request-field textarea,
.request-field select{
    width:100%;
    box-sizing:border-box;

    border:2px solid #c7d8ef;

    border-radius:18px;

    background:#fff;

    padding:0 22px;

    font-size:20px;
    color:#16345d;

    transition:.25s;
}

.request-field input,
.request-field select{
    height:76px;
}

.request-field textarea{
    height:190px;
    padding-top:22px;
    resize:none;
}

.request-field input:focus,
.request-field textarea:focus,
.request-field select:focus{
    outline:none;

    border-color:#0d5fcc;

    box-shadow:
    0 0 0 4px rgba(13,95,204,.08);
}

/* =========================================
   BOTTOM
========================================= */

.request-bottom{
    margin-top:20px;

    display:flex;
    flex-direction:column;
    align-items:center;
    gap:28px;
}

.request-note{
    font-size:15px;
    line-height:1.6;
    color:#6f7d92;
    text-align:center;
}

/* =========================================
   BUTTON
========================================= */

.request-submit{
    width:460px;
    height:82px;

    border:none;
    border-radius:60px;

    background:linear-gradient(
        90deg,
        #0057d8 0%,
        #0d73ff 100%
    );

    color:#fff;

    font-size:32px;
    font-weight:800;

    cursor:pointer;

    transition:.3s;

    box-shadow:
    0 14px 32px rgba(0,87,216,.28);
}

.request-submit:hover{
    transform:translateY(-3px);
}

/* =========================================
   MOBILE
========================================= */

@media(max-width:992px){

    .request-hero-new{
        height:320px;
    }

    .request-hero-new__overlay{
        left:30px;
        top:70px;
        max-width:320px;
    }

    .request-hero-new__title{
        font-size:46px;
    }

    .request-hero-new__text{
        font-size:16px;
    }

    .request-grid{
        grid-template-columns:1fr;
    }

    .request-block{
        padding:26px;
    }

    .request-block h2{
        font-size:30px;
    }

    .request-submit{
        width:100%;
        font-size:22px;
        height:66px;
    }

}