.setting-page{padding:20px}.setting-page .setting-container{display:flex;flex-direction:column;gap:10px;margin-top:20px}.setting-page .setting-container .link-btn{display:flex;align-items:center;gap:10px;padding:5px;border-radius:10px}.setting-page .setting-container .link-btn:hover{background-color:var(--input-background)}.setting-page .setting-container .link-btn p{height:40px;width:40px;display:flex;justify-content:center;align-items:center;background-color:var(--input-background);border-radius:10px}.payment-subscription-page{padding:20px}.payment-subscription-page .page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:450px;padding:30px}.payment-subscription-page .page-container .grid-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));width:100%;gap:15px}.payment-subscription-page .page-container .grid-box .box{padding:20px;border-radius:10px;background-color:var(--input-background);display:flex;align-items:center;gap:20px;min-height:85px;border:2px solid transparent;cursor:pointer}.payment-subscription-page .page-container .grid-box .box svg{font-size:35px;color:var(--heading-color)}.payment-subscription-page .page-container .grid-box .box div{display:flex;flex-direction:column;gap:8px;width:100%}.payment-subscription-page .page-container .grid-box .box div h2{font-size:18px;font-weight:600;color:var(--heading-color);margin-bottom:0}.payment-subscription-page .page-container .grid-box .box div p{font-size:14px;margin-bottom:0;color:var(--heading-color)}.payment-subscription-page .page-container .grid-box .selected{border-color:var(--primary-color)}.payment-subscription-page .page-container .checkout-box{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0}.payment-subscription-page .page-container .checkout-box .bill-info{width:100%;display:flex;justify-content:space-between;align-items:flex-start;padding:10px;border-radius:10px;border:2px solid var(--primary-color)}.payment-subscription-page .page-container .checkout-box a{color:var(--primary-color);text-decoration:underline;cursor:pointer}.payment-subscription-page .page-container button{background-color:var(--primary-color);color:#fff;padding:10px;width:350px;max-width:100%;border-radius:30px}.transaction-history-page{padding:20px;display:flex;flex-direction:column;gap:30px}.transaction-history-page .history-container{width:600px;max-width:100%;align-self:center;display:flex;flex-direction:column;gap:20px;padding:20px 30px}.transaction-history-page .history-container .card{display:flex;flex-direction:column;gap:10px;background-color:transparent;border:none}.transaction-history-page .history-container .card p{color:var(--body-text-3);text-align:center;margin-bottom:0}.transaction-history-page .history-container .card .box{display:flex;justify-content:space-between;align-items:center}.transaction-history-page .history-container .card .box h2{font-size:18px;font-weight:600;margin-bottom:10px}.transaction-history-page .history-container .card .box a{padding:8px 30px;background-color:var(--primary-color);color:var(--primary-btn-color);border-radius:30px}.payment-receipt-page{padding:20px;display:flex;flex-direction:column;gap:30px}.payment-receipt-page .receipt-container{width:600px;max-width:100%;align-self:center;display:flex;flex-direction:column;gap:10px}.payment-receipt-page .receipt-container .receipt-data{display:flex;flex-direction:column;background-color:var(--background-color);padding:10px 0 20px}.payment-receipt-page .receipt-container .receipt-data .box{padding:15px;border-bottom:2px solid var(--primary-color);display:flex;flex-direction:column;align-items:center;gap:5px}.payment-receipt-page .receipt-container .receipt-data .box h1{font-size:25px;font-weight:600}.payment-receipt-page .receipt-container .receipt-data .box p{color:var(--body-text-3)}.payment-receipt-page .receipt-container .receipt-data .box-2{flex-direction:row;justify-content:space-between}.payment-receipt-page .receipt-container .receipt-data .box-2 div{display:flex;flex-direction:column;align-items:flex-end}.payment-receipt-page .receipt-container .receipt-data h3{text-align:center;font-size:18px;font-weight:500;margin-top:10px auto}.payment-receipt-page .receipt-container .receipt-data .box:nth-child(5){border:none}.payment-receipt-page .receipt-container .button-box{display:flex;flex-direction:column;gap:10px}.payment-receipt-page .receipt-container .button-box a,.payment-receipt-page .receipt-container .button-box button{padding:8px 20px;background-color:var(--primary-color);color:var(--primary-btn-color);border-radius:30px;text-align:center}.subscription-history-page{padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:70vh;gap:30px}.subscription-history-page .history-container{display:flex;flex-wrap:wrap;gap:20px;padding:20px 30px}.subscription-history-page .history-container .card{flex:1 1 300px;border:1px solid #000;border:2px solid var(--primary-color);border-radius:10px;background-color:transparent}.subscription-history-page .history-container .card h1{margin-bottom:0}.subscription-history-page .history-container .card h2{padding:10px;border-bottom:2px solid var(--primary-color);font-size:1rem;font-weight:500}.subscription-history-page .history-container .card p{margin-bottom:0}.subscription-history-page .history-container .card .detail-box{padding:20px;display:flex;flex-direction:column;gap:10px}.subscription-history-page .history-container .card .detail-box div{display:flex;align-items:flex-end;gap:5px;color:var(--text-color)}.subscription-history-page .history-container .card .detail-box div h1{font-size:20px;font-weight:600}.subscription-history-page .history-container .card .detail-box span{text-align:center;color:var(--body-text-3)}.subscription-history-page .history-container .card .button-box{padding:15px;display:flex;flex-direction:column;gap:10px}.subscription-history-page .history-container .card .button-box button{padding:9px 20px;background-color:var(--primary-color);color:var(--primary-btn-color);border-radius:30px}.support-feedback-page{padding:20px}.support-feedback-page .container-box{padding:20px 25px;display:flex;flex-direction:column;align-items:center;gap:20px}.support-feedback-page .container-box .button-box{width:450px;max-width:100%;background-color:var(--input-background);border-radius:30px;display:flex;justify-content:space-between;align-self:center}.support-feedback-page .container-box .button-box button{padding:10px;border-radius:30px;width:40%}.support-feedback-page .container-box .button-box .active{background-color:var(--primary-color);color:var(--primary-btn-color)}.support-feedback-page .container-box .support-continer{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.support-feedback-page .container-box .support-continer h3{font-size:18px;font-weight:600}.support-feedback-page .container-box .support-continer .method-box{width:100%;display:flex;flex-wrap:wrap;gap:20px}.support-feedback-page .container-box .support-continer .method-box .box{background-color:var(--input-background);padding:15px;flex:1 1 400px;display:flex;align-items:center;gap:15px;border-radius:10px}.support-feedback-page .container-box .support-continer .method-box .box svg{font-size:22px}.support-feedback-page .container-box .support-continer .peragraph{width:50%;color:var(--body-text-3);text-align:center}.support-feedback-page .container-box .support-continer h1{font-size:25px;font-weight:600}.support-feedback-page .container-box .support-continer .container-2{width:100%}.support-feedback-page .container-box .support-continer .container-2 .accordion-container{display:flex;flex-direction:column;gap:15px}.support-feedback-page .container-box .support-continer .container-2 .accordion-container .accordion-box{padding:0 10px;border:2px solid var(--primary-color);border-radius:10px}.support-feedback-page .container-box .support-continer .container-2 .accordion-container .accordion-box .accordion-header{text-decoration:none;font-size:18px;font-weight:500;text-align:left}.support-feedback-page .container-box .feedback-container{padding:20px 30px;width:500px;max-width:100%;min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.support-feedback-page .container-box .feedback-container p{text-align:center}.support-feedback-page .container-box .feedback-container button{background-color:var(--primary-color);color:var(--primary-btn-color);padding:10px 20px;border-radius:30px;width:100%}.terms-services-page{padding:20px}.terms-services-page .content-container{padding:20px 25px;display:flex;flex-direction:column;gap:20px}.terms-services-page .content-container h1{font-size:25px;font-weight:600}.terms-services-page .content-container div{display:flex;flex-direction:column}.terms-services-page .content-container div h2{font-size:20px;font-weight:600;margin-bottom:10px}.terms-services-page .content-container div p{font-size:14px}.terms-services-page .content-container .video-card{display:grid;grid-template-columns:1fr 2fr;width:300px;max-width:100%;margin-top:20px;align-self:center;background-color:var(--input-background);gap:10px;border-radius:10px;overflow:hidden}.terms-services-page .content-container .video-card .video-card__image{padding:0}.terms-services-page .content-container .video-card .video-card__image img{height:100%;width:100%;object-fit:cover}.terms-services-page .content-container .video-card div{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:15px 0}.terms-services-page .content-container .video-card div h3{font-weight:600}.appearance-page{padding:20px}.appearance-page .filter-container{padding:25px;display:flex;flex-direction:column;align-items:center;gap:20px;width:400px;max-width:100%;margin:auto}.appearance-page .filter-container h2{font-size:20px;font-weight:500}.appearance-page .filter-container label{display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer}.appearance-page .filter-container label h3{font-size:17px;font-weight:500}.appearance-page .filter-container label p{font-size:14px;margin-top:5px}.appearance-page .filter-container label input{height:20px;width:20px;background-color:var(--input-background);accent-color:var(--primary-color);cursor:pointer}.appearance-page .filter-container .range-box{width:100%;margin-top:20px}.appearance-page .filter-container .range-box div{margin-top:5px;display:flex;justify-content:space-between;align-items:center;gap:10px}.appearance-page .filter-container .range-box div input{width:100%;height:10px;border-radius:5px;outline:none}.appearance-page .filter-container .preview{font-size:var(--font-size)}.appearance-page .filter-container .font_select{padding:8px;border-radius:4px;background-color:var(--admin-box-bg-color);color:var(--admin-primary-text-color);outline:none;border:1px solid var(--admin-chart-color-2)}.subscription-plan-page{padding:20px}.subscription-plan-page .page-container{padding:25px;display:flex;flex-direction:column;align-items:center;gap:20px}.subscription-plan-page .page-container p{text-align:center}.subscription-plan-page .page-container .student_select{padding:8px;border-radius:4px;background-color:var(--admin-box-bg-color);color:var(--admin-primary-text-color);outline:none;border:1px solid var(--admin-chart-color-2)}.subscription-plan-page .page-container .options-box{width:400px;max-width:100%;display:flex;justify-content:space-between;background-color:var(--input-background);border-radius:30px}.subscription-plan-page .page-container .options-box button{padding:10px 40px;border-radius:30px}.subscription-plan-page .page-container .options-box .selected{background-color:var(--primary-color);color:#fff}.subscription-plan-page .page-container .plans-box{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.subscription-plan-page .page-container .plans-box .plan-card{border:2px solid var(--primary-color);border-radius:10px;cursor:pointer}.subscription-plan-page .page-container .plans-box .plan-card h2{padding:15px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--primary-color)}.subscription-plan-page .page-container .plans-box .plan-card h2 svg{font-size:25px;color:var(--body-text-2)}.subscription-plan-page .page-container .plans-box .plan-card div{display:flex;align-items:flex-end;padding:30px 15px}.subscription-plan-page .page-container .plans-box .plan-card div h3{font-size:30px;font-weight:600;margin-bottom:-4px}.subscription-plan-page .page-container .form-section{width:500px;max-width:100%}.subscription-plan-page .page-container .form-section p{text-align:center;margin-bottom:20px}.subscription-plan-page .page-container .form-section form{display:flex;flex-direction:column;gap:20px}.subscription-plan-page .page-container .form-section form div{display:flex;flex-direction:column;gap:10px}.subscription-plan-page .page-container .form-section form div input{background-color:var(--input-background);padding:12px;border-radius:5px;outline:none}.subscription-plan-page .page-container .form-section form button{background-color:var(--primary-color);color:var(--primary-btn-color);padding:10px 30px;border-radius:30px}.subscription-plan-page .page-container .apply-section{width:400px;max-width:100%;display:flex;flex-direction:column;gap:20px}.subscription-plan-page .page-container .apply-section .plan-card{border:2px solid var(--primary-color);border-radius:10px}.subscription-plan-page .page-container .apply-section .plan-card h2{padding:15px;border-bottom:2px solid var(--primary-color)}.subscription-plan-page .page-container .apply-section .plan-card div{display:flex;align-items:flex-end;padding:15px}.subscription-plan-page .page-container .apply-section .plan-card div h3{font-size:30px;font-weight:600;margin-bottom:-4px}.subscription-plan-page .page-container .apply-section .plan-card ul{padding:15px;display:flex;flex-direction:column;gap:10px}.subscription-plan-page .page-container .apply-section .plan-card ul li{display:flex;align-items:center;gap:10px}.subscription-plan-page .page-container .apply-section .plan-card ul .not svg{color:gray}.subscription-plan-page .page-container .apply-section button{background-color:var(--primary-color);color:var(--primary-btn-color);padding:10px;border-radius:30px}.subscription-plan-page .page-container .apply-section p{padding:10px}.method-page{padding:0 20px 20px 0}.method-page .form-container{margin:auto;display:flex;flex-direction:column;align-items:center;gap:20px;width:400px;max-width:100%}.method-page .form-container img{width:120px}.method-page .credit-card-container button,.method-page .form-container button{background-color:var(--primary-color);color:var(--primary-btn-color);padding:10px;border-radius:30px;width:100%}.method-page .input-box{display:flex;flex-direction:column;gap:10px;width:100%}.method-page .input-box input{padding:10px;background-color:var(--input-background);outline:none;border-radius:10px}.method-page .input-box label{display:flex;align-items:center;justify-content:space-between}.method-page .input-box label img{width:80px}.method-page .input-checkbox{display:flex;align-items:center;gap:10px;width:100%}.method-page .input-checkbox input{height:20px;width:20px;border:1px solid var(--primary-color);background-color:var(--input-background);accent-color:var(--primary-color)}.method-page .input-checkbox input,.method-page .input-checkbox label{cursor:pointer}.method-page .credit-card-container{display:flex;flex-direction:column;gap:20px;width:400px;max-width:100%;margin:auto}.method-page .credit-card-container .main-img{width:120px;align-self:center}.method-page .credit-card-container p{text-align:center}.method-page .credit-card-container .expiry-cvc-container{display:grid;grid-template-columns:1fr 1fr;gap:10px}.method-page .credit-card-container .expiry-cvc-container .input-box{width:auto}.method-page .credit-card-container .expiry-cvc-container input{width:100%}.congratulations-page{padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:50px}.congratulations-page .box{width:400px;max-width:100%;display:flex;flex-direction:column}.congratulations-page .box-1{align-items:center;gap:10px}.congratulations-page .box-1 img{width:100px}.congratulations-page .box-1 h2{font-size:20px;font-weight:600}.congratulations-page .box-2 p{text-align:center}.congratulations-page .box-2 div{display:flex;justify-content:space-between;padding:10px 0}.congratulations-page .box-2 .total{border-top:2px solid var(--primary-color)}.congratulations-page .box-3{gap:10px}.congratulations-page .box-3 a,.congratulations-page .box-3 button{text-align:center;background-color:var(--primary-color);color:var(--primary-btn-color);padding:8px 20px;border-radius:30px}.call-form-popup{padding:0 10px}.call-form-popup .feedback-form,.call-form-popup .request-callback-form{width:100%}.call-form-popup .feedback-form h2,.call-form-popup .request-callback-form h2{text-align:center;margin-bottom:10px}.call-form-popup .feedback-form form,.call-form-popup .request-callback-form form{display:flex;flex-direction:column;gap:10px}.call-form-popup .feedback-form form .form-group,.call-form-popup .request-callback-form form .form-group{display:flex;flex-direction:column;gap:5px}.call-form-popup .feedback-form form .form-group input,.call-form-popup .feedback-form form .form-group select,.call-form-popup .feedback-form form .form-group textarea,.call-form-popup .request-callback-form form .form-group input,.call-form-popup .request-callback-form form .form-group select,.call-form-popup .request-callback-form form .form-group textarea{background-color:var(--input-background);outline:none;padding:6px 10px;border-radius:5px;accent-color:var(--primary-color)}.call-form-popup .feedback-form form .form-group textarea,.call-form-popup .request-callback-form form .form-group textarea{height:100px}.call-form-popup .feedback-form form button,.call-form-popup .request-callback-form form button{padding:8px;background-color:var(--primary-color);color:#fff;border-radius:30px;margin-top:10px}@media(max-width:768px){.setting-page{padding:20px 10px}.payment-subscription-page{padding:20px 20px 55px}.payment-subscription-page .page-container{padding:25px 0}.payment-subscription-page .page-container .grid-box{grid-template-columns:1fr}.payment-subscription-page .page-container .grid-box .box{gap:10px}.payment-subscription-page .page-container .grid-box .box svg{font-size:25px}.payment-subscription-page .page-container .grid-box .box div h2{font-size:16px}.payment-subscription-page .page-container .grid-box .box div p{font-size:12px}.transaction-history-page{padding-bottom:55px}.transaction-history-page .history-container{padding:25px 0}.payment-receipt-page{padding-bottom:80px}.subscription-history-page{padding-bottom:55px}.subscription-history-page .history-container{padding:25px 0}.support-feedback-page{padding-bottom:55px}.support-feedback-page .container-box{padding:25px 0}.terms-services-page{padding-bottom:60px}.terms-services-page .content-container{padding:20px 0}.subscription-plan-page{padding:20px 20px 55px}.subscription-plan-page .page-container{padding:25px 0}.subscription-plan-page .page-container .plans-box{grid-template-columns:1fr}.method-page{padding:20px 15px 80px}}