/**
 * Fonts
 */

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Source+Sans+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/**
  * Reset
  */
*,
*::before,
*::after {
    box-sizing: border-box;
}


.logo-container {
    display: inline-block;
    padding: 20px 10px 20px 10px;

}

.logo-container:hover .icon-none {
    display: none;
}

.logo-container:hover .icon-block {
    display: inline-block;
}

.icon-block {
    display: none;
}

.logo-container.active .icon-block {
    display: inline-block;
}

.logo-container.active .icon-none {
    display: none;
}

/* Close */
button.close-btn-wrap {
    text-align: right;
    position: absolute;
    right: 2%;
    top: 5%;
}

.services-box-wrap {
    /* box-shadow: 0px 23.535715103149414px 46.199737548828125px 0px rgba(0, 0, 0, 0.08); */
    padding: 1.5rem;
    border-radius: 10px;
    margin-bottom: 1rem;
    position: relative;
    box-shadow: 0px 27px 53px 0px rgba(0, 0, 0, 0.08);
    /* margin: 2.5rem 1rem; */
    /* max-width: 37%; */
    max-width: 25em;
}

.services-box-wrap .services-box-icon {
    display: block;
    position: absolute;
    left: -2%;
    top: -17%;
    background-color: #fff;
    padding: 1rem;
    border-radius: 50%;
    box-shadow: 0px 27px 53px 0px rgba(0, 0, 0, 0.08);
}

.services-box-wrap .services-box-icon svg {
    fill: #FC1262;
    max-width: 2rem;
    height: auto;
}

.services-box-wrap h3 {
    color: #FC1262;
    font-size: 1.2rem;
    font-weight: 700;
}

.nav-link.disabled,
.nav-link:disabled {
    opacity: 0.4;
}


.tab-inner2-link.logo-container.disable {
    opacity: 0.4;
    cursor: default;
    pointer-events: none;
}

.tab-inner2-link.logo-container.disable .d-headphone {
    height: 55px;
    width: 55px;
    padding: 0.5rem;
}

.tab-inner2-link.logo-container.disable .d-headphone div {
    max-width: 2.3rem;
    margin: auto;
}

.tab-inner2-link.logo-container.disable .tab-label {
    font-size: 0.6rem;
}

.test-bg {
    /* background-color: #c3bdbd; */
    padding: 2rem 0rem;
}

.tab-inner-body.entry-content.active.active-content {
    padding-left: 12rem;
}

.d-headphone {
    box-shadow: 0px 23.535715103149414px 46.199737548828125px 0px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    padding: 1rem;
    border-radius: 50%;
    /* display: flex; */
    height: 80px;
    width: 80px;
    margin: auto;
}

/* tree */
#wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 80em;
}

#container {
    float: left;
    padding: 1em;
    width: 100%;
}

ol.organizational-chart,
ol.organizational-chart ol,
ol.organizational-chart li,
ol.organizational-chart li>div {
    position: relative;
}

ol.organizational-chart,
ol.organizational-chart ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ol.organizational-chart {
    text-align: center;
} */

ol.organizational-chart ol {
    padding-top: 1em;
}

ol.organizational-chart ol:before,
ol.organizational-chart ol:after,
ol.organizational-chart li:before,
ol.organizational-chart li:after,
ol.organizational-chart>li>div:before,
ol.organizational-chart>li>div:after {
    background-color: var(--e-global-color-7c2ad44)
        /*#FC1262*/
    ;
    content: '';
    position: absolute;
}

.child-1 {
    justify-content: left;
}

ol.organizational-chart ol>li {
    padding: 1em 0 0 1em;
    max-width: 25em;
    /* margin: auto; */
    /* height: 100%; */
    /* background-color: #fff; */
    max-height: 17em;
    margin-bottom: 3rem;
    /* margin-top: 0rem; */
}

ol.organizational-chart>li ol:before {
    height: 1em;
    left: 50%;
    top: 0;
    width: 1px;
}

ol.organizational-chart>li ol:after {
    height: 3px;
    left: 3px;
    top: 1em;
    width: 50%;
}

ol.organizational-chart>li ol>li:not(:last-of-type):before {
    height: 3px;
    left: 0;
    top: 2em;
    width: 1em;
}

ol.organizational-chart>li ol>li:not(:last-of-type):after {
    height: 100%;
    left: 0;
    top: 0;
    width: 0px;
    /*width: 3px;*/
}

.header-service {
    z-index: 999;
}

ol.organizational-chart>li ol>li:last-of-type:before {
    height: 3px;
    left: 0;
    top: 2em;
    width: 1em;
}

ol.organizational-chart>li ol>li:last-of-type:after {
    height: 2em;
    left: 0;
    top: 0;
    width: 3px;
}

ol.organizational-chart li>div {
    background-color: #fff;
    /* border-radius: 3px; */
    /* min-height: 2em; */
    /* padding: 0.5em; */
    height: 100%;
    margin-top: 2rem;
}

.tabs-inner2 .single-data:last-child ol.organizational-chart li>div {
    right: 23rem;
}

.tabs-inner2 .single-data:nth-last-child(2) ol.organizational-chart li>div {
    right: 24rem;
}

.tabs-inner2 .single-data:last-child ol.organizational-chart li .services-box-wrap .services-box-icon {
    right: -5%;
    left: auto;
    top: -15%;
}

.tabs-inner2 .single-data:nth-last-child(2) ol.organizational-chart li .services-box-wrap .services-box-icon {
    right: -5%;
    left: auto;
    top: -15%;
}

