.get-started {
  border-radius: 50px 3px 50px 3px;
  padding: 15px 40px;
  font-size: 1em;
}
.step-number .stp-nmb {
  font-size: 1.4em;
  margin: 0px 10px;
}
.step-number .stp-line {
  width: 20px;
    height: 2px;
    background: #ccc;
}
.sign-text {
  margin-top: 60px !important;
}
#feature-area .image-feature img {
  width: 100%;
}
/* Home Css Start */
#hero-banner .right-hero a {
  left: 0px;
  bottom: 0px;
}
#hero-banner .right-hero a button {
  border-radius: 0px 25px 0px 40px;
}
#hero-banner .right-hero img {
  width: 100%;
}
/* Home Css End */
/* Step Form Area Start */
#msform {
  text-align: center;
  position: relative;
  margin-top: 20px 
}
#msform fieldset {
 /* background: white;
  */
  border: 0 none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding-bottom: 20px;
  position: relative 
}
.form-card {
  text-align: left 
}
#msform fieldset:not(:first-of-type) {
  display: none 
}
#msform input, #msform textarea {
  padding: 8px 15px 8px 15px;
  border: 1px solid #ccc;
  border-radius: 0px;
  margin-bottom: 25px;
  margin-top: 2px;
  width: 100%;
  box-sizing: border-box;
  font-family: montserrat;
  color: #2C3E50;
  background-color: #ECEFF1;
  font-size: 16px;
  letter-spacing: 1px 
}
#msform input:focus, #msform textarea:focus {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid var(--blue-ts);
  outline-width: 0 
}
#msform .action-button {
  width: auto;
 /* background: var(--blue-ts);
  */
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px 15px;
  margin: 20px 0px 10px 0px;
 /* float: right;
  */
}
#msform .action-button:hover, #msform .action-button:focus {
  background-color: var(--blue-ts);
}
#msform .action-button-previous {
  width: auto;
  background: #616161;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px 15px;
  margin: 20px 0px 10px 0px;
 /* float: right */
}
#msform .action-button-previous:hover, #msform .action-button-previous:focus {
  background-color: #000000 
}
.card {
  z-index: 0;
  border: none;
  position: relative 
}
.fs-title {
  font-size: 25px;
  color: var(--blue-ts);
  margin-bottom: 15px;
  font-weight: normal;
  text-align: left 
}
.purple-text {
  color: var(--blue-ts);
  font-weight: normal 
}
.steps {
  font-size: 25px;
  color: gray;
  margin-bottom: 10px;
  font-weight: normal;
  text-align: right 
}
.fieldlabels {
  color: gray;
  text-align: left 
}
#progressbar {
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
}
#progressbar .active {
  color: var(--blue-ts) 
}
#progressbar li {
  list-style-type: none;
  font-size: 15px;
  width: 7.69%;
  float: left;
  position: relative;
  font-weight: 400 
}
#progressbar #one:before {
  content: "1" 
}
#progressbar #two:before {
  content: "2" 
}
#progressbar #three:before {
  content: "3" 
}
#progressbar #four:before {
  content: "4" 
}
#progressbar #five:before {
  content: "5" 
}
#progressbar #six:before {
  content: "6" 
}
#progressbar #seven:before {
  content: "7" 
}
#progressbar #eight:before {
  content: "8" 
}
#progressbar #nine:before {
  content: "9" 
}
#progressbar #ten:before {
  content: "10" 
}
#progressbar #eleven:before {
  content: "11" 
}
#progressbar #twelve:before {
  content: "12" 
}
#progressbar #thirteen:before {
  content: "13" 
}
#progressbar li:before {
  width: 30px;
  height: 30px;
  line-height: inherit;
  display: block;
  font-size: 14px;
  color: #ffffff;
  background: lightgray;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  padding: 5px;
}
#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: lightgray;
  position: absolute;
  left: 0;
  top: 15px;
  z-index: -1 
}
#progressbar li.active:before, #progressbar li.active:after {
  background: var(--blue-ts);
}
.progress {
  height: 20px 
}
.progress-bar {
  background-color: var(--blue-ts);
}
.fit-image {
  width: 100%;
  object-fit: cover 
}
/* Step Form Area End */
/* Feature Boxes Start */
/* Box 1 Start */
.text-box-feature-one::before {
  position: absolute;
  content: '1';
  color: #ddcbf57a;
  left: -23px;
  font-size: 180px;
  top: 68px;
  line-height: 0;
  font-weight: 700;
}
.text-box-feature-one h2, .text-box-feature-one h6, .text-box-feature-one p {
  margin-left: 45px;
}
/* Box 1 End */
/* Box 2 Start */
.text-box-feature-two::before {
  position: absolute;
  content: '2';
  color: #ddcbf57a;
  left: 0px;
  font-size: 180px;
  top: 68px;
  line-height: 0;
  font-weight: 700;
}
.text-box-feature-two h2, .text-box-feature-two h6 {
  margin-left: 112px;
}
/* Box 2 End */
/* Box 3 Start */
.text-box-feature-three::before {
  position: absolute;
  content: '3';
  color: #ddcbf57a;
  left: -23px;
  font-size: 180px;
  top: 68px;
  line-height: 0;
  font-weight: 700;
}
.text-box-feature-three h2, .text-box-feature-three h6, .text-box-feature-three p {
  margin-left: 88px;
}
/* Box 3 End */
/* Feature Boxes End */
/* Location Section Start */
#location-area::before {
  position: absolute;
  content: 'LOCATIONS';
  font-size: 12em;
  top: -73px;
  left: 0;
  right: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  font-weight: 900;
  opacity: 0.1;
  color: #ce81b0;
}
#tsum-tabs main {
  min-width: 320px;
  max-width: 80%;
  padding: 50px;
  margin: 0 auto;
 /* background: #fff;
  */
}
#tsum-tabs section {
  display: none;
  border-top: 1px solid #ddd;
  margin-top: 15px;
}
#tsum-tabs input {
  display: none;
}
#tsum-tabs label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: var(--white-ts);
  border: 1px solid transparent;
  width: 24%;
  background: var(--red-ts);
}
#tsum-tabs label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}
#tsum-tabs label:hover {
  color: var(--blue-ts);
  cursor: pointer;
}
#tsum-tabs input:checked + label {
  color: var(--white-ts);
  border: 1px solid #ddd;
  background: var(--blue-ts);
  border-bottom: 1px solid #fff;
}
#tsum-tabs #tab1:checked ~ #content1, #tsum-tabs #tab2:checked ~ #content2, #tsum-tabs #tab3:checked ~ #content3, #tsum-tabs #tab4:checked ~ #content4 {
  display: block;
}
label {
  position: relative;
}
#tsum-tabs input:checked + label::after {
  content: '';
  width: 35px;
  height: 18px;
  background: var(--blue-ts);
  position: absolute;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  bottom: -17px;
  text-align: center;
  clip-path: polygon(47% 100%, 0 0, 100% 0);
  margin: 0 auto;
}
@media screen and (max-width: 650px) {
  #tsum-tabs label:before {
      margin: 0;
      font-size: 18px;
 }
}
@media screen and (max-width: 400px) {
  #tsum-tabs label {
      padding: 15px;
 }
}
/* Location Section End */
/* Testimonials Section Start */

