/* Accordion */ .showH{margin:1.7em 0;font-size:.93rem;font-family:var(--fontB);line-height:1.7em} details.ac{padding:18px 15px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);margin:20px 0;border-radius:10px} details.ac summary{font-weight:700;cursor:default; display:flex;align-items:baseline; transition:var(--trans-1);cursor:pointer} details.ac summary::before{content:'\203A'; flex:0 0 25px;display:flex;align-items:center;justify-content:flex-start;padding:0 5px; font-weight:400;font-size:1.33rem;color:inherit} details.ac[open] summary{color:var(--linkC)} details.ac:not(.alt)[open] summary::before{transform:rotate(90deg);padding:0 0 0 5px;justify-content:center} details.ac.alt summary::before{content:'\002B'; padding:0 2px} details.ac.alt[open] summary::before{content:'\2212'} details.ac .aC{padding:0 15px;opacity:.9} .drK details.sp, .drK details.ac{background:var(--darkBs)} .drK details.sp summary::after{background:var(--darkU)}

/* unblink */ .unblink{margin-bottom: 12pt; text-align: justify;}.unblink a{color: red; text-decoration: none;}.unblink a:hover{color: #23527f; /* The blue color on hover */ animation: scaleUp 0.2s ease-in-out; /* Applying the scaleUp animation on hover */}@keyframes scaleUp{from{transform: scale(1); /* Initial scale */}to{transform: scale(1.1); /* Scale up to 1.1 times */}}

/* googleNews */ .googleNews{background: #f5f5f5; border: 1px solid #e6e6e6; padding: 3px; text-align: center; margin-top: 30px; margin-bottom: 30px; font-size: 18px;}.googleNews a{text-decoration: none;}.googleNews svg{width: 25px;}

/* googleNewsLink */.googleNewsLink{margin:0 auto; text-align:left;margin-bottom:10px;font-weight: bold;border: .5px solid #d3d3d3;background: rgba(198, 224, 251, 0.4);padding-top:10px; padding-bottom:10px;padding-left:5px;}.googleNewsLink a{text-decoration: none;}.googleNewsLink a img{height:26px;width: 30px;float: left;margin-right: 5px;padding-bottom:10px;}

/* custom-background */ .custom-background{background: #dff0d8;padding: 11px;border-left: 3px solid #F0240C;}.custom-background p{color: #282828;}
/* Sarjan Faraby CSS */.sf-notes{background: #F4D03F;color: white;padding: 10px;padding-left: 20px;padding-top: 15px;margin-bottom: 20px;border-radius: 30px 0px 30px 0px;}.sf-notes-2{background: ;color: #202120;padding: 10px;padding-left: 20px;padding-top: 15px;margin-bottom: 20px;border: 1.5px solid #A406EE;border-left: 2px solid #A406EE;border-radius: 30px 0px 30px 0px;}.sf-notes-3{background: #eeeeee;color: #202120;padding: 10px;padding-left: 20px;padding-top: 15px;margin-bottom: 20px;border-top: 5px solid #ff7701 ;0px;}.custom-background{background: #dff0d8;padding: 11px;border-left: 3px solid #F0240C;}.custom-background p{color: #282828;}.lessonery-custom-button{background: #1a78e2;text-align: center;color:white;width: 250px;border-radius: 30px;margin: auto;padding: 4px;padding-top: 6px;margin-bottom: 20px;}.lessonery-custom-button a{color: white;}.lessonery-custom-button a:hover{color: white;}

/* QnaLink */ .QnaLink{background: #eeeeee;color: #202120;padding: 10px;padding-left: 20px;padding-top: 15px;margin-bottom: 20px;border-left: 5px solid #ff7701 ;}
/* SMSformat */ .SMSformat { background-color: #e3f7e1; padding: 15px;text-align: left; color: #2d3035;}
/* Paragraph Linking */ .plink{margin-bottom:12pt;text-align:justify}.plink a{color:red;text-decoration:none}.plink a:hover{color:#23527f;animation:scaleUp .2s ease-in-out}@keyframes scaleUp{from{transform:scale(1)}to{transform:scale(1.1)}}

/* Internal Green */ .internal-green{-moz-border-radius: 0px; color: black; background-color: #ccf8d1; border-radius: 0px; border: 2px solid #00E61B; padding: 12px; text-align: center;} 
/* Internal Red */ .internal-red{border: 1px solid red; padding: 5px; background: white; text-align: center;} 
/* Internal Purple */ .internal-purple { color: #ff0000; font: 13.5px; background: #2d214a; margin: 0px 0px 16px; padding: 12px 20px; }
/* Internal Yellow */ .internal-yellow{background-color: #ffffd7; padding: 10px 15px; text-align: center; color: #ff0000; border: 1px solid black;}

 /* Note */ .note{position:relative;padding:16px 20px 16px 50px; background:#e1f5fe;color:#3c4043; font-size:.85rem;font-family:var(--fontB);line-height:1.6em;border-radius:10px;overflow:hidden} .note::before{content:'';width:60px;height:60px;background:#81b4dc;display:block;border-radius:50%;position:absolute;top:-12px;left:-12px;opacity:.1} .note::after{content:'\002A';position:absolute;left:18px;top:16px; font-size:20px; min-width:15px;text-align:center} .note.wr{background:#ffdfdf;color:#48525c} .note.wr::before{background:#e65151} .note.wr::after{content:'\0021'} 

/* note-tg, note-r  */ .note-tg {border-color: #2196F3!important; border-left: 6px solid #ccc!important; color: #000!important; background-color: #ddffff!important; padding: 0.01em 16px; margin-top: 16px; margin-bottom: 16px; padding-top: 16px; padding-bottom: 16px;} .note-r {border-color: #2196F3!important; border-left: 6px solid #ff0000!important; color: #000!important; background-color: #ddffff!important; padding: 0.01em 16px; margin-top: 16px; margin-bottom: 16px; padding-top: 16px; padding-bottom: 16px;}

/* blockquote.subhead  */ blockquote.subhead{position:relative;color:#737272;font-size:16px;padding-top:10px;padding-bottom:10px;line-height:1.5em;font-style:italic;border-color:#ec2028!important;background-color:#f3f3f3;margin-bottom:10px;margin-top:5px; padding:10px 20px;margin:0 0 20px; border-left:5px solid #eee}

/* internalLink with linear-gradient */ .internalLink a{color: red; text-decoration: none; transition: color 0.3s ease, transform 0.3s ease, background-image 0.3s ease; display: inline-block; background-image: linear-gradient(to right, red, black); background-clip: text; -webkit-background-clip: text; color: transparent;}.internalLink a:hover{text-decoration: none; transform: scale(1.01); background-image: linear-gradient(to right, blue, red); background-clip: text; -webkit-background-clip: text; color: transparent;}

/* Internal link styles for printing */.internalLink a{color:red;text-decoration:none;transition:color .3s ease,transform .3s ease,background-image .3s ease;display:inline-block;background-image:linear-gradient(to right,red,blue);background-clip:text;-webkit-background-clip:text;color:transparent}.internalLink a:hover{text-decoration:none;transform:scale(1.01);background-image:linear-gradient(to right,blue,red);background-clip:text;-webkit-background-clip:text;color:transparent} @media print{.internalLink a{color:red!important;text-decoration:none;background:none;-webkit-background-clip:initial}.internalLink a:hover{transform:none}}

/* well */ .well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);color: #2d3035;}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}
@media print {.hidden-print {display: none !important;}}

/* copy */ .row{background:#f1f1f1; color: #2d3035; padding:3px 22px}.details .CopyRight{font-style:italic;background-color:#e0e0e0;margin:25px 0;display:block}.details .CopyRight .row{background:#f1f1f1;padding:3px 22px}

/* bolt */ .bolt { color: #ff0000; font-size: 13px; background: #2d214a; margin: 0px 0px 16px; padding: 12px 20px; }
/* keywords */ .keywords{font-size: 12px; padding: 5px; background-color: #fff7e2; color: black; border-radius: 5px;}
/* Table of Contents */ .ez-toc-title {color: #33363b; font-weight: bold;} .ez-toc-open-icon {color: green; font-weight: bold;} .ez-toc-close-icon, .ez-toc-open-icon .arrow, .ez-toc-open-icon .text {color: green;}
/* YoutubeVideo */ .YoutubeVideo{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.YoutubeVideo iframe{position:absolute;top:0;left:0;width:100%;height:100%}
/* Adsense Functions */ ins.adsbygoogle { margin-top: 10px; margin-bottom: 10px; } ins.adsbygoogle[data-ad-status="unfilled"]{display:none !important}
/* Images */ .post-content img { border: 1px solid gray; border-radius: 5px; }

/* Pop-Up Box (Style 2) by Fineshop */
.popSc{position:fixed;top:0;bottom:0;left:0;right:0;padding:20px;background:rgba(255, 255, 255, 0.1);z-index:99980;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center}
.popSc.hidden{display:none}
.popSc .popBo{position:relative;background:rgba(255, 255, 255, 0.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:400px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px;border-radius:20px;box-shadow:0 5px 25px rgb(0 0 0 / 20%)}
.popSc .popBo svg{display:block;width:50px;height:50px;fill:red !important;stroke:#08102b;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
.popSc .popBo h2{margin:10px 0 15px 0;font-size:1.2rem;font-weight:800;color:#08102b}
.popSc .popBo p{margin:0;line-height:1.7em;font-size:0.9rem;color:#08102b}
.popSc .popBo .popBtn{display:inline-flex;justify-content:center;align-items:center;height:50px;width:50px;outline:none;border:none;background:#482dff;border-radius:50%;margin-top:20px;transition:all .2s ease;-webkit-transition:all .2s ease}
.popSc .popBo .popBtn:hover{transform:scale(1.05);-webkit-transform:scale(1.05)}
.popSc .popBo .popBtn svg{width:24px;height:24px;stroke:#fff;flex-shrink:0}
.popSc .popBo .popBtn svg.r{animation:rotateIcn 1.5s infinite linear;-webkit-animation:rotateIcn 1.5s infinite linear}
.popSc{animation:popupBlur .3s ease-in; -webkit-animation:popupBlur .3s}
.popSc >*{animation:popupScale .3s ease-in; -webkit-animation:popupScale .3s}
.darkMode .popSc{background:rgba(0, 0, 0, 0.1)}
.darkMode .popSc .popBo{background:rgba(50, 50, 50, 0.8)}
.darkMode .popSc .popBo svg{stroke:#fefefe}
.darkMode .popSc .popBo p, .darkMode .popSc .popBo h2{color:#fefefe}
@keyframes popupBlur {from{opacity:0}to{opacity:1}}
@-webkit-keyframes popupBlur{from{opacity:0}to{opacity:1}}
@keyframes popupScale{from{transform:scale(0);animation-timing-function:ease-in;opacity:0}to{transform:scale(1);opacity:1}}
@-webkit-keyframes popupScale{from{-webkit-transform:scale(0);-webkit-animation-timing-function: ease-in;opacity:0}to{-webkit-transform:scale(1);opacity:1}}
@keyframes rotateIcn{from{transform:rotate(0deg)} to{transform:rotate(359deg)}}
@-webkit-keyframes rotateIcn{from{-webkit-transform:rotate(0deg)} to{-webkit-transform:rotate(359deg)}}