.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: none;
    z-index: 9999;
    color: #666;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
    border: 2px solid #666;
    background: #fff;
    border-radius: 100%
}

.scrollup:hover {
    color: #000
}

.mobile-header {
    text-align: center;
    font-size: 20px;
    font-weight: 700
}

.result-image {
    width: 124px;
    height: 60px
}

@media (max-width:2000px) {
    .container {
        max-width: 1299px
    }

    .result-image {
        width: 169px;
        height: 80px
    }
}

@media (max-width:1199px) {

    .head-tag,
    .head-tag-blue,
    .tag {
        font-size: 30px
    }

    #navbarfix {
        background: #31175e
    }

    .pargon-banner {
        background-color: #edefff;
        height: 600px;
        position: relative
    }

    .navbar-toggler:focus {
        box-shadow: 0 0
    }

    .navbar-light .navbar-toggler {
        background: #fff
    }

    .index-content {
        padding: 0 30px
    }

    .head-tag {
        text-align: left
    }

    .head-sub-tag {
        font-size: 20px;
        line-height: 160%;
        padding-top: 20px
    }

    .home-btn-blue {
        width: 75%
    }
}

@media (max-width:991px) {

    .left-tab,
    .left-tab .right-area {
        width: 234px
    }

    .box1,
    .left-tab {
        text-align: center
    }

    .call-number,
    .head-sub-tag,
    .nav-links {
        font-size: 15px
    }

    .footer-container-pad {
        padding: 0 20px
    }

    .left-tab {
        margin: 300px 0 0
    }

    .left-tab .left-area {
        margin: 0 auto;
        float: none
    }

    .line {
        width: 10px;
        height: 4px;
        background: #00d88e;
        display: inline-block;
        margin: 0
    }

    .banner-content h1 {
        font-size: 26px;
        line-height: normal;
        margin-top: 25px;
        display: inline-block;
        text-align: center;
        width: 100%
    }

    .info-pro {
        margin-top: 45px;
        padding: 20px
    }

    .banner-content {
        padding-bottom: 25px
    }

    .logo a {
        width: 100%;
        text-align: left;
        padding: 10px 20px
    }

    .banner-content p {
        font-size: 14px;
        padding: 0 10px
    }

    .step-by-step .box {
        width: 100%;
        margin-bottom: 40px
    }

    .how-logo-container,
    .index-content {
        margin-top: 0
    }

    .step-by-step .box img {
        width: 20%
    }

    .main-image,
    .step-by-step .box1 {
        width: 100%
    }

    .howitwork .sl-soft h2 {
        padding: 0 10px;
        font-size: 22px;
        line-height: 34px;
        margin-bottom: 25px
    }

    .step-by-step .box h2 {
        font-size: 22px
    }

    .sticky-header logo {
        padding-top: 20px
    }

    .wraper-nationwide .sl-soft h2 {
        padding: 10px;
        font-size: 22px
    }

    .arrow-desktop,
    .step-by-step .box b,
    .step-by-step .box strong {
        display: none
    }

    .arrow-mobile {
        display: inline-block
    }

    .box1 {
        width: 100%
    }

    .btn-outline-primary {
        width: 100%;
        margin-top: 25px;
        padding: 15px
    }

    .owl-carousel .owl-item img {
        width: 100%;
        padding: 0 30px
    }

    #testimonials .owl-next,
    #testimonials .owl-prev {
        margin-top: -65px
    }

    .result-image {
        width: 124px;
        height: 60px
    }

    .head-sub-tag {
        margin-bottom: 10px
    }

    .head-tag,
    .head-tag-blue {
        font-size: 30px
    }

    .form2 {
        padding: 10px 20%
    }
}

@media (max-width:767px) {

    .call,
    .navbar {
        padding-top: 0
    }

    .navbar {
        padding-bottom: 0
    }

    .index-content {
        margin-top: 50px
    }

    .pargon-banner {
        background-color: #edefff;
        height: 600px;
        position: relative
    }

    .logo a {
        width: 100%;
        text-align: left;
        padding: 0
    }

    .call,
    .logo,
    .main-image {
        width: 50%
    }

    .call-header,
    .call-number,
    .mobile-header {
        font-size: 12px
    }

    .head-sub-tag {
        font-size: 14px;
        width: 300px
    }

    .head-tag,
    .head-tag-blue,
    .highlight-span,
    .tag {
        font-size: 20px
    }

    .btn-blue,
    .select-49,
    .select-50 {
        width: 100%
    }

    .tag {
        padding: 10px 30px
    }

    .sl-soft,
    .sub-tag {
        display: none
    }

    .form {
        padding: 10px 50% 10px 0
    }

    .select-100,
    input[type=tel],
    input[type=text] {
        height: 48px;
        line-height: 48px;
        width: 100%
    }

    .btn-blue {
        padding: 10px 25px;
        font-size: 14px;
        margin-top: 10px
    }

    .footer-container-pad {
        padding: 0 20px
    }

    .footerlogo {
        margin-top: 0
    }

    .banner-options {
        background-image: none !important
    }

    .select-30 {
        width: 70%
    }

    .progress-desktop {
        width: 90%
    }

    .mobile-image {
        display: none;
        width: 100%
    }
}

