issue with the Owl carousel because of an incorrect linking of something?

I am attempting to incorporate the Owl Carousel into my latest project, but I seem to be encountering some difficulties with it. At this point, only the HTML and CSS seem to be functioning correctly. I believe I may be making a mistake with the Script, but I am unsure of what exactly I am doing wrong. Can someone kindly assist me and examine my code to identify where I am going wrong?

     #work_process {
       background-color: #f9f9f9;
       padding: 50px 0;
     }
     
     #work_process h5 {
       font-size: 18px;
       color: #555;
     }
     
     #work_process h3 {
       font-size: 36px;
       font-weight: bold;
       margin-top: 20px;
       margin-bottom: 50px;
     }
     
     .work_box {
       background-color: #fff;
       border: 1px solid #ccc;
       border-radius: 5px;
       padding: 20px;
       text-align: center;
     }
     
     .work_box h6 {
       font-size: 18px;
       margin-top: 30px;
       margin-bottom: 20px;
       font-weight: bold;
       color: #333;
     }
     
     .work_box p {
       font-size: 14px;
       color: #555;
       line-height: 1.5;
       margin-bottom: 30px;
     }
     
     .step_box {
       width: 70px;
       height: 70px;
       border-radius: 50%;
       background-color: #555;
       color: #fff;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto;
       margin-bottom: 30px;
     }
     
     .step_box h4 {
       font-size: 24px;
       font-weight: bold;
       margin: 0;
     }
     
     .owl-carousel .owl-nav button {
       color: #555;
       font-size: 24px;
       position: absolute;
       top: 50%;
       transform: translateY(-50%);
       z-index: 1;
       background-color: transparent;
       border: none;
       outline: none;
       cursor: pointer;
     }
     
     .owl-carousel .owl-nav button.owl-prev {
       left: 0;
     }
     
     .owl-carousel .owl-nav button.owl-next {
       right: 0;
     }
     
     .owl-carousel .owl-dots {
       text-align: center;
       margin-top: 50px;
     }
     
     .owl-carousel .owl-dots button {
       width: 10px;
       height: 10px;
       border-radius: 50%;
       background-color: #ccc;
       margin: 0 5px;
       border: none;
       outline: none;
       cursor: pointer;
       transition: all 0.3s;
     }
     
     .owl-carousel .owl-dots button.active {
       background-color: #555;
     }
     //css
    #work_process {
      background-color: #f9f9f9;
      padding: 50px 0;
    }
    
    #work_process h5 {
      font-size: 18px;
      color: #555;
    }
    
    #work_process h3 {
      font-size: 36px;
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 50px;
    }
    
    .work_box {
      background-color: #fff;
      border: 1px solid #ccc;
      border-radius: 5px;
      padding: 20px;
      text-align: center;
    }
    
    .work_box h6 {
      font-size: 18px;
      margin-top: 30px;
      margin-bottom: 20px;
      font-weight: bold;
      color: #333;
    }
    
    .work_box p {
      font-size: 14px;
      color: #555;
      line-height: 1.5;
      margin-bottom: 30px;
    }
    
    .step_box {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background-color: #555;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      margin-bottom: 30px;
    }
    
    .step_box h4 {
      font-size: 24px;
      font-weight: bold;
      margin: 0;
    }
    
    .owl-carousel .owl-nav button {
      color: #555;
      font-size: 24px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1;
      background-color: transparent;
      border: none;
      outline: none;
      cursor: pointer;
    }
    
    .owl-carousel .owl-nav button.owl-prev {
      left: 0;
    }
    
    .owl-carousel .owl-nav button.owl-next {
      right: 0;
    }
    
    .owl-carousel .owl-dots {
      text-align: center;
      margin-top: 50px;
    }
    
    .owl-carousel .owl-dots button {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #ccc;
      margin: 0 5px;
      border: none;
      outline: none;
      cursor: pointer;
      transition: all 0.3s;
    }
    
    .owl-carousel .owl-dots button.active {
      background-color: #555;
    }