/* MacBook / large laptop */
@media (min-width: 1200px) and (max-width: 1439px) {
/* .site-header .col-3{
width: 8%;
}

.site-header .col-9{
width: 92%;
} */


.w60-lap {
    font-weight: 600;
    color: #6c7280;
    line-height: 1.2;
    width: 60%;
}

.h-lap{
display: none;
}
.main-nav{
/*margin-right: 80px;*/
/* margin-right: 55px;  */
}

}

@media (min-width: 1440px) and (max-width: 1600px) {

.main-nav{
/*margin-right: 80px;*/
/*margin-right: 55px;*/
margin-right: 22px;
}

.main-nav .nav-list {
    display: flex;
    gap: 22px;
  }
}

/* MacBook Air scaled / large desktop */
@media (min-width: 1680px) {

.main-nav{
/*margin-right: 80px;*/
margin-right: 55px;
}


}



/* Below lg (992px): hamburger + stacked drawer */
@media (max-width: 991.98px) {

  .site-header__panel {
    padding-top: 8px;
    padding-bottom: 16px;
    border-top: 1px solid rgba(0, 60, 151, 0.1);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06);
  }

  .site-header__panel.collapse.show {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
  }

  .main-nav {
    position: static;
    width: 100%;
    background: transparent;
    padding: 12px 0 0;
    box-shadow: none;
    z-index: auto;
  }

  .nav-list {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }

  .header-actions {
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    gap: 16px;
  }

}

@media (max-width: 767px) {


.hero-title.xs-lg {
font-size: 2.3em;
line-height: 1.1em;
}
.hero-title {
    /*font-size: 2.6em;
    line-height: 1.14em;*/
    font-size: 28px;
    line-height: 1.15em;

    letter-spacing: -1.2px;
  }
  .link-point {
    padding-left: 18px;
  }

.btn-primary {
    border: none;
    border-radius: 90px;
    cursor: pointer;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    padding: 0 24px;
    position: relative;
    text-align: center;
    transition: background-color .3s, opacity .4s;
    white-space: nowrap;
    padding: 0 28px 0 35px;
    background-color: #003c97;
}

.btn__text {
  font-size: 16px;
  }

.btn--point__c {
    height: 8px;
    left: 15px;
    width: 8px;
}

.home-top__buttons {
    gap: 0 25px;
    margin-top: 46px;
}

.link-point__text {
    font-size: 14px;
  }


.link-point:before {
    height: 8px;
    top: 6px;
    width: 8px;
}

/* Hero video heights: defined with #home.hero in style.css (avoid conflicting vh here) */
#hero-video.hero-vid .hero-bg-video {
    object-fit: cover;
    object-position: bottom center;
}

@media (max-width: 991.98px) {
  .hero-award-banner {
    width: min(86vw, 760px);
  }
}

@media (max-width: 575.98px) {
  .hero-award-banner {
    width: min(92vw, 560px);
    border-radius: 6px;
  }
}





#everything {
    height: auto;
}
.panel {
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    position: unset;
}
.hero-section {
    min-height: auto;
    display: block;
}


.panel-wrapper {
  height: auto;
  overflow: initial;
  position: initial;
}


.hero-inner {
    display: block;
}



.hero-sub {
    margin-top: 30px;
    font-size: 18px;
    line-height: 1.3;
    max-width: 100%;
}
.btn--border {
    border-radius: 90px;
    height: 40px;
    padding: 0 24px;
    padding: 0 28px 0 35px;
}

.btn__border-text {
  font-size: 16px;
  }

.btn--border-point__c {
    height: 8px;
    left: 15px;
    width: 8px;
}


.btn--border2 {
    border-radius: 90px;
    height: 40px;
    padding: 0 24px;
    padding: 0 28px 0 35px;
}

.btn__border2-text {
  font-size: 16px;
  }

.btn--border2-point__c {
    height: 8px;
    left: 15px;
    width: 8px;
}


.icons {
    width: 100vh;
    position: initial;
}




.h2-hero{
/*    font-size: 2.6em;
    line-height: 1.14em;
    letter-spacing: -1.5px;*/
  font-size: 28px;
  line-height: 1.15em;
  letter-spacing: -1.2px;
}




