.main-feature-link{
    max-width: 335px;
    display: flex;
    gap: 24px;
    margin-bottom: 68px;
    align-items: center;
}
.feature-box-img img{
    width: 120px;
}
.feature-box-img{

}
.feature-box-txt{
    max-width: 190px;
}
.feature-box-txt .feature-box-title{
    font-size: 16px;
    line-height: 24px;
    color: #222222;
    font-weight: 600;
    font-family: 'avenir_next_worldregular', 'Verdana';
    font-weight:normal;
}
.feature-box-txt .feature-box-link{
    font-size: 16px;
    line-height: 24px;
    font-family: 'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
}
.feature-box-txt .feature-box-link svg{
    margin-left: 4px;
    transition: transform 1s;
    margin-top: -4px;
}
.feature-box-txt .feature-box-link:hover svg{
    transform: translate(4px, 0px);
    transition: transform 1s;
}
.all-in-one-features{
        padding-top: 65px !important;
}
.all-in-one{
    padding-top: 25px;
}
@media screen and (max-width: 600px){
    .all-in-one .all-in-one-features{
        grid-template-columns: auto !important;
    }
}




.ib-educators-inner2 img, .collaborative2 img, .features-face2 img, img.swap-desk {
    max-width: 100%;
}

div#target4 .collaborative1 {
    margin-left: 120px;
}


div#target4 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    position: relative;
}
  .collaborative2.swap-mob img{
z-index: 9;
    position: relative;
}
  .animatem9h {
    position: absolute;
    width: 125px; 
    left: 13%;
    bottom: 120%;

}

.animatem9i{
    position: absolute;
    width: 80px;
    left: 49%;
    z-index: 9;
}
  .collaborative2.swap-mob {

    position: inherit;
}
img.animatem4aa {
    width: 131px;
    position: absolute;
    left: 34%;
    top: 13%;
    z-index: 0;
}
  img.org-desk {
    position: absolute;
    left: 116px;
    top: -7%;
    width: 60px;
}


a.js-anchor-link:hover, .all-in-one .all-in-one-features a:hover {
    transform: translate(0, -7px);
    transition: transform 1s;
}
img.half-circ1 {
    width: 98px;
    position: absolute;
    left: 0;
    bottom: -15%;
    z-index: 99;
}
    img.half-circ {
    width: 98px;
    position: absolute;
    right: 0;
    top: -16%;
}

img.dots-desk3 {
    position: absolute;
    left: 0;
    bottom: 7%;
    width: 140px;
}
img.waves-desk1 {
    position: absolute;
    left: 0;
    bottom: 45px;
    width: 131px;
}
    img.dots-dot {
    position: absolute;
    right: -29px;
    top: 126px;
    width: 58px;
}

    img.dots-desk2 {
    position: absolute;
    right: 0;
    top: 9%;
    width: 140px;
}

    img.dots-desk1 {
    position: absolute;
    left: 0;
    bottom: 7%;
    width: 140px;
}
img.waves-desk {
    position: absolute;
    right: 0;
    bottom: 45px;
    width: 131px;
}
img.dots-desk {
    position: absolute;
    left: 0;
    top: -5%;
    width: 140px;
}
    .animate6b {
    width: 90px;
    position: absolute;
    right: -7%;
    bottom: -130px;
}

    .fly-animate {
    padding: 0px 100px;
    max-width: 1440px;
    position: relative;
}

	p.feature-points-para {
    font-size: 15px;
    font-family: 'avenir_next_worldregular', 'Verdana';
    font-weight:normal;
    line-height: 24px;
    color: black;
        display: flex;max-width: 445px;
    gap: 22px;    margin-bottom: 24px;    align-items: flex-start;
}

