.rs-services-five .rs-services-item {
        padding: 25px 20px 25px 20px;
        display: block;
    }
    .rs-services-five .rs-services-icon{
        margin-bottom:30px;
    }
    .rs-services-five .rs-services-icon::before{
        display:none;
    }
         
       
  
    .cases-cards .all-cases-btn {
          float: left;
    height: 70px;
    background: #ff5e14;
    color: #FFF;
    padding: 22px 61px;
    border:none;
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: 0;
    }

    .cases-cards .filter-buttons button i{
        color: #ff5e14;
    font-weight: 600;
    font-size: 13px;
    }
    .cases-cards .filter-buttons button {
      background: none;
      border: none;
      color: #002147;
      font-weight: 600;
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 1.5rem;
    }

    .cases-cards .filter-buttons button.active,
    .cases-cards .filter-buttons button:hover {
      color: #f71718;
    }
    .cases-cards .case-card {
  display: none; /* Hide all by default */
}

.cases-cards .case-card.show {
  display: block; /* Show only cards with .show */
}

     .cases-cards .case-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
    }
    .cases-cards .case-card {
      position: relative;
      width: calc(33.333% - 1rem);
      overflow: hidden;
      border-radius: 10px;
    }
    .cases-cards .case-img {
      width: 100%;
      height: 300px;
      object-fit: cover;
      display: block;
    }
    .cases-cards .overlay {
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: rgba(255, 94, 20, .8);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: left 0.4s ease-in-out;
    }
    .cases-cards .case-card:hover .overlay {
      left: 0;
    }
    .cases-cards .overlay-text p{
      color: #fff;
      font-size: 1.5rem;
      text-align: center;
          position: relative;
          font-weight:700;
    top: 115px;
      padding: 20px;
    }
    .cases-cards .overlay-text h4{
      color: #fff;
      font-size: 2rem;
      text-align: center;
          position: relative;
    top: 50px;
      padding: 20px;
    }
    @media (max-width: 768px) {
      .cases-cards .case-card {
        width: 100%;
      }
    }
    
    .rs-about-twelve .rs-about-content {
    padding: 40px 50px 40px 40px;
    background: var(--rs-bg-primary);
    border-bottom: 4px solid var(--rs-theme-orange);
    border-radius: 4px;
    margin-inline-start: 0;
    margin-top: 0;
    position: relative;
    z-index: 1;
}

