.theProblemSection{background-color:#141414;margin:0 auto;padding:150px 32px;width:100%;.problem-container{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1375px;.col{width:33.33%}.left-content{display:flex;flex-direction:column;gap:40px;.section-tagline{align-items:center;display:flex;gap:8px;.icon{display:flex;width:16px}.text{color:#fff;font-family:IBM Plex Mono;font-size:16px;font-style:normal;font-weight:400;line-height:130%;text-transform:uppercase}}.section-title{color:#fff;font-family:Manrope;font-size:40px;font-style:normal;font-weight:550;letter-spacing:-1.2px;line-height:110%;max-width:390px}}.center-content{border-left:1px solid #666;border-right:1px solid #666;.app-carousel-section{background:#141414;overflow:hidden;padding:47px 0;position:relative;width:100%;&:after,&:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:200px;z-index:2}&:before{background:linear-gradient(90deg,#141414,transparent);left:0}&:after{background:linear-gradient(270deg,#141414,transparent);right:0}}.carousel-track-wrapper{display:flex;flex-direction:column;gap:24px;position:relative}.carousel-track{display:flex;gap:24px;width:max-content;&.scroll-left{animation:scroll-left 20s linear infinite}&.scroll-right{animation:scroll-right 20s linear infinite}&:hover{animation-play-state:paused}}.app-card{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:16px;display:flex;flex-shrink:0;height:109px;justify-content:center;overflow:hidden;width:109px;img{filter:grayscale(100%);height:82px;object-fit:contain;opacity:.7;transition:filter .3s,opacity .3s;width:82px}&:hover img{filter:grayscale(0);opacity:1}}}.right-content{display:flex;flex-direction:column;gap:40px;margin-left:56px;.section-tagline{align-items:center;display:flex;gap:8px;.icon{display:flex;width:16px}.text{color:#fff;font-family:IBM Plex Mono;font-size:16px;font-style:normal;font-weight:400;line-height:130%;text-transform:uppercase}}.content-list{display:flex;flex-direction:column;gap:40px;width:100%;.item{align-items:center;display:flex;gap:80px;.dot{background-color:#ef6445;height:8px;width:8px}.text{color:#fff;font-family:Manrope;font-size:24px;font-style:normal;font-weight:500;letter-spacing:-.24px;line-height:140%;text-transform:capitalize}}}}}@media screen and (max-width:600px){padding-bottom:80px;padding-left:16px;padding-right:16px;padding-top:80px;.problem-container{align-items:flex-start;flex-direction:column;gap:40px;.col{width:100%}.left-content{gap:32px;.section-title{font-size:32px;max-width:315px}}.center-content{border:1px solid #666;border-left:none;border-right:none;display:block;.app-carousel-section{height:400px;padding:0 12px;&:after,&:before{bottom:unset;height:100px;left:0;right:0;top:0;width:auto}&:before{background:linear-gradient(180deg,#141414,transparent);top:0}&:after{background:linear-gradient(0deg,#141414,transparent);bottom:0;top:unset}.carousel-track-wrapper{flex-direction:row;gap:12px;height:100%;justify-content:center}.carousel-track{flex-direction:column;height:max-content;width:auto;&.scroll-left{animation:scroll-up 20s linear infinite}&.scroll-right{animation:scroll-down 20s linear infinite}}.app-card{height:80px;width:80px;img{height:60px;width:60px}}}}.right-content{margin-left:0;.content-list{gap:24px;.item{flex-direction:row-reverse;gap:16px;justify-content:space-between;.text{font-size:18px}}}}}}@media screen and (min-width:600px) and (max-width:1200px){padding-bottom:80px;padding-left:16px;padding-right:16px;padding-top:80px;.problem-container{align-items:flex-start;flex-direction:column;gap:40px;.col{width:100%}.center-content{border:1px solid #666;border-left:none;border-right:none;.app-carousel-section{height:450px;padding:0 24px;&:after,&:before{height:120px;left:0;right:0;width:auto}&:before{background:linear-gradient(180deg,#141414,transparent);bottom:unset;top:0}&:after{background:linear-gradient(0deg,#141414,transparent);bottom:0;top:unset}.carousel-track-wrapper{flex-direction:row;height:100%;justify-content:center}.carousel-track{flex-direction:column;height:max-content;width:auto;&.scroll-left{animation:scroll-up 20s linear infinite}&.scroll-right{animation:scroll-down 20s linear infinite}}}}.right-content{margin-left:0;.content-list{gap:24px;.item{flex-direction:row-reverse;gap:16px;justify-content:space-between;.text{font-size:18px}}}}.left-content{gap:24px;.section-title{font-size:32px;max-width:500px}}}}}