.services-order-box.inview {
            opacity: 1;
            transform: translateY(0);
        }
        .services-order-box{
            opacity: 0;
            transform: translateY(-10px);
            transition: transform 1s ease-out, opacity 1s ease-out;
        }
        .services-order-box-2.inview {
            opacity: 1;
            transform: translateY(0);
        }
        .services-order-box-2{
            opacity: 0;
            transform: translateY(-10px);
            transition: transform 1s ease-out, opacity 1s ease-out;
        }
        .services-svg.inview {
            opacity: 1;
            transform: translateY(0);
        }
        .services-svg{
            opacity: 0;
            transform: translateY(-10px);
            transition: transform 1s ease-out, opacity 1s ease-out;
        }
            .quote-icon{
                width: 230px;
position: relative;
margin-left: auto;
            }
            .services-section-3 .container {
padding: 0 74px;
max-width: 90%;
}
            .services-heading-2-line {
            opacity: 1;
            }
            .services2-ul {
            width:555px;
            }
            .service-container{
            padding:0 74px;
            }
            #slider_section .container {
padding: 0;
max-width: 80%;
}
.services-section-4 .container {
padding: 0 74px;
max-width: 90%;
}


.testimonial-section {
overflow: hidden;
}
.right-panel {
flex: 0 0 auto;
display: flex;
overflow: hidden;
position: relative;
max-width: 590px;
}

            .services-heading {
              display: flex;
              align-items: center;
              padding-top: 170px;
              padding-bottom:20px;
            }
            #services-head{
            padding-top: 120px;
padding-bottom: 0;
            }

            .services-line {
              width: 17px;
              height: 120px;
              border-radius: 0px 20px 20px 0px;
              background: #C1D82F;
            }

            .services-heading-2-center {
                  display: flex;
                justify-content: flex-end;
            }

            .services-heading-1 {
                color: #000;
                padding-left: 17px;
                font-family: Poppins;
                font-size: 30px;
                font-weight: 600;
                line-height: normal;
            }

            .services-heading-2 {
                color: #000;
                padding-left: 35px;
                font-family: Poppins;
                font-size: 40px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                width:fit-content;
            }

            .services-heading-2-line {
margin: 0;
width: 280px;
height: 5px !important;
border-radius: 30px;
background: #C1D82F;
margin-right: 20px;
}

            .services-svg {
                position: relative;
                bottom: 45%;
                left: 77%;
            }

            .service-img {
            width: 75%;
            height: 100%;
            object-fit: cover;
            }

                .services-box-svg {
                   position: absolute;
                   top: 5%;
                   right: 0;
                }

                 .services-order-box {
                width: 184px;
                height: 102px;
                border-radius: 30px;
                border: 1px solid #C1D82F;
                background: #FFF;
                text-align: center;
                padding: 20px;
                position: absolute;
            }

             .services-order-box-2 {
                width: 224px;
                height: 125px;
                border-radius: 30px;
                border: 1px solid #C1D82F;
                background: #FFF;
                text-align: center;
                padding: 20px;
                position: absolute;
            }


          .services-order-box {
            right: 50%;
            top: 390px;
        }

         .services-order-box-2 {
                right: 35%;
    top: 230px;
        }

             .num-order {
                color: #000;
                font-size: 24.239px;
                font-weight: 700;
                margin: 0;
            }

            .para-order {
                color: #000;
                font-size: 14px;
                font-weight: 600;
                line-height: normal;
            }

               .services-num-order {
                color: #000;
                font-size: 24.239px;
                font-weight: 700;
                margin: 0;
            }

            .services-para-order {
              color: #000;
                font-family: Poppins;
                font-size: 18px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
            }
            .services-sub-heading {
display: flex;
align-items: center;
padding-top: 170px;
padding-bottom: 20px;
}
.arrow-bottom {
position: absolute;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 3;
bottom: auto;
top: 100%;
}

             .row {
                --gutter-x: 0px;


            }

            .services-section-2-img {
width: 50%;
height: 400px;
position: absolute;
top: 5%;
left: -59px;
z-index: 0;
}

             .services2-heading {
              display: flex;
              align-items: center;
            }

            .services-section-2 {
               background: #FBFCEF;
               max-height: 590px;
               height: auto;
                }

         .services2-heading {
            color: #3D3D3D;
            font-family: Poppins;
            font-size: 22px;
            font-style: normal;
            font-weight: 600;
            padding-left: 16px;
            margin: 0;
            line-height: normal;
        }

            .services2-heading-line {
              width: 11px;
              height: 54px;
              border-radius: 0px 10px 10px 0px;
              background: #C1D82F;
            }

            .services2-para-2{
            color: #3D3D3D;
            font-family: Poppins;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            }

            .services-section-2-svg {
width: auto;
height: 480px;
position: relative;
top: 0;
display: flex;
margin: auto;
}
           .services2-img {
             width: auto;
             height: 392px;
           }

           .services-section-3 {
              background: #FBFCEF;
               position: relative;
               z-index: 2;
           }

           .services-section-4 {
            background: #FBFCEF;
            position: relative;
            z-index: 1;
           }
           .section-3-arrow{
           bottom: -50px;
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 3;
           }
           .section-4-arrow{
            bottom: -105px;
position: absolute;
left: 46%;
transform: translateX(-50%) translateY(-50%);
z-index: 1;
           }
           .services-section-2-img-3 {
width: 100%;
padding-top: 50px;
}
.services2-ul {
color: #3D3D3D;
font-family: Poppins;
font-size: 20px;
width: 588px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 150% */
}

