.step-by-step-1{
  margin-left: -100px;
  margin-right: -100px;
  .content_left{
    margin-top: 40px;
    .number,.step_title{
      color: #e6de56;
    }
  }
  .content_right{
    .number,.step_title{
      color: #ec6d7d;
    }
  }
  .content_bottom{
    .number,.step_title{
      color: #f98f6a;
    }
  }
  .content_top{
    // margin-top: -40px;
    // @include media-breakpoint-down(md){
    //   margin-top: 0;
    // }
    .number,.step_title{
      color: #25d8fe;
    }
  }
}
.step-by-step-2{
  font-size: 14px;
  .step_1{
    @include media-breakpoint-down(lg){
      margin-bottom: 0;
    }
    margin-bottom: 100px;
  }
  .step_2_responsive_hidden{
    @include media-breakpoint-down(lg){
      .content_top{
        display: none;
      }
    }

  }
  .step_2_responsive_show{
      .content_top{
        .vc-step-items{
          flex-direction: inherit;
          align-items: center;
          margin-right: 0;
          justify-content: flex-end;
        .step_box{
          position: relative;
          flex-shrink: 200;
          flex-direction: column;
          flex: 1;
          .step_number{
            min-width: auto;
            order: 1;
            padding-top: 0px;
            padding-right: 0;
            padding-bottom: 15px;
            padding-left: 0;
          }
          .step_title_content{
            order: 2;
            min-width: auto;
           padding-top: 15px;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0;
            text-align: left;
            .step_content{
              margin-bottom: 0;
            }
            &:before{
              content: '';
              left: 0 !important;
              border-right: 0 !important;
              border-top: 1px dashed #fff !important; ;
              border-radius: 0;
            }
          }
        }
          .step_image{
            &:before{
              border-top: 0!important;
            }
            &:after{
              content: '';
            }
          }
      }
    }
  }
  .content_left{
    margin-top: 15px;
    .number,.step_title{
      color: #25d8fe;
    }
    .step_box{
      .step_number{

      }
    }
  }
  .content_right{
    .number,.step_title{
      color: #e6de56;
    }
    @media(max-width: 1199px){

    }
  }
  .content_bottom{
    .number,.step_title{
      color: #f98f6a;
    }
  }
  .content_top{
    .number,.step_title{

      color: #ec6d7d;
    }
  }
}