@media (max-width:540px) {

    .copyright,
    .main-image,
    .nav-links,
    .progress-desktop,
    .sl-soft,
    .sub-tag {
        display: none
    }

    .home-btn-blue,
    .input-group,
    .select-49,
    .select-50 {
        width: 100%
    }

    .content-center {
        text-align: center;
        padding: 4% 10%
    }

    .navbar {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .mobile-input {
        margin-bottom: 10px
    }

    .row-padding {
        padding: 10px 20px 0
    }

    .btn-outline-primary {
        width: 100%;
        margin-top: 0;
        padding: 15px
    }

    .mobile-top,
    .result {
        padding-top: 10px
    }

    .input-mobile,
    .select-mobile {
        width: 55%
    }

    .label-form {
        width: 120px;
        display: inline-flex
    }

    .result-image {
        width: 180px;
        height: 87px
    }

    .banner-options {
        background-image: none !important
    }

    .copyright,
    .footer-divider,
    .links,
    .mobile-header {
        font-size: 12px
    }

    .text-cta-area {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 10px
    }

    .select-30 {
        width: 70%
    }

    .highlight-span,
    .tab-headline {
        font-size: 20px
    }

    .call-header,
    .call-number,
    .form-label,
    select {
        font-size: 14px
    }

    .call {
        padding-top: 0
    }

    .form-label {
        line-height: 40px
    }

    .form-label-long {
        line-height: 25px
    }

    .img-fluid {
        max-width: 90%
    }

    .img-fluid-footer {
        max-width: 35%
    }

    .pxm-2 {
        padding: 0 20px 10px
    }

    .progress-mobile {
        display: inline-block
    }

    .circle-right {
        margin-left: 94%
    }

    .checked-right {
        font-size: 18px
    }

    .next-btn,
    .prev-btn {
        font-size: 18px !important;
        height: 48px
    }

    .select-100,
    input[type=tel],
    input[type=text] {
        height: 48px;
        line-height: 48px;
        width: 100%
    }

    .cont-checkbox-text,
    .w-37 {
        width: 100% !important
    }

    .cont-checkbox-text {
        height: 48px;
        line-height: 48px;
        margin-right: 2%
    }

    .pargon-banner {
        background-color: #edefff;
        height: 750px;
        position: relative
    }

    .index-content {
        margin-top: 0;
        padding-top: 50px
    }

    .mobile-padding-bottom {
        padding-bottom: 0
    }

    .head-sub-tag {
        color: var(--grey-4, #56606a);
        font-family: Poppins;
        font-style: normal;
        font-weight: 400
    }

    .head-tag,
    .head-tag-blue {
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: center
    }

    .head-tag {
        color: var(--black, #1a1a1a)
    }

    .head-tag-blue {
        color: var(--blue-4, #2183ef)
    }

    .btn-blue,
    .btn-orange {
        width: 100%;
        padding: 10px 25px;
        font-size: 14px;
        margin-top: 10px
    }

    .head-sub-tag {
        padding: 10px 30px;
        text-align: center;
        font-size: 14px;
        line-height: 160%
    }

    .tag {
        font-size: 20px;
        padding: 20px 30px
    }

    .step-by-step .box h2 {
        font-size: 16px;
        padding: 0
    }

    .step-by-step .box p {
        font-size: 12px;
        padding: 10px 20px 0 !important
    }

    .step-by-step .box {
        height: 203px;
        margin-bottom: 40px
    }

    .step-by-step .box img {
        width: 25%
    }

    .how-logo-container {
        float: left;
        width: 32%;
        padding: 20px 10px
    }

    .form2 {
        padding: 0 !important
    }

    .evaluation {
        background: url(../images/mobile_evaluation.png) center no-repeat;
        height: 190px
    }

    .footer-container-pad {
        padding: 0 20px
    }

    .copyright-mobile {
        display: block;
        color: #8e969e;
        padding: 1% 0 !important;
        font-size: 12px;
        text-align: center;
    }

    .mobile-image {
        display: block;
        width: 100%
    }

    .footer-pad {
        padding: 1px 0;
    }

    .circle {
        margin-left: 94% !important;
    }
}