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