/*** PRIMARY ***/
ol.organizational-chart>li>div {
    background-color: #a2ed56;
    margin-right: 1em;
}

ol.organizational-chart>li>div:before {
    bottom: 2em;
    height: 3px;
    right: -1em;
    width: 1em;
}

ol.organizational-chart>li>div:first-of-type:after {
    bottom: 0;
    height: 2em;
    right: -1em;
    width: 3px;
}

ol.organizational-chart>li>div+div {
    margin-top: 1em;
}

ol.organizational-chart>li>div+div:after {
    height: calc(100% + 1em);
    right: -1em;
    top: -1em;
    width: 3px;
}

/*** SECONDARY ***/
ol.organizational-chart>li>ol:before {
    left: inherit;
    right: 0;
    display: none;
}

ol.organizational-chart>li>ol:after {
    left: 0;
    width: 100%;
}

/* ol.organizational-chart > li > ol > li > div {
    background-color: #83e4e2;
} */

/*** TERTIARY ***/
ol.organizational-chart>li>ol>li>ol>li>div {
    background-color: #fd6470;
}

/*** QUATERNARY ***/
ol.organizational-chart>li>ol>li>ol>li>ol>li>div {
    background-color: #fca858;
}

/*** QUINARY ***/
ol.organizational-chart>li>ol>li>ol>li>ol>li>ol>li>div {
    background-color: #fddc32;
}

/*** MEDIA QUERIES ***/
@media only screen and (min-width: 790px) {

    ol.organizational-chart {
        margin-left: -1em;
        margin-right: -1em;
    }

    /* PRIMARY */
    ol.organizational-chart>li>div {
        display: inline-block;
        float: none;
        margin: 0 1em 1em 1em;
        vertical-align: bottom;
    }

    ol.organizational-chart>li>div:only-of-type {
        margin-bottom: 0;
        width: calc((100% / 1) - 2em - 4px);
    }

    ol.organizational-chart>li>div:first-of-type:nth-last-of-type(2),
    ol.organizational-chart>li>div:first-of-type:nth-last-of-type(2)~div {
        width: calc((100% / 2) - 2em - 4px);
    }

    ol.organizational-chart>li>div:first-of-type:nth-last-of-type(3),
    ol.organizational-chart>li>div:first-of-type:nth-last-of-type(3)~div {
        width: calc((100% / 3) - 2em - 4px);
    }

    ol.organizational-chart>li>div:first-of-type:nth-last-of-type(4),
    ol.organizational-chart>li>div:first-of-type:nth-last-of-type(4)~div {
        width: calc((100% / 4) - 2em - 4px);
    }

    ol.organizational-chart>li>div:first-of-type:nth-last-of-type(5),
    ol.organizational-chart>li>div:first-of-type:nth-last-of-type(5)~div {
        width: calc((100% / 5) - 2em - 4px);
    }

    ol.organizational-chart>li>div:before,
    ol.organizational-chart>li>div:after {
        bottom: -1em !important;
        top: inherit !important;
    }

    ol.organizational-chart>li>div:before {
        height: 1em !important;
        left: 50% !important;
        width: 3px !important;
    }

    ol.organizational-chart>li>div:only-of-type:after {
        display: none;
    }

    ol.organizational-chart>li>div:first-of-type:not(:only-of-type):after,
    ol.organizational-chart>li>div:last-of-type:not(:only-of-type):after {
        bottom: -1em;
        height: 3px;
        width: calc(50% + 1em + 3px);
    }

    ol.organizational-chart>li>div:first-of-type:not(:only-of-type):after {
        left: calc(50% + 3px);
    }

    ol.organizational-chart>li>div:last-of-type:not(:only-of-type):after {
        left: calc(-1em - 3px);
    }

    ol.organizational-chart>li>div+div:not(:last-of-type):after {
        height: 3px;
        left: -2em;
        width: calc(100% + 4em);
    }

    /* SECONDARY */
    ol.organizational-chart>li>ol {
        display: flex;
        /* flex-wrap: nowrap; */
        /* justify-content: center; */
    }

    /* ol.organizational-chart > li > ol:before,
    ol.organizational-chart > li > ol > li:before {
        height: 1em!important;
        left: 10%!important;
        top: 0!important;
        width: 1px!important;
    } */
    /* ol.organizational-chart > li > ol:before {
        height: 1em!important;
        left: 8%!important;
        top: 0!important;
        width: 1px!important;
    } */
    ol.organizational-chart>li>ol>li:before {
        height: 2em !important;
        left: 10% !important;
        top: 0 !important;
        width: 1px !important;
    }

    ol.organizational-chart>li>ol:after {
        display: none;
    }

    ol.organizational-chart>li>ol>li {
        flex-grow: 1;
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 1em;
    }

    ol.organizational-chart>li>ol>li:only-of-type {
        /* padding-top: 0; */
    }

    ol.organizational-chart>li>ol>li:only-of-type:before,
    ol.organizational-chart>li>ol>li:only-of-type:after {
        display: none;
    }

    ol.organizational-chart>li>ol>li.subchild-2:first-of-type:not(:only-of-type):after {
        height: 1px;
        top: 0;
        width: 100%;
    }

    ol.organizational-chart>li>ol>li:last-of-type:not(:only-of-type):after {
        height: 1px;
        top: 0;
        width: 100%;
    }

    .services-box-top {
        margin-top: 2rem;
        background-color: #fff;
        height: 100%;
    }

    .services-box-top .services-box-wrap {
        margin-top: 0;
    }

    .services-box-top::before {
        background-color: #FC1262;
        /* border-left: 1px solid #ddd; */
        height: 125%;
        width: 1px;
        top: -18.2%;
        left: -16px;
    }

    ol.organizational-chart>li>ol>li:first-of-type:not(:only-of-type):after {
        left: 10%;
    }

    ol.organizational-chart>li>ol>li:last-of-type:not(:only-of-type):after {
        left: 0;
    }

    ol.organizational-chart>li>ol>li+li:not(:last-of-type):after {
        height: 1px;
        left: 0;
        top: 0;
        width: 110%;
    }

    ol.organizational-chart>li>ol>li+li:nth-child(3):after {
        width: 0 !important;
    }

    ol.organizational-chart>li>ol>li+li:last-child:after {
        height: 1px;
        left: 0;
        top: 0;
        width: 10% !important;
    }

    /* ol.organizational-chart li .child-2 li + li:last-child:after {
        width: 0 !important;
    } */


}

