﻿  
 
 h2.resp-accordion{
    cursor:pointer;
    padding:10px;
    display:none;
}
 
 .resp-tab-content{
    width:100%;
	color:#fff;
 
}
 h2.resp-accordion{
    font-size:14px;
    margin:-1px 0 0 0;
    padding:10px 15px;
   background-color:#2B5A9F;
   color:#fff;
}
 h2.resp-tab-active{
 	background-color:#FFCC66;
}
 
 .resp-vtabs ul.resp-tabs-list{
    width:25%;
    float:left;
	padding:0;
    color:var(--white);
 
 
	 
}
 
 .resp-vtabs .resp-tabs-list li{
    display:block;
    padding:15px 20px !important;
    margin:10px 0;
    cursor:pointer;
	color:var(--white);
	font-size:18px;
	border-radius: 10px; 
	position:relative;
    float:none;
	background-color:#1576b1;
	font-weight:500;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
 
 
}

.resp-vtabs .resp-tabs-list li:hover{
	/*background-color:#2B5A9F;*/
	color:var(--white) !important;
    
}
 /*.resp-vtabs .resp-tabs-list li:before{
 	width:0;
	height:4px;
	content:'';
	position:absolute;
	border-radius: 10px; 
	left:0;
	bottom:0;
	z-index:-1;
	opacity:0.1;
	background-color:#CCF4FF;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
 }
 .resp-vtabs .resp-tabs-list li:hover:before{
 	width:100%;
	opacity:100;
	 
 } */


 .resp-vtabs .resp-tabs-list li:last-child{
 	border-bottom:0;
 }
  .resp-tab-content{
    display:none;
    overflow:auto;
 
	}
 .resp-vtabs .resp-tabs-container{
    float:left;
    width:75%;
    padding:0;	
    clear:none;
	overflow:hidden;
}

 .resp-vtabs .resp-tab-content{
    border:none;
   
}
 .resp-vtabs li.resp-tab-active{
    position:relative;
    z-index:1;     
    position:relative;
	background-color:#0f5885;
 	color:var(--white) !important;
	 
}

 .resp-vtabs li.resp-tab-active:after{
	position:absolute; 
	right:-10px;
	top:15px;
	content:'';
	 border-top: 10px solid transparent;
    border-left: 10px solid #0f5885;
    border-bottom: 10px solid transparent; 
	 
 }


 .resp-arrow{
    width:0;
    height:0;
    float:right;
    margin-top:10px;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:9px solid var(--white);
}
 h2.resp-tab-active span.resp-arrow{
    border:none;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:9px solid var(--white);
}
 h2.resp-tab-active{
    background:var(--primary-color);
    color:var(--white);
}
 .resp-easy-accordion h2.resp-accordion{
    display:block;
}
 .resp-easy-accordion .resp-tab-content{
    border:1px solid var(--grey-light);
}
 .resp-easy-accordion .resp-tab-content:last-child{
    border-bottom:1px solid var(--grey-light) !important;
}
 .resp-jfit{
    width:100%;
    margin:0px;
}
 .resp-tab-content-active{
    display:block;
}

.verticaltab-banner.resp-vtabs ul.resp-tabs-list{width: 100%;margin: 0px;padding-left: 20px;}
.verticaltab-banner.resp-vtabs .resp-tabs-container{width: 100%;}
.verticaltab-banner.resp-vtabs .resp-tabs-list li{width: auto;display: inline-block;margin: 0px;border-radius: 10px 10px 0 0;background-color: #0f78b3;/* border: 1px solid #55bfff; */border-bottom: none;font-size: 20px;}
.verticaltab-banner.resp-vtabs li.resp-tab-active:after{ display: none;}
.verticaltab-banner.resp-vtabs .resp-tab-content{background-color: #126899;/* border: 1px solid #55bfff; */padding: 35px;border-radius: 10px;}
.verticaltab-banner.resp-vtabs li.resp-tab-active{background-color: #329bdb;}
.verticaltab-banner.resp-vtabs .resp-tab-content p{font-size: 18px;    font-weight: 300;}
.vender-pg-tab.resp-vtabs .resp-tab-content{
    background-color: var(--white);
    border:1px solid #d7d7d7;
    color: var(--body-color);
}
.vender-pg-tab.resp-vtabs li.resp-tab-active {
    background-color: #ffffff;
    color: var(--secondary-color) !important;
}
.vender-pg-tab.resp-vtabs .resp-tab-content p{ font-size: 18px;}
.vender-pg-tab .slid-tab-heading-3 {
   
    color: var(--primary-color);
}




.slid-tab-heading-1{
    margin-bottom: 14px;
}
.slid-tab-heading-1 span{
    
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 13px;
    border: 1px solid #b2e3ff;
    color: #b2e3ff;
}
.slid-tab-heading-2{
    font-size: 18px;
    margin-bottom: 13px;
}
.slid-tab-heading-3{
    font-size: 28px;
    font-weight: 700;
}
.verticaltab-banner h2.resp-accordion{background-color:#0f78b3 ;}
.verticaltab-banner h2.resp-tab-active{ background-color: #4aa9df;}








 @media only screen and (max-width:768px){
    ul.resp-tabs-list{
        display:none;
    }
     h2.resp-accordion{
        display:block;
        width:100%;
        float:left;
        margin:4px 0;
		background-color:#2B5A9F;
		 border-radius: 5px;
    }
     .resp-vtabs .resp-tab-content{
        width:100%;
        float:left;
        padding:10px 0;
		
		 
    }
     .resp-vtabs .resp-tabs-container{
        border:none;
        float:none;
        width:100%;
        min-height:initial;
        clear:none;
        padding:0;
        margin-top:0;
 
    }
     .resp-accordion-closed{
        display:none !important;
    }
     .resp-vtabs .resp-tab-content:last-child{
        border-bottom:1px solid var(--grey-light) !important;
    }
	 .resp-vtabs li.resp-tab-active:after{
	  display:none;
	 }
}
 @media only screen and (max-width:640px){
 
	
 
 
 
}
