.tabTitle {
    width: 100%;
    background-color: #005596;
    float: left;
}

.tabTitle ul {
   display: block;
    width: 100%;
    margin: 0 auto;
    max-width: 1140px;
}

.tabTitle ul li{
    width: auto;
    font-family: "Rubik-Regular";
    color: #fff;
    font-weight: normal;
    font-size: 1.8rem;
    text-align: center;
    position: relative;
    padding: 25px 40px;
    cursor: pointer;
    float: left;
}

.tabTitle ul li:after {
    content: '';
    position: absolute;
    height: 40px;
    width: 1px;
    top: 20px;
    right: 0px;
    background: #9eb7cb;
    bottom: 0;
}

.tabTitle ul li:last-child:after  {
    display: none;
}

.tabTitle ul li a {
    color: #fff;
    position: relative;
}

.tabTitle ul li a:after {
    content: "";
    position: absolute;
    bottom: -28px;
    width: 0;
    padding: 0 0px;
    height: 4px;
    margin: 5px 0 0;
    background: #ff9b41;
    left: -15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tabTitle ul li:hover a{
    color: #ff9b41;
}

.tabTitle ul li:hover a:after {
    width: 100%;
    padding: 0 20px;
}

.tabTitle ul li.active a {
    color: #ff9b41;
}

.tabTitle ul li.active a:after {
    width: 100%;
    padding: 0 20px;
}

.tabTitle ul li span {
    position: relative;
    padding-left: 30px;
}

.tabTitle ul li span:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
}

.tabTitle ul li.renewal span:before {
    width: 17px;
    height: 17px;
    background: url('../../../../../../../content/dam/bagic/icons/tabs/renew-process.png') no-repeat;
}

.tabTitle ul li.note span:before {
    width: 22px;
    height: 22px;
    top: 1px;
    background: url('../../../../../../../content/dam/bagic/icons/tabs/note.png') no-repeat;
}

.tabTitle ul li.faqs span:before {
    width: 23px;
    height: 23px;
    top: 1px;
    background: url('../../../../../../../content/dam/bagic/icons/tabs/faqs.png') no-repeat;
}

.tabTitle ul li.keyBenefits span:before {
    width: 23px;
    height: 18px;
    top: 1px;
    background: url('../../../../../../../content/dam/bagic/icons/tabs/key-benefits.png') no-repeat;
}


.tabTitle ul li.renewal:hover span:before, .tabTitle ul li.renewal.active span:before {
    background: url('../../../../../../../content/dam/bagic/icons/tabs/renew-process-org.png') no-repeat;
}

.tabTitle ul li.note:hover span:before,  .tabTitle ul li.note.active span:before{
    background: url('../../../../../../../content/dam/bagic/icons/tabs/note-org.png') no-repeat;
}

.tabTitle ul li.faqs:hover span:before, .tabTitle ul li.faqs.active span:before {
    background: url('../../../../../../../content/dam/bagic/icons/tabs/faqs-org.png') no-repeat;
}

.tabTitle ul li.keyBenefits:hover span:before, .tabTitle ul li.keyBenefits.active span:before {
    background: url('../../../../../../../content/dam/bagic/icons/tabs/key-benefits-org.png') no-repeat;
}

.tabContent {
    padding: 110px 0px;
}

.tabData {
    display: none;
}

.topMargin {
    margin-top: 50px;   
}

/********Media Query Start********/
@media only screen and (max-width: 1024px) {
    .tabTitle ul li a {
        font-size: 1.5rem;
    }

    .tabTitle ul li a:after {
        left: -12px;
    }

    .tabTitle ul li.active a:after {
        padding: 0px 10px;
    }
}
/********Media Query End********/




/****** TAB CONTENT CSS*******/

.tabHeading {
    font-family: "Rubik-Bold";
    font-weight: normal;
    color: #ff9b41;
    font-size: 3rem;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.content h5{
    font-family: "Rubik-Bold";
    font-weight: normal;
    color: #005596;
    font-size: 2rem;
    text-align: center;
}

.details, .tel{
    font-family: "Rubik-Regular";
    font-weight: normal;
    color: #000;
    font-size: 1.6rem;
    text-align: center;
    width: 100%;
    margin: 10px auto;
}

.leftAlign {
    text-align: left;
}

.midWidth {
    width: 80%;
}

/**********Media Query Start***********/
@media only screen and (max-width: 767px) {
    .tabHeading {
        font-size: 2.5rem;
    }

    .content h5 {
        font-size: 1.6rem;
    }

    .details, .tel {
        font-size: 1.3rem; 
    }

    .midWidth {
        width: 100%;
    }
}
/**********Media Query End***********/



.listingDetails {
    margin: 0 auto;
}

.listingDetails ul li {
    font-family: "Rubik-Regular";
    color: #0072bc;
    font-weight: normal;
    font-size: 1.8rem;
    position: relative;
    margin-bottom: 30px;
}

.listingDetails ul li span {
    padding-left: 10px;/*sanket edited 25 dec 2024*/
    position: relative;
    display: inline-block;
}

.listingDetails .details{
    padding-left: 20px;
}

.listingDetails ul li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0;
    top: 8px;
    border-radius: 50%;
    background-color: #ff9b41;
}

.highlight {
    color: #ff9b41;
    text-decoration: underline;
    cursor: pointer;
}
/***********Media Query Start**************/ 
@media only screen and (max-width: 767px) {
    .listingDetails ul li {
        font-size: 1.5rem;
    }
 .tabTitle {
    width: 100%;
    background-color: #005596;
    overflow-x: auto;
}  
    
    .highlight {
        font-size: 1.5rem;
    }
}
/***********Media Query End**************/



