.container.guide-container-wrapper{max-width:1440px;padding:73px 80px 150px 80px;margin:0 auto}
.leftsidewrapper{width:24%}
.leftsidebar .leftside{overflow-y:scroll;height:calc(100vh - 100px)}
.leftsidebar .leftside::-webkit-scrollbar{display:none}
.card-header{padding:16px 0;margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.125)}
.card-header a{color:#202020;font-family:Lato;font-size:18px;font-weight:700;text-decoration:none;line-height:normal}
.guide-full-list a{color:#616161;font-family:Lato;font-size:16px;font-weight:400;text-transform:capitalize;text-decoration:none;line-height:normal}
.guide-full-list>div{padding:16px 12px;border-bottom:1px solid rgba(0,0,0,.125)}
.guide-full-list .subtext.active{border-left:3px solid #232426}
.guide-full-list .active a{color:#232426;font-weight:700;line-height:20px}
.rightsidewrapper{width:calc(76% - 129px)}
.designguiderightheading h1{color:#202020;font-family:BioRhyme;font-size:42px;font-weight:700;line-height:49.224px;margin-bottom:32px}
.rightsidecontent{padding-bottom:32px}
.rightsidecontent a{color:blue !important}
.rightsidecontent h2,.rightsidecontent h3{color:#202020;font-family:Lato;font-size:26px;font-weight:600;line-height:34px;letter-spacing:-0.286px;margin-bottom:12px}
.rightsidecontent p{color:#202020;font-family:Lato;font-size:16px;font-weight:400;line-height:21px;margin-bottom:32px}
.rightsidecontent .cq-dd-image{height:440px}
.leftside-mob{display:none}
.guide-container-wrapper>div{content:"";clear:both;display:table}
@media only screen and (min-width:992px){.guide-container-wrapper>.aem-Grid{content:"";clear:both;display:table}
.leftsidewrapper{position:sticky;top:130px;float:left;margin-bottom:20px}
.leftsidewrapper::before{content:"";display:table}
.leftsidewrapper::after{content:"";display:table}
.rightsidewrapper{float:right;height:100vh;overflow-y:scroll;scroll-behavior:smooth}
.rightsidewrapper::-webkit-scrollbar{display:none}
.rightsidewrapper::after{content:"";clear:both;display:table}
}
@media only screen and (max-width:992px){.container.guide-container-wrapper{padding:24px 20px 60px 20px}
.guide-container-wrapper>.aem-Grid{flex-direction:column;gap:32px}
.leftside{display:none}
.rightsidewrapper{width:100%}
.designguiderightheading h1{font-size:26px;line-height:30.472px;margin-bottom:24px;margin-top:24px}
.rightsidecontent h2,.rightsidecontent h3{font-size:18px;line-height:21.096px;margin-bottom:16px}
.rightsidecontent p{line-height:18.752px;color:rgba(32,32,32,0.90)}
.rightsidecontent .cq-dd-image{height:275px}
.leftside-mob .guidelink{display:inline-block;padding:0 8px 10px 0;color:#232426;font-family:Lato;font-size:14px;font-weight:500;line-height:16.408px;border-right:1px solid #232426;height:16px}
.leftside-mob .rightline{border:1px solid #232426;margin:0 8px}
.leftside-mob .guidelink.active{color:#000;font-weight:700}
.leftside-mob{margin-bottom:22px;display:flex;flex-wrap:wrap;gap:8px;padding-bottom:10px}
.leftside-mob .guidelink:last-child{border:0}
.mobilecontetwrapper{position:sticky;top:50px;background:#FFF;z-index:1}
}