@media screen and (max-width: 1150px) {
      * {
        padding: 0px;
        margin: 0px;
        box-sizing: border-box;
      }

      .our-work {
        max-width: 1200px;
        min-height: 100vh;
        display: flex;
        justify-content: space-between;
        align-content: center;
        flex-direction: column;
        margin: 0px auto;
        padding: 30px 0px;
        gap: 50px;
      }

      .cardSlideChildren {
        height: fit-content;
        display: flex;
        flex-direction: row;
        justify-content: center;
        position: relative;
        gap: 30px;
      }

      .content-container-child {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        flex-wrap: nowrap;
        align-content: center;
        align-items: flex-start;
      }

      .card-container {
        position: absolute;
        width: fit-content;
        height: fit-content;
        padding: 20px 30px;
        background: #ffffff;
        border-top-right-radius: 14px;
        left: 0px;
        bottom: 0px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: flex-start;
        z-index: 100;
      }

      .card-large-number {
        font-style: normal;
        font-weight: 800;
        font-size: 56px;
        line-height: 68px;
        text-transform: capitalize;
        color: #d50c3d;
      }

      .card-title {
        margin: 5px 0px 20px;
        font-style: normal;
        font-weight: 700;
        font-size: 22.68px;
        line-height: 27px;
        text-transform: capitalize;
        color: #232826;
      }

      .card-description {
        display: -webkit-box;
        -webkit-line-clamp: none;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        color: #232826;
        max-width: 240px;
      }

      .content-container {
        width: fit-content;
        height: 50%;
        display: none;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: space-around;
        align-items: flex-start;
        position: relative;
      }

      .content-heading {
        max-width: 460px;
        height: fit-content;
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 58px;
        text-transform: uppercase;
        color: #232826;
        position: relative;
        overflow: hidden;
      }

      .number-label {
        position: absolute;
        top: 20%;
        left: 72%;
        font-style: normal;
        font-weight: 800;
        font-size: 128px;
        line-height: 34px;
        display: flex;
        align-items: center;
        color: rgba(0, 0, 0, 0.06);
      }

      .content-paragraph {
        max-width: 440px;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        color: #232826;
        position: relative;
      }

      @media screen and (max-width: 1150px) {
        .our-work .cardSlideChildren {
          width: 100%;
          /* height: 100vh; */
          color: #fff;
          border-radius: 16px;
          position: relative;
          opacity: 1;
          display: flex;
          flex-wrap: nowrap;
          justify-content: center;
          align-items: center;
          column-gap: 60px;
          flex-direction: column-reverse;
        }

        .our-work .img-container {
          position: relative;
          width: 90%;
          height: 350px;
          bottom: 1%;
          /* padding-bottom: 30px; */
          border-radius: 12px;
          overflow: hidden;
          will-change: transform, opacity;
        }

        .our-work .img-container img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block;
        }

        .our-work .img-container::after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.15),
            rgba(0, 0, 0, 0.15)
          );
          pointer-events: none;
        }

        .our-work .card-container {
          position: absolute;
          width: 175px;
          height: fit-content;
          padding: 10px 10px 10px 10px;
          background: #ffffff;
          border-top-right-radius: 0px;
          border-top-left-radius: 14px;
          right: 0;
          left: auto;
          bottom: -1px;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          display: block;
        }

        .our-work .card-large-number {
          font-weight: 800;
          font-size: 32px;
          line-height: 1.4em;
          text-transform: capitalize;
          color: #d50c3d;
        }

        .our-work .card-title {
          margin: 5px 0 5px;
          font-weight: 700;
          font-size: 14px;
          line-height: 1.4em;
          color: #232826;
        }

        .our-work .card-description {
          font-weight: 700;
          font-size: 12px;
          line-height: 1.4em;
          color: #232826;
          max-width: 300px;
        }

        .our-work .content-container-child {
          width: 90%;
          margin: 0px auto;
          height: auto;
          position: relative;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          gap: 10px;
        }

        .our-work .content-container-child .content-heading {
          max-width: 460px;
          font-weight: 700;
          font-size: 48px;
          line-height: 58px;
          text-transform: uppercase;
          color: #232826;
          /* margin-bottom: 20px; */
        }
        .our-work .content-container-child .number-label {
          position: absolute;
          top: 10%;
          left: 72%;
          font-style: normal;
          font-weight: 800;
          font-size: 128px;
          line-height: 34px;
          display: flex;
          align-items: center;
          color: rgba(0, 0, 0, 0.06);
        }

        .our-work .content-container-child .content-paragraph {
          width: 100%;
          font-weight: 700;
          font-size: 30px;
          line-height: 45px;
          color: #232826;
          max-width: 100%;
          max-width: 900px;
        }

        @keyframes bounce {
          0%,
          20%,
          50%,
          80%,
          100% {
            transform: translateY(0) translateX(-50%);
          }
          40% {
            transform: translateY(-20px) translateX(-50%);
          }
          60% {
            transform: translateY(-10px) translateX(-50%);
          }
        }
      }
      @media screen and (max-width: 768px) {
        .our-work .cardSlideChildren {
          width: 100%;
          margin: 0px auto;
        }

        .our-work .img-container,
        .our-work .content-container-child {
          width: 100%;
          /* height: 50vh !important; */
        }

        .our-work .content-container-child .content-heading h3 {
          font-weight: 700;
          font-size: 30px;
          line-height: 100%;
          letter-spacing: 0px;
          max-width: 380px;
        }

        .our-work .content-container-child .content-paragraph {
          font-weight: 400;
          font-size: 30px;
          line-height: 36px;
          display: -webkit-box;
          -webkit-line-clamp: none;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        .our-work .content-container-child .number-label {
          font-size: 60px;
          top: 0%;
          left: auto;
          right: 0% !important;
        }
        .card-container {
          display: none;
        }
      }
      @media screen and (min-width: 500px) and (max-width: 600px) {
        .our-work .content-container-child .content-paragraph {
          font-weight: 400;
          font-size: 22px;
          line-height: 30px;
          display: -webkit-box;
          -webkit-line-clamp: none;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
        }
      }
      @media screen and (min-width: 400px) and (max-width: 500px) {
        .our-work .content-container-child .content-heading h3 {
          font-size: 20px;
        }
        .our-work .content-container-child .content-paragraph {
          font-size: 22px;
          line-height: 30px;
        }
        .our-work .content-container-child .number-label {
          font-size: 50px;
        }
      }
      @media screen and (min-width: 380px) and (max-width: 400px) {
        .our-work .content-container-child .content-heading h3 {
          font-size: 20px;
        }
        .our-work .content-container-child .content-paragraph {
          font-size: 24px;
          line-height: 30px;
          display: -webkit-box;
          -webkit-line-clamp: none;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        .our-work .content-container-child .number-label {
          font-size: 50px;
        }
      }
      @media screen and (min-width: 300px) and (max-width: 380px) {
        .our-work .content-container-child .content-heading h3 {
          font-size: 20px;
        }
        .our-work .content-container-child .content-paragraph {
          font-size: 22px;
          line-height: 30px;
          display: -webkit-box;
          -webkit-line-clamp: none;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        .our-work .content-container-child .number-label {
          font-size: 50px;
        }
      }
      @media screen and (max-width: 300px) {
        .our-work .content-container-child .content-heading h3 {
          font-size: 15px;
        }
        .our-work .content-container-child .content-paragraph {
          font-size: 22px;
          line-height: 30px;
          display: -webkit-box;
          -webkit-line-clamp: none;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        .our-work .content-container-child .number-label {
          font-size: 50px;
        }
      }
	  .content-paragraph {
		  font-weight: 400!important;}
    @media screen and (max-width: 1150px) {
    .our-work .content-container-child .content-paragraph {
		        font-size: 18px;
        line-height: 1.6em;
		}
		.content-heading h3{
			font-size: 28px!important;
			margin-block-end: 0rem!important;
		}
	  }
	  @media screen and (max-width: 768px) {
    .our-work .content-container-child .content-paragraph {
        font-size: 15px!important;
        line-height: 1.5em!important;
    }
}
	  	.content-paragraph strong{
			color:#D50C3D;
		}
}