.service-card{border-radius:10px;box-shadow:0 7px 9px hsla(0,0%,76.5%,.16);background-color:#fff;overflow:hidden;padding:0 0;margin:40px 0;display:flex;align-items:center;min-height:100px}.service-card .service-card-title{text-align:left;width:25vw;padding:16px 16px 16px 60px}.service-card .service-card-title img{width:68px;margin:0 16px}.service-card .service-card-title h4{font-size:24px;color:#000;font-weight:500}.service-card .service-card-title h4 span+span{margin:0 24px}.service-card .service-card-items{width:calc(100% - 25vw)}.service-card .service-card-items .service-card-item{display:flex}.service-card .service-card-items .service-card-item+.service-card-item{font-size:20px}.service-card .service-card-items .service-card-item+.service-card-item .item-name{border-top:1px solid #e0e0e0}.service-card .service-card-items .service-card-item .item-name{width:calc(100% - 25vw);font-size:20px;font-weight:500;text-align:center;display:flex;align-items:center;justify-content:center}.service-card .service-card-items .service-card-item .item-value{width:25vw;padding:18px 0;text-align:center;display:flex;align-items:center;justify-content:center}.service-total-box .row-box{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.service-total-box .row-box+.row-box{border-top:1px solid rgba(115,143,180,.65)}.service-total-box .row-box.discount-value-box .service-total-value .total-fee{font-weight:700}.service-total-box .row-box.final-total-value-box{border-top-width:2px}.service-total-box .row-box.final-total-value-box .service-total-title{color:#007eeb}.service-total-box .row-box.final-total-value-box .service-total-value .total-fee{font-size:44px;font-weight:700;color:#007eeb}.service-total-box .row-box.final-total-value-box .service-total-value .unit{font-size:24px}.service-total-box .service-total-title{font-size:24px;color:#000;margin-right:100px}.service-total-box .service-total-value{text-align:right}.service-total-box .service-total-value .monthly-fee{display:block;font-size:16px;white-space:nowrap}.service-total-box .service-total-value .monthly-fee>b{position:relative;font-weight:400}.service-total-box .service-total-value .monthly-fee>b+b{padding-left:12px;margin-left:12px}.service-total-box .service-total-value .monthly-fee>b+b:before{display:block;content:"";width:1px;height:14px;background:#c9c9c9;position:absolute;left:0;top:50%;margin-top:-7px}.service-total-box .service-total-value .total-fee{font-size:24px;color:#000}.qty-control-box{display:flex;justify-content:center}.qty-control-box .form-control{width:50px;height:36px;border:0;background:#f5f5f5;box-shadow:inset 0 3px 6px hsla(0,0%,76.5%,.16);margin:0 8px;text-align:center;font-weight:700}.btn-control-box{display:inline-flex;border:1px solid #e0e0e0;border-radius:3px;background-color:#fff;box-shadow:0 3px 6px hsla(0,0%,76.5%,.16)}.btn-control-box>.btn-control{position:relative;padding:8px 16px;min-width:70px;height:40px;display:flex;align-items:center;justify-content:center;color:#707070;cursor:pointer}.btn-control-box>.btn-control+.btn-control:before{display:block;content:"";width:1px;position:absolute;left:0;top:8px;bottom:8px;background:#e0e0e0}.btn-control-box>.btn-control.btn-control-plus{font-size:0}.btn-control-box>.btn-control.btn-control-plus span:after,.btn-control-box>.btn-control.btn-control-plus span:before{display:block;content:"";width:14px;height:2px;background:#707070;border-radius:30px;position:absolute;top:50%;left:50%;margin-left:-7px;margin-top:-1px}.btn-control-box>.btn-control.btn-control-plus span:after{transform:rotate(90deg)}.btn-control-box>.btn-control.btn-control-minus{font-size:0}.btn-control-box>.btn-control.btn-control-minus span:before{display:block;content:"";width:14px;height:2px;background:#707070;border-radius:30px;position:absolute;top:50%;left:50%;margin-left:-7px;margin-top:-1px}#sticky-total{position:fixed;bottom:0;left:100px;right:0;z-index:5;background:rgba(240,247,252,.9);border:0;padding:0 40px;box-shadow:0 -5px 10px hsla(0,0%,76.5%,.16)}#sticky-total .btn-toggle{display:block;width:80px;height:80px;border-radius:50%;background:rgba(240,247,252,.9);position:absolute;left:50%;margin-left:-40px;top:-40px;text-align:center}#sticky-total .btn-toggle.is-active .icon{transform:rotate(0)}#sticky-total .btn-toggle .icon{display:inline-block;width:20px;margin-top:15px;transform:rotate(180deg)}.custom-radio.b-custom-control-lg,.input-group-lg .custom-radio{position:relative;top:-4px;cursor:pointer}.custom-radio.b-custom-control-lg .custom-control-label:before,.input-group-lg .custom-radio .custom-control-label:before{width:32px;height:32px;background:#f5f5f5;box-shadow:inset 0 1px 2px #c3c3c3;border:0}.custom-control-input:checked~.custom-control-label:before{color:#fff;border-color:#4cb0f8;background-color:#4cb0f8}.custom-radio.b-custom-control-lg .custom-control-label:after,.input-group-lg .custom-radio .custom-control-label:after{top:7px;left:-28px;width:28px;height:28px}.custom-switch.b-custom-control-lg,.input-group-lg .custom-switch{padding-left:27px;width:55px;height:32px;vertical-align:top;position:relative;top:-4px}.custom-switch.b-custom-control-lg .custom-control-label:before,.input-group-lg .custom-switch .custom-control-label:before{width:55px;height:32px;background:#f5f5f5;box-shadow:inset 0 1px 2px #c3c3c3;border:0;border-radius:100px;left:-44px;cursor:pointer}.custom-switch.b-custom-control-lg .custom-control-label:after,.input-group-lg .custom-switch .custom-control-label:after{background:#fff;box-shadow:1px 1px 2px #c9c9c9;left:-42px;width:28px;height:28px;border-radius:50%;cursor:pointer}.custom-switch.b-custom-control-lg .custom-control-input:checked~.custom-control-label:after,.input-group-lg .custom-switch .custom-control-input:checked~.custom-control-label:after{background:#4cb0f8;box-shadow:1px 1px 2px #c9c9c9;transform:translateX(22px)}@media screen and (max-width:1365px){.service-card .service-card-title{padding:16px 30px}.service-card .service-card-title h4{text-align:center}.service-card .service-card-title h4 span{display:block;margin:8px 0}.service-card .service-card-title h4 span img{width:40px}}@media screen and (max-width:991px){.service-card{display:block}.service-card .service-card-title{width:auto}.service-card .service-card-title h4{font-size:20px}.service-card .service-card-title h4 span{display:inline-block}.service-card .service-card-title h4 span+span,.service-card .service-card-title h4 span img{margin:0 8px}.service-card .service-card-items{width:auto}.service-card .service-card-items .service-card-item{border-top:1px solid #e0e0e0}.service-card .service-card-items .service-card-item+.service-card-item .item-name{border-top:0}.service-card .service-card-items .service-card-item .item-name{width:60%;font-size:16px;padding:18px 18px}.service-card .service-card-items .service-card-item .item-value{width:40%;padding:18px 18px}#sticky-total{left:0}.service-total-box .row-box>div{display:block!important}.service-total-box .row-box.final-total-value-box .service-total-value .total-fee{font-size:36px}.service-total-box .service-total-title{margin-right:0;margin-bottom:8px;font-size:18px}.service-total-box .service-total-value .total-fee{font-size:18px}.service-total-box .service-total-value .monthly-fee{font-size:12px}.btn-control-box>.btn-control{min-width:44px}}@media screen and (max-width:575px){#sticky-total{padding:0 16px}.service-total-box .row-box.final-total-value-box{display:block}.service-total-box .row-box.final-total-value-box>.d-flex{display:flex!important;margin-bottom:16px}.service-total-box .row-box.final-total-value-box>.d-flex .service-total-title{margin:0}.btn-control-box>.btn-control{padding:4px 8px;height:30px;font-size:12px}}