/* Style the tab */



.tebsection {

    border: 1px none #ffffff;

    background-color: #ffffff;

    box-shadow: 0px 3px 40px rgba(0,0,0,0.03);

    display: inline-block;

    width: 100%;

    clear: both;

}

.tab {

    float: left;

    background-color: #EEEEF5;

    width: 30%;

    height: max-content;

    position: relative;

}



/* Style the buttons inside the tab */

.tab button {

    display: block;

    border-radius: 0;

    background-color: #f9f9f9;

    color: #747474;

    font-weight: 800;

    padding: 18.5px 10px 18.5px 20px;

    width: 100%;

    font-family: inherit;

    border: none;

    outline: none;

    border-bottom: 1px solid #e2e2e2;

    text-align: center;

    cursor: pointer;

    transition: 0.3s;

    font-size: 26px;

    box-shadow: none;

    background-image: none;

}

button span.num-cnt{    

    margin-right: 20px;

    border-radius: 50%;

    background-color: #6f6fb5;

    font-size: 18px;

    color: #fff;

    padding: 0;

    height: 30px;

    width: 30px;

    display: inline-block;

    text-align: center;

}

.tab button:hover span.num-cnt{background-color:#2e284c}





/* Change background color of buttons on hover */

.tab button:hover {

    background-color: #FFFFFF;

    color: #ff4c47;

}



/* Create an active/current "tab button" class */

.tab button.resp-tab-active {

    background-color: #FFFFFF;

    color: #ff4c47;

}

/* Style the tab content */

h3.title-cont {

    font-size: 23px;

    font-weight: 800;

    color: #ff4c47;

    margin-bottom: 10px;

}

.tabcontent p{

    line-height: 32px;

    font-size: 18px;

    color: #747474

}

.pdf_section {

    display: inline-block;

    width: 100%;

    margin-bottom: 28px;

}

.tebsection ul, .tebsection li {

    list-style: none;

    margin: 0;

    padding: 0;

    font-size: 18px;

    color: #747474;

    line-height: 32px;

}

.tebsection li{    

    position: relative;

    padding-left: 52px;

    margin: 0 0 12px 0;

}



.button-sit a {

    font-size: 18px;

    line-height: 26px;

    font-weight: 800;

    color: #fff;

    background: #ccc;

    padding: 15px 32px;

    border: 1px none #e6e6e6;

    border-radius: 3px;

    background-color: #785bf9;

    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);

    display: inline-block;

}







#verticalTab{

    border: 1px none #ffffff;

    background-color: #ffffff;

    box-shadow: 0px 3px 40px rgba(0,0,0,0.03);

    display: inline-block!important;

    clear: both;

}

button.resp-accordion {

  display: none;

}



.resp-tab-content {

  display: none;

}





.resp-content-active,

.resp-accordion-active { display: block; }

.resp-tab-content {

    padding: 20px 15px;

    min-height: 330px;

}





/*-----------Vertical tabs-----------*/

.resp-vtabs div.resp-tabs-list {

    float: none;

    background-color: #f9f9f9;

    width: 100%;

    height: max-content;

    display: flex;

    border-top: 1px solid #e2e2e2;

}

.tebsection .pdf_section li:after{

    content: url('../img/pdf-tab.svg');

    height: 32px;

    width: 32px;

    position: absolute;

    left: 0;

}

.tebsection ul.list-tandc li:after ,#cancellation ul.list-tandc li:after{

    content: url('../img/next.svg');

    height: 32px;

    width: 32px;

    position: absolute;

    left: 0;

}
#cancellation ul.list-tandc li:after{top: 0;left: -40px;}

.resp-vtabs .resp-tabs-list .tablinks {

  display: block;

  float: none;

}

.resp-vtabs .resp-tabs-container {

max-width: 1366px;

margin: 20px auto 0;

}

.resp-arrow {

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    right: 20px;

    border: solid transparent;

    content: " ";

    position: absolute;

    pointer-events: none;

    border-color: rgba(46, 40, 76, 0);

     border-top-color: #64ad03;

    border-width: 6px;

    top: 50%;

}

button.resp-tab-active span.resp-arrow {

    border-top-color: transparent;

    border-bottom-color: #ff4c47;

}



/*-----------Accordion styles-----------*/







.resp-easy-accordion button.resp-accordion { display: block; }



.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }



.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }



.resp-jfit {

  width: 100%;

  margin: 0px;

}

.resp-tab-content-active { display: block; }



/* responsive */

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



.resp-vtabs div.resp-tabs-list { display: none; }



button.resp-accordion { display: block; }



.resp-vtabs .resp-tab-content {padding: 20px;}



.resp-vtabs .resp-tabs-container {border: none;float: none;width: 100%; min-height: initial; clear: none; padding: 0;}



.resp-accordion-closed { display: none !important; }

.tab {float: none;width: 100%;}

.tab {

    border-top: 2px solid #DDDDEB;

}

.tab:first-child {

    border-top: none;

}

.resp-tab-content {

    min-height: unset;

}

}



@media (max-width: 480px){

    h3.title-cont {font-size: 20px; font-weight: 800; color: #545487;margin-bottom: 0;line-height: 28px;}

    .tebsection ul, .tebsection li{font-size: 14px}

    .tabcontent p {font-size: 16px;}

}