body.sidebar-scroll-close {
    -webkit-overflow-scrolling: none;
    overflow: hidden;
    overscroll-behavior: none;
    touch-action: none;
}

/* .sub-child-4 {
    margin-right: auto;
} */
/* //tree */

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 0;
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 0;
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background-color: #f2f2f2;
    color: #1a1a1a;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.1rem;
    line-height: 1.5;
}

p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
form,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

/**
  * Global Rules
  */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #0d0d0d;
    font-family: Roboto, sans-serif;
    line-height: 1.2;
    word-wrap: break-word;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 32px;
}

a,
a:visited {
    background-color: transparent;
    color: #0067b8;
    text-decoration: none;
    /* border-bottom: 1px dotted; */
}

a:hover,
a:active {
    border-bottom: none;
    outline: 0;
}

a:focus {
    border-bottom: none;
    /* outline: thin dotted; */
}

a img {
    border: 0;
}

.entry-content>*:not(:last-child) {
    margin-bottom: 1rem;
}


/**
  * Article Container
  */
.article-container {
    padding: 2rem;
}

/**
  * Article Block
  */
.article-block {
    text-align: center;
}

.article-block .entry-content>p {
    color: #666;
}

/**
  * Tabs Container
  */
.tabs-container {
    padding: 2rem;
    /* position: fixed; */
    z-index: 111;
}

/**
  * Tabs Block
  */
/* .tabs-block {
     display: flex;
     align-items: center;
     justify-content: center;
 } */

/**
  * Tabs
  */
.tabs {
    display: flex;
}

.tabs .tab-head-div>ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 15%;
    position: fixed;
    width: 130px;
    position: fixed;
    z-index: 1;
    top: 8em;
    left: 0;
    background: rgba(255, 255, 255, 0.90);
    overflow-x: hidden;
    padding: 8px 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 37.37364196777344px 16.85855484008789px 58px 0px rgba(0, 0, 0, 0.1);
}

/* section.tabs-wrapper{
    display: block;
    position: fixed;
    position: relative;
    z-index: 11111;
    width: 100%;
    
}  */
section.tabs-wrapper {
    display: none;
    position: fixed;
    /* position: relative; */
    z-index: 11111;
    width: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
    /* height: 100%; */
    overflow: hidden;
    outline: 0;
    margin-top: 5rem;
    font-family: 'Montserrat';
}

section.tabs-wrapper.sidebaropn {
    background-color: rgba(255, 255, 255, 0.98);
}

.tabs-wrapper.sidebaropn {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9;
    height: 100%;
}

.services-box-icon .img-fluid {
    width: 40px;
}

/* section.tabs-wrapper .tabs section{background-color: #fff;} */
.tabs .tab-head-div>ul li {
    display: block;
}

/* .tabs > ul li:not(:last-child) {
     border-bottom: 1px solid #262626;
 } */

.tabs .tab-head-div>ul li a,
.tabs .tab-head-div>ul li a:visited {
    display: flex;
    border-bottom: none;
    text-decoration: none;
    /* background-color: #000; */
    color: #000;
    padding: 1rem 1rem 0.5rem 1rem;
    transition: all 0.2s ease-in-out;
    word-wrap: break-word;
}

.tabs .tab-head-div>ul li a:hover,
.tabs .tab-head-div>ul li a:focus,
.tabs .tab-head-div>ul li a:active {
    border-bottom: none;
    outline: 0;
}

.tabs .tab-head-div>ul li a:hover {}

.tabs .tab-head-div>ul li a.active {
    /* background-color: #fff;
     color: #0067b8; */

}

.tabs .tab-head-div>ul li a.active .head-icon {
    /*background-color: #FC1262;*/
    background: linear-gradient(180deg, var(--e-global-color-24bd004) 0%, var(--e-global-color-ab99781) 100%);
    /*border: 6px solid #ff00ffcc;*/
}

.tabs .tab-head-div>ul li a.active svg {
    fill: #fff;
}

.tabs .tab-head-div>ul li a svg {
    fill: #FC1262;
    max-width: 1.4rem;
}

.tabs .tab-head-div>ul li a:hover svg {
    fill: #fff;
}

.tabs .tab-head-div>ul li a:hover:not(.active) {
    color: #0067b8;
}

.tabs .tab-head-div>ul li a:hover:not(.active) .head-icon {
    /*background-color: #FC1262;*/
    /*border: 6px solid rgb(156 53 88 / 24%);*/
    background-image: linear-gradient(60deg, var(--e-global-color-24bd004), var(--e-global-color-ab99781));
    /*background-clip: text;*/
    color: transparent;
    /*border: 6px solid #ff00ff;*/
}

