.block--problem-solution #problem-solution{background-color:var(--main-dark-blue);background-image:url(../../../img/decor/stage-bg.webp);background-position:top;background-repeat:no-repeat;background-size:auto;min-height:720px;padding-bottom:4rem;padding-top:4rem}@media only screen and (max-width:900px){.block--problem-solution #problem-solution{padding-top:3rem}}.block--problem-solution #problem-container{display:flex;flex-direction:row;height:300px;position:relative}.block--problem-solution .problem-left{border-right:1px solid var(--main-light-blue);display:flex;flex:50%;flex-direction:column;justify-content:center;padding-right:2rem}.block--problem-solution .problem-left h2{color:#fff;font-size:1.5rem;margin-bottom:0;margin-top:.34rem}.block--problem-solution .problem-left>.supheading{color:var(--main-red);font-size:.85rem;font-weight:600;letter-spacing:2px;line-height:normal;text-transform:uppercase}.block--problem-solution .problem-right{align-items:center;display:flex;flex:50%;padding-left:2rem}.block--problem-solution #problem-guide ul,.block--problem-solution .problem-right ul{margin:0;padding:0}.block--problem-solution #problem-guide ul li,.block--problem-solution .problem-right ul li{align-items:center;color:#fff;display:flex;font-size:.85rem;font-weight:600;line-height:normal;list-style:none;margin-bottom:1rem}.block--problem-solution #problem-guide ul li:last-child,.block--problem-solution .problem-right ul li:last-child{margin-bottom:0}.block--problem-solution #problem-guide ul li img,.block--problem-solution .problem-right ul li img{display:inline-block;height:30px;margin-right:1rem;pointer-events:none;width:30px}.block--problem-solution #problem-guide-container{display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.block--problem-solution #problem-guide{align-items:center;background:var(--main-dark-blue);border:1px solid var(--main-light-blue);border-radius:100px;display:flex;flex-direction:column;height:30px;justify-content:center;margin-top:-15px;overflow:hidden;transition:width .5s ease-in-out,height .5s ease-in-out;width:30px;will-change:width,height;z-index:3}.block--problem-solution #problem-guide-content{align-items:center;display:none;flex-direction:column;justify-content:center;width:600px}@media only screen and (max-width:768px){.block--problem-solution #problem-solution{padding-bottom:0}.block--problem-solution #problem-container{flex-direction:column;height:auto}.block--problem-solution .problem-left{border-right:0;margin-bottom:1.67rem;padding-right:0}.block--problem-solution .problem-right{padding-left:0}.block--problem-solution #problem-guide ul li,.block--problem-solution .problem-right ul li{font-size:.67rem;font-weight:500}.block--problem-solution #problem-guide-container{height:auto;order:3;position:relative}.block--problem-solution #problem-guide{background:0 0!important;border:none!important;border-radius:0!important;height:auto!important;margin-top:1.67rem;padding:0;transform:translateX(0)!important;width:100%!important}.block--problem-solution #problem-guide-content{display:block;width:100%}.block--problem-solution #problem-guide-content h2{text-align:left!important}.block--problem-solution #problem-guide ul{width:100%}}.block--problem-solution #problem-guide-content h2{color:#fff;font-size:1.5rem;margin-bottom:1.67rem;margin-top:0;text-align:center;width:100%}.block--problem-solution .problem-guide-expand{border-radius:5px!important;height:400px!important;width:600px!important}.block--problem-solution .problem-guide-expand>#problem-guide-content{display:flex!important}.block--problem-solution .problem-solution-text-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.block--problem-solution .problem-solution-text{background:var(--main-body-bg-color);border-radius:5px;padding:.67rem;text-align:center}.block--problem-solution .problem-solution-text .title{font-size:1.125em;font-weight:600}.block--problem-solution .guide-fade{animation:guide-fade .5s ease-in-out forwards}.block--problem-solution .guide-fade-delay-1{animation-delay:1.5s}.block--problem-solution .guide-fade-delay-2{animation-delay:3s}.block--problem-solution .problem-fade{animation:problem-fade .22s ease-in-out forwards}@keyframes guide-fade{0%{opacity:0}to{opacity:1}}@media only screen and (min-width:768px){@keyframes problem-fade{0%{opacity:1}to{opacity:.5}}}