.accordian {
    margin-top: 20px;  
}

.accordian .accordianRow {
    margin: 0 auto;
    width: 100%;
}

.accordianTitle h3 {
    font-family: "Rubik-Regular";
    color: #000;
    font-weight: normal;
    font-size: 1.8rem;
    border-bottom: 1px solid #cccccc;
    padding: 25px 25px 25px 0px;
    cursor: pointer;
    position: relative;
}

.accordianTitle h3:after {
    width: 15px;
    height: 15px;
    position: absolute;
    content: '';
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    background: url('../../../../../../../content/dam/bagic/renewal/plus.png') no-repeat right center;
}

.accordianData {
    display: none;
    padding-right: 25px;
}



.accordianContainer {
    margin: 0 auto;
    padding: 0;
    max-width: 1024px;
    width: 95%;
}
.accordianData p {
    font-family: "Rubik-Regular";
    color: #5e5e5e;
    font-size: 1.6rem;
}

.accordianTitle.active h3 {
    color: #005596;
    border: none;
}

.accordianTitle.active h3:after {
    background: url('../../../../../../../content/dam/bagic/renewal/minus.png') no-repeat right center;
}

.faqIcon {
    position: relative;
}

.faqIcon:before {
    content:'';
    position: absolute;
    top: 0;
    left: -125px;
    width: 112px;
    height: 75px;
    background: url('../../../../../../../content/dam/bagic/renewal/faq-icon.png') no-repeat left top;
    background-size: 100% 100%;
}

/*******Media Query Start*********/
@media only screen and (max-width: 1280px) {
    .faqIcon {
        padding-left: 80px;
    }
    .faqIcon:before {
        left: 0;
        width: 72px;
        height: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .accordianTitle h3 {
        font-size: 1.6rem;
    }

    .accordianData p {
        font-size: 1.4rem;
    }
}
/*******Media Query End*********/
.stepsWrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px 0px;
}

.stepsWrapper ul li {
    width: 320px;
    height: 320px;
    text-align: center;
    padding: 0px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.stepsWrapper ul li:first-child {
    background: url('../../../../../../../content/dam/bagic/icons/tabs/step1.png') no-repeat;
    background-size: 100% 100%;
    width: 376px;
}

.stepsWrapper ul li:last-child {
    background: url('../../../../../../../content/dam/bagic/icons/tabs/step2.png') no-repeat; 
    background-size: 100% 100%;
    width: 320px;
    position: relative;
    right: 20px;
}

.stepsWrapper ul li .stepWrap {
    margin: 0 auto;
    width: 80%;
    padding: 0px 5px;
}

.stepsWrapper ul li:first-child .stepWrap {
    position: relative;
    right: 20px;
}

.stepTitle {
    font-family: "Rubik-Regular";
    font-weight: normal;
    color: #005596;
    font-size: 2rem;
    text-align: center;
    margin: 10px 0px;
}

.stepDetails {
    font-family: "Rubik-Regular";
    font-weight: normal;
    color: #000;
    font-size: 1.6rem;
    text-align: center;
}

/**********Media Query Start***********/
@media only screen and (max-width: 767px) {
    .stepsWrapper ul {
        display: block;
    }

    .stepsWrapper ul li {
        margin: 0 auto;
        width: 320px;
    }   

    .stepsWrapper ul li:first-child {
        background: url('../../../../../../../content/dam/bagic/icons/tabs/step1-mob.png') no-repeat;
        height: 376px;
        width: 320px;
    }   
    
    .stepsWrapper ul li:last-child {
        background: url('../../../../../../../content/dam/bagic/icons/tabs/step2-mob.png') no-repeat; 
        bottom: 20px;
        right: 0px;
    }

    .stepsWrapper ul li:first-child .stepWrap {
        bottom: 20px;
        right: 0;
    }
}
/**********Media Query End***********/
.accordian {
    margin-top: 20px;  
}

.accordian .accordianRow {
    margin: 0 auto;
    width: 100%;
}

.accordianTitle h3 {
    font-family: "Rubik-Regular";
    color: #000;
    font-weight: normal;
    font-size: 1.8rem;
    border-bottom: 1px solid #cccccc;
    padding: 25px 25px 25px 0px;
    cursor: pointer;
    position: relative;
}

.accordianTitle h3:after {
    width: 15px;
    height: 15px;
    position: absolute;
    content: '';
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    background: url(../../../../../../../content/dam/bagic/index/sprite.png) no-repeat;
    background-position: -298px -385px;
}

.accordianData {
    display: none;
    padding-right: 25px;
}

.accordianData p {
    font-family: "Rubik-Regular";
    color: #5e5e5e;
    font-size: 1.6rem;
}

.accordianTitle.active h3 {
    color: #005596;
    border: none;
}

.accordianTitle.active h3:after {
   background: url(../../../../../../../content/dam/bagic/index/sprite.png) no-repeat;
   background-position: -298px -402px;
}

.faqIcon {
    position: relative;
}

.sectionTitle.leftAlign.faqIcon{
    text-align: left !important;
}

.faqIcon:before {
    content:'';
    position: absolute;
    top: 0;    
    background: url('../../../../../../../content/dam/bagic/index/simplify-icon.svg') no-repeat left top;
    background-size: 100% 100%;
}

.renewalFaq{ margin-bottom: 50px; }

/*******Media Query Start*********/
@media only screen and (max-width: 1280px) {
    .faqIcon {
        padding-left: 80px;
    }
    .faqIcon:before {
        left: 0;        
    }
}

@media only screen and (max-width: 767px) {
    .accordianTitle h3 {
        font-size: 1.6rem;
    }

    .accordianData p {
        font-size: 1.4rem;
    }
}
/*******Media Query End*********/