
/**********************************/
/**********************************/
/******{Faq 2}********/
/**********************************/ 
/*******************************/



/* =======================
    Faqs V2
=========================*/


.da_faq_v2 .et_pb_toggle{
  border:none;
  box-shadow:none;
  border-radius:8px;
  padding:0;
  margin-bottom:15px!important}
  .da_faq_v2 .et_pb_toggle.et_pb_toggle_open h5.et_pb_toggle_title:before{
    content:'\4b'}
  .da_faq_v2 .et_pb_toggle.et_pb_toggle_close h5.et_pb_toggle_title:before{
    content:'\4c'}
  .da_faq_v2 .et_pb_toggle h5.et_pb_toggle_title{
    display:block;
    padding:14px 60px;
    font-size:16px;
    font-weight:700;
    color:#15022a;
    background:#f8fafd;
    position:relative;
    margin-bottom:15px;
   box-shadow: rgba(110, 130, 208, 0.24) 0px 3px 15px;}
  .da_faq_v2 .et_pb_toggle h5.et_pb_toggle_title:before{
    display:block;
    font-weight:900;
    width:27px;
    height:27px;
    line-height:27px;
    border-radius:50%;
    background:#0021da;
    position:absolute;
    top:15px;
    left:15px;
    font-size:14px;
    color:#fff;
    text-align:center;
    z-index:1}
  .da_faq_v2 .et_pb_toggle h5.et_pb_toggle_title:after{
    content:"";
    width:20px;
    height:1px;
    background:#0021da;
    position:absolute;
    top:22px;
    left:0}
  .da_faq_v2 .et_pb_toggle .et_pb_toggle_content{
    font-size:16px;
    color:#15022a;
    line-height:1.9em;
    padding:0 15px;
    margin-left:35px;
    border:none;
	  background-color: #fff;
    border-left:2px dashed rgba(0,34,218,0.14)}
  .da_faq_v2 .et_pb_toggle.et_pb_toggle_close h5.et_pb_toggle_title{
    background:#fff;
     box-shadow: rgba(110, 130, 208, 0.24) 0px 3px 15px;}
  .da_faq_v2 .et_pb_toggle.et_pb_toggle_close h5.et_pb_toggle_title:before{
    color:#fff;
    background:#15022a}
  .da_faq_v2 .et_pb_toggle.et_pb_toggle_close h5.et_pb_toggle_title:after{
    background:#15022a}




/* Tabs */

  .tabs .single-tab {
    /* Width is calculated for 6 tabs (100/6 = 16.6666666667). If you'll use more or less tabs just divide 100 with number of tabs and replace 16% in every line) */
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: calc(25% - 10px);
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 0 !important;
    cursor: pointer;
  }
.tabs .single-tab:hover .et_pb_main_blurb_image, .tabs .single-tab.current  .et_pb_main_blurb_image {
    filter: contrast(0) brightness(2);
}
  .tabs .single-tab:hover, .tabs .single-tab.current {
    /* Set tab background color for hover and active state */
    background: #0021da!important;
       transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
  }
.tabs .single-tab.tootlip:hover:after {
    top: 100%;
    left: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255,33,8,0);
    border-top-color: #0021da;
    border-width: 15px;
    margin-left: -15px;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;    
  }
.tabs .single-tab.tootlip.current:after {
    top: 100%;
    left: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255,33,8,0);
    border-top-color: #0021da;
    border-width: 15px;
    margin-left: -15px;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    
    
  }
  
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
.tabs .single-tab.tootlip:hover:after {
    top: 76%!important;
  
  }
.tabs .single-tab.tootlip.current:after {
    top: 76%!important;
 
    
    
  }
}




  
  .tabs .single-tab:hover h4, .tabs .single-tab.current h4 {
      /* You can set title hover color here */
    color: #fff;
  }
  .tabs .single-tab:hover .et-pb-icon, .tabs .single-tab.current .et-pb-icon {
    /* Set icon color for hover and active tab state */
    color: #292929 !important;
  }
  .tab_content .tabs_item {
    display: none;
  }

  .tab_content .tabs_item:first-child, .et-fb-root-ancestor .tab_content .tabs_item {
    display: block;
  }

  
  @media only screen and (max-width: 768px) {


    .tabs .single-tab {
      -ms-flex: 0 0 50%; /* Two tabs in a row on mobile */
      -webkit-box-flex: 0;
      flex: 0 0 50%;
      max-width: calc(50% - 10px);
      margin-top: 10px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 980px) {
    .tabs .single-tab {
    -ms-flex: 0 0 25%; /* Three tabs in a row on tablet */
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: calc(25% - 10px);
    margin-top: 10px;
    }
  }