p.feature-points-para.single-txt {
    align-items: center;
}
p.feature-points-para img {
    width: 40px;height: 40px;
}
#myBtn {
display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 14px;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 8px;
    border-color: #f75961;
    background-color: #f75961;
    font-family: 'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    width: 95px;
    text-align: center
}
	
	
    .all-in-one-feature img {
    max-width: 214px;margin-bottom: 50px;  /*  cursor: pointer;*/
}
	@media screen and (min-width:991px) and (max-width:1025px){
			.animate9 {

    left: 6% !important;
    top: 700px !important;
}
		.animatem4 {
    width: 100px !important;
    position: absolute;
    right: 50px !important; 
    top: 100px !important;
    z-index: 2;
}
		.animatem3 {
    width: 200px !important;
    position: absolute;
    left: 10px !important;
    top: -90px !important;
}
		.all-in-one-features {
    grid-template-columns: auto auto !important;
    grid-row-gap: 40px !important;
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}
	
		
	
		.platforms {
    display: block !important;   
}
	
    margin: 0 auto;}
		.school-h3 {
    padding-top: 100px !important;
}
	
		.animatem1 {
    width: 112px;
    position: absolute;
    right: 0px !important;
    top: 550px !important;
    z-index: 3;
}
		.video-box1 {
    width: 100%;
    max-width: 900px !important;
		}
		p.text-box-title{  font-size: 36px !important;}
		p.text-box-desc,ul.text-box-ul li {
    font-family: 'avenir_next_worldregular', 'Verdana';
    font-weight:normal;
    font-size: 20px !important;
		}
		.text-box1 {
    width: 100%;
    max-width: 650px !important;
		}
		a#resdemo-mob {
    border-color: rgb(247, 89, 97);
    background-color: rgb(247, 89, 97);
    color: white;
    width: 438px;
    height: 48px;
    padding: 15px 14px;
    border-radius: 8px;
    font-family: 'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    font-size: 0.9rem;
    position: relative;
    top: 40px;
    display: grid !important;
    text-align: center;
		}
		.row-new {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
		.animatem2,a.request-demo-a,.teachers.desktop-ver, button.owl-prev span, button.owl-next span,.animatem6,.animatem7,.animatem8,.animatem11{display:none !important;}
		
		.animatem5 {
    width: 64px !important;
    position: absolute;
    left: 123px !important;
    top: 860px !important;
    z-index: 9;
		}
		
		.animate11 {
 top: 150px !important;
		}
	}
	
	
		@media screen and (min-width:767px) and (max-width:991px){ 
			img#animate3{display:none !important;}
			
			.ib-educators-inner, .inner-collaborative, .features-face-inner {
 
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    flex-direction: column-reverse !important;
    padding: 80px 64px !important;
}
			   p.ib-educators-inner-desc,p.collaborative-desc, p.features-face-desc{
    font-size: 18px !important;
}
			
	

		 h3.ib-educators-inner-title,h3.collaborative-title, h3.features-face-title {
    font-size: 30px !important;
}
			.all-in-one-features {
    margin-bottom: 40px !important;
}

			.all-in-one-features {
    padding: 16px 56px !important;
    grid-column-gap: 40px !important;
}
			h2#ib-educators-maintitle {
    font-size: 32px !important;
}
			.all-mobile-school-inner {
  
    grid-gap: 40px 80px !important;
  
}
			p.text-box-desc,ul.text-box-ul li{font-size:20px !important;}
			    p.text-box-title {
    font-size: 36px !important;
    
}
			.collaborative1, .ib-educators-inner1 {
    max-width: 100% !important;
}


			a#resdemo-mob {
    max-width: 438px !important;
}

			.text-box1 {
    max-width: 650px !important;
}
			.video-box1 {
    max-width: 900px !important;
}
			.schools-mob-div {
    margin: 0;
    padding: 16px;
    height: 142px !important;
    width: auto;
}


			
	}

.improved-myp-collaboration {

    padding: 13px;
    font-family: 'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    width: 100%;
    text-align: center;
    margin: 5px 0 70px;
}

	
	
	a.prev img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}


	
    .mobile-ver-main {
    overflow: hidden;
    padding: 0 24px;
}

 /* .mypmenu a{color: #fff !important}*/
    
  .myp-foot a{
    color: #f75961 !important;
}