.h2-hero-mb {
    font-weight: 700;
    text-align: left;
    color: #898995;
  font-size: 28px;
 line-height: 1.15em;
  letter-spacing: -1.2px;
}

.h2-hero-mb span {
    color: #003c97;
}



.h-xs{
display: none
}
.learn-text-wrapper {
    display: block;
    width: 100%;
}
.img-learn {
    margin-top: 10px;
}

.h2-hero-wt{
        font-size: 28px;
        line-height: 1.18em;
        letter-spacing: -1.5px;
}
.p-assignment.panel{
display: block;
padding-bottom: 0px;
}
.assignment-section {
    height: auto;
}
.p-assignment {
    min-height: auto;
}

.ele2 {
    max-width: 40px;
    float: right;
    position: absolute;
    right: 0px;
    top: -32px;
}

.ele3 {
    max-width: 40px;
    position: absolute;
    right: 0px;
    bottom: -77px;
}
.mb-xs-20{
margin-bottom: 20px;
}
.mb-xs-40{
margin-bottom: 40px;
}
.p-learn {
    min-height: auto;
    /*padding: 120px 0;*/
  }

.lesson-plan {
min-height: auto;
padding: 70px 0;
}
.h2-lesson-plan{
    font-size: 28px;
    line-height: 1.18em;
    letter-spacing: -1.5px;
}

.top-left-hex{
right: -60px;
top: -70px;
width: 60px;
}
.bottom-left-hex{
left: 0px;
bottom: 0px;
width: 50px;
}

.center-icons{
width: 100%;
display: block;
margin: 0 auto;
max-width: 100%;
}

.bottom-right-hex {
    right: 0px;
    bottom: 80px;
    width: 30px;
}


.bottom-right-hex {
    right: 0px;
    bottom: 80px;
    width: 30px;
}

.analytics {
    padding: 100px 0 50px;
    min-height: auto;
}

.an-top-left-hex {
    left: 20px;
    top: -80px;
    width: 20px;
}
.an-bottom-left-hex {
    right: 20px;
    top: -40px;
    width: 40px;
}


.h2-analytics{
        font-size: 28px;
        line-height: 1.18em;
        letter-spacing: -1.5px;
    margin-left: 0;
    margin-bottom: 60px;
}

.video-analytics {
    border-radius: 20px;
}

.an-bottom-right-hex {
    right: 161px;
    bottom: 265px;
    width: 35px;
}

.an-bottom-right-hex2 {
    left: 208px;
    bottom: 1px;
    width: 30px;
  }

.reach-vid {
   height: auto;
   padding: 40px 0;
}
.reach-title{
/*    font-size: 2.6em;
    line-height: 1.09em;*/
            font-size: 28px;
        line-height: 1.05em;
        letter-spacing: -1.5px;
    text-align: left;
}

.reach-card {
    padding: 30px;
    background: rgba(0, 60, 151, .8);
  }


.reach-bg-svg {
    right: 20px;
    /*bottom: 100px;
    width: 60px;   */
    bottom: 50px;
    width: 47px;
}


.infinity-vid {
    height: auto;
    padding: 20px 0px 20px;
    /*min-height: 300px;*/
}
.infinity-title{
/*        font-size: 1.25em;
        line-height: 1.05em;
*/      
      font-size: 14px;
        line-height: 1.2;

    text-align: center;
    margin-bottom: 30px;
  
}

.infinity-card{
/*padding: 0 20px;*/
/*min-height: 350px;*/
}
.cntr-infinity-txt{

        padding: 0px 20px 15px;
        display: flex;
        align-content: space-between;
        flex-wrap: wrap;
        min-height: 312px;
        justify-content: space-between;
    

}


#stakeholder {
    position: relative;
    height: auto;
    overflow: initial;
}


.round-section {
    position: initial;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: initial;
    transform-origin: center;
    border-radius: 0;
    z-index: 0;
        padding: 30px 10px;
}
.round-section .h3-stakeholder, .round-section .sh-svg, .dv-sh {
    opacity: 1;
    transform: initial;
}
.pd-lr-xs0{
padding-left: 0px;
padding-right: 0px;
}


.h3-stakeholder {
    text-align: center;
    font-size: 26px;
}
.round-section {

}

