@import url('https://fonts.googleapis.com/css?family=Roboto|Play|Keania+One');
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0 0 1px;
}
.widget {
position: relative;
min-height: 0;
_position: static;
_height: 1%;
}
.section {
margin: 0 15px;
}
.widget {
margin: 30px 0;
_margin: 0 0 10px;
}
.section:first-child .widget:first-child {
margin-top: 0;
}
.section:last-child .widget:last-child {
margin-bottom: 0;
}
a img {
border: none;
position: relative;
}
h1, h2, h3, h4 {
margin: 0;
position: relative;
}
.widget {
line-height: 1.4;
}
.widget ul {
padding: 0 0 0 1.25em;
margin: 0;
line-height: 1.2;
}
.widget li {
padding: .25em 0;
margin: 0;
text-indent: 0;
}
html {
height: 100%;
}
body {
min-height: 100%;
_height: 100%;
position: relative;
}
.content {
position: relative;
word-wrap: break-word;
}
header, footer {
display: block;
}
div.clear {
clear: both;
}
::root .goog-custom-button,
::root .goog-custom-button-outer-box {
line-height: 0;
}
::root .goog-custom-button-inner-box {
line-height: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* W3.CSS 4.13 June 2019 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
footer,header{display:block}
a{background-color:transparent}a:active,a:hover{outline-width:0}
b{font-weight:bolder}img{border-style:none}hr{box-sizing:content-box;height:0;overflow:visible}
button{font:inherit;margin:0}
button{overflow:visible}button{text-transform:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,body { color: #444; background-color: #eee; margin: 0; padding: 0; font-family: 'Play'; font-size: 16px; line-height: 1.4; text-align: justify; overflow-wrap: break-word; word-break: break-word; word-wrap: break-word; width: 100%; height: 100%; }
html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}
h1,h2,h3,h4{font-family:'Play',Arial,sans-serif;font-weight:400;margin:10px 0}
hr{border:0;border-top:1px solid #eee;margin:20px 0}img{vertical-align:middle}a{color:inherit}
.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.w3-button:disabled{cursor:not-allowed;opacity:0.3}:disabled *{pointer-events:none}
.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
.w3-display-container{position:relative}
.w3-bar{width:100%;overflow:hidden}
.w3-bar .w3-button{white-space:normal}
.w3-container:after,.w3-container:before,.w3-row:after,.w3-row:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col{float:left;width:100%}
@media (min-width:601px){
.w3-col.m3{width:24.99999%}
.w3-col.m4{width:33.33333%}
.w3-col.m5{width:41.66666%}
.w3-col.m6{width:49.99999%}
.w3-col.m12{width:99.99999%}
}
@media (min-width:993px){
.w3-col.l4{width:33.33333%;padding: 20px;         margin: 20px auto;}
.w3-col.l8{width:66.66666%;padding: 20px;         margin: 20px auto;}
}
.w3-top{position:fixed;width:100%;z-index:1}.w3-top{top:0}
.w3-top {background: #fff;padding: 4px;text-align: center;border-bottom: 4px solid #f57f17;     }.w3-round{border-radius:4px}.w3-round-large{border-radius:8px}
.w3-container{padding:0.01em 16px}.w3-sepia-max{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}.w3-center{text-align:center!important}.w3-border{border:1px solid #ccc!important}.w3-padding{padding:8px 16px!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
/* Colors */
.w3-amber{color:#000!important;background-color:#ffc107!important}
.w3-orange{color:#000!important;background-color:#ff9800!important}
.w3-text-white{color:#fff!important}

.w3-col,.w3-row,.w3-container{margin: 0;padding: 0;}
html,body { padding:1px; color: #444; background-color: #eee; margin: 0; padding: 0; font-family: 'Play'; font-size: 16px; line-height: 1.4; text-align: justify; overflow-wrap: break-word; word-break: break-word; word-wrap: break-word; width: 100%; height: 100%; }

@import url('https://fonts.googleapis.com/css?family=Roboto|Play|Keania+One');
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
height: 100%;
}
body {
color: #444;
background-color: #eee;
margin: 0;
padding: 0;
font-family: 'Play';
font-size: 16px;
line-height: 1.4;
text-align: justify;
overflow-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
width: 100%;
height: 100%;
}
p {
color: #444;
font-family: 'Play';
font-size: 16px;
text-align: justify;
line-height: 1.4;
margin: 8px 0;
}
a {
color: #f57f17;
text-decoration: none;
}
a:active, a:focus, a:hover {
text-decoration: none;
color: #888;
}
header div {
font-size: 45px;
font-family: 'Keania One';
color: #444;
line-height: 1;
margin: 0;
font-weight: normal;
text-transform: none;
}
h1, h2, h3, h4 {
font-family: 'Play';
font-weight: bold;
text-align: left;
text-transform: uppercase;
}
h1 { font-size: 180%; color: #222; }
h2 { font-size: 160%; color: #f57f17;}
h3 { font-size: 140%; color: #f57f17;}
h4 { font-size: 120%; color: #f57f17;}

.widget, .section {
margin: 0;
padding: 0;
}
#sidebar .widget {   margin-bottom: 20px;   padding: 10px 20px 20px;   background: #fff;  border-radius: 4px; }
table {  border-collapse: collapse;  width: 99%;  margin: 15px auto;}

tr { 	width: 98%; }
td, th {   border: 1px solid #f1f1f1;   text-align: left;   padding: 8px; }
tr:nth-child(odd) {   background-color: #f5f5f5; }
hr {   border-top: 1px solid #ccc;   margin: 10px 0; }

.w3-container, .w3-row, .w3-col {   margin: 0;   padding: 0; }
.w3-col.l8, .w3-col.l4 {   padding: 8px;                       /* change 20px to 8px */   margin: 20px auto; }
.w3-top {   background: #fff;   padding: 4px;    text-align: center;   border-bottom: 4px solid #f57f17; }
.card-wrapper {   padding: 0 10px; }
@media screen and (max-width: 640px) {   .card-wrapper {     padding: 0;   } }

footer {   background: #444;   color: #bbb; }
footer h4 {   color: #ccc; }
footer a {   color: #bbb;   text-decoration: none; }
footer a:hover {   color: #ccc; }
footer p {
color: #bbb;
margin: 8px auto;
}
footer hr {
border-top: 1px solid #555;
margin: 10px 0;
}
footer .w3-col {
padding: 20px;
}
#myBtn {
display: none;
position: fixed;
bottom: 60px;
right: 15px;
z-index: 99;
font-size: 18px;
border: 0;
outline: 0;
background-color: orange;
color: white;
cursor: pointer;
padding: 10px;
border-radius: 4px;
}
#myBtn:hover {
background-color: #555;
}
.links button {
text-align: center;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
background: #eee;
color: #444;
margin-top: 8px;
padding: 12px;
width: 100%;
border: 0;
border-radius: 4px;
}
.links button:hover {
color: #fff;
background-color: #444;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
transition: background-color ease .4s;
}


.card {  padding: 4px;  margin: 15px 0;  background-color: #fff;  border-radius: 4px;}
.card:hover {  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);  transition: .4s ease;}
.card h2 {  color: #222;  margin: 0;  text-align: center;  font-size: 28px;}
.card p {  color: #444;  font-size: 16px;  margin: 0;  padding: 5px 0;  text-align: left;}
.card button {  text-align: center;  font-size: 16px;  text-transform: uppercase;  background: #fff;  color: #444;  margin: 4px;  margin-top: 6px;  padding: 6px 6px;  width: calc(50% - 12px);  border: 1px solid #444;  border-radius: 4px;}
.card button:hover {  color: #fff;  background-color: #f57f17;  border: 1px solid #f57f17;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);  transition: background-color ease .2s;}

.card1{padding:4px;margin:15px 0;background-color:#fff;border-radius:4px} /* padding 20 to 4 */
.card1:hover{box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);transition:.4s ease}
.card1 h2{color:#222;margin:0;text-align:center;font-size:28px}
.card1 p{color:#444;font-size:16px;margin:0;padding:5px 0;text-align:left}
.card1 button{text-align:center;font-size:16px; text-transform:uppercase; background:#fff; color:#444; margin:4px; margin-top:6px; padding:6px 6px; width:calc(100% - 12px); border:1px solid #444; border-radius:4px}
.card1 button:hover{color:#fff;background-color:#f57f17;border:1px solid #f57f17;box-shadow:0 1px 4px 0 rgba(0,0,0,0.2);transition:background-color ease .2s}

.box{padding:4px;margin:15px 0;background-color:#fff;border-radius:4px} /* padding 20 to 4 */
.box:hover{box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);transition:.4s ease}
.box h2{color:#222;margin:0;text-align:center;font-size:28px}
.box p{color:#444;font-size:16px;margin:0;padding:5px 0;text-align:left}
.box button{text-align:center;font-size:16px; text-transform:uppercase; background:#fff; color:#444; margin:4px; margin-top:6px; padding:6px 6px; width:calc(100% - 12px); border:1px solid #444; border-radius:4px}
.box button:hover{color:#fff;background-color:#f57f17;border:1px solid #f57f17;box-shadow:0 1px 4px 0 rgba(0,0,0,0.2);transition:background-color ease .2s}
.box a {margin-left:14px;   display: block; width: fit-content;   margin-bottom: 1.4em;   text-align: left; }
.box br { display: none;}

.hr-start {border-top: 2px dashed #f57f17; margin-bottom: 2em;}
.hr-end   {border-top: 2px dashed #f57f17; margin-top: 3em; }


.BL { color:blue; line-height:1.6; }
.xamQue { width:96%; color:red; line-height:1.6; font-family: 'Mangal'; font-size: 16;}
.xamAns { width:96%; color:blue; line-height:1.6; font-family: 'Mangal'; font-size: 16; }


.pyq-circle-links { display: flex; gap: 10px; flex-wrap: wrap; }
.pyq-circle-links a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #f57f17; color: white; border-radius: 50%; text-decoration: none;font-size: 16px; font-family: Arial, sans-serif; }
.pyq-circle-links a:hover {background-color: BLACK;}

.pyq-quiz-links { display: flex; gap: 5px; flex-wrap: wrap; }
.pyq-quiz-links a { display: inline-block; padding: 10px 14px; text-align: center; background-color: #f57f17; color: white; border-radius: 5px; text-decoration: none; font-size: 16px; font-family: Arial, sans-serif; }
.pyq-quiz-links a:hover { background-color: black; }

@keyframes showLink {  from { opacity: 0; }   to { opacity: 1; } }
#pyq-hide-1s { opacity: 0;   animation: showLink 0s ease-in 1s forwards; }
#pyq-hide-2s { opacity: 0;   animation: showLink 0s ease-in 2s forwards; }
#pyq-hide-3s { opacity: 0;   animation: showLink 0s ease-in 3s forwards; }
#pyq-hide-4s { opacity: 0;   animation: showLink 0s ease-in 4s forwards; }
#pyq-hide-5s { opacity: 0;   animation: showLink 0s ease-in 5s forwards; }