::selection{background:rgb(0,123,255,.3)}
.wrapper{max-width:100%}
.wrapper .child-tab,.wrapper .parent-tab{margin-bottom:15px;border:2px solid #007bff;border-radius:8px;overflow:hidden}
.wrapper .child-tab label,.wrapper .parent-tab label{background-color:#ffffff;padding:15px 20px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;position:relative;transition:.3s;color:#252525;margin-bottom:0}
.child-tab input:checked~label,.parent-tab input:checked~label{background-color:#ffffff;color:#000}
.wrapper label span{font-family:Roboto,sans-serif;font-size:15px;font-weight:700;width:100%;text-align:left}
.wrapper .child-tab label span{font-size:17px}
.parent-tab label .icon{position:absolute;font-size:13px;color:#000;display:block;margin-right:10px;right:20px}
.wrapper .child-tab label .icon{height:27px;width:27px}
.parent-tab label .icon i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#007bff}
.child-tab input:checked~label .icon i:before,.parent-tab input:checked~label .icon i:before{content:'\f068'}
.wrapper .child-tab .sub-content,.wrapper .parent-tab .content{max-height:0;overflow:hidden;border-radius:0;transition:.4s;background-color:#ffffff}
.child-tab input:checked~.sub-content,.parent-tab input:checked~.content{max-height:100vh}
.tab-3 input:checked~.content{padding:15px 20px}
.child-tab .sub-content p,.parent-tab .content p{font-family:Roboto,sans-serif;color:#000;font-size:14px;font-weight:400;padding:15px 20px;text-align:left;margin-top:0}
.child-tab .sub-content p{font-size:15px}
input[type=checkbox],input[type=radio]{display:none}