.hover-shield{align-items:center;margin:0 auto}.hover-shield,.hover-shield .shield-container{display:flex;justify-content:center;position:relative}.hover-shield .shield-container{gap:15px;height:auto;width:100%;z-index:1}.hover-shield .shield-container .steps-left,.hover-shield .shield-container .steps-right{flex:1 0 calc(33.33% - 10px)}.hover-shield .shield-container .steps-left{margin-right:-24px}.hover-shield .shield-container .steps-right{margin-left:4%}.hover-shield .inner-shield{align-items:center;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;display:flex;flex:1 0 calc(33.33% - 10px);flex-direction:column;justify-content:center;margin-top:10%;max-height:400px;padding:30px;position:relative;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;width:auto}.hover-shield .inner-shield .inner-title{height:80%;max-height:260px;max-width:180px;padding-top:70px;position:relative}.hover-shield .inner-shield .inner-title h3{font-size:16px;line-height:1.4em;text-align:center;text-transform:uppercase}.hover-shield .step-icon{left:-55px;position:relative;top:30px}.hover-shield .step-title h3{font-size:18px;font-weight:700;line-height:1.4em;padding-bottom:4px;text-align:left;text-transform:uppercase}.hover-shield .step-subtitle h4{font-size:26px;font-weight:300;line-height:1.4em;text-align:left}.hover-shield .step-text{font-size:18px;font-weight:400;line-height:1.4em;text-align:left}.hover-shield #hoverCircle1,.hover-shield #hoverCircle2,.hover-shield #hoverCircle3,.hover-shield #hoverCircle4,.hover-shield #hoverCircle5{display:none;position:absolute}.hover-shield .hover-step{border:4px solid var(--black-color);margin-left:-55px;min-height:200px;padding:0 12px 14px 69px;position:relative;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}.hover-shield .overlay-area{background-color:transparent;position:absolute}.hover-shield #hoverCircle2 .step-text,.hover-shield #hoverCircle2 .step-title h3{margin-right:26px}@media (max-width:1200px){.hover-shield .shield-container .steps-left,.hover-shield .shield-container .steps-right{padding-left:2%}}@media (max-width:991px){.hover-shield{max-width:600px}.hover-shield .shield-container{flex-direction:column;gap:0}.hover-shield .inner-shield{flex:1 0 100%;margin-top:0;order:1}.hover-shield .inner-shield .inner-title{height:260px;max-height:unset;padding-top:80px}.hover-shield .inner-shield .inner-title h3{font-size:15px!important}.hover-shield .shield-container .steps-left{flex:1 0 100%;margin-right:0;order:2}.hover-shield .shield-container .steps-right{flex:1 0 100%;margin-left:0;order:3}.hover-shield .hover-step{min-height:unset}.hover-shield .overlay-area{display:none}}@media (max-width:768px){.hover-shield .hover-step{margin-left:0}.hover-shield .shield-container .steps-left,.hover-shield .shield-container .steps-right{padding-left:0}}