.testimonial-section {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
padding: 50px;
background: #F5F9CE;
gap: 20px;
padding-right: 0;
}

#services-section-padding {
padding-top: 400px;
}

.testimonial-bg-img {
background-image: url(../png/service-cargo-img.png);
width: 700px;
top: auto;
right: 0;
position: absolute;
height: 499px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.left-panel {
flex: 0 0 30%;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 15px;
}

.left-panel h2 {
color: #3D3D3D;
font-family: Poppins;
font-size: 31px;
font-style: normal;
font-weight: 600;
line-height: 38px; /* 122.581% */
}

.slider-navigation {
display: flex;
gap: 10px;
margin-top: 10px;
}

.nav-slider {
border: none;
background: none;
color: #7cb342;
cursor: pointer;
transition: background 0.3s ease, color 0.3s ease;
}



.testimonial-slider {
display: flex;
gap: 20px;
height: 498px;
align-items: center;
transition: transform 0.8s ease-in-out; /* Smooth sliding */
}


.testimonial-card {
width: 600px; /* Fixed width for the cards */
height: 250px;
flex-shrink: 0;
display: flex;
flex-direction: row;
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}

.profile img {
border-radius: 50%;
width: 70px;
height: 70px;
object-fit: cover;
margin-right: 15px;
}

.details {
flex: 1;
}

.details h3 {
color: #637516;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 800;
line-height: normal;
}

.role {
color: #808080;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.testimonial-text {
color: #202020;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
}
@media screen and (min-width: 1840px) {
#services-head {
padding-top: 170px;
padding-bottom: 0;
}
.services-svg {
position: relative;
bottom: 30%;
left: 60%;
}
.services-order-box-2 {
right: 40%;
}
.services-order-box {
right: 50%;
top: 430px;
}
.section-3-arrow {
bottom: -150px;
position: absolute;
left: 45%;
transform: translateX(-50%) translateY(-50%);
z-index: 3;
}
.services2-img {
width: auto;
height: 462px;
}

}

/* Responsive Styles */
@media screen and (max-width: 1024px) {
.testimonial-section {
flex-direction: column;
padding: 20px;
gap: 30px;
}

.left-panel {
flex: 1;
text-align: center;
align-items: center;
}

.right-panel {
flex: 1;
}

.testimonial-card {
width: 100%;
}

.testimonial-bg-img {
display: none; /* Hide the background image on smaller screens */
}
.services-section-3 .container {
padding: 0 20px;
max-width: 100%;
}
}