.service_tab_1{
  margin-top: 10px;
  .vc_tta-tabs-container{
    .vc_tta-tabs-list{
      margin-bottom: 50px !important;
      display: flex !important;
      justify-content: center;
      flex-wrap: wrap !important;
      overflow: visible;
      .vc_tta-tab{
        display: flex !important;
        a{
          padding: 0 15px !important;
          background-color: transparent !important;
          display: flex !important;
          align-items: center !important;
          span{
            font-size: 14px;
          }
         
        }
        &:not(:last-child){
          &::after{
            content: '//';
            display: flex !important;
            align-items: center;
          }
        }
        
      }
    }
  }
  .vc_tta-panels-container{
    .vc_tta-panels{
      .vc_tta-panel{
        &.vc_active{
          .vc_tta-panel-heading{
            .vc_tta-panel-title{
              a{
               display: inline-block;
               position: relative;
               padding-left: 0 !important;
               padding-right: 0 !important;
              
              &::after{
                content: '';
                display: block;
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                top: 0;
                border-bottom-width: 3px;
                border-bottom-style: solid;
                
              }
              }
              
            }
          }
        }
        .vc_tta-panel-heading{
          .vc_tta-panel-title{
            a{
              font-size: 18px;
              background-color: #fff;
            }
          }
        }
        .vc_tta-panel-heading{
          border-bottom: 1px solid #ccc;
          margin-bottom: 30px;
        }
        .vc_tta-panel-body{
          padding: 0 !important;
          .service_tab_item{
            @include media-breakpoint-down(md){
              display: flex;
              flex-wrap: wrap;
              justify-content: center;
              align-items: center;
              .column-midle{
                width: auto;
              }
              .column-right{
                width: auto;
              }
              
            }
            @include media-breakpoint-down(sm){
              .column-midle{
                flex: 0 0 50%;
                max-width: 50%;
              }
              .column-right{
                flex: 0 0 50%;
                max-width: 50%;
              }
              
            }
            @include media-breakpoint-down(xs){
              .column-midle{
                flex: 0 0 100%;
                max-width: 100%;
                padding: 0 !important;
              }
              .column-right{
                flex: 0 0 100%;
                max-width: 100%;
                padding: 0 !important;
              }
              
            }
          }
          .column-left{
            .wpb_wrapper{
              @include media-breakpoint-down(md){
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
              }
              @include media-breakpoint-down(sm){
                .img_left{
                  flex: 0 0 50%;
                  max-width: 50%;
                  
                }
                .img_right{
                  flex: 0 0 50%;
                  max-width: 50%;
                  
                }
              }
              @include media-breakpoint-down(xs){
                .img_left{
                  flex: 0 0 100%;
                  max-width: 100%;
                  padding: 0 !important;
                }
                .img_right{
                  flex: 0 0 100%;
                  max-width: 100%;
                  padding: 0 !important;
                }
              }
            }
           
          }
          .column-right{
            .column-right-img-left{
              padding-left: 0 !important;
            }
          }
          .img-top{
            padding-left: 15px;
          }
          .img-bottom{
            padding-left: 15px;
          }
          
          .img_left{
            padding-left: 0 !important;
            &::before{
              right: 15px;
            }
          }
          .img_right{
            padding-right: 0 !important;
            &::before{
              left: 15px;
            }
          }
        }
      } 
    }
  }
}
.uvc-heading{
  @include media-breakpoint-down(xs){
  .uvc-main-heading{
    .big-text{
      font-size: 50px !important;
      .fs-100{
        font-size: 75px !important;
        }
      }
    }
  }
}
.customers_1{
  .hp1-our-customers{
    .wpb_content_element{
      .noo-line{
        margin-left: 15px;
        width: calc(100% - 45px);
        @include media-breakpoint-down(lg){
          width: calc(100% - 30px);
        }
      }
    }
      .uvc-heading{
        padding-top: 115px;
        padding-bottom: 110px;
        @include media-breakpoint-down(sm){
          padding-bottom: 60px;
          padding-top: 60px;
          padding-left: 15px;
          padding-right: 15px;
        }
      }
    
  }
  .column_bg_img{
    @include media-breakpoint-up(lg){
      padding-right: 15px;
    }
    @include media-breakpoint-down(lg){
      margin-bottom: 60px;
    }
    >.vc_column-inner{
      >.wpb_wrapper{
        @media (min-width:1700px){
          padding-top: 45px;
          padding-bottom: 45px;
        }
        @media (min-width:1440px){
          padding-top: 15px;
          padding-bottom: 15px;
        }
      }
    }
   
    .uvc-heading{
      padding-bottom: 30px;
    }
    .uvc-sub-heading{
      display: inline-block;
      margin-left: 150px;
    }
    .content_intro{
      text-align: center;
      padding: 0 140px;
      color: #fff;
      @include media-breakpoint-down(lg){
        padding: 0 70px;
      }@include media-breakpoint-down(xs){
        padding: 0 15px;
      }
      .text_top{
        padding-bottom: 50px;
      }
      .text_bottom{
        padding-bottom: 60px;
      }
      .text_signature{
        padding-top: 30px;
      }
    }
    
  }
}
.home-1{
  .wpb_revslider_element{
    margin-bottom: 0;
  }
}
.new_letter_1{
    position: relative;
    overflow: hidden;
   .upb_row_bg{
    &::before{
      opacity: 0;
      visibility: hidden;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.1);
      content: '';
      transition: transform .3s;
      transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
      cursor: pointer;
    }
    &:hover{
      &::before{
        opacity: 1;
        visibility: visible;
        transform: scale3d(1.9, 1.4, 1) rotate3d(3, 0, 1, 42deg) translate3d(0, 90%, 0);
      }
    }
  }
  .wpb_raw_code {
    color: #fff;
    text-align: center;
    .new_letter_text_1{
      font-size: 44px;
      line-height: 1;
      font-weight: bold;
      padding-bottom: 35px;
      @include media-breakpoint-down(sm){
        font-size: 35px;
      }
    }
    .new_letter_text_2{
      font-size: 30px;
      padding-bottom: 40px;
      line-height: 1;
      @include media-breakpoint-down(sm){
        font-size: 20px;
      }
    }
    .new_letter_text_3{
      font-size: 22px;
      line-height: 1;
      padding-top: 15px;
      @include media-breakpoint-down(sm){
        font-size: 18px;
      }
    }
    .footer-newsletter{
      justify-content: center;
      padding-bottom: 15px;
      >label{
        display: none;
      }
      .footer-newsletter-form{
        max-width: 880px;
        input[type='email']{
          border-radius: 5px 0 0 5px;
          color: #fff;

          &::placeholder {
            color: #fff;
            opacity: 1; 
        }
          
        }
        button[type='submit']{
          border-radius: 0 5px 5px 0;
        }
        &::after{
          z-index: 99;
        }
      }
    }
  }
}
.start_designing_1{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 25px 0;
  .wpb_column{
    .vc_column-inner {
      padding-top: 0;
    }
  }
  .uvc-heading{
    margin-bottom: 0;
    @include media-breakpoint-down(lg){
      text-align: center !important;
      margin-bottom: 10px;
    }
    .uvc-main-heading {
      letter-spacing: 3px;
      
    }
  }
  
  .vc_btn3-container{
    margin-bottom: 0;
    @include media-breakpoint-down(lg){
      text-align: center;
    }
    .vc_general{
      padding: 15px 25px !important;
      border-radius: 5px;
      background-color: #000;
      background-image: none;
      border: 0 none;
      transition: all 0.4s ease-in-out;
      text-transform: none;
      font-size: 20px;
      line-height: 1;
      &:hover{
        background-color: #fff !important;
        //color: #04b591 !important;
        border: 0 none;
      }
    }
  }
}
