.featuresSection{background-color:#fff;padding:100px 32px;.feature-container{display:flex;flex-direction:column;gap:100px;.title-section{display:flex;margin:0 auto;max-width:1375px;width:100%;.left-content{border-bottom:1px solid #c2c2c2;border-top:1px solid #c2c2c2;position:relative;width:calc(33% + 24px);&:before{top:-4px}&:after,&:before{background-color:#141414;content:"";height:7px;left:-4px;position:absolute;width:7px}&:after{bottom:-4px}}.right-content{border:1px solid #c2c2c2;padding:40px;position:relative;width:67%;.title{color:#141414;font-family:Manrope;font-size:64px;font-style:normal;font-weight:500;letter-spacing:-1.92px;line-height:100%}&:before{top:-4px}&:after,&:before{background-color:#141414;content:"";height:7px;left:-4px;position:absolute;width:7px}&:after{bottom:-4px}.dot-top{top:-4px}.dot-bottom,.dot-top{background-color:#141414;height:7px;position:absolute;right:-4px;width:7px}.dot-bottom{bottom:-4px}}}.feature-row{display:flex;gap:24px;margin:0 auto;max-width:1375px;position:relative;width:100%;.feature-content{display:flex;flex-direction:column;gap:40px;width:33%;.tagline{align-items:center;display:flex;gap:8px;.icon{display:flex;width:16px}.text{color:hsla(0,0%,8%,.86);font-family:IBM Plex Mono;font-size:16px;font-style:normal;font-weight:400;line-height:130%;text-transform:uppercase}}.feature-title{color:#141414;font-family:Manrope;font-size:40px;font-style:normal;font-weight:550;letter-spacing:-1.2px;line-height:110%;&.custom-width{max-width:300px}}}.sticky-container{display:flex;flex-direction:column;gap:10px;width:67%;.row-item{border:1px solid #ccd2db;display:flex;gap:24px;padding:16px;width:100%;//border-right:none;.illustration{width:50%;img{height:auto;width:100%}}.content{display:flex;flex-direction:column;justify-content:space-between;width:50%;.top-content{align-items:center;display:flex;gap:8px;.dot{background-color:#0158ae;height:8px;width:8px}.number{color:#141414;font-family:IBM Plex Mono;font-size:18px;font-style:normal;font-weight:500;line-height:130%;text-transform:uppercase}}.bottom-content{max-width:390px;.item-title{color:#141414;font-size:24px;font-weight:500;letter-spacing:-.24px;line-height:140%;text-transform:capitalize}.desc,.item-title{font-family:Manrope;font-style:normal}.desc{color:#292929;font-size:16px;font-weight:400;line-height:150%;margin-top:8px}}}&.reverse{flex-direction:row-reverse}}}.content{width:67%;.item-list{display:flex;gap:24px;.item{display:flex;flex-direction:column;gap:32px;width:50%;.illustration{width:100%;img{width:100%}}.desc{border-top:1px solid #a3a3a3;color:#292929;font-family:Manrope;font-size:16px;font-style:normal;font-weight:400;line-height:150%;padding-top:16px;&.custom-width{max-width:390px}}}}}.content-full-card{background:#ccd2db;display:flex;gap:24px;padding:16px;width:67%;.illustration{width:50%;img{width:100%}}.desc{display:flex;flex-direction:column;gap:24px;justify-content:flex-end;width:50%;p{color:#141414;font-family:Manrope;font-size:18px;font-style:normal;font-weight:400;line-height:150%}}}&.sticky{.feature-content{height:fit-content;position:sticky;top:80px}}}}@media screen and (max-width:600px){padding-bottom:56px;padding-left:16px;padding-right:16px;padding-top:56px;.feature-container{gap:80px;.title-section{.left-content{display:none}.right-content{padding:24px 16px;width:100%;.title{font-size:40px}}}.feature-row{flex-direction:column;.feature-title{font-size:32px;&.custom-width{max-width:100%}}.feature-content{height:auto;position:static;width:100%;.feature-title{font-size:32px;&.custom-width{max-width:100%}}}.content{width:100%;.item-list{flex-direction:column;.item{width:100%;.desc{max-width:100%}}}}.content-full-card{flex-direction:column;width:100%;.illustration{width:100%}.desc{width:100%;p{font-size:16px}}}&.sticky{gap:56px;.feature-content{height:auto;position:static;width:100%;.feature-title{font-size:32px;&.custom-width{max-width:100%}}}.sticky-container{width:100%;.row-item{border:1px solid #ccd2db;flex-direction:column;.illustration{width:100%}.content{display:flex;gap:16px;width:100%;.bottom-content{.item-title{font-size:20px}.desc{font-size:14px}}}}}}}}}@media screen and (min-width:600px) and (max-width:1024px){padding-bottom:100px;padding-left:24px;padding-right:24px;padding-top:100px;.feature-container{gap:80px;.title-section{flex-direction:row-reverse;.left-content{width:33%}.right-content{padding:40px;width:67%}}.feature-row{flex-direction:column;gap:56px;.feature-content{height:auto;position:static;width:100%;.feature-title{max-width:600px;&.custom-width{max-width:600px}}}.content{width:100%;.item-list{flex-direction:column;.item{flex-direction:row-reverse;width:100%;.illustration{width:50%}.desc{width:50%;&.custom-width{max-width:100%}}}}}.content-full-card{width:100%;.illustration{width:50%}.desc{width:50%;p{font-size:16px}}}&.sticky{gap:56px;.feature-content{height:auto;position:static;width:100%;.feature-title{&.custom-width{max-width:600px}}}.sticky-container{width:100%;.row-item{border:1px solid #ccd2db;.content,.illustration{width:100%}.content{display:flex}}}}}}}}