.mypmenu a {
    color: #ffffff;
}

 
	.navbar-light .navbar-nav .current-menu-item a {
    color: #ffffff;
}
	
	
	  @media screen and (max-width: 768px){
	
		  	.ppimg {
    height: 88px !important;
}
		 
		     .ib-educators-inner,.inner-collaborative ,.features-face-inner{
    padding: 52px 24px !important;
}
		       p.ib-educators-inner-desc,p.collaborative-desc, p.features-face-desc {
    font-size: 16px !important;
}
		      h3.ib-educators-inner-title,h3.collaborative-title, h3.features-face-title {
    font-size: 24px !important;     line-height: 1.5 !important;text-align: center;
}
		
		
			  p.all-in-one-feature-txt {
            font-size: 12px !important;
    line-height: 1.6 !important;
    margin-left: 14px !important;      top: -10px !important;
}
		    img.all-in-one-feature-img {
    height: 36px !important;
}
		       p.inner-platformsp {
    font-size: 14px !important; margin-bottom:0px !important;
}
		      .inner-platforms h2,h2#ib-educators-maintitle {
    font-size: 24px !important;
    line-height: 32px;
}
		     .school-h3 h3, .school-h3 h2 {
    font-size: 24px !important;
    padding: 24px !important;
}
		      p.text-box-title {
    font-size: 32px !important;
    line-height: 1.4 !important;
}

		  
	}
	
	
	  @media screen and (min-width: 992px){
.swap-desk{display: none !important;}
  

.animate2-myp {
    width: 110px;
    position: absolute;
    right: 137px;
    bottom: 25px;
    z-index: 3;
}
.animate3-myp {
    width: 100px;
    position: absolute;
    right: 170px;
    top: 168px;
}
        .animate1-myp {
    width: 274px;
    position: absolute;
    left: 62px;
    top: 221px;
    z-index: 99;
}

        .products 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(1) !important;
         }
         
         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;}
		  h3.collaborative-title, h3.features-face-title,h3.ib-educators-inner-title{
			  margin-top: 24px;
		  }
		  
		  .text-box1 {
margin-top: -30px; 
}
		  .mypmenus, .mypmenu {
    border-bottom: 4px solid #f75961 !important;
    margin-bottom: -14px;
}
	.header-one.stick {

    border: 1px solid rgb(219, 219, 219);
}
		  
	}
	
	
	   
    @media screen and (max-width: 415px){

             .all-in-one-feature img {
    max-width: 100% !important;

  }
	.feature-points {
    max-width: 340px; margin:0 auto;
}
	}

  img#hambnurgernew {
    filter: brightness(0) invert(1);
}
	


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

.animatem3a,img.animatem4aa,.animatem9h,.animatem9i{display: none !important;}


    }


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


        .swap-mob{display: none !important;}

        .all-in-one-feature img {
 
    margin-bottom: 25px !important;
}

        p.feature-points-para{    gap: 15px !important;}

.improved-myp-collaboration {
    margin: 0px 0 40px !important;    background: #5332ca21;
}
section.main-wrapper {
    margin-bottom: 0px !important;
}
a.main-myp-req.req-demo-popup {
    display: none !important;
}

