.gff-card-tutorial__container{max-width:1120px;margin:0 auto}
.gff-card-tutorial__title{margin-bottom:32px;font-weight:600;font-size:28px;line-height:34px;letter-spacing:-1px;color:#151d2c}
.gff-card-tutorial__swiper{width:100%;display:flex;flex-direction:column}
.gff-card-tutorial__wrapper{display:flex;gap:32px;width:100%;margin:0 auto}
.gff-card-tutorial__slide{display:flex;justify-content:center;align-items:center;flex-shrink:initial;height:auto}
.gff-card-tutorial__pagination{position:static;margin-top:32px;display:none}
.gff-card-tutorial__card{width:352px;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,0.1);overflow:hidden;display:flex;flex-direction:column;height:-webkit-fill-available}
.gff-card-tutorial__image-container{position:relative;width:100%;height:151px}
.gff-card-tutorial__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.gff-card-tutorial__time{position:absolute;top:0;left:0;background-color:#85baff;color:#002d6f;border-radius:0 0 16px 0;font-size:14px;font-weight:bold;display:flex;align-items:center;justify-content:center;width:66px;height:34px}
.gff-card-tutorial__content{padding:24px 32px;background-color:#fff;display:flex;flex-direction:column;gap:16px;flex-grow:1;justify-content:space-between}
.gff-card-tutorial__items{display:flex;flex-direction:column;gap:16px}
.gff-card-tutorial__category-text{border-radius:8px;padding:4px 24px;background-color:#eff3fb;color:#384868;font-size:12px;text-transform:uppercase}
.gff-card-tutorial__card-title{font-size:20px;font-weight:600;line-height:26px;color:#151d2c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-1px}
.gff-card-tutorial__description p{font-size:16px;color:#384868;line-height:24px;margin:0;letter-spacing:-0.5px}
.gff-card-tutorial__button{background-color:#00429c;color:#f8fbff;padding:8px 16px 8px 24px;border-radius:8px;display:flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;width:fit-content}
.gff-card-tutorial__button:hover{background-color:#1451a4}
.gff-card-tutorial__button:active{background-color:#073778}
.gff-card-tutorial__button-container{text-align:center;margin-top:32px;display:flex;justify-content:center}
.gff-card-tutorial__main-button{background-color:transparent;color:#00429c;font-size:14px;line-height:20px;border:0;padding:8px 16px 8px 24px;border-radius:8px;display:flex;gap:8px;align-items:center;font-weight:700;cursor:pointer}
.swiper-pagination-bullet{width:8px;height:8px;background-color:#d1e2f5;opacity:1;border-radius:50%;margin:0 4px}
.swiper-pagination-bullet-active{background-color:#0058cb;width:24px;height:8px;border-radius:12px}
@media screen and (max-width:1028px){.gff-card-tutorial__container{width:auto;padding-left:32px}
.gff-card-tutorial__swiper{display:block;overflow:hidden}
.gff-card-tutorial__wrapper{gap:0}
.gff-card-tutorial__slide{flex-shrink:0;width:286px}
.gff-card-tutorial__pagination{display:block}
}
@media screen and (max-width:600px){.gff-card-tutorial__container{padding:0 16px}
}