@media (max-width: 540px){
section.pro-banner{
    padding-top: 98px;
    height: auto;
    padding-bottom:25px;
  }
section.pro-banner .pro-content{
    width:100%;
    padding:0;
  }
   .banner-btn{
    flex-direction: column;
    align-items: flex-start;
  }
  .banner-list img {
    width: 30px;
  }
  .head-sec {
    margin-bottom: 25px;
  }
  section.revenue-section .head-sec {
    max-width: 100%;
  }
  section.revenue-section .col-3 {
    width: 100%;
    padding: 0;
}
  section.revenue-section .revenue-list h5 {
    font-size: 28px;
  }
  section.revenue-section .row{
   gap:25px; 
  }
  section.revenue-section .driving-bottom{
    margin-top: 20px;
    max-width: 100%;
    flex-direction: column;
  }
  section.revenue-section .driving-head{
   border-right: 0px dotted #ffffff63;
    border-left: 0px dotted #ffffff63;
        min-width: auto;
    height: auto;
    padding-left:0;
    padding-right:0;
  }
  section.revenue-section .driving-head h4{
   font-size:22px; 
  }
  section.revenue-section .driving-bottom p{
   text-align:center; 
  }
  section.data-driven .row{
   flex-direction:column-reverse;
    gap:25px;
  }
  section.data-driven .data-right{
    width:100%;
    padding:0;
  }
  section.data-driven .data-left{
    width:100%;
    padding:0;
  }
  .revenue-list-data {
	        margin-top: 20px;
        margin-bottom: 20px;
        flex-direction: column;
        gap: 15px;
  }
  .data-left-content .revenue-list-item{
   width:100%; 
  }
  .revenue-bottom img {
    width: 22px;
  }
  .promise-sec{
    margin-top: 25px;
    padding: 15px;
  }
  .promise-sec .col-7{
    width:100%;
    padding:0;
  }
  .promise-sec .col-5{
     width:100%;
    padding:0;
  }
  .promise-sec iframe {
    width: 100%;
    height: 200px;
}
  section.full-service .head-sec{
        max-width: 100%;
  }
  .middle-full-service {
    gap: 25px 0;
    flex-direction: column;
}
  section.full-service .col-4{
    width:100%;
    padding:0;
  }
  .full-service-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
  }
  .full-service-icon img {
    width: 29px;
    height: 29px;
  }
  .full-service-content h5 {
    font-size: 18px;
  }
  .full-service-bottom{
    margin-top: 20px;
    padding:15px;
    max-width: 100%;
    flex-direction: column;
  }
  .full-service-bottom img {
    width: 55px;
}
  .full-bottom-content h5, .full-bottom-content p{
   text-align:center; 
  }
section.process-sec .col-3 {
    width: 100%;
    padding: 0;
}
  .process-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
  }
  .process-icon img {
    width: 28px;
    height: 28px;
  }
  .process-item::after {
    content: "";
    width: 30px;
    height: 1px;
    background: var(--secondary-color);
    z-index: 1;
    left: 46%;
    top: auto;
    bottom: -8px;
    position: absolute;
    transform: rotate(90deg);
}
  .process-list {
    gap: 35px;
}
  section.difference-sec .col-4{
    width:100%;
    padding:0;
  }
  section.difference-sec .col-8{
    width:100%;
    padding:0;
  }
  .difference-content {
    text-align: center;
    margin-bottom: 25px;
}
  .difference-head-list p{
    font-size: 14px;
  }
  .difference-head-list .head-center {
    width: 50%;
    height: 40px;
  }
  .difference-head-list .head-left {
    width: 50%;
    height: 40px;
  }
  .difference-head-list .head-right {
    width: 50%;
    height: 40px;
  }
  .difference-list .difference-left {
    width: 50%;
    padding-left: 12px;
    padding-right: 12px;
  }
  .difference-list .difference-left p img {
    width: 17px;
}
  .difference-list .difference-right img, .difference-list .difference-center img{
    width: 17px;
  }
  .difference-list .difference-left p, .difference-list .difference-center p{
    font-size: 12px;
    gap: 8px;
  }
  .difference-list .difference-center{
     width: 50%;
    padding-left: 12px;
    padding-right: 12px;
  }
  .difference-list .difference-right p{
    font-size: 12px;
  }
  .difference-list .difference-right{
    width: 50%;
    padding-left: 12px;
    padding-right: 12px;
  }
  .difference-head-list, .difference-list{
    width: 150%;
  }
  .difference-table{
    width: 100%;
    overflow-x: auto;
  }
  .diff-total h6 {
    font-size: 14px;
  }
  .review-slide .review-icon img {
    width: 25px;
}
  .review-slide .review-icon {
    margin-bottom: 10px;
}
  .review-slide .review-author img {
    width: 55px;
    height: 55px;
    min-width: 55px;
  }
  section.review-sec .owl-carousel .owl-nav button.owl-next, section.review-sec .owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    font-size: 17px;
    position: relative;
    top: 0%;
    transform: translateY(0%);
    left: 0;
    
  }
  section.review-sec .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    gap:25px;
}
  section.review-sec .owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: auto;
}
  section.review-sec .owl-dots{
    display:none;
  }
  section.portfolio-sec .col-4{
   width:100%;
    padding:0;
  }
  .portfolio-sec .pro-info .pro-images{
    height: 200px;
  }
  .portfolio-sec .pro-content h4 {
    font-size: 22px;
    height:auto;
  }
  section.portfolio-sec .row{
   gap:25px; 
  }
  .pro-btn{
   margin-top:25px; 
  }
  section.faq-section .col-6{
   width:100%;
    padding:0;
  }
  section.faq-section h2{
    text-align: center;
  }
  section.faq-section h6.sub-text{
    text-align: center;
  }
  .faq-text{
    text-align: center;
  }
  .faq-form{
    margin-top: 10px;
    padding:15px;
  }
  .faq-form .faq-form-head h3{
    font-size: 24px;
  }
  .faq-form form .col-12{
    padding:0;
  }
  .faq-form .form-alert p img {
    width: 18px;
}
  .faq-form .form-alert p{
    gap: 8px;
    text-align: left;
    font-size:12px;
    line-height:1;
  }
  section.faq-section .experiences-bottom-list{
   margin-top:20px;
   padding:15px;
   flex-direction: column;
   gap: 15px;
  }
  section.faq-section .experiences-bottom-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    border-right: 0px dotted #ffffff63;
    display: flex;
    gap: 10px;
}
  .experiences-bottom-item img {
    width: 28px;
    height: 28px;
}
  section.faq-section .experiences-bottom-item:not(:last-child){
    border-bottom: 1px dotted #ffffff63;
    padding-bottom:10px;
  }
  section.faq-section .experiences-bottom-list h6 {
    font-size: 21px;
  }
  .promise-content li img {
    width: 20px;
    height: 20px;
}
}