.tabs .tab-head-div>ul li a>span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.tabs .tab-head-div>ul li a>span.tab-label {
    display: none;
}

.tabs section {
    width: 85%;
    /* background-color: #fff; */
    padding: 1rem;
    display: none;
    word-wrap: break-word;
    /* border-bottom: 6px solid #0067b8; */
    height: 125vh;
}

.tabs section>* {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.2s, transform 0.2s;
}

.tabs section>*:nth-child(1) {
    transition-delay: 0.2s;
}

.tabs section>*:nth-child(2) {
    transition-delay: 0.3s;
}

.tabs section>*:nth-child(3) {
    transition-delay: 0.4s;
}

.tabs section>*:nth-child(4) {
    transition-delay: 0.5s;
}

.tabs section>*:nth-child(5) {
    transition-delay: 0.6s;
}

.tabs section>*:nth-child(6) {
    transition-delay: 0.7s;
}

.tabs section>*:nth-child(7) {
    transition-delay: 0.8s;
}

.tabs section>*:nth-child(8) {
    transition-delay: 0.9s;
}

.tabs section>*:nth-child(9) {
    transition-delay: 1s;
}

.tabs section>*:nth-child(10) {
    transition-delay: 1.1s;
}

.tabs section>*:nth-child(11) {
    transition-delay: 1.2s;
}

.tabs section>*:nth-child(12) {
    transition-delay: 1.3s;
}

.tabs section>*:nth-child(13) {
    transition-delay: 1.4s;
}

.tabs section>*:nth-child(14) {
    transition-delay: 1.5s;
}

.tabs section>*:nth-child(15) {
    transition-delay: 1.6s;
}

.tabs section>*:nth-child(16) {
    transition-delay: 1.7s;
}

.tabs section>*:nth-child(17) {
    transition-delay: 1.8s;
}

.tabs section>*:nth-child(18) {
    transition-delay: 1.9s;
}

.tabs section>*:nth-child(19) {
    transition-delay: 2s;
}

.tabs section>*:nth-child(20) {
    transition-delay: 2.1s;
}

.tabs section.active {
    display: block;
}

.tabs section.active-content>* {
    opacity: 1;
    transform: translateY(0);
}

button.close-btn-wrap.tabclose-btn {
    border-radius: 50px;
}

.tabs-inner .inner-tab-bg {
    display: flex;
    justify-content: center;
    list-style: none;
    background-color: #ffffff;
    max-width: 34em;
    margin: auto;
    border-radius: 2rem;
}

.tabs-inner .inner-tab-bg li {
    padding: 0rem;
    width: 31em;
}

.tabs-inner2 ul {
    display: flex;
    justify-content: flex-start;
    list-style: none;
    /* margin-top: -2rem;
        padding-bottom: 4rem; */
    height: 100%;
}

.tabs-inner .inner-tab-bg li a {
    display: block;
    text-align: center;
    font-size: 20px;
    padding: 0.5rem 1rem;
}

.tabs-inner .inner-tab-bg li a.active {
    background: linear-gradient(70deg, var(--e-global-color-24bd004) 0%, var(--e-global-color-ab99781) 100%);
    color: #fff;
    border-radius: 30px;
}

.tabs .tab-head-div>ul li a.active>span.tab-label {
    color: #000;
}

.tabs .tab-head li a:hover span {
    color: #000;
}

.tabs .tab-head li a .head-icon {
    background-color: #fff;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    margin: 0 auto;
    padding: 0.5rem;
    box-shadow: 0px 23.535715103149414px 46.199737548828125px 0px rgba(0, 0, 0, 0.08);
}

.tabs .tab-head-div>ul li a>span.tab-label {
    font-size: 13px;
    line-height: 1.2;
}

.tab-inner-body span.d-headphone svg {
    fill: #000;
}

.tab-inner-body a.tab-inner2-link.active span .d-headphone {
    background: #fff;
}

.tab-inner-body a.tab-inner2-link.active span {
    color: var(--e-global-color-7c2ad44);
}

.tab-inner-body a.tab-inner2-link.active .d-headphone svg {
    fill: #FC1262;
}

.tab-inner-body a:hover.tab-inner2-link .tab-label {
    color: var(--e-global-color-7c2ad44);
}

.tab-inner-body a.tab-inner2-link {
    margin: 0 0.5rem 1rem 0.5rem;
    display: inline-block;
    position: relative;
}

.tab-inner-body a.tab-inner2-link.active:before {
    height: 2.6em !important;
    left: 0;
    bottom: -22% !important;
    width: 0.5px !important;
    background-color: var(--e-global-color-7c2ad44);
    content: '';
    position: absolute;
    right: 0;
    margin: auto;
}

/* .tab-inner-body .tabs-inner2 ul {
    position: relative;
} */
/* .tab-inner-body .tabs-inner2 ul li:after {
    background-color: #FC1262;
    content: '';
    position: absolute;
    height: 1px;
    bottom: 0;
    width: 100vw;
    left: 0;
} */
.organizational-chart li ol li ul:after {
    height: 1px;
    left: 0;
    top: 0;
    width: 100%;
    background-color: var(--e-global-color-7c2ad44);
    content: '';
    position: absolute;
}

.organizational-chart li .child-2 li ul:after {
    left: 10%;
}

.organizational-chart li .child-1 li ul:before {
    height: 2em !important;
    left: 15% !important;
    top: 0 !important;
    width: 0.5px !important;
    background-color: #FC1262;
    content: '';
    position: absolute;
}