.text-whtie {
  color: #fff !important;
}
.bold {
  font-weight: bolder;
}
.por {
  position: relative;
}
.review-box .quote {
  position: absolute;
  width: 40px;
  right: 10px;
  bottom: 10px;
}
.test-arrowbox {
  position: absolute;
  right: 20px;
  display: flex;
  top: 70px;
}
.review-box {
  border-radius: 3px;
  background: #fff;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  padding: 30px;
}
.review-box h5 {
  margin: 0;
}
.review-box p {
  margin-bottom: 0;
  color: #000;
  font-weight: 500;
}
.user-post {
  font-size: 14px;
  margin: 0 !important;
}
.swiper-testimonial {
  padding: 45px 20px;
  padding-top: 30px;
}
.test-arrowbox .swiper-button-next-test, .test-arrowbox .swiper-button-prev-test {
  margin-right: 20px;
 /* background: var(--comp-color);
 2 */
  border-radius: 50%;
  --size: 55px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
}
.arrow-right {
  transform: rotate(180deg);
  margin-top: -8px;
}
.arrow {
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.arrow:hover {
  transform: translateX(-15px);
}
.swiper-pagination-bullet {
  width: 15px;
  height: 15px;
}
.swiper-pagination-bullet-active {
  background: var(--blue-ts);
  width: 15px;
  height: 15px;
}
/* Testimonials Section End */
/* FAQ Css Start */
#faq-area .faq-boxes label {
  border: 1px solid var(--blue-ts);
  border-radius: 15px;
  color: var(--blue-ts) !important;
}
#faq-area .faq-border {
  border: 1px solid #000;
  padding: 15px;
  border-radius: 15px;
}
#faq-area .title::after {
  content: '';
  background-image: url(../images/down-arrow.svg);
  background-repeat: no-repeat;
  position: absolute;
  right: 10px;
  top: 12px;
  bottom: 0;
  width: 32px;
  height: 32px;
  object-fit: cover;
  align-items: center;
  transition: all 0.2s;
}






.faq-heading {
  font-family: Lato;   
  font-weight: 400;
  font-size: 19px;
   -webkit-transition: text-indent 0.2s;
  text-indent: 20px;
  color: #333;
}

