@import url("../shared/BLOCK_GRID.css");
@import url("../shared/BLOCK_SPACING.css");
:root{font-family:DINPro,Arial,sans-serif}
body{margin:0;background:#f9fafc;color:#000}
.block_course_hero{background:#010006;color:#fff;margin-top:70px;overflow:hidden}
.block_course_hero_inner{position:relative;width:80%;min-height:370px;margin:auto;padding-top:70px}
.block_course_hero h1{font-size:72px;font-weight:700;line-height:1.2;margin:0}
.block_course_hero p{color:#0ca1f5;font-size:40px;line-height:1.2;max-width:610px;margin:18px 0 0}
.block_course_hero img{position:absolute;right:0;bottom:0;width:407px;height:auto}
.block_course_catalog{padding:50px 10vw 60px}
.block_course{margin:0 auto 48px}
.block_course_title{font-size:32px;font-weight:700;line-height:1.25;margin:0 0 40px}
.block_course_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.block_course_card{--course-card-bg:#fff;box-sizing:border-box;min-width:0;min-height:310px;width:100%;background:var(--course-card-bg);box-shadow:0 2px 8px rgba(0,0,0,.17);padding:40px;display:grid;grid-template-columns:200px minmax(50px, 1fr) 200px;grid-template-rows:minmax(0,1fr) auto auto;column-gap:20px;row-gap:12px;transition:box-shadow .2s;color:#000}
.block_course_card:hover{box-shadow:0 0 20px rgba(0,0,0,.25)}
.block_course_card_image{position:relative;display:block;width:200px;height:167px;align-self:center;grid-row:1/4;grid-column:1}
.block_course_card_image img{position:absolute;inset:0;display:block;width:200px;height:167px;object-fit:contain}
.block_course_card_image_hover{opacity:0}
.block_course_card:hover .block_course_card_image_hover{opacity:1}
.block_course_card:hover .block_course_card_image_default{opacity:0}
.block_course_card_title{grid-column:2/4;grid-row:1;min-width:0;font-size:32px;font-weight:300;line-height:1.15;margin:0;transition:color .2s}
.block_course_card:hover .block_course_card_title{color:#0057b7}
.block_course_card_meta{display:contents;font-size:18px;font-weight:300;line-height:1.12}
.block_course_card_fee span{display:block}
.block_course_card_fee{grid-column:2;grid-row:3;align-self:end}.block_course_card_fee span{color:#0057b7}
.block_course_card_schedule{grid-column:2/4;grid-row:2;display:flex;justify-content:space-between;gap:8px;color:#66788a;text-align:left;font-size:21px}
.block_course_card_action{grid-column:3;grid-row:3;justify-self:stretch;width:200px;height:40px;border:0;background:#0ca1f5;color:#fff;font:300 18px DINPro,Arial,sans-serif;opacity:1;cursor:default}
a.block_course_card_action{display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
a.block_course_card_action:focus-visible{outline:2px solid #0057b7;outline-offset:2px}
@media(max-width:1700px){.block_course_card{min-height:238px;padding:24px;grid-template-columns:200px minmax(0,1fr) 120px;column-gap:24px}.block_course_card_title{font-size:21px}.block_course_card_meta,.block_course_card_schedule{font-size:16px}.block_course_card_action{width:120px}}
@media(max-width:1600px){.block_course_hero_inner{min-height:330px}.block_course_hero h1{font-size:50px}.block_course_hero p{font-size:32px}.block_course_hero img{width:370px}}
@media(min-width:1301px) and (max-width:1450px){.block_course_card{--course-image-width:clamp(140px,calc(30vw - 250px),170px);grid-template-columns:var(--course-image-width) minmax(0,1fr) 120px}.block_course_card_image,.block_course_card_image img{width:var(--course-image-width)}}
@media(max-width:1300px){.block_course_hero_inner{min-height:260px;padding-top:40px}.block_course_hero h1{font-size:50px}.block_course_hero p{font-size:26px;max-width:440px}.block_course_hero img{width:260px}.block_course_title{margin-bottom:32px}.block_course_card{min-height:460px;display:grid;grid-template-columns:1fr;grid-template-rows:167px minmax(80px,1fr) auto 40px;row-gap:24px}.block_course_card_image{grid-column:1;grid-row:1;justify-self:center}.block_course_card_title{grid-column:1;grid-row:2;font-size:21px}.block_course_card_meta{grid-column:1;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:end}.block_course_card_fee{grid-column:1;grid-row:1}.block_course_card_schedule{grid-column:2;grid-row:1;display:block;text-align:right}.block_course_card_schedule span{display:block}.block_course_card_action{grid-column:1;grid-row:4;width:100%}}
@media(max-width:1000px){.block_course_hero_inner{min-height:230px}}
@media(max-width:850px){.block_course_hero_inner{width:80%;min-height:300px;padding-top:24px;text-align:center}.block_course_hero h1{font-size:40px}.block_course_hero p{font-size:18px;margin:12px auto 0}.block_course_hero img{width:185px;right:calc(50% - 92.5px)}}
@media(max-width:700px){.block_course_catalog{padding:22px 10vw 50px}.block_course{margin-bottom:42px}.block_course_title{font-size:32px;margin-bottom:24px}.block_course_grid{grid-template-columns:1fr;gap:24px}.block_course_card{min-height:440px;padding:16px;grid-template-rows:167px minmax(80px,1fr) auto 40px;row-gap:16px}.block_course_card_title{font-size:21px}.block_course_card_meta,.block_course_card_schedule{font-size:16px}}
@media(max-width:500px){.block_course_card{padding:16px}.block_course_title{overflow-wrap:anywhere}}
@media(max-width:1300px){.block_course:nth-child(2) .block_course_card:nth-child(2){order:3}.block_course:nth-child(2) .block_course_card:nth-child(3){order:2}}

@media(max-width:344px){.block_course_hero img{position:relative;right:auto;bottom:auto;display:block;margin:16px auto 0}}
@media(min-width:2251px){.block_course_grid{gap:40px}.block_course_card{column-gap:50px}.block_course_title{font-size:40px}.block_course_card_schedule{font-size:28px}.block_course_card_meta{font-size:21px}.block_course_card_action{height:47px;font-size:21px}}