// Breadcrumb Section
        .breadcrumb {
          &__area {
            text-align: center;
            padding: 185px 0;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
        
            @media #{$md} {
              padding: 130px 0;
            }
        
            @media #{$sm} {
              padding: 100px 0;
            }
        
            .overlay {
              position: absolute;
              content: "";
              width: 100%;
              height: 100%;
              left: 0;
              top: 0;
            }
          }
        
          &__content {
            position: relative;
            z-index: 9;
        
            p {
              font-size: 16px;
              font-weight: 500;
              line-height: 1.5;
              color: var(--white);
              font-family: 'DM Sans', sans-serif;
        
              a {
                color: var(--white);
                display: inline-block;
                text-transform: capitalize;
                transition: all 0.3s;
                margin-right: 5px;
        
                &:hover {
                  color: var(--primary);
                }
              }
        
              span {
                display: inline-block;
                padding-left: 5px;
              }
            }
          }
        
          &__title {
            font-size: 80px;
            font-weight: 400;
            line-height: 1;
            color: var(--white);
            padding-bottom: 30px;
        
            @media #{$md} {
              font-size: 60px;
              padding-bottom: 20px;
            }
        
            @media #{$sm} {
              font-size: 48px;
            }
          }
        
        }