.organizational-chart li .child-1 li ul:after {
    left: 15%;
    width: 35%;
}

.single-data .organizational-chart li .child-1 li ul:after {
    left: 21%;
    width: 29%;
}

.single-data .organizational-chart li .child-1 li ul:before {
    left: 21% !important;
}

.tab-inner-body a.tab-inner2-link span {
    font-size: 0.9rem;
    margin-top: 0.5rem;
    display: block;
    /* line-height: 1.3; */
}

@media (min-width: 576px) {

    .tabs .tab-head-div>ul {
        width: 170px;
    }

    .tabs .tab-head-div>ul li a {
        flex-wrap: wrap;
    }

    .tabs .tab-head-div>ul li a>span {
        width: 100%;
    }

    .tabs .tab-head-div>ul li a>span.tab-label {
        width: 100%;
        display: block;
        margin-top: 0.2rem;
    }

    .tabs section {
        width: calc(100% - 0px);
        /* padding: 2rem 2.5rem; */
        /* margin-left: 5rem; */
        padding: 0;
    }
}

@media (min-width: 768px) {

    body {
        font-size: 1.125rem;
    }

    .tabs-container {
        padding: 0;
        /* background-color: #fff; width: 100%;*/
    }
}

@media (min-width: 992px) {
    /*  
     .tabs {
         width: 800px;
     } */
}

/* It's supposed to look like a tree diagram */
.tree,
.tree ul,
.tree li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.tree {
    margin: 0 0 1em;
    text-align: center;
}

.tree,
.tree ul {
    display: table;
}

.tree ul {
    width: 100%;
}

.tree li {
    display: table-cell;
    padding: .5em 0;
    vertical-align: top;
}

/* _________ */
.tree li:before {
    outline: solid 1px #666;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.tree li:first-child:before {
    left: 50%;
}

.tree li:last-child:before {
    right: 50%;
}

.tree code,
.tree span {
    border: solid .1em #666;
    border-radius: .2em;
    display: inline-block;
    margin: 0 .2em .5em;
    padding: .2em .5em;
    position: relative;
}

/* If the tree represents DOM structure */
.tree code {
    font-family: monaco, Consolas, 'Lucida Console', monospace;
}

/* | */
.tree ul:before,
.tree code:before,
.tree span:before {
    outline: solid 1px #666;
    content: "";
    height: .5em;
    left: 50%;
    position: absolute;
}

.tree ul:before {
    top: -.5em;
}

.tree code:before,
.tree span:before {
    top: -.55em;
}

/* The root node doesn't connect upwards */
.tree>li {
    margin-top: 0;
}

.tree>li:before,
.tree>li:after,
.tree>li>code:before,
.tree>li>span:before {
    outline: none;
}

.tab-inner2-body {
    position: absolute;
    right: 0;
    left: 0;
}

li.text-center.tab-inner-width.single-data {
    position: relative;
    /* width: 28%; */
    max-width: 20em;
}

li.text-center.tab-inner-width.li-disable {
    /* width: 7%; */
}

.tab-inner-body a.tab-inner2-link .tab-label {
    line-height: 1;
    display: block;
    color: #000000;
}

.tabs-section-inner2 ul li:last-child .active-content {}

.single-data .services-box-wrap {
    max-width: 26em;
    width: 26em;
}

@media (max-width: 790px) {
    section.tabs-wrapper {
        display: none;
    }
}

/* @media only screen and (max-width: 1200px) and (min-width: 819px) {
    .tabs-container {
        display: none;
    }
} */

@media only screen and (max-width: 789px) {
    .service-mobile-hide {
        display: none !important;
    }

    .service-mobile-show {
        display: block !important;
        z-index: 9999;
    }

    section.tabs-wrapper {
        margin-top: 2rem;
        z-index: 1;
    }

    .service-show-class {
        position: fixed;
        z-index: 1111;
        width: 100%;
        text-align: center;
        top: 3.8rem;
        background: 0 0;
    }

    .service-clippath {
        clip-path: polygon(0 0, 50% 100%, 100% 0);
        background: #fff;
        width: 50%;
        height: 3rem;
        border-radius: 10px;
        margin: auto;
        font-size: 15px;
        cursor: pointer;
        padding: 0;
        border: none;
        color: #000;
        align-items: center;
        justify-content: center;
    }

    .service-clippath:focus,
    .service-clippath:hover {
        color: #000;
        background-color: #fff !important;
    }

    .service-clippath p {
        margin-bottom: 0;
        font-size: 13px;
    }

    .tabs .tab-head-div {
        text-align: center;
        position: fixed;
        width: 100%;
        z-index: 999;
        left: 0;
    }

    .tabs .tab-head-div>ul {
        width: 70%;
        top: 4em;
        background: rgba(255, 255, 255, .9);
        border-top-right-radius: 0;
        margin: 0 auto;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
        position: initial;
        font-size: 0;
        padding: 2.5rem 0 1rem 0;
    }

    .tabs .tab-head-div>ul li.service-mobile-show {
        display: inline-block !important;
        width: 14%;
    }

    .tabs .tab-head-div>ul li a,
    .tabs .tab-head-div>ul li a:visited {
        padding: .1rem;
    }

    .tabs .tab-head li a .head-icon {
        height: 45px;
        width: 45px;
    }

    .tabs .tab-head-div>ul li a>span.tab-label {
        display: none !important;
    }
}

@media only screen and (min-width: 790px) {
    .service-mobile-show {
        display: none !important;
    }

}

