﻿@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
.qmulti-sip {
    --blue: #07469b;
    --blue2: #00a6de;
    --navy: #072b69;
    --ink: #111827;
    --muted: #5d6b7a;
    --soft: #eef8ff;
    --line: #d9edf8;
    --gold: #f8c44f;
    --pink: #f5d9ef;
    font-family: 'Oswald', sans-serif;
    color: var(--ink);
    background: #fff;
    line-height: 1.55;
}

    .qmulti-sip *,
    .qmulti-sip *::before,
    .qmulti-sip *::after {
        box-sizing: border-box;
    }

    .qmulti-sip a {
        text-decoration: none;
        color: inherit;
    }

    .qmulti-sip .highlight {
        color: #00a6de;
    }

    .qmulti-sip .wrap {
        /*width: min(1180px,92%);*/
        margin: auto;
    }

    .qmulti-sip .nav {
        position: sticky;
        top: 0;
        z-index: 20;
        background: rgba(255,255,255,.82);
        backdrop-filter: blur(16px);
        border-bottom: 1px solid rgba(7,70,155,.08);
    }

    .qmulti-sip .navin {
        height: 78px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .qmulti-sip .logo {
        display: flex;
        gap: 12px;
        align-items: center;
    }

    .qmulti-sip .mark {
        width: 54px;
        height: 42px;
        border-radius: 10px;
        background: linear-gradient(135deg,#0a4ba4,#00a6de);
        display: grid;
        place-items: center;
        box-shadow: 0 10px 24px rgba(7,70,155,.18);
    }

        .qmulti-sip .mark svg {
            width: 38px;
        }

    .qmulti-sip .brand b {
        font-size: 30px;
        color: var(--blue);
        letter-spacing: -1px;
    }

    .qmulti-sip .brand span {
        display: block;
        font-size: 10px;
        letter-spacing: 2px;
        color: #355c9c;
        margin-top: -6px;
    }

    .qmulti-sip .menu {
        display: flex;
        gap: 30px;
        font-size: 14px;
        color: #26384f;
    }

    .qmulti-sip .btn {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        border: 0;
        border-radius: 14px;
        background: #0066cc;
        color: #fff;
        padding: 14px 24px;
        font-weight: 800;
        box-shadow: 0 14px 32px rgba(0,113,204,.25);
    }

    .qmulti-sip .ghost {
        background: #fff;
        color: var(--blue);
        box-shadow: inset 0 0 0 1px #c9e8f7;
    }

    .qmulti-sip .hero {
        position: relative;
        overflow: hidden;
        background: radial-gradient(circle at 80% 10%,#d9f4ff 0,#fff 34%,#f7fbff 70%);
        /*padding: 15px 0 30px;*/
    }

        .qmulti-sip .hero:before {
            content: "";
            position: absolute;
            right: -10%;
            top: 12%;
            width: 520px;
            height: 520px;
            background: linear-gradient(135deg,#d9f4ff,#f9f1cc,#f5d9ef);
            filter: blur(58px);
            opacity: .75;
            border-radius: 50%;
        }

    .qmulti-sip .grid {
        position: relative;
        display: grid;
        grid-template-columns: 1fr .95fr;
        gap: 54px;
        align-items: center;
    }

    .qmulti-sip .pill {
        display: inline-flex;
        padding: 8px 14px;
        border-radius: 999px;
        background: #e9f7ff;
        color: var(--blue);
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .4px;
    }

    .qmulti-sip .hero h1 {
        font-size: 32px;
        line-height: 110%;
        /*letter-spacing: -2.5px;*/
        color: #212529;
        margin: 22px 0;
    }

        .qmulti-sip .hero h1 em {
            font-style: normal;
            color: #004aad;
        }

    .qmulti-sip .lead {
        font-size: 20px;
        color: #243247;
        max-width: 560px;
    }

    .qmulti-sip .cta {
        display: flex;
        gap: 14px;
        align-items: center;
        margin-top: 28px;
    }

    .qmulti-sip .visual {
        position: relative;
        /*min-height: 520px;*/
        display: grid;
        place-items: center;
    }

    .qmulti-sip .phone {
        position: absolute;
        left: -40px;
        bottom: 10px;
        width: 152px;
        height: 292px;
        border-radius: 30px;
        background: #102b5e;
        padding: 10px;
        box-shadow: 0 30px 70px rgba(2,34,86,.28);
        transform: rotate(-5deg);
    }

    .qmulti-sip .screen {
        height: 100%;
        border-radius: 22px;
        background: #0b65d8;
        padding: 24px 14px;
        color: #fff;
        text-align: center;
    }

    .qmulti-sip .check {
        margin: 42px auto 16px;
        width: 62px;
        height: 62px;
        border-radius: 50%;
        background: #fff;
        color: var(--blue2);
        display: grid;
        place-items: center;
        font-size: 34px;
    }

    .qmulti-sip .puzzle {
        position: relative;
        width: 460px;
        height: 460px;
        border-radius: 38px;
        background: linear-gradient(145deg,#fff,#eff7fd);
        box-shadow: 0 36px 80px rgba(7,70,155,.22), inset 0 0 0 1px #fff;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 10px;
        padding: 18px;
    }

    .qmulti-sip .tile {
        border-radius: 24px;
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: var(--blue);
        font-weight: 900;
        box-shadow: inset 0 0 0 1px #d8eafb;
    }

        .qmulti-sip .tile svg {
            width: 44px;
            height: 44px;
            margin-bottom: 8px;
        }

    .qmulti-sip .center {
        position: absolute;
        inset: 150px;
        border-radius: 30px;
        background: linear-gradient(135deg,var(--blue),#018fe1);
        color: #fff;
        display: grid;
        place-items: center;
        text-align: center;
        font-weight: 900;
        box-shadow: 0 20px 42px rgba(7,70,155,.32);
    }

    .qmulti-sip .benefits {
        position: relative;
        margin-top: -10px;
    }

    .qmulti-sip .benefitbar {
        background: #fff;
        border-radius: 26px;
        padding: 24px 32px;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 18px;
        box-shadow: 0 22px 50px rgba(7,70,155,.12);
        border: 1px solid #e4f1f9;
    }

    .qmulti-sip .benefit {
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: center;
        border-right: 1px solid #d8eafb;
    }

        .qmulti-sip .benefit:last-child {
            border-right: 0;
        }

    .qmulti-sip .ico {
        width: 58px;
        height: 58px;
        border-radius: 18px;
        background: #edf8ff;
        display: grid;
        place-items: center;
        color: var(--blue);
        font-size: 26px;
    }

    .qmulti-sip .benefit b {
        font-size: 22px;
        line-height: 1.15;
        color: #111;
    }

    .qmulti-sip .section {
        padding: 82px 0;
    }

    .qmulti-sip .intro {
        display: grid;
        grid-template-columns: .88fr 1.12fr;
        gap: 60px;
        align-items: center;
    }

    .qmulti-sip .orb {
        height: 420px;
        border-radius: 44px;
        background: linear-gradient(145deg,#e8f7ff,#fff);
        position: relative;
        overflow: hidden;
        box-shadow: inset 0 0 0 1px #d9edf8;
    }

        .qmulti-sip .orb:before {
            content: "";
            position: absolute;
            width: 330px;
            height: 330px;
            border-radius: 50%;
            background: #d8f1ff;
            left: -70px;
            top: 38px;
        }

    .qmulti-sip .cardmini {
        position: absolute;
        background: #fff;
        border-radius: 24px;
        padding: 22px;
        box-shadow: 0 24px 45px rgba(7,70,155,.14);
        width: 250px;
    }

        .qmulti-sip .cardmini.one {
            left: 20px;
            top: 20px;
        }

        .qmulti-sip .cardmini.two {
            right: 20px;
            bottom: 20px;
        }

        .qmulti-sip .cardmini b {
            color: var(--navy);
            font-size: 20px;
        }

    .qmulti-sip .copy h2,
    .qmulti-sip .title h2 {
        font-size: 40px;
        line-height: 1.12;
        color: #212529;
        letter-spacing: -1px;
    }
.qmulti-sip .title h2 span{color:#004aad;}

    .qmulti-sip .copy p {
        font-size: 17px;
        color: #374151;
    }

    .qmulti-sip .title {
        text-align: center;
        margin-bottom: 38px;
    }

    .qmulti-sip .helpgrid {
        display: grid;
        grid-template-columns: repeat(5,1fr);
        gap: 16px;
    }

    .qmulti-sip .help {
        padding: 26px 18px;
        text-align: center;
        border-radius: 24px;
        background: #fff;
        border: 1px solid #dceff9;
        box-shadow: 0 15px 35px rgba(7,70,155,.07);
        font-weight: 800;
    }

        .qmulti-sip .help .ico {
            margin: 0 auto 12px;
        }

    .qmulti-sip .why {
        background: linear-gradient(#f8fcff,#fff);
    }

    .qmulti-sip .cards {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 22px;
    }

    .qmulti-sip .feature {
        background: #fff;
        border: 1px solid #e0eef7;
        border-radius: 28px;
        padding: 1rem;
        box-shadow: 0 20px 46px rgba(7,70,155,.08);
    /*    min-height: 320px;*/
        position: relative;
        overflow: hidden;
    }

        .qmulti-sip .feature:before {
            content: "";
            position: absolute;
            right: -38px;
            top: -38px;
            width: 130px;
            height: 130px;
            border-radius: 50%;
            background: linear-gradient(135deg,#e0f6ff,#f9edc8);
            opacity: .8;
        }

        .qmulti-sip .feature h3 {
            font-size: 24px;
            line-height: 1.14;
            margin: 18px 0;
            color: #111;
        }

        .qmulti-sip .feature p {
            color: #4b5563;
        }

    .qmulti-sip .line {
        width: 68px;
        height: 5px;
        border-radius: 99px;
        background: #004aad;
        margin-top: 18px;
    }

    .qmulti-sip .banner {
        margin-top: 44px;
        background: linear-gradient(90deg,#e8f7ff,#fff4d6,#eef8ff);
        border-radius: 28px;
        padding: 30px 34px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        border: 1px solid #d9edf8;
    }

        .qmulti-sip .banner h3 {
            margin: 0;
            color: var(--navy);
            font-size: 25px;
        }

    .qmulti-sip .foot {
        background: #f7fbff;
        border-top: 1px solid #d9edf8;
    }

    .qmulti-sip .social {
        padding: 22px 0;
        border-bottom: 1px solid #d9edf8;
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: center;
        font-size: 13px;
    }

    .qmulti-sip .contacts {
        padding: 28px 0;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 20px;
        font-size: 14px;
        color: #26384f;
    }

    .qmulti-sip .risk {
        background: var(--blue);
        color: #fff;
        text-align: center;
        padding: 13px;
        font-weight: 800;
    }

@media (max-width:991px) {

    .qmulti-sip .menu {
        display: none;
    }

    .qmulti-sip .grid,
    .qmulti-sip .intro {
        grid-template-columns: 1fr;
    }

    .qmulti-sip .hero h1 {
        font-size: 24px;
    }

    .qmulti-sip .visual {
        min-height: 430px;
    }

    .qmulti-sip .puzzle {
        width: 360px;
        height: 360px;
    }

    .qmulti-sip .center {
        inset: 120px;
    }

    .qmulti-sip .phone {
        display: none;
    }

    .qmulti-sip .benefitbar,
    .qmulti-sip .helpgrid,
    .qmulti-sip .cards,
    .qmulti-sip .contacts {
        grid-template-columns: 1fr;
    }

    .qmulti-sip .benefit {
        border-right: 0;
        border-bottom: 1px solid #d8eafb;
        padding-bottom: 16px;
    }

    .qmulti-sip .banner {
        flex-direction: column;
        text-align: center;
    }

    .qmulti-sip .section {
        padding: 56px 0;
    }
    .qmulti-sip .orb{height:auto;padding:1rem;}
    .qmulti-sip .cardmini.one,.qmulti-sip .cardmini.two{position:relative; width:auto;}
    .qmulti-sip .cardmini.one{left:inherit; top:inherit; margin-bottom:1rem;}
    .qmulti-sip .cardmini.two{right:inherit; bottom:inherit;}
    .qmulti-sip .benefit{justify-content:start;}
}
.qmulti-sip .help.schemeColor1{border:1px solid #004aad; color:#004aad;}
.qmulti-sip .help.schemeColor2{border:1px solid #000; color:#000;}
.qmulti-sip .help.schemeColor3{border:1px solid #9e6900; color:#9e6900;}
.qmulti-sip .help.schemeColor4{border:1px solid #cc02cf; color:#cc02cf;}

.qsipIntro .cardmini.one{left:inherit;right:inherit;top:inherit;}
.qsipIcoDiv img{width:50px; height:auto;}
.mythFactSec ul.mythUl li{background:#fff8f5;}
.mythFactSec ul.factUl li{background:#f5fff7;}
@media(min-width:992px) {
    .mythFactSec ul li {
min-height:60px;
}
}
