#pgCourseBanner{padding:35px 22px 16.5px;gap:20px;display:flex;flex-flow:column nowrap}#pgCourseBanner .col{order:1}#pgCourseBanner .col:first-child{gap:24px;display:flex;flex-direction:column;max-width:543px}#pgCourseBanner .col .header{gap:21px;display:flex;flex-direction:column}#pgCourseBanner .col .header .info{gap:16px;display:flex;flex-direction:column}#pgCourseBanner .col .header .info h2{color:var(--post-graduation-primary-color, #1b2748);font-size:19px;font-weight:600}#pgCourseBanner .col .header .info .details{gap:12px;display:flex;flex-flow:row wrap}#pgCourseBanner .col .header .info .details .dt-item{gap:5px;display:flex;align-items:center;color:var(--post-graduation-primary-color, #1b2748)}#pgCourseBanner .col .header .info .details .dt-item span{font-size:12px}#pgCourseBanner .col .header .info .details .dt-item svg{width:16px}#pgCourseBanner .col .header .features{gap:8px;display:flex}#pgCourseBanner .col .header .features .feature{gap:4px;display:flex;align-items:center;justify-content:center;color:var(--post-graduation-primary-color, #1b2748);border-radius:63px;border:1px solid var(--post-graduation-primary-color, #1b2748);padding:8px}#pgCourseBanner .col .header .features .feature svg{width:14px;height:14px}#pgCourseBanner .col .header .features .feature span{text-transform:uppercase;font-size:12px}#pgCourseBanner .col .content{display:flex;flex-direction:column;align-items:start;gap:10px;font-size:14px;color:var(--post-graduation-primary-color, #1b2748);position:relative}#pgCourseBanner .col .content span{font-size:14px;font-weight:500;width:308px;color:var(--post-graduation-primary-color, #1b2748);transition:max-height .5s ease-in-out;display:block;overflow:hidden;position:relative}#pgCourseBanner .col .content span:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40px;background:linear-gradient(to bottom,#fff0,#fff);transition:opacity .3s ease;pointer-events:none;opacity:0}#pgCourseBanner .col .content span.has-gradient:after{opacity:1}#pgCourseBanner .col .content span.text-expanded:after{opacity:0}#pgCourseBanner .col .content span.text-collapsed{max-height:9em}#pgCourseBanner .col .content span.text-expanded{max-height:1000px}#pgCourseBanner .col .content .toggle{cursor:pointer;font-size:16px;font-weight:600;color:var(--post-graduation-secondary-color);text-decoration:underline}#pgCourseBanner .col .content .toggle:hover{color:color-mix(in srgb,var(--post-graduation-secondary-color) 80%,black 20%)}#pgCourseBanner .col .footer{padding:0;display:flex;flex-direction:row;justify-content:start;background-color:transparent}#pgCourseBanner .col .footer a{flex:1;gap:10px;display:flex;align-items:center;justify-content:center;color:var(--text-color-white, #ffffff);padding:10px 22px;border-radius:8px;text-decoration:none;background-color:var(--btn-color, #22c55e);transition:all .3s ease;max-width:288px;height:52px}#pgCourseBanner .col .footer a:hover{transform:translateY(-1px);box-shadow:0 6px 16px #35c85a59}#pgCourseBanner .col .footer a span{font-size:16px;text-transform:uppercase}#pgCourseBanner .col:last-child{order:0}#pgCourseBanner .col .banner{position:relative}#pgCourseBanner .col .banner .ba-background{width:100%;min-width:312px;height:210px;object-fit:cover;border-radius:13px}#pgCourseBanner .col .banner .ba-stamp{width:83px;position:absolute;top:-10px;left:15px}#pgCourseBanner .col .banner .card{gap:5px;display:flex;flex-direction:row;align-items:center;border-radius:9px;border:1px solid var(--blue-300, #93c5fd);background:var(--gray-50-opacity, #f5f5f5e3);padding:15px 11px;width:180px;position:absolute;right:20px;bottom:40px}#pgCourseBanner .col .banner .card .card-label{display:flex;flex-direction:column;color:var(--text-color-black, #000);font-size:9px}#pgCourseBanner .col .banner .card .card-image{flex:1}#pgCourseBanner .col .banner .card .card-entity{width:84.28px;height:auto}@media screen and (min-width: 425px){#pgCourseBanner .col .content span{width:381px}}@media screen and (min-width: 768px){#pgCourseBanner{padding:64px 24px}#pgCourseBanner .col:first-child{width:538px}#pgCourseBanner .col .header{gap:24px}#pgCourseBanner .col .header .features{gap:16px}#pgCourseBanner .col .header .features .feature{gap:10px;width:221px;padding:12px 8px;height:44px}#pgCourseBanner .col .header .features .feature svg{width:20px;height:20px}#pgCourseBanner .col .header .features .feature span{max-width:unset;text-align:left;font-size:16px}#pgCourseBanner .col .header .features .feature:nth-child(2) span{text-transform:unset}#pgCourseBanner .col .header .info{gap:24px}#pgCourseBanner .col .header .info h2{font-size:32px}#pgCourseBanner .col .header .info .details .dt-item:first-child{order:1}#pgCourseBanner .col .header .info .details .dt-item span{font-size:16px}#pgCourseBanner .col .content span{width:508px}#pgCourseBanner .col .content span.text-collapsed{max-height:5.5em}#pgCourseBanner .col .banner .ba-background{height:350px}#pgCourseBanner .col .footer{justify-content:left}#pgCourseBanner .col .footer a{max-width:unset}#pgCourseBanner .col .banner .card{gap:8px;border-radius:16px;padding:24px 20px;width:333px;height:94px;right:21px;bottom:15px}#pgCourseBanner .col .banner .card .card-label{font-size:16px;line-height:normal}#pgCourseBanner .col .banner .card .card-label strong{font-weight:600;line-height:normal}#pgCourseBanner .col .banner .card .card-label span{font-weight:400;line-height:normal}#pgCourseBanner .col .banner .card .card-image{flex:1}#pgCourseBanner .col .banner .card .card-entity{width:177px;height:46px}#pgCourseBanner .col .banner .ba-stamp{width:126px;position:absolute;top:-16px;left:31px}}@media screen and (min-width: 900px){#pgCourseBanner{flex-direction:row;justify-content:center;padding-block:80px;gap:24px}#pgCourseBanner .col .footer{max-height:59px}#pgCourseBanner .col{order:0;max-width:576px}#pgCourseBanner .col .banner .card{gap:5px;border-radius:9px;padding:15px 11px;width:180px;right:20px;bottom:40px;height:auto}#pgCourseBanner .col .banner .card .card-label{font-size:9px}#pgCourseBanner .col .banner .card .card-entity{width:84.28px;height:auto}#pgCourseBanner .col .banner .ba-stamp{width:83px;position:absolute;top:-10px;left:15px}#pgCourseBanner .col .content span{font-size:16px}}@media screen and (min-width: 1200px){#pgCourseBanner{gap:50px;padding-block:79px 155px}#pgCourseBanner .col .banner .card{gap:8px;border-radius:16px;border:1px solid var(--blue-300, #93c5fd);background:var(--gray-50-opacity, #f5f5f5e3);padding:24px 20px;width:333px;height:94px;right:21px;bottom:15px}#pgCourseBanner .col .banner .card .card-label{font-size:16px;line-height:normal}#pgCourseBanner .col .banner .card .card-label strong{font-weight:600;line-height:normal}#pgCourseBanner .col .banner .card .card-label span{font-weight:400;line-height:normal}#pgCourseBanner .col .banner .card .card-image{flex:1}#pgCourseBanner .col .banner .card .card-entity{width:177px;height:46px}#pgCourseBanner .col .banner .ba-stamp{width:126px;position:absolute;top:-16px;left:31px}}@media screen and (min-width: 1400px){#pgCourseBanner .col:last-child,#pgCourseBanner .col .banner{min-width:635px}}