html, body { max-width: 100%; overflow-x: hidden; }
body { font-family: 'MikadoRegular', sans-serif; font-size: 18px; line-height: 1.42857143; color: #373737; background-color: #ffffff; }
@media (min-width:1201px) {
	body { font-size: 20px; }
	.section h2 { font-size: 35px; font-weight: 600; }
}
a { color: #73ad21; text-decoration: none; }
a:hover, a:focus { color: #5d8e17; text-decoration: underline; }
a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
img { display: inline-block; }
input[type=checkbox], input[type=radio] { cursor: pointer; }

.py60 { padding-top: 60px; padding-bottom: 60px; }
.py100 { padding-top: 100px; padding-bottom: 100px; }
.mb40 { margin-bottom: 40px; }
.mb20 { margin-bottom: 20px; }
.mln15 { margin-left: -15px; }
.mrn15 { margin-right: -15px; }
.mtn60 { margin-top: -60px; }
.mtn64 { margin-top: -64px; }
.z1 { z-index: 1; }
.white-text { color: #fff; }
.purple-text { color: #813589; }
.big-h2 { color: #813589; margin: 0px 0px 20px; font-size: 40px; font-family: 'MikadoBlack', sans-serif; }
@media (max-width:767px) {
	.big-h2 { font-size: 28px; }
}
.bg-brick-red { background-color: #e64d59; }
.bg-green { background-color: #92c83e; }
.bg-purple { background-color: #813589; }
.bg-sky-blue { background-color: #0097dc; }
.posr { position: relative; }
.posa { position: absolute; }
.l0 { left: 0; }
.r0 { right: 0; }
.b0 { bottom: 0; }
.t0 { top: 0; }
.grid-row-flex-1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: flex; align-items: center; }
.grid-row-flex-1>div[class |="col"] { -webkit-flex: 1; -ms-flex: 1; flex: 1; float: none }
.no-gutter { margin-left: 0px; margin-right: 0px; }
.no-gutter>div[class |="col"] { padding-left: 0px; padding-right: 0px; }
.w100per { width: 100%; }
.ty50per { transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }
.sl { width: 100%; margin-left: -15px; margin-top: -60px; }
.sr { width: 100%; margin-right: -15px; margin-top: -60px; }
.text-content-left { padding-top: 20%; padding-left: 13%; padding-right: 50px; position: relative; z-index: 2; }
.text-content-right { padding-top: 20%; padding-right: 13%; padding-left: 50px; position: relative; z-index: 2; }

/* video thumbnail */
.thumbnail-video-player { position: relative; width: 272px; cursor: pointer; display: inline-block; vertical-align: middle; border-radius: 6px; overflow: hidden; }
.thumbnail-video-player.full-width { width: 100%; }
.thumbnail-video-player.overlay:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.2); }
.thumbnail-video-player-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.thumbnail-video-player-bg { width: 100%; max-width: none; }
.thumbnail-video-player-btn { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }
.thumbnail-video-player:hover .thumbnail-video-player-btn, .thumbnail-video-player:focus .thumbnail-video-player-btn{ opacity: 1; transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%); -moz-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%); -o-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%); transition: transform 0.2s ease-in-out; -webkit-transition: transform 0.2s ease-in-out; -moz-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; }
.header { color: #535353; padding-top: 60px; padding-bottom: 100px; }
.header p { max-width: 70%; margin-left: auto; margin-right: auto; }
.early-learn-logo { max-width: 290px; }

.k3-content { padding-bottom: 100px; padding-top: 20px; }
.k3-icons { margin: 0; display: inline-block; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }
.k3-icons>li { padding: 0px 15px; }
.k3-icons>li>img { width: auto; height: 60px; }
.k3-video-thumbnail img { background-color: #fff; }
.k3-thumbnail-video-player { border-radius: 15px; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); }
.k3-google-play-btn { margin-top: 0px; display: inline-block; position: relative; z-index: 1;}
.k3-app-btn {width: 220px; height: auto; padding-left: 15px;}
@media (max-width:992px) {
	.k3-google-play-btn { margin-top: 0px; }
}
@media (max-width:767px) {
	.k3-thumbnail-video-player { margin-bottom: 20px; }
	.k3-right-content { text-align: center; }
	.k3-google-play-btn { margin-top: 0px; }
}
@media(max-width: 456.98px) {
        .k3-google-play-btn { margin-top: 3px; padding: 0px 0px 10px 15.6px }
}

.in-depth-shape { margin-top: -7.5%; }

.disney-shape-6 { margin-top: -30%; margin-bottom: -7%; }
@media (max-width:767px) {
	.disney-shape { display: inline-block !important; }
}
.disney-car { margin-bottom: -65px; }
.disney-text { }

.download a{display: inline-block; position: relative; z-index: 1;}

.personalised-shape { margin-top: -12%; }
.personalised-triangle-green {    /* transform: rotate(-65deg)*/ }
.personalised-diamond-brick-red { margin-bottom: -5%; }
.mari-tiger { transform: translateY(-100%); right: 19.5%; z-index: 1; }
.mari-tiger img{ width: 180px; }

.comprehensive-learning-shape { margin-bottom: -6%; }
.comprehensive-learning-text { }

.immersive-learning-shape { margin-top: -13%; }
.immersive-learning-triangle-sky-blue { }
.immersive-learning-content { }

.interactive-box-purple-1-container { transform: translateY(-80%); -webkit-transform: translateY(-80%); -moz-transform: translateY(-80%); -o-transform: translateY(-80%); }
.interactive-text { }
.interactive-shape { margin-bottom: -6%; }

.parent-zone-shape { margin-top: -15%; }
.parent-zone-ellipse-yellow-container { margin-top: -5%; }
.parent-zone-triangle-brick-red-container { margin-top: -2%; }

.bear-kid { transform: translateY(-100%); right: 10%; }
.bear-kid img { width: 200px; }
.rewards-and-play-shape { margin-bottom: -12%; }
.rewards-and-play-box-green-container { margin-bottom: -4%; }
.in-depth-triangle, .personalised-triangle-green, .immersive-learning-triangle-sky-blue, .parent-zone-triangle-brick-red, .in-depth-box-purple, .personalised-diamond-brick-red, .interactive-box-purple-1, .parent-zone-ellipse-yellow, .rewards-and-play-box-green { width: 140px; }
@media (min-width:768px) and (max-width:991px) {
	.text-content-right { padding-top: 15%; padding-left: 0; padding-right: 0; }
	.text-content-left { padding-top: 15%; padding-left: 0; padding-right: 0; }
}
@media (min-width:992px) and (max-width:1199px) {
	.in-depth-triangle, .personalised-triangle-green, .immersive-learning-triangle-sky-blue, .parent-zone-triangle-brick-red, .in-depth-box-purple, .personalised-diamond-brick-red, .interactive-box-purple-1, .parent-zone-ellipse-yellow, .rewards-and-play-box-green { width: 120px; }
	.mari-tiger img { width: 120px; }
	.bear-kid img { width: 125px; }
	.disney-car { width: 270px; }
}
@media (max-width:991px) {
	.disney-car, .mari-tiger, .bear-kid, .rewards-and-play-box-green, .in-depth-box-purple, .interactive-box-purple, .personalised-diamond-brick-red, .interactive-box-purple-1, .in-depth-triangle, .personalised-triangle-green, .immersive-learning-triangle-sky-blue, .parent-zone-ellipse-yellow, .parent-zone-triangle-brick-red { display: none; }
}
@media (max-width:767px) {
	.early-learn-logo { margin-bottom: 40px; }
	.header p { width: auto; }
	.k3-content { padding-top: 0px; }
	.text-content-left { padding: 20px 0px 60px; text-align: center; }
	.text-content-right { padding: 20px 0px 160px; text-align: center; }
	.text-content-right>h2 { margin-top: 0; }
	.download .py100 { padding-top: 50px; }
}

/* testimonial */
.testimonial-section {
	padding: 100px 20px 0;
	text-align: center;
	position: relative;
}
.testimonial-card {
    height: 330px;
    width: 240px;
    border-radius: 30px;
    border: 1px solid #f05981;
    position: relative;
    display: inline-block;
    box-shadow: 0 20px 20px -17px rgb(147 58 135 / 50%);
}
.testimonial-card:not(:last-child) { margin-right: 32px; }
.testimonial-top {
    background-image: linear-gradient(to bottom, #f05981, #813489);
    height: 50%;
    padding: 4px;
    text-align: center;
    border-radius: 30px 30px 0 0;
    position: relative;
}
.testimonial-bottom {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 15%;
}
.testimonial-top img {
    height: 144px;
}

.testimonial-user-description {
    text-align: center;
    padding: 8px;
    font-size: 12px;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}
.testimonal-relation, .user-address {
    font-size: 10px;
}

.testimonial-middle {
    position: absolute;
    font-size: 10px;
    top: 52%;
    transform: translateY(-52%);
    background: linear-gradient(to bottom, #a363fc, #7d40e6);
    border-radius: 30px;
    color: white;
    min-height: 98px;
    text-align: center;
    white-space: initial;
    display: flex;
    align-items: center;
}

.two-line-text {
    top: 35px;
}

.three-line-text {
    top: 28px;
}

.testimonial-middle p {
    padding: 10px 16px;
    margin: 0;
    font-size: 12px;
}
.buttom-two{
    top:18.4px;
    margin: 0;
    font-size: 12px;
}
.testimonial-top .yt-play-icon {
    width: 32px;
    height: 24px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.testimonial-cards {
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 20px 0;
}

.cbse-news-arrow-control { float: right; position: relative;}
.cbse-news-arrow-control .left {
    border-radius: 5px;
    color: #fff;
    background-color: purple;
    display: inline-block;
    margin-right: 15px;
    padding: 2px;
}
span.left.disable { background-color: grey;}
.cbse-news-arrow-control .right {
    border-radius: 5px;
    color: #fff;
    background-color: purple;
    display: inline-block;
    padding: 2px;
}
span.right.disable { background-color: grey; }
.video-card-container::-webkit-scrollbar { display: none; }
.yt-play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.india-best-teacher-image {
    height: 100%;
}
/* yt popup */
[data-toggle="popup"] {
    cursor: pointer;
}
.popup {
    position: fixed;
    z-index: 1050;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
}
.popup-content {
    margin: 30px auto;
    position: relative;
}
.popup-close {
    position: absolute;
    cursor: pointer;
    right: 10px;
    z-index: 1;
    top: 10px;
    padding: 10px 14px;
}
.popup-body {
    position: relative;
}
.popup.vm {
    display: table;
    width: 100%;
    height: 100%;
    display: none;
}
.popup.vm .popup-inner {
    display: table-cell;
    vertical-align: middle;
}
@media (min-width: 768px) {
    .popup-content.w600 {
        width: 600px;
    }
    .popup-content.w751 {
        width: 751px;
    }
}

/* yt-video-player */
.yt-video-player {
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1049;
}

.yt-video-player .popup-content {
    background-color:transparent;
    width: 900px;
}

.yt-video-player .popup-body {
    position: relative;
    padding-bottom: 56.2637%;
}
.yt-video-player .cross-button
{
    position:relative;
    margin-left:100%;

}

.yt-video-player .popup-body iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .yt-video-player .popup-content { width: 90%;}
}
@media (min-width: 480px) and (max-width:767.98px) {
    .yt-video-player .popup-content { width: 86.5%; }
}
@media (max-width: 479.98px){
    .yt-video-player .popup-content { width: 82%;}
    .yt-video-player .cross-button
     {
        position:relative;
        margin-left:99%;
     }
}
.modal-backdrop.in {
	display: none!important;
}
.cancel-icon{ 
    cursor:pointer;
    border: 0px;
    background-color: transparent;
}
.svg-pos{
    width: 30px;
    height: 20px;
    fill: #fff;
}
.end-note{
    font-size: small;
}