@media screen and (max-width:1199px) {
    #topnav .navigation-menu > li {
        margin: 0 5px;
    }
}

@media screen and (min-width:991px) {
    .container-lg-fluid {
        max-width: 2100px !important;
    }

    .half-container-lg {
        max-width: 546px;
    }

    #topnav #navigation a.btn {
        margin-left: 30px;
    }
}

@media screen and (min-width:1200px) {
    #topnav #navigation a.btn {
        margin-left: 48px;
    }
}

@media screen and (min-width:1400px) {
    .half-container-lg {
        max-width: 620px;
    }
}

@media screen and (min-width:1580px) {
    .half-container-lg {
        max-width: 660px;
    }
}

.container-narrow {
    max-width: 800px;
}

.mh-90vh {
    min-height: 90dvh;
    min-height: 90vh;
}

.footer a {
    color: #adb5bd;
}

.footer a:hover {
    color: white;
}

@media screen and (max-width:992px) {
    #topnav #navigation a.btn {
        margin: 0 10px 20px;
    }
}

@media screen and (max-width:420px) {
    #topnav #navigation a.btn {
        width: calc(100% - 20px);
    }
}

.price-recommend {
    position: absolute;
    top: 1.5rem;
    right: -3rem;
    padding: .5rem 4.5rem;
    background-color: #5378f1;
    color: white;
    font-weight: 700;
    box-shadow: 0 0 .5rem rgba(0,0,0,.4);
    transform: rotate(35deg);
}

.box-shadow {
    box-shadow: 0 0 2.5rem rgba(0,0,0,.3), 0 .5rem .5rem rgba(0,0,0,.2)
}

.para-desc {
    max-width: 800px;
}

.title-heading .heading.heading-lg {
    font-size: clamp(48px, 5vw, 60px) !important;
}

.hero-image {
    position: relative;
}

.hero-image img {
    position: relative;
    z-index: 2;
}

.hero-image .video {
    position: absolute;
    top: 1.25%;
    left: 13%;
    height: 91%;
    width: 73.25%;
    z-index: 1;
    background: white;
}

.analytics-image {
    max-width: 900px;
    position: relative;
}

.analytics-image img {
    position: relative;
    z-index: 1;
}

.analytics-image .video {
    position: absolute;
    top: 1.25%;
    left: 13.7%;
    padding-top: 43%;
    height: 0;
    width: 76%;
    z-index: 2;
    background: white;
    border-radius: .375rem;
    overflow: hidden;
}

.analytics-image .video iframe {
    position: absolute;
    width: 100% !important;
    height: 100%;
    inset: 0;
}

@media screen and (max-width:992px) {
    .analytics-image .video {
        border-radius: .25rem;
    }
}

.para-desc-wide {
    max-width: 1020px;
}