@media screen and (max-width: 768px) {
.services2-ul {
width:100%;
}
.testimonial-section {
padding: 20px 10px;
}

.left-panel h2 {
font-size: 24px;
line-height: 30px;
}

.testimonial-slider {
flex-direction: row; /* Ensure horizontal sliding */
height: auto;
}

.testimonial-card {
flex: 0 0 100%; /* Display one card at a time */
max-width: 100%;
flex-direction: column;
align-items: center;
text-align: center;
padding: 15px;
}

.profile img {
margin-bottom: 10px;
}
}

@media screen and (max-width: 480px) {
.left-panel h2 {
font-size: 20px;
line-height: 28px;
}

.testimonial-card {
padding: 10px;
}

.details h3 {
font-size: 18px;
}

.role, .testimonial-text {
font-size: 14px;
}
}
/* Base container style */
.services-section .container {
width: 100%;
margin: 0 auto;
box-sizing: border-box;
max-width: 100%;
padding: 0 74px; /* Ensures padding doesn't affect width */
}

/* Optional: Adjust for specific breakpoints */
@media (max-width: 768px) {
.container {
width: 100%;
}
}

@media (max-width: 480px) {
.container {
padding: 0.5rem; /* Reduce padding for extra-small screens */
}
}


@media only screen and (min-width: 2560px) {
.services-section-2-img {
top: -5%;
left: 446px;
}


.services-box-svg {
position: absolute;
top: 5%;
right: 0;
}

.services2-img {
width: 100%;
height: auto;
}
}

@media (min-width: 768px)  and (max-width: 1024px) {
.service-img {
width: 100%;
height: 660px;
object-fit: cover;
}

.services-section-2-img {
width: auto;
height: 808px;
position: absolute;
top: -6%;
left: -311px;
z-index: 1;
}
.services-svg {
position: relative;
bottom: 34%;
left: 55%;
width: 100%;
height: 18%;
}
.services-heading-2 {
font-size: 30px;
}
.services-order-box-2 {
right: 36%;
top: 300px;
}
.services-order-box-2 {
width: 191px;
height: 100px;
padding: 15px;
}
.services-num-order {
font-size: 21.239px;
}
.services-para-order {
font-size: 14px;
}
.services-order-box {
width: 200px;
height: 105px;
right: 51%;
top: 456px;
}
.left-panel {
margin: auto;
}
}

@media (max-width: 1440px) and (min-width: 1025px) {
.services-section-2-img {
top: -5%;
left: -102px;
}
}
@media(max-width:1200px) and (min-width:900px){
           .container {
width: 100%;
margin: 0 auto;
box-sizing: border-box;
padding: 0;
}
.services-order-box {
right: auto;
left: 15%;
}
.services-order-box-2 {
top: auto;
bottom: 30%;
right: auto;
left: 30%;
}
.services-section {
padding: 0px 20px;
max-height: 600px;
overflow: hidden;
}
.service-img {
width: auto;
height: 500px;
object-fit: cover;
bottom: 100px;
position: absolute;
right: 0;
}
.services2-ul {
width: 100%;
}
.services-section-3 .row{
justify-content: space-between;
}
.quote-icon svg{
width: 70px;
height: 70px;
}
.testimonial-slider {
height:auto;
}
.services-section-4 {
padding-bottom:0px !important;
}
           }
@media (min-width: 320px) and (max-width: 768px)  {
.services-box-svg {
position: absolute;
top: 28%;
right: 0;
}



.services-order-box {
width: 200px;
height: 105px;
right: 70%;
top: 63%;
}

.services-order-box-2 {
width: 225px;
height: 105px;
padding: 15px;
right: 1%;
top: 30%;
z-index: 1;
}

.services-svg {
display: none;
    }
    .services-line {
  display: none;
}

.services-heading-2 {
text-align: center;
}

.services-heading-1 {
    text-align: center;
}
.services-heading {
    display: block;
    align-items: center;
    padding-top: 40px;
}
    .services-section-2-img {
    display: none;
    }
}
@media (min-width: 320px) and (max-width: 768px) {
  .services-web {
    display: none;
  }
  .services2-heading-line {
        display: none;
    }
    .services2-heading {
    display: block;
    text-align: center;
    padding: 0px 0px 35px 0px;
       }
}