.faq-text {
  font-family: Open Sans;   
  font-weight: 400;
  color: #919191;
  width:95%;
  padding-left:20px;
  margin-bottom:30px;
}

.faq {
  width: 1000px;
  margin: 0 auto;
  background: white;
  border-radius: 4px;
  position: relative;
  border: 1px solid #E1E1E1;
}
.faq label {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  height: 56px;
  padding-top:1px;
 
  background-color: #FAFAFA;
  border-bottom: 1px solid #E1E1E1;
}

.faq input[type="checkbox"] {
  display: none;
}

.faq .faq-arrow {
  width: 5px;
  height: 5px;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  border-top: 2px solid rgba(0, 0, 0, 0.33);
  border-right: 2px solid rgba(0, 0, 0, 0.33);
  float: right;
  position: relative;
  top: -30px;
  right: 27px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

 .faq input[type="checkbox"]:checked + label > .faq-arrow {
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
 .faq input[type="checkbox"]:checked + label {
  display: block;
  background: rgba(255,255,255,255) !important;
  color: #4f7351;
  height: 225px;
  transition: height 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

 .faq input[type='checkbox']:not(:checked) + label {
  display: block;
  transition: height 0.8s;
  height: 60px;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

::-webkit-scrollbar {
  display: none;
}

#faq-area .content {
  max-height: 0;
}
#faq-area .toggle:checked + .title, #faq-area .toggle:checked + .title + .content {
  box-shadow: 3px 3px 6px #ddd, -3px 3px 6px #ddd;
}
#faq-area .toggle:checked + .title + .content {
  max-height: 500px;
}
#faq-area .toggle:checked + .title::after {
  transform: rotate(180deg) !important;
}
/* FAQ Css End */
/*--------------------------------------------- Responsive Css Start -----------------------------------------*/
@media all and (max-width: 1280px) {
  #tsum-tabs main {max-width: 100%;padding: 50px 25px;}
}
@media all and (max-width: 1024px) {
  .container {padding: 0px 25px;}

 /* Hero Banner */
  #hero-banner h6 {width: fit-content;margin: 0 auto;}
 /* Hero Banner */

 /* Feature Box */
  #feature-area h6 {width: fit-content;margin: 0 auto;}
  .text-box-feature-one::before, .text-box-feature-two::before, .text-box-feature-three::before {display: none;}
  .text-box-feature-one h2, .text-box-feature-one h6, .text-box-feature-one p {margin-left: 0px;}
  .text-box-feature-two h2, .text-box-feature-two h6, .text-box-feature-two p {margin-left: 0px;}
  .text-box-feature-three h2, .text-box-feature-three h6, .text-box-feature-three p {margin-left: 0px;}
  #feat-one .image-feature, #feat-three .image-feature {order: 2;}
 /* Feature Box */

 /* Location Start */
  #tsum-tabs label {width: 48%;margin: 10px 4px;}
  #tsum-tabs input:checked + label::after {display: none;}
 /* Location End */

 /* Footer Start */
 .foot-logo, .foot-text {margin: 0 auto;}
 .social-list li a {justify-content: center;}
  /* Footer End */
}

@media all and (min-width: 992px) and (max-width: 1500px) {
  #reviews-area::before {font-size: 8em;top: -50px;}
  #faq-area::before {font-size: 8em;top: -50px;}
  #location-area::before {font-size: 8em;top: -50px;}
}

@media all and (min-width: 600px) and (max-width: 991px) {
  #reviews-area::before {font-size: 4em;top: -25px;}
  #faq-area::before {font-size: 4em;top: -25px;}
  #location-area::before {font-size: 4em;top: -25px;}
}

@media all and (max-width: 680px) {
 /* Location Start */
  #tsum-tabs label {width: 100%;margin: 10px 4px;}
  #tsum-tabs input:checked + label::after {display: none;}
 /* Location End */
}
@media all and (max-width: 599px) {
 /* Hero Banner */
  #hero-banner h2 {font-size: 2.2em;}
 /* Hero Banner */

 /* Feature Box */
  #feature-area h2 {font-size: 2.2em;}
 /* Feature Box */

 /* Step Form */
  #step-form-area h2 {font-size: 2.2em;}
 /* Step form */

 /* Location Form */
  #location-area h2 {font-size: 2.2em;}
 /* Location form */

 /* Reviews Form */
  #reviews-area h2 {font-size: 2.2em;}
  #reviews-area::before {display: none;}
  #faq-area::before {display: none;}
  #location-area::before {display: none;}
 /* Reviews form */

 /* FAQ Form */
  #faq-area h2 {font-size: 2.2em;}
 /* FAQ form */
}


/*-------------------------------------------- Responsive Css End ---------------------------------------------*/