.video-box div {
    border-radius: 10px !important;
}
.video-box {
    padding: 24px;     margin-top: -10px;
}
p#tag-line {
    font-size: 16px !important;
    padding: 0 16px !important;
    word-spacing: 8px !important;
    display: block;
    color: white;
    margin-top: 0 !important; 
}
        .wrapper-myp {
    height: 100% !important;
    padding: 70px 0 50px !important;
}
	.row-new-myp h1{
            font-size: 32px !important;
    padding: 0 16px !important;
    line-height: 42px;
    }

	.tabBox1 {
    margin-top: 0px !important;
}
        .mobile-ver {
			display:block !important;
			position: relative;
    margin: auto;
    width: auto;
    height: 100%;
}
   
		.collaborative1{grid-row-gap: 16px !important;}
        .ib-educators-inner1 {
    margin-right: 0px !important;grid-row-gap: 16px !important;
}
     
    
      

        .all-in-one-features {
    margin: 0;margin-top: 0px !important;
    grid-column-gap: 18px !important;    grid-template-columns: auto auto !important;
    
    height: auto;
    padding: 0px 30px !important;
}
  
   
        h2#ib-educators-maintitle {
        padding: 0 30px;    margin-top: 0px !important;  margin-bottom: 40px !important;
        
    }
    
        .platforms {
    background-position: right !important;    padding-bottom: 30px !important;
        }
        .inner-platforms {
    padding: 48px 24px 0px !important;
}
        .all_schools img {
    height: 100px;
    padding: 16px;
    width: auto;
    background-color: #ffffff;
    margin: 0;
}
        .all_schools img,.animatem8 {
    display: none;
}
        .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-school {
    height: auto;
    margin-top: 10px;
}
        .all-school .all_schools {
    animation: none !important;
    display: grid;
    padding: 0 24px 24px;
    grid-template-columns: auto auto;
    grid-gap: 20px 20px;
    margin: 0 auto;
        }
     
        .school-h3 {
    padding-top: 0px !important;
}
        a#resdemo-mob {
    border-color: rgb(247, 89, 97);
    background-color: rgb(247, 89, 97);
    color: white;
    width: 100%;
    height: 48px;
    padding: 15px 14px;
    border-radius: 8px;
    font-family: 'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    font-size: 0.9rem;
    position: relative;
    top: 40px;
    display: grid !important;
    text-align: center;
}
        a.request-demo-a,img#animate1,.animatem4,.animatem6,.animatem7,.animatem5,.animate11,.animate3-myp,.animate6b ,.animatem4, .animatem4a, .animatem5, .animatem9a, .animatem9b, .animate6m,.animatem10, .animate6, .animatem3b, img.animatem4c, img.dots-desk, img.waves-desk, img.dots-desk1, img.dots-desk2, img.waves-desk1, img.dots-desk3, img.half-circ,img.half-circ1, img.dots-dot{
    display: none;
}  
   
        .animatem1,.animatem2{display:none !important;}
    .row-new {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 100px 24px 0px !important;
}
    }
    
    
    
    .animatem11{
    width: 150px;
    position: absolute;
    right: 8%;
    top: -144px;
    z-index: 2;
    }
    
    .animatem10{
             width: 90px;
    position: absolute;
    right: 9%;
    top: 640px;
    z-index: 2;
    }

    .animate10 {
    left: -80px !important;
    bottom: 103px !important;
}
    
    .animate6 {
    width: 90px;
    position: absolute;
    top: 480px !important;
    right: -330px !important;
}

.animate9 {
    right: 11% !important;
    bottom: 5% !important;
}
    .animatem9{
                width: 80px;
    position: absolute;
    right: 46%;
    top: 289px;
    z-index: 2;
    }

    .animatem9a {
       width: 70px;
    position: absolute;
    top: -620px;
    right: 130px;
}
.animatem9b {
    position: absolute;
    bottom: 80px;
    left: 25%;
    width: 60px;
}

.animatem3b {
    width: 50px;
    position: absolute;
    bottom: -650px;
    z-index: 99;
    left: 54%;
}

