:root {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7em;
    letter-spacing: 0.2px;
    color: rgba(66, 84, 102, 0.9)
}

#standard-space-jquery {
    width: 16px
}

@media only screen and (min-width: 600px) {
    #standard-space-jquery {
        width: 24px
    }
}

#view-check {
    width: 1px
}

@media only screen and (min-width: 600px) {
    #view-check {
        width: 2px
    }
}

@media only screen and (min-width: 950px) {
    #view-check {
        width: 3px
    }
}

@media only screen and (min-width: 1100px) {
    #view-check {
        width: 4px
    }
}

section {
    --section-gap: calc(24px);
    --gradient-padding: 15px;
    --gradient-title-margin: 100px;
    --section-angle-sin: .212;
    --section-skew-y: -12deg;
    --transform-origin-x: calc(var(--section-gap) * 0.8)
}

@media only screen and (min-width: 950px) {
    section {
        --gradient-padding: 60px
    }
}

@media only screen and (min-width: 1080px) {
    section {
        --section-gap: calc((100vw - 1080px + 24px * 2) / 2)
    }
}

section .section-title-1 {
    font-size: 80px;
    font-weight: 700;
    max-width: 80vw;
}

.company-img-150{
    width: 150px;
}

.company-img-120{
    width: 120px;
}

.company-img-100{
    width: 100px;
}

.company-img-75{
    width: 75px;
}


.company-img-50{
    width: 50px;
}


.dashed-line-left {
    border-left: 1px dashed #eee;
    border-right: 1px dashed #eee;
}

@media only screen and (min-width: 450px) {
    section .section-title-1 {
        font-size: 84px
    }
}

@media only screen and (min-width: 600px) {
    section .section-title-1 {
        font-size: 90px
    }
}

@media only screen and (min-width: 950px) {
    section .section-title-1 {
        font-size: 80px;
    }
}

.section-title-2 {
    font-weight: 400;
    font-size: 17px;
    line-height: 1.7em;
    max-width: 100%;
    letter-spacing: 0.2px;
    margin: 25px 25px 15px 15px;
    color: rgba(66, 84, 102, 0.9)
}

.new-design {
    max-width: 100%;
    letter-spacing: 0.2px;
    color: rgba(66, 84, 102, 0.9)
}

.section-gradient {
    position: relative
}

.section-gradient .section-container .section-layout-container .section-layout {
    padding-top: var(--gradient-padding)
}

.section-gradient .section-container .section-layout-container .section-layout .gradient-area .section-background-wrap {
    width: calc(100vw + 24px);
    height: calc(100% + var(--gradient-padding) + var(--gradient-title-margin) + var(--transform-origin-x) * var(--section-angle-sin));
    position: absolute;
    top: auto;
    left: calc(var(--section-gap) * -1);
    bottom: 15px;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
    -webkit-transform-origin: var(--transform-origin-x) 100%;
    transform-origin: var(--transform-origin-x) 100%;
    overflow: hidden
}

@media only screen and (min-width: 950px) {
    .section-gradient .section-container .section-layout-container .section-layout .gradient-area .section-background-wrap {
        bottom: 5px
    }
}

.section-gradient .section-container .section-layout-container .section-layout .gradient-area .section-background-wrap #gradient-canvas {
    width: 100%;
    height: 100%
}

.section-gradient .section-container .section-layout-container .section-layout .gradient-area .section-background-wrap .background-image {
    width: 100%;
    height: 200%;
    background-size: cover;
    -webkit-transform: skewY(12deg);
    transform: skewY(12deg)
}

.section-gradient .section-container .section-layout-container .section-layout .gradient-area .text {
    line-height: 1.3;
    margin: var(--gradient-title-margin) 0 0 0;
    text-transform: none;
    min-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    letter-spacing: -.15rem
}

.section-gradient .section-container .section-layout-container .section-layout .gradient-area .text-above {
    color: var(--font-color);
    position: relative
}

.section-gradient .section-container .section-layout-container .section-layout .gradient-area .text-under {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2
}

.section-gradient .section-container .section-layout-container .section-layout .gradient-area .text-under-blended {
    color: #3a3a3a;
    mix-blend-mode: color-burn
}

.section-gradient .section-container .section-layout-container .section-layout .gradient-area .text-under-overlay {
    opacity: .2;
    color: #3a3a3a
}

.section-gradient .section-container .card-right {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: calc(var(--gradient-title-margin))
}

@media only screen and (min-width: 600px) {
    .section-gradient .section-container .card-right {
        display: block
    }
}

.section-gradient .section-container .card-right .card-svg {
    width: 100%;
    height: 100%;
    -webkit-filter: drop-shadow(-10px 20px 32px rgba(0, 0, 0, .2));
    filter: drop-shadow(-10px 20px 32px rgba(0, 0, 0, .2))
}

.section-gradient .social-info-container {
    margin-top: 24px;
    margin-bottom: 0
}

.section-gradient .social-info-container .social-link-wrapper {
    margin: 5px 8px
}