@media only screen and (max-width: 1023px) and (min-width: 790px) {
    .organizational-chart li .child-1 li ul:after {
        left: 15%;
        width: 23%;
    }

    .service-clippath {
        clip-path: polygon(0 0, 50% 100%, 100% 0);
        background: #fff;
        width: 50%;
        height: 3rem;
        border-radius: 10px;
        margin: auto;
        font-size: 15px;
        cursor: pointer;
        padding: 0px;
        border: none;
        color: #000;
        align-items: center;
        justify-content: center;
    }

    .service-clippath:hover,
    .service-clippath:focus {
        color: #000;
        background-color: #fff;
    }

    .service-clippath p {
        margin-bottom: 0px;
    }

    .service-clippath img {
        width: 22px;
        height: 15px;
    }

    .service-show-class {
        position: fixed;
        z-index: 11;
        width: 100%;
        text-align: center;
        top: 5rem;
        background: transparent;

    }

    .tabs .tab-head-div {
        text-align: center;
        position: fixed;
        width: 100%;
        z-index: 999;
    }

    .tabs .tab-head-div>ul {
        width: 70%;
        top: 4em;
        background: rgba(255, 255, 255, 0.90);
        border-top-right-radius: 0;
        margin: 0 auto;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
        position: initial;
        font-size: 0;
        padding: 2rem 0 8px 0;
    }

    .tabs>section.active {
        display: flex;
        margin-top: 8rem;
    }

    .tabs section {
        width: 100%;
    }

    .tabs .tab-head-div>ul li a,
    .tabs .tab-head-div>ul li a:visited {
        padding: 0.3rem;
    }

    .tab-inner-body.entry-content.active.active-content {
        padding-left: 0;
    }

    .tabs .tab-head-div>ul li {
        display: table-cell;
        width: 14%;
    }

    .services-box-wrap {
        max-width: 19em;
        padding: 1rem;
    }

    ol.organizational-chart ol>li {
        max-width: 17em;
    }

    ol.organizational-chart ol {
        padding-left: 2rem;
    }

    .services-box-wrap h3 {
        font-size: 1rem;
    }

    .services-box-wrap p {
        font-size: 0.8rem;
    }

    .tab-inner-body>.container {
        max-width: 100%;
    }

    .services-box-wrap p {
        font-size: 0.8em;
    }

    button.close-btn-wrap {
        top: 11%;
    }

    section.tabs-wrapper {
        margin-top: 5rem;
        z-index: 1;
        display: none;
    }

    .test-bg {
        padding: 1rem 0rem;
    }

    .d-headphone {
        height: 60px;
        width: 60px;
        margin: auto;
        padding: 0.5rem;
    }

    .single-data .organizational-chart li .child-1 li ul:after {
        left: 20%;
        width: 15.5%;
    }

    .tabs-inner .inner-tab-bg li a.tab-inner-link {
        font-size: 17px;
    }

    .services-box-wrap .services-box-icon {
        left: -6%;
        top: -16%;
        padding: 0.8rem;
    }

    .tab-inner-body a.tab-inner2-link span {
        font-size: 0.7rem;
    }

    .tab-inner-body a.tab-inner2-link.active:before {
        bottom: -23.5% !important;
    }

    .single-data:last-child .organizational-chart li .child-1 li ul:after,
    .single-data:nth-last-child(2) .organizational-chart li .child-1 li ul:after {
        left: -6%;
        width: 42%;
    }

    .single-data:last-child .organizational-chart li .child-1 li ul:before,
    .single-data:nth-last-child(2) .organizational-chart li .child-1 li ul:before {
        left: -6% !important;
    }

    .service-show-class {
        display: block !important;
    }

    .tabs .tab-head li a .head-icon {
        height: 45px;
        width: 45px;
    }
}
}

@media (max-width: 900px) {
    .services-box-wrap p {
        font-size: 0.9em;
    }

    .tabs-wrapper.sidebaropn {
        z-index: 9;
    }

    section.tabs-wrapper {
        margin-top: 5rem;
        z-index: 1 !important;
    }
}

