@charset "UTF-8";
 
figure.animated-overlay{position:relative;overflow:hidden;border-top-left-radius:8px;border-top-right-radius:8px}
.emp{box-shadow:-25px 25px 80px 5px rgba(35,43,102,.1);border-radius:25px;padding:50px;position:relative;overflow:hidden;background-color:#fff;margin:30px 0 0 0;transition:.3s}
.emp:hover{box-shadow:-25px 25px 80px 5px rgba(35,43,102,.3)}
.emp:hover .emp__img{transform:scale(1.1)}
.emp__slider{display:flex;flex-wrap:wrap;margin:0 -15px}
.emp__cell{padding:0 15px;-ms-flex:0 0 25%;flex:0 0 25%;max-width:fit-content;transition:opacity .5s}
.emps__bg{position:absolute;left:0;bottom:0;max-width:100%;z-index:0}
.emps__bg--right{left:initial;right:0;bottom:initial;top:130px}
.emp__tag{position:absolute;transform:rotate(45deg);top:0;right:-28px;background-color:#ffd400;color:#000;font-size:16px;padding:13px 30px 6px}
.emp__tag_s{border-radius:30%;position:absolute;top:0;background-color:#ffd400;color:#000;font-size:12px;padding:13px 30px 6px}
.emp__img-div{width:200px;height:200px;margin:0 auto;position:relative}
.emp--now .emp__img-div::after{content:"";position:absolute;width:15px;height:15px;background-color:#ffd400;bottom:0;left:0;border-radius:50%}
.emp__border{position:absolute;right:-7px;top:-7px;opacity:.5}
.emp__img-div-inner{height:200px;border-radius:50%;position:relative;overflow:hidden;width:200px}
.emp__img-div-inner::after{content:"";position:absolute;width:100%;height:100%;background-color:#232b66;opacity:.25;top:0;right:0}
.emp__img{width:100%;height:100%;top:0;transition:.6s;right:0}
.emp__name{font-size:16px;font-weight:500;color:#3c415b;text-align:center;margin:60px 0 0 0}
.emp__name_s{font-size:16px;font-weight:500;color:#3c415b;text-align:center;margin:25px 0 0 0}
.emp__dashes{height:1px;background-image:linear-gradient(to right,transparent 35%,#777 35%);background-size:7px 100%;margin:11px auto;width:50px}
.emp__year{font-size:14px;text-align:center;color:#777;margin:15px 0 0 0}
.emp__info{font-size:14px;text-align:center;color:#777;margin:30px 0 0 0;}
.link__name1{font-size:16px;font-weight:500;color:#3c415b;text-align:center;margin:10px 0 7px 0}
.hr-st{display: block;margin-top: 0.5em;margin-bottom: 0.5em;margin-left: auto;margin-right: auto;border-style: inset;border-width: 10px;border: 10px solid green;}
.hap__img-div{width:225px;height:170px;margin:0 auto;position:relative}
.hap__img-div-inner{height:200px;border-radius:90%;position:relative;overflow:hidden;width:200px}
.hap__cell{padding:0 5px;-ms-flex:0 0 25%;flex:0 0 25%;max-width:fit-content;transition:opacity .5s}
.hap__slider{display:flex;flex-wrap:nowrap;margin:0 -15px}
.hap__sub{font-size:18px;text-align:center;color:#777;margin:10px 10px, 0 0}
.system__item_hap{display:flex;flex-direction:column-reverse;align-items:center;padding:0 5px;position:relative;margin:40px 0 0 0;height:176px}
.system__item_hap::before{content:"";position:absolute;width:100%;background-color:#28a745;height:calc(100% - 30px);border-radius:25px;bottom:0;right:0;z-index:0;transition:.3s}
.system__item_hap:hover::before{background-color:#232b66;height:calc(100% + 30px)}
.system__item_hap:hover .system__img-div{background-color:#28a745}
.system__item_hap:hover .system__icon{color:#232b66}
.system__item_hap:hover .system__title{color:#fff}
.system__item_hap:hover .system__img{display:none}
.system__item_hap:hover .system__img--hover{display:block}
.system__item_hap{margin:20px 0 0 0;height:140px}
.system__item_hap:hover::before{height:calc(100% + 10px)}
.system__item_hap::before{height:calc(100% - 15px)}
.system__item_hap{height:150px}
.font-hap{padding:13px 30px 6px}