div#page {
    overflow: hidden;
}
    
    .animatem8 {
        width: 250px;
    position: absolute;
    z-index: 0;
    left: 42%;
    top: 28px;
    }
    
    .animatem7 {
        width: 80px;
    position: absolute;
    left: 38%;
    top: 450px;
    z-index: 2;
}
    .animatem6 {
      width: 80px;
    position: absolute;
    left: 52%;
    top: 710px;
    z-index: 2;
}
    .animatem5 {
      width: 80px;
    position: absolute;
    left: 123px;
    top: 881px;
    z-index: 91;

}
    .animatem4 {
      width: 95px;
    position: absolute;
        right: -60px;
    top: 45px;
    z-index: 2;
}
.animatem4a {
         width: 80px;
    position: absolute;
    left: 42%;
    z-index: 2;
    top: 65%;
}

    .animatem2 {
    width: 940px;
    position: absolute;
    left: 240px;
    top: 525px;
}
    .animatem1 {
    width: 112px;
    position: absolute;
    right: 40px;
    top: 400px;
    z-index: 3;
}
    p.all-in-one-feature-txt {
    font-family: 'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    font-size: 24px;
    text-align: left;
    color: #000000;
    line-height: 2rem;
    white-space: pre-line;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-left: 32px;
    margin-bottom: 0;
    position: relative;
    top: -17px;
}
    .all-in-one-feature {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
img.all-in-one-feature-img {
    height: 70px;
    width: auto;
}

    .all-in-one-features {
    display: grid;
    grid-template-columns: auto auto auto;
    height: auto;
    width: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 32px;
    grid-column-gap: 70px;
    margin-top: 10px;    margin-bottom: 80px;
}
 
  
    a.request-demo-a {
    border-color: rgb(247, 89, 97);
    background-color: rgb(247, 89, 97);
    color: white;
    width: 139px;
    height: 48px;
    padding: 15px 11px;
    border-radius: 8px;
    font-family: 'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    font-size: 0.9rem;
    position: relative;
    top: 20px;
		/* font-weight:bold; */
}
    ul.text-box-ul li {
    list-style-type: unset;
}
    ul.text-box-ul {
    font-family: 'avenir_next_worldregular', 'Verdana';
    font-weight:normal;
    font-size: 16px;
    line-height: 1.87;
    color: #000000;
    margin-top: 16px;
    margin-bottom: 24px;
    padding-left: 20px;
    margin-left: 0;
}
    p.text-box-desc {
    font-family: 'avenir_next_worldregular', 'Verdana';
    font-weight:normal;
    font-size: 16px;
    line-height: 1.89;
    color: #000000;
    margin-top: 16px;
}
    p.text-box-title {
    font-family: 'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    font-size: 40px;
    line-height: 1.8;
    letter-spacing: 0.56px;
    color: #000000;
    margin-bottom: 0;
}
/*
    .navbar-light .navbar-nav .menu-item a, .navbar-light .navbar-nav .menu-item a:hover, a#sign {
    color: rgb(104, 104, 104);
}*/
    
    a.request-demo-go {
    border-color: rgb(247, 89, 97);
    background-color: rgb(247, 89, 97);
    color: white;
    cursor: pointer;
    height: 48px;
    min-width: 144px;
    -webkit-box-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    font-family: 'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    flex-shrink: 0;
    border-radius: 2px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    -webkit-appearance: none;
    padding: 0 16px;
    border-radius: 4px;
}
    .request-demo-go-main {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 48px;
    margin-top: 56px;
    display: grid;
    width: 240px;
}
    p.request-demo-desc {
    font-size: 26px;
    line-height: 1.5;
    color: #ffffff;
    max-width: 700px;
    text-align: center;
    margin-top: 32px;
    font-family: 'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    margin-bottom: 0;
}


    p.request-demo-title {
    font-family: 'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    font-size: 80px;
    line-height: 0.98;
    text-align: center;
    color: #ffbf39;
    margin-bottom: 0;
}
    .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(https://www.toddleapp.com/wp-content/uploads/2021/01/request-demo.png);
    background-position: right top;
    position: relative; 
    background-repeat: no-repeat;
    background-size: cover;
}
    .privacy-go i.fas-right {
    top: 4px;
}
    .privacy-go {
    font-family: 'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    cursor: pointer;
    font-size: 18px;
    line-height: 1.78;
    text-align: left;
    color: #000000;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
    
    .ppimg {
    width: 100%;
    height: 144px;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
   
    

.slideshow-container {

  position: relative;
  margin: auto;
}
.slideshow-container {
    max-width: 944px;
    width: 100%;
    height: 100%;
}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 43%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
    
    .prev {
  left: -47px;
        
    }

.next {
  right: -47px;
  border-radius: 3px 0 0 3px;
}
a.next img, a.prev img {
    height: 56px;
    width: 56px;
}
.dot {
  cursor: pointer;
  height: 9px;
  width: 9px;
  margin: 0 2px;
  background-color: #fcced6;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.activedot, .dot:hover {
  background-color: #f75961;
}

.fade1 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}
    
    
    i.fas-right {
    font-family: cursive;
    font-size: 2rem;
    position: relative;
    left: 8px;
        
}

    .school-h3{
        clear:both;
          align-items: center;
    padding-top: 150px;
    }
    .row-new {
         padding: 156px 32px 100px;
    max-width: 1440px;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center;
}
    .text-box1 {
    width: 100%;
    max-width: 438px;
}
    .video-box1 {
    width: 100%;
    max-width: 640px;
    border-radius: 21px;
    box-shadow: 2.3px 1.5px 9.8px 0 rgba(0, 0, 0, 0.25);
    margin-top: 24px;
    z-index: 2;
}
    p#tag-line {
    font-family: 'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    margin-top: 16px;
    padding: 0 32px 30px;
    word-spacing: 12px;

}

.video-box div {
    border-radius: 20px;
}

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

.row-new-myp h1 {
    font-family: 'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    font-size: 64px;
    text-align: center;
    color: #ffffff;
}
a.main-myp-req.req-demo-popup {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 16px;
    background: #F75961;
    font-family: 'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    color: white;
    border-radius: 8px;
    max-width: 184px;
    position: relative;
    top: 25px;
    z-index: 99;
}
.wrapper-myp {
    width: 100%;
    display: -webkit-box;
    display: flex;
    padding: 111px 80px 122px;
    height: 568px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    background-color: #5331cb;
    max-width: 1440px;
    background-size: cover;
    position: relative;
    margin-top: 52px;
}
.row-new-myp {
    max-width: 1080px;
    width: 100%;
    border-radius: 16px;
    z-index: 2;
}
    section.main-wrapper {
    background-color: #5331cb;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 230px;
}
    .row-new h1 {
    font-family: 'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    font-size: 64px;
    text-align: center;
    color: #ffffff;
}
    .all-schools {
    clear: both;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
  
}
    .school-h3 h3, .school-h3 h2 {
    font-family: 'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    font-size: 32px;
    text-align: center;
    color: #000000;
    line-height: 1.5;
}
    
      .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: #ffffff;
    /*background-image: url(<?php //echo get_site_url(); ?>/wp-content/uploads/2021/01/ByQpeQeov.png);*/
    background-size: cover;padding-bottom: 70px;
    }
    .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: 20px 32px 10px;
    max-width: 1440px;
}
    .inner-platforms h2 {
    font-family: 'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    font-size: 40px;
    text-align: center;
    color: #000000;
}
    p.inner-platformsp {
       font-family: 'avenir_next_worldregular', 'Verdana';
       font-weight:normal;
    font-size: 17px;
    line-height: 1.78;
    text-align: center;
    color: #000000;
    margin-top: 18px;
    max-width: 927px;
     margin-bottom: 0px;
}
    .pyp-myp-platform {
    width: 100%;
    margin-top: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 32px;
}
    .pyp-platform {
    background-image: url(https://www.toddleapp.com/wp-content/uploads/2021/01/pypbg.png);
   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: 35px;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
    .myp-platform {
    background-image: url(https://www.toddleapp.com/wp-content/uploads/2021/01/mypbg.png);
    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: 35px;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
    p.pyp-title {
    font-family: 'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    font-size: 44px;
    text-align: left;
    color: #f75961;
    margin-bottom: 0px;
}
    p.pyp-sub-title {
    font-family: 'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    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-weight:normal;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
}
    p.myp-title {
    font-family: 'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    font-size: 44px;
    text-align: left;
    color: #1ec4d4;
    margin-bottom: 0px;
}
    p.myp-sub-title {
    font-family: 'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    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-weight:normal;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
}
    .ib-educators {
        background: #F5F5FF;
          /*  background-image: url(<?php //echo get_site_url(); ?>/wp-content/uploads/2021/01/H1qSnexiv-1.png); */
    background-size: cover;
    background-position: bottom;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
        position:relative;
}

img.animatem4c {
    width: 136px;
    position: absolute;
    right: 0;
    top: -20%;
}
    .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: 1440px;
    position: relative;
}
    .animatem3 {
     width: 263px;
    position: absolute;
    left: -15px;
    top: -121px;
}

.animatem3a {
    width: 50px;
    position: absolute;
    bottom: -190px;
    left: 600px;
}
p#ib-educators-maindesc {
    font-family: 'avenir_next_worldregular', 'Verdana';
    font-weight:normal;
    font-size: 18px;
    line-height: 1.78;
    text-align: center;
    color: #000000;
    margin-top: 12px;
    max-width: 930px;
    margin-bottom: 0;
}
h2#ib-educators-maintitle {
        font-family: 'avenir_next_worldbold', 'Verdana';
        font-weight:normal;
    font-size: 40px;
    text-align: center;
    color: #000000;
    margin: 0px auto;


}
    .ib-educators-inner {
   position:relative;
    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: 454px;
    grid-row-gap: 10px;
    flex-shrink: 0;
    margin-right: 80px;
}
    h3.ib-educators-inner-title {
    font-family: 'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    line-height: 54px;
    font-size: 40px;
    color: #000000;
        margin-bottom:0px;
}
    p.ib-educators-inner-desc {
    font-family: 'avenir_next_worlddemi', 'Verdana';
    font-weight:normal;
    font-size: 18px;
    color: #000000;margin-top: 16px;
    line-height: 2;
}
    .collaborative {
   background-size: cover;
    background-position: bottom;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
        position:relative;
   /* background-image: url(<?php //echo get_site_url(); ?>/wp-content/uploads/2021/01/ry-50Ggsv.png);*/
   background: #ffffff;
}

.seamless {
    background: #F5F5FF !important;
}
    .inner-collaborative {
    display: -webkit-box;
    /* display: flex; */
    -webkit-box-align: center;
    align-items: center;
    padding: 100px 90px;
    max-width: 1440px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
        position:relative;
}
    .collaborative2 {
    -webkit-box-flex: 1;
    flex: 1;
}
    .collaborative1 {
    margin-right: 0;
    margin-left: 80px;
    display: grid;
    max-width: 505px;
    grid-row-gap: 10px;
    flex-shrink: 0;
}
    h3.collaborative-title,h3.features-face-title {
    font-family: 'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    line-height: 54px;
    font-size: 40px;
    color: #000000;
    margin-bottom: 0;
}
    p.collaborative-desc ,p.features-face-desc{
    font-family: 'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    font-size: 20px;
    color: #000000;
    line-height: 2;
}
    .features-face {
           /* background-image: url(<?php //echo get_site_url(); ?>/wp-content/uploads/2021/01/ry6x6eeiD.png);
      background-size: cover;
    background-position: bottom;*/
    background:#F5F5FF ;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
        position:relative;
}

.prog-report {
    background: #EBFCFF !important;
}

.Family-comm {
    background: #EBFCFF !important;
}
    .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: 10px;
    flex-shrink: 0;
    margin-right: 80px;
}
    .features-face2 {
    -webkit-box-flex: 1;
    flex: 1;
}
    


