@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');
.features-top-section {
  background-image: url(../images/faetures-header.jpg);
  padding-bottom: 190px;
  position: relative;
}
.features-slider-content { color:#fff; padding-top: 106px;}
.features-slider-content h1{ font-size:120px; font-weight:bold; line-height:90%; letter-spacing: -2.6px;}
.features-slider-content p {padding-top: 35px; max-width:850px; font-size:30px; line-height:43px; letter-spacing: -0.3px;}
.features-slider-content p em {
  font-style: normal;
  white-space: nowrap;
}
.features-center-bg {
  background-image: url(../images/features-center-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  padding-bottom: 205px;
}
.features-footer-cta {
  background-image: url(../images/features-footer.png);
  background-position: right 62px;
  background-repeat: no-repeat;
}
.features-footer-cta .content-block-cta {
  
  padding-top: 88px;
  padding-bottom: 90px;
}
.features-footer-cta  .content-block-cta h1 {
  font-size: 135px;
  line-height: 130px;
  letter-spacing: 0;
  margin-bottom: 92px;
}
.features-footer-cta b {
  font-size: 18px;
  text-transform: uppercase;
  color: #4b67f2;
  letter-spacing: 3.6px;
  display: block;
  margin-bottom: 35px; padding-left: 6px;
}
.features-footer-cta .content-block-cta .btn-main-fill {
  min-width: 245px; margin-right: 22px;
}
.features-footer-cta .content-block-cta .btn-main-outline {
  min-width: 245px; border-width: 2px; line-height: 68px; }
.no-partner {padding: 50px 22px 60px 22px;}
.features-centerimages { position: relative; padding-top: 103px; padding-bottom: 112px;}
.features-centerimages img{ position: absolute;}
.features-centerimages .cloud { left: -20px; top: -120px;}
.features-centerimages .boy { left: 20px;
bottom: -62px;
z-index: 2;}
.features-center-bg .slop1 {
  z-index: 3;
}
.features-centerimages .girl { 
  right: -5px;
bottom: -185px;
z-index: 4;
}
.features-centerimages .text { text-align: center; color: #fff;}
.features-centerimages .text h3 {
  font-size: 72px;
}
.features-centerimages .text p {
  font-size: 18px;
  line-height: 144%;
  max-width: 445px;
  margin: auto;
  padding: 15px 0 34px 0;
}

.features-grid-row {
  margin-bottom: 30px;
  display: -ms-flexbox ;
  display: flex ;
  position: relative;
  z-index: 1;
}
.features-grid-col-2 .features-grid-col{
  width: calc(50% - 15px);
  z-index: 1;

}
.features-grid-col-2-inner .features-grid-col-inner{
  width: calc(50% - 15px);
  z-index: 1;

}
.features-grid-block {
  position: relative;
  background-repeat: no-repeat;
  overflow: auto;
  color: #898989;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);

}
.features-grid-block:hover{
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
}

.fb-horizontal {
  height: 510px;
  width: 100%;
}
.fb-horizontal-half {
  height: 310px;
  width: 100%;
}
.fb-horizontal-full {
  height: 650px;
  width: 100%;
}

.horizontal-divider { height: 30px;}
.vertical-divider { width: 30px;}
.center-center {
  background-position: center center;
}
.center-bottom {
  background-position: center bottom;
}
.center-top {
  background-position: center top;
}
.right-center {
  background-position: right center;
}
.right-bottom {
  background-position: right bottom;
}
.right-bottom-40 {
  background-position: calc(100% - 40px) calc(100% - 40px);
}
.right-top {
  background-position: right top;
}
.left-center {
  background-position: left center;
}
.left-bottom {
  background-position: left bottom;
}
.left-top {
  background-position: left top;
}

.verticle-center-text {
  -ms-flex-align: center ;
  align-items: center ;
  display: -ms-flexbox ;
  display: flex ;
}
.text-cener-bottom {
  -ms-flex-align: end ;
  align-items: end ;
  display: -ms-flexbox ;
  display: flex ;
}
.text-left-bottom {
  -ms-flex-align: end ;
  align-items: end ;
  display: -ms-flexbox ;
  display: flex ;
}
.text-left-top .text{
  padding-left: 40px;
  padding-top: 37px;
  max-width: 240px;
}

.text-left-bottom .text{
  padding-left: 40px;
  padding-bottom: 35px;
  max-width: 240px;
  margin-top: auto;
}
.text-cener-top .text {
  padding: 35px 40px 0 40px;
  text-align: center;
}
.fb-instantly.text-cener-top .text { padding-top: 45px;}
.text-cener-top p {
  max-width: 364px;
  margin: auto;
}
.text-cener-bottom .text {
  padding: 0px 40px 40px 40px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
}
.text-cener-bottom .text p{
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}
.text.more-width {max-width: 260px;}
.features-grid-block p {
  line-height: 144%;
  font-size: 18px;
}
.features-grid-block p.more-line { line-height: 167%;}
.features-grid-block h3 {
  line-height: 110%;
  font-size: 45px;
  letter-spacing:-0.45px;
  color: #383838;
  margin-bottom: 18px;
  margin-top: -4px;
}
.features-grid-block.fb-mix h3 {
  
  margin-bottom: 10px;
  
}
.features-grid-block h4 {
  line-height: 113%;
  font-size: 30px;
  letter-spacing:-0.3px;
  margin-bottom: 21px;
  color: #383838; 
}
.color-dark {color: #383838!important; }
.text-white h4, .text-white h3 {
  color: #fff; 
}
.click-icons {
  background-color: #fff;
}
.click-icons .click-icons-block {
  position: absolute;
  left: 230px;
  top: 62px;
}
.click-icons-block { font-size: 0;}
.click-icons-block ul { margin-left: -5px;}
.click-icons-block li { display: inline-block; padding: 5px;}
.click-icons-block a { display: block; position: relative; width: 92px; height: 92px; border-radius: 92px;}
.click-icons-block a:hover { 
   -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}
.click-icons-block img { max-width: 100%;}
.click-icons-block a:hover img { opacity: 0;}
.click-icons-block a span { 
  position: absolute;
width: 100%;
text-align: center;
font-weight: bold;
color: #fff;
font-size: 18px;
z-index: 1;
left: 0;
top: 50%;
transform: translateY(-50%);
line-height: 18px;
letter-spacing: -.6px; opacity: 0;
}
.click-icons-block a:hover span {opacity: 1;}
.click-icons-block a span:after {
  content: '';
display: block;
background-image: url(../images/hover-down.svg);
width: 18px;
height: 16px;
margin-left: auto;
margin-right: auto;
background-repeat: no-repeat;
position: absolute;
left: 50%;
margin-left: -9px;
}

.click-icons-block a.speciality { background-color: #77E0C1;}
.click-icons-block a.social { background-color: #FF9933;}
.click-icons-block a.science{ background-color: #8BDC65;}
.click-icons-block a.math {background-color: #4B67F2;}
.click-icons-block a.english { background-color: #EF2154;}


.fb-video {
  background-color: #37AFC6;
  background-image: url(../images/banner-video.jpg);
  
}
.fb-share-data {
  background-color: #3E82F3;
  background-image: url(../images/share-data.jpg);
}
.fb-create-diverse {
  background-color: #4694CC;
  background-image: url(../images/create-diverse.png);  
}
.fb-instantly {
  background-color: #58C5A5;
  background-image: url(../images/instantly.png);  
}
.fb-scan {
  background-color: #fff;
  background-image: url(../images/scan.png);  
}
.fb-unlimited {
  background-color: #fff;
  background-image: url(../images/unlimited.png);  
}
.fb-import {
  background-color: #fff;
  background-image: url(../images/imports.png);  
}
.fb-robust {
  background-color: #fff;
  background-image: url(../images/robust.png);  
}
.fb-performance {
  background-color: #8BDC65;
  background-image: url(../images/performance.png);  
}
.fb-access {
    background-image: url(../images/access.png);  
}
.fb-access h3{ padding-top:30px}
.fb-share {
  background-color: #fff;
  background-image: url(../images/share.png);  
}
.fb-standards {
  background-color: #aff2de;
  background-image: url(../images/standards.png);  
}
.fb-mix {
  background-color: #fff;
  background-image: url(../images/mix-and-match.png);  
}
.fb-fill-blank {
  background-image: url(../images/fill-blank.png);  
}
.fb-blue {
   background-image: -moz-linear-gradient( 90deg, rgb(100,84,212) 0%, rgb(75,103,242) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(100,84,212) 0%, rgb(75,103,242) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(100,84,212) 0%, rgb(75,103,242) 100%);
}
.fb-oneclass {
  background-color: #3496F5;
  background-image: url(../images/fb-s.png);  
}
.fb-ococ {
  background-image: url(../images/fb-s.png);  
}
 .fb-fill-blank:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-image: -moz-linear-gradient( 90deg, rgb(100,84,212) 0%, rgb(75,103,242) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(100,84,212) 0%, rgb(75,103,242) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(100,84,212) 0%, rgb(75,103,242) 100%);
  z-index: -1;
 }
 .fb-ococ:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-image: -moz-linear-gradient( -120deg, #4D6EEA 0%, #5099F1 100%);
  background-image: -webkit-linear-gradient( -120deg, #4D6EEA 0%, #5099F1 100%);
  background-image: -ms-linear-gradient( -120deg, #4D6EEA 0%, #5099F1 100%);
  z-index: -1;
 }

 .fb-access:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-image: -moz-linear-gradient( -120deg, rgb(75,104,242) 0%, rgb(38,177,248) 100%);
  background-image: -webkit-linear-gradient( -120deg, rgb(75,104,242) 0%, rgb(38,177,248) 100%);
  background-image: -ms-linear-gradient( -120deg, rgb(75,104,242) 0%, rgb(38,177,248) 100%);
  z-index: -1;
 }

 .fb-smallbox  i{ position: absolute; right: 12px; top: 12px;}
 .fb-Handwritten { background-color: #FF9933;}
 .fb-open { background-color: #EA1F7E;}
 .fb-Nightly { background-color: #fff;}
.fb-smallbox .text { padding-top: 62px;}
.fb-no-icon .text { padding-top: 35px;}


.fb-video .text {
  color: #fff;
  text-align: center;
  padding-top: 43px;
}
.fb-share-data .text{
  color: #fff;
  text-align: center;
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
}
.fb-video .text h3{
  margin-bottom: 8px;  
}
.mix-dropdown {
background-color: #F93;
position: absolute;
width: 271px;
right: 0;
top: 0;
height: 100%;
  -ms-flex-align: center ;
  align-items: center ;
  display: -ms-flexbox ;
  display: flex ;
  transform: translateX(100%);
  opacity: 0;
}
.mix-match-dropdown  { padding-top: 13px;}
.mix-match-dropdown li:hover .mix-dropdown{
transform: translateX(0%);
opacity: 1;
}
.mix-dropdown .sd {
  width: 60px;
  height: 70px;
  background-image: url(../images/sd.png);
  position: absolute;
  left: 0;
  top: 20px;
}
.mixslide-text .sd {
  width: 45px;
  height: 70px;
  background-image: url(../images/sd.png);
  position: absolute;
  left: 0;
  top: 5px;
  background-size: contain;
background-repeat: no-repeat;
}
.mix-dropdown-text {
  padding-left: 40px;
  color: #fff;
  font-size:18px;
}
.mix-dropdown-text b{
  font-size:22px;
}
.mix-dropdown-text p{
  padding-top: 4px;
}
.mix-dropdown-text .arrows { padding-bottom: 6px;}
.mix-dropdown-text figure { width: 100%; text-align: right; margin-bottom: 0;}
.mix-dropdown-text figure img { max-width: 100%;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);}
.mix-dropdown-text p { padding-right: 40px;}
.fb-mix .text {
  max-width: 304px;
  width: 100%;
}
.mix-match-dropdown li{ display: block;
padding: 11.5px 0;
}
.mix-match-dropdown li a{ 
  display: block;
padding-left: 30px;
font-size: 22px;
line-height: 19px;
position: relative;
padding-right: 29px;
color: #898989;
}
.mix-match-dropdown li a span{ 
  display: inline-block;
position: absolute;
left: 0;
top: -4px;
}

.overflow-hidden { overflow: hidden;}

.mix-match-dropdown li a:hover{ 
color: #ff9933;
}
.mix-match-dropdown li a:hover *{ 
fill: #ff9933!important;
}
.feature-li li{
  padding-left: 15px;
  background-image: url(../images/li-bull.svg);
  background-repeat: no-repeat;
  background-position: left 5px;
  line-height: 110%;
  padding-bottom: 11px;

}
.play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -89px;
  margin-top: -59px;
  width: 178px;
  height: 178px;
  background-color: #E91F7E;
  border-radius: 170px;
  border: solid 16px #fff;
  -webkit-box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.5);
background-image: url(../images/play-btn.svg);
background-repeat: no-repeat;
background-position: 45px center;
outline: none!important;
}
.play-button:focus {
  outline: none!important;
}
.sd-edition{
font-family: 'Roboto Condensed', sans-serif;
color: #fff;
font-size: 18px;
font-weight: bold;
position: absolute;
margin-left: -31px;
left: 0;
}
.sd-edition span{
  position: absolute;
left: 41px;
top: 56px;
line-height: 18px;
}
.sd-edition.postion-top {
  top: -20px;
}
.sd-edition.postion-top-center {
  top: 159px;
}
.sd-edition.postion-top-1 {
  top: 0px;
}
.sd-edition.postion-center {
top: 50%; transform: translateY(-50%);
}
.sd-bottom { position: absolute; bottom: 0;}
.sd-top { position: absolute; top: 0; left: 0;}
.blue-sd { color: #4b67f2;}

.features-toppedding {
  padding-top: 88px;
}

.fb-print {
  background-color: #2fb78f;
  color: #fff;
}

.fb-print .print-icon{  
  text-align: center;
  padding-top: 40px;
  padding-bottom: 21px;
}
.fb-print h3{  
  text-align: center; color: #fff; margin-bottom: 18px;
}
.fb-print p{  
  text-align: center; color: #fff; margin-bottom: 36px;
}
.print-slider .slide-img  img { height: 148px; opacity: 0;}
.print-slider .swiper-slide-active { text-align: center;}
.print-slider .swiper-slide-active img{ height: 215px; opacity: 1;}
.print-slider .swiper-slide-next, .print-slider .swiper-slide-prev  { text-align: center;}
.print-slider .swiper-slide-next img, .print-slider .swiper-slide-prev img { height: 148px; opacity: 1;}
.slide-img {
  padding: 0;
}

.print-slider .swiper-slide-next .slide-img, .print-slider .swiper-slide-prev .slide-img  { padding-top: 33px; }
 .print-slider  .slide-img { height: 215px;}
.print-slider .slide-text { padding-top: 43px; font-size: 16px; padding-bottom: 37px;}
.print-slider .swiper-slide-active .slide-text { opacity: 1;}
.print-slider .swiper-pagination-bullet { border: solid 1px #fff; background: none; opacity: 1;}
.print-slider .swiper-pagination-bullet-active { background-color: #fff;}

.center-title .button-img  {
  background-image: url(../images/button-img-footer.png);
width: 246px; font-size: 16px; letter-spacing: 2.4px;
}
.features-center-titile { padding-top: 43px; padding-bottom: 30px;}
.features-center-titile  .floating-top-center {margin-left: -22px;}
.features-center-titile.center-title h3 { padding-top: 73px; margin-bottom: 37px; letter-spacing: -0.93px;}
.fb-share-data .btn-main-fill { margin-top: 5px;}

.schoole-top-section {
  background-image: url(../images/school-bg.png);
  padding-bottom: 217px;
  position: relative;
}
.schoole-top-section .features-slider-content
{
  max-width: 850px;
}
.schoole-top-section .features-slider-content h1 {
  font-size: 130px; line-height: 88%; letter-spacing: -3.3px;
  margin-bottom: 0;
}
.schoole-top-section .features-slider-content p { margin-bottom: 45px;}
.schoole-slider-button {
  padding-top: 125px;
}
.schoole-slider-button h2{
font-size: 60px;
line-height: 100%;
color: #262626;
letter-spacing: -0.6px;
margin-bottom: 60px;
position: relative;
z-index: 99;
}
.school-slide-btn {font-size: 28px; color: #262626;
font-weight: 300; line-height: 28px; padding: 13px 0;}
.school-slide-btn svg{ margin-right: 10px; margin-top: -5px;
}
.school-slide-img img  {
  max-width: 100%;
}
.school-slide-btn.swiper-slide-thumb-active {
  font-size: 28px;
font-weight: 700; 
}
.school-slide-btn.swiper-slide-thumb-active svg{ width: 15.25px; height: 18px; margin-right: 18px; margin-top: -5px;
}
.mobile-mix-button { display: none;}
.mobile-slider {
  opacity: 0;
  z-index: -2;
}


blockquote.testimonials i { display: block; 
padding-bottom: 37px;
}
blockquote.testimonials  {
  font-size: 24px; line-height: 175%; max-width: 550px; padding-top: 20px; padding-bottom: 20px;
}
.schoole-top-section p a { font-weight: bold; color: #fff47e; text-decoration: underline;}
.schoole-top-section p a:hover {  color: #384db5; text-decoration: none;}


.button-main2 { min-width: 327px; position: relative;  margin:10px 15px ;
      background-image: -moz-linear-gradient( -20deg, rgb(50,67,159) 0%, rgb(28,36,87) 57%, rgb(6,5,15) 100%);
  background-image: -webkit-linear-gradient( -20deg, rgb(50,67,159) 0%, rgb(28,36,87) 57%, rgb(6,5,15) 100%);
  background-image: -ms-linear-gradient( -20deg, rgb(50,67,159) 0%, rgb(28,36,87) 57%, rgb(6,5,15) 100%);
     font-size: 13px; display: inline-block; text-align: center; letter-spacing: 2.2px;  padding: 25px 48px; height: 70px; line-height: 18px; font-size: 16px; font-weight: bold; color: #fff; border-radius: 35px; }
.button-main2:hover { color: #fff;}
.button-main2 span { position: relative; z-index: 2; }
.button-main2:after { z-index: 1; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 35px; content: '';
background-color: #00ffff; opacity: 0;
}
.button-main2:hover:after {  opacity: 0.1;
}
.content-block-cta .floating-school {
  left: -70px;
line-height: 58px;
top: -150px;
}

.button-outline2 {min-width: 327px; margin: 10px ; position: relative; font-size: 16px; display: inline-block; text-align: center; letter-spacing: 2.2px;  padding: 25px 36px; height: 70px; line-height: 18px;  font-weight: bold; color: #fff; border-radius: 35px; border: solid 1px #fff;}
.button-outline2:hover { border: solid 1px rgb(155, 151, 151, 0); color: #fff;}
.button-outline2:after { z-index: -1; opacity: 0; content: ''; width: 100%; height: 100%; 
background-image: -moz-linear-gradient( 0deg, rgb(76,102,241) 0%, rgb(118,70,188) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(76,102,241) 0%, rgb(118,70,188) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(76,102,241) 0%, rgb(118,70,188) 100%);
     
 position: absolute; left: 0; top: 0;  border-radius: 35px;}

.button-outline2:hover:after { opacity: 1; }

.left-title { position: relative; max-width: 825px; padding-top: 115px; padding-bottom: 60px; }
.left-title h2 { color: #262626; letter-spacing: -0.93px; font-size: 93px; line-height: 100%;}
.floating-top-left { left: 0; top: 0;}
.askbox {
  margin: auto;
  max-width: 840px; text-align: center; padding-top: 80px;
}
.askbox i { display: block;}
.askbox b {display: block; text-transform: uppercase;
font-size: 18px; color: #ea1f7e; letter-spacing: 3.6px; line-height: 100%; padding-top: 37px;
padding-bottom: 29px;
}
.askbox p { max-width: 655px; margin: auto; padding-top: 17px; padding-bottom: 43px;}
.askbox h3 { color: #262626; font-size: 72px; line-height: 100%; letter-spacing: -0.72px; margin-bottom: 0;}
.askbox .button-blue-outline { height: 57px; line-height: 53px; border-width: 2px; max-width: 202px; margin-left: auto; margin-right: auto!important;}
.center-title-inner { text-align: center; padding-top: 100px; position: relative; max-width: 920px; margin-left: auto; margin-right: auto;}
.center-title-inner h2 { margin-bottom: 70px; color: #262626; font-size: 72px; line-height: 100%; letter-spacing: -0.72px;}
.center-title-inner .floating-top-left { left: 50%; margin-left: -36px;}

.school-grid-block {
  position: relative;
  background-repeat: no-repeat;
  overflow: auto;
  color: #898989;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
  background-color: #fff;

}
.school-grid-block:hover {
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
}
 .remove-shadow, .remove-shadow:hover {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);
}
.sb-horizontal {
  height: 510px;
  width: 100%;
}
.sb-verticle {
  height: 650px;
  width: 100%;
}
.sb-half {
  height: 310px;
  width: 100%;
}
.school-grid-block .text {
  max-width: 480px;
  width: 100%;
  padding: 40px 40px 0 40px ;
}
.school-grid-block .text  h3 { margin-bottom: 13px; font-size: 40px; line-height: 111%; letter-spacing: -.45px; position: relative;
color: #262626; overflow-wrap: nowrap;}
.school-grid-block .text  h4 { margin-bottom: 13px; font-size: 30px; line-height: 113%; letter-spacing: -.3px; position: relative;
color: #262626;}

.arrow-top { padding-top: 50px;}
.arrow-top span {width: 32px; height: 32px;  line-height: 32px;}
.arrow-top svg, .arrow-left svg { width: 30px; height: 30px;}
.school-grid-block .text  p {color: #6d6d6d; font-size: 18px; line-height: 178%; }

.arrow-left span { left: -42px; top: 5px;
width: 35px; height: 35px;  line-height: 32px;
}
h4.arrow-left span {  top: -4px;}
.text-sb-bottom {
  -ms-flex-align: end ;
  align-items: end ;
  display: -ms-flexbox ;
  display: flex ;
  margin-top: auto;
}
.text-sb-bottom  .text { padding-bottom: 40px; margin-top: auto;}
.features-centerimages .text b {
  font-size: 18px; letter-spacing: 3.6px; text-transform: uppercase; color: #fff47e;
  display: block; padding-bottom: 25px;
}
.sb-s1 {
  background-image: url(../images/s-1.png);
}
.sb-s2 {
  background-image: url(../images/s-2.png);
  background-color: #adecda;
}
.sb-s3 {
  background-image: url(../images/s-3.png);
}
.sb-s4 {
  background-image: url(../images/s-4.png);
  background-color: #4b67f2;
}
.sb-s5 {
  background-image: url(../images/s-5.png);  
}

.sb-s6 {
  background-image: url(../images/s6.png);
  background-color: #2fb78f;
}
.sb-s7 {
  background-image: url(../images/s7.png);
  background-color: transparent;
}
 .sb-s7:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-image: -moz-linear-gradient( 180deg, rgb(72,108,242) 0%, rgb(50,154,246) 99%);
  background-image: -webkit-linear-gradient( 180deg, rgb(72,108,242) 0%, rgb(50,154,246) 99%);
  background-image: -ms-linear-gradient( 180deg, rgb(72,108,242) 0%, rgb(50,154,246) 99%);
  z-index: -1;
 }

 .sb-s8 {
  background-image: url(../images/files.png);
  background-color: transparent;
}
 .sb-s8:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-image: -moz-linear-gradient( 90deg, rgb(36,169,235) 0%, rgb(93,207,206) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(36,169,235) 0%, rgb(93,207,206) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(36,169,235) 0%, rgb(93,207,206) 100%);
  z-index: -1;
 }
  .sb-s9 {
  background-image: url(../images/s8.png);
  background-color: transparent;
}
 .sb-s9:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
  background-image: -moz-linear-gradient( 90deg, rgb(250,188,99) 0%, rgb(253,225,117) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(250,188,99) 0%, rgb(253,225,117) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(250,188,99) 0%, rgb(253,225,117) 100%);
  z-index: -1;
 }
  .sb-s10 {
  background-image: url(../images/s9.png);
  background-color: transparent;
}
 .sb-s10:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
  background-image: -moz-linear-gradient( 0deg, rgb(247,147,30) 0%, rgb(240,87,80) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(247,147,30) 0%, rgb(240,87,80) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(247,147,30) 0%, rgb(240,87,80) 100%);
  z-index: -1;
 }
 .view-in { position: absolute; right:30px; top:30px;}
 .sb-verticle .text p { max-width: 325px;}
 .sb-s7 .text {  padding-left: 110px; }
 .sb-s8 .text { text-align: center; width: 100%; max-width: inherit;}
 .sb-s10 .text { max-width: 510px;}
 .sb-verticle.sb-s8 .text p { max-width: 400px; margin-left: auto; margin-right: auto;} 
 .sb-s9.sb-verticle .text p { max-width: inherit; }
 .sb-s10 .text p { max-width: 350px; }

.school-grid-block.text-white *{
  color: #fff!important;
}
.text.lesswidth { max-width: 310px;}
.gridicons2 { padding-right: 120px; padding-top: 50px; min-height: 400px;}
.gridicons2 span { top: 55px;}
.gridicons2 * { max-width: inherit!important;}
.auyp-transfer-img img { max-width: 100%!important; position: absolute;}
.auyp-transfer-img { margin-left: -10px; position: relative;}
.auto-transfer em { color: #ea1f7e;}
.plc-img img{ max-width: calc(100% + 300px); position: absolute; margin-left: -140px; margin-top: -190px; left: 0; top: 0;}
.strengthen-center-bg {
  background-image: url(../images/stren-bg.png);
  background-size: cover; background-position:   center center;
}
.customize-section { padding-top: 146px; padding-bottom: 35px; }
.empower-center-bg {
  background-image: url(../images/empower-bg.png);
  background-size: cover; background-position: center center;
}
.empower-center-bg .text h3 {
  font-size: 60px; line-height: 100%; letter-spacing: -0.6px; 
  margin-left: auto;
margin-right: auto;
max-width: 800px;
}
.empower-center-bg .text p {
  font-size: 22px; line-height: 160%; max-width: 545px;
}
.retain-section {
  padding-bottom: 72px;
  position: relative; z-index: 3;
}
.retain-section .center-title{ padding-bottom: 52px;}
.retain-section .gridicons h3 { max-width: 391px; margin-bottom: 0;}
.retain-section .gridicons p { max-width: 391px;}
.retain-section .gridicons {padding: 50px 150px 60px 61px; min-height: 371px;}
.retain-section  .gridicons span {top: 55px;}
.retain-section .gridicons i { top: 30px; right: 27px;}
.features-centerimages .text {
  max-width: 880px;
  margin-left: auto; margin-right: auto;
}
.boy2 { left: 50%; bottom: 0;
margin-bottom: -120px;
margin-left: 150px;}
.gir2 { left: -30px;
bottom: 0;
margin-bottom: -240px;}
.strengthen-text h2 {
  color: #fff; font-size: 72px; line-height: 100%; letter-spacing: -0.72px; margin-bottom: 0;
  position: relative; padding-top: 90px;
}

.strengthen-text p {
  max-width: 515px; color: #fff; font-size: 22px; line-height: 35px; padding-top: 32px;
}

  .sloppy-4 {background-color: #fff; width: 100%; 
   -webkit-clip-path: polygon(0 0, 1800px 0, 575px 84%, 0 100%);
  clip-path: polygon(0 0, 1800px 0, 575px 84%, 0 100%); max-width: 575px; margin-left: auto; margin-right: auto; }
  .sloppy-5 {background-color: #fff; width: 100%; 
   -webkit-clip-path: polygon(0 0, 1800px 0, 575px 81%, 0 100%);
  clip-path: polygon(0 0, 1800px 0, 575px 81%, 0 100%); max-width: 575px; margin-left: auto; margin-right: auto;}
  .sloppy-7 {background-color: #fff; width: 100%; 
   -webkit-clip-path: polygon(0 0, 1800px 0, 575px 82%, 0 100%);
  clip-path: polygon(0 0, 1800px 0, 575px 82%, 0 100%); max-width: 575px; margin-left: auto; margin-right: auto;}
  .gridicons3 { min-height: 477px;}
  .gridicons3 p { padding-top: 5px; margin-bottom: 40px;}
  .shadow-text {
    max-width: 424px; width: 100%;
    padding-top: 70px;  
    margin-bottom: -50px;
  }
  .shadow-text-inner {
    padding-top: 38px; padding-left: 40px; padding-right: 40px; min-height: 330px;
  }
  .shadow-text-inner b { font-size: 16px; font-weight: bold; color: #ea1f7e; line-height: 16px; letter-spacing: 3.2px; text-transform: uppercase;}
  .shadow-text-inner h4 {
    font-size: 30px; font-weight: bold; color: #262626; letter-spacing: -0.3px; line-height: 111%; margin-bottom: 30px; padding-top: 13px;
  }
  .watchcase {
    min-width: 285px; line-height: 57px; position: relative;
     background-image: -moz-linear-gradient( 109deg, rgb(72,108,242) 0%, rgb(50,154,246) 99%);
  background-image: -webkit-linear-gradient( 109deg, rgb(72,108,242) 0%, rgb(50,154,246) 99%);
  background-image: -ms-linear-gradient( 109deg, rgb(72,108,242) 0%, rgb(50,154,246) 99%);
  color: #fff; font-size: 15px; font-weight: bold; letter-spacing: 3px; display: inline-block;
  border-radius: 57px; text-transform: uppercase; text-align: center; padding-left: 10px;
  }
  .watchcase:hover {   
     background-image: -moz-linear-gradient( 109deg, rgb(72,108,242) 0%, rgb(50,154,246) 99%);
  background-image: -webkit-linear-gradient( 109deg, rgb(72,108,242) 0%, rgb(50,154,246) 99%);
  background-image: -ms-linear-gradient( 109deg, rgb(72,108,242) 0%, rgb(50,154,246) 99%);
  color: #fff; font-size: 15px; font-weight: bold; letter-spacing: 3px; display: inline-block;
  border-radius: 57px; text-transform: uppercase; text-align: center;
  }
  .watchcase:after { display: inline-block; width: 21px; height: 23px; background-image: url(../images/btn-arrow.png); 
  content: ''; vertical-align: middle; margin-left: 13px;} 
    .sloppy-6 {background-color: #fff; width: 100%; 
   -webkit-clip-path: polygon(0 0, 1800px 0, 575px 77%, 0 100%);
  clip-path: polygon(0 0, 1800px 0, 575px 77%, 0 100%); }
  .school-footer-cta.features-footer-cta .content-block-cta h1 {
    font-size: 93px;
    line-height: 100%;
    letter-spacing: -1.8px;
    margin-bottom: 50px;
  }
   .school-footer-cta.features-footer-cta {
     background-image: url(../images/school-footer.png);
     background-position: right calc(100% - 75px);
     background-size: 31% auto;
   }
   .integrate-section {
     position: relative; z-index: 3;
   }
.school-footer-cta .content-block-cta p { margin-bottom: 64px; max-width: 700px;}

.ipadeon { display: none;}
.schoole-top-section .bluelink{ color: #00ffff;}

.video-popup {
  max-width: 1100px; position: relative; 
}
.video-popup iframe { width: 100%;}
.video-popup .close {
  position: absolute; top: -40px; right: 00px;
}
.mixslider-mobile {
  width: 336px;
}
.db-mobile {
  display: none;
}
 .fb-show-mobile {
   display: none;
 }
.block-link { cursor: pointer;}
.d-only { display: block;}
.m-only { display: none;}

@media (max-width: 992px) {
  .school-btn .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: row;

  }
  .swiper-slide.school-slide-btn { width: auto!important; height: 50px!important; padding-right: 13px;}
  .school-slide-btn.swiper-slide-thumb-active svg, .school-slide-btn svg {
    width: 8px; height: 10px; margin-right: 5px;
  }
  .school-slide-btn.swiper-slide-thumb-active, .school-slide-btn {
    font-size: 19px; letter-spacing: -0.2px;
  }
 }


 @media (max-width: 1799px) {
   .features-footer-cta {background-position: right calc(100% - 100px);
background-size: 31% auto;}
 }

  @media (max-width: 1199px) {
    
    .sb-horizontal, .sb-half {
      height: 650px;
    }
     .sb-s7 .text {
   padding-left: 40px;
 }
 .sb-s7 {
       background-size: 80% auto;
    background-position: right bottom;
 }
 .text.lesswidth {
   max-width: 480px;
 }
 .sb-s4 { background-size: 100% auto;}
 .sb-s1{
       background-position: center bottom; background-size: 100% auto;
 }

.plc-img img {
  max-width: 100% ;
  margin-left: 0; margin-top: 0;
}
    .content-block-cta br { display: none;}
    .features-slider-content h1 { font-size: 110px;}
   .features-grid { width: 575px; margin: auto;}
   .features-grid-col-2 .features-grid-col {width: 100%;}
   .features-footer-cta .content-block-cta h1 { font-size: 90px; line-height: 90%;}
   .features-centerimages .boy {bottom: -82px;}
   .features-grid-row { flex-wrap: wrap;}
   .vertical-divider { height: 30px;}

 .shadow-always-mobile {
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
}

 }
@media (max-width: 992px) {
  .strengthen-text { text-align: center;}
  .strengthen-text .floating-top-left { left: 50%; margin-left: -30px;}
  .strengthen-text p { margin-left: auto; margin-right: auto;} 
  .shadow-text {margin-left: auto; margin-right: auto; margin-bottom: 0;}
  .shadow-text-inner { text-align: center;}
  .plc-img { max-width: 354px; margin-left: auto; margin-right: auto;}
  .boy2 {
    bottom: 0;
    margin-bottom: -120px;
    margin-left: 0px;
    width: 400px;
  }
  .gir2 {
    left: 0px;
    bottom: 0;
    width: 160px;
    margin-bottom: -240px;}
  .plc-img img{ position: static;}
.ipadnnone { display: none;}
.ipadeon { display: block;}
  .features-top-section {background-image: url(../images/faetures-header-mobile.png); background-size: cover;}
  .features-centerimages .cloud {width: 200px;}
  .features-centerimages .boy {width: 220px;}
  .features-centerimages .girl {width: 180px;}
  .features-center-titile.center-title h3 br { display: none;}
}

@media (max-width: 767px) {
  .fb-print:after {
    content: '';
    width: 34px; height: 43px; position: absolute; left: 50%; margin: -17px; bottom: 28px;
    background-image: url(../images/swipe.png);
    background-repeat: no-repeat;
    background-size: 34px auto;
  }
    .mobile-slider:after {
    content: '';
    width: 34px; height: 43px; position: absolute; left: 50%; margin: -17px; bottom: 36px;
    background-image: url(../images/swipe.png);
    background-repeat: no-repeat;
    background-size: 34px auto;
  }
  .school-slide-btn { padding-top: 2px; padding-bottom: 2px;}
  .school-btn { padding-top: 10px;}
     .fb-video {
     background-image: url(../images/video-mobile.png);
     background-size: cover;
     min-height: 858px;
   }
  .features-center-titile { padding-top: 0; padding-bottom: 50px;}
  .center-title.features-center-titile .floating-top-center svg { width: 33px;}
  .features-center-titile .floating-top-center { margin-left: -16px;}
  .features-center-titile.center-title h3 { padding-top: 60px;     margin-right: auto;
  margin-bottom: 20px;
    margin-left: auto;
    max-width: 95%; font-size: 46px; line-height: 110%; letter-spacing: 0px;}
   .fb-show-mobile {
   display: block; position: static;
 }
 b.fb-show-mobile { display: inline-block;}
 .sb-s6 br {
    display: none;
 }

  .db-mobile {
    display: block;
    padding-top: 30px;
  }
  .dn-mobile {
    display: none;
  }
  .schoole-top-section {
    background-image: url(../images/school-mobile.png);
    background-size: cover; background-position: center top;
padding-bottom: 167px;

  }
  .features-centerimages .text h3 { font-size: 31px; line-height: 100%; letter-spacing: -0.31px;}
  .features-center-bg {
    background-image: url(../images/features-center-bg-mobile.png);
    padding-top: 159px;
    margin-top: -75px;
    padding-bottom: 175px;
  }
  .features-centerimages {
    max-width: 375px; padding-top: 0px;
margin-left: auto;
margin-right: auto;
  }
 .features-slider-content { padding-top: 43px;}
 .features-slider-content h1 {
   font-size: 57px; line-height: 92%; letter-spacing: -0.57px;
 }
 .d-flex.features-grid-col-2-inner{ flex-wrap: wrap;}
 .features-grid-col-2-inner .features-grid-col-inner { width: 100%;}
 .features-slider-content p {
   font-size: 19px; line-height: 143%; padding-top: 10px; max-width: 85%;
 }
 .features-grid { width: 336px;}
 .features-toppedding { padding-top: 0;}
 .features-grid-block .text { text-align: center; width: 100%; padding-left: 28px; padding-right: 28px; padding-top: 32px; max-width: inherit;}
  .fb-share-data .text {padding-top: 0px;}
  .sd-edition.postion-top-1 { top: 47px;}
 .fb-video {min-height: 500px;}
 .fb-create-diverse .text, .fb-mix .text {text-align: left;}
 .features-grid-block h3 { font-size: 24px; letter-spacing: -0.24px;}
 .fb-share-data  h3, .fb-access h3 {
   margin-bottom: 8px;
 }
  .fb-share-data  p {
   margin-bottom: 15px;
 }
 .features-grid-block.fb-video h3 {
   font-size: 36px;
letter-spacing: -0.36px;
 }
 .fb-access .sd-edition.postion-top-center { 
       top: 180px;
 }
 
 .play-button {
   margin-left: -46px;
margin-top: -96px;
width: 92px;
height: 92px; border: solid 8px #fff; background-size: 43px auto; background-position: 23px center;
 }
 .fb-horizontal-half, .fb-horizontal-full { height: 400px;}
 .fb-mix { height: 500px;}
 .fb-ococ { background-size: 85% auto;}
 
 .features-grid-block h4 { font-size: 24px; line-height: 100%; margin-bottom: 10px;}
 .feature-li li {font-size: 16px; padding-bottom: 4px;}
 .fb-create-diverse {   
    background-image: url(../images/create-diverse-m.png);
}
.click-icons .click-icons-block { position: static; padding-left: 28px; padding-top: 7px;}
.click-icons-block a { width: 83px;
height: auto; background-color: #fff!important;}
.click-icons-block a:hover
{
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
}
.click-icons-block li { vertical-align: top;}

.click-icons-block a span:after { display: none;}
.click-icons-block a:hover img {
    opacity: 1;
}
.click-icons-block a span { opacity: 1; position: static; display: block; transform: translateY(00%);
font-size: 13px; letter-spacing: -.13px; padding-top: 4px; padding-bottom: 4px;}
.click-icons-block a.speciality span { color: #77E0C1;}
.click-icons-block a.social span { color: #FF9933;}
.click-icons-block a.science span{ color: #8BDC65;}
.click-icons-block a.math span{color: #4B67F2;}
.click-icons-block a.english span{ color: #EF2154;}
.features-grid-block p { font-size: 17px; line-height: 140%;}
.fb-video p { line-height: 170%;}
.fb-mix { background-size: 156px auto;}
.fb-mix .text { max-width: 90%;}
.mix-match-dropdown li a { font-size:20px;}
.mobile-mix-button { display: block; position: absolute; left: 0; top:0; width:100%; height:100%;
background-image: url(../images/details-icon.png);
background-position: center center; background-repeat: no-repeat; cursor: pointer;
z-index: 1;
}
.mobile-slider { display: block; opacity: 0;
z-index: -2; 
position: absolute;
 left: 0;
  top: 0;
   background-color: #FF9933;
    width: 336px;
     height: 100%;}
.mixslide-text { width: 336px; 
padding: 15px 28px 0 28px; 
text-align: center; 
padding-bottom: 0; 
color: #fff; 
font-size: 19px;}
.mixslide-text p { margin-bottom: 0; padding-bottom: 10px;
min-height: 80px; max-width: 85%; margin-left: auto; margin-right: auto;}
.mixslide-text b { font-size: 22px; line-height: 22px;}
.mixslide-text img {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
.slide-open .mobile-slider { display: block; opacity: 1; z-index: 2;}
.slide-close { position: absolute;
background-image: url(../images/close-1.png);
width: 22px; height:22px; background-size:cover; right:13px; top:13px;
display: block; padding: 0; z-index: 4;
}
.fb-print .print-icon {
  max-width: 43px; padding-top: 20px; padding-bottom: 12px;
}
.print-slider .swiper-slide-active img {
  height: 112px;
}
.print-slider .swiper-slide-next img, .print-slider .swiper-slide-prev img {
    height: 86px;    
}
.print-slider .slide-img {height: 112px; }
.print-slider .swiper-slide-next .slide-img, .print-slider .swiper-slide-prev .slide-img {
    padding-top: 13px;
}
.fb-print h3 {
  font-size:24px; margin-bottom: 0;
}
.fb-print p{
  max-width: 80%; margin-left: auto; margin-right: auto;
  line-height: 140%;
  font-size:17px;
  margin-bottom: 20px;
  padding-top: 7px;
}
.print-slider .swiper-pagination  { display: none;}
.print-slider .slide-text {
  padding-top: 15px; padding-bottom: 15px;
}
.fb-smallbox  {
  text-align: center;
  height: 200px;
}
.fb-smallbox i {
  position: static;
  padding-top: 14px; display: block; margin-bottom: -16px;
}
.fb-smallbox i img{
  width:37px;
}
.fb-scan { background-size: 95% auto; background-position: left -20px; }
.fb-scan .text { padding-bottom: 40px;}
.fb-Nightly { padding-top: 15px;}
.fb-scan h3 { font-size: 24px; margin-bottom: 10px;}
.fb-unlimited {
    background-size: 60% auto;
    background-position: center bottom;
}
.fb-instantly {
    background-size: 100%;
}
.text-left-bottom {
    -ms-flex-align: end;
    align-items: end;
    display: -ms-block;
    display: block;
}
.fb-import {
  
    background-size: 80% auto;
    background-position: center bottom;
}
.fb-instantly h3{ font-size: 31px; letter-spacing: -0.1px;}
.fb-instantly.text-cener-top .text {
    padding-top: 28px;
}
.features-centerimages .cloud {     width: 97px;
    top: inherit;
    left: 27px;
    bottom:85px;
}
.features-centerimages .boy { width: 134px; left: 32px; bottom: -96px;}
.features-centerimages .girl { width: 104px; bottom: -121px; right: inherit; left: 50%; margin-left: 8px;}
.features-centerimages { padding-bottom: 202px;}
.fb-performance {
    
    background-image: url(../images/performance-mobile.png);
    background-size: 100% auto;
    background-position: center bottom;
    height: 300px;
}
.fb-robust {
    background-color: #fff;
    background-image: url(../images/robust-mobile.png);
    background-size: calc(100% - 54px) auto;
background-position: center calc(100% - 27px);
height: 300px;
}
.fb-share-data {
    background-color: #3E82F3;
    background-image: url(../images/sharedata-mobile.png);
    background-size: cover;
    height: 500px;
}
.fb-access {
  background-size: calc(100% - 35px) auto;
}
.fb-access h3 { padding-top: 0;}
.fb-share {
    background-size: 225px auto;
    background-position: center bottom;
}
.fb-standards {
    background-color: #aff2de;
    background-image: url(../images/standards-mobile.png);
    background-size: 100% auto;
background-position: center bottom;
height: 300px;
}
.features-footer-cta .content-block-cta h1 {
  font-size: 45px; line-height: 96%; letter-spacing: 0; margin-bottom: 30px;
}
.features-footer-cta .content-block-cta .btn-main-fill { margin-bottom: 18px;}
.features-footer-cta .content-block-cta { padding: 0 5px;}
.features-footer-cta b {
    font-size: 13px;
    letter-spacing: 2.6px;
    margin-bottom: 10px;
}
.features-footer-cta {    margin-top: -95px;}
.school-footer-cta .content-block-cta {
  padding-left: 40px; padding-right: 40px;
}
.school-footer-cta .content-block-cta .floating-left-top svg {
  width: 34px; height: 34px;
}

.content-block-cta .floating-school {
    left: -35px;  
    top: -98px;
}
.school-footer-cta .content-block-cta br {
  display: block;
}
.school-footer-cta.features-footer-cta .content-block-cta h1 {
  margin-bottom: 15px;
}
.school-footer-cta .content-block-cta p {
  font-size: 17px;
  margin-bottom: 15px; max-width: 85%;
}

.sd-edition { margin-left: -22px;}
.sd-edition svg { width: 109px;}
.sd-edition span {
    position: absolute;
    left: 27px;
    top: 65px;
    line-height: 14px;
    font-size: 14px;
    text-align: left;
}
.fb-fill-blank {
  background-size: 100% auto;
  background-image: url(../images/fill-blank-mobile.png);
}
.fb-fill-blank .sd-edition.postion-center {margin-top: -30px;}
.schoole-top-section .features-slider-content h1 {
  font-size: 53px; letter-spacing: -.53px; line-height: 94%;
}
.schoole-top-section .features-slider-content p { max-width: 95%; font-size: 17px; margin-bottom: 20px;}
.button-main2, .button-outline2 {
  min-width: 211px;      
    font-size: 13px;
    letter-spacing: 2.5px;
    height: 58px;
    line-height: 58px;
    padding: 0 36px;

}
.button-outline2 {
  margin-left: 0;
}
.schoole-slider-button h2 {
    font-size: 43px;
  letter-spacing: -0.43px;
    margin-bottom: 6px;
}
.swiper-slide.school-slide-btn {
    width: auto!important;
    height: 32px!important;
    padding-right: 13px;
}
.schoole-slider-button {
  padding-top: 0;
}
blockquote.testimonials { 
  font-size: 22px; line-height: 150%;
}
.school-img { margin-bottom: -12px;}
.left-title .floating-top-left svg { width: 34px;}
.left-title {
  padding-bottom: 45px;
  padding-top: 74px;
}
.left-title h2 {
  font-size: 43px; letter-spacing: -0.43px;
}
.school-bottom-slop { padding-top: 165px;}
.sb-horizontal, .sb-verticle {
  height: 400px;
}
.sb-s3  {
  height: 420px;
}
.school-grid-block .text h3 {
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -0.24px;
  margin-bottom: 6px;
}
.school-grid-block .text {
  padding: 30px; 
}
.sb-s1 .text { text-align: center;}
.school-grid-block .text p {
  font-size: 17px; line-height: 140%;
}
.arrow-top span {
        width: 20px;
    height: 18px;
    line-height: 18px;
    top: 0;
    left: 50%;
    margin-left: -10px;
}
.arrow-top svg, .arrow-left svg {
  width: 20px; height: 20px;
}
.sb-s1 h3, .sb-s4 h3 { margin-top: -32px; padding-top: 40px;}  
.sb-s4 h3 {
  max-width: 150px;
}
.sb-s2, .sb-s5, .sb-s8, .sb-s9 {
  background-size: 95% auto ;
}
.sb-s3, .sb-s6 {
  background-size: 100% auto ;
}
.sb-s4 {
  background-size: 98% auto ;
  background-image: url(../images/s-4-m.png);
  height: 460px;
}
.arrow-left span {
  left: -31px;
  top: -8px;
}
.text-sb-bottom .text {
  padding-bottom: 30px;
}
.sb-s4 .arrow-top span { left: 0; margin-left: 0;}
.school-grid-block .text h4 {
  font-size: 24px; letter-spacing: -0.24px; line-height: 100%;
}
.sb-s6 {
  height: 455px;
}
.sb-s6  h4.arrow-left { padding-top: 10px;
max-width: 200px;
}
.sb-s5 .arrow-left span{
   transform: translate(0px, -35px) rotate(90deg);
   left: 50%; margin-left: -20px;
}
.askbox i img {
  max-width: 66px;
}
.sb-s5 h4 {
  max-width: 230px;
    text-align: center;
    margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
}
.askbox b {
  font-size: 14px;
  padding-top: 22px;
  padding-bottom: 15px;
  letter-spacing: 2.8px;
}
.sb-s5 .text { text-align: center;}
.sb-s6 .arrow-left span {
      transform: translate(25px, -27px) rotate(90deg);
}
.askbox h3 {
  font-size: 44px; letter-spacing: -0.44px;
}
.askbox {
  padding-top: 30px;
  line-height: 140%;
}
.askbox p {
  padding-top: 7px; padding-bottom: 30px;
}
.askbox .button-blue-outline {
  height: 47px; line-height: 47px; font-size: 12px; letter-spacing: 2.4px;
  max-width: 167px;
}
.school-bottom-slop  {
  padding-bottom: 215px;
}
.integrate-section {
  margin-top: -70px; margin-bottom: -70px;
}
.integrate-section .big-title.center-title h3 {
  padding-top: 68px;
}
.center-title br { display: none;}
.integrate-section .center-title p{
  max-width: 85%; margin-left: auto; margin-right: auto;
}
.gridicons3, .gridicons2 {
  padding-right: 30px;
  padding-top: 30px;
}
.gridicons3 h3 {
  font-size: 24px; letter-spacing: -0.24px;
}
 .gridicons2 h3 {
  font-size: 24px; letter-spacing: -0.24px; 
  
    max-width: 200px!important;
}
.gridicons3 span, .gridicons2 span {
    transform: rotate(0deg); 
    -ms-transform: rotate(0deg);
    left: 0;
    top: 25px;
}
.gridicons2 img { max-width: 100%; width: 284px; }
.gridicons3 img { max-width: 100%; width: 164px; }
 .gridicons2 {
  min-height: auto; height: 280px;
}

.gridicons3 {
  min-height: 285px;
  height: auto;
}
.strengthen-text h2 {
  font-size: 31px;
  letter-spacing: -0.31px;
  line-height: 31px;
  padding-top: 40px;
}
.strengthen-text .floating-top-left svg {
  width: 22px; 
  line-height: 22px;
  height: 22px;
}
.strengthen-text .floating-top-left {
  margin-left: -11px; line-height: 22px;
}
.strengthen-center-bg {
  padding-top: 165px;
}
.strengthen-text p {
  font-size: 17px; line-height: 140%; padding-top: 18px;
  max-width: 230px; margin-left: auto; margin-right: auto;
}
.shadow-text {
  padding-top: 25px;
}
.shadow-text-inner {
  padding-top: 23px;
}
.shadow-text-inner b {
  font-size: 13px; letter-spacing: 2.6px;
}
.watchcase {
    min-width: 212px;
    line-height: 42px;
    font-size: 11px;
    letter-spacing: 2px;
  }
.watchcase:after {   
    width: 15px;
    height: 16px;
    margin-left: 9px;
    background-size: cover;
}
.plc-img img {   
    margin-left: -15px;
}
.customize-section {
  padding-top: 24px;
}
.customize-section .center-title-inner {
  padding-top: 70px;
}
.customize-section .center-title-inner .floating-top-left {
  margin-left: -18px;
}
.customize-section .center-title-inner h2 { margin-bottom: 30px;}
.center-title-inner svg {
  width: 34px;
}
.center-title-inner h2 {
  font-size: 31px; letter-spacing: -0.31px;
  padding-left: 10px; padding-right: 10px;
}
.sb-s7 {
  height: 500px;
      background-size: 92% auto;
}
.sb-s7 .text {
  text-align: center;
  position: relative;
  padding-top: 78px;
}
.sb-s7 .text i {
  position: absolute;
  left: 50%; top: 35px;
  margin-left: -12px;
}
.sb-s7 .text i img{ max-width: 23px;
}
.sb-s7 .text p {
  padding-top: 3px;
}
.sb-s9 {
  height: 443px;
}
.sb-s9 .text {
  position: relative;
  text-align: center;
  padding-top: 78px;
}
.view-in img {
  max-width: 24px;
}
.view-in {
  right: 50%; margin-left: -12px;
  top: 35px;
}
.sb-s10 {
  text-align: center;
  height: 360px;
  background-size: 90% auto;
  background-position: center bottom;
}
.sb-s10 .text {
  padding-left: 40px; padding-right: 40px;
}
.customize-section {
  padding-bottom: 0;
}
.empower-center-bg {
  margin-top: -84px;
  background-image: url(../images/empower-mobile.png);
  padding-bottom: 180px;
}
.empower-center-bg .text h3 {
  font-size: 31px; line-height: 100%; letter-spacing: -0.31px; 
}
.empower-center-bg .text p { font-size: 17px; line-height: 140%;}
.features-centerimages .floating-top-center {
  top: -50px;
}
.features-centerimages .text {
  padding-left: 20px; padding-right: 20px;
}
.features-centerimages .text b {
  font-size: 13px; letter-spacing: 2.6px;
}
.gir2 {
  width: 100px;
      margin-bottom: -106px;
}
.boy2 {
  width: 254px;
      margin-bottom: -84px;
    margin-left: 100px;
    left: 0;
}
.retain-section { margin-top: -63px;}
.retain-section .center-title .floating-top-center svg {
  max-width: 24px;
}
.retain-section .center-title .floating-top-center {
  margin-left: -12px;
}
.retain-section .center-title {
  padding-bottom: 14px;
}
.retain-section .gridicons i img {
  max-width: 39px;
}
.retain-section .gridicons span {
  transform: rotate(0deg); left: 0; top: 24px;
}
.retain-section .gridicons {
  padding-left: 36px; padding-top: 30px; padding-right: 50px; padding-bottom: 30px;
  min-height: 216px;  
}
.retain-section .gridicons h3 {
  font-size: 26px; letter-spacing: -0.26px;
}
.retain-section .gridicons i {
    top: 20px;
    right: 17px;
}
.sloppy-7 {
      -webkit-clip-path: polygon(0 0, 1800px 0, 575px 67%, 0 100%);
    clip-path: polygon(0 0, 1800px 0, 575px 67%, 0 100%);
}
.school-footer-cta.features-footer-cta .content-block-cta h1 {
  font-size: 31px;
  line-height: 100%; letter-spacing: -0.31px;
}
.features-footer-cta .content-block-cta .btn-main-fill, 
.features-footer-cta .content-block-cta .btn-main-outline  {
   width: 162px;
  min-width: 162px;
   line-height: 49px;
    height: 49px;
     font-size: 11px; letter-spacing: 1.75px;
    border-width: 1px ;
}
.school-footer-cta.features-footer-cta .content-block-cta .btn-main-fill,
.school-footer-cta.features-footer-cta .content-block-cta .btn-main-outline {
  width: 180px;
  min-width: 180px;
  line-height: 50px;
    height: 50px;
    font-size: 11px; letter-spacing: 1.75px;
    border-width: 1px ;
}
.features-footer-cta {
  background-size: 50%;
   margin-bottom: -90px;
}
.school-footer-cta.features-footer-cta {
  background-size: 53%;
      background-position: right calc(100% - 80px);
}
.school-footer-cta {
  padding-bottom: 292px;
  margin-bottom: -90px;

}
.school-footer-cta .slop2{
      transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.center-title .button-img {
  width: 200px; font-size: 13px; letter-spacing: 1.9px;
}
.slop1.flipimg, .features-center-bg .slop1 {
  left: 0;
}
.gridicons2 h3.mw-100 { max-width:100%!important; margin-bottom: 0; line-height: 100%;}
.link-rosters-img img { max-width: 125px!important;}
.gridicons3 p { font-size: 17px; line-height: 140%;}
.shadow-text-inner h4 { font-size: 21px; letter-spacing: 0; margin-bottom: 22px; padding-top: 9px;}
.shadow-text-inner1 { min-height: 248px;}
.big-title.center-title h3.retain-text {
  font-size: 31px!important; line-height: 100%; letter-spacing: -0.31px; max-width: 180px; margin-left: auto; margin-right: auto;
}
.d-only { display: none;}
.m-only { display: block;}
.sd-edition.postion-top-center.m-only { top: 100px;}
}

