/* Responsive adjustments */

@media (min-width:1200px){
    .hero-title { 
        /* font-size: 78px;
        line-height: 86px; */
        font-size: 72px;
        line-height: 80px;
    }
}

 @media (max-width: 1200px) {
    .hero-title { 
        font-size: 80px;
        line-height: 80px;
    }
 
     .machine-learning-section .nav-pills {
         flex-direction: row !important;
         flex-wrap: nowrap;
         justify-content: center;
     }

     .machine-learning-section .nav-pills .nav-link {
         border-radius: 100px 100px 0px 0px;
         padding: 26px 8px;
         width: 25%;
         text-align: center;
         margin: 0px 5px;

     }

     .machine-learning-section .nav-pills .nav-link:first-child {
         margin-left: 0px;
     }

     .machine-learning-section .nav-pills .nav-link:last-child {
         margin-right: 0px;
     }

     .machine-learning-section .nav-pills .nav-link img {
         width: 50px;
     }

 }

 @media (max-width: 992px) {
    .hero-title { 
        font-size: 120px;
        line-height: 135px;
    }
     .nav-menu {
         justify-content: center;
         flex-wrap: wrap;
         margin-top: 15px;
     }

     .nav-menu li {
         margin: 5px 15px;
     }

     .hero-content {
         flex-direction: column;
         text-align: center;
         min-height: auto;
     }

     .hero-text {
         padding-right: 0;
         margin-bottom: 50px;
     }

     .hero-description {
         max-width: 100%;
     }

     .hero-title {
         font-size: 72px;
         line-height: 74px;
     }

     .hero-description {
         font-size: 16px;
     }
 }

 @media (max-width: 768px) {
    .machine-learning-section .center-line {
        width: 100% !important;
        height: 3px;
        background: linear-gradient(
      to right,
      #7f5fff 0%,
      #d759ff 50%,
      #f8cc84 100%
    );
        border-radius: 10px;
        position: relative;
     }

     /* move dot to left */
    .machine-learning-section .center-line::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translateX(-50%);
        width: 12px;
        height: 12px;
        background: #7f5fff;
        border-radius: 50%;
        top: -4px;
     }


     .machine-learning-section .tab-content {
         padding-left: 0px !important;
     }

     .hero-section {
         padding: 100px 0 60px;
         background-position: center center;
     }

     .hero-title {
         font-size: 80px;
         line-height: 83px;
     }

     .section-title {
         font-size: 28px;
     }

     .contact-form-container {
         padding: 25px;
     }

     /* .mobile-dropdown-toggle,
    .mobile-dropdown-menu,
    .mobile-dropdown {
        display: none !important;
    } */

     .nav-menu .dropdown-menu {
         display: none !important;
     }

 }

 @media (max-width: 576px) {
     .hero-section {
         padding: 100px 0 60px;
         background-position: center center;
     }

     .hero-title {
         font-size: 77px;
         line-height: 80px;
     }

     .hero-subtitle {
         font-size: 20px;
     }

     .service-card,
     .tech-card,
     .why-us-card,
     .blog-card {
         margin-bottom: 20px;
     }

     .machine-learning-section .tab-content {
         padding-left: 0px !important;
     }
 }