/* Show .services-section-mobile above 768px */
@media (min-width: 769px) {
  .services-mobile {
    display: none;
  }

}

 @media (min-width: 320px) and (max-width: 425px) {
 .services-heading-2 {
  font-size: 20px;
}
.service-img {
width: 100%;
height: 370px;
object-fit: cover;
}
    .services-order-box-2 {
width: 130px;
height: 70px;
padding: 15px;
right: 1%;
top: 37%;
z-index: 1;
}
.services-num-order {
font-size: 14px;
}
.services-para-order {
font-size: 10px;
}
.services-order-box {
width: 135px;
height: 77px;
right: 63%;
top: 63%;
}
.num-order {
color: #000;
font-size: 16px;
font-weight: 700;
margin: 0;
}
.para-order {
color: #000;
font-size: 10px;
font-weight: 600;
line-height: normal;
}
.service-img {
width: 100%;
height: 320px;
object-fit: cover;
position: relative;
z-index: 0;
}
      }
      @media (max-width: 1200px) and (min-width:900px){
       .services-line {
       height: 90px;
       }
           .services-heading-2 {
font-size: 30px;
}
       }
      @media(max-width:900px){
      .quote-icon svg{
          width: 77px;
height: 77px;
      }
          .testimonial-card {
        width: 100%;
padding: 0;height:auto;
}
      .left-panel {
justify-content: center;
margin: auto;
}
          .services-section {
display: block;
    padding: 20px 20px;
}
.services-heading {
opacity: 1 !important;
transform: translateX(0%) !important;
}
#services-head {
padding-top: 20px;
padding-bottom: 0;
}
.details {
flex: 1;
padding: 10px;
}
.service-img {
width: 100%;
height: auto;
object-fit: cover;
}
.services2-heading {
padding: 8px 0px 15px 0px;
}
.services-heading-2 {
opacity: 1 !important;
transform: translateX(0%) !important;
text-align: center;
margin: auto;
padding: 0;
}
.services-section-4 {
overflow:hidden;
padding-top: 0 !important;
padding-bottom: 0 !IMPORTANT;
}
.services2-img {
width: 100%;
height: auto;
}
.services-box-svg {
position: absolute;
top: 38%;
right: 0;
z-index: -1;
}
.services-section .container{
            padding:0 20px;
            }
.service-container{
            padding:20px;
            }
            .services-web .container{
                max-width: 100%;
                padding: 0 20px;
            }
            .services-section-4 .container{
                padding: 20px;
max-width: 100%;
}

      }
       @media(max-width:600px){
      .services-heading-1 {
text-align: center;
font-weight: 400;
font-size: 16px;
padding: 0;
}
.services-heading-2 {
font-size: 18px;
margin: auto;
 text-align: center;
}
.services-heading-2-line {
width: 124px;
height: 2px !important;
margin: 0;
opacity:1;
}
.services-heading-2-center {
display: flex;
justify-content: end;
right:5px;
position: relative;
}
.services-line {
display: none;
}
.services-section {
padding: 0px 20px;
}
#services-head {
justify-content: center;
}
.services-num-order {
font-size: 12px;
}
.services-para-order {

font-size: 10px;
}
.services-order-box-2 {
    right: -10px;
top: 40%;
border-radius:23px;
}
.services-order-box {
padding: 10px 20px;
width: auto;
height: auto;
right: 60%;
top: 58%;
border-radius: 23px;
}
.services-section-2-svg {
    width: 100%;
    height: 396px;
    position: relative;
    top: 0;
    display: flex;
    margin-bottom: 20px;
}
#slider_section .container {
padding: 0;
max-width: 100%;
}
.services2-ul {
padding-left: 15px;
font-size: 18px;
}
.testimonial-section {
padding-bottom: 40px;
}
}