.tab_wrapper{margin:0;display:inline-block;width:100%;position:relative}
.tab_wrapper *{box-sizing:border-box}
.tab_wrapper > ul{clear:both;display:inline-block;width:100%; margin:0;}
.tab_wrapper > ul li{float:left;cursor:pointer;font-weight:700;padding:8px 18px;text-transform:uppercase;position:relative;color:#999;margin:0 5px 0 0; list-style:none;}
.tab_wrapper > ul li.active{border-color:#49a4d9;color:#49a4d9}
.tab_wrapper .controller{display:block;overflow:hidden;clear:both;position:absolute;top:0;right:0}
.tab_wrapper .controller span{padding:8px 22px;background:#49a4d9;color:#fff;text-transform:uppercase;display:inline-block}
.tab_wrapper .controller span.next{float:right;margin-left:10px}
.tab_wrapper .content_wrapper{float:left;width:100%;box-sizing:border-box}
.tab_wrapper .content_wrapper .tab_content{display:none;padding:15px 20px}
.tab_wrapper .content_wrapper .tab_content .error{color:red}
.tab_wrapper .content_wrapper .accordian_header{display:none;padding:10px 20px;text-transform:uppercase;font-weight:700;border-top:1px solid #ccc;border-bottom:1px solid #fff;position:relative;cursor:pointer}
.tab_wrapper .content_wrapper .accordian_header.active{border-bottom:1px solid #ccc}
.tab_wrapper .content_wrapper .accordian_header .arrow{float:right;display:inline-block;width:12px;height:12px;position:relative;border-radius:2px;transform:rotate(-135deg);border-top:3px solid #ccc;border-left:3px solid #ccc}
.tab_wrapper .content_wrapper .accordian_header.active .arrow{transform:rotate(45deg);margin-top:5px;border-top:3px solid;border-left:3px solid}
.tab_wrapper.right_side > ul{width:25%;float:right; padding: 0;}
.tab_wrapper.right_side > ul li i {font-size:50px; display:block; margin-bottom:15px;}
.tab_wrapper.right_side > ul li{width:100%; padding: 31px 0; box-sizing:border-box;margin:0;text-align:center; background-color: #fff; color:#282828; font-family:'poppins'; font-weight:600; font-size:17px;border-bottom: solid 1px #f4f4f4;}
.tab_wrapper.right_side > ul li.active{background-color: #f8f8f8; color:#282828}
.tab_wrapper.right_side .content_wrapper{width:75%;float:left;}
.tab_wrapper.right_side .controller{top:-50px}
.tab_wrapper.accordion .content_wrapper{border-color:#ccc}
.tab_wrapper.accordion .content_wrapper .accordian_header{display:block}
.tab_wrapper.accordion > ul{display:none}
.tab_wrapper .active_tab{display:none;position:relative;background:#000;padding:12px;text-align:center;padding-right:50px;color:#fff;cursor:pointer;border-radius:30px}
.tab_wrapper .active_tab .arrow{width:30px;height:30px;overflow:hidden;line-height:30px;text-align:center;background:#fff;position:absolute;right:6px;border-radius:50%;top:50%;transform:translateY(-50%)}
.tab_wrapper .active_tab .arrow:after{content:"";width:10px;display:inline-block;height:10px;border-right:3px solid #000;border-bottom:3px solid #000;transform:rotate(45deg);position:absolute;top:50%;left:50%;margin-left:-6px;margin-top:-8px}
.tab_wrapper .active_tab .text{text-indent:39px;display:block}
/*@media only screen and (max-width: 768px) {
.tab_wrapper > ul{display:none}
.tab_wrapper .content_wrapper{border:0}
.tab_wrapper .content_wrapper .accordian_header{display:block}
.tab_wrapper.left_side .content_wrapper,.tab_wrapper.right_side .content_wrapper{width:100%;border-top:0}
.tab_wrapper .controller{display:none}
.tab_wrapper.show-as-dropdown > .tab_list{border:0;box-shadow:0 0 8px #ccc;position:absolute;z-index:3;background:#fff;border-radius:5px;margin-top:15px}
.tab_wrapper.show-as-dropdown > .tab_list:before{content:"";position:absolute;top:-6px;left:50%;width:14px;height:14px;background:#fff;transform:rotate(45deg);box-shadow:-3px -4px 5px #efefef;margin-left:-7px}
.tab_wrapper.show-as-dropdown > .tab_list li{border:0;border-bottom:1px solid #ccc}
.tab_wrapper.show-as-dropdown > .tab_list li.active:after{display:none}
.tab_wrapper.show-as-dropdown .active_tab{display:block}
.tab_wrapper.show-as-dropdown > .tab_list{display:none}
.tab_wrapper.show-as-dropdown > .content_wrapper > .accordian_header{display:none}
.tab_wrapper.show-as-dropdown > .tab_list li{display:block;float:none;width:100%}
}
@media only screen and (min-width: 769px) {
.tab_wrapper.show-as-dropdown > .tab_list{display:block!important;overflow:hidden}
}*/