.cs-globalnav div.cs-gnav-alt-button.cs-mobileview { display: none; }
a { color: #2f54e5; }
a:hover { color: #5b7cff; }


.feature-area { padding-top: 72px; background-image: linear-gradient(180deg, rgba(143, 111, 231, 0.2) 0%, rgba(214, 108, 209, 0.2) 50%, rgba(255, 115, 70, 0.2) 100%); }
.feature-area .full-width { max-width: 1000px; margin: 0 auto; padding: 90px 0 90px; }
.feature-area .main-content { text-align: center; padding: 0 140px; }
.feature-area .main-content h1 { font-size: 3rem; line-height: 3.25rem; font-weight: 500; margin: 0 0 40px; }
.feature-area .main-content p { font-size: 1.5rem; line-height: 2rem; margin-bottom: 0; color: #111;}

@media only screen and (max-width: 1068px) {
    .feature-area { padding-left: 40px; padding-right: 40px; }
    .feature-area .full-width { max-width: 1000px; margin: 0 auto; padding: 60px 0 60px; }
    .feature-area .main-content { text-align: center; padding: 0 140px; }
    .feature-area .main-content h1 { font-size: 40px; line-height: 44px; }
    .feature-area .main-content p { }
}

@media only screen and (max-width: 735px) {
    .feature-area { padding-left: 40px; padding-right: 20px; }
    .feature-area .main-content { text-align: center; padding: 0 20px; }
}

.c-section-2 { padding-top: 90px; padding-bottom: 90px; }
.c-gen7c-grid { column-gap: 75px; margin-bottom: 0; }
.c-gen-7c-panel { background-image: url(/education/k12/integration/images/resources_tile.png); background-repeat: no-repeat; background-size: cover; background-position: bottom; text-align: left; background-color: transparent; }
.c-gen-7c-panel .c-gen7c-panel-head, .c-gen-7c-panel .c-gen7c-panel-text { color: #333; padding: 0; }

.c-gen7c-panel-image { max-height: 40px; margin-bottom: 16px; }
.c-gen7c-panel-head.h5 { margin-bottom: 40px; margin-top: 0; }
.p-how-to-update.c-section-4 { background-color: #f5f5f7; background-image: none; padding-top: 90px; padding-bottom: 90px; }
.c-gen-7c-panel.c-gen-7-panel-2.p-integration { padding: 40px; }
.c-gen-7c-panel { padding: 40px; }
.c-gen7c-buttonwrap.p-integration { justify-content: left; align-items: center; column-gap: 20px; }
.c-gen7c-panel-text { margin-bottom: 80px; }

@media only screen and (max-width: 1068px) { 
    .c-section-2 { padding-left: 40px; padding-right: 40px; }
    .c-section-4 { padding-left: 40px; padding-right: 40px; }
    .c-gen7c-grid { column-gap: 30px; }

    .c-gen-7c-panel.c-gen-7-panel-2.p-integration { padding: 20px; }
    .c-gen-7c-panel { padding: 20px; }
}

@media only screen and (max-width: 735px) {
    .p-how-to-update.c-section-4 { padding-top: 60px; }
    .c-gen7c-grid { row-gap: 30px; margin-bottom: 0; }

    .c-gen-7c-panel.c-gen-7-panel-2.p-integration { padding: 40px; }
    .c-gen-7c-panel { padding: 40px; }
}


.c-form1-form-subhead { margin-bottom: 40px; }
.cs-button-fancy {
    padding: 12px 16px;
    border-radius: 40px;
    background: linear-gradient(108.41deg,#2f54e5 -3.19%,#5b7cff 103.42%);
    background-color: #2f54e5;
    font-family: SF Pro Text;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: -5%;
    text-align: center;
    color: #fff;
    border: 0;
    display: inline-block
}

.cs-button-fancy:hover { background: #5b7cff; background-color: #5b7cff; color: #fff; }
.cs-button-fancy:active { background: #2f54e5; background-color: #2f54e5; color: #fff; }

@media only screen and (max-width: 735px) {
    .c-form1-form { padding: 0; }
}

@media only screen and (max-width: 430px) {
    #trial-form .form-input.input-tinytext .label-tinytext { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 280px; }
}

@media only screen and (max-width: 390px) {
    #trial-form .form-input.input-tinytext .label-tinytext { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 220px; }
}

.c-int7-toggle { color: #2f54e5; font-size: 26px; line-height: 120%; }
.c-int7-toggle:hover { color: #5b7cff; }