*,.filter-container{font-family:"Segoe UI",sans-serif}.below-image,.calendar-grid,.disclaimer,.popup-content,.popup-title,.terms-text,h4{text-align:center}html{scroll-behavior:smooth}body{background-color:#f7f7f7;margin:0;padding:0;background:linear-gradient(45deg,#ffe7088a,#c7c3c317)}.AllTeachers{padding:120px 0 50px}.section-container{width:80%;margin:0 auto;padding-top:20px}.filter-container,.teacher-card{margin-bottom:30px;box-shadow:0 8px 24px rgba(0,0,0,.05);cursor:pointer}.filter-container{display:flex;flex-direction:column;gap:1rem;background-color:#fff;border-radius:20px;padding:24px;transition:transform .3s,box-shadow .3s}.filter-row{display:flex;flex-wrap:wrap;gap:1rem}.filter-group{position:relative;flex:1;min-width:180px}.floating-label{position:absolute;top:-10px;left:12px;background:#fff;padding:0 6px;font-size:18px;display:flex;align-items:center;gap:4px;z-index:2;font-weight:600}.floating-label i{color:#f59e0b}.filter-group input,.filter-group select{width:100%;padding:24px 12px 12px;border:1px solid #ccc;border-radius:8px;font-size:16px;background-color:#fff;appearance:none;position:relative}.filter-group input:focus,.filter-group select:focus,.search-input:focus{outline:0;border-color:#fbbf24}.filter-group input{width:100%}.search-input{width:27%;padding:12px 16px;transition:.3s;border:1px solid #ccc;border-radius:8px;font-size:16px;background-color:#fff;margin-right:1%}.filter-actions{display:flex;justify-content:center;margin-top:1%}.reset-button{padding:10px 20px;background-color:#f01010;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .3s}.reset-button:hover{background-color:#e60000}.teacher-list{display:block}.teacher-card{display:flex;align-items:flex-start;background-color:#fff;border-radius:20px;padding:24px;transition:transform .3s,box-shadow .3s;min-height:250px}.teacher-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.1)}.duration-btn.active,.popup-teacher-image:hover{transform:scale(1.05)}.teacher-image{width:185px;height:240px;border-radius:16px;object-fit:cover;margin-right:24px}.teacher-info{flex:1;display:flex;flex-direction:column}.teacher-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px}.teacher-name{font-weight:800;color:#1f2937;margin-bottom:8px;font-size:30px;display:flex}.teacher-name a{color:#000;text-decoration:none}.teacher-country{font-size:16px;color:#6b7280;font-weight:500;margin-top:5%;margin-left:3%}.teacher-tags{display:flex;flex-wrap:wrap;gap:12px;font-size:15px;color:#374151;font-weight:700}.teacher-tags div{display:flex;align-items:center;background-color:#f1f5f9;padding:6px 10px;border-radius:8px}.teacher-tags i{color:#fbbf24;margin-right:6px}.teacher-rate{display:flex;flex-direction:column;align-items:flex-start;padding:10px 20px;border-radius:14px;margin-bottom:10px}.teacher-rate .price{font-size:25px;font-weight:800;color:#10b981;display:flex;align-items:center;gap:8px}.teacher-rate .price::before{font-family:"Font Awesome 6 Free";font-weight:900;color:#10b981}.teacher-rate .rating{margin-top:8px;font-size:22px;font-weight:600;color:#f59e0b;display:flex;align-items:center;gap:6px}.teacher-rate .rating::before{font-family:"Font Awesome 6 Free";font-weight:900;color:#f59e0b}.teacher-description{margin-top:16px;font-size:19px;color:#3d3f43;line-height:1.6}.read-more{display:inline-block;margin-top:8px;font-size:18px;color:#d8ae05;text-decoration:none;font-weight:600}.teacher-actions{display:flex;flex-direction:column;gap:10px;margin-left:30px}.teacher-actions button{padding:12px 18px;font-size:15px;font-weight:600;border:1px solid;border-radius:8px;cursor:pointer;transition:.3s}.teacher-actions .book-btn{background-color:#fbbf24;color:#111827}.teacher-actions .book-btn:hover{background-color:#f59e0b}.teacher-actions .book-btn:disabled{background-color:#ccc;color:#666}.teacher-actions .subscribe-btn{background-color:#f01010;color:#fff}.teacher-actions .subscribe-btn:hover{background-color:#d12727;color:#fff}.teacher-actions .msg-btn{background-color:#fff;border:1px solid #fbbf24;color:#111827}.teacher-actions .msg-btn:hover{background-color:#fbbf24}.teacher-video{width:250px;height:250px;margin-left:30px;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1)}.teacher-video iframe,.teacher-video img{width:100%;height:100%;border:none}#popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:flex;justify-content:center;align-items:center;z-index:10000}.hidden{display:none!important}.popup-container{background:#fff;border-radius:20px;width:800px;max-width:95vw;max-height:95vh;overflow-y:auto;padding:30px 35px;box-shadow:0 12px 40px rgba(83,83,83,.459);color:#422b0d;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow:hidden}.close-btn,.close-popup-btn{position:absolute;top:18px;right:18px;background:0 0;border:none;font-size:24px;color:#422b0d;cursor:pointer;transition:color .25s}.close-btn:hover,.close-popup-btn:hover{color:#311b0a}.popup-header{display:flex;gap:20px;align-items:center;margin-bottom:25px}.popup-teacher-image{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3.5px solid #ffe600;box-shadow:0 0 10px rgba(255,230,0,.75);transition:transform .3s}.popup-header-text h2{font-size:25px;font-weight:700;margin:0;color:#3e2723;text-shadow:0 1px 2px rgba(255,152,0,.5)}.popup-header-text p{font-size:17px;margin-top:7px;color:#5d4037;font-weight:500}.trial-choose{display:flex}.popup-body label{display:block;font-weight:700;font-size:19px;color:#422b0d;margin-bottom:10px}.duration-toggle{display:flex;gap:18px;margin-bottom:25px}.duration-btn{flex:1;border-radius:15px;border:2.8px solid #ffb300;box-shadow:0 3px 8px rgba(255,179,0,.3)}.calendar-header,.order-row{justify-content:space-between}.duration-btn:hover:not(.active){background:#ffb300;color:#fff;box-shadow:0 6px 18px rgba(255,152,0,.9)}.duration-btn.active{border-color:#e65100;box-shadow:0 8px 20px rgba(230,81,0,.9)}#calendar{width:50%;background:#fff3e0;border-radius:15px;box-shadow:inset 0 2px 6px rgba(255,179,0,.25);padding:10px 10px 8px;margin-bottom:20px}.calendar-header{display:flex;align-items:center;margin-bottom:12px}.time-slots,h4,textarea{margin-bottom:15px}.calendar-header button{background:#ffb300;border:none;color:#fff;font-size:15px;padding:4px 10px;font-weight:700;border-radius:12px;cursor:pointer;box-shadow:0 4px 14px rgba(255,152,0,.7);transition:background-color .25s}.calendar-header button:hover{background:#ff6f00}.calendar-month-year{font-weight:700;font-size:20px;color:#422b0d}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:auto;color:#5d4037;gap:0 5px;font-size:17px}.calendar-grid .date-cell{cursor:pointer;transition:background-color .3s,color .3s,box-shadow .3s;padding:12px 0;border-radius:6px;font-size:18px}.calendar-grid .date-cell:hover:not(.disabled){background-color:#ffb300;color:#fff;box-shadow:0 4px 12px rgba(255,179,0,.8)}.calendar-grid .date-cell.disabled{color:#c8b08a;cursor:default}.calendar-grid .date-cell.selected{background-color:#ff6f00;color:#fff;box-shadow:0 6px 18px rgba(230,81,0,.9)}.time-slots{-webkit-user-select:none;user-select:none;margin-left:4%}.time-section{margin-bottom:20px}.section-header{display:flex;align-items:center;gap:9px;font-weight:700;color:#52362c;font-size:20px;margin-bottom:11px}.section-header i{color:#ffb300;font-size:20px}.slots-list{display:flex;gap:14px;flex-wrap:wrap}.slot-btn{padding:10px 22px;border:2.8px solid #ffb300;border-radius:14px;background-color:#fff3e0;color:#5d4037;font-weight:700;cursor:pointer;box-shadow:0 3px 10px rgba(255,179,0,.4);transition:background-color .3s,color .3s,box-shadow .3s,transform .15s}.slot-btn:hover{background-color:#ffb300;color:#fff;border-color:#ff6f00;box-shadow:0 6px 18px rgba(255,152,0,.9)}.slot-btn.selected{background-color:#ff6f00;color:#fff;border-color:#ff6f00;box-shadow:0 8px 20px rgba(230,81,0,.95);transform:scale(1.08)}.slot-select{width:100%;padding:8px 12px;font-size:16px;color:#5d4037;background:#fff;border:2px solid #ffb300;border-radius:6px;margin-bottom:12px;appearance:none}.continue-btn{width:100%;padding:14px 130px;font-weight:700;font-size:18px;background:#ffb300;border:none;border-radius:18px;cursor:not-allowed;box-shadow:inset 0 0 0 #0000;transition:background-color .35s,box-shadow .35s,color .35s}.continue-btn.enabled{background:#ff6f00;color:#fff;cursor:pointer;box-shadow:0 6px 25px rgba(230,81,0,.9)}.continue-btn.enabled:hover{background:#e65100}.confirmation-popup,.message-popup,.payment-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;font-family:"Segoe UI",sans-serif}.popup-content{background:linear-gradient(135deg,#fff8d6,#fff0b3);padding:30px 25px;border-radius:20px;width:420px;box-shadow:0 8px 20px rgba(0,0,0,.25);position:relative;overflow:hidden}.close-final-btn,.close-popup-btn{position:absolute;top:15px;right:15px;background:0 0;border:none;font-size:24px;color:#555;cursor:pointer;transition:color .3s}.close-popup-btn:hover{color:#000}#confirmation-image{width:120px;height:120px;object-fit:cover;border-radius:50%;border:5px solid #ffe082;margin-bottom:15px;box-shadow:0 4px 10px rgba(0,0,0,.15)}.below-image{font-size:30px}.subject-name{font-size:20px;font-weight:700;color:#000;margin-bottom:5px}#confirmation-date-time{font-size:18px;color:#000;margin:8px 0 20px;background:#fff3cd;padding:10px;border-radius:10px;font-weight:500;letter-spacing:.5px;text-align:center}hr{border:none;border-top:1px solid #e0c97f;margin:20px 0}h4{color:#b8860b;font-weight:700;margin-top:10px;font-size:23px}.duration-options{display:flex;justify-content:center;margin:20px auto;gap:0;border-radius:30px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);background:linear-gradient(to right,#fff3cd,#ffe082);width:fit-content}#back-btn,#final-confirm-btn,.duration-btn{padding:12px 25px;border:none;cursor:pointer;transition:.3s}.duration-btn{background:0 0;font-size:14px;font-weight:600;color:#5d4037}.duration-btn:hover{background:rgba(255,255,255,.3)}.duration-btn.active{background:#ffc107;color:#3e2723;font-weight:700;box-shadow:inset 0 0 8px rgba(0,0,0,.1)}.confirm-btn.active,.method-btn.active{background:#fc0;color:#000}.order-details{margin-top:20px;padding:15px 20px;background:#fff9e0;border-radius:15px;box-shadow:inset 0 0 5px rgba(0,0,0,.05)}.order-row{display:flex;align-items:center;margin:12px 0;padding-bottom:8px;border-bottom:1px dashed #f0d179}.order-row:last-child{border-bottom:none}.order-row .label{font-weight:600;color:#000;font-size:15px}.order-row .value{font-weight:700;font-size:16px;color:#3e2723}.total-row{background:#ffe082;border-radius:10px;padding:12px 15px;margin-top:15px;font-size:16px;box-shadow:0 0 8px rgba(255,193,7,.2)}#back-btn,#final-confirm-btn{margin-top:25px;background:linear-gradient(to right,#c49404,#ffb300);border-radius:10px;color:#fff;font-size:16px;font-weight:700}#back-btn{background:#700}#final-confirm-btn:hover{background:#ffca28;box-shadow:0 4px 10px rgba(0,0,0,.2)}.popup-title{font-size:24px;margin-bottom:20px;color:#333}.payment-methods{display:flex;justify-content:space-between;margin-bottom:20px}.method-btn{flex:1;padding:10px;margin:0 5px;border:none;border-radius:10px;background:#f5f5f5;cursor:pointer;font-weight:700;transition:.3s}.method-form{display:flex;flex-direction:column;gap:12px}.method-form.hidden{display:none}.card-details{display:flex;gap:10px}.card-details input{flex:1}input{padding:10px;border-radius:8px;border:1px solid #ccc;font-size:14px}.confirm-btn{width:100%;margin-top:20px;padding:12px;font-weight:700;border:none;border-radius:10px;font-size:16px;background:gray;color:#fff;cursor:not-allowed;transition:.3s}.confirm-btn.active{cursor:pointer}.disclaimer{font-size:12px;margin-top:10px;color:#666}.disclaimer a{color:#007bff;text-decoration:underline}.desc-text{color:#6b5b00;font-size:14px;margin-bottom:20px}textarea{width:93%;border-radius:10px;border:none;padding:15px;resize:none;font-size:16px;background-color:#fff;box-shadow:inset 0 0 5px rgba(0,0,0,.1)}.send-btn{background-color:#c98302;border:none;padding:9px 80px;border-radius:12px;font-size:18px;color:#fff;cursor:pointer;transition:background-color .3s}.send-btn:hover{background-color:#ffdc1b}.method-btn.active-method{background-color:#ffc107;color:#000;font-weight:700}.payment-form input{padding:10px;width:61%;font-size:18px;margin-bottom:2%}.payment-form label{font-weight:700;font-size:19px;margin-right:23px}@media (max-width:1366px){.popup-container{padding:25px;width:90%}.teacher-image{width:160px;height:220px}.teacher-video{width:220px;height:220px}.teacher-name{font-size:26px}.teacher-description{font-size:18px}}@media (max-width:1024px){.section-container{width:90%;padding-top:10px}.teacher-card{flex-direction:column;align-items:center;text-align:center;padding:20px;border:1px solid grey}.teacher-image{margin:0 auto 20px;width:180px;height:220px}.teacher-video{display:none}.teacher-info{align-items:center}.teacher-header{flex-direction:column;gap:12px}.teacher-actions{flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:20px}.teacher-actions button{padding:10px 14px;font-size:14px;margin:5px}.popup-container{width:95%;padding:20px}.continue-btn{padding:12px 50px;font-size:16px}.duration-btn{font-size:13px}.slots-list{justify-content:center}}@media (max-width:767px){.duration-toggle,.filter-actions,.popup-header{flex-direction:column}#calendar,.continue-btn{width:100%}.filter-container{padding:18px}.floating-label,.teacher-description{font-size:16px}.filter-group input,.filter-group select{font-size:14px;padding:10px 12px}.teacher-name{font-size:22px}.popup-header-text h2,.teacher-rate .price,h4{font-size:20px}.teacher-rate .rating{font-size:18px}.popup-header{align-items:center;text-align:center}#calendar{margin-bottom:25px}.teacher-video{display:none}.search-input{width:100%;margin-bottom:4%}.popup-container{padding:20px 15px;width:95%;max-height:90vh}.popup-header-text p,.total-row{font-size:15px}.duration-btn,.order-row .label,.order-row .value{font-size:14px}.popup-teacher-image{width:60px;height:60px}.duration-toggle,.payment-methods{flex-direction:column;gap:12px}.duration-btn{padding:10px 15px}.time-section{margin-left:0}.slots-list{justify-content:center}.continue-btn{font-size:16px;padding:12px 20px}.popup-content{width:90%;padding:25px 20px}#confirmation-image{width:100px;height:100px}.below-image{font-size:24px}#confirmation-date-time{font-size:16px;padding:8px}#back-btn,#final-confirm-btn{width:100%;font-size:15px;padding:10px}.payment-popup .popup-content{width:90%;padding:20px}.method-btn{width:100%;font-size:15px}.payment-form input{width:100%;font-size:16px}.confirm-btn{font-size:16px;padding:12px}.desc-text{font-size:13px}.send-btn{width:100%;font-size:16px;padding:10px}}@media (max-width:480px){.section-container{width:95%;padding-top:5px}.teacher-card{padding:16px;border:1px solid grey}.teacher-card img{width:35%;height:40%;max-height:200px}.teacher-actions button,textarea{width:100%;font-size:14px}.teacher-name{justify-content:center;font-size:25px;font-weight:700;margin-top:10px}.teacher-actions .book-btn{margin-bottom:-5px}.teacher-description,.teacher-tags div{font-size:15px}.teacher-rate{margin:5% 0}.teacher-rate .price{font-size:27px}.teacher-rate .rating{display:none}.teacher-actions button{padding:10px}.popup-container{padding:15px;overflow:auto}.popup-teacher-image{width:60px;height:60px}.slots-list{gap:8px}.slot-btn{padding:8px 12px;font-size:14px}.popup-title{font-size:20px}.payment-methods,.trial-choose{flex-direction:column}.method-btn{margin:5px 0}.confirm-btn{font-size:15px;padding:10px}.send-btn{font-size:16px;padding:10px 40px}}