html{scroll-behavior:smooth;}
body{font-family:"Inter", sans-serif;font-weight:300;}
#readallcontent h2:first-of-type{margin-top:20px;}
#readallcontent h2{margin-top:30px;}
.progresswrap {position: fixed;top: 0;width: 100%;z-index: 1;}
.progress-container {background-color: rgba(202, 202, 202, 0.3);height:7px;width: 100%;}
.progressbar {background-color:#2c6eff;height:7px;width: 0%;}
.content {padding: 2em;}
.fullarticle{padding:40px 0;}
.fullarticle .container{padding-right:0;}
.fullarticle p a{font-weight:bold;}
.btnwrap{display:flex;gap:20px;margin-block:20px;flex-wrap:wrap;}
a.btns{border-radius:7px;font-size:18px;font-weight:bold;padding:11px 22px;display:inline-block;display:flex;align-items:center;width:max-content;transition: .4s ease;}
a.btns small{display:block;font-weight:normal;}
a.btns .fa{font-size:30px;}
a.downloadbtn{color:#ffffff;background:#339900;}
a.buybutton{color:#fff;background-color:#016fff;}
a.downloadbtn:hover{background:#8cc42f;transition: .4s ease;}
a.buybutton:hover{color:#fff;background-color:#000000;transition: .4s ease;}
p{line-height:3rem;font-weight: 300;margin-bottom:25px;}
#breadcrumbs{margin-block-end:24px;}
.bannerarea{background-color: aliceblue;}.bannerarea h1 span{display:block;color:#2c6eff;font-weight:normal;}.bannerarea h1,.bannerarea p,.bannerarea ul{margin:0;}
.contnetbox {float:left;width: 70%;padding:0 2% 0 0;margin-right:1%;}
h1{font-size:36px;font-weight:bold;}
h1 span{color:#2c6eff;font-weight:normal;}
h2{font-size:32px;}
h3{font-size:26px;}

.sidebar {float:right;width:25%;padding:1%;background-color:#2c6eff;color:white;border-radius:8px;}
.sticky {position: relative;top: 0;}
.sidebar ul{margin:15px 0 0 25px;}
.sidebar ul li a{color:#add6ff;}
.sidebar ul li{list-style-type: disc;margin-bottom:15px;color:white;}
.sidebar ul li a.active{font-weight:bold;color:white!important;}
.bannerarea .container{display:flex;flex-direction:column;gap:8px;padding:24px 0;}

.ctawrapper{display: flex;
    flex-direction: column;
    background: aliceblue;
    padding: 24px 36px 24px;
    border-radius: 12px;border: 2px solid #aeb7d5;box-shadow: 3px 3px #aeb7d5;}
    .ctatitle {
    font-size: 22px;
    font-weight: bold;
}.ctawrapper .btnwrap{margin-block-start:0;}
.topwrap{display:grid;grid-template-columns:1fr 600px;gap:12px;flex-direction:row;}.wrapleft{display:flex;flex-direction:column;gap:12px;}.wrapleft ul.tickmark{margin-bottom:0;}.wrapleft .btnwrap{margin-block-start:0;}
.wrapright{}
table {width:100%;border-collapse:collapse;margin:24px auto;}
tr:nth-of-type(odd) {background:#eee;}
th{background:#3e70ff;color:white;font-weight:bold;}
td, th{padding:10px;border:1px solid #ccc;text-align:left;}
.faqwrap{background:aliceblue;padding:10px 35px 30px;margin:65px 0 0 0;clear:both;}
.publishbywrap{display:flex;gap:15px;}
.divider{width:1px;background-color: #433E4B;}
.title-one{font-size:calc(1.575rem + 1.5vw);font-weight:bold;}
.title-two{font-size:38px;font-weight:bold;}
.title-three{font-size:30px;font-weight:bold;}
.faqthree{font-size:20px;}
.title-toc{font-size:20px;font-weight:bold;}
.btm-space{padding-bottom:15px;}
.top-space{padding-top:15px;}
.fntbld{font-weight:bold;}
.content blockquote {margin-left: 20px;padding-left: 20px;border-left: solid 4px var(--gray-300);font-style: italic;font-size: .9em;margin-bottom: 20px;line-height: 1.6;font-family: Georgia, serif;}
li.active {background-color:white;}
ol.numeric{margin-bottom:28px;}
ol.numeric li{text-align:left;line-height: 28px;margin: 9px 0;}
ul.tickmark{margin-bottom:28px;}
ul.tickmark li {text-align:left;line-height: 28px;margin: 9px 0;position: relative;padding-left: 32px;}
ul.tickmark li:before {content:'\2713';color: #4a71ff;width:23px;height:23px;position:absolute;left:0;top:5px;text-align:center;border:2px solid #4a71ff;border-radius:100%;font-size:13px;font-weight:bold;line-height:20px;background-color:#e0e6fd;}
p img{max-width:100%;height:auto;border:1px solid #ddeeff;padding:15px;border-radius:10px;margin-top:15px;display:block;}
.relatedpostwrap{display:grid;grid-template-columns:repeat(3, 1fr);gap:36px;margin:16px auto 0;}
.postbox a{display:flex;flex-direction:column;border:1px solid #aeb7d5;padding:15px;margin:0 0 30px 0;border-radius:15px;font-size:20px;background:#ebeafa;box-shadow:0px 7px #9d9ac8;color:#6868a7;position:relative;overflow:hidden;z-index:0;transition: 0.2s ease-in-out;}
.postbox a::before{content:'';width:200px;height: 200px;border-radius:50%;border:7px solid #d0ceea;position:absolute;top:70%;z-index:-1;}.postbox a p{margin:0;}.postbox a span{text-align:end;transition:.3s ease;}
.postbox a{color:#2f2b5d;text-decoration:none;}
.postbox a:hover{transition: 0.2s ease-in-out;background:#6868a7;color:#ffffff;}.postbox a:hover span{transform:translateX(2%);transition:.3s ease;}
.authorcontainer{display:grid;border-radius:8px;background:#fff;box-shadow:0 0 15px #d1d1d1;border-top:6px solid #2c6eff;grid-template-columns:98px 1fr;padding-block:8px;padding-inline:12px;margin-block-start:32px;}
.profilename p{margin:0;}
.authorcontainer .authorname,.authorcontainer a.authorname{font-size:2rem;font-weight:bold;color:#242424;}
.authorcontainer .media{width:96px;height:96px;}
.authorcontainer .media > img{border-radius:50%;}
footer p img{border:none!important;}
@media (max-width:575.98px){.bannerarea{padding-inline:12px;}.bannerarea .container{padding:24px 0;}.topwrap{grid-template-columns:1fr;}.publishbywrap{flex-direction:column;gap:8px;}.sidebar{display:none;float:none;}.contnetbox{width:95%;margin:0 auto;float:none;}.relatedpostwrap{grid-template-columns:1fr;}.wrapright img{max-width:100%;height:auto;}.authorcontainer{display:flex;flex-direction: column;text-align:center;align-items:center;}.wrapleft,.wrapright{flex-basis:1;}table{overflow-x: scroll;}}