.popeye{    position: absolute; right:1.25rem; top: auto; z-index: 9;  padding:3px 6px; line-height: initial; border-radius: 2px; background:var(--mycolor);}
.popeye i{font-size:22px; color:#fff;}
.guid_pop{background:#f3f3f3;}
.bul_poi{position: absolute; top:0; left:0;}
.bul_poi .btn{ animation: pulse 0.75s infinite; box-shadow:0 0 0 0.25em rgba(0, 0, 0, 0.2); position:absolute; background:var(--mycolor); padding:0; color:#fff; border-radius:50%; width:30px; height:30px; line-height:25px;}  
.guid_img{width: 600px; height:auto; border:1px solid rgba(0, 0, 0, 0.125)!important; margin:0 10px 0 0; background:#fff;}
.guid_left{width:550px;}
.guid_left .card{margin-bottom:3px;}
.guid_left .card-header{border:none!important;}
.guid_left .btn-link{display: flex; width:100%; position:relative; line-height:0; align-items: center; padding: 0!important; /*margin-left:-25px;*/ text-align: left;}
.guid_left .btn-link:after{content:"\e64b"; font-family:'themify'; position:absolute; right:0; }
.p_num{margin-right: 10px;
    background: var(--mycolor);
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 30px; color:#fff;
} 
.card.active .p_num{background:#fff; color:var(--mycolor)!important;}
.guid_left .btn-link p{font-size:13px; font-weight:400; text-transform: none;}
.card.active{background:var(--mycolor); color:#fff!important;}
.card.active .btn-link{color:#fff!important;}
.card.active h5, .card.active p, .card.active .p_num{color:#fff;}
.card.active .card-header{background:none!important;}
.guid_left .card.active .btn-link:after{color:#fff;}