.align-tp {
    bottom: 14px;
    left: 0px;
    right: 0;
    transform-origin: top left;
    transform: rotate(0deg) translate(0%, 0);
    background: rgba(255,255,255,.9);
    width: 100%;
    top: auto;
    padding: 10px 0;
    text-align: center;
}

.align-bt {
    bottom: 14px;
    left: 0px;
    right: 0;
    transform-origin: top left;
    transform: rotate(0deg) translate(0%, 0);
    background: rgba(255,255,255,.9);
    width: 100%;
        padding: 10px 0;
    text-align: center;
}

.h2_stakeholder {
    position: absolute;
    font-size: 1.1em;
    margin: 0;
    color: #003C97;
}
.rw-sh{
margin: 0;
}


.dv-sh {
        flex: 0 0 50%;
        padding: 0px;
        position: relative;
        overflow: hidden;
        height: 200px;
}
.dv-sh img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}


.journey {
    padding: 90px 0 80px;
    min-height: auto;
}

.h2-journey{
/*    font-size: 2.8em;
    line-height: 1.18em;*/

  font-size: 28px;
  line-height: 1.15em;
  letter-spacing: -1.2px;

}
.pd-mr-x-0{
padding: 0;
margin: 0;
}


.journey-top-left-hex {
    left: 20px;
    top: 0px;
    width: 50px;
}

.journey-bottom-left-hex {
    left: 0px;
    bottom: 0px;
    width: 50px;
}

.journey-bottom-right-hex {
    right: 0px;
    bottom: 0px;
    width: 30px;
}

.journey-lead {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 20px;
    margin-bottom: 30px;
    /*margin: 0 auto 60px;*/
    letter-spacing: 0em;
}

.mt-xs-30{
margin-top: 20px;
margin-bottom: 20px;
}

.testimonial {
    position: relative;
    padding: 50px 0 60px;
    min-height: auto;
}
.principle-testimonial {
     padding: 60px 0 60px;
}

.p-test-img {
    width: 140px;
    height: 140px;
/*    margin: 40px auto 20px;
    clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0% 50%);
    overflow: hidden;*/
}

.principle-slider{
margin-top: 0;
}

.p-test-text{
font-size: 14px;
line-height: 1.4;
}

.lesson-plan, .principle-testimonial, .journey, .p-assignment, .panel-wrapper, .analytics, .ceo-message, .video-testimonial, .testimonial
{
overflow: hidden;
}

.video-testimonial {
    padding: 60px 0 60px;
    min-height: auto;
    align-items: start;
}

.video-arrow-left-slide {
    left: -43px;
}
.video-arrow-right-slide {
    right: -43px;
}
.video-arrow-left-slide svg, .video-arrow-right-slide svg {
    width: 30px;
}

.institute-left-top-hex {
    left: 0px;
    top: 80px;
    width: 60px;
}

.institute-right-bottom-hex {
    right: 0px;
    bottom: 30px;
    width: 60px;
}

.ceo-text {
        font-size: 16px;
        line-height: 1.7;
        margin-bottom: 30px;
        padding: 60px 20px 0;
        text-align: left;
}

.ceo-message {
  padding: 0 0 0px;
  min-height: auto;
}
.dash {
    width: 20px;
    height: 7px;
}
.ceo-message .min-vh-100 {
    min-height: auto !important;
}

.ceo-name{
font-size: 14px;
text-align: left;
 padding: 0 20px;
}
.ceo-role {
  font-size: 13px;
  text-align: left;
  padding: 0 20px;
  padding-left: 54px;
  margin-bottom: 0px;
}
.video-carousel-wrap { 
    margin: 50px auto 40px;
    z-index: 2;
}

.footer-vid {
    height: auto;
    min-height: 260px;
}

