.dascent-qz {display: flex;flex-direction: column;align-items: center;justify-content: center;height: auto;margin: 0 auto;width:100%;padding:4em 0 3em;height:auto;background-color:#fff;font-size:14px;}
.ecoflex88{display: flex;flex-direction: column;gap:10px;font-size:15px;width:80%;}		
.quiz-container {width:97%;margin: auto; padding:0 0 20px;background-color:rgba(255,255,255,0.0);color:#036;}

#dascentqz .result { margin-top: 20px; }
img#result-image {width: 200px; height: auto; border-radius:10px;box-shadow:0 3px 5px -3px #000;}
#progress-bar-container {width: 100%;box-shadow:inset 0 1px 3px rgba(0,0,0,0.4);margin-bottom: 20px;border-radius:10px 10px 10px 10px;}
#progress-bar {width: 0%;height: 5px;background-color: #036;box-shadow:0 1px 1px #000;text-align: center;transition: width 0.5s ease-in-out;border-radius:10px 0 0 10px;}
.ransw{display:flex;width:95%;height:auto;flex-direction: row;gap:10px;margin:0 auto;padding:.3em 0 .3em;font-size:16px;}
#question-container,#result-container{width:90%;margin: auto; padding:20px;}
#question-container input[type="radio"] {width:20px;height:20px;vertical-align:middle;transform:translateY(7px);cursor:pointer;}
.zcheckmark {display:block;width:97%;padding:.3em .7em .3em;cursor:pointer;}
.zcheckmark:after{content:'';display:block;width:0px;height:1px;background-color:#fff;transition: background-color 0.3s ease, width 0.3s ease;}
#question-container input:checked ~ .zcheckmark {display:block;width:90%;padding:.3em .7em .3em;cursor:pointer;}
#question-container input:checked ~.zcheckmark:after{content:'';display:block;width:300px;height:1px;background-color:#777;}
@media only screen and (min-width: 250px) and (max-width: 500px) {.dascent-qz {display: flex;flex-direction: column;align-items: center;justify-content: center;height: auto;margin: 0 auto;width:100%;padding:2em 0 3em;height:auto;background-color:#f1f1f1;font-size:14px;}.zcheckmark:after,#question-container input:checked ~.zcheckmark:after{display:none;}
.ecoflex88{display: flex;flex-direction: column;gap:10px;font-size:14px;width:300px;}.quiz-container {width: 97%; margin: auto; padding: 20px; border: 0 solid #ccc; border-radius: 0px; }#quiz-container{background-repeat:no-repeat;background-size:1px 1px!important;background-position:bottom right;}#dascentqz img { max-width: 100%; height: auto; }}


/*** Share ***/
.share-icon {cursor: pointer;display: inline-block;opacity:.7;color:white;}
.share-icon img.shr{width:27px;height:auto;vertical-align:middle;}
.share-icon:hover{cursor: pointer;display: inline-block;opacity:1}
.shpopup {display: none;width:100%;margin:0 auto;padding:.7em 0 .7em;}
.shpopup-header {display: flex;justify-content: space-between;align-items: center;width:90%;margin:10px auto 12px auto;}
.shpopup-header h2 {margin: 0;}
.shpopup-header .close-btn {cursor: pointer;font-size: 20px;font-weight: bold;}
.shshare-buttons a {display: block;margin: 10px 0;text-decoration: none; color: #06C;font-size:14px;}
.shshare-buttons a:hover {display: block;margin: 10px 0;text-decoration: none; color: #F60;}
.shoverlay {display: none;width: 100%;height: auto;margin:0 auto;padding:1em 0 1em;}
.lrd{color:#900;font-weight:500;padding-bottom:.8em;text-indent:10px;border-bottom:1px solid #333;}
h2.danswer{text-indent:20px;}
.coransw{display:block;width:90%;height:auto;margin:20px auto 22px auto;background-color:#f1f1f1;box-shadow:0 0 1px #ccc;padding:1em .7em 1em;}
.coransw h3{font-size:18px;color:#036;}
.coransw p{color:#099;}
#quiz-container{background-repeat:no-repeat;background-size:auto 350px;background-position:bottom right;}
#dascentqz button.daz888{outline-style:none;border:0;cursor:pointer;padding:.3em 1.7em .3em;margin-top:10px;text-align:center;background-color:#F90;color:#fff;border-radius:5px;box-shadow:inset 0 1px 5px rgba(255,255,255,0.7),0 1px 2px rgba(0,0,0,0.6);font-size:14px;}#dascentqz button.daz888:hover{background-color:#F60;box-shadow:inset 0 1px 2px rgba(0,255,255,0.7),0 1px 2px rgba(255,255,255,0.6);}
.ecoflex88{background-image:url('https://dascent-sigils.com/wp-content/uploads/2024/12/zrt.png'),url('https://dascent-sigils.com/wp-content/uploads/2024/07/mbg.webp');background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:10px 10px 10px 10px;box-shadow:0 1px 5px rgba(0,0,0,0.6);}
#question-text{font-size:18px;font-weight:bold;}#explaning{display:block;}#dascentqz .khidden { display: none!important; }#result-container p{font-size:16px;}#result-container a{display:block;margin-top:10px;margin-bottom:10px;}#result-container a:hover{display:block;margin-top:10px;margin-bottom:10px;text-indent:8px;}
.xtrcontainer {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 20px;padding: 20px;flex-direction: row;}
.image-wrapper {max-width: 30%;box-sizing: border-box;padding: 10px;text-align:center;font-size:13px;}
.image-wrapper img {max-width: 100%;height: auto;display: block;width:70%;margin:0 auto 10px auto;border-radius:10px;border:4px solid #900;opacity:.8;}.image-wrapper:hover img {border:4px solid #036;opacity:1;box-shadow:0 3px 9px rgba(0,0,0,.6);}.image-wrapper a span{font-size:13px;}
@media (max-width: 768px) {.xtrcontainer {flex-direction: column;}.image-wrapper {max-width: 45%;}}
@media (max-width: 480px) {.image-wrapper { max-width: 90%;}}