:root{--be-mix-and-match-switch-container-in-height:44}@media screen and (min-width:991px){.pageSection#pageSection-plansSection .pageSection-content .mix-and-match-switch-container.top{display:block}.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container.mix-match.mix-match-on .plansSection-packet.learning{animation:packetLearningAnimation 2.5s linear 1 forwards}@keyframes packetLearningAnimation{0%{top:0;left:0}20%{top:50px;left:0}60%{top:50px;left:calc(25% - 18.75px + 25px)}80%{top:0;left:calc(25% - 18.75px + 25px);transform:rotateY(0deg)}100%{top:0;left:calc(25% - 18.75px + 25px);transform:rotateY(180deg)}}.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container.mix-match:not(.mix-match-on) .plansSection-packet.learning{animation:packetLearningBackAnimation 2.5s linear 1 forwards}@keyframes packetLearningBackAnimation{0%{top:0;left:calc(25% - 18.75px + 25px);transform:rotateY(180deg)}20%{top:50px;left:calc(25% - 18.75px + 25px)}60%{top:50px;left:0}80%{top:0;left:0;transform:rotateY(180deg)}100%{top:0;left:0;transform:rotateY(0deg)}}.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container.mix-match.mix-match-on .plansSection-packet.business{animation:packetBusinessAnimation 2.5s linear 1 forwards}@keyframes packetBusinessAnimation{0%{top:0;left:0}20%{top:-50px;left:0}60%{top:-50px;left:calc(-25% + 18.75px - 25px)}80%{top:0;left:calc(-25% + 18.75px - 25px);transform:rotateY(0deg)}100%{top:0;left:calc(-25% + 18.75px - 25px);transform:rotateY(180deg)}}.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container.mix-match:not(.mix-match-on) .plansSection-packet.business{animation:packetBusinessBackAnimation 2.5s linear 1 forwards}@keyframes packetBusinessBackAnimation{0%{top:0;left:calc(-25% + 18.75px - 25px);transform:rotateY(180deg)}20%{top:-50px;left:calc(-25% + 18.75px - 25px)}60%{top:-50px;left:0}80%{top:0;left:0}100%{top:0;left:0;transform:rotateY(0deg)}}}@media screen and (max-width:990px){.pageSection#pageSection-plansSection .pageSection-content .mix-and-match-switch-container.top{display:hide}.pageSection#pageSection-plansSection .pageSection-content .mix-and-match-switch-container.in{display:block;margin-bottom:25px}}@media screen and (max-width:990px) and (min-width:768px){.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container.mix-match-on:not(.mix-match) .plansSection-packet.learning{transform-origin:top center;transform:rotateY(180deg)}.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container.mix-match.mix-match-on .plansSection-packet.learning{animation:packetLearningAnimationTablet 2.5s linear 1 forwards;transform-origin:left bottom}@keyframes packetLearningAnimationTablet{0%{transform:translate(0,0) scale(1)}33%{transform-origin:left bottom;transform:translate(0,0) scale(.7)}66%{transform-origin:top center;transform:translate(calc(-100% - 25px),calc(100% + 50px + (var(--be-mix-and-match-switch-container-in-height) * 1px))) scale(.7) rotateY(0deg)}100%{transform-origin:top center;transform:translate(calc(-100% - 25px),calc(100% + 50px + (var(--be-mix-and-match-switch-container-in-height) * 1px))) scale(1) rotateY(180deg)}}.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container:not(.mix-match-on):not(.mix-match) .plansSection-packet.learning{transform-origin:top center;transform:rotateY(0)}.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container.mix-match:not(.mix-match-on) .plansSection-packet.learning{animation:packetLearningBackAnimationTablet 2.5s linear 1 forwards}@keyframes packetLearningBackAnimationTablet{0%{transform-origin:top center;transform:translate(0,0) scale(1) rotateY(180deg)}33%{transform-origin:top center;transform:translate(0,0) scale(.7) rotateY(180deg)}66%{transform-origin:bottom center;transform:translate(calc(100% + 25px),calc(-100% - 50px - (var(--be-mix-and-match-switch-container-in-height) * 1px))) scale(.7) rotateY(180deg)}100%{transform-origin:bottom center;transform:translate(calc(100% + 25px),calc(-100% - 50px - (var(--be-mix-and-match-switch-container-in-height) * 1px))) scale(1) rotateY(0deg)}}.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container.mix-match-on:not(.mix-match) .plansSection-packet.business{transform-origin:bottom center;transform:rotateY(180deg)}.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container.mix-match.mix-match-on .plansSection-packet.business{animation:packetBusinessAnimationTablet 2.5s linear 1 forwards;transform-origin:right top}@keyframes packetBusinessAnimationTablet{0%{transform:translate(0,0) scale(1)}33%{transform-origin:right top;transform:translate(0,0) scale(.7)}66%{transform-origin:bottom center;transform:translate(calc(100% + 25px),calc(-100% - 50px - (var(--be-mix-and-match-switch-container-in-height) * 1px))) scale(.7) rotateY(0deg)}100%{transform-origin:bottom center;transform:translate(calc(100% + 25px),calc(-100% - 50px - (var(--be-mix-and-match-switch-container-in-height) * 1px))) scale(1) rotateY(180deg)}}.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container:not(.mix-match-on):not(.mix-match) .plansSection-packet.business{transform-origin:bottom center;transform:rotateY(0)}.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container.mix-match:not(.mix-match-on) .plansSection-packet.business{animation:packetBusinessBackAnimationTablet 2.5s linear 1 forwards;transform-origin:left bottom}@keyframes packetBusinessBackAnimationTablet{0%{transform-origin:bottom center;transform:translate(0,0) scale(1) rotateY(180deg)}33%{transform-origin:bottom center;transform:translate(0,0) scale(.7) rotateY(180deg)}66%{transform-origin:bottom center;transform:translate(calc(-100% - 25px),calc(100% + 50px + (var(--be-mix-and-match-switch-container-in-height) * 1px))) scale(.7) rotateY(180deg)}100%{transform-origin:bottom center;transform:translate(calc(-100% - 25px),calc(100% + 50px + (var(--be-mix-and-match-switch-container-in-height) * 1px))) scale(1) rotateY(0deg)}}}@media screen and (max-width:767px){.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container.mix-match-on:not(.mix-match) .plansSection-packet.learning{transform-origin:top center;transform:rotateY(180deg)}.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container.mix-match.mix-match-on .plansSection-packet.learning{animation:packetLearningAnimationMobile 2.5s linear 1 forwards}@keyframes packetLearningAnimationMobile{0%{transform:translateY(0) scale(1)}33%{transform:translateY(0) scale(.7)}66%{transform:translateY(calc(100% + 50px + (var(--be-mix-and-match-switch-container-in-height) * 1px))) scale(.7) rotateY(0deg)}100%{transform:translateY(calc(100% + 50px + (var(--be-mix-and-match-switch-container-in-height) * 1px))) scale(1) rotateY(180deg)}}.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container:not(.mix-match-on):not(.mix-match) .plansSection-packet.learning{transform:rotateY(0)}.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container.mix-match:not(.mix-match-on) .plansSection-packet.learning{animation:packetLearningBackAnimationMobile 2.5s linear 1 forwards}@keyframes packetLearningBackAnimationMobile{0%{transform:translateY(0) scale(1) rotateY(180deg)}33%{transform:translateY(0) scale(.7) rotateY(180deg)}66%{transform:translateY(calc(-100% - 50px - (var(--be-mix-and-match-switch-container-in-height) * 1px))) scale(.7) rotateY(180deg)}100%{transform:translateY(calc(-100% - 50px - (var(--be-mix-and-match-switch-container-in-height) * 1px))) scale(1) rotateY(0deg)}}.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container.mix-match-on:not(.mix-match) .plansSection-packet.business{transform:rotateY(180deg)}.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container.mix-match.mix-match-on .plansSection-packet.business{animation:packetBusinessAnimationMobile 2.5s linear 1 forwards}@keyframes packetBusinessAnimationMobile{0%{transform:translateY(0) scale(1)}33%{transform:translateY(0) scale(.7)}66%{transform:translateY(calc(-100% - 50px - (var(--be-mix-and-match-switch-container-in-height) * 1px))) scale(.7) rotateY(0deg)}100%{transform:translateY(calc(-100% - 50px - (var(--be-mix-and-match-switch-container-in-height) * 1px))) scale(1) rotateY(180deg)}}.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container:not(.mix-match-on):not(.mix-match) .plansSection-packet.business{transform:rotateY(0)}.pageSection#pageSection-plansSection .pageSection-content #plansSection-elements-container #plansSection-elements .plansSection-element .plansSection-packets-container.mix-match:not(.mix-match-on) .plansSection-packet.business{animation:packetBusinessBackAnimationMobile 2.5s linear 1 forwards}@keyframes packetBusinessBackAnimationMobile{0%{transform:translateY(0) scale(1) rotateY(180deg)}33%{transform:translateY(0) scale(.7) rotateY(180deg)}66%{transform:translateY(calc(100% + 50px + (var(--be-mix-and-match-switch-container-in-height) * 1px))) scale(.7) rotateY(180deg)}100%{transform:translateY(calc(100% + 50px + (var(--be-mix-and-match-switch-container-in-height) * 1px))) scale(1) rotateY(0deg)}}}