.blogPostMainContentContainer{width:100%;.container{display:flex;gap:11%;margin:0 auto;max-width:1439px;padding:0 32px 100px;position:relative;width:100%;.toc-and-subscribe-section{display:flex;flex-direction:column;gap:24px;height:fit-content;position:sticky;top:10%;width:24%;.toc{border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:32px;padding:24px 0;width:100%;.toc-title{align-items:center;display:flex;gap:8px;.dot{background-color:#141414;height:8px;width:8px}.text{color:hsla(0,0%,8%,.86);font-family:IBM Plex Mono;font-size:14px;font-style:normal;font-weight:400;line-height:130%;text-transform:uppercase}}.toc-content{display:flex;flex-direction:column;gap:8px;width:100%;.toc-item{display:flex;justify-content:space-between;.text{width:90%}.number,.text{color:#858585;font-family:Manrope;font-size:14px;font-style:normal;font-weight:400;line-height:160%}&.active,&:hover{cursor:pointer;.number,.text{color:#141414;font-weight:500}}&.toc-item--h3{padding-left:12px;.text{font-size:13px}}&.toc-item--h4{padding-left:24px;.text{font-size:12px}}}}}.social-share{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding-bottom:24px;width:100%;.social-title{align-items:center;display:flex;gap:8px;.dot{background-color:#141414;height:8px;width:8px}.text{color:hsla(0,0%,8%,.86);font-family:IBM Plex Mono;font-size:14px;font-style:normal;font-weight:400;line-height:130%;text-transform:uppercase}}.social-list{display:flex;gap:8px;.social-item{align-items:center;border:1px solid #c2c2c2;display:flex;height:32px;justify-content:center;width:32px;&:hover{background-color:#1075dc;cursor:pointer}&.fill-color{&:hover{svg path{fill:#fff}}}}}}.weekly-newsletter-form{background-color:#edeff2;display:flex;flex-direction:column;gap:32px;padding:16px;.top-content{width:100%;.title{font-size:18px;font-weight:600}.desc,.title{color:#141414;font-family:Manrope;font-style:normal;line-height:150%}.desc{font-size:16px;font-weight:400}}.form{display:flex;flex-direction:column;gap:16px;width:100%;.email-input{border-bottom:.5px solid #c2c2c2;padding-bottom:8px;width:100%;input{background-color:transparent;border:none;color:#141414;font-family:Manrope;font-size:14px;font-style:normal;font-weight:500;letter-spacing:-.42px;line-height:130%;outline:none;text-transform:capitalize;&::placeholder{color:#858585}}}.subscribe-btn{align-items:center;background:#152a50;display:flex;justify-content:space-between;padding:8px 6px 8px 24px;width:100%;.text{color:#fff;font-family:Manrope;font-size:16px;font-style:normal;font-weight:500;line-height:100%;width:fit-content}.icon{align-items:center;background-color:#1075dc;display:flex;height:32px;justify-content:center;width:32px;svg{width:100%}}&:hover{cursor:pointer}}}}}.main-content-section{display:flex;flex-direction:column;gap:16px;width:60%;h2{font-size:32px;font-weight:540;letter-spacing:-.64px;line-height:120%}h2,h3{color:#141414;font-family:Manrope;font-style:normal;margin-bottom:16px}h3{font-size:24px;font-weight:600;letter-spacing:-.24px;line-height:140%}p{color:#292929;font-family:Manrope;font-size:16px;font-style:normal;font-weight:450;line-height:150%;margin-bottom:16px}ol,ul{margin-bottom:16px;padding-left:24px;li{color:#292929;font-family:Manrope;font-size:16px;font-style:normal;font-weight:450;line-height:150%;margin-bottom:16px;padding:0}}hr{background-color:#e0e0e0;height:1px;margin:32px 0}hr,img{width:100%}table{border:1px solid #e0e0e0;border-collapse:collapse;margin:16px 0;width:100%;thead{background-color:#edeff2;th{border:1px solid #e0e0e0;color:#141414;font-family:Manrope;font-size:18px;font-weight:600;line-height:150%;padding:16px;text-align:left;width:50%}}tbody{tr{td{border:1px solid #e0e0e0;color:#292929;font-family:Manrope;font-size:16px;font-weight:450;line-height:150%;padding:16px;vertical-align:top;width:50%}}}strong{display:block}}div{display:block}.btn-primary{background:#0563c2;color:#fff;display:block;font-family:Manrope;font-size:16px;font-style:normal;font-weight:600;line-height:150%;padding:12px 24px;width:fit-content;&:hover{background-color:#0e59e5;cursor:pointer}}a{color:#1075dc;display:block;margin-bottom:16px;text-decoration:none;width:fit-content}}}@media screen and (max-width:600px){.container{padding:32px 16px;.toc-and-subscribe-section{display:none}.main-content-section{width:100%}}}@media screen and (min-width:600px) and (max-width:1023px){.container{padding:56px 24px;.toc-and-subscribe-section{display:none}.main-content-section{width:100%}}}}