.fade1 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}
	@media only screen and (max-width: 767px) {
        .thanks-inner {
            padding: 45px 0px !important;
        }
		.animate9{display:none !important;}
		.video-box1{
			    margin-top: 10px !important;
		}
		p.text-box-desc {
    line-height: 1.71 !important;
}
			.animatem11 {
    width: 100px !important;
    position: absolute;
    left: auto !important;
    right: 2% !important;
    top: -220px !important;
    z-index: 2;
}
		.animatem10 {
    width: 80px !important;
    position: absolute;
    left: auto !important;
    right: 2% !important;
    top: 635px !important;
    z-index: 2;
}
		.animatem9 {display:none !important;}
			.animatem7 {
      /*display: block !important;
      */
    width: 80px;
    position: absolute;
    right: 9% !important;
    top: 800px !important;
    left: auto !important;
}
		.animatem5 {
  /*  display: block !important;*/
    width: 68px;
    position: absolute;
   right: 6% !important;
    top: 679px !important;
			left:auto !important;
}
		.animatem4 {
  /*  display: block !important;*/
    width: 68px;
    position: absolute;
    right: 20px !important;
    top: -26px !important;
}
	.all-in-one-features {
       margin-bottom: 30px;
}
	}



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

    .platforms {
    padding-bottom: 0px !IMPORTANT;
}

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