.footer-vid__content {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.footer-vid__content .h2-footer-title {
  font-size: 65px;
  margin-bottom: 1rem;
  line-height: 55px;
}

.footer-bg-video {
    object-fit: cover;
    object-position: center center;
}
.mb-block{
display: block !important;
}
.logo-placeholder {
    width: 100px;
    margin-bottom: 8px;
    margin-right: 15px;
    margin: 20px auto 30px;
}

.ceo-bg-hex {
height: 195px;
}


/*inside*/


.h1page {
  font-size: 36px;
  line-height: 1.1;
  padding-bottom: 10px;
}
.inner-header {
    height: 220px;
    overflow: hidden;
}

.inner-bg-video {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100.01%;
    height: 210%;
    object-fit: cover;
    object-position: top left;
    background-position: top center;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.h2-sub {
  font-size: 28px;
  line-height: 1.15em;
  letter-spacing: -1px;
}
.institutions-video {
    border-radius: 20px;
}
.h2-sub-wt{
 font-size: 1.25em;
  line-height: 1.35em;
  letter-spacing: -0.5px;
  padding-top: 25px; 
}
.container-blue{
padding-top: 60px;
padding-bottom: 60px;
}
.ldnsd {
font-size: 16px;
line-height: 1.4;
}

.h3-sub {
  font-size: 1.55em;
  line-height: 1.3;
  letter-spacing: -0.5px;
}

.h3-lr{
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: -1px;
}

.ldlr {
font-size: 16px;
line-height: 1.4;
}

.left-cont-pd-30 {
    padding-right: calc(var(--bs-gutter-x) * .5);
}
.right-cont-pd-30 {
    padding: 30px 0px;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
}
.left-img-pd-30 {
    padding: 30px 0px;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
}

.hex-right-title{
margin-bottom: 10px;
}

.right-hex-insd svg {
max-width: 50px;
}


.mb-xs-60{
margin-bottom: 60px;
}



.max-w400 {
    max-width: 100%;
}

.ldlr-blue {
font-size: 16px;
line-height: 1.4;
}

.lr-content, .inner-main-container{
overflow: hidden;
}

.right-hex-insd-120 svg {
    max-width: 60px;
}

.inner-main-container{
padding: 40px 0px;
}
.inner-sub-container{
padding: 40px 0px;
}

.h3insd2 {
  font-size: 1.55em;
  line-height: 1.3;
  letter-spacing: -0.5px;
  }
.h2-sub-wt2{
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: -1px;
}
.ldlr-wt{
font-size: 16px;
line-height: 1.4;
}
.hex-wt-nw svg {
    width: 50px;
}

.mt-xs-cl-10 .col-6{
padding: 10px;
}
.hex-wt-nw{
width: 60px;
}

.h3-sub-wt2 {
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: -1px;  
}

.h3-lr-lg {
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: -1px;  
}
.mt-xs-0{
margin-top: 0px;
}
.mt-xs-20{
margin-top: 20px;
}
.mb-xs-20{
margin-bottom: 20px;
}

.fz-xs-20{
font-size: 20px;
}
.fz-xs-18{
font-size: 18px;
line-height: 1.2;
}
.h3-lr-lg2{
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: -1px; 
}
.right-cont-pd-20{
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
}
.inner-video-rounded{
border-radius: 20px;
}
.fz-xs-50{
margin-top: 50px;
}
.mt-xs-20{
margin-top: 20px;
}
.mt-xs-30{
margin-top: 30px;
}
.mt-xs-40{
margin-top: 40px;
}
.mt-xs-50{
margin-top: 50px;
}
.mt-xs-60{
margin-top: 60px;
}

.mb-xs-50{
margin-bottom: 50px;
}
.mb-xs-40{
margin-bottom: 40px;
}
.mb-xs-30{
margin-bottom: 30px;
}
.mb-xs-20{
margin-bottom: 20px;
}

.mt-120{
margin-top: 50px;
}
.mb-120{
margin-bottom: 50px;
}
.mb-xs-0{
margin-bottom: 0;
}

.h2videotx{
font-size: 28px;
line-height: 1.3;
  letter-spacing: -1px; 
}

.ldnsd-lg-wt{
font-size: 18px;
line-height: 1.3;
text-align: left;
}
.ldnsd-lg{
font-size: 20px;
line-height: 1.4;
margin-top: 15px;
}

.tutoring-video{
height: auto;
}
.focus-container {
    gap: 10px;
}
.focus-letter {
height: 70px;
}
.hexagon-wrapper {
    width: 80px;
    height: 80px;
}
.h3focus {
font-size: 30px;
line-height: 1;
margin-top: 0;

}
.h2-sub2{
font-size: 28px;
line-height: 1.3;
letter-spacing: -1px; 
}
.h3-sub-wt3{
font-size: 28px;
line-height: 1.3;
letter-spacing: -1px; 
}

.h3-sm-xs{
font-size: 24px;
line-height: 1.3;
letter-spacing: -1px; 
}

.ldnsd-lg3 {
font-size: 18px;
line-height: 1.3;
text-align: left;
}

.h-xs-auto{
height: auto !important;
}

.ldlr-grey{
font-size: 18px;
line-height: 1.3;
text-align: left;
}

.rounded-xs-0{
border-radius: 0px;
}
.pt-xs-0{
padding-top: 0px;
}
.pb-xs-0{
padding-bottom: 0px;
}
.open-video {
    height: 250px;
  }

.alumni-video {
  position: relative;
  height: 250px;
}
.pd-lr-xs-normal{
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
}
.h1why {
font-size: 28px;
line-height: 1.3;
letter-spacing: -1px; 
}
.ldwh {
font-size: 16px;
line-height: 1.35;
}
.text-xs-left{
text-align: left;
}
.why-video {
min-height: 650px;
}

.center-hex-insd-120 svg {
max-width: 60px;
}

.icon-right-align{
align-items: end;
}
.text-align-xs-right{
text-align: right;
}
.text-align-xs-left{
text-align: left;
}
.why-bx-title{
font-size: 28px;
line-height: 1.25;
letter-spacing: -1px; 
}
.why-erp-vid {
  min-height: auto;
  padding: 60px 0;
}
.mtb-xs-0{
margin-top: 0;
margin-bottom: 0;
}
.vid-left-rounded{
border-radius: 20px;
}
.ldnsd-lg2{
font-size: 28px;
line-height: 1.25;
letter-spacing: -1px; 
}
.fast-title{
font-size: 28px;
line-height: 1.25;
}

.h3-xs-tl{
font-size: 28px;
line-height: 1.25;
}


.form-title1{
font-size: 30px;
line-height: 1.2;
        margin-bottom: 10px;
}

.h3-form-sub {
    font-size: 18px;
    line-height: 26px;
        margin-bottom: 10px;
  }
.h4-number {
    font-size: 28px;
        margin-top: 0px;
    line-height: 32px;
}

.mt-xs-0{
margin-top: 0px;
}
.form-heading {
     font-weight: normal; 
    font-size: 18px;
}
.contact-form .mb-60{
margin-bottom: 20px;
}

.contact-form-panel {
    padding: 1rem 1rem 1.35rem;
}

.input__item {
    font-size: 17px;
    padding-left: 4px;
  }

select.input__item {
    padding-left: 0 ;
  }  

#stakeholder{
background: #003C97;
}

.sh-svg {
max-width: 30px;
}

.footer-email {
font-size: 16px;
}

.box-grey{
padding: 60px 30px;
min-height: auto;
margin-top: 40px;
}

.login-h3{
font-size: 30px;
line-height: 1.2;
}
.login-hero-title {
font-size: 28px;
line-height: 1.2;
}


.main-nav .active a {
    margin-left: 0px;
}


}

@media (max-width: 480px) { 

.h2-journey {
font-size: 31px;
}
.hero-title {
font-size: 31px;
}

.h2-hero{
font-size: 31px;
}

.h2-hero-mb{
font-size: 31px;
}

.h2-hero-wt{
font-size: 31px;
}
.h2-lesson-plan{
font-size: 31px;
}

.h2-analytics{
font-size: 31px;
}
.reach-title{
font-size: 31px;
}

.h2-journey{
font-size: 31px;
}



.h2-sub {
  font-size: 28px;
}
.h3-lr{
  font-size: 28px;
}
.h2-sub-wt2{
  font-size: 28px;
}
.h3-lr-lg {
  font-size: 28px;
}
.h3-lr-lg2{
  font-size: 28px;
}
.h2videotx{
font-size: 28px;
}

.h2-sub2{
font-size: 28px;
}
.h3-sub-wt3{
font-size: 28px;
}
.h1why {
font-size: 28px;
}
.why-bx-title{
font-size: 28px;
}

.ldnsd-lg2{
font-size: 28px;
}
.fast-title{
font-size: 28px;
}

.h3-xs-tl{
font-size: 28px;
}




}