
/* advance tab area css */
.witr_adv_tab_area {
    text-align: left;
}
.witr_taba_style1 .nav-tabs {
    border: 0;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
.witr_taba_style1 .nav-tabs .nav-item {
    margin-bottom: 15px;
    text-align: center;	
        position: relative;
}
.witr_taba_style1 li.nav-item a{
        position: relative;
}
.witr_taba_style1 li.nav-item a::before,
.witr_taba_style1 li.nav-item a::after {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    background: #d0d1d4;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    
    border-radius: 50px;
    background: #323A43;
}
.witr_taba_style1 li.nav-item a::before {
    width: 20px;
    height: 20px;
    background: #323A43;
    bottom: -24px;
    z-index: 1;
}
.witr_taba_style1 li.nav-item a.active::before{
    background: #a89968;
}
.witr_taba_style1.tab_dots_none li.nav-item a::before,
.witr_taba_style1.tab_dots_none li.nav-item a::after {
     display: none;   
}

.witr_taba_style1 .nav-tabs .nav-link {
    margin-right: 15px;
    border: 0;
    border-radius: 5px;
    font-size: 17px;
    padding: 20px 25px;
    position: relative;
	box-shadow: 0px 0px 25px 2px rgba(196, 206, 213, 0.2);
	-webkit-transition: .5s;
	transition:.5s;
}
.nav-tabs .nav-item:hover i{
	-webkit-transition: .5s;
	transition:.5s;	
}
.nav-tabs .nav-item:hover a{
	color:#fff;
}
.witr_taba_style1 .nav-tabs span{
    display: block;
    float: left;
    margin: 0 15px;	
}
.nav-link strong{
	display: inline-block;	
}
.nav-tabs img,
.witr_taba_style1 .nav-tabs i{
	position: relative;
	font-size: 30px;
}

.witr_adv_tab_content {
	margin: 15px 20px 30px 0px;
}

/* responsive */

@media (max-width: 767px) {
	.lawest_tab li {
	margin-bottom: 20px;
}
.witr_adv_tab_content {
    margin: 0;
}
.witr_taba_style1 .nav-tabs .nav-link {
     margin-right: 0px; 
}
.nav-tabs {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}
.tab_content.text-left {
	text-align: center !important;
}
	
}