@media only screen and (max-width: 3000px) and (min-width: 1200px) {
    section.tabs-wrapper {
        display: block !important;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 1024px) {

    .service-clippath {
        clip-path: polygon(0 0, 50% 100%, 100% 0);
        background: #fff;
        width: 50%;
        height: 3rem;
        border-radius: 10px;
        margin: auto;
        font-size: 15px;
        cursor: pointer;
        padding: 0px;
        border: none;
        color: #000;
        align-items: center;
        justify-content: center;
    }

    .service-clippath:hover,
    .service-clippath:focus {
        color: #000;
        background-color: #fff;
    }

    .service-clippath p {
        margin-bottom: 0px;
    }

    .service-clippath img {
        width: 22px;
        height: 15px;
    }

    .service-show-class {
        position: fixed;
        z-index: 11;
        width: 100%;
        text-align: center;
        top: 4.8rem;
        background: transparent;
        display: block !important;
    }

    .tabs .tab-head-div {
        text-align: center;
        position: fixed;
        width: 100%;
        z-index: 999;
    }

    .tabs .tab-head-div>ul {
        width: 70%;
        top: 4em;
        background: rgba(255, 255, 255, 0.90);
        border-top-right-radius: 0;
        margin: 0 auto;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
        position: initial;
        font-size: 0;
        padding: 1.8rem 0 8px 0;
    }

    .tabs>section.active {
        display: flex;
        margin-top: 8rem;
    }

    .tabs section {
        width: 100%;
    }

    .tabs .tab-head-div>ul li a,
    .tabs .tab-head-div>ul li a:visited {
        padding: 0.3rem;
    }

    .tab-inner-body.entry-content.active.active-content {
        padding-left: 0;
    }

    .tabs .tab-head-div>ul li {
        display: table-cell;
        width: 14%;
    }

    .services-box-wrap {
        max-width: 19em;
        padding: 1rem;
    }

    ol.organizational-chart ol>li {
        max-width: 20em;
    }

    ol.organizational-chart ol {
        padding-left: 2rem;
    }

    .services-box-wrap h3 {
        font-size: 1.2rem;
    }

    .tab-inner-body>.container {
        max-width: 100%;
    }

    .services-box-wrap p {
        font-size: 0.9em;
    }

    button.close-btn-wrap {
        top: 11%;
    }

    .single-data .organizational-chart li .child-1 li ul:after {
        right: 0px;
        width: 18%;
    }

    .single-data:first-child .organizational-chart li .child-1 li ul:after {
        width: 19%;
    }

    .test-bg {
        padding: 1rem 0rem;
    }

    .d-headphone {
        height: 60px;
        width: 60px;
        margin: auto;
        padding: 0.5rem;
    }

    .tabs-inner .inner-tab-bg li a.tab-inner-link {
        font-size: 18px;
    }

    .services-box-wrap .services-box-icon {
        left: -6%;
        top: -16%;
        padding: 0.8rem;
    }

    .tab-inner-body a.tab-inner2-link span {
        font-size: 0.8rem;
    }

    .tab-inner-body a.tab-inner2-link.active:before {
        bottom: -23.5% !important;
    }

    .single-data:last-child .organizational-chart li .child-1 li ul:after {
        left: 25%;
        width: 14%;
    }

    .single-data:nth-last-child(2) .organizational-chart li .child-1 li ul:after {
        left: 33px;
        width: 13%;
    }

    .single-data:nth-last-child(2) .organizational-chart li .child-1 li ul:before {
        left: 25% !important;
    }

    .single-data:last-child .organizational-chart li .child-1 li ul:before {
        left: 25% !important;
    }

    .single-data:nth-last-child(3) .services-box-wrap {
        width: 23em;
    }

    section.tabs-wrapper {

        margin-top: 5rem;
        z-index: 1;
    }

    .tabs .tab-head li a .head-icon {
        height: 45px;
        width: 45px;
    }
}

@media only screen and (max-width: 1299px) and (min-width: 1200px) {
    ol.organizational-chart ol>li {
        max-width: 21.5em;
    }

    .services-box-wrap {
        padding: 1.5rem 1rem;
    }

    .basic.tab-inner-body .single-data:last-child a.tab-inner2-link.active:before {
        bottom: -22.5% !important;
    }

    .advanced.tab-inner-body .single-data:last-child a.tab-inner2-link.active:before {
        bottom: -19.5% !important;
    }

    .basic.tab-inner-body a.tab-inner2-link.active:before {
        bottom: -21.5% !important;
    }

    .basic.tab-inner-body a.tab-inner2-link span {
        font-size: 0.8rem;
    }

    .services-box-wrap h3 {
        font-size: 1.1rem;
    }

    .services-box-wrap p {
        font-size: 15px;
    }

    .basic.tab-inner-body a.tab-inner2-link {
        margin: 0 0rem 1rem 0rem;
    }

    .advanced.tab-inner-body a.tab-inner2-link {
        margin: 0 1rem 1rem 1rem;
    }

}

@media only screen and (max-width: 1400px) and (min-width: 1300px) {
    ol.organizational-chart ol>li {
        max-width: 22.5em;
    }

    .basic.tab-inner-body .single-data:last-child a.tab-inner2-link.active:before {
        bottom: -20.5% !important;
    }

    .advanced.tab-inner-body .single-data:last-child a.tab-inner2-link.active:before {
        bottom: -19.5% !important;
    }

    .basic.tab-inner-body a.tab-inner2-link.active:before {
        bottom: -20.5% !important;
    }

    .basic.tab-inner-body a.tab-inner2-link span {
        font-size: 0.8rem;
    }

    .basic.tab-inner-body a.tab-inner2-link {
        margin: 0 0rem 1rem 0rem;
    }

    .advanced.tab-inner-body a.tab-inner2-link {
        margin: 0 1.1rem 1rem 1.1rem;
    }
}

@media only screen and (max-width: 1500px) and (min-width: 1401px) {
    section.tabs-wrapper {
        margin-top: 5rem;
    }

    .advanced.tab-inner-body a.tab-inner2-link {
        margin: 0 1.1rem 1rem 1.1rem;
        padding: 20px 20px 20px 20px;
    }
}

@media only screen and (max-width: 1600px) and (min-width: 1501px) {
    section.tabs-wrapper {
        margin-top: 5rem;
    }

    .advanced.tab-inner-body a.tab-inner2-link {
        margin: 0 1.1rem 1rem 1.1rem;
        padding: 20px 20px 20px 20px;
    }
}

@media only screen and (max-width: 1700px) and (min-width: 1601px) {
    section.tabs-wrapper {
        margin-top: 5rem;
    }

    .advanced.tab-inner-body a.tab-inner2-link {
        margin: 0 1.1rem 1rem 1.1rem;
        padding: 20px 20px 20px 20px;
    }
}

@media only screen and (max-width: 1800px) and (min-width: 1701px) {
    section.tabs-wrapper {
        margin-top: 5rem;
    }

    .advanced.tab-inner-body a.tab-inner2-link {
        margin: 0 1.1rem 1rem 1.1rem;
        padding: 20px 20px 20px 20px;
    }

    .basic.tab-inner-body a.tab-inner2-link.active:before {
        bottom: -22% !important;
    }
}

@media only screen and (max-width: 1950px) and (min-width: 1801px) {
    section.tabs-wrapper {
        margin-top: 5rem;
    }

    .advanced.tab-inner-body a.tab-inner2-link {
        margin: 0 1.1rem 1rem 1.1rem;
        padding: 20px 20px 20px 20px;
    }

    .basic.tab-inner-body a.tab-inner2-link.active:before {
        bottom: -20% !important;
    }
}

@media only screen and (max-width: 3000px) and (min-width: 1919px) {
    ol.organizational-chart ol>li {
        max-width: 27em;
    }

    section.tabs-wrapper {
        margin-top: 5rem;
    }
}

@media (max-width: 818px) {
    .service-show-class {
        display: none;
    }
}


/* Service Details Page */
.service-details-accordion span.head-icon {
    display: inline-block;
}

.service-details-accordion .card-body ul {
    list-style: none;
}

.service-details-accordion .nav-link.active,
.service-details-accordion .nav-link:hover {
    background: #006DFF;
    background-color: transparent;
    background-image: linear-gradient(100deg, #006DFF 0%, #FF00FF 100%);
    /*box-shadow: 0px -1px 34px 1px rgba(154.3600311279297, 154.3600311279297, 154.3600311279297, 0.5);*/
    color: #fff;
}

.service-details-accordion .nav-link {
    padding: 15px 35px;
    border-radius: 6px;
    background: #F3F3F3;
    border: none;
    color: #54595f;
    font-size: 1rem;
    font-weight: 400;
}

.service-details-accordion .nav-tabs,
.card-header,
.tab-content .tab-pane {
    border: 0;
}

.service-details-accordion li.nav-item {
    margin: 5px;
}

.nav-tabs {
    display: none;
}

.subchild-content img,
.subchild-content h3,
.subchild-content {
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
}

.service-details-accordion .card-body .head-icon .icon-none img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.service-details-accordion .card-body .tab-content .tab-pane .card-body ul {}

.service-details-accordion .card-body .tab-content .tab-pane .card-body ul li {
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 12px;
    box-shadow: 0px 10px 42px 0px rgba(25.999999999999993, 56.00000000000008, 97, 0.13);

}

.service-details-accordion .subchild-content {
    margin-bottom: 15px
}

.service-details-accordion .subchild-content h3 {
    font-size: 1.5rem;
    /* margin-bottom: 10px; */
    font-weight: 700;
}

.service-details-accordion .card-body .tab-content .tab-pane .card-body ul li p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
}

.service-details-accordion .card-body .tab-content .tab-pane .card-header a[aria-expanded="true"],
.service-details-accordion .card-body .tab-content .tab-pane .card-header a:hover,
.service-details-accordion .card-body .tab-content .tab-pane .card-header a {
    padding: 10px 35px;
}

@media (min-width: 768px) {

    /* .service-details-accordion .nav-pills .nav-link{ padding: 15px 18px;    }*/
    .nav-tabs {
        display: flex;
    }

    /* .card {
        border: none;

        .card-header {
                display: none;
            }

        .collapse {
            display: block;
        }
    } */
}

@media (max-width: 500px) {
    .service-details-accordion .tabs .tab-head-div>ul li.service-mobile-show {
        display: inline-block !important;
        width: 20%;
    }
}

@media (max-width: 768px) {
    .service-details-accordion .tab-pane {
        display: block !important;
        opacity: 1;
    }

    .service-details-accordion .card-header {
        border: none;
        background: none;
    }

    .service-details-accordion .tab-content .tab-pane .card-header a[aria-expanded="true"],
    .service-details-accordion .tab-content .tab-pane .card-header a:hover {
        background: #006DFF;
        background-color: transparent;
        background-image: linear-gradient(100deg, #006DFF 0%, #FF00FF 100%);
        /* box-shadow: 0px -1px 34px 1px rgba(154.3600311279297, 154.3600311279297, 154.3600311279297, 0.5); */
        color: #fff;
        padding: 15px 35px;
        border-radius: 6px;
        border: none;
        font-size: 1rem;
        display: block;
        font-weight: 400;
    }

    .service-details-accordion .tab-content .tab-pane .card-header a {
        background: #F3F3F3;
        color: #54595f;
        padding: 15px 35px;
        border-radius: 6px;
        border: none;
        display: block;
        font-size: 1rem;
        font-weight: 400;
    }

    .service-details-accordion .card-body {
        padding-top: 0;
    }

    .service-details-accordion .card-body li {
        padding: 10px;
        margin: 20px 0px !important;
        box-shadow: 0px 10px 42px 0px rgba(25.999999999999993, 56.00000000000008, 97, 0.13);
        border-radius: 12px;
    }

    .service-details-accordion .subchild-content {
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }

    .service-details-accordion .subchild-content h3 {
        font-size: 18px;
        /* margin-bottom: 10px; */
        font-weight: 700;
        color: #495059;
        font-family: "Montserrat", sans-serif;
    }

    .service-details-accordion .subchild-content img {
        width: 40px;
        display: block;
        margin-bottom: 20px;
    }


    .service-details-accordion .tab-content .tab-pane .card-header a[data-bs-toggle="none"],
    .tab-content .tab-pane .card-header a[data-bs-toggle="none"]:hover {
        opacity: 0.7;
    }

}