.phases{width:100%}.phases-title{padding-bottom:80px;text-align:center}.phases-title h1{font-family:Francois One,sans-serif;font-weight:400;text-transform:uppercase;font-style:normal;font-size:62px;background:-webkit-linear-gradient(#ff9c15,#fdd957);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.phases-contentBox{gap:80px;padding-bottom:160px}.phases-box{display:flex;justify-content:center;gap:60px}.phases-card{background-color:#0d263c;border-radius:18px;max-width:350px;padding:15px 30px}.phases-card h2{font-family:Francois One,sans-serif;font-weight:400;text-transform:uppercase;font-style:normal;font-size:42px;color:#fdc744;padding-bottom:10px}.phases-card p{font-size:24px;color:#fff}@media only screen and (min-width:700px)and (max-width:900px){.phases-title{padding-top:60px}.phases-title h1{font-size:48px}.phases-contentBox{padding-left:40px;padding-right:40px;gap:40px;padding-bottom:100px}.phases-box{gap:40px}.phases-card h2{font-size:36px}.phases-card p{font-size:20px}}@media only screen and (min-width:500px)and (max-width:700px){.phases-title{padding-top:40px}.phases-title h1{font-size:48px}.phases-contentBox{padding-left:40px;padding-right:40px;gap:20px;padding-bottom:80px}.phases-box{gap:20px}.phases-card{width:300px}.phases-card h2{font-size:26px}.phases-card p{font-size:18px}}@media only screen and (min-width:150px)and (max-width:500px){.phases-title{padding-top:20px}.phases-title h1{padding:0 16px;font-size:60px;line-height:110%}.phases-contentBox{padding-left:20px;padding-right:20px;gap:20px;padding-bottom:80px}.phases-box{flex-direction:column;justify-content:center;align-items:center;gap:20px}.phases-card{min-width:280px}.phases-card h2{font-size:32px}.phases-card p{font-size:21px}}