.how-it-works{padding:80px 0;background-color:#fff}.how-it-works-container{max-width:1200px;flex-direction:column;gap:40px;margin:0 auto;align-items:center;display:flex}.how-it-works-header{justify-content:center;flex-direction:column;align-self:stretch;gap:12px;text-align:left;display:flex}.how-it-works-heading{font-size:40px;font-weight:600;letter-spacing:-1%;margin:0;line-height:1.4em;font-family:Fira Sans,sans-serif}.rafinera-text{color:#333231}.nasil-calisir-text{color:#3e7b51}.how-it-works-subheading{font-size:20px;font-weight:400;color:#6e6c6a;margin:0;line-height:1.5em;font-family:Fira Sans,sans-serif}.steps-container{justify-content:stretch;align-self:stretch;gap:20px;align-items:stretch;display:flex}.step-item{flex:1;flex-direction:column;display:flex}.step-content{height:300px;min-height:300px;justify-content:center;position:relative;padding-right:20px;flex-direction:column;align-self:stretch;background-size:contain;gap:8px;background-position:50%;border-radius:0;background-repeat:no-repeat;padding-left:20px;display:flex}.step-title{font-size:24px;font-weight:600;position:relative;letter-spacing:-1%;text-align:center;line-height:1.2;display:none;z-index:2}.step-description,.step-title{color:#333231;margin:0;font-family:Fira Sans,sans-serif}.step-description{font-size:16px;font-weight:400;text-align:left;line-height:1.5em}.step-green .step-content{background:url(https://concertune.info/rafinerayeniproje/assets/images/how-it-works/step-1-bg.jpg);background-size:contain;background-position:50%;background-repeat:no-repeat}.step-purple .step-content{background:url(https://concertune.info/rafinerayeniproje/assets/images/how-it-works/step-2-bg.jpg);background-size:contain;background-position:50%;background-repeat:no-repeat}.step-orange .step-content{background:url(https://concertune.info/rafinerayeniproje/assets/images/how-it-works/step-3-bg.jpg);background-size:contain;background-position:50%;background-repeat:no-repeat}.step-blue .step-content{background:url(https://concertune.info/rafinerayeniproje/assets/images/how-it-works/step-4-bg.jpg);background-size:contain;background-position:50%;background-repeat:no-repeat}@media (max-width:768px){.how-it-works{padding:40px 0;background-color:#fff}.how-it-works-container{padding:0 16px;gap:40px}.how-it-works-header{gap:12px;text-align:left}.how-it-works-heading{font-size:32px;font-weight:600;letter-spacing:-1%;text-align:left;line-height:1.4}.rafinera-text{color:#333231}.nasil-calisir-text{color:#3e7b51}.how-it-works-subheading{font-size:15px;color:#6e6c6a;text-align:left;margin:0;line-height:1.5}.step-item,.steps-container{position:relative;flex-direction:column;gap:20px}.step-item{overflow:hidden;padding:0;transition:none;text-align:left;align-items:flex-start;box-shadow:none;border-radius:0;background:transparent;display:flex}.step-item:before{display:none}.step-item:first-child,.step-item:nth-child(2),.step-item:nth-child(3),.step-item:nth-child(4){border-left:none}.step-content{height:350px;overflow:hidden;padding:20px;justify-content:flex-end;position:relative;flex-direction:column;background-size:cover;gap:8px;background-position:50%;border-radius:0;background-repeat:no-repeat;display:flex}.step-content,.step-description{max-width:none;box-sizing:border-box;margin:0;width:100%}.step-description{padding:0;font-size:16px;font-weight:400;color:#333231;line-height:1.5}.step-description,.step-title{text-align:left;font-family:Fira Sans,sans-serif}.step-title{font-size:32px;font-weight:500;color:#fff;position:relative;letter-spacing:-1%;margin:0;line-height:1.2;display:block;z-index:2}.step-green .step-content{background:rgba(40,95,53,.8),url(https://concertune.info/rafinerayeniproje/assets/images/how-it-works/step-1-mobile.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.step-purple .step-content{background:rgba(71,40,95,.8),url(https://concertune.info/rafinerayeniproje/assets/images/how-it-works/step-2-mobile.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.step-orange .step-content{background:rgba(95,51,40,.8),url(https://concertune.info/rafinerayeniproje/assets/images/how-it-works/step-3-mobile-785271.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.step-blue .step-content{background:rgba(40,68,95,.8),url(https://concertune.info/rafinerayeniproje/assets/images/how-it-works/step-4-mobile.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.step-item:hover{transform:none;box-shadow:none}.step-item{animation:none;transform:none;opacity:1}}@media (max-width:480px){.how-it-works{padding:32px 0}.how-it-works-container{padding:0 16px;gap:32px}.how-it-works-heading{font-size:28px;line-height:1.3}.how-it-works-subheading{font-size:16px;max-width:280px}.step-content{min-height:180px;margin:0 0 16px;width:100%}.step-description{font-size:15px;line-height:1.5}}