a.request-demo-a, img#animate1, .animatem4, .animatem6, .animatem7, .animatem5, .animate11, .animate3-myp, .animate6b, .animatem4, .animatem4a, .animatem5, .animatem9a, .animatem9b, .animate6m, .animatem10, .animate6, .animatem3b, img.animatem4c, img.dots-desk, img.waves-desk, img.dots-desk1, img.dots-desk2, img.waves-desk1, img.dots-desk3, img.half-circ, img.half-circ1, img.dots-dot{display: none !important;}

  }



@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){

  .school-h3 {
    padding-top: 0px !important;
}
a.request-demo-a, img#animate1, .animatem4, .animatem6, .animatem7, .animatem5, .animate11, .animate3-myp, .animate6b, .animatem4, .animatem4a, .animatem5, .animatem9a, .animatem9b, .animate6m, .animatem10, .animate6, .animatem3b, img.animatem4c, img.dots-desk, img.waves-desk, img.dots-desk1, img.dots-desk2, img.waves-desk1, img.dots-desk3, img.half-circ, img.half-circ1, img.dots-dot{display: none !important;}

  }

	
	@media all and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){
		p.all-in-one-feature-txt {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin-left: 25px !important;
    top: -22px !important;
}
		.all-in-one-features{    grid-column-gap: 40px !important;}
		.platforms {
    background-position: unset !important;
    padding-bottom: 70px !important;
}
		p.inner-platformsp {
    font-size: 16px !important;    margin-bottom: 0px !important;
}
		.inner-platforms {
    padding: 70px 24px 0px !important;
}
		a#resdemo-mob {
    font-weight: bold;
}
		section.main-wrapper {
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: bottom;
}
		.video-box1 {
    margin-top: 38px;
}
		.text-box1 {
    margin-left: 40px;
}
		
		p.ib-educators-inner-desc, p.collaborative-desc, p.features-face-desc {
    font-size: 18px !important;
}
	
		
		
		h3.ib-educators-inner-title {
    margin-top: 40px;
}
		h3.ib-educators-inner-title, h3.collaborative-title, h3.features-face-title {
    font-size: 30px !important;
}
		.ib-educators-inner, .inner-collaborative, .features-face-inner {
    padding: 80px 64px !important;
}
		p.all-in-one-feature-txt {
    font-size: 24px !important;
		}
		img.all-in-one-feature-img {
    height: 70px !important;
}
	h2#ib-educators-maintitle {
    font-size: 32px !important;
    margin-bottom: 25px;
}
		.inner-platforms h2{
    font-size: 40px !important;    line-height: 1.2;
    margin-top: 15px;
}
		.school-h3 h3, .school-h3 h2 {
    font-size: 32px !important;
}
		p.text-box-title{  font-size: 36px !important;    margin-bottom: 23px !important;}
				.row-new {
    padding: 125px 28px 130px !important;
}
	}




@media (min-width: 1270px){
.ib-educators-inner2 img, .collaborative2 img, .features-face2 img, img.swap-desk {
    max-width: 100%;
    width: 730px !important;
}
}

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

  p.inner-platformsp,p.seamless-desc,p.footer-banner-text2{ font-size: 16px !important; }

  .inner-platforms h2,h2#ib-educators-maintitle,h3.ib-educators-inner-title,h3.collaborative-title, h3.features-face-title,p.seamless-title,p.privacy-section-title{font-size: 32px !important;     line-height: 40px !important;}
  .school-h3 h3, .school-h3 h2 {
    font-size: 28px !important;
    line-height: 36px;
}
  p#tag-line{  font-size: 22px !important;}
.row-new-myp h1 {
   
    font-size: 54px !important;
  }

}