.aAdmD-classwithmason[data-disc]:not([data-disc=''])::before{content:attr(data-disc);display:block;font-weight:700;font-size:13px;width:50px;height:50px;padding:10px 0 10px;background:#f5e2f1;border-radius:5px 5px 50px 50px;position:absolute;top:-1px;right:30px}.drK .aAdmD-classwithmason[data-disc]::before{background:#2d2d30}.aAthrP-classwithmason{font-size:0.9rem;color:#08102b}.aAthrP-classwithmason svg{width:18px;height:18px;fill:none !important;stroke:#fefefe;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;margin-right:7px}svg .svgPro-classwithmason{width:90%!important;height:40%!important;margin:50%;padding:50%;}.webSts svg{stroke:#08102b}.aAdm-classwithmason{padding:60px 0 20px 0}.aAdm-classwithmason .aAdmC-classwithmason{justify-content:center;position:relative;display:flex;max-width:95%;margin:auto;padding:80px 30px 95px 30px;background-color:#fff;box-shadow:0 10px 40px rgba(149,157,165,.2);border-radius:20px}.aAdmC-classwithmason img{position:absolute;top:-60px;background-color:#ffeaef;width:120px;height:120px;box-shadow:0 5px 20px rgba(0,0,0,.2);padding:0;border:7px solid var(--linkC);border-radius:50%;pointer-events:none}.aAdmD-classwithmason{text-align:center;margin-top:-50px;}.aAdmD-classwithmason p{font-size:x-small;margin:0;line-height:1.6em}.aAdmB-classwithmason{text-align:center;position:absolute;bottom:30px;left:0;right:0}.aAdmB-classwithmason .btn-classwithmason{display:inline-flex;align-items:center;margin:0;padding:10px 15px;outline:0;border:0;border-radius:50px;line-height:20px;color:#fefefe;background-color:var(--linkC);font-size:13px;font-family:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;max-width:100%;cursor:pointer;transition:all 0.3s ease;box-shadow:10px 10px 40px rgba(149,157,165,.2);}.aAdmB-classwithmason .btn-classwithmason:hover{opacity:.8;transform:scale(0.97)}.drK .aAthrP-classwithmason{color:#fffdfc}.drK .aAdmC-classwithmason{background-color:#252526;box-shadow:0 10px 40px rgba(0,0,0,.2)}.drK .aAdmC-classwithmason img{background-image:linear-gradient(to top right,#363636,#717171);border-color:#fffdfc;box-shadow:0 10px 40px rgba(0,0,0,.2)}.drK .aAdmB-classwithmason .btn-classwithmason{background-color:#ffa500}@media screen and (min-width:641px){.aAdm-classwithmason .aAdmC-classwithmason{max-width:97%}.desC-classwithmason:before{content:'';width:0px;display:block;position:relative;bottom:6px;border-bottom:1.5px solid var(--linkC);margin:3px auto;animation:AniAN 3s infinite;-webkit-animation:AniAN 3s infinite;border-radius:25px;}@-webkit-keyframes AniAN{0%{width:20px}50%{width:100px}100%{width:20px}}@keyframes AniAN{0%{width:20px}50%{width:100px}100%{width:20px}}
.classwithmason-yzfllw{position:relative;padding:15px;padding-bottom:8px;border-radius:20px 0 20px 20px;background-color:#fff;border:1px solid#0b57cf}.classwithmason-image img{flex-shrink:0;width:70px;height:70px;border-radius:100%;background-size:cover;background-position:center;position:absolute;padding:4px;border:1.5px solid var(--linkB);border-top-color:transparent;border-bottom-color:transparent}.classwithmason-Label-1{line-height:1.9em;position:relative;padding:0;list-style:none;font-size:10px;display:flex;flex-wrap:wrap;gap:20px 10px}.classwithmason-Label-1 li{background:rgba(155,170,175,.12);margin-right:10px;border-radius:20px;padding:5px 10px;line-height:1.5em;white-space:nowrap}.classwithmason-ycnbr{position:absolute;z-index:1;background-color:#fff;width:30px;height:30px;bottom:8px;right:8px;padding:5px;border-radius:50%}.classwithmason-ycnbr .classwithmason-ycnbrpn{display:flex;font-size:12px;justify-content:center;margin-top:-3px}.classwithmason-ycusr{position:relative;padding:15px;border-radius:20px;background:#fff;box-shadow:0 10px 25px -3px rgb(0 0 0 / 10%);margin-top:25px}.classwithmason-ycusr::before{content:'';display:block;position:absolute;top:0;left:0;width:115px;height:115px;background:rgba(155,170,175,.12);background-repeat:no-repeat;border-radius:20px 0 120px;transition:opacity .3s;opacity:1}.classwithmason-ycusr::after{content:'';display:block;position:absolute;bottom:0;right:0;width:115px;height:115px;background:rgba(155,170,175,.12);background-repeat:no-repeat;border-radius:120px 0 20px;transition:opacity .3s;opacity:1}.classwithmason-ycusr.c{border:1px solid var(--linkC)}.classwithmason-ycusrsv a{position:absolute;width:40px;height:40px;top:75%;right:18px;padding:5px;border-radius:50%;background:#ebeff3;top:8px;right:8px;box-shadow:0 10px 25px -3px rgb(0 0 0 / 10%)}.classwithmason-ycusrsv a svg{justify-content:center;margin:5px;margin-top:3px}.classwithmason-ycusrLn{margin-left:90px;color:#009ee0;font-size:10px}.classwithmason-ycusrTl{font-weight:700;margin-left:90px;color:#aaa;font-size:15px;margin-bottom:10px}.classwithmason-ycusrTl:after{margin-left:90px;content:"";display:block;height:1px;background-color:var(--linkC);margin-top:10px;animation-name:classwithmason-AnYz;animation-duration:2s;animation-iteration-count:infinite;margin-left:0}.classwithmason-ycusrD{color:#555;font-size:13px}@keyframes classwithmason-AnYz{0%{width:30px}50%{width:60px}100%{width:30px}}.classwithmason-drK .classwithmason-Label-1 li,.classwithmason-drK .classwithmason-ycnbr{background-color:var(--darkB)}.classwithmason-drK .classwithmason-ycusr{background-color:var(--darkBs)}.classwithmason-drK .classwithmason-ycusrLn{color:var(--darkTa)}.classwithmason-drK .classwithmason-ycusrD,.classwithmason-drK .classwithmason-ycusrTl{color:var(--darkTa)}.classwithmason-drK .classwithmason-ycnbr{color:#fff)}.classwithmason-drK .classwithmason-ycusr.c{border:1px solid var(--darkU)}.classwithmason-drK .classwithmason-ycusrsv a{background:var(--darkBa)}.classwithmason-drK .classwithmason-ycusrsv a svg{stroke:#fff}
.scW-classwithmason1234{position:relative;display:flex;align-items:center;justify-content:center;width:100%;background-color:white;padding:10px;box-shadow:0 0 25px rgba(0,0,0,.07);border-radius:8px;color:inherit;overflow:hidden} .widget-content .scW-classwithmason1234:not(:first-child){margin-top:25px} .scW-classwithmason1234::after{content:attr(data-text);position:absolute;right:0;bottom:0;background:var(--linkC);color:#fff;font-size:11px;font-weight:600;padding:4px 10px 4px 20px;border-radius:30px 0 0 0} .scC-classwithmason4321{width:calc(100% - 50px);margin-left:8px} .scW-classwithmason1234.ig-classwithmason5678::after{background:#e1306c} .scW-classwithmason1234.yt-classwithmason8765::after{background:#ff0000} .scW-classwithmason1234.tg_or_tw-classwithmason1111::after{background:#229ed9}.scW-classwithmason1234.fb-classwithmason2222::after{background:#3b5998} .scC-classwithmason4321 >*{display:block;font-size:13px;padding:1px 0} .scC-classwithmason4321 >*:first-child{font-weight:600} .scI-classwithmason3333{width:50px;height:50px;background:var(--transB);border-radius:10px;display:flex;align-items:center;justify-content:center} .scI-classwithmason3333 >svg{width:28px;height:28px} .scW-classwithmason1234.ig-classwithmason5678 svg.svgC-classwithmason9999, .scW-classwithmason1234.ig-classwithmason5678 svg .svgC-classwithmason9999{fill:#e1306c} .scW-classwithmason1234.yt-classwithmason8765 svg.svgC-classwithmason8888, .scW-classwithmason1234.yt-classwithmason8765 svg .svgC-classwithmason8888{fill:#ff0000} .scW-classwithmason1234.tg-classwithmason5555 svg.svgC-classwithmason7777, .scW-classwithmason1234.tg-classwithmason5555 svg .svgC-classwithmason7777{fill:#229ed9} .drK-classwithmason6666 .scW-classwithmason1234{background-color:#242424;color:white} .drK-classwithmason6666 .scI-classwithmason3333{background-color:#303030}
.onPg .blogCont{max-width:1000px}.pBd h1,.pBd h2,.pBd h3,.pBd h4,.pBd h5,.pBd h6{margin:0 0 0}h1{font-size:60px;text-align:center}.ProductLine{position:relative;margin:50px auto;padding:40px 0;width:100%;box-sizing:border-box}.ProductLine:before{content:'';position:absolute;left:50%;width:2px;height:100%;background:var(--linkC)}.ProductLine ul{padding:0;margin:0}.ProductLine ul li{list-style:none;position:relative;width:50%;padding:20px 40px;box-sizing:border-box}.ProductLine ul li:nth-child(odd){float:left;text-align:right;clear:both}.ProductLine ul li:nth-child(even){float:right;text-align:left;clear:both}.Product-Ctnt{padding-bottom:20px}.P-Lnk{text-decoration:none;color:#08102b;transition:all .2s}.P-Lnk:hover{opacity:.8;transition:all .2s}.ProductLine ul li:nth-child(odd):before{content:'';position:absolute;width:10px;height:10px;top:24px;right:-6px;background:var(--linkC);border-radius:50%;box-shadow:0 0 0 3px #fad2b8}.ProductLine ul li:nth-child(even):before{content:'';position:absolute;width:10px;height:10px;top:24px;left:-4px;background:var(--linkC);border-radius:50%;box-shadow:0 0 0 3px #fad2b8}.ProductLine ul li h3{padding:0;margin:0;color:#fad2b8;font-weight:600}.ProductLine ul li p{margin:20px 0 0;padding:0;font-size:15px;line-height:1.7em}.ProductLine ul li .Prct-ctgy h4{margin:0;padding:0;font-size:14px;color:#fff}.ProductLine ul li:nth-child(odd) .Prct-ctgy{position:absolute;top:12px;right:-165px;margin:0;padding:8px 16px;background:var(--linkC);color:#fff;border-radius:18px;box-shadow:0 0 0 3px #fad2b8}.ProductLine ul li:nth-child(even) .Prct-ctgy{position:absolute;top:12px;left:-165px;margin:0;padding:8px 16px;background:var(--linkC);color:#fff;border-radius:18px;box-shadow:0 0 0 3px #fad2b8}@media(max-width:1000px){.ProductLine{width:100%}}@media(max-width:767px){.ProductLine{width:100%;padding-bottom:0}h1{font-size:40px;text-align:center}.ProductLine:before{left:20px;height:100%}.ProductLine ul li:nth-child(even),.ProductLine ul li:nth-child(odd){width:100%;text-align:left;padding-left:50px;padding-bottom:50px}.ProductLine ul li:nth-child(even):before,.ProductLine ul li:nth-child(odd):before{top:-18px;left:16px}.ProductLine ul li:nth-child(even) .Prct-ctgy,.ProductLine ul li:nth-child(odd) .Prct-ctgy{top:-30px;left:50px;right:inherit}}
.changeLog{position:fixed;bottom:0;left:0;right:0;margin:0;padding:40px 0;width:100%;height:100%;background-color:#fefefe;font-family:'Noto Sans', sans-serif;font-size:15px;z-index:22;-webkit-transition:all .1s ease;transition:all .1s ease;overflow-y:auto;opacity:0;visibility:hidden}.changeLog .logClose{display:flex;align-items:center;height:22px;position:absolute;top:20px;right:25px}.changeLog .logClose:before{content:'Close';font-size:11px;padding-right:8px;font-family:'Noto Sans', sans-serif}.changeLog .logContent{width:100%;max-width:820px;padding:0 20px;margin-left:auto;margin-right:auto;font-family:'Noto Sans', sans-serif}.changeLog .logContent h2{margin-top:10px;font-family:'Noto Sans', sans-serif}.changeLog .logContent ol,.changeLog .logContent ul{padding-left:30px}.logInput:checked ~ .changeLog{opacity:1;visibility:visible}.I{color:inherit;text-decoration:underline;font-family:match;line-height:20px} .drK .changeLog{background-color:#1e1e1e}.drK .logContent{background-color:#1e1e1e}
.lesson-slider{width:100%;max-width:800px;margin:0 auto;overflow:hidden;position:relative;border:1px solid #000;padding-bottom:60px}.lesson-slides{position:relative}.lesson-slide{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:none;max-width:100%;overflow-x:hidden}.lesson-slide.current{display:block}.lesson-slide h2{font-size:24px;margin-bottom:10px}.lesson-slide p{font-size:16px;line-height:1.6}.slide-navigation{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:20px}.slide-navigation button{background-color:#4CAF50;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:5px;font-size:20px}.slide-navigation button:hover{background-color:#45a049}.fullscreen-button,.close-button{position:absolute;top:10px;right:10px;font-size:24px;color:#000;background:none;border:none;cursor:pointer}.lesson-slider.fullscreen{width:100%;height:100%;max-width:none;max-height:none;border:none;padding:0;background-color:#f0f0f0}.lesson-slide.fullscreen{padding:40px;max-width:100%;overflow-x:hidden}.slide-navigation.fullscreen{bottom:20px}@media screen and (max-width:600px){.lesson-slide{padding:10px}}
.riddle-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;width:100%;max-width:500px;margin:20px auto;text-align:center}.riddle-card h2{font-size:18px;background:lightblue;margin-bottom:10px;color:#333;display:inline-block;padding:5px 10px;border-radius:5px}.riddle{font-size:16px;font-weight:normal;margin-bottom:10px}.answer{font-size:16px;color:#555;margin-top:10px}button{background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;font-size:16px;margin-top:10px}button:hover{background-color:#0056b3}
.quiz-containerx{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:900px;width:100%;box-sizing:border-box;margin:0 auto}.quiz-containerx h1{color:#333;font-weight:normal;font-size:18px;background:lightblue;border-radius:5px;display:inline-block;padding:8px 10px;text-align:center}.question{margin-bottom:15px}.options{list-style-type:none;padding:0}.options li{margin-bottom:10px}input[type="radio"]{margin-right:10px;accent-color:#007BFF;width:20px;height:20px}button{background-color:#007BFF;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;white-space:nowrap;justify-content:center}button:hover{background-color:#0056b3}button#start-quiz,button#submit{width:auto}#results{margin-top:20px;font-size:1.2em;text-align:center}
.card-red{background-color:#f9f9bf}.card-blue{background-color:#fbe2f0}.card-green{background-color:#bfedd9}.card-orange{background-color:#e6e4bf}.card-5{background-color:#eaddff}.card-6{background-color:#ffe093}.card-7{background-color:#ffddb0}.card-8{background-color:#ffdad6}.card-9{background-color:#defabb}.card-10{background-color:#d4bff9}.card-11{background-color:#ffddb0}.card-12{background-color:#d7fbf9}.scrollable-container{overflow-x:scroll;white-space:nowrap;display:flex;gap:20px;padding:20px;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.scroll-arrows{display:flex;align-items:center}.scroll-arrow{width:40px;height:40px;background-color:#bfedd9;color:#333;font-size:24px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s,color .3s;margin:0 10px}.scroll-arrow:hover{background-color:#007bff;color:#fff}.cardexplore{border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;text-align:center;flex:0 0 auto;width:300px;max-width:300px}.cardexplore p{margin:10px;white-space:normal}.buttonexplore{display:inline-block;padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;text-decoration:none;margin-top:20px}.buttonexplore:hover{transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}@media screen and (max-width:718px){.cardexplore{width:90%}}.button-1{background-color:#714cfe}.button-2{background-color:#e35ba4}.button-3{background-color:#edd723}.button-4{background-color:#eb7f00}.button-5{background-color:#8259d5}.button-6{background-color:#fc932e}.button-7{background-color:#f88200}.button-8{background-color:#f87d50}.button-9{background-color:#7db352}.button-10{background-color:#7f4cd1}.button-11{background-color:#f88200}.button-12{background-color:#525457}