.fixed{position:fixed;bottom:40px;right:40px;z-index:9999;}

.fixed ul{padding:10px 0;display:flex;flex-direction:column;width:85px;border-radius:10px;background:linear-gradient(0deg, #8BC34A, #4caf50);}
.fixed ul li{display:flex;align-items:center;justify-content:center;}
.fixed ul li div{}
.fixed ul li a{display:block;padding:15px 0;width:100%;}
.fixed ul li img{margin:0 auto;display:block;width:25px}
.fixed ul li p{text-align:center;margin-top:6px;color:#fff;font-size:13px;font-weight:500;}

.top{cursor:pointer;width:85px;height:85px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #8BC34A}
.top div img{margin:0 auto;display:block;width:15px;filter: brightness(0) saturate(100%) invert(49%) sepia(62%) saturate(487%) hue-rotate(74deg) brightness(92%) contrast(88%);}

.call_popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;max-width:360px;padding:60px 0px;background:#fff;border-radius:20px;z-index:9999;display:none;box-shadow:0 10px 40px rgba(0,0,0,0.2);text-align:Center;}
.call_pop_icon{display:block;margin:0 auto;width:120px;filter:hue-rotate(
292deg);}
.call_popup.on{display:block;}
.call_popup p{font-size:15px;color:#555;}
.call_popup a{display:block;font-weight:800}
.call_close{position:absolute;right:0px;top:-35px;width:14px;border:0;background:none;cursor:pointer;display:flex;align-items:center;font-weight:600;gap:0 5px;justify-content: right;color:#fff;}
.call_close img{width:100%;filter:invert(1)}
.call_bg{backdrop-filter:blur(5px);position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:9998;display:none;}
.call_bg.on{display:block;}

.mb_fix{display:none;}
@media screen and (max-width:768px){
  .fixed{display:none;}
  .mb_fix{background:#fff;display:block;position:fixed;bottom:0;left:0;width:100%;z-index:9999;box-shadow:0 -0 30px rgba(0,0,0,0.1)}
  .mb_fix ul{display:flex;}
  .mb_fix ul li{width:20%}
  .mb_fix ul li a{display:block;padding:10px 0}
  .mb_fix ul li a img{display:block;width:20px;margin:0 auto;}
  .mb_fix ul li a p{line-height:normal;font-weight:600;text-align:center;margin-top:8px;font-size:12px;}
  .fix_sym{position:relative;}
  .mb_fix ul li.fix_sym a{position: absolute;width: 60px;height: 60px;left: 50%;transform: translateX(-50%);background: #fff; top: -21px;border: 2px solid #17786d;border-radius: 100px;display: flex;justify-content: center;}
  .mb_fix ul li.fix_sym img{width:100%;}
}