::-webkit-scrollbar {
    width: 0;
    background: 0 0
}

.title-medium {
    font-size: 50px;
    line-height: 95px
}

.text-blue-ocean {
    color: #007aff
}

.text-blue-ocean-hover:hover {
    color: #007aff
}

.bg-slightly-gray {
    background-color: #f7f7f7
}

#features .feature-box-content span {
    font-size: 22px
}

#cases .btn {
    padding: 8px 20px
}

.feature-box.feature-box-dark-hover .btn, .feature-box.feature-box-dark-hover .feature-box-icon, .feature-box.feature-box-dark-hover a, .feature-box.feature-box-dark-hover h1, .feature-box.feature-box-dark-hover h2, .feature-box.feature-box-dark-hover h3, .feature-box.feature-box-dark-hover h4, .feature-box.feature-box-dark-hover h5, .feature-box.feature-box-dark-hover h6, .feature-box.feature-box-dark-hover i, .feature-box.feature-box-dark-hover p, .feature-box.feature-box-dark-hover span {
    color: #fff
}

.feature-box .feature-box-overlay {
    opacity: 1
}

.feature-box:hover .feature-box-overlay {
    opacity: 0
}

.feature-box.feature-box-dark-hover:hover .btn-link.text-extra-dark-gray, .feature-box.feature-box-dark-hover:hover .text-extra-dark-gray, .feature-box.feature-box-dark-hover:hover a.text-extra-dark-gray-hover:hover {
    color: #232323 !important
}

.feature-box.feature-box-dark-hover:hover .feature-box-content.last-paragraph-no-margin p {
    color: #828282 !important
}

.feature-box.feature-box-dark-hover:hover .feature-box-icon i {
    color: #0038e3 !important
}

header .title-area {
    margin-top: -10px
}

#about h4, #pricing h4 {
    font-size: 40px
}

.op-50 {
    opacity: .5
}

#cases h5, #features h5, #pricing h5 {
    font-size: 28px
}

.top-link-text {
    color: #7e94c9
}

.top-link-text:hover {
    color: #fff
}

.padding-25-rem-tb {
    padding-top: 10%
}

.main-text-title {
    font-weight: 700;
    color: #fff;
    font-size: 58px;
    line-height: 76px
}

.main-text-subtitle {
    font-weight: 300;
    color: #fff;
    font-size: 58px;
    line-height: 76px
}

.main-text-info {
    color: #a0b3e1;
    font-size: 17px;
    font-weight: 400;
    line-height: 36px
}

.main-text-subinfo {
    color: #fff;
    font-size: 18px
}

.scroll-down-text {
    color: #fff
}

.btn.btn-large.btn-main {
    padding-top: 10px;
    padding-bottom: 9px;
    border-radius: 3px
}

#pricing p {
    color: #828282;
    font-size: 15px;
    line-height: 30px
}

#pricing li {
    color: #828282;
    font-size: 15px
}

#pricing .sub-price {
    color: #828282
}

#contactFormModal1 .modal-content {
    padding: 200px 100px
}

.h-123px {
    height: 123px
}

.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .3) !important
}

#navbarNav .no-hover .nav-link {
    color: #232323 !important
}

#contactFormModal1 .modal-content {
    padding: 100px
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 1000px;
        margin: 8% auto
    }
}

@media (max-width: 991px) {
    .padding-3-rem-all {
        padding: 0
    }

    .xs-margin-15px-bottom {
        margin-bottom: 0
    }

    .margin-30px-bottom {
        margin-bottom: 20px
    }

    .main-text-subinfo {
        color: #fff;
        font-size: 14px
    }

    .mobile-no {
        display: none
    }

    #navbarNav a {
        color: #000
    }

    #navbarNav a.ml-3 {
        margin-left: 0 !important
    }

    .mobile-margin {
        column-count: 2;
        column-gap: 4%;
        margin-top: 15%;
        margin-left: 1rem;
        margin-right: -2rem
    }

    .mobile-margin .padding-4-rem-all {
        padding: 1rem 0
    }
}

@media (max-width: 480px) {
    .grp-cta a {
        margin-left: 0 !important;
        margin-top: 10px
    }

    .feature-box {
        padding-top: 5px;
        padding-bottom: 5px
    }

    #main .container .row {
        height: 65%
    }

    .trial-request-button {
        min-width: 100%
    }
}

.pricing-header__pros {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    flex-wrap: wrap
}

.pricing-header__pros .has-checkmark {
    font-weight: 700
}

.has-checkmark {
    padding-left: 24px;
    position: relative;
    color: #000
}

.has-checkmark:before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 6px);
    border-bottom: 2px solid #ff6557;
    border-left: 2px solid #ff6557;
    height: 7px;
    width: 13px;
    transform: rotate(-45deg)
}

.swiper-slide img {
    max-width: 100%
}

#successForm .modal-dialog {
    width: 600px;
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width: 620px) {
    #successForm .modal-dialog {
        width: 300px
    }
}

@media (max-width: 414px) {
    .padding-25-rem-tb {
        margin-top: 25%
    }
}

@media (max-height: 467px) {
    .padding-25-rem-tb {
        margin-top: 22%
    }
}

@media (max-height: 780px) {
    .margin-30px-bottom {
        margin-top: 2%
    }

    #main {
        height: 105vh !important;
    }
}

@media (min-width: 1400px) {
    #main {
        height: 92vh;
    }
}

@media (max-width: 1200px) {
    #main {
        height: 120vh !important;
    }
}

.pt-0 {
    padding-top: 0
}


#main {
    padding: 0;
}