/* Version 1.8 dt220226 */ @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; font-weight: bold;  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; font-weight: bold; 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} .card2{padding:4px;margin:15px 0;background-color:#fff;border-radius:4px} /* card 2 change : button text left align and bold */ .card2:hover{box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);transition:.4s ease} .card2 h2{color:#222;margin:0;text-align:center;font-size:28px} .card2 p{color:#444;font-size:16px;margin:0;padding:5px 0;text-align:left} .card2 button{font-weight: bold;text-align:left;font-size:16px; text-transform: uppercase; font-weight: bold; background:#fff; color:#444; margin:4px; margin-top:6px; padding:6px 6px; width:calc(100% - 12px); border:1px solid #444; border-radius:4px} .card2 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; font-weight: bold; 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; } .hr-start-1 {border-top: 2px dashed #f57f17; margin-bottom: 2em;} .hr-end-1   {border-top: 2px dashed #f57f17; margin-top: 3em; } .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; } .blink {  animation: blink 1s infinite;} @keyframes blink {  0% { opacity: 1; }  50% { opacity: 0; }  100% { opacity: 1; }} .mcq-link { color: #231B87; /* Blue color */ font-size: 1em; /* Font size */ font-weight: bold; /* Bold font */ text-decoration: none; /* Removes underline (optional) */ } .mcq-link:hover { color: #1A1466; /* Slightly darker blue on hover */ } .zC{margin:15px 0;background:#fff;border-radius:4px;overflow:hidden;text-align:left;border:1px solid #ccc} .zC:hover{box-shadow:0 2px 8px rgba(0,0,0,.2);transition:.4s} .zC .zT:nth-child(odd) {background-color: #f9f9f9;} .zM{background:#f5f5f5;border-bottom:1px solid #f1f1f1;font-weight:700;padding:8px 16px;display:block} .zT{padding:16px} .BL { color:blue; line-height:1.6; } .zOne{ padding:12px 16px; border-bottom:1px solid #f1f1f1; font:16px 'Mangal', sans-serif; line-height:1.6; color:blue; position:relative; background:#ffffff; transition: background .4s ease, box-shadow .4s ease, color .3s ease; } .zOne a{ color:inherit; text-decoration:none; display:block; } /* ✅ EVEN ROW BACKGROUND (table look) */ .zOne:nth-child(even){ background:#f5f5f5;   /* very soft blue/grey */ } /* Left accent bar */ .zOne::before{ content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#ff9800; transition:width .3s ease; } /* Hover effect */ .zOne:hover{ background:linear-gradient(90deg,#fff7e6,#f7faff); box-shadow:0 4px 12px rgba(0,0,0,.18); } .zOne:hover::before{ width:4px; } /* Mobile / touch feedback */ .zOne:active{ background:#fff3e0; box-shadow:0 2px 6px rgba(0,0,0,.25); } .zQ{padding:12px 16px;border-bottom:1px solid #f1f1f1;font:17px 'Mangal',sans-serif;line-height:1.6; text-align:justify; color:red} .zA{padding:12px 16px;border-bottom:1px solid #f1f1f1;font:17px 'Mangal',sans-serif;line-height:1.6; text-align:justify; color:#0b3c8a} /* Version pyqonline-2 1.0 dt150226 */ .UO-exam-box{ width:100%; max-width:600px; padding:20px; border:2px solid #e67e22; border-radius:8px; box-shadow:10px 10px 20px rgba(0,0,0,0.2); font-family:sans-serif; background-color:#ffffff; line-height:1.6; margin:20px auto; } .UO-exam-heading{ font-size:18px; font-weight:600; margin-bottom:15px; padding:8px 12px; background:#e67e22; color:#ffffff; border-radius:4px; } .UO-question{ padding-left:28px; text-indent:-28px; margin-bottom:6px; } .UO-options{ margin-left:28px; } .UO-answer{ margin-left:28px; margin-top:6px; font-weight:bold; color:#0b3c8a; } .UO-q-block{ margin-bottom:20px; } .UO-match-heading{ display:flex; font-weight:600; border-bottom:2px solid #e67e22; padding-bottom:6px; margin-bottom:8px; } .UO-match-heading div{ width:50%; } .UO-match-row{ display:flex; padding:6px 0; border-bottom:1px solid #eee; } .UO-match-row:last-child{ border-bottom:none; } .UO-match-colA, .UO-match-colB{ width:50%; padding-right:10px; word-break:break-word; } .UO-match-answer{ margin-top:15px; padding:10px; border:1px dashed #e67e22; border-radius:4px; font-weight:bold; color:#0b3c8a; } /* Column Title */ .UO-match-title{ font-weight:600; margin-bottom:8px; padding-bottom:4px; border-bottom:2px solid #e67e22; } /* Desktop Layout */ .UO-match-container{ display:flex; gap:20px; } .UO-match-columnA, .UO-match-columnB{ width:50%; } .UO-match-item{ padding:6px 0; border-bottom:1px solid #eee; } /* Mobile Layout */ @media (max-width:600px){ .UO-match-container{ display:block; } .UO-match-columnA, .UO-match-columnB{ width:100%; } .UO-match-columnA{ background:#fff3e6; padding:10px; border-radius:6px; margin-bottom:15px; } .UO-match-columnB{ background:#ffffff; padding:10px; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,0.08); margin-bottom:15px; } .UO-match-item{ border:none; padding:6px 0; } } .pdf-container { width: 96%; max-width: 1100px; margin: 20px auto; aspect-ratio: 8.5 / 11; border: 1px solid #ccc; border-radius: 8px; overflow: hidden; background: white; box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .pdf-container iframe { width: 100%; height: 100%; border: none; display: block; }