.rs-about-twelve .rs-about-thumb {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.rs-about-twelve .rs-about-content {
    padding: 30px;
    background-color:#fff;
}
  
  
     
        .single-history {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            padding-bottom: 40px;
        }

        @media only screen and (min-width: 768px) and (max-width: 991px),
        (max-width: 767px) {
            .single-history {
                display: block;
            }
        }

        @media (max-width: 767px) {
            .single-history {
                padding-bottom: 40px;
            }
        }

        .single-history:before {
            position: absolute;
            left: 50%;
            top: 0;
            height: 100%;
            width: 5px;
            background-color: #272727;
            content: "";
            border-radius: 0px;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        @media only screen and (min-width: 768px) and (max-width: 991px),
        (max-width: 767px) {
            .single-history:before {
                display: none;
            }
        }

        .single-history:last-child {
            margin-bottom: 0;
        }

        .history {
            position: relative;
            min-width: 50%;
        }

        .history:first-child {
            padding-right: 100px;
        }

        @media only screen and (min-width: 1200px) and (max-width: 1399px) {
            .history:first-child {
                padding-right: 40px;
            }
        }

        @media only screen and (min-width: 768px) and (max-width: 991px),
        (max-width: 767px) {
            .history:first-child {
                padding: 0;
            }
        }

        .history:first-child .circle {
            position: absolute;
            right: -7px;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            bottom: 60px;
        }

        .history:first-child .history-cnt-inner {
            margin-right: 60px;
            margin-left: 0;
        }

        @media only screen and (min-width: 768px) and (max-width: 991px),
        (max-width: 767px) {
            .history:first-child .history-cnt-inner {
                margin-right: 0;
                margin-bottom: 20px;
            }
        }

        .history:first-child .history-cnt-inner span {
            position: absolute;
            right: -105px;
            left: auto;
            top: 85px;
        }

        @media only screen and (min-width: 768px) and (max-width: 991px),
        (max-width: 767px) {
            .history:first-child .history-cnt-inner span {
                position: static;
            }
        }

        .history:last-child {
            padding-left: 100px;
        }

        @media only screen and (min-width: 1200px) and (max-width: 1399px) {
            .history:last-child {
                padding-left: 40px;
            }
        }

        @media only screen and (min-width: 768px) and (max-width: 991px),
        (max-width: 767px) {
            .history:last-child {
                padding: 0;
            }
        }

        .history:last-child .circle {
            position: absolute;
            left: -7px;
            top: 60px;
        }

        .history:last-child .history-cnt-inner {
            margin-left: 50px;
        }

        @media only screen and (min-width: 768px) and (max-width: 991px),
        (max-width: 767px) {
            .history:last-child .history-cnt-inner {
                margin-left: 0;
            }
        }

        .history .history-thumb {
            position: relative;
            z-index: 1;
        }

        .history .history-thumb img {
            width: 100%;
        }

        .circle {
            position: relative;
            height: 14px;
            width: 14px;
            background: #ed3737;
            border-radius: 50%;
        }

        @media only screen and (min-width: 768px) and (max-width: 991px),
        (max-width: 767px) {
            .circle {
                display: none;
            }
        }

        .circle:before {
            position: absolute;
            content: "";
            left: -3px;
            top: -3px;
            height: 20px;
            width: 20px;
            border: 1px solid #ed3737;
            border-radius: 50%;
            -webkit-animation-name: rotateme;
            animation-name: rotateme;
            -webkit-animation-duration: 5s;
            animation-duration: 5s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
            -webkit-transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
            transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
        }

        .circle:after {
            position: absolute;
            content: "";
            left: -6px;
            top: -6px;
            height: 26px;
            width: 26px;
            border: 1px solid #ed3737;
            border-radius: 50%;
            -webkit-animation-name: rotateme;
            animation-name: rotateme;
            -webkit-animation-duration: 5s;
            animation-duration: 5s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
            -webkit-transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
            transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
        }

        .circle .inner {
            width: 70px;
            border: 1.5px dashed #ed3737;
            position: relative;
            top: 5.5px;
            left: 15px;
            border-radius: 10px;
        }

        .history-cnt .history-cnt-inner {
            position: relative;
            margin-left: 60px;
        }

        @media only screen and (min-width: 768px) and (max-width: 991px),
        (max-width: 767px) {
            .history-cnt .history-cnt-inner {
                margin-left: 0;
            }
        }

        .history-cnt .history-cnt-inner h4 {
            font-weight: 600;
            font-size: 30px;
            color: #17161A;
            text-transform: capitalize;
            margin-bottom: 5px;
        }

        @media (max-width: 767px) {
            .history-cnt .history-cnt-inner h4 {
                font-size: 24px;
            }
        }

        .history-cnt .history-cnt-inner span {
            font-weight: 700;
            font-size: 60px;
            color: #17161A;
            opacity: 0.1;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            position: absolute;
            left: -105px;
            top: 85px;
            display: none;
        }

        @media only screen and (min-width: 768px) and (max-width: 991px),
        (max-width: 767px) {
            .history-cnt .history-cnt-inner span {
                position: static;
                -webkit-transform: none;
                transform: none;
            }
        }

        @media (max-width: 767px) {
            .history-cnt .history-cnt-inner span {
                font-size: 40px;
            }
        }

        .history-cnt .history-cnt-inner p {
            font-size: 15px;
            text-align: justify;
            line-height:24px;
        }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .history-cnt .history-cnt-inner p {
                font-size: 14px;
            }
        }
    
    
     
     .rs-counter-area.rs-counter-one.section-space.has-theme-red {
    padding: 50px 0;
}