.tab-navigation-sec { width: 100%; display: inline-block; padding: 50px 0;position: relative; z-index: 1; line-height: 0; vertical-align: top;margin-top:50px;}

.tab-navigation-sec ul.tabs { align-items: center; display: flex;  gap: 10px; justify-content: space-between; list-style: none; margin: 0;padding:0;}
.tab-navigation-sec ul.tabs li { box-sizing: border-box; cursor: pointer; font-size: 16px; font-weight: 500; line-height: 1.4; margin: 0; text-align: center; transition: all .4s ease-in-out; }
.tab-navigation-sec ul.tabs li.current { background: #fff; color: #000; position: relative; z-index: 0; }

.tab-navigation-sec .tab-content{display: none;background:#fff;padding:0px;}
.tab-navigation-sec .tab-content.current{display:block;}
.tab-navigation-sec .faq-wrap { width: 100%; display: inline-block; }
.tab-navigation-sec .faq-wrap .tabbing-menu { width: 100%; display: inline-block;background: #fff; border-radius: 12px; padding: 25px; }
.tab-navigation-sec .faq-wrap .tabbing-caption-wrap { display: block; max-width: 1000px; margin: 0 auto; }

.tab-navigation-sec .check-label {text-transform: capitalize; display: block; position: relative; padding-left: 30px; cursor: pointer; font-size: 22px; user-select: none; }
.tab-navigation-sec .check-label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.tab-navigation-sec .checkmark { background-color: #fff; border: 2px solid #ccc; border-radius: 5px; height: 20px; left: 0; position: absolute; top: 6px; width: 20px; }
.tab-navigation-sec .check-label input:checked~.checkmark { background-color: #33553a; border-color: #33553a; }
.tab-navigation-sec .checkmark:after { content: ""; position: absolute; display: none; }
.tab-navigation-sec .check-label input:checked ~ .checkmark:after { display: block; }
.tab-navigation-sec .check-label .checkmark:after { border: solid #fff; border-width: 0 2px 2px 0; height: 11px; left: 5px; top: 1px; transform: rotate(45deg); width: 6px; }


/* .tab-navigation-sec:before { border-color: transparent transparent transparent #33553a; border-style: solid; border-width: 0 0 4rem 100vw; bottom: -4rem; content: ""; display: block; position: absolute; right: 0; z-index: 0; line-height: 0; } */
.tab-navigation-sec:after { content: ""; display: block; position: absolute; right: 0; z-index: 0; border: 0 solid transparent; border-right-color: #33553a; border-right-width: 100vw; border-top-width: 4rem; top: -4rem; }
.tab-navigation-sec .faq-wrap .tabbing-caption-wrap .caption-wrap { width: 100%; display: inline-block; padding: 50px 0 0 0; }

.tab-navigation-sec .faq-wrap .tabbing-caption-wrap .caption-wrap .image { width: 100%; display: block; line-height: 0; vertical-align: top; }
.tab-navigation-sec .faq-wrap .tabbing-caption-wrap .caption-wrap .image img { width: 100%; display: inline-block; object-fit: cover; object-position: center;}

@media(max-width:1169px){

}

@media(max-width:991px){
.tab-navigation-sec .check-label { font-size: 20px; line-height: 30px; }
.tab-navigation-sec .checkmark { top: 5px; }
.tab-navigation-sec { padding: 30px 0 50px 0; }
.tab-navigation-sec .faq-wrap .tabbing-caption-wrap .caption-wrap { padding: 35px 0 0; }
}

@media(max-width:767px){
.tab-navigation-sec .faq-wrap .tabbing-menu{padding:15px 20px;}
.tab-navigation-sec .check-label { font-size: 18px; line-height: 28px; }

.tab-navigation-sec .faq-wrap .tabbing-caption-wrap .caption-wrap { padding: 30px 0 0; } 
.tab-navigation-sec { padding: 30px 0 30px; }  
}
@media(max-width:600px){
.tab-navigation-sec ul.tabs {width: 556px;gap: 20px;justify-content: flex-start;overflow: hidden;}
.tab-navigation-sec .faq-wrap .tabbing-menu { overflow: scroll; }
}    
}