.node-program .animation-commercial{margin:80px 0 5px}.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part{color:#fff}:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial{background:var(--secondary-green-color);margin:0 auto;overflow:hidden}:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) a{color:#fff}:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation{flex-flow:column;display:flex;position:relative}:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .left-part{background:var(--primary-color);border:20px solid var(--secondary-green-color);text-align:center;border-bottom:0;padding:40px 20px;position:relative}:is(:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .left-part) p{margin:0;font-size:24px;font-weight:300;line-height:30px}:is(:is(:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .left-part) p) strong{font-size:40px;display:block}.custom:is(:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .left-part) img{max-width:250px;height:auto;margin:20px auto;display:block}:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .right-part{background:var(--secondary-green-color);border:20px solid var(--secondary-green-color-less);text-align:center;border-top:0;padding:40px 20px;position:relative}:is(:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .right-part) .details{width:100%;font-size:20px;font-weight:300;line-height:24px}:is(:is(:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .right-part) .details) p{margin:0 0 12px}:is(:is(:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .right-part) .details) ul{margin:0 0 12px;padding:0 0 0 9px;list-style:none}:is(:is(:is(:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .right-part) .details) ul) li{padding:0 0 8px 16px;position:relative}:is(:is(:is(:is(:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .right-part) .details) ul) li):last-child{padding-bottom:0}:is(:is(:is(:is(:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .right-part) .details) ul) li):before{content:"";background:#fff6;border-radius:50%;width:5px;height:5px;font-size:20px;display:inline-block;position:absolute;top:10px;left:0}:is(:is(:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .right-part) .details) h1,:is(:is(:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .right-part) .details) h2,:is(:is(:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .right-part) .details) h3,:is(:is(:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .right-part) .details) h4,:is(:is(:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .right-part) .details) h5,:is(:is(:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .right-part) .details) h6{margin:0 0 12px;font-size:24px;font-weight:600;line-height:28px}:is(:is(:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .right-part) .details) sup{font-size:60%}:is(:is(:is(:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .right-part) .details) .item-button) a{color:var(--secondary-green-color);white-space:nowrap;background:#fff;border:none;border-radius:18px;align-items:center;height:36px;margin:12px 0 24px;padding:0 24px;font-size:16px;font-weight:700;line-height:20px;-webkit-text-decoration:none;text-decoration:none;transition:all .3s;display:inline-flex}@media screen and (width>=1024px){:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation{flex-flow:row}:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .left-part{border:20px solid var(--secondary-green-color);text-align:right;border-right:0;flex-flow:column;justify-content:center;align-items:flex-end;width:100%;max-width:500px;padding:40px 40px 40px 20px;display:flex}.custom:is(:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .left-part) img{margin:12px 0 12px auto}:is(:is(:is(.node-program .animation-commercial .commercial-part,.node-landing .animation-commercial .commercial-part) .animation-commercial) .animation) .right-part{border:20px solid var(--secondary-green-color-less);text-align:left;border-left:0;flex-flow:column;justify-content:flex-end;align-items:flex-start;width:100%;padding:40px 20px 40px 40px;display:flex}}
