img.ib-school-img, img.ubd-box-imgmob {
      max-width: 100%;
  }

  _::-webkit-full-page-media,
  _:future,
  :root .safari_only,
  img.dot-icon {
      margin: 0 3px;
  }

  .animate7a {
      position: absolute;
      width: 59px;
      bottom: -311px;
      right: 11%;
      z-index: 9;
      left: auto;
  }

  img.dot-icon {
      width: 8px;
      height: 8px;
  }


  .parent-icon-box {
      right: -245px !important;
      top: 250px !important;
      width: 110px !important;
      position: absolute;
  }

  .magnifying1 {
      position: absolute;

      right: 37px;
      top: 100px;

  }

  .magnifying-container-sm {
      position: relative;
      width: 100px;
      height: 100px;

  }

  .magnifying {
      position: absolute;
      width: 125px;
      height: auto;
      -webkit-backface-visibility: hidden;
      -webkit-animation: anim 5s infinite linear;
      animation: anim 5s infinite linear;
  }


  @-webkit-keyframes anim {
      0% {
          margin-top: 13%;
          margin-left: 0;
      }

      12.5% {
          margin-top: 2%;
          margin-left: 2%;
      }

      25% {
          margin-top: 0;
          margin-left: 13%;
      }

      37.5% {
          margin-top: 2%;
          margin-left: 20%;
      }

      50% {
          margin-top: 13%;
          margin-left: 28%;
      }

      62.5% {
          margin-top: 20%;
          margin-left: 20%;
      }

      75% {
          margin-top: 28%;
          margin-left: 13%;
      }

      87.5% {
          margin-top: 20%;
          margin-left: 2%;
      }

      100% {
          margin-top: 13%;
          margin-left: 0;
      }
  }

  @keyframes anim {
      0% {
          margin-top: 13%;
          margin-left: 0;
      }

      12.5% {
          margin-top: 2%;
          margin-left: 2%;
      }

      25% {
          margin-top: 0;
          margin-left: 13%;
      }

      37.5% {
          margin-top: 2%;
          margin-left: 20%;
      }

      50% {
          margin-top: 13%;
          margin-left: 28%;
      }

      62.5% {
          margin-top: 20%;
          margin-left: 20%;
      }

      75% {
          margin-top: 28%;
          margin-left: 13%;
      }

      87.5% {
          margin-top: 20%;
          margin-left: 2%;
      }

      100% {
          margin-top: 13%;
          margin-left: 0;
      }
  }

  @keyframes rotation {
      from {
          transform: rotate(0deg);
      }

      to {
          transform: rotate(359deg);
      }
  }

  .anim {
      -webkit-animation: anim 3s infinite linear;
      animation: anim 3s infinite linear;
  }

  .rotate {
      animation: rotation 2s infinite linear;
  }

  div#page {
      overflow: hidden;
  }

  img.right-box {
      width: 300px;
      position: absolute;
      right: -260px;
      top: 10px;
  }


  img.dots-left-icon {
      width: 136px;
      position: absolute;
      left: -237px;
      top: 136px;
  }

  img.dots-right-icon {
      width: 161px;
      position: absolute;
      right: -184px;
      top: 285px;
  }

  img.animate-wave {
      position: absolute;
      width: 145px;
      right: 0;
      top: 0;
  }

  .navbar-light .navbar-nav .menu-item a:focus,
  .navbar-light .navbar-nav .menu-item a:hover {
      color: #000;
  }

  .navbar-light .menu .page_item a,
  .navbar-light .navbar-nav .menu-item a {
      color: #000;
  }

  .learning-one-features-txt {
      display: none;
  }

  .learning-features-sub.sub-left {
      margin-right: 36px;
  }

  p.learning-features-subp1 {
      font-size: 16px;
      font-family: 'avenir_next_worldregular', 'Verdana';
      color: #000;
      margin-bottom: 30px;
  }

  .learning-features-sub-inner {
      display: grid;
      -webkit-box-pack: center;
      justify-content: normal;
      grid-auto-flow: column;
      gap: 10px;

  }

  p.learning-features-subp {
      font-size: 18px;
      font-family: 'avenir_next_worlddemi', 'Verdana';
      color: #000;
      margin-bottom: 5px;

  }

  .learning-one-features-txt p {
      font-size: 14px;
      font-family: 'avenir_next_worldregular', 'Verdana';
      color: #000;
      line-height: 19px;
      margin-top: 10px;
  }

  /*
.learning-one-feature {
    display: grid;
    max-width: 81px;
    text-align: center;
}
.learning-one-features-txt, .learning-one-features-img {
    
    align-self: center;
    justify-self: center;
}


  
.learning-one-features-img {
    max-width: 40px;
    max-height: 40px;
}
*/
  .learning-one-features-img {
      height: 110px;
      padding: 0px;
      text-align: center;
  }

  .learning-one-features-img img {
      height: 100%;
      width: auto;
  }

  .learning-features-sub {

      border-radius: 8px;
      padding: 40px 32px;
      width: 592px;
      background: #ffffff;

  }


  a.ubd-box-anch.ubd-box-anch1 {
      color: #9F49CC !important;
  }

  img.chat-icon {
      width: 250px;
      position: absolute;
      left: -130px;
      top: -38px;
  }

  .ib-school-anch1 {

      color: #D75674 !important;
  }

  .ib-school-anch2 {
      color: #0AAEC2 !important;
  }

  .ib-school-anch3 {
      color: #C28200 !important;
  }

  img.magnify-icon {
      width: 90px;


      right: -10px;
      top: 124px;

  }

  img.arrow-icon {
      position: absolute;
      width: 22px;
      top: 88px;
      right: -90px;
  }

  img.teacher-icon {
      width: 93px;
      height: 160px;
      position: absolute;
      top: 225px;
      left: -150px
  }

  img.parent-icon {
      width: 95px;
      /*  position: absolute;*/
      right: -230px;
      top: 248px;
  }

  .animate__animated.animate__zoomIn,
  .animate__animated.animate__jackInTheBox {
      --animate-duration: 1s;
  }

  .animate__animated .animate__wobble {
      --animate-duration: 4s;
  }

  .animate__animated.animate__flipInY,
  .animate__animated.animate__flipInX {
      --animate-duration: 5s;
  }

  .animate__animated.animate__bounceIn {
      --animate-duration: 1s;
  }


  img.dot-icon.dot-icon1.animate__animated.animate__zoomIn {
      --animate-duration: 3s !important;
  }

  img.dot-icon.dot-icon2.animate__animated.animate__zoomIn {
      --animate-duration: 5s !important;
  }

  img.dot-icon.dot-icon3.animate__animated.animate__zoomIn {
      --animate-duration: 6s !important;
  }


  p.card-text {
      height: 125px;
  }

  p.card-auth-block {
      margin-bottom: 0px !important;
      font-weight: bold;
      font-size: 16px !important;
  }

  a.card-text-case {
      font-size: 16px;
      color: #F75961;
      text-decoration: none;
      display: flex;
      align-items: center;
      text-decoration: none;
      position: absolute;
      bottom: 27px;
  }




  .ubd-box-text {
      margin: 0 auto;
  }

  a.ubd-box-anch {
      font-size: 18px;
      font-family: 'avenir_next_worldmedium', 'Verdana';
      color: #2EAA8B;
  }

  p.ubd-box-txt {
      font-family: 'avenir_next_worldregular', 'Verdana';
      font-size: 16px;
      color: #000;
      max-width: 300px;
  }

  img.ubd-box-img {
      max-width: 420px;
  }


  .ubd-box {
      max-width: 920px;
      display: -webkit-box;
      display: flex;
      align-items: center;
      position: relative;
      box-shadow: 4px 4px 12px rgb(189 226 108 / 50%);
      border-radius: 8px;
      margin: 0 auto;
      background: white;

  }

  a.ib-school-anch img,
  a.ubd-box-anch img {
      width: 17px;
      position: relative;
      top: -1px;
      left: 7px;
  }

  a.ib-school-anch {
      font-size: 18px;
      font-family: 'avenir_next_worldmedium', 'Verdana';
      max-width: 193px;
      color: black;
      position: absolute;
      bottom: 26px;
  }

  p.ib-school-desc {
      font-size: 14px;
      font-family: 'avenir_next_worldregular', 'Verdana';
      max-width: 193px;
      color: black;
  }

  p.ib-school-titl {
      font-size: 20px;
      font-family: 'avenir_next_worldbold', 'Verdana';
      color: #222222;
      margin-bottom: 10px;
      font-weight: 700;
  }

  .ib-school {
      max-width: 264px;
      background: #FFFFFF;
      box-shadow: 4px 4px 12px rgb(189 226 108 / 50%);
      border-radius: 8px;
      height: 345px;
  }

  .ib-schools {
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      position: relative;
  }

  .ib-schools .ib-school:nth-child(2) {
      margin: 0 60px;
  }

  .learning-feature img {
      max-width: 336px;
      max-height: 184px;
      cursor: pointer;
      border-radius: 8px;
      width: 336px;
      height: 184px;
  }

  .toggle-class ul li {
      font-size: 18px;
      font-weight: 500;
      font-family: 'avenir_next_worldmedium', 'Verdana';
      padding-top: 15px;
      list-style-type: none;
      color: black;
  }

  .toggle-class ul li:before {
      content: "•";
      display: inline-block;
      width: 1em;
      margin-left: -1em
  }

  .toggle-class ul {
      margin: 0 0 1.5em 0em;
  }

  .curriculum-togg ul li:before {
      color: #FFCE66;

  }


  .curriculum-togg {
      border: 1px solid #FFCE66;
      border-left: 7px solid #FFCE66;
  }



  .assessments-togg {
      border: 1px solid #60E6F9;
      border-left: 7px solid #60E6F9;
  }

  .assessments-togg ul li:before {
      color: #60E6F9;

  }

  .portfolios-togg {
      border: 1px solid #A3A3F5;
      border-left: 7px solid #A3A3F5;
  }

  .portfolios-togg ul li:before {
      color: #A3A3F5;

  }



  .classroom-togg {
      border: 1px solid #FFAEC0;
      border-left: 7px solid #FFAEC0;
  }

  .classroom-togg ul li:before {
      color: #FFAEC0;

  }

  .family-togg {
      border: 1px solid #BDE26C;
      border-left: 7px solid #BDE26C;
  }

  .family-togg ul li:before {
      color: #BDE26C;

  }

  .accreditation-togg {
      border: 1px solid #75DDC3;
      border-left: 7px solid #75DDC3;
  }

  .accreditation-togg ul li:before {
      color: #75DDC3;

  }





  .toggle-class {
      max-width: 336px;
      max-height: 184px;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      border-radius: 8px;
      background: white;
  }






  .learning-features1 {
      margin-top: 20px;
  }

  .learning-features1 {
      grid-template-columns: auto auto auto auto;
  }

  .learning-features2 {
      grid-template-columns: auto auto auto;
  }

  .learning-features1,
  .learning-features2 {
      display: grid;
      width: 100%;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;

      margin-top: 36px;



  }

  .improved-collaboration {
      background: #E3E3FC;
      padding: 13px;
      font-family: 'avenir_next_worldmedium', 'Verdana';
      font-size: 14px;
      color: #000;
      font-weight: 500;
      width: 100%;
      text-align: center;
  }

  p.available-eng {
      font-family: 'avenir_next_worldregular', 'Verdana';
      font-size: 14px;
      color: black;
      font-weight: 400;
      line-height: 25px;
      margin-top: 20px;
  }

  a.main-banner-req.req-demo-popupa {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 13px 16px;
      background: #000000;
      font-family: 'avenir_next_worlddemi', 'Verdana';
      color: #fff;
      border-radius: 8px;
      margin: 47px 0 85px;
      max-width: 184px;
  }

  p.main-banner-desc {
      font-family: 'avenir_next_worldregular', 'Verdana';
      font-size: 18px;
      color: black;
      font-weight: 400;
      line-height: 32px;
      margin-top: 20px;
  }

  p.main-banner-title {
      font-family: 'avenir_next_worldbold', 'Verdana';
      font-size: 40px;
      line-height: 54px;
      letter-spacing: 0.56px;
      color: #000000;
      margin-bottom: 0;
  }

  .main-banner-img img {
      max-width: 90%;
      max-height: 500px;
      width: auto;
  }

  .main-banner {
      display: -webkit-box;
      display: flex;
      padding: 24px 80px 0;
      min-height: 100vh;
      -webkit-box-align: center;
      align-items: center;
      flex-shrink: 0;
  }

  .reverse {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      flex-direction: row-reverse;
  }

  .main-banner-img {
      display: -webkit-box;
      display: flex;
      -webkit-box-flex: 1;
      flex: 1;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      width: 100%;
  }

  .main-banner-text {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      width: 42%;
      margin-left: 0px;
      -webkit-box-align: start;
      align-items: flex-start;
  }


  .CaseStudies-svg___ssPmp {
      width: 20px;
      margin-top: 3px;
      margin-left: 12px;
  }

  .CaseStudies-svg_color___2QCgR {
      color: #f75961;
      fill: #f75961;
  }

  .video-box {
      margin-top: 40px;
  }



  .request-demo {
      overflow: hidden;
      display: -webkit-box;
      display: flex;
      width: 100%;
      height: 100%;
      max-height: 720px;
      -webkit-box-pack: center;
      justify-content: center;
      padding: 100px 32px 100px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      -webkit-box-align: center;
      align-items: center;
      background-image: url();
      background-position: right top;
      position: relative;
      background-repeat: no-repeat;
      background-size: cover;
  }





  p.casestudies-title {
      font-family: 'avenir_next_worldbold', 'Verdana';
      font-size: 40px;
      text-align: center;
      color: #000000;
      max-width: 980px;
      margin-bottom: 0;
  }

  p.casestudies-desc {
      font-family: 'avenir_next_worldregular', 'Verdana';
      font-size: 18px;
      line-height: 26px;
      text-align: center;
      color: #000000;
      margin-top: 12px;
      max-width: 780px;
  }


  .school-h3 {
      clear: both;
      align-items: center;
      padding-top: 62px;
      padding-bottom: 20px;
  }

  img.three-dots {
      width: 77px;
      position: absolute;
      right: 23px;
      top: -10px;
  }

  .row-new {
      max-width: 1000px;
      width: 100%;
      border-top-left-radius: 11px;
      border-top-right-radius: 11px;
      z-index: 2;
      background: transparent;
      padding: 14px 0px;

  }

  .row-newb {
      position: relative;
  }

  p#tag-line {
      font-family:'avenir_next_worldregular', 'Verdana';
      font-size: 18px;
      text-align: center;
      color: #fff;
      margin-top: 40px;
      line-height: 29px;
      max-width: 650px;
      font-weight: 500;
  }

  p#tag-line span {
      font-size: 15px;
  }

  .wrapper {
      width: 100%;
      display: -webkit-box;
      display: flex;
      padding: 121px 80px 0px;
      height: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      -webkit-box-align: center;
      align-items: center;
      background-color: transparent;
      max-width: 1200px;
      margin-top: 52px;
  }

  section.main-wrapper {
        display: -webkit-box;
        display: flex;
        background-position: center center;
        background-image: url(https://play.toddleapp.com/wp-content/uploads/2025/11/desk-banner.webp);
        background-size: cover;
       background-repeat: no-repeat;
       background-color: #fff;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      -webkit-box-align: center;
      align-items: center;
     
      position: relative;
    
      -webkit-box-pack: center;
      justify-content: center;
      margin-bottom: 0px;
  }

  .row-new h1 {
      font-family: 'avenir_next_worldbold', 'Verdana';
      font-size: 54px;
      text-align: center;

      max-width: 638px;
      margin-top: 40px;
  }

  .all-schools {
      clear: both;
      width: 100%;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      padding-bottom: 50px;
  }

  .school-h3 h3 {
      font-family: 'avenir_next_worldbold', 'Verdana';
      font-size: 32px;
      text-align: center;
      color: #000000;
  }

  .main-casestudy {
      width: 100%;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      background-image: url();
      background-size: cover;
      background-position: right;
      background-color: #f0f0ff;
  }








  .platforms {
      position: relative;
      width: 100%;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      background-color: #FFF9EB;
      padding-bottom: 95px;
      /* background-image: url(<?php //echo get_site_url(); ?>/wp-content/uploads/2021/08/Background-1.png);*/
      background-size: cover;

  }

  .inner-platforms {
      width: 100%;
      position: relative;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      padding: 85px 32px 10px;
      max-width: 1440px;
  }

  .inner-platforms H3 {
      font-family: 'avenir_next_worldbold', 'Verdana';
      font-size: 32px;
      text-align: center;
      color: #000000;
  }

  .learning-feature {
      margin: 25px;
      max-width: 336px;
      max-height: 184px;
  }

  .learning-feature p {
      font-family: 'avenir_next_worlddemi', 'Verdana';
      font-size: 18px;
      color: black;
      margin-top: 22px;
      margin-bottom: 0px;

  }

  p.inner-platformsp {
      font-family: 'avenir_next_worldregular', 'Verdana';
      font-size: 18px;
      line-height: 1.78;
      text-align: center;
      color: #000;
      margin-top: 15px;
      max-width: 700px;
      margin-bottom: 0px;
  }

  .pyp-myp-platform {
      width: 100%;
      margin-top: 30px;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      padding: 0 32px;
      background: url(https://play.toddleapp.com/wp-content/uploads/2021/08/Background-1.png);
      background-size: cover;
      height: auto;
      background-position: inherit;
  }

  .pyp-platform {
      background-image: url();
      max-width: 480px;
      width: 100%;
      height: 100%;
      max-height: 384px;
      border-radius: 16px;
      box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
      background-color: #ffffff;
      background-position: right bottom;
      background-size: cover;
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      padding: 40px;
      -webkit-box-pack: justify;
      justify-content: space-between;
  }

  .pyp-platform.visible {
      background-image: url(https://play.toddleapp.com/wp-content/uploads/2021/03/pypbg-min.png);
  }

  .myp-platform.visible {
      background-image: url(https://play.toddleapp.com/wp-content/uploads/2021/03/mypbg-1-min.png);
  }

  .myp-platform {
      background-image: url();
      max-width: 480px;
      width: 100%;
      height: 100%;
      max-height: 384px;
      border-radius: 16px;
      box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
      background-color: #ffffff;
      background-position: right bottom;
      background-size: cover;
      margin-left: 48px;
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      padding: 40px;
      -webkit-box-pack: justify;
      justify-content: space-between;
  }

  p.pyp-title {
      font-family: 'avenir_next_worldbold', 'Verdana';
      font-size: 44px;
      text-align: left;
      color: #f75961;
      margin-bottom: 0px;
  }

  p.pyp-sub-title {
      font-family: 'avenir_next_worldmedium', 'Verdana';
      font-size: 17px;
      line-height: 1.65;
      text-align: left;
      color: #2b2b2b;
      margin-top: 16px;
      max-width: 290px;
      margin-bottom: 0px;
  }

  a#go-pyp {
      width: 200px;
      height: 48px;
      padding: 15px;
      border-radius: 4px;
      background-color: #f75961;
      margin-top: 62px;
      font-family: 'avenir_next_worldbold', 'Verdana';
      font-size: 14px;
      text-align: center;
      color: #ffffff;
  }

  p.myp-title {
      font-family: 'avenir_next_worldbold', 'Verdana';
      font-size: 44px;
      text-align: left;
      color: #1ec4d4;
      margin-bottom: 0px;
  }

  p.myp-sub-title {
      font-family: 'avenir_next_worldmedium', 'Verdana';
      font-size: 17px;
      line-height: 1.65;
      text-align: left;
      color: #2b2b2b;
      margin-top: 16px;
      max-width: 290px;
      margin-bottom: 0px;
  }

  a#go-myp {
      width: 200px;
      height: 48px;
      padding: 15px;
      border-radius: 4px;
      background-color: #1ec4d4;
      margin-top: 62px;
      font-family: 'avenir_next_worldbold', 'Verdana';
      font-size: 14px;
      text-align: center;
      color: #ffffff;
  }

  .ib-school-textbox {
      padding: 30px;
  }

  .ib-educators {
      width: 100%;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      font-size: 40px;
      padding-top: 87px;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: relative;
      background: #fff;
      background-repeat: no-repeat;
      background-size: cover;
  }

  .ib-educators-title {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      width: 100%;
      max-width: 1200px;
      position: relative;
  }

  p#ib-educators-maindesc {
      font-family: 'avenir_next_worldregular', 'Verdana';
      font-size: 18px;
      line-height: 26px;
      text-align: center;
      color: #000000;
      margin-top: 12px;
/*       max-width: 747px; */
      margin-bottom: 48px;
  }

  h2#ib-educators-maintitle {
      font-family: 'avenir_next_worldbold', 'Verdana';
      font-size: 32px;
      text-align: center;
      color: #000000;
      max-width: 1050px;
      margin-bottom: 0px;
      line-height: 1.5;
  }

  .ib-educators-inner.visible {
      background-image: url(https://play.toddleapp.com/wp-content/uploads/2021/03/ib-edu-bg-min.png);
  }

  .ib-educators-inner {
      background-image: url();
      background-size: cover;
      background-position: bottom;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-box-pack: center;
      justify-content: center;
      width: 100%;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      padding: 80px 100px;
      max-width: 1440px;
  }

  .ib-educators-inner1 {
      display: grid;
      max-width: 440px;
      grid-row-gap: 24px;
      flex-shrink: 0;
      margin-right: 80px;
  }

  p.ib-educators-inner-title {
      font-family: 'avenir_next_worldbold', 'Verdana';
      line-height: 1.63;
      font-size: 2.5rem;
      color: #000000;
      margin-bottom: 0px;
  }

  p.ib-educators-inner-desc {
      font-family: 'avenir_next_worldmedium', 'Verdana';
      font-size: 20px;
      color: #000000;
      line-height: 2;
  }

  .collaborative {
      background-size: cover;
      background-position: bottom;
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      width: 100%;
      background-image: url();
  }

  .collaborative.visible {
      background-image: url(https://play.toddleapp.com/wp-content/uploads/2021/01/H1qSnexiv.png);
  }

  .inner-collaborative {
      display: -webkit-box;
      /* display: flex; */
      -webkit-box-align: center;
      align-items: center;
      padding: 80px 100px;
      max-width: 1440px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      flex-direction: row-reverse;
  }

  .collaborative2 {
      -webkit-box-flex: 1;
      flex: 1;
  }

  .collaborative1 {
      margin-right: 0;
      margin-left: 80px;
      display: grid;
      max-width: 440px;
      grid-row-gap: 24px;
      flex-shrink: 0;
  }

  p.collaborative-title,
  p.features-face-title {
      font-family: 'avenir_next_worldbold', 'Verdana';
      line-height: 1.63;
      font-size: 2.5rem;
      color: #000000;
      margin-bottom: 0;
  }

  p.collaborative-desc,
  p.features-face-desc {
      font-family: 'avenir_next_worldmedium', 'Verdana';
      font-size: 20px;
      color: #000000;
      line-height: 2;
  }

  .features-face {
      background-size: cover;
      background-position: bottom;
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      width: 100%;
      background: white;
  }

  .features-face-inner {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      padding: 80px 100px;
      max-width: 1440px;
  }

  .features-face1 {
      display: grid;
      max-width: 440px;
      grid-row-gap: 24px;
      flex-shrink: 0;
      margin-right: 80px;
  }

  .features-face2 {
      -webkit-box-flex: 1;
      flex: 1;
  }


  @media screen and (min-width:991px) and (max-width:1025px) {

      .animate11 {
          width: 160px !important;
          top: 920px !important;
      }

      .animate9 {
          left: 6% !important;
      }

      .animate6 {
          top: 100px !important;
      }

      .pyp-myp-platform {
          padding: 0 64px !important;
      }

      .animate5 {
          left: 30px !important;
      }

      .animate4,
      .animate7,
      .animate8,
      .animate10,
      .animate-smball {
          display: none !important;
      }

      .school-h3 {
          padding-top: 20px !important;
      }

      .animate3 {
          right: 40px !important;
      }

      .animate2 {
          right: 20px !important;
      }

  }

  img.ubd-box-imgmob {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
  }

  img.ib-school-img {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
  }

  img.ubd-box-img {
      border-bottom-left-radius: 8px;
      border-top-left-radius: 8px;
  }

  @media screen and (min-width: 992px) {
      li.mob-li {
          display: none;
      }

      .ib-educators {
          padding-bottom: 38px;
      }

      .ib-school:hover a.ib-school-anch img,
      .ubd-box:hover a.ubd-box-anch img {
          transform: translate(4px, 0px);
          transition: transform 1s;
      }

      .ib-school:hover,
      .ubd-box:hover {
          transform: translate(0, -6px);
          transition: transform 1s;
      }

      a.main-banner-req.req-demo-popupa:hover {
          background: #3D3D3D !important;
          color: #fff !important;
      }

      a#sign {
          color: black !important;
      }

      .ubd-box-imgmob {
          display: none !important;
      }

      img.mobile-hero,
      .ib-schools-mob {
          display: none !important;
      }

      ul.tabs li:nth-child(2) {
          margin: 0 34px;
      }

      .tab-navigation,
      .tab-navigation1 {
          display: none !important;
      }

  }

  .learn-li a:after,
  .menu-item-has-children>a:hover:after,
  .page_item_has_children>a:hover:after,
  .menu-item-has-children>a::after,
  .page_item_has_children>a::after {
      filter: brightness(0) invert(0);
  }

  header.header-one.stick .learn-li a:after,
  header.header-one.stick .menu-item-has-children>a:hover:after,
  header.header-one.stick .page_item_has_children>a:hover:after,
  header.header-one.stick .menu-item-has-children>a::after,
  header.header-one.stick .page_item_has_children>a::after {
      filter: brightness(0) invert(0) !important;
  }



  .header-one.stick,
  .header-one {
      border: 1px solid #f2f2f2;
  }
  

  @media screen and (min-width:767px) and (max-width:991px) {

      .casestudies-golink {
          margin: 30px auto 16px;
          position: relative;
      }

      p.casestudies-text {
          max-width: 100% !important;
          text-align: center;
      }

      .casestudies-box {
          display: flex;
          -webkit-box-pack: center;
          justify-content: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          flex-direction: column;
          -webkit-box-align: center;
          align-items: center;
          padding: 20px;
      }

      .SeamlessExp-subtitle___Cu0Em {
          font-size: 16px !important;
      }

      .ib-educators-inner,
      .inner-collaborative,
      .features-face-inner,
      .privacy-section-inner {
          -webkit-box-orient: vertical !important;
          -webkit-box-direction: reverse !important;
          flex-direction: column-reverse !important;
          padding: 80px 64px;
      }

      p.ib-educators-inner-title,
      p.collaborative-title,
      p.features-face-title {
          font-size: 30px !important;
          line-height: 1.5;
      }

      p.ib-educators-inner-desc,
      p.collaborative-desc,
      p.features-face-desc {
          font-size: 18px !important;
      }

      p#ib-educators-maindesc,
      h2#ib-educators-maintitle {
          max-width: 600px !important;
      }

      .inner-platforms H3 {

          font-size: 32px !important;

      }



      .all-mobile-school-inner {
          grid-template-columns: auto auto;
          grid-gap: 40px 80px !important;
          display: grid;
      }

      .schools-mob-div {
          height: 142px !important;
          margin: 0;
          padding: 16px;
          width: 100% !important;
      }

      a#explore-mob {
          margin-bottom: 50px;
          margin-top: 30px;
          max-width: 100% !important;
      }

      .video-box {
          padding: 0px !important;
      }

      img#animate1 {
          display: none !important;
      }

      p#tag-line {
          font-size: 28px !important;
          margin-bottom: 30px;
      }

      .row-new h1 {
          font-size: 42px !important;
      }

      .ib-educators-inner1,
      .collaborative1 {
          max-width: 100% !important;
      }

      p.inner-platformsp {
          max-width: 600px !important;
      }

      p.casestudies-title {
          font-size: 32px !important;
      }

      p.casestudies-desc {
          font-size: 16px !important;
      }

      p.privacy-section-title {
          font-size: 32px !important;
      }
  }



  @media screen and (max-width: 767px) {


      .request-demo {
          padding: 50px 24px 40px;
          background-position: top left;
      }


      .casestudies-golink a {
          margin-left: 22px;
      }

      .casestudies-golink {

          font-size: 14px;
          line-height: 1.78;
          text-align: left;
          position: relative;
          bottom: 7px;


      }

      p.casestudies-text {
          text-align: left;
          font-size: 18px;
          padding: 0 20px;
          margin-top: 0px;
          margin-bottom: 0px;
      }

      img.school-img {
          max-width: 220px;
          margin-top: 12px;
          height: 33px;
          margin: 20px;
      }

      p.casestudies-title {
          font-size: 24px;
      }

      .ib-educators-inner,
      .inner-collaborative,
      .features-face-inner,
      .seamless-inner,
      .privacy-section-inner {
          padding: 52px 24px;
      }

      p#ib-educators-maindesc {
          font-size: 14px;
          padding: 0 20px;
          max-width: 360px;
      }

      a#go-pyp,
      a#go-myp {
          width: 100%;
          margin-top: 50px;
      }

      p.inner-platformsp,
      p.privacy-section-desc {
          margin-top: 16px;
          font-size: 14px;
          line-height: 1.71;
      }

      .inner-platforms H3 {
          font-size: 24px;
          line-height: 1.4;
      }




      .school-h3 h3 {
          font-size: 24px;
          padding: 48px 10px 10px;
      }
  }


  @media screen and (max-width: 415px) {
    a.text-fold-href{
      text-align: center;
          max-width: 100% !important;
    }
	  .h1-animated-row.second-animated {
    line-height: 38px !important;
}
	  a.main-banner-req.req-demo-popupa {
    position: relative;
    top: 30px;
    margin-top: 90px;
}
	  section.main-wrapper {
    margin-top: 0 !important;
}
	  .row-new {
    margin-top: 80px !important;
}
	  .h1-animated-row.second-animated {
    position: relative;
    left: 14px;
}
 .wrapper {
    height: 100% !important;
    background-image: url(https://play.toddleapp.com/wp-content/uploads/2025/11/mob-banner.webp);
	 background-color:#FFF9EB;
    padding: 25px 0 0px !important;
    background-position: bottom;
    background-repeat: no-repeat !important;
      }
}


 @media screen and (max-width: 375px) {
  a.main-banner-req.req-demo-popupa{
    margin-top: 50px;
  }
 }


  @media screen and (max-width: 991px) {

      li.desk-li {
          display: none;
      }

      p.ubd-box-txt {
          margin-top: 17px;
      }

      .learning-one-features-img {
          margin-bottom: 15px;
      }

      .learning-features-sub2 .learning-one-features-img {
          margin-bottom: 0px;
      }

      img.seamless-img1 {
          height: auto !important;
      }

      .row-newb.right-elements,
      .row-newb.left-elements {
          display: none !important;
      }

      .owl-carousel1 button.owl-next,
      .owl-carousel1 button.owl-prev {
          top: 27% !important;
      }

      .learning-one-feature {
          text-align: center;
      }


      .learning-features-sub-inner {
          grid-template-columns: auto auto auto !important;
          grid-gap: 10px !important;
          grid-auto-flow: row !important;
      }

      .learning-features-sub-inner4 {
          grid-template-columns: auto auto !important;
      }

      .learning-features1,
      .learning-features2 {
          margin-top: 0px !important;
      }

      .learning-features {
          padding: 0 22px;
      }

      .learning-features-sub {
          width: auto !important;
          margin-top: 28px;
      }



      .learning-features-sub.sub-left {
          margin-right: 0px !important;
      }

      .ubd-box-img {
          display: none !important;
      }

      /*

img.left-nav-ib {
    left: -10px;
    position: relative;
}
img.right-nav-ib {
    right: -10px;
    position: relative;
}

*/
      img.test-left-nav {
          position: relative;
          left: 126% !important;
      }

      img.test-right-nav {
          position: relative;
          right: 126% !important;
      }


      img.left-nav-ib,
      img.right-nav-ib {
          width: 60px;
      }

      .toggle-class ul li {
          font-size: 16px !important;
      }

      .platforms {
          padding-bottom: 45px !important;
      }

      .learning-feature {
          margin: 10px !important;
      }

      .learning-feature img,
      .learning-feature {
          max-width: 294px !important;
          max-height: 160px !important;
      }



      img.mobile-hero {
          padding: 0 30px;
          max-width: 500px;
          width: 100%;
      }

      .row-new {
          background: transparent !important;
      }

      img.animate-wave,
      img.parent-icon,
      img.teacher-icon,
      img.chat-icon,
      img.magnify-icon,
      img.three-dots,
      .video-box,
      .animate5a,
      .animate7a,
      .animate6,
      img.arrow-icon {
          display: none;
      }

      .ib-schools {
          display: none !important;
      }

      ul.tabs {
          display: flex !important;
          place-content: space-around !important;
          max-width: 340px !important;
          margin: 0 auto 25px !important
      }

      ul.tabs li a {
          font-size: 14px !important;
          padding: 0 10px !important;
      }

      ul.tabs li {
          width: auto !important;
          padding: 0 10px;
          font-size: 15px !important;
          margin: 0px !important;
      }


      p.integrated-p {
          margin: 0px 0 15px !important;
      }

      .integrated-tools-in {
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          flex-direction: column-reverse;
      }

      .tabBox1 {
          margin-top: 0px !important;
      }

      .integrated-tools-list {
          grid-template-columns: auto auto !important;
          grid-gap: 40px 20px;
          display: grid !important;
      }

      .integrated-tools {
          background-image: none !important;
          padding: 50px 21px 0 !important;
      }


      .ubd-box-text {
          padding: 22px;
      }

      img.ib-school-img {
          height: 120px;
      }

      img.ubd-box-img {
          height: 120px;
          width: 100%;
      }

      .ubd-box- {
          width: 100%;
      }

      .ubd-box {
          box-shadow: 4px 4px 12px rgb(189 226 108 / 50%);
          border-radius: 8px;
          max-width: 264px;
      }

      .tabBox {
          margin-top: 30px !important;
      }

      .tabContainer {
          margin-top: 0px !important;
      }

      .ib-educators {
          padding: 50px 21px 0px;
      }

      select#select-box,
      select#select-box1 {
          border: 1px solid #717171;
          border-radius: 8px;
          width: 100%;
          padding: 13px 21px;
          font-size: 16px;
          font-family: 'avenir_next_worlddemi', 'Verdana';
          color: black;
      }

      .tab-navigation,
      .tab-navigation1 {
          margin: 0 auto 20px;
          display: table;
          width: 100% !important;
          padding: 13px 24px;
      }

      ul.tabs1 {
          display: none !important;
      }

      .ib-school {
          margin: 0 auto 20px !important;
          position: relative;
      }

      a.main-banner-req.req-demo-popupa {
          width: 100%;
          height: 48px !important;
          font-size: 16px;
          margin-bottom: 40px !important;
          max-width: 90%;
      }

      p.main-banner-desc {
          font-size: 16px !important;
          text-align: center;
          line-height: 27px;
      }

      p.main-banner-title {
          font-size: 24px !important;
          line-height: 33px !important;
          text-align: center;
      }

      .main-banner-text {
          width: 100% !important;
      }

      .main-banner.reverse {
          padding: 100px 24px 40px !important;
      }

      .learning-features1,
      .learning-features2 {
          grid-template-columns: auto !important;
          grid-gap: 0px;
          display: grid !important;
      }

      .main-banner.reverse,
      .ib-schools,
      .footer-banner,
      .ubd-box {
          -webkit-box-orient: vertical !important;
          -webkit-box-direction: normal !important;
          flex-direction: column !important;
      }




      p.casestudies-text {
          height: 140px;
      }

      .video-box {
          margin-top: 18px !important;
      }

      img.animate1mob {
          position: absolute;
          display: block;
          width: 100px;
          top: 156px;
          left: -14px;
      }

      .animate3,
      .animate2,
      .animate1 {
          display: none;
      }

      .video-box {
          padding: 24px;
      }

      p#tag-line {
          font-size: 15px;
          padding: 0 16px;
          display: block;
          margin-top: 0;
          line-height: 24px;
      }

      .row-new h1 {
          font-size: 24px;
          padding: 0 0px 15px !important;
          line-height: 32px;
          max-width: 302px !important;

          margin-top: 30px !important;

      }

      .wrapper {
              height: 100% !important;
/*     background-image: url(https://play.toddleapp.com/wp-content/uploads/2023/03/Group-8966.png); */
    padding: 25px 0 0px !important;
    background-position: center;
      }

      .school-h3 {
          padding-top: 0px !important;
      }

      section.main-wrapper {
          margin-bottom: 0px;
      }

      .all-school .all_schools {}

      .all_schools img {
          height: 100px;
          padding: 16px;
          width: auto;
          background-color: #ffffff;
          margin: 0;
      }

      .all-school .all_schools {}

      .all-school {
          height: auto;
          margin-top: 10px;
      }

      .all_schools img:nth-child(5),
      .all_schools img:nth-child(6),
      .all_schools img:nth-child(7),
      .all_schools img:nth-child(8),
      .all_schools img:nth-child(9),
      .all_schools img:nth-child(10),
      .all_schools img:nth-child(11),
      .all_schools img:nth-child(13) {
          display: block !important;
      }

      .all_schools img,
      .animate4,
      .animate5,
      .animate7,
      .animate8,
      .animate9,
      .animate10,
      .animate11,
      .animate12,
      .animate-smball,
      img.footer-icon {
          display: none;
      }







      .main-casestudy {
          background-position: center center;
      }

      .pyp-myp-platform {
          padding: 0 24px !important;
      }

      .inner-platforms {
          padding: 30px 24px 10px;
      }

      p.myp-title,
      p.pyp-title {
          font-size: 34px !important;
      }

      .pyp-platform,
      .myp-platform {
          padding: 30px;
      }

      .myp-platform {
          margin-top: 40px;
      }

      h2#ib-educators-maintitle {
          font-size: 32px;
          line-height: 33px !important;
          padding: 0 25px;
          color: #000000;
      }

      .animate6 {

          top: 110px;
          width: 80px !important;

      }


      .ib-educators-inner1 {

          margin-right: 0px;
          grid-row-gap: 18px;
      }

      p.ib-educators-inner-title,
      p.collaborative-title,
      p.features-face-title {
          font-size: 28px;
          line-height: 1.5;
      }

      p.ib-educators-inner-desc,
      p.collaborative-desc,
      p.features-face-desc {
          font-size: 16px;
      }


      p.casestudies-desc {
          font-size: 14px;
          margin-bottom: 0;
      }

      .casestudies-wrapper {
          padding: 0px;
      }

      .casestudies-box {
          margin-left: 0;
          margin-right: 0;
          padding: 0px;
          margin-top: 0px;
      }

      a.next img,
      a.prev img {
          height: 35px;
          width: 35px;
      }

      .prev {
          left: 0px;
      }

      .next {
          right: 0;
      }

      img.casestudies-img {
          width: 100% !important;
          height: auto !important;
      }

      a.prev img {
          position: relative;
          left: -15px;
      }

      a.next img {
          position: relative;
          right: -15px;
      }

      a.prev,
      a.next {
          padding: 24px 0;
      }









  }

  @media all and (min-device-width:768px) and (max-device-width:1024px) {
      img.mobile-hero {
          max-width: 700px !important;
      }

      .school-h3 {
          padding-top: 30px !important;
      }

  }



  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
      .footer-banner-main {
          padding: 0 30px !important;
      }

      .integrated-tools {
          padding-left: 18px !important;
          padding-right: 18px !important;
      }

      .casestudies-inner {
          padding: 50px 50px 30px !important;
      }

      .learning-one-features-img {
          height: 150px !important;
          padding: 0px;
      }

      .learning-features-sub {
          width: 800px !important;
      }

      /* .inner-platforms {
    padding-top: 0px !important;
}*/

      .learning-features-sub {
          margin-top: 35px;
      }

      .learning-features1,
      .learning-features2 {
          grid-template-columns: auto !important;
          margin-top: 0px !important;
          /* gap: 32px; */
      }

      a.main-banner-req.req-demo-popupa {
          max-width: 100% !important;
          font-size: 20px !important;
          padding: 20px 16px !important;
      }

      .wrapper {
          padding: 30px 80px 0px !important;
      }

      .row-newb,
      img.animate-wave,
      .animate5a,
      .animate5,
      .animate6,
      .animate11 {
          display: none !important;
      }

  }


  @media all and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {

      .privacy-section-imgs {
          grid-template-columns: auto auto auto auto !important;
      }

      .integrated-tools-list {
          grid-template-columns: auto auto auto !important;
      }

      .learning-features-sub-inner {
          grid-template-columns: auto !important;
          grid-gap: 10px !important;
          grid-auto-flow: column !important;
      }

      .learning-features-sub {
          width: 700px !important;
      }

      a.main-banner-req.req-demo-popupa {
          height: 70px !important;
          font-size: 20px !important;

      }

      p#tag-line {
          font-size: 23px !important;
          line-height: 27px !important;
      }

      .row-new h1 {
          font-size: 43px !important;
          max-width: 83% !important;
          line-height: 59px !important;
          margin-bottom: 0px !important;
      }

      a#explore-mob {
          margin-bottom: 50px;
          margin-top: 30px;
          max-width: 500px !important;
          font-size: 16px !important;
      }

  }

  @media all and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {

      .footer-banner-main {
          padding: 0 30px !important;
      }

      .integrated-tools {
          padding-left: 18px !important;
          padding-right: 18px !important;
      }

      .casestudies-inner {
          padding: 50px 50px 30px !important;
      }

      .learning-one-features-img {
          height: 150px !important;
          padding: 0px;
      }

      .learning-features-sub {
          width: 800px !important;
      }

      .inner-platforms {
          padding-top: 0px !important;
      }

      .learning-features-sub {
          margin-top: 35px;
      }

      .learning-features1,
      .learning-features2 {
          grid-template-columns: auto !important;
          margin-top: 0px !important;
          /* gap: 32px; */
      }

      a.main-banner-req.req-demo-popupa {
          max-width: 100% !important;
          font-size: 20px !important;
          padding: 20px 16px !important;
      }

      .wrapper {
          padding: 30px 80px 0px !important;
      }

      .row-newb,
      img.animate-wave,
      .animate5a,
      .animate5,
      .animate6,
      .animate11 {
          display: none !important;
      }
  }



  div.tabBox {
      width: 100%;
      float: left;
      overflow: visible;
      max-width: 1040px;
      margin-top: 60px;
      position: relative;
  }

  div.tabBox h3 {
      padding: 20px 0px;
  }

  ul.tabs {
      margin: 0;
      padding: 0;
      place-content: center;
      display: flex;
      list-style: none;

  }

  ul.tabs li {
      float: left;
      margin-left: 5px;
      padding: 0;
      line-height: 40px;
      width: 245px;
      height: 40px;
      text-align: center;
  }

  ul.tabs li a {
      display: block;
      padding: 0 5px;
      outline: none;
      background: none;
  }

  .tabContainer {
      border-top: none;
      overflow: hidden;
      clear: both;
      float: left;
      width: 100%;
      margin-top: 40px;
      min-height: 430px;
      margin-bottom: 0px;
  }

  .tabContent {
      padding: 25px 0 0;
  }

  .tabContent h3 {
      padding: 0px;
  }

  /**** TABS STYLES ****/

  div.tabBox h3 {}


  ul.tabs {
      border-top-left-radius: 5px;
      -moz-border-top-left-radius: 5px;
      -webkit-border-top-left-radius: 5px;
  }

  ul.tabs li {}


  ul.tabs li a {
      background: transparent;
      text-decoration: none;
      font-size: 11px;
      color: #000;
      outline: none;
      border: 1px solid #717171;
      font-size: 16px;
      font-family: 'avenir_next_worldregular', 'Verdana';
      border-radius: 8px;
      font-weight: 500;
  }

  ul.tabs li a:hover {
      background: #fff;
      border: 1px solid #fff;
      box-shadow: 2px 2px 8px rgb(0 0 0 / 10%);
  }

  ul.tabs li.active {
      border-bottom: 1px solid #fff;
  }

  ul.tabs li.active a,
  ul.tabs li.active a:hover {
      background: #000000;
      color: white;
      font-weight: 600;
  }


  /* THE RESPONSIVE PART */
  @media only screen and (max-width: 767px) {
    .text-fold-text br{
    display: none;
  }
    .wrapper{
      background-size: cover;
      background-position: 0% 72%;
    }
    .p-home .hero .spinner .spinner-container{
      height: 1.09em;
    }


      ul.tabs {
          height: auto;
          display: block;
          width: 100%;
          border-left: 0px;
      }



      div.tabContainer {
          border: 0px;
      }

  }


  @media screen and (max-width: 321px) {
      ul.tabs li a {
          font-size: 13px !important;
          padding: 0 7px !important;

      }


  }


  .parent-icon-dots {
      position: absolute;
      top: 30px;
      left: 12px;
      display: flex;
      gap: 7px;
  }



  @media screen and (min-width: 1600px) {
      .parent-icon-dots {

          top: 32px !important;
          left: 13px !important;

          gap: 8px !important;
      }

      .row-newb.left-elements {
          top: 60px;
      }

      img.right-box {
          width: 320px !important;

          right: -260px !important;
          top: 10px !important;
      }

      img.arrow-icon {
          position: absolute;
          width: 30px !important;
          top: 115px !important;
          right: -100px !important;
      }

      .animate8 {
          width: 67px !important;
          left: -105px !important;
          top: 97px !important;
      }

      img.teacher-icon {
          width: 123px !important;
          top: 220px !important;
          left: -150px !important;
          height: auto !important;
          z-index: 99;
          overflow: hidden;
      }

      img.animate1 {
          width: 345px !important;
          left: -147px !important;
          bottom: -510px !important;
      }

      img.chat-icon {
          width: 335px !important;
          left: -142px !important;
          top: -110px !important;

      }

      .wrapper {
          margin-top: 70px !important;
          padding: 0px !important;
      }

      .animate3 {
          right: -200px !important;
          top: -40px !important;
          width: 110px !important;
      }

      .improved-collaboration {
          position: absolute;
          bottom: 0;
      }



      a.main-banner-req.req-demo-popupa {

          margin-top: 30px !important;
          font-size: 18px !important;
          max-width: 210px !important;
          padding: 16px !important;
      }

      .animate2 {
          right: -56px !important;
          bottom: -483px !important;
          width: 120px !important;
      }

      img.parent-icon {
          right: -240px !important;
          top: 248px !important;
          width: 110px !important;
      }

      img.magnify-icon {
          right: -5px !important;
          top: 100px !important;
          width: 125px !important;
      }

      p#tag-line {
          font-size: 19px !important;
          max-width: 480px !important;
      }

      .row-new h1 {
          font-size: 64px !important;
          line-height: 76px !important;
          max-width: 767px !important;

      }


      .row-new {
          max-width: 1200px !important;
          padding-bottom: 70px !important;
      }

      section.main-wrapper {
          padding-top: 0px;
          height: 640px;
      }

      /*
.wrapper {
    max-width: 1400px !important;
}
*/

  }


  @media screen and (min-width: 1780px) {
      .row-new {
          max-width: 75% !important;
      }

      .wrapper {
          max-width: 100% !important;
      }
  }

@media (min-width: 1200px){
 p#tag-line {
          font-size: 18px !important;
          max-width: 480px !important;
      }
}

  @media (min-width: 1200px) and (max-width: 1450px) {

      .inner-platforms H3,
      h2#ib-educators-maintitle,
      p.seamless-title,
      p.privacy-section-title {
          font-size: 32px !important;
      }

      .school-h3 h3 {
          font-size: 28px !important;
      }

      p#tag-line,
      p#ib-educators-maindesc,
      p.inner-platformsp,
      p.seamless-desc,
      p.footer-banner-text2 {
          font-size: 16px !important;
      }

      .row-new h1 {
          font-size: 44px !important;
          max-width: 520px !important;
          line-height: 58px !important;
      }

  }