:root {
    --body-color: #444;
    --main-color: #1e1b39;
    --primary-color: #5f3afc;
    --headding-color: #0B2B3C;
    --section-bg: #EAEFF3;
    --btn-color2: #ED2C41;
  }
   
  #multistep_wizard a, #multistep_wizard button {
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
  }
   
  #multistep_wizard h1,#multistep_wizard h2,#multistep_wizard h3,#multistep_wizard h4,#multistep_wizard h5,#multistep_wizard h6,#multistep_wizard p{
      margin:0;
      padding: 0;
  }
  #multistep_wizard h1,#multistep_wizard h1,#multistep_wizard h2,#multistep_wizard h3,#multistep_wizard h4,#multistep_wizard h5,#multistep_wizard h6{
      color: var(--headding-color);
      font-weight: 700;
      font-family: 'Roboto Slab', serif;
  }
  #multistep_wizard ul{
      margin:0;
      padding: 0;
      list-style: none;
  }
  #multistep_wizard a{
      text-decoration: none;
      transition: .4s;
      -webkit-transition: all .4s ease-in-out;
  }
  #multistep_wizard a:hover{
      text-decoration: none;
      color: var(--primary-color);
  }
  #multistep_wizard button:focus{
      outline: none;
  }
  #multistep_wizard input:focus{
      outline: none;
  }
  #multistep_wizard textarea:focus{
      outline: none;
  }
  #multistep_wizard p{
      color: var(--main-color);
      line-height: 26px;
  }
  #multistep_wizard img{
      max-width:100%;
  }
  #multistep_wizard .section-bg{
      background-color: var(--section-bg);
  }
  #multistep_wizard .section-padding{
      padding: 100px 0px;
  }
  #multistep_wizard .section-padding-2{
      padding-top: 100px;
      padding-bottom: 70px;
  }
  #multistep_wizard .section-padding-80{
      padding: 80px 0px;
  }
  #multistep_wizard .section-padding-70{
      padding: 70px 0px;
  }
  #multistep_wizard .section-padding-50{
      padding: 50px 0px;
  }
  #multistep_wizard .text-right{
      text-align: right;
  }
  /*
   * right
  */
     
  .right-wrapper-area {
      float: right;
      width: calc( 100% - 450px );
      height: 100vh;
      background: var(--section-bg);
      overflow-y: auto;
  }
  .right-wrapper-area {
      float: right;
      position: absolute;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
      z-index: 9;
      border-radius: 15px;
      width: calc( 100% - 817px );
      height: auto;
      /* background: var(--section-bg); */
      background-image: url("../images/multiform-banner.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      overflow-y: hidden;
      box-sizing: border-box;
      padding: 25px 50px;
      top: 5%;
      right: 5%;
  }
  #multistep_wizard ul.tablist.bforum-form__progress {
      text-align: center;
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px;
  }
  
  #multistep_wizard ul.tablist.bforum-form__progress li.bforum-form__progress-btn {
      width: 100%;
      position: relative;
      text-align: center;
      z-index: 99;
  }
  
  #multistep_wizard ul.tablist.bforum-form__progress li.bforum-form__progress-btn:after {
      content: "";
      clear: both;
      width: 100%;
      height: 2px;
      position: absolute;
      top: 14px;
      left: 0;
      background: #728cff3d;
      z-index: 1;
      bottom: 0;
  }
  
  #multistep_wizard ul.tablist.bforum-form__progress li.bforum-form__progress-btn span {
      width: 30px;
      height: 30px;
      display: flex;
      justify-content: center;
      position: relative;
      color: #728cff3d;
      border-radius: 50%;
      align-items: center;
      font-weight: 500;
      font-size: 14px;
      border: 1px solid #728cff3d;
      background: var(--section-bg);
      z-index: 9;
      transition: all .4s ease;
  }
  #multistep_wizard ul.tablist.bforum-form__progress li.bforum-form__progress-btn.last {
      width: 30px;
  }
  #multistep_wizard ul.tablist.bforum-form__progress li.bforum-form__progress-btn:before {
      content: "";
      clear: both;
      width: 0%;
      height: 2px;
      position: absolute;
      top: 14px;
      left: 0;
      background: var(--primary-color);
      z-index: 1;
      bottom: 0;
      transition: all .4s ease;
  }
  #multistep_wizard ul.tablist.bforum-form__progress li.bforum-form__progress-btn.js-active:before{
      width: 100%;
  }
  #multistep_wizard ul.tablist.bforum-form__progress li.bforum-form__progress-btn.js-active span {
      color: var(--primary-color);
      border-color: var(--primary-color);
  }
  #multistep_wizard ul.tablist.bforum-form__progress li.bforum-form__progress-btn.js-active.current:before {
      width: 50%;
      transition: all 1s cubic-bezier(0,0,1,0); 
  }
  #multistep_wizard .form-area-full .multisteps-form__panel {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.4s ease;
      overflow: hidden;
      height: 0;
  }
  #multistep_wizard .form-area-full .multisteps-form__panel.js-active {
      opacity: 1;
      visibility: visible;
      overflow: visible;
      height: auto;
  }
  #multistep_wizard .form-area-full .multisteps-form__panel[data-animation=slideHorz] {
      top: 50px;
  }
  #multistep_wizard .form-area-full .multisteps-form__panel[data-animation=slideHorz].js-active {
      -webkit-transition-property: all;
      -o-transition-property: all;
      transition-property: all;
      -webkit-transition-duration: 0.25s;
      -o-transition-duration: 0.25s;
      transition-duration: .85s;
      -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.38, 1.43);
      -o-transition-timing-function: cubic-bezier(0.2, 1, 0.38, 1.43);
      transition-timing-function: cubic-bezier(0.2, 1, 0.38, 1.43);
      -webkit-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s;
      top: 0;
  }
  #multistep_wizard .right-wrapper-area-full {
      width: 100%;
      max-width: 1000px;
      margin-bottom: 20px;
  }
  #multistep_wizard .multisteps-form__panel .single-input {
      margin-bottom: 10px;
  }
  #multistep_wizard .multisteps-form__panel .single-input input:not([type='checkbox']) {
      width: 100%;
      border-radius: 5px;
      border: 2px solid #d9dde1;
      box-sizing: border-box;
      box-shadow: none;
      font-size: 14px;
      font-weight: 400;
      padding: 8px 14px;
      transition: all .3s ease;
      color: var(--main-color);
  }
  #multistep_wizard .multisteps-form__panel .single-input input:focus {
      border-color: var(--primary-color);
  }
  #multistep_wizard .multisteps-form__panel .single-input input.error {
      border-color: #ff2c2c5e;
  }
  #multistep_wizard .multisteps-form__panel .single-input label.error {
      font-size: 14px;
      display:none!important;
      color: #ff2626;
      text-transform: capitalize;
      font-weight: 400;
  }
  #multistep_wizard .multisteps-form__panel .single-input label#email-error{
      font-size: 14px;
      color: #ff2626;
      text-transform: capitalize;
      font-weight: 400;
  }
  #multistep_wizard .single-input-radio span, #multistep_wizard .single-input-checkbox span {
      font-size: 16px;
      font-weight: 600;
      display: block;
      margin-bottom: 10px;
  }
  #multistep_wizard .single-radio, #multistep_wizard .single-checkbox{
      margin-bottom: 16px;
  }
  #multistep_wizard .multisteps-form__panel .actions ul li.disable {
      display: none;
  }
  #multistep_wizard .single-radio input[type="radio"] {
      position: absolute;
      left: 0;
      z-index: -1;
      opacity: 0;
  }
  #multistep_wizard .single-radio label {
      position: relative;
      background: #f9f9f9;
      cursor: pointer;
      width: 100%;
      border-radius: 5px;
      border: 2px solid #d9dde1;
      box-sizing: border-box;
      box-shadow: none;
      font-size: 14px;
      text-align: center;
      font-weight: 600;
      padding: 8px 15px;
      transition: all .3s ease;
      color: var(--main-color);
      letter-spacing: 1px;
      /* padding-left: 40px; */
  }
   
  input::placeholder {
      font: 12px/3 sans-serif;
  }
   
  #multistep_wizard .single-radio input[type="radio"]:checked + label{
      border-color: var(--primary-color);
  }
  #multistep_wizard .single-radio input[type="radio"]:checked + label:after {
      /* content: "\F633"; */
      font-family: "bootstrap-icons";
      font-size: 12px;
      color: var(--main-color);
      border-color: var(--primary-color);
  }
  .multisteps-form__panel h4.title-4 {
      margin-top: 30px;
      margin-bottom: 20px;
      font-size: 18px;
      text-transform: capitalize;
      font-weight: 600;
  }
  .multisteps-form__panel .actions {
      text-align: right;
      /* margin-top: 20px; */
  }
  #multistep_wizard .file-upload-type h4 {
      font-weight: 700;
      font-size: 18px;
      margin-bottom: 10px;
  }
  #multistep_wizard .file-upload-type span {
      display: block;
      font-weight: 500;
      color: #666;
      margin-bottom: 16px;
      font-size: 14px;
  }
  #multistep_wizard .file-upload-type-full {
      position: relative;
  }
  #multistep_wizard .file-upload-type-full label {
      position: absolute;
      top: 10.5px;
      left: 17.5px;
      background: var(--primary-color);
      color: #fff;
      border-radius: 5px;
      font-size: 13px;
      text-align: center;
      padding: 7px 21.5px;
      cursor: pointer;
  }
  #multistep_wizard .file-upload-type-full input {
      position: relative;
      background: #f9f9f9;
      cursor: pointer;
      width: 100%;
      border-radius: 5px;
      border: 2px solid #d9dde1;
      box-sizing: border-box;
      box-shadow: none;
      font-size: 14px;
      font-weight: 600;
      padding: 15px 20px;
      transition: all .3s ease;
      color: var(--main-color);
      letter-spacing: 1px;
      padding-left: 40px;
  }
  #multistep_wizard .from-header-info {
      margin-bottom: 20px;
  }
  .multisteps-form__panel .actions span.js-btn-next {
      margin-bottom: 30px;
      display: inline-block;
      padding: 4px 30px;
      background: var(--primary-color);
      color: #fff;
      font-weight: 600;
      font-size: 14px;
      border: 2px solid var(--primary-color);
      border-radius: 3px;
      letter-spacing: 1px;
      transition: all .4s ease;
      cursor: pointer;
  }
  .multisteps-form__panel .actions span.js-btn-next:hover{
      background: #fff;
      color: var(--primary-color);
  }
  .multisteps-form__panel .actions ul li {
      display: inline-block;
  }
  .multisteps-form__panel .actions ul li:first-child{
      margin-right: 20px;
  }
  .multisteps-form__panel .actions span.js-btn-prev{
      margin-bottom: 30px;
      display: inline-block;
      padding: 4px 30px;
      background: var(--headding-color);
      color: #fff;
      font-weight: 600;
      font-size: 14px;
      border: 2px solid var(--headding-color);
      border-radius: 3px;
      letter-spacing: 1px;
      transition: all .4s ease;
      cursor: pointer;
  }
  .multisteps-form__panel .actions span.js-btn-prev:hover{
      background: #fff;
      color: var(--headding-color);
  }
  #multistep_wizard .single-select select {
      position: relative;
      /*background: #f9f9f9;*/
      cursor: pointer;
      width: 100%;
      border-radius: 5px;
      border: 2px solid #d9dde1;
      box-sizing: border-box;
      box-shadow: none;
    font-size: 12px;
      font-weight: 500;
      padding: 10px 10px;
      transition: all .3s ease;
      color: #6a6a6d;
      letter-spacing: 1px;
  }
  #multistep_wizard .single-select select:focus{
      border-color: var(--primary-color);
  }
  #multistep_wizard .single-input label {
      margin-bottom: 10px;
      display: inline-block;
      font-weight: 700;
      font-size: 15px;
      color: var(--headding-color);
  }
  #multistep_wizard .single-select label{
      margin-bottom: 10px;
      display: inline-block;
      font-weight: 700;
      font-size: 15px;
      color: var(--headding-color);
  }
  #multistep_wizard .single-input-checkbox span {
      font-weight: 700;
      font-size: 20px;
      margin-bottom: 20px;
  }
  #multistep_wizard .single-checkbox {
      width: 100%;
      position: relative;
  }
  #multistep_wizard .single-checkbox  input {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
      opacity: 0;
  }
  #multistep_wizard .single-checkbox label {
      position: relative;
      background: #f9f9f9;
      cursor: pointer;
      width: 100%;
      border-radius: 5px;
      border: 2px solid #d9dde1;
      box-sizing: border-box;
      box-shadow: none;
      font-size: 14px;
      font-weight: 600;
      padding: 15px 20px;
      transition: all .3s ease;
      color: var(--main-color);
      letter-spacing: 1px;
      padding-left: 40px;
  }
  #multistep_wizard .single-checkbox label:before {
      content: "";
      clear: both;
      display: block;
      position: absolute;
      width: 20px;
      height: 20px;
      top: 16px;
      left: 15px;
      border-radius: 50%;
      border: 1px solid #c6c6c6;
      transition: all .3s ease;
      padding-left: 2px;
  }
  
  #multistep_wizard .single-checkbox input:checked + label:before {
      content: "\F633";
      font-family: "bootstrap-icons";
      font-size: 14px;
      color: var(--main-color);
      border-color: var(--primary-color);
  }
  #multistep_wizard .single-checkbox input:checked + label {
      border-color: var(--primary-color);
  }
  #multistep_wizard .single-textarea-field label {
      margin-bottom: 10px;
      display: inline-block;
      font-weight: 700;
      line-height: 1;
      font-size: 15px;
      color: var(--headding-color);
  }
  #multistep_wizard .single-textarea-field textarea {
      width: 100%;
      border-radius: 5px;
      border: 2px solid #d9dde1;
      box-sizing: border-box;
      box-shadow: none;
      font-size: 14px;
      font-weight: 400;
      padding: 15px 20px;
      transition: all .3s ease;
      color: var(--main-color);
      height: 140px;
  }
  #multistep_wizard .single-textarea-field textarea:focus{
      border-color: var(--primary-color);
  }
  #multistep_wizard .multisteps-form__panel .actions button {
      margin-bottom: 30px;
      display: inline-block;
          padding: 9px 30px;
      background: var(--primary-color);
      color: #fff;
      font-weight: 600;
      font-size: 14px;
      border: 2px solid var(--primary-color);
      border-radius: 3px;
      letter-spacing: 1px;
      transition: all .4s ease;
      cursor: pointer;
  }
  .multisteps-form__panel .actions button:hover{
      background: #fff;
      color: var(--primary-color);
  }
  #multistep_wizard .single-select .nice-select {
      width: 100%;
      border-radius: 5px;
      border: 2px solid #d9dde1;
      box-sizing: border-box;
      box-shadow: none;
      font-size: 12px;
      font-weight: 400;
      padding: 10px 14px;
      transition: all .3s ease;
      color: #5b5b5b;
  }
  #multistep_wizard .single-select .nice-select ul.list {
      width: 100%;
      border-radius: 0px;
  }
  #multistep_wizard .single-select .nice-select:focus{
      border-color: var(--primary-color);
  }
  #multistep_wizard .single-select .nice-select:after {
      height: 10px;
      top: 46%;
      width: 10px;
  }
  .multisteps-form__form{
      height: 430px;
  }
  .rs-slider .nivo-directionNav{
      display:none;
  }
  /*
   * Responsive
  */
   
  @media (min-width: 1400px){
       
      .right-wrapper-area {
          width: calc( 100% - 1000px );
      }
  }
  @media screen and (min-width: 991px) and (max-width: 1200px){
       
      .right-wrapper-area {
          width: calc( 100% - 300px );
      }
  }
  @media (max-width: 1200px){
       
      .right-wrapper-area {
          width: calc( 100% - 400px );
      }
  }
  @media (max-width: 991px){
      
      .right-wrapper-area {
          width: 100%;
          margin-top: -50px;
          padding-top: 0px;
          height: auto;
      }
      #multistep_wizard .right-wrapper-area-full .steps.clearfix {
          padding-bottom: 20px;
      }
      #multistep_wizard ul.tablist.bforum-form__progress li.bforum-form__progress-btn span {
          color: var(--headding-color);
      }
  }
  @media (max-width: 576px){
      
      .rs-slider.slider3 .content-part {
    position: absolute;
    content: '';
    top: 50%;
    left: 56%;
    transform: translate(-50%, -50%);
    width: 100%;
}
      .right-wrapper-area {
              width: 92%;
              display:none;
        padding: 50px 20px;
    padding-top: 0px;
    margin-top: 0px;
    top: 55%;
    right: 4%;
      }
      .rs-counter.style1 .col-lg-3 {
          width:50%;
      }
      .rs-counter.style1 .counter-area .content-part .title{
         margin: 0px 30px 0px 0px; 
      }
      .full-width-header .rs-header.style2 {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right: 7px;
}
  }
  @media (min-width:600px){
      
    .right-wrapper-area {
    width: 50%;
    margin-top: -18px;
    padding-top: 0px;
    padding: 25px 16px;
    height: auto;
    right:2%;
}
.rs-slider.slider3 .content-part {
    position: absolute;
    content: '';
    top: 39%;
    left: 48%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.rs-slider .nivo-directionNav > a.nivo-prevNav, .rs-slider .nivo-directionNav > a.nivo-nextNav{
    left: 15px;
     
}
.rs-slider .nivo-directionNav > a.nivo-prevNav {
    top: 75.4%;
}
.rs-slider .nivo-directionNav > a.nivo-nextNav {
    top: 83%;
}
.rs-services.style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part{
    padding: 25px 15px 25px 15px;
}
.rs-slider.slider3 .content-part .sl-title {
    font-size: 43px;
    margin-bottom: 23px;
}
.rs-slider.slider3 .content-part .sl-subtitle{
    width: 50%;
}
#multistep_wizard .single-radio label{
    padding: 8px 11px;
    font-size:12px;
}
}
@media (min-width:1025px){
    .rs-slider .nivo-directionNav > a.nivo-prevNav {
    top: 44.4%;
}

.rs-slider .nivo-directionNav > a.nivo-nextNav {
    top: 53%;
}
.rs-slider.slider3 .content-part .sl-title {
    font-size: 80px;
     
    margin-bottom: 36px;
}
.right-wrapper-area {
    width: calc( 100% - 1000px );
}
.right-wrapper-area {
    float: right;
    position: absolute;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    z-index: 9;
    border-radius: 15px;
    width: calc( 100% - 817px );
    height: 662px;
    /* background: var(--section-bg); */
    background-image: url(../images/multiform-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    overflow-y: hidden;
    box-sizing: border-box;
    padding: 25px 50px;
    top: 14%;
    right: 5%;
}
.rs-slider.slider3 .content-part {
    position: absolute;
    content: '';
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    width: 100%;
}
}
@media (min-width:1280px) { 
    .right-wrapper-area{
        width:600px;
    }
    .rs-slider.slider3 .content-part{
        top: 48%;
    left: 51%;
    }
    slider.slider3 .content-part .sl-title {
    font-size: 65px;
    }
    .rs-slider .nivo-directionNav > a.nivo-prevNav {
    top: 63.4%;
}
.rs-slider .nivo-directionNav > a.nivo-nextNav {
    top: 73%;
}
    .right-wrapper-area{
        top:6%;
        right: 1%;
    }
}