@media only screen and (max-width: 1000px) {

  .top__header {
    display: none;
  }

  .business-comopnent-7>li:nth-child(3)>ul>li>ul>li>img {
    width: 53vw;
    height: 27vh;
    border-radius: 50%;
  }

  .WhyBharat>ul>li {
    padding: 59vw 5vw;
  }

  .bottom__header .bottom_header_links {
    display: none;
    /* flex-direction: row;
      justify-content: space-between;
      align-items: center; */
  }

  /* .bottom_header_links{
      display: none !important;
   } */
  .hamburger {
    display: block;
  }
}

@media only screen and (max-width:600px) {
  * {
    margin: 0px;
    padding: 0px;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 300;
  }

  ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
  }

  .top__header {
    background-color: #dfdddd8e;
    font-size: 13px !important;
    padding: 2px 2px;
  }

  .top__header ul {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
  }

  .top__header ul>li {
    padding: 4px 3px;
    display: flex;
    align-items: center;
    justify-content: center;

  }

  .show-component {
    display: block;
  }

  .old-component {
    display: none !important;
    margin-left: 4vw;
  }

  .show {
    display: block !important;
  }

  .bottom__header {
    font-size: 14px !important;
    padding: -1px 5px;
  }

  .bottom__header img {
    height: 40px;
    width: auto;
  }

  .bottom__header ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 1vw;
  }

  .bottom__header ul>li {
    padding: 4px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 15px;
    gap: 2vw;
  }


  .search-bar>ul>li:first-child>ul>li:nth-child(2) {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .bottom__header>ul>li:nth-child(2),
  .bottom__header ul>li:nth-child(3),
  .bottom__header ul>li:nth-child(4),
  .bottom__header ul>li:nth-child(5) {
    display: none;
  }

  .bottom__header ul>li:hover {
    cursor: pointer;
  }

  .bottom__header>ul>li:nth-child(1) {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0px;
  }

  .main_carousel {
    min-height: 95vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-inline: 20px;


  }

  .main_carousel>button {
    max-width: 200px;
    background-color: white;
    padding: 20px;
    border-radius: 40px;
    font-size: 1rem;
  }

  .main_carousel>button:hover {
    cursor: pointer;
  }

  .main_carousel>h1 {

    color: white;
    font-size: 29px;
    max-width: 80vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-items: center;
    font-weight: 500;
    margin-bottom: 20px;

  }

  .main_carousel>h2 {
    color: white;
    font-size: 17px;
    padding-bottom: 2vh;
    display: flex;
    font-family: sans-serif;

  }

  .core__services ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .core__services svg {
    color: #242424;
  }

  .core__services ul>li {
    padding: 10px;
    font-size: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .icon {
    display: block;
    text-align: center;
  }

  .latest__innovations {
    padding: 10px;
    margin-top: 20px;
  }

  .latest__innovations h1 {
    text-align: center;
    padding-bottom: 3vh;
  }

  .latest__innovations ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3vh;
  }

  .latest__innovations ul>li {
    width: 100%;
  }

  .innovation__card {
    min-height: 100%;
    width: 100%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }

  .innovation__card .blog_content {
    padding-block: 30px;
    padding-inline: 20px;
  }

  .innovation__card .badge {
    padding: 5px 10px;
    width: auto;
    font-size: 14px;
  }

  .badge-outlined {
    border: 1px solid black
  }

  .innovation__card h2 {
    margin-top: 10px;
  }

  .innovation__card>img {
    width: 100%;
    height: 30vh;
    border-radius: 14px 14px 14px 14px;
  }

  .innovation__card h3 {
    margin-bottom: 10px;
    font-size: 19px;
  }

  .innovation__card a {
    position: absolute;
    top: 27vh;
    color: #00598e;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    font-family: "Poppins", serif;
  }

  .innovation__card a::after {
    content: ">";
  }

  .story__card {
    padding: 0vw;
    padding-inline: 3vw;
    padding-bottom: 5vh;
    font-family: "Poppins", serif;
  }

  .story__card>ul {
    display: flex;
    border-radius: 10px;font-family: "Poppins", serif;
    flex-direction: column;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 5vw !important;
  }

  .story__card>ul>li {
    padding: 0px;font-family: "Poppins", serif;
    width: 100%;
  }

  .story__card .blog_content>h2 {
    font-size: 2rem;
    margin-block: 20px;font-family: "Poppins", serif;
  }

  .story__card .blog_content>h3 {
    font-size: 19px;
    /* text-align: justify; */
    margin-block-end: 10px;
    font-family: "Poppins", serif;
    font-weight: 400;
    color: #525252;
  }

  .story__card .blog_content>a {
    color: rgb(17, 93, 123);
    font-size: 18px;font-family: "Poppins", serif;
    text-decoration: none;
  }

  .story__card .blog_content>a::after {
    content: ">";font-family: "Poppins", serif;
  }

  .story__card_1>ul {
    display: flex;
    border-radius: 10px;font-family: "Poppins", serif;
    flex-direction: column;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 5vw !important;

  }

  .story__card_1 {
    padding: 0vw;font-family: "Poppins", serif;

    padding-inline: 3vw;
    padding-bottom: 5vh;
  }

  .story__card_1>ul>li {
    padding: 0px;font-family: "Poppins", serif;
    width: 100%;
  }

  .story__card_1 .blog_content>a {
    color: rgb(17, 93, 123);font-family: "Poppins", serif;
    font-size: 18px;
    text-decoration: none;
  }

  .story__card_1 .blog_content>h2 {
    font-size: 2rem;font-family: "Poppins", serif;
    margin-block: 20px;
  }

  .story__card_1 .blog_content>h3 {
    font-size: 19px;
    /* text-align: justify; */
    margin-block-end: 10px;
    font-family: "Poppins", serif;
    font-weight: 400;
    color: #525252;
  }

  .footer {
    padding: 10px;
  }

  .footer ul:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .footer ul:first-child>li {
    flex: 0.5;
    padding: 10px;
  }

  .footer ul:first-child>li>h2 {
    font-size: 42px;

  }

  .footer ul:first-child>li>h6 {
    font-size: 16px;
    margin-bottom: 20px;

  }

  .footer ul:first-child>li>button {
    padding: 12px;
    font-size: 16px;
    min-width: 200px;
    color: rgb(20, 75, 96);
    background-color: #fff;
    outline: none;
    border: 1px solid rgb(20, 75, 96);
  }

  .footer ul:first-child>li:first-child {
    border-right: 1px solid gray
  }

  .footer ul:first-child>li {
    font-size: 40px;
  }

  .footer>ul:nth-child(2) {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #dfdddd8e;
  }

  .footer ul:nth-child(2)>li>ul {
    display: flex;
    flex-direction: column;
  }

  .copyright_line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: 1px solid gray;
    background-color: #dfdddd8e;
    padding-top: 20px;
  }

  .copyright_line>ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .copyright_line>ul>li {
    padding-inline: 10px;
  }

  /*tab css*/


  .close-button {
    background-color: white;
    border: none;
    cursor: pointer;
    color: black;
    font-weight: bolder;

  }

  .close-button-1 {
    height: 20px;
    width: 20px;
    margin-top: 20px;
  }

  .close-button :hover {
    color: #007fff;
  }

  .tab-compo {
    border-top: 0px solid rgb(223, 223, 223);
    display: flex;
    flex-direction: column;
    position: absolute;
    justify-content: center;
    z-index: 99;
    background-color: rgba(255, 255, 255, 0);
    width: 100vw;
    line-height: 10vw;
    overflow-x: scroll;
    border-bottom: 0px solid lightgray;

  }

  .tab-compo {
    display: flex;
    position: absolute;
    z-index: 3;
    width: 100%;
    border-top: 0px solid lightgray;
    border-bottom: 1px solid lightgray;
    background-color: white;
  }

  .tab {
    display: flex;
    flex-direction: row;
  }

  .tab-list {
    width: 50%;
    padding: 4px;
    border-right: 1px solid rgb(206, 206, 206);
    height: 100vw;
    justify-content: start;
    padding-inline-start: 0px;
    display: flex;
    font-size: 3vw;
    line-height: 30px;
  }

  .main-page {
    color: #007fff;
  }

  .list-link li:hover {
    color: #007fff;
    cursor: pointer;
    text-decoration: underline;
  }

  .content-img {
    width: 60vw;
  }

  .links-page {
    display: none;
  }

  .main-page-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    height: 94vw;
    overflow-x: scroll;
  }

  .main-page-content::-webkit-scrollbar {
    display: none;
    /* Hides the scrollbar */
  }

  .main-page-content {
    display: flex;
    flex-direction: row;
    gap: 3vw;
    width: 100%;
  }

  .main-page-content>div>ul {
    font-size: 4vw;
    line-height: 1vw;
    width: 100vw;
  }

  .main-page-content>div>ul>li>p {
    line-height: 5vw;
  }

  .main-page-content>div>ul>a {
    text-decoration: none;
    color: #007fff;
    font-size: 1vw;


  }

  .main-page-content>div>ul>li:hover {
    text-decoration: underline;

  }

  .head-text {
    width: 48vw;
    font-size: 14px;
    margin-bottom: 1vw;
    font-weight: 600;

  }

  .text-info {
    font-size: 3vw;
    width: 55vw;
    line-height: 3vh;
    color: rgb(61, 61, 61);
  }

  .links-page {
    color: #007fff;
    text-decoration: none;
    font-size: 3vw;
    width: 100%;
    line-height: 1vw;


  }

  .links-page:hover {
    text-decoration: underline;
  }



  /*tab csss ends*/

  .component-wrapper {
    background-color: white;
    position: relative;
    padding: 0vh 3vw;
    transform: translateY(-100%);
    /* Start the page off-screen above */
    animation: slideInFromTop 0.2s ease-out forwards;
    /* Slide the page in from top */
  }

  /* Define the animation */
  @keyframes slideInFromTop {
    0% {
      transform: translateY(-100%);
      /* Start position off-screen above */
    }

    100% {
      transform: translateY(0);
      /* End position at the normal position */
    }
  }

  .tab {
    position: relative;
    /* Ensure the parent container is positioned */
  }







  .tab {
    background-color: rgba(255, 255, 255, 0);
    position: relative;
    width: 100%;
    transform: translateX(-100%);
    /* Start the page off-screen to the right */
    animation: slideInFromTop 0.4s ease-out forwards;
    /* Slide the page in from right */
  }

  /* Define the animation */
  @keyframes slideInFromRight {
    0% {
      transform: translateX(100%);
      /* Start position off-screen to the right */
    }

    100% {
      transform: translateX(0);
      /* End position at the normal position */
    }
  }

  .closes-button {
    position: absolute;
    top: -9px;
    right: 17px;
    background: transparent;
    border: none;
    font-size: 40px;
    cursor: pointer;
    z-index: 5;
    color: black;
  }


  /* Optional: Animation for hiding the component (to slide it out) */
  .close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: none;
    font-size: 30px;
    cursor: pointer;
  }

  .component-wrapper.slide-out {
    animation: slideOutToRight 0.5s ease-in forwards;
  }

  @keyframes slideOutToRight {
    0% {
      transform: translateX(0);
      /* Starting at normal position */
    }

    100% {
      transform: translateX(100%);
      /* Move off-screen */
    }
  }

  .list-link {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 3vw;
  }

  .Footer_Links {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4vh 6vw 4vh 6vw;
    background-color: #e4e5e6;
    gap: 11vw;

  }

  .Footer_Links>li>ul {
    display: flex;
    flex-direction: row;
    gap: 11vw;
  }

  .Footer_Links>li>ul>li>h3 {
    font-weight: 500;
    font-size: 17px;
  }

  .Footer_Links>li>ul>li>ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 2vh;
    font-size: 15px;
    font-weight: 400;
    color: #525252;
  }

  .Footer_Links>li>ul>li>ul>li:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #222222;

  }

  .Footer2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 5px solid #e4e5e6;
    gap: 15px;
    padding: 4vh 6vw 4vh 6vw;
    justify-content: space-between;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }

  .Footer2>li:first-child>ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2vw;
  }

  .Footer2>li:first-child>ul>li:last-child>ul {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    font-weight: 400;
    gap: 4px;
  }

  .Footer2>li:first-child>ul>li:last-child>ul>h6 {
    font-size: 13px;
    font-weight: 400;
    text-align: center;
  }

  .Footer2>li:first-child>ul>li:last-child>ul>li:nth-child(2)>ul {
    display: flex;
    flex-direction: row;
    gap: 10px;
    font-size: 12px;
    justify-content: center;
    align-items: center;
  }

  .Footer2>li:first-child>ul>li:last-child>ul>li:nth-child(2)>ul>li:hover {
    cursor: pointer;
    font-weight: 500;
    text-decoration: underline;
  }

  .Footer2>li:first-child>ul>li:last-child>ul>li:nth-child(3)>ul {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    font-size: 12px;
  }

  .Footer2>li:first-child>ul>li:last-child>ul>li:nth-child(3)>ul>li:hover {
    cursor: pointer;
    font-weight: 500;
    text-decoration: underline;
  }

  .Footer2>li:last-child>ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .Footer2>li:last-child>ul>li:first-child>ul {
    display: flex;
    flex-direction: row;
    gap: 15px;
  }

  .Footer2>li:last-child>ul>li:first-child>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .Footer2>li:last-child>ul>li:first-child>ul>li {
    cursor: pointer;
  }


  .Contact-Main {
    display: flex;
    flex-direction: column;
    padding-top: 5vw;
  }

  .Contact-top>h2 {
    font-size: 2rem;
    font-weight: 600;
    text-align: start;
    padding: 2vh 0vw 2vh 0vw;
  }

  .Contact-top>p {
    font-size: 1rem;
    font-weight: 400;
    text-align: start;
  }

  .select-label {
    position: absolute;
    top: -0.5rem;
    left: 1rem;
    background-color: rgb(255, 255, 255);
    padding: 0 0.5rem;
    color: #333;
    font-size: 3vw;

  }

  .select-input {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 6vw;
    background-color: white;

  }

  .select-container {
    display: flex;
    flex-direction: column;
    gap: 3vh;
    padding: 2vh 0vw 2vh 0vw;
  }

  Contact-Body {
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: 4vh;
  }

  .Contact-bodys {
    width: 100%;
  }

  .contact-container {
    font-family: Arial, sans-serif;
    margin: 0px;
    line-height: 1.6;
  }

  .chat-button {
    background-color: #007bff;
    border-radius: 50px;
    color: white;
    border: none;
    width: 28vw;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    margin-top: 1rem;
  }

  .contact-section-2 {
    display: flex;
    flex-direction: column;
    line-height: 2vh;
    font-weight: 200;
    margin-bottom: 1rem;
  }

  .request-form-container {
    font-family: Arial, sans-serif;
    margin: 0px;
    line-height: 1.6;
    padding-top: 1vw;
  }

  .request-form-container>h1 {
    font-size: 7vw;
  }

  .login-button {
    border: 2px #007bff solid;
    background: none;
    color: #007bff;
    border-radius: 1vw;
    width: 100%;
    padding: 18px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    cursor: pointer;
  }

  .name-box {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-Content: center;
    align-Items: center;

  }

  .name-input {
    width: 75vw;
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 6vw;
    background-color: white;
  }

  .Email-input {
    width: 75vw;
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 6vw;
  }

  .phone-input {
    width: 75vw;
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 6vw;
    background-color: white;
  }

  .country-input {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 6vw;
    background-color: white;
  }

  .name-wrapper {
    position: relative;
    margin-bottom: 2vw;
    margin-top: 2vw;
  }

  .Box-1 {
    display: flex;
    flex-direction: column;
    gap: 2vh;
  }

  .submit-button {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 5vw;
    font-size: 1.4rem;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    width: 100%;
  }

  .request-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 3vh;
  }

  .bottom__header {
    padding: 0vh 2vw;
  }

  .About_carousel {
    min-height: 70vh;
    display: flex;
    flex-direction: row;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center;
    padding: 3vh 5vw;


  }

  .About_carousel>h1 {
    color: white !important;
    font-size: 17px;
    max-width: 50vw;
    text-decoration: none !important;
    font-family: sans-serif;
  }

  .About_carousel>h2 {
    color: white;
    font-size: 2rem;
    padding-bottom: 0vh;
    display: flex;
    font-family: sans-serif;
  }



  .About_carousel>button:hover {
    cursor: pointer;
  }


  .AboutUs>ul>li:last-child>ul>li:nth-child(1)>ul {
    display: flex;
    flex-direction: column;
    padding: 2vh 6vw;
    justify-content: center;
    align-items: center;

  }

  .AboutUs>ul>li:last-child>ul>li:nth-child(1)>ul>li:nth-child(1)>h1 {
    font-size: 3vw;
    font-weight: 600;
    padding-bottom: 2vh;
  }

  .AboutUs>ul>li:last-child>ul>li:nth-child(1)>ul>li:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 2vh;
  }

  .AboutUs>ul>li:last-child>ul>li:nth-child(1)>ul>li:nth-child(2)>p {
    text-align: start;
    font-size: 1.4vw;
  }

  .AboutUs>ul>li:last-child>ul>li:nth-child(1)>ul>li:nth-child(3)>h2 {
    font-size: 2vw;
    font-weight: 600;
    cursor: pointer;
  }

  .AboutUs>ul>li:last-child>ul>li:nth-child(1)>ul>li:nth-child(3)>h2:hover {
    color: #007fff;
    cursor: pointer;
  }


  .main_carousel {
    min-height: 94vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-inline: 1vw;

  }

  .main_carousel>h1 {
    color: white;
    font-size: 2rem;
    max-width: 0vw;
    display: flex;
    justify-content: center;
    align-items: center;

    padding-bottom: 2vh;
    font-family: sans-serif;
  }

  .main_carousel>h2 {
    color: white;
    text-align: center;
    font-size: 1rem;
    padding-bottom: 2vh;

    display: flex;


    font-family: sans-serif;
  }

  .main_carousel>button {
    max-width: 100%;
    background-color: white;
    padding: 12px;
    border-radius: 40px;
    font-size: 1rem;
    border: none;
    color: #051427;
    font-weight: 600;
  }

  .main_carousel>button:hover {
    cursor: pointer;
  }

  .search-bar>ul>li:last-child>ul>li {
    font-weight: 500;
    font-size: 2.6vw;
    cursor: pointer;
    color: white;
  }

  .search-bar>ul {
    width: 96vw;
    height: 10vh;
    display: flex;
    padding: 6vh 2vw 1vh 2vw;
    flex-direction: column;
    background-color: #0d274d;
  }





























  .business-comopnent>li:nth-child(1)>ul {
    display: flex;
    flex-direction: column;
    gap: 4vh;
    background-image: url("https://www.cisco.com/content/dam/assets/swa/img/1400/light-blue-tines-blade.jpg");
    justify-content: center;
    align-items: center;
    padding: 4vw 3vw !important;
    font-family: "Poppins", serif;
  }

  .business-comopnent>li:nth-child(1)>ul>li:nth-child(1)>h1 {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    font-family: "Poppins", serif;
  }

  .business-comopnent>li:nth-child(1)>ul>li:nth-child(2)>h2 {
    font-size: 1.1rem;
    font-weight: 400;
    font-family: "Poppins", serif;
    text-align: center;
  }

  .business-comopnent>li:nth-child(1)>ul>li:nth-child(3)>button {
    padding: 3vw;
    background-color: #007fff;
    color: white;
    font-family: "Poppins", serif;
    border: none;
    border-radius: 5vw;
    font-weight: 500;
    cursor: pointer;
  }

  .business-component-1 {
    display: flex;
    font-family: "Poppins", serif;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4vw 4vw !important;
  }

  .business-component-1>li {
    width: 100%;
    font-family: "Poppins", serif;
  }

  .business-component-1>li:nth-child(1)>img {
    width: 100%;
    font-family: "Poppins", serif;
  }

  .business-component-1>li:nth-child(2)>ul {
    display: flex;
    flex-direction: column;
    font-family: "Poppins", serif;
  }

  .Logo-Acetians {
    font-family: "Poppins", serif;
    width: 15vw;
  }

  .Logo-Acetians-2 {
    width: 50vw;
    font-family: "Poppins", serif;
  }

  .business-component-1>li:nth-child(2)>ul>li:nth-child(1)>h1 {
    font-size: 2rem;
    font-size: 400;
    font-family: "Poppins", serif;
  }

  .business-component-1>li:nth-child(2)>ul>li:nth-child(3)>ul {
    display: flex;
    flex-direction: column;
    font-family: "Poppins", serif;
  }

  .business-component-1>li:nth-child(2)>ul>li:nth-child(3)>ul>li>ul>li:nth-child(1)>h1 {
    font-size: 1.1rem;
    font-weight: 500;
    font-family: "Poppins", serif;
    color: #007fff;
  }

  .business-component-1>li:nth-child(2)>ul>li:nth-child(3)>ul>li>ul>li:nth-child(2)>p {
    font-size: 5vw;
    font-weight: 400;
    font-family: "Poppins", serif;

  }

  .business-component-2 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    font-family: "Poppins", serif;
    align-items: center;
    padding: 4vw 4vw !important;
    background-color: #c9c9c910;
  }

  .business-component-2>li:nth-child(2)>img {
    width: 100%;
    font-family: "Poppins", serif;
  }

  .business-component-2>li {
    width: 100%;
    font-family: "Poppins", serif;

  }

  .business-component-2>li:nth-child(1)>ul>li:nth-child(1)>h1 {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: "Poppins", serif;
  }

  .business-component-2>li:nth-child(1)>ul>li:nth-child(2)>p {
    font-size: 1rem;
    width: 100%;
    font-family: "Poppins", serif;
  }

  .business-component-2>li:nth-child(1)>ul>li:nth-child(3)>button {
    background-color: #007fff;
    color: white;
    font-weight: 500;
    font-family: "Poppins", serif;
    padding: 20px;
    width: 100%;
    border: none;
    border-radius: 20px;
  }

  .business-component-3 {
    display: flex;
    font-family: "Poppins", serif;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2vw;
    padding: 4vw 4vw !important;
  }

  .business-component-3>li {
    width: 100%;
    font-family: "Poppins", serif;

  }

  .business-component-3>li:nth-child(1)>img {
    width: 100%;
    border-radius: 25px;
    font-family: "Poppins", serif;
  }

  .business-component-3>li:nth-child(2)>ul {
    display: flex;
    flex-direction: column;
    gap: 2vh;
    font-family: "Poppins", serif;

  }

  .business-component-3>li:nth-child(2)>ul>li:nth-child(1)>h1 {
    font-size: 8vw;
    font-family: "Poppins", serif;
    /* font-weight: 700; */

  }

  .business-component-3>li:nth-child(2)>ul>li:nth-child(2)>p {
    font-size: 1rem;
    font-family: "Poppins", serif;
  }

  .business-component-3>li:nth-child(2)>ul>li:nth-child(3)>ul {
    display: flex;
    flex-direction: row;
    font-family: "Poppins", serif;
    gap: 1vw;
  }

  .business-component-3>li:nth-child(2)>ul>li:nth-child(3)>ul>li:nth-child(1)>button {
    background-color: #007fff;
    font-family: "Poppins", serif;
    color: white;
    font-weight: 500;
    border: none;
    border-radius: 7vw;
    cursor: pointer;
    padding: 4vw !important;
  }

  .business-component-3>li:nth-child(2)>ul>li:nth-child(3)>ul>li:nth-child(2)>button {
    background-color: #ffffff;
    font-family: "Poppins", serif;
    color: #007fff;
    font-weight: 500;
    border: 1px solid #007fff;
    border-radius: 7vw;
    cursor: pointer;
    padding: 4vw !important;
  }

  .business-component-4 {
    display: none;
    font-family: "Poppins", serif;
    background-color: #00bceb;
    flex-direction: column-reverse;
    padding: 4vw 4vw !important;
    justify-content: center;
    align-items: center;
  }

  .business-component-4>li:nth-child(2)>img {
    width: 100%;
    font-family: "Poppins", serif;
  }

  .business-component-4>li {
    width: 100%;
    font-family: "Poppins", serif;
  }

  .business-component-4>li:nth-child(1)>ul {
    display: flex;
    flex-direction: column;
    justify-content: center;  font-family: "Poppins", serif;
    align-items: center;
    gap: 2vh;
  }

  .business-component-4>li:nth-child(1)>ul>li:nth-child(1)>h1 {
    font-size: 20px;
    font-weight: 600;  font-family: "Poppins", serif;


  }

  .business-component-4>li:nth-child(1)>ul>li:nth-child(2)>p {
    font-size: 19px;  font-family: "Poppins", serif;
    font-weight: 500;
  }

  .business-component-4>li:nth-child(1)>ul>li:nth-child(3)>ul {
    display: flex;
    flex-direction: row;  font-family: "Poppins", serif;
    gap: 1vw;
  }

  .business-component-4>li:nth-child(1)>ul>li:nth-child(3)>ul>li:nth-child(1)>button {
    background-color: #007fff;
    color: white;  font-family: "Poppins", serif;
    font-weight: 500;
    border: none;
    border-radius: 7vw;
    cursor: pointer;
    padding: 4vw !important;
  }

  .business-component-4>li:nth-child(1)>ul>li:nth-child(3)>ul>li:nth-child(2)>button {
    background-color: #ffffff;  font-family: "Poppins", serif;
    color: #007fff;
    font-weight: 500;
    border: 1px solid #007fff;
    border-radius: 7vw;
    cursor: pointer;
    padding: 4vw !important;
  }


  .business-component-5 {
    display: flex;  font-family: "Poppins", serif;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2vw;
    padding: 2vw 3vw !important;
  }

  .business-component-5>li {
    width: 100%;  font-family: "Poppins", serif;

  }

  .business-component-5>li:nth-child(1)>img {
    width: 100%;
    height: 100%;
  }

  .business-component-5>li:nth-child(2)>ul {
    display: flex;
    flex-direction: column;
    gap: 1vh;  font-family: "Poppins", serif;

  }

  .business-component-5>li:nth-child(2)>ul>li:nth-child(1)>h1 {
    font-size: 1.5rem;  font-family: "Poppins", serif;
    font-weight: 500;

  }

  .business-component-5>li:nth-child(2)>ul>li:nth-child(2)>p {
    font-size: 1rem;  font-family: "Poppins", serif;
  }

  .business-component-5>li:nth-child(2)>ul>li:nth-child(3)>ul {
    display: flex;
    flex-direction: row;
    gap: 1vw;  font-family: "Poppins", serif;
  }

  .business-component-5>li:nth-child(2)>ul>li:nth-child(3)>ul>li:nth-child(1)>button {
    background-color: #007fff;
    color: white;
    font-weight: 500;  font-family: "Poppins", serif;
    border: none;
    border-radius: 7vw;
    cursor: pointer;
    padding: 4vw !important;
  }

  .business-component-5>li:nth-child(2)>ul>li:nth-child(3)>ul>li:nth-child(2)>button {
    background-color: #ffffff;  font-family: "Poppins", serif;
    color: #007fff;
    font-weight: 500;
    border: 1px solid #007fff;
    border-radius: 7vw;
    cursor: pointer;
    padding: 4vw !important;
  }



  .business-comopnent-6>li:nth-child(1)>ul {
    display: flex;
    flex-direction: column;  font-family: "Poppins", serif;
    gap: 4vh;
    background-color: #00bceb;
    justify-content: center;
    align-items: center;
    padding: 3vw 2vw !important;
  }

  .business-comopnent-6>li:nth-child(1)>ul>li:nth-child(1)>h1 {
    font-size: 22px;
    font-weight: 600;
    text-align: center;  font-family: "Poppins", serif;
  }

  .business-comopnent-6>li:nth-child(1)>ul>li:nth-child(2)>h2 {
    font-size: 16px;
    font-weight: 500;  font-family: "Poppins", serif;
    text-align: center;
  }

  .business-comopnent-6>li:nth-child(1)>ul>li:nth-child(3)>button {

    padding: 3vw !important;
    background-color: #007fff;
    color: white;
    border: none;  font-family: "Poppins", serif;
    border-radius: 5vw;
    font-weight: 500;
    cursor: pointer;
  }



  .business-comopnent-7 {
    display: none;  font-family: "Poppins", serif;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2vw;
    padding: 2vw 4vw !important;
    background-color: #2b2b2b2f;
  }


  .business-comopnent-7>li:nth-child(1)>h1 {
    font-size: 1.7rem;  font-family: "Poppins", serif;
    font-weight: 500;
    color: #333;
    align-items: center;
    text-align: center;
  }

  .business-comopnent-7>li:nth-child(2)>p {
    font-size: 20px;  font-family: "Poppins", serif;
    text-align: center;
  }

  .business-comopnent-7>li:nth-child(3)>ul {
    display: flex;
    flex-direction: column;
    gap: 2vw;  font-family: "Poppins", serif;

  }

  .business-comopnent-7>li:nth-child(3)>ul>li {
    width: 100%;  font-family: "Poppins", serif;
    padding: 0vw;
  }

  .business-comopnent-7>li:nth-child(3)>ul>li>ul {
    display: flex;
    flex-direction: column;  font-family: "Poppins", serif;
    gap: 1vh;
    justify-content: center;
    align-items: center;
  }

  .business-comopnent-7>li:nth-child(3)>ul>li>ul>li>h1 {
    color: #2e2e2eda;  font-family: "Poppins", serif;
  }

  .business-comopnent-7>li:nth-child(3)>ul>li>ul>li>p {
    color: #2e2e2eda;
    font-size: 17px;  font-family: "Poppins", serif;
  }


  .business-comopnent-8 {
    display: flex;
    flex-direction: column;
    justify-content: center;  font-family: "Poppins", serif;
    align-items: center;
    gap: 2vw;
    padding: 6vw 5vw !important;
    background-color: #eeeeee80;
  }

  .business-comopnent-8>li:nth-child(2)>ul {
    display: flex;  font-family: "Poppins", serif;
    flex-direction: column;
    gap: 2vw;
  }

  .business-comopnent-8>li:nth-child(2)>ul>li {
    width: 100%;
    padding: 0vw;  font-family: "Poppins", serif;
    background-color: rgba(255, 255, 255, 0.555);
  }

  .business-comopnent-8>li:nth-child(2)>ul>li>ul {
    display: flex;
    flex-direction: column;  font-family: "Poppins", serif;
    gap: 2vh;
  }

  .business-comopnent-8>li:nth-child(2)>ul>li>ul>li:nth-child(1)>h1 {
    font-size: 1.5rem;  font-family: "Poppins", serif;
  }

  .business-comopnent-8>li:nth-child(2)>ul>li>ul>li:nth-child(2)>p {
    font-size: 1rem;  font-family: "Poppins", serif;
  }

  .business-comopnent-8>li:nth-child(2)>ul>li>ul>li:nth-child(3)>h1 {
    font-size: 1.2rem;  font-family: "Poppins", serif;
    font-weight: 600;
    color: #007fff;
    cursor: pointer;
  }

  .business-comopnent-9 {
    display: flex;
    flex-direction: column;  font-family: "Poppins", serif;
    justify-content: center;
    align-items: center;
    gap: 2vw;
    padding: 6vw 3vw !important;
    background-color: #eeeeee80;
  }

  .business-comopnent-9>li:nth-child(1)>h1 {
    font-size: 18px;  font-family: "Poppins", serif;
    font-weight: 700;
  }

  .business-comopnent-9>li:nth-child(2)>p {
    font-size: 16px;  font-family: "Poppins", serif;
    text-align: center;

  }

  .business-comopnent-9>li:nth-child(3)>ul {
    display: flex;
    flex-direction: column;  font-family: "Poppins", serif;
    gap: 2vw;
  }

  .business-comopnent-9>li:nth-child(3)>ul>li {
    width: 100%;
    padding: 0vw;
    background-color: rgba(230, 230, 230, 0.692);
    cursor: pointer;  font-family: "Poppins", serif;
  }

  .business-comopnent-9>li:nth-child(3)>ul>li>ul {
    display: flex;
    flex-direction: column;
    padding: 2vw !important;  font-family: "Poppins", serif;
  }

  .business-comopnent-9>li:nth-child(3)>ul>li>ul>li:nth-child(1)>h2 {
    font-size: 1.4rem;
    font-weight: 400;  font-family: "Poppins", serif;
  }

  .business-comopnent-9>li:nth-child(3)>ul>li>ul>li:nth-child(2)>p {
    font-size: 1rem;
    font-weight: 300;  font-family: "Poppins", serif;
  }

  .business-comopnent-9>li:nth-child(4)>ul {
    display: flex;
    flex-direction: column;  font-family: "Poppins", serif;
    gap: 2vw;
  }

  .business-comopnent-9>li:nth-child(4)>ul>li {
    width: 100%;
    padding: 0vw;
    background-color: rgba(230, 230, 230, 0.692);
    cursor: pointer;  font-family: "Poppins", serif;
  }

  .business-comopnent-9>li:nth-child(4)>ul>li>ul {
    display: flex;  font-family: "Poppins", serif;
    flex-direction: column;
    padding: 2vw;
  }

  .business-comopnent-9>li:nth-child(3)>ul>li>ul>li:nth-child(1)>h1 {
    font-size: 18px;
    font-weight: 600;  font-family: "Poppins", serif;
  }

  .business-comopnent-9>li:nth-child(4)>ul>li>ul>li:nth-child(1)>h1 {
    font-size: 18px;
    font-weight: 600;  font-family: "Poppins", serif;
  }

  .business-comopnent-9>li:nth-child(4)>ul>li>ul>li:nth-child(1)>h2 {
    font-size: 18px;  font-family: "Poppins", serif;
    font-weight: 700;
  }

  .business-comopnent-9>li:nth-child(4)>ul>li>ul>li:nth-child(2)>p {
    font-size: 1rem;font-family: "Poppins", serif;
    font-weight: 300;
  }

  .business-component-10 {
    display: none;font-family: "Poppins", serif;
    flex-direction: column;
    padding: 3vw 3vw !important;
    justify-content: center;
    background-color: #0d274d;
    gap: 2vw;
  }

  .business-component-10>li {
    width: 100%;font-family: "Poppins", serif;
  }

  .business-component-10>li:nth-child(1)>h1 {
    font-size: 29px;font-family: "Poppins", serif;
    font-weight: 600;
    color: white;

  }

  .business-component-10>li:nth-child(2)>ul {
    display: flex;font-family: "Poppins", serif;
    flex-direction: column;
  }

  .business-component-10>li:nth-child(2)>ul>li>p {
    font-size: 1.2rem;
    color: white;font-family: "Poppins", serif;
    font-weight: 500;
  }

  .business-component-10>li:nth-child(2)>ul>li>button {
    background-color: white;
    border: none;font-family: "Poppins", serif;
    border-radius: 20px;
    color: #0d274d;
    font-weight: 600;
    cursor: pointer;
    font-size: 15px;

    padding: 1vw;
  }

  .business-component-11 {
    font-family: "Poppins", serif;
    display: flex;
    flex-direction: column-reverse;
    padding: 2vw 7vw !important;
    justify-content: center;
    align-items: center;
    background-color: #f2fbfd;
    gap: 2vw;
  }

  .business-component-11>li {
    width: 100%;font-family: "Poppins", serif;
  }

  .business-component-11>li:last-child>img {
    width: 100%;font-family: "Poppins", serif;
  }

  .business-component-11>li:nth-child(1)>ul {
    display: flex;font-family: "Poppins", serif;
    flex-direction: column;
    gap: 1vh;
  }

  .business-component-11>li:nth-child(1)>ul>li:nth-child(1)>h1 {
    font-size: 2rem;font-family: "Poppins", serif;
    font-weight: 500;
  }

  .business-component-11>li:nth-child(1)>ul>li:nth-child(2)>p {
    font-size: 1.2rem;
    font-weight: 400;font-family: "Poppins", serif;
  }

  .business-component-11>li:nth-child(1)>ul>li:nth-child(3)>button {
    padding: 1vw;
    border: none;
    background-color: #007bff;
    color: white;font-family: "Poppins", serif;
    font-weight: 500;
    border-radius: 20px;
    cursor: pointer;
  }

  .business-component-12 {
    display: flex;font-family: "Poppins", serif;
    flex-direction: column;
    padding: 4vw 3vw !important;
    justify-content: center;
    align-items: center;

    gap: 2vw;
  }

  .business-component-12>li {
    width: 100%;font-family: "Poppins", serif;

  }

  .business-component-12>li:nth-child(1)>img {
    width: 100%;
    border-radius: 10px;font-family: "Poppins", serif;
  }

  .business-component-12>li:last-child>ul {
    display: flex;
    flex-direction: column;font-family: "Poppins", serif;
    gap: 1vh;
  }

  .business-component-12>li:last-child>ul>li:first-child>h1 {
    font-size: 7vw;
    /* text-align: center; */font-family: "Poppins", serif;
    font-weight: 400;

  }

  .business-component-12>li:last-child>ul>li:last-child>p {
    font-size: 1rem;font-family: "Poppins", serif;

  }

  .business-component-13 {
    display: flex;
    flex-direction: column;
    padding: 5vw 7vw !important;
    justify-content: center;font-family: "Poppins", serif;
    align-items: center;
    gap: 2vh;
    background-color: #d1d1d1d3;

  }

  .business-component-13>li:nth-child(1)>h1 {
    font-size: 7vw;font-family: "Poppins", serif;
    font-weight: 400;
  }

  .business-component-13>li:nth-child(2)>p {
    font-size: 1rem;font-family: "Poppins", serif;
    font-weight: 300;
    text-align: center;
  }

  .business-component-13>li:nth-child(3)>button {
    background-color: #007bff;
    border: none;
    border-radius: 20px;font-family: "Poppins", serif;
    color: white;
    font-weight: 500;
    cursor: pointer;

    padding: 1vw;
  }





  .compo-1 {
    display: flex;
    flex-direction: column;
    padding: 5vw 7vw !important;font-family: "Poppins", serif;
    justify-content: center;
    align-items: center;
    gap: 5vh;
    background-color: #d1d1d1d3;
  }

  .compo-1>li:nth-child(1)>h1 {
    font-size: 25px;font-family: "Poppins", serif;
    text-align: center;
    font-weight: 400;
  }

  .compo-1>li:nth-child(2)>ul {
    display: flex;font-family: "Poppins", serif;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2vh;
  }

  .compo-1>li:nth-child(2)>ul>li {
    width: 100%;font-family: "Poppins", serif;

  }

  .compo-1>li:nth-child(2)>ul>li>ul {
    display: flex;
    flex-direction: column;font-family: "Poppins", serif;
    gap: 2vh;
  }

  .compo-1>li:nth-child(2)>ul>li>ul>li>img {
    width: 100%;
    border-radius: 30px;font-family: "Poppins", serif;
  }

  .compo-1>li:nth-child(2)>ul>li>ul>li>h1 {
    font-size: 1.5rem;
    font-weight: 400;font-family: "Poppins", serif;
    padding-bottom: 2vh;
    color: #007fff;
  }

  .compo-1>li:nth-child(2)>ul>li>ul>li>p {
    font-size: 1rem;
    font-weight: 300;font-family: "Poppins", serif;
    color: #007fff;
  }

  .compo-2 {
    display: flex;
    flex-direction: column;font-family: "Poppins", serif;
    padding: 5vw 7vw !important;
    justify-content: center;
    align-items: center;
    gap: 5vh;

  }

  .compo-2>li:nth-child(1)>h1 {
    font-size: 2rem;
    font-weight: 400;font-family: "Poppins", serif;
  }

  .compo-2>li:nth-child(2)>ul {
    display: flex;font-family: "Poppins", serif;
    flex-direction: column;
    gap: 2vw;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid lightgray;
    padding-bottom: 2vh;
  }

  .compo-2>li:nth-child(2)>ul>li:first-child {
    width: 100%;font-family: "Poppins", serif;
  }

  .compo-2>li:nth-child(2)>ul>li:first-child>img {
    width: 100%;
    border-radius: 20px;font-family: "Poppins", serif;
  }

  .compo-2>li:nth-child(2)>ul>li:last-child>ul {
    display: flex;
    flex-direction: column;font-family: "Poppins", serif;
    gap: 2vh;

  }

  .compo-2>li:nth-child(2)>ul>li:last-child>ul>li:first-child>h1 {
    font-size: 2rem;font-family: "Poppins", serif;
    font-weight: 400;
  }

  .compo-2>li:nth-child(2)>ul>li:last-child>ul>li:nth-child(2)>p {
    font-size: 1rem;
    font-weight: 400;
    width: 100%;font-family: "Poppins", serif;
  }

  .compo-2>li:nth-child(2)>ul>li:last-child>ul>li:nth-child(3)>ul {
    display: flex;
    flex-direction: row;font-family: "Poppins", serif;
    gap: 2vw;
  }

  .compo-2>li:nth-child(2)>ul>li:last-child>ul>li:nth-child(3)>ul>li>button {
    background-color: #007bff;
    border: none;font-family: "Poppins", serif;
    border-radius: 20px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    padding: 3vw !important;
  }

  .compo-3 {
    display: flex;font-family: "Poppins", serif;
    background-image: url("https://www.cisco.com/content/dam/cisco-cdc/site/images/photography/lifestyle-photography/solutions/networking/voc-rei-1600x520.jpg");
    height: 60vh;

  }

  .compo-3>li {
    background-color: #0d274d;
    height: 51vh;font-family: "Poppins", serif;
    width: 65vw;
    margin-left: 7vw;
    padding: 2vw !important;
  }

  .compo-3>li>ul {
    display: flex;font-family: "Poppins", serif;
    flex-direction: column;
    gap: 2vh;
  }

  .compo-3>li>ul>li>h1 {
    font-size: 1.2rem;font-family: "Poppins", serif;
    font-weight: 500;
    color: white;
  }

  .compo-3>li>ul>li>p {
    font-size: 0.9rem;font-family: "Poppins", serif;
    font-weight: 400;
    color: white;
  }

  .compo-3>li>ul>li>button {
    background-color: #007bff;
    border: none;font-family: "Poppins", serif;
    border-radius: 20px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    width: 25vw;
    padding: 2vw !important;
  }

  .compo-4 {
    display: flex;font-family: "Poppins", serif;
    flex-direction: column;
    padding: 5vw 7vw !important;
    justify-content: center;
    align-items: center;
    gap: 5vh;
  }

  .compo-4>li:first-child>h1 {
    font-size: 2rem;font-family: "Poppins", serif;
    font-weight: 400;
    padding-bottom: 3vh;
  }

  .compo-4>li:last-child>ul {
    display: flex;font-family: "Poppins", serif;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5vw;
  }

  .compo-4>li:last-child>ul>li {
    width: 100%;font-family: "Poppins", serif;
  }

  .compo-4>li:last-child>ul>li>ul {
    display: flex;font-family: "Poppins", serif;
    flex-direction: column;
    gap: 3vh;
  }

  .compo-4>li:last-child>ul>li>ul>li>h3 {
    font-size: 1rem;font-family: "Poppins", serif;
    font-weight: 600
  }

  .compo-4>li:last-child>ul>li>ul>li>h2 {
    font-size: 1.3rem;
    font-weight: 400;font-family: "Poppins", serif;
  }

  .compo-4>li:last-child>ul>li>ul>li>h1 {
    color: #0056b3;font-family: "Poppins", serif;
    font-size: 1.2rem;
    cursor: pointer;
    font-weight: 500
  }

  .compo-5 {
    display: flex;
    flex-direction: column-reverse;
    padding: 5vw 7vw !important;
    justify-content: center;font-family: "Poppins", serif;
    align-items: center;
    gap: 5vh;
  }

  .compo-5>li {
    width: 100%;font-family: "Poppins", serif;
  }

  .compo-5>li:last-child>img {
    width: 100%;font-family: "Poppins", serif;
  }

  .compo-5>li:first-child>ul {
    display: flex;
    flex-direction: column;font-family: "Poppins", serif;
    gap: 2vh;
  }

  .compo-5>li:first-child>ul>li>h1 {
    font-size: 1.5rem;
    font-weight: 400;font-family: "Poppins", serif;
    text-align: center;

  }

  .compo-5>li:first-child>ul>li>button {
    background-color: #007bff;
    border: none;font-family: "Poppins", serif;
    border-radius: 20px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    width: 100%;
    padding: 4vw;

  }

  .compo-6 {
    display: flex;
    flex-direction: column;font-family: "Poppins", serif;
    padding: 5vw 7vw !important;
    justify-content: center;
    align-items: center;
    gap: 5vh;
  }

  .compo-6>li:first-child>h1 {
    font-size: 8vw;font-family: "Poppins", serif;
    font-weight: 500;
    text-align: center;
  }

  .compo-6>li:last-child>ul {
    display: flex;
    flex-direction: column;
    justify-content: center;font-family: "Poppins", serif;
    align-items: center;
    gap: 2vw;
  }

  .compo-6>li:last-child>ul>li {
    width: 100%;font-family: "Poppins", serif;
  }

  .compo-6>li:last-child>ul>li>ul {
    display: flex;font-family: "Poppins", serif;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1vh;
  }

  .compo-6>li:last-child>ul>li>ul>li>img {
    width: 100%;font-family: "Poppins", serif;
  }

  .compo-6>li:last-child>ul>li>ul>li>h1 {
    font-size: 8vw;
    font-weight: 500;font-family: "Poppins", serif;
    text-align: center;
  }

  .compo-6>li:last-child>ul>li>ul>li>p {
    font-size: 1.1rem;font-family: "Poppins", serif;
    font-weight: 400;
    text-align: center;
  }

  .compo-6>li:last-child>ul>li>ul>li>h2 {
    font-size: 1.2rem;font-family: "Poppins", serif;
    font-weight: 400;
    cursor: pointer;
    color: #007fff;
  }


  .main-page-content-1>ul {
    display: flex;font-family: "Poppins", serif;
    flex-direction: column;
    gap: 0px;
    line-height: 35px;
    padding: 0vh 2vw !important;
  }

  .main-page-content-1>ul>li:hover {

    color: #007fff;font-family: "Poppins", serif;
    cursor: pointer;
    text-decoration: underline;

  }

  .main-page-content-1>ul>li:hover {
    text-decoration: underline;font-family: "Poppins", serif;
    cursor: pointer;
    color: #0056b3;
  }


  .main-page-content {
    display: flex;
    flex-direction: column;
    gap: 3vw;
    width: inherit;
    padding: 2vh 1vw;
  }

  .main-page-content>div {
    width: calc(70vw / 3);
  }

  .main-page-content>div>ul {
    font-size: 1.2vw;
    line-height: 3vw;
  }

  .main-page-content>div>ul>li>p {
    line-height: 2vw;
  }

  .main-page-content>div>ul>li {
    cursor: pointer;
  }

  .main-page-content>div>ul>li:hover {
    text-decoration: underline;
  }

  .main-page-content>div>ul>a {
    text-decoration: none;
    color: #007fff;
    font-size: 1.2vw;
  }

  .list-content {
    padding: 0vh 0vw;
    width: 100%;
  }

  .main-page-list {
    font-size: 3vw;
  }



  .WhyBharat {
    background-image: url("https://images.pexels.com/photos/8386440/pexels-photo-8386440.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1");
    width: 100%;
    height: 92vh;
    color: #fff;
    position: relative;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    animation: carouselimagezoom 35s infinite alternate;
    z-index: 1;
  }

  .WhyBharat::before {
    z-index: 1;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;font-family: "Poppins", serif;
    height: 100%;
    margin: auto;
    background: rgb(17, 12, 14);
    background: radial-gradient(circle, rgba(17, 12, 14, 0.5578606442577031) 100%, rgba(238, 174, 202, 1) 100%, rgba(0, 0, 0, 1) 100%);
  }

  .WhyBharat>ul {
    padding: 22vh 0vw 5vw 5vw;
    display: flex;font-family: "Poppins", serif;
    flex-direction: column;
    height: inherit;

    z-index: 2;
    position: relative;

  }

  .WhyBharat>ul>li>h1 {
    font-size: 34px;font-family: "Poppins", serif;
    max-width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding-bottom: 2vh;
    font-family: sans-serif;
    font-weight: 600;
  }

  .WhyBharat>ul>li>h2 {
    color: white;
    width: 84vw;
    font-size: 19px;
    font-weight: 500;font-family: "Poppins", serif;
    padding-bottom: 2vh;
    display: flex;
    font-family: sans-serif;
  }

  .WhyBharat>ul>li>button {
    max-width: 15vw;
    background-color: white;
    padding: 12px;
    border-radius: 40px;
    font-size: 1rem;
    border: none;
    color: #051427;
    font-weight: 600;
  }

  .btn-explore {
    background-color: white;
    border: none;
    color: black;
    width: 50vw;
    text-align: center;
    padding: 3vw;
    border-radius: 3vw;
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
  }

  .row-container {
    display: flex;
    gap: 5vw;
    justify-content: center;
    align-items: center;
    padding: 5vw;
    flex-direction: column;
    max-height: 600px;
  }

  .box {
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.034);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
  }

  .box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
    position: relative;
    z-index: 1;
    border-radius: 8px;
  }

  .box:hover img {
    transform: scale(1.1);
  }

  .text-overlay {
    width: 100%;
    height: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .box:hover .text-overlay {
    opacity: 1;
  }

  .text-overlay .icon {
    font-size: 2rem;
    /* Adjust icon size */
    margin-bottom: 5px;
  }

  .text-overlay p {
    margin: 0;
    font-size: 10px;
  }

  .bottom_header_links_last>li:last-child {

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 10px;
  }


  .modal-wrapper {
    position: fixed;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(189, 189, 189, 0.574);
  }


  .modal-container {
    position: fixed;
    width: 90vw;
    z-index: 4;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 10px;
  }

  .login-container>button {
    background: none;
    border: none;
    cursor: pointer;
    margin-left: 70vw;
    position: relative;
    z-index: 1;


  }

  .login-container {

    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }

  .Sign-lable {
    padding: 0px 0px 4vh 0px;
    font-weight: 600;
  }

  .login-title {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .login-form {
    display: flex;
    flex-direction: column;
  }

  .login-label {
    margin-bottom: 5px;
    font-size: 14px;
  }

  .login-input {
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 72vw;
  }

  .login-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    flex-direction: row-reverse;
  }

  .forgot-password {
    color: blue;
    text-decoration: none;
    font-size: 17px;
  }

  .keep-signed-in {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }

  .keep-signed-in>p {
    margin-bottom: 0rem;
  }

  .keep-signed-in-checkbox {
    width: 10px;
  }

  .login-button {
    width: 20vw;
    padding: 10px;
    background-color: #00598e;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }

  .create-account {
    text-align: center;
    margin-top: 10px;
  }

  .create-account-link {
    color: blue;
    text-decoration: none;
  }

  .Search-button {
    color: black;
    width: 30px;
    padding-top: 10px;
    cursor: pointer;

  }




  /* data analytics */

  .dataanalytics-1 {
    
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 3vh 3vw !important;
    gap: 6vw;
    font-family: 'Poppins';
  }

  .dataanalytics-1>li {
    width: 100%;
  }

  .dataanalytics-1>li>img {
    width: 100%;
  }

  .dattaanalytics-2 {
    font-family: 'Poppins';
    display: flex;
    background-color: #f8f8f8;
    flex-direction: column;
    padding: 3vh 3vw !important;
  }

  .dattaanalytics-2>li:nth-child(2)>ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2vw;
    padding: 10vh 0vw !important;
    justify-content: space-between;
    font-family: 'Poppins';

  }

  .dattaanalytics-2>li:nth-child(2)>ul>li {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 199px;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    padding: 2vw;
    font-family: 'Poppins';
    transition: 0.10s;
  }

  .dattaanalytics-2>li:nth-child(2)>ul>li>h3 {
    padding-block: 1vh;
  }

  .dattaanalytics-2>li:nth-child(2)>ul>li:hover {
    box-shadow: 5px 5px 5px -3px rgba(0, 0, 0, 0.75);
  }

  .dattaanalytics-2>li:nth-child(2)>ul>li>p {
    font-weight: 400;
    font-size: 14px;
  }

  .dataanalytics-3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8vh 3vw !important;
    gap: 6vw;
    font-family: 'Poppins';
    background-color: #013f8b;
  }

  .dataanalytics-3>li {
    width: 100%;
    color: white;
  }

  .dataanalytics-3>li>img {
    width: 100%;
  }



  .dataanalytics-4 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: start;
    align-items: start;
    padding: 3vh 2vw !important;
    gap: 6vw;
    font-family: 'Poppins';
  }

  .dataanalytics-4>li {
    width: 100%;
    color: rgb(0, 0, 0);
  }

  .dataanalytics-4-bold {
    font-weight: 600;
  }

  .dataanalytics-4>li>img {
    width: 100%;
  }

  .dataanalytics-5 {
    display: flex;
    flex-wrap: wrap;
    gap: 2vw;
    padding: 4vh 3vw !important;

  }

  .dataanalytics-5>li {
    font-family: 'Poppins';
    width: 100%;
    color: rgb(0, 0, 0);
    background-color: rgba(204, 204, 204, 0.616);
    border: 2px solid #013f8b;

  }

  .dataanalytics-5>li>ul {
    display: flex;
    flex-direction: column;
  }

  .dataanalytics-5>li>ul>li:first-child>img {
    width: 100%;
  }

  .dataanalytics-5>li>ul>li:last-child {
    display: flex;
    flex-direction: column;
    padding: 2vh 2vw 2vh 2vw;
  }

  .dataanalytics-5>li>ul>li:last-child>h2 {
    font-size: 22px;
  }

  .dataanalytics-5>li>ul>li:last-child>ul>li {
    list-style-type: none;
  }

}