/* #timeline_css-----------------------------------------------------------------------> */
/* @media screen and (min-width: 0px) {
    .mobile {
      display: none;
    }
  } */



 

@media screen and (max-width:750px ){
  .first-level-name{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 128px !important;
    font-size: 0.833rem !important;
    color: black !important;
    font-weight: 500 !important;
  }
}  
  
  
  @media screen and (min-width: 992px) {
    .No-sub {
     margin-left: 2.5rem !important;
    }
  }
  
  @media screen and (max-width: 991px) {
    .No-sub {
     margin-left: 0.5rem !important;
    }
  }
  
  
  
  @media screen and (min-width: 0px) {
    .system-view {
      position: relative;
     margin-top: 0px;
    }
  }
  .first-level{
    max-height: 150px; 
    overflow-y: auto;
  }
  @media screen and (min-width:992px) {
    #subdata2{
      width: 138px;
    }
  }
  @media screen and (max-width:991px) {
    #subdata2{
      width: 114px;
    }
  }

  
  /* @media screen and (min-width: 0px)  {
      .subchild-4{   width: 343px; }
    }
    @media screen and (max-width: 750px)  {
      .subchild-4 {  width: 257px; }   
    } */
  @media screen and (max-width: 500px) {
    .level-2 {
      margin-left: 3.8rem !important;
    }
    .level-3 {
      margin-left: 4.8rem !important;
    }
    .level-4 {
      margin-left: 5.8rem !important;
    }
    .industry_type{
      width: 134px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
  @media screen and (max-width:450px ){
    .c-text{
      font-size: 12px;
     }
  } 

  @media screen and (max-width: 400px) {
    .level-1 {
      margin-left: 1.25rem !important;
    }
    .level-2 {
      margin-left: 1.25rem !important;
    }
    .level-3 {
      margin-left: 1.25rem !important;
    }
    .level-4 {
      margin-left: 1.25rem !important;
    }
  }

  @media screen and (max-width:350px){
    .custompadding{
     padding: .25rem;
    }
    .fl-pd{
     padding: .25rem;
    }
 
 }  
  /* @media screen and (max-width: 510px) {
    .level-3 {
      margin-left: 7rem !important;
    }
  } */

  
  /* @media screen and (max-width: 991px) {
    .level-2 {
      width: 258px;
      margin-left: 1rem !important;
    }
  } */
  
  @media screen and (min-width: 992px) {
    .subsidiaries2 {
      width: 18rem;
    }
  }
  
  @media screen and (max-width: 991px) {
    .subsidiaries2 {
      width: 18.5rem;
    }
  }
  /* @media screen and (min-width: 0px) {
    .level-3 {
      width: 343px;
      margin-left: 3rem !important;
    }
  } */
  
  /* @media screen and (max-width: 750px) {
    .level-3 {
      width: 219px;
      margin-left: 39px !important;
    }
  } */
  
  /* @media screen and (min-width: 0px) {
    .level-4 {
      width: 343px;
      margin-left: 3rem !important;
    }
  } */
  
  /* @media screen and (max-width: 750px) {
    .level-4 {
      width: 194px;
      margin-left: 25px !important;
    }
  } */
  
  @media screen and (min-width: 0px) {
    .corp-view {
      width: 318px;
    }
  }
  
  @media screen and (min-width: 0px) {
    .reut-view {
      width: 344px;
    }
  }
  
  @media screen and (max-width: 750px) {
    .mobile {
      display: block;
    }
  }
  
  @media screen and (max-width: 750px) {
    .reut-view {
      width: 263px;
    }
  }
  
  @media screen and (max-width: 750px) {
    .corp-view {
      width: 280px;
    }
  }
  
  /* @media screen and (max-width: 750px)  {
      .mobile-vrs {   width: 256px;
                      right:19px; }
    } */
  @media screen and (max-width: 750px) {
    .common-font {
      font-size: 9px;
    }
  }
  
  @media screen and (max-width: 750px) {
    .common-img {
      width: 47px;
      height: 34px;
    }
  }
  
  @media screen and (max-width: 750px) {
    .for-mobile{
      width: 30px;
      height: 25px;
  
    }
  }
  @media screen and (max-width: 750px) {
    .for-mobile-subary2{
      width: 30px;
      height: 25px;
  
    }
  }
  @media screen and (min-width: 0px) {
    .first-level-name-subary2 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 110px;
    }
  }
  @media screen and (min-width: 0px) {
    .first-leve-heading {
     width: 150px;
    }
  }
  
  @media screen and (max-width: 750px) {
    .first-leve-heading{
      width: 120px;
    }
  }
  @media screen and (min-width: 0px) {
    .second-level-heading {
      width: 176px;
    }
  }
  
  @media screen and (max-width: 750px) {
    .second-level-heading{
      width: 99px;
    }
  }
  @media screen and (min-width: 992px) {
    .third-level-heading {
      width: 145px;
    }
  }
  
  @media screen and (max-width: 991px) {
    .third-level-heading{
      width: 60px;
    }
    .level-1{
      margin-right: auto !important;
    }
    .level-2{
      margin-right: auto !important;
    }

  }
  @media screen and (min-width: 992px) {
    .subsidiaries3 {
      width: 19rem;
    }
  }
  
  @media screen and (max-width: 991px) {
    .subsidiaries3{
      width: 16.1rem;
    }
  }
  
  /* @media screen and (min-width: 992px) {
    .subsidiaries4 {
      width: 19rem;
    }
  } */
  
  @media screen and (max-width: 991px) {
    .subsidiaries4{
      width: 14.5rem;
    }
  }
  
  @media screen and (min-width: 992px) {
    .main-company {
      font-size: 15px; 
      font-weight: 600; 
    }
  }
  
  @media screen and (max-width: 991px) {
    .main-company{
  font-size: 14px;
  
  font-weight: 600; 
  width: 88px;
    }
  }
  
  @media screen and (max-width: 750px) {
    .first-level-name-subary2{
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 70px;
    }
  }
  @media screen and (max-width: 750px) {
    .system-view {
      width: 345px;
  
      top: 0;
    }
  }
  
  /* @media screen and (max-width: 750px)  {
      .chg-mb {   flex-direction: column;
                  width: 278px;  }
    } */
  @media screen and (max-width: 750px) {
    .child4-mb {
      flex-direction: column;
      width: 257px;
    }
  }
  
  
  @media (min-width: 992px) {
    .timeline-vertical .small {
      transform: translateX(-50%);
      left: 33%;
  
    }
  }
  
  @media screen and (max-width: 750px) {
    .reuters-common-width {
      width: 263px;
    }
  }
  
  
  .left::before {
    left: -0.37rem;
  }
  
  .left-3::before {
    left: -0.37rem;
  }
  
  .action-img::before {
    content: "";
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    background: var(--falcon-gray-100);
    top: 0.9rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 1px;
    border-style: solid;
    border-color: var(--falcon-gray-300);
    border-radius: 0.125rem;
    z-index: -1;
  }
  
  .common-arrow::before {
    content: "";
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    background: var(--falcon-gray-100);
    top: 0.9rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 1px;
    border-style: solid;
    border-color: var(--falcon-gray-300);
    border-radius: 0.125rem;
    z-index: -1;
  }
  
  
  .timeline-vertical .small {
    border-radius: 0%;
    height: 2.75rem;
    width: 2.75rem;
    font-size: 0.875rem;
    position: absolute;
  }
  
  .timeline-vertical .small {
    border-radius: 0%;
    height: 2.75rem;
    width: 2.75rem;
    font-size: 0.875rem;
    position: absolute;
    left: 0;
  }
  
  @media (min-width: 992px) {
    .timeline-vertical .small {
      transform: translateX(-50%);
      left: 42%;
    }
    .timeline-vertical .timeline-item-start .timeline-item-content.leftpanel{
      margin-right: 2.5rem !important;
    }
    .timeline-vertical .timeline-item-start .timeline-item-content.level-3{
      margin-right: 1.9rem !important;
    }
    .timeline-vertical .timeline-item-start .timeline-item-content.level-4{
      margin-right: 1rem !important;
    }
  }

  @media (min-width: 992px) {
    .timeline-vertical .timeline-item:not(:last-child)::before{
      left: 42%;
      transform: translateX(-42%);
    }
  }
  
  
  .timeline-vertical .timeline-item:not(:last-child)::before {
    background-color: grey;
  
  
  }
  
  .timeline-vertical .timeline-item-content {
    border: 0px;
  }
  
  #small-chng::after{
    margin-left: 8px;
  
        
  }
  .fl-pd{
    padding: 16px;
  }
  
  .first-level-name{
    font-size: 0.833rem !important;
    color: black !important;
    font-weight: 500 !important;
  }


  /* <!---->apidoc-------- */
  .api-terminal-wrapper {
    color: white;
    font-family: monospace;
    /* padding: 20px; */
  }

  .api-terminal-wrapper .terminal-container {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
  }

  .api-terminal-wrapper .terminal-header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 49px;
    padding: 0 8px;
    background: #212121;
    position: relative;
  }

  .api-terminal-wrapper .terminal-buttons {
    position: absolute;
    left: 8px;
    display: flex;
    align-items: center;
  }

  .api-terminal-wrapper .terminal-dot {
    margin-right: 5px;
    height: 12px;
    width: 12px;
    border: none;
    border-radius: 100%;
    background: linear-gradient(#7d7871 0%, #595953 100%);
    box-shadow: 0px 0px 1px 0px #41403A, 0px 1px 1px 0px #474642;
  }

  .api-terminal-wrapper .terminal-dot.red {
    background: #ee411a;
  }

  .api-terminal-wrapper .terminal-dot:hover {
    cursor: pointer;
  }

  .api-terminal-wrapper .terminal-title {
    color: #d5d0ce;
    font-size: 14px;
    text-align: center;
    margin: 0;
  }

  .api-terminal-wrapper .terminal-body {
    background: rgba(0, 0, 0, 0.85);
    color: white;
    padding: 12px;
    overflow-x: auto;
    font-size: 16px;
  }

  .api-terminal-wrapper .terminal-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .api-terminal-wrapper .terminal-line span {
    margin-right: 4px;
  }

  .api-terminal-wrapper .command-text {
    color: #ffffff;
     /*white-space: nowrap;*/
    word-break: break-word;
  }

  .api-terminal-wrapper .blinking-cursor {
    width: 5px;
    height: 16px;
    background: white;
    animation: blink 1.2s step-start infinite;
  }

  @keyframes blink {
    0%, 49% {
      background: #ffffff;
    }
    50%, 100% {
      background: transparent;
    }
  }

  /* Buttons Section */
  .api-terminal-wrapper .button-row {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .api-terminal-wrapper .action-button {
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    color: white;
    background-color: #3b82f6;
    transition: background-color 0.3s ease;
    font-family: monospace;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .api-terminal-wrapper .action-button:hover {
    background-color: #2563eb;
  }

  .api-terminal-wrapper .action-button svg {
    width: 16px;
    height: 16px;
    fill: white;
  }

  @media (max-width: 600px) {
    .api-terminal-wrapper .terminal-title {
      font-size: 12px;
    }

    .api-terminal-wrapper .terminal-body {
      font-size: 12px;
      padding: 8px;
    }

    .api-terminal-wrapper .command-text {
      font-size: 16px !important;
      white-space: normal;
      word-break: break-word;
    }

    .api-terminal-wrapper .button-row {
      flex-direction: column;
      align-items: center;
    }
  }

  /* .timeline-item-content-arrow{
    content: "";
      position: absolute;
      width: 0.8rem;
      height: 0.8rem;
      background: var(--falcon-gray-100);
      top: 0.9rem;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      border-width: 1px;
      border-style: solid;
      border-color: var(--falcon-gray-300);
      border-radius: 0.125rem;
      z-index: -1;
  }   */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* #subsidaries_css----------------------------------------------------------> */
  /* @media screen and (min-width: 0px) {
    .mobile {
      display: none;
    }
  }
  
  @media screen and (max-width: 750px) {
    .mobile {
      display: block;
    }
  }
  
  @media screen and (max-width: 750px) {
    .mob-view {
      margin-left: 0px;
    }
  }
  
  @media screen and (min-width: 0px) {
    .system-view {
      margin-left: 0.3rem !important;
    }
  }
  
  @media screen and (max-width: 750px) {
    .system-view {
      margin-left: 0rem !important;
    }
  }
  
  @media screen and (max-width: 750px) {
    .mobile_head {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 150px;
    }
  }
  
  
  .time-p {
    width: 127px;
  }
  
  .form-select {
    color: blue;
    border-color: blue;
  }
  
  .common_width {
    width: 96px;
  }
  
  .common_btn {
    background-color: #ecb76f;
    color: black;
  }
  
  .remove_border {
    border-style: none;
    border-color: white;
  }
  
  .common_width {
    color: black;
  }
  
  .common_2 {
    background-color: #f5dbb6;
    color: black;
  }
  
  .common_3 {
    background-color: #a9b6cb;
    color: black;
  }
  
  .system {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 253px;
  } */
  
  /* faqcss */
         /* .faq-main-class .faq-item {
            margin-bottom: 10px;
        }
        .faq-main-class .faq-question {
            cursor: pointer;
            font-weight: bold;
            color: #0066cc;
        }
        .faq-main-class .faq-answer {
            margin-top: 10px;
        }
        .faq-main-class .incident {
            margin-bottom: 30px;
            border: 1px solid #ddd;
            padding: 15px;
            border-radius: 5px;
            background-color: #f9f9f9;
        }
       .faq-main-class .incident-header {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
       .faq-main-class .incident-logo {
            width: 50px;
            height: 50px;
            margin-right: 15px;
        }
       .faq-main-class .ransomware-incident {
            border-left: 5px solid #ff5722;
        }
       .faq-main-class .data-breach-incident {
            border-left: 5px solid #2196f3;
        } */