.tools-tabing { overflow: hidden; padding: 0 0 120px 0; position: var(--positionrelative); }
.tools-tabing .tools-tabing-title { font-size: clamp(1rem, -0.55rem + 7.75vw, 8.75rem); line-height: 1; opacity: 0.07; font-family: var(--secondaryfontfamily); margin: 0 0 100px 0; }
.tools-tabing .tools-tabing-inner { position: var(--positionrelative); }
.tools-tabing .tools-tabing-inner .shape-image { position: absolute; left: -110px; bottom: -100px; z-index: -1; }
.tools-tabing .tools-tabing-title-content { max-width: 980px; margin: 0 auto; }
.tools-tabing .tools-tabing-main { position: var(--positionrelative); }
.tools-tabing .tools-tabing-main .tab-wrapper { display: var(--flex); align-items: var(--alignitemscenter); gap: 20px; justify-content: var(--justifycontentcenter); margin: 0 auto; width: 95%; background-color: var(--whitecolor); flex-flow: row wrap; }
.tools-tabing .tools-tabing-main .tab-content { padding: 50px; position: var(--positionrelative); }
.tools-tabing .tools-tabing-main .tab-wrapper .tabs-title { box-shadow: 0px 6px 14px 0px #0000000F; transition: var(--transition400ms); padding: 16px 38px; background-color: #254762; border-radius: 50px; cursor: pointer; text-align: center; font-size: 16px; line-height: 22px; color: var(--whitecolor); position: var(--positionrelative); }
.tools-tabing .tools-tabing-main .tab-wrapper .tabs-title.current, .tools-tabing .tools-tabing-main .tab-wrapper .tabs-title:hover { color: var(--whitecolor); background-color: var(--secondarycolor); }
.tools-tabing .tools-tabing-main .tab-wrapper .tabs-title:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 5px 55px 0 55px; border-color: #F5A631 transparent transparent transparent; position: absolute; bottom: -28px; left: 50%; transform: translateX(-50%)rotate(0deg); opacity: 0; transition: var(--transition400ms); visibility: hidden; }
.tools-tabing .tools-tabing-main .tab-wrapper .tabs-title.current:after { opacity: 1; visibility: visible; bottom: -14px; border-width: 14px 14px 0 14px; }
.tools-tabing .tools-tabing-main:before { content: ''; border: 1px solid #000000; width: 100%; height: calc(100% - 30px); left: 0; top: 30px; position: absolute; border-radius: 10px; z-index: -1; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .title { max-width: 995px; margin: 0 auto; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .title h2.main-title { line-height: 1; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .details { margin: 50px 0 0 0; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .details .details-wrapper { display: var(--flex); align-items: stretch; flex-direction: column;}
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .details .details-wrapper .image { width: 100%; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .details .details-wrapper .right-details { width: 100%; padding: 30px 0 30px 50px; font-size: 18px; line-height: 26px; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .details .details-wrapper .image img { border-radius: 30px; }

@media screen and (min-width:1200px) {
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list > .tabs-title { display: none; }
}

@media screen and (min-width:1920.02px) {
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .details .details-wrapper .right-details,
    .tools-tabing .tools-tabing-main .tab-wrapper .tabs-title { font-size: clamp(1.25rem, 0.625rem + 0.5208vw, 1.875rem); line-height: clamp(1.75rem, 0.875rem + 0.7292vw, 2.625rem); }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .title { max-width: 60%; }
}

@media (max-width:1428.98px) {
    .tools-tabing { padding: 0 0 60px 0; }
    .tools-tabing .tools-tabing-main .tab-wrapper .tabs-title { padding: 16px 20px; }
}
@media (max-width:1199.98px) {
    .tools-tabing .tools-tabing-main .tab-wrapper { display: none; }
    .tools-tabing .tools-tabing-main .tab-wrapper .tabs-title { display: none; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list > .tabs-title { cursor: pointer; }
    .tools-tabing .tools-tabing-title { margin: 0 0 20px 0; opacity: 0.8; }
    .tools-tabing .tools-tabing-title-content .content, .services-main .services-main-inner .services-main-details .content { font-size: 16px; line-height: 22px; font-weight: 500; }
    .tools-tabing .tools-tabing-main:before { display: none; }
    .tools-tabing .tools-tabing-main .tab-content { padding: 15px 20px; border: 1px solid #000000; border-radius: 20px; }
    .tools-tabing .tools-tabing-main .tab-content { background-color: var(--whitecolor); }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list > .tabs-title { color: #000000; cursor: pointer; background: url(image/dropdown-arrow-black.png) no-repeat center right / 10px; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content { display: none; padding: 10px 40px 20px 40px; border-radius: 0 0 30px 30px; margin: 10px 0 0 0; background-color: #F6F8F9; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .title { text-align: left; max-width: 100%; padding: 0 0 0 0; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .details { margin: 20px 0 0 0; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .details .details-wrapper { flex-direction: var(--flexdirectioncolumn); align-items: var(--alignitemsstart); }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .details .details-wrapper .image { width: 100%; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .details .details-wrapper .right-details { width: 100%; padding: 20px 0 0 0; }
}
@media (max-width:767.98px) {
    .tools-tabing { padding: 40px 0 50px 0; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content { padding: 10px 20px 20px 20px; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .details .details-wrapper .right-details { font-size: 14px; line-height: 20px; }
}