﻿ #horizontalTab{
	 position:relative;
 	z-index:2;
 }
 
/******************/ 
 
 
 
  .resp-tabs-container .heading{
	font-size: 24px;
	line-height: 44px;
	color: var(--black);
	font-weight:600;
	 }
 
 ul.resp-tabs-list{
    margin:0;
    padding:0px;
}
 .resp-tabs-list li{
    margin:0;
    list-style:none;
    cursor:pointer;  
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
}
 .tab{
    display:block;
    clear:both;
    width:100%;
 
}
 h2.resp-accordion{
    cursor:pointer;
    padding:10px;
    display:none;
	border:1px solid var(--secondary-color);
	font-size:14px;
    margin:0;
    padding:10px 15px;
}

 

 
 h2.resp-tab-active{
 	color: var(--secondary-color) !important;
}
 .resp-tab-content{
    width:100%;

}

/********************/
 .resp-vtabs ul.resp-tabs-list{
    width:58%;
    color:var(--white);
    /*padding:15px 0;
 
	/*position: -webkit-sticky !important;
	position: sticky !important;
	top:80px;*/
}
 .resp-vtabs .resp-tabs-list li{
    display:block;
    padding:30px 0 !important;
    margin:-1px 0 0 0;
    cursor:pointer;
	color:var(--white);
	position:relative;
    float:none;
	font-size:34px;
	font-weight:var(--font-normal);
	border-bottom:1px  solid rgba(255 , 255, 255 ,0.1);
}

.resp-vtabs .resp-tabs-list li:hover{
	color:var(--white) !important;
	padding:30px 10px !important;
    
}
 
 .resp-vtabs .resp-tabs-list li:after{
	width:10px;
	height:10px;
	position:absolute;
	right:-6px;
	bottom:-6px;
	background-color:var(--secondary-color);
	content:'';
	border-radius: 50%;
 
}
  .resp-tab-content{
    display:none;
    overflow:auto;
 
	}
 .resp-vtabs .resp-tabs-container{   
    width:32%;
    padding:0;
    clear:none;
}

 .resp-vtabs .resp-tab-content{
    border:none;
   
}
 .resp-vtabs li.resp-tab-active{
    position:relative;
    z-index:1;     
    position:relative;
 	color:var(--secondary-color)!important;
	border-bottom:1px solid var(--secondary-color) !important;
}
 
 .resp-arrow{
    width:0;
    height:0;
    float:right;
    margin-top:3px;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:9px solid var(--secondary-color);
}
 h2.resp-tab-active span.resp-arrow{
    border:none;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:9px solid var(--secondary-color);
}
 
 
 h2.resp-accordion:first-child{
   
}
 @media only screen and (max-width:768px){
    ul.resp-tabs-list{
        display:none;
    }
     h2.resp-accordion{
        display:block;
        width:100%;
        float:left;
        margin:0;
    }
     .resp-vtabs .resp-tab-content{
        width:100%;
        float:left;
        padding:25px 0;
		 
    }
     .resp-vtabs .resp-tabs-container{
        float:none;
        width:100%;
        min-height:initial;
        clear:none;
        padding:0;
        margin-top:0;
        background-color:var(--primary-color);
    }
     .resp-accordion-closed{
        display:none !important;
    }
 

 .resp-vtabs li.resp-tab-active:after{
	  display:none;
	 }
}
 
	
 
 
 
