.planListWrapper{display:flex;background:#fff;width:910px;margin:3% auto 0;border-radius:8px;padding:40px;flex-wrap:wrap;position:relative}.planListWrapper .leftPart{color:#000;display:flex;flex-direction:column;flex-basis:350px}.planListWrapper .leftPart .headLeftPart{height:60px}.planListWrapper .leftPart .headLeftPart h1{font-size:28px;font-weight:600}.planListWrapper .leftPart .headLeftPart p{font-size:12px;margin-top:5px;padding-right:30px}.planListWrapper .leftPart .featureList{margin-top:30px}.planListWrapper .leftPart .featureList .featureName{display:flex;align-items:center;height:60px;border-bottom:3px solid #f2f2f2;font-size:12px}.planListWrapper .leftPart .featureList .priceLabelList{border-bottom:3px solid #f2f2f2;font-size:12px;height:30px}.planListWrapper .rightPart{width:480px;overflow:hidden}.planListWrapper .rightPart,.planListWrapper .rightPart #slideContainer{display:flex;flex-direction:row;position:relative}.planListWrapper .rightPart .planColumn{display:flex;flex-direction:column;flex-basis:135px}.planListWrapper .rightPart .planColumn .planName{width:135px;height:60px;padding:0 5px;display:flex;align-items:center;justify-content:center;border-radius:5px;margin:0 0 0 19px;text-align:center;opacity:.7;cursor:pointer}.planListWrapper .rightPart .planColumn .planPrice{border-bottom:3px solid #f2f2f2;font-size:16px;height:30px;display:flex;justify-content:center;margin-top:30px;font-weight:700;color:#000}.planListWrapper .rightPart .planColumn .featureCheck{display:flex;align-items:center;height:60px;border-bottom:3px solid #f2f2f2;font-size:12px;justify-content:center;opacity:.5;color:#000}.planListWrapper .rightPart .planColumn .featureCheck .checked,.planListWrapper .rightPart .planColumn .featureCheck .cross{font-size:25px}.planListWrapper .rightPart .planColumn.selectedPlan .featureCheck,.planListWrapper .rightPart .planColumn.selectedPlan .planName{opacity:1}.planListWrapper .rightPart .leftArrow,.planListWrapper .rightPart .rightArrow{position:absolute;top:0;width:20px;height:60px;color:#000;font-size:25px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:99}.planListWrapper .rightPart .leftArrow{left:-6px}.planListWrapper .rightPart .rightArrow{right:-5px}.planListWrapper .plansFooter{display:flex;flex-direction:column;flex-basis:100%;align-items:center;margin-top:40px}.planListWrapper .plansFooter p{color:#000;font-size:12px}.planListWrapper .plansFooter button{width:300px;height:55px;font-size:14px;text-transform:uppercase;margin-top:25px;border-radius:5px;text-align:center}.singlePlanListWrapper{display:flex;justify-content:center;flex:1 1;margin-top:10%}.singlePlanListWrapper .planList{flex:1 1}.singlePlanListWrapper .planDetails{display:flex;flex:0 0 380px;border-radius:5px;flex-direction:column;overflow:hidden;background:#fff;align-items:center;margin:0 10px}.singlePlanListWrapper .planDetails h1{padding:30px 0;width:100%;text-transform:uppercase;font-size:20px;text-align:center}.singlePlanListWrapper .planDetails h2{font-size:24px;color:#333;margin:30px 0 20px;font-weight:700}.singlePlanListWrapper .planDetails ul{display:flex;flex-direction:column;min-height:250px;margin:0 40px 30px}.singlePlanListWrapper .planDetails ul li{font-size:14px;color:#000;padding:10px 0}.singlePlanListWrapper .planDetails button{text-transform:uppercase;font-size:14px;width:70%;height:55px;border-radius:5px;margin-bottom:25px;font-weight:600;text-align:center}@media (max-width:768px){.planListWrapper{width:100%;margin-top:0;padding:20px;flex-direction:column;border-radius:0}.planListWrapper .leftPart{flex-basis:100%;margin-bottom:15px}.planListWrapper .leftPart .featureList{margin-top:0;position:absolute;top:170px;left:0;width:100%;text-align:center}.planListWrapper .leftPart .featureList .featureName{height:90px;align-items:flex-start;border:0;justify-content:center}.planListWrapper .leftPart .featureList .priceLabelList{border-bottom:0;font-size:12px;height:62px}.planListWrapper .rightPart{width:100%;overflow:auto}.planListWrapper .rightPart .planColumn .planPrice{margin-top:40px;padding-right:19px;font-size:11px}.planListWrapper .rightPart .planColumn .featureCheck{height:90px;padding-right:18px}.planListWrapper .rightPart .planColumn .planName{margin-left:0;margin-right:18px;font-size:14px;width:112px}.planListWrapper .rightPart .leftArrow,.planListWrapper .rightPart .rightArrow{display:none}.planListWrapper .rightPart #slideContainer{left:0!important}.singlePlanListWrapper{margin-top:25%}.singlePlanListWrapper .planDetails{flex-basis:90%}}
/*# sourceMappingURL=716.177043eb.chunk.css.map */