.icon {
  color: #7500cf;
}

.banner-carousel.owl-carousel .owl-dots {
    display: none;
}

.line-area {
  position: absolute;
  width: 100%;
  max-width: 1150px;
  height: 600px;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
}
.line-area > div {
  position: absolute;
  background: #e91e63;
  box-shadow: 0 0 30px 8px #e91e63;
  opacity: 0;
}
.top-bar {
  right: 0;
  top: 0;
  height: 2px;
}
.left-bar {
  left: 0;
  width: 2px;
}
.bottom-bar {
  bottom: 0;
  height: 2px;
}
.right-bar {
  right: 0;
  width: 2px;
}
.inner-line-area {
  position: absolute;
  width: 100%;
  max-width: 1050px;
  height: 500px;
  top: 55%;
  left: 50%;
  /* transform: translate(-50%, -50%); */
  visibility: hidden;
}
.inner-line-area > div {
  position: absolute;
  background: #fffffd;
  box-shadow: 0 0 30px 8px #0098ff;
  opacity: 0;
}
.inner-top-bar {
  right: 0;
  top: 0;
  height: 2px;
}
.inner-left-bar {
  left: 0;
  width: 2px;
}
.inner-bottom-bar {
  bottom: 0;
  height: 2px;
}
.inner-right-bar {
  right: 0;
  width: 2px;
}
.flip-area {
  /* transform: translate(-50%, -50%) rotate(180deg); */
}
.line-area.flip-area > div {
  background: #fffffd;
  box-shadow: 0 0 30px 8px #0098ff;
}
.inner-line-area.flip-area > div {
  background: #e91e63;
  box-shadow: 0 0 30px 8px #e91e63;
}
.price-header-icon {
  text-align: center;
  margin: 0 0 10px 0;
}
.price-header-icon img {
  width: 100%;
  max-width: 75px;
}
.price-header {
  text-align: center;
}
.price-header h1,
.price-header h3 {
  width: 100% !important;
}
.price-header h2 {
  margin: 10px 0 0 0;
  font-size: 50px;
  transition: all 0.3s;
}
body.template-font-1
  .mainmenu-wrapper
  .page_nav
  ul.mainmenu
  li.lavel-1
  > a
  span {
  font-size: 14px;
}
.price-detail ul li:before {
  font-family: FontAwesome;
}
@media only screen and (max-width: 960px) {
  .line-area {
    max-width: calc(100% - 30px);
    height: 530px;
    top: 50%;
  }
  .inner-line-area {
    display: none;
  }
  .bottom-bar,
  .top-bar {
    height: 4px;
  }
  .left-bar,
  .right-bar {
    width: 4px;
  }
}
.revolution-slider-area .inner .slider-btn .banner-input-submit {
  color: #000;
}
.heading-title,
.stats-sec ul li h4,
.stats-sec ul li h3 {
  font-family: Poppins, sans-serif;
}
.single-pricing .price-header-icon img {
  transition: all 0.3s;
}
.single-pricing:hover .price-header-icon img {
  transform: scale(1.15);
}

.home-banner-video video {
  -webkit-mask-image: linear-gradient(black 0%, transparent 90%);
  mask-image: linear-gradient(black 0%, transparent 90%);
  opacity: 0.7;
}
.service-tabs ul li:first-child .nav-link.active {
  background: #069471;
  border: 1px solid #069471;
  color: #fff;
}
.service-tabs ul li:first-child .nav-link.active:after {
  background: #069471;
}
.service-tabs ul li:nth-child(2) .nav-link.active {
  background: #134e41;
  border: 1px solid #134e41;
  color: #fff;
}
.service-tabs ul li:nth-child(2) .nav-link.active:after {
  background: #134e41;
}
.service-tabs ul li:nth-child(3) .nav-link.active {
  background: #035744;
  border: 1px solid #035744;
  color: #fff;
}
.service-tabs ul li:nth-child(3) .nav-link.active:after {
  background: #035744;
}
.service-tabs ul li:nth-child(4) .nav-link.active {
  background: #00a652;
  border: 1px solid #00a652;
  color: #fff;
}
.service-tabs ul li:nth-child(4) .nav-link.active:after {
  background: #00a652;
}
.service-tabs ul li .nav-link.active .pink-icons {
  display: none;
}
.service-tabs ul li .nav-link.active .white-icons {
  display: block;
}
.home-banner-video {
  background: #000;
}
.home-banner-video video {
  -webkit-mask-image: linear-gradient(black 0%, transparent 117%);
  mask-image: linear-gradient(black 0%, transparent 117%);
  opacity: 1;
}
.black-bg-banner-2 {
  background: transparent;
}
.banner-carousel {
  display: block !important;
  position: relative;
  justify-content: center;
  bottom: -10px;
}
.manu-hamber div {
  position: relative;
  width: 24px;
  height: 18px;
  pointer-events: auto;
}
.manu-hamber div i {
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  width: 100%;
  height: 2px;
  background: currentColor;
}
.manu-hamber div i::after,
.manu-hamber div i::before {
  position: absolute;
  left: 50%;
  width: 100%;
  height: 100%;
  background: inherit;
  content: "";
  -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
.manu-hamber div i::before {
  top: -8px;
}
.manu-hamber div i::after {
  top: 8px;
}
.manu-hamber div i::after,
.manu-hamber div i::before {
  position: absolute;
  left: 50%;
  width: 100%;
  height: 100%;
  background: inherit;
  content: "";
  -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
.popup-mobile-menu-wrapper .popup-mobile-manu {
  visibility: visible;
  opacity: 1;
}
.popup-mobile-menu-wrapper .popup-mobile-manu .inner {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.headroom--sticky.headroom--not-top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  -webkit-box-shadow: 0 8px 20px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 8px 20px 0 rgb(0 0 0 / 10%);
  padding-top: 0 !important;
}
.headroom--sticky.headroom--not-top {
  background: #1c1c1c;
  background-color: #1c1c1c;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 0;
}
.topdevimg {
  max-width: 100px !important;
}
.banner-questionnaire-area {
  width: 100%;
  display: inline-block;
  max-width: 600px;
  position: relative;
  overflow: hidden;
  transition: height 0.3s;
  transition-delay: 0.3s;
}
.banner-questionnaire-area h2 {
  width: 100%;
}
.banner-questionnaire-input-area {
  position: relative;
  /* margin-top: 15px; */
  padding-left: 55px;
  margin-bottom: 15px;
}
.banner-questionnaire-input {
  display: none;
}

.banner-questionnaire-input-area label.banner-questionnaire-label,
input.banner-questionnaire-text-input {
  cursor: pointer;
  margin: 0;
  width: 100%;
  color: #fff;
  padding: 10px 15px;
  line-height: 20px;
  font-size: 14px;
  background: transparent;
}
.banner-questionnaire-input-area label.banner-questionnaire-label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 42px;
}
.banner-questionnaire-input-area label.banner-questionnaire-label:after {
  content: "";
  opacity: 0;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 25px;
  height: 25px;
  background: #63f994;
  transition: all 0.3s;
}

#questionnaire-personal-detail .banner-questionnaire-input-area {
  padding-left: 0;
}
input.banner-questionnaire-text-input {
  height: 44px;
  cursor: initial;
}
input[type="submit"].banner-questionnaire-text-input {
  cursor: pointer;
}
.banner-questionnaire-text-input::placeholder {
  color: #fff;
}

.banner-questionnaire-input-area label.banner-questionnaire-label,
.banner-questionnaire-input-area label.banner-questionnaire-label:before,
input.banner-questionnaire-text-input {
  border: 1px solid #fff;
  /* box-shadow: 0 0 13px #63f994, inset 0 0 13px #63f994; */
}

.banner-questionnaire-input-area label.banner-questionnaire-label.pink-label,
.banner-questionnaire-input-area
  label.banner-questionnaire-label.pink-label:before,
input.banner-questionnaire-text-input.pink-label {
  /* box-shadow: 0 0 13px #e91e63, inset 0 0 13px #e91e63; */
}
.banner-questionnaire-input-area
  label.banner-questionnaire-label.pink-label:after {
  background: #e91e63;
}

.banner-questionnaire-input-area label.banner-questionnaire-label.yellow-label,
.banner-questionnaire-input-area
  label.banner-questionnaire-label.yellow-label:before,
input.banner-questionnaire-text-input.yellow-label {
  /* box-shadow: 0 0 13px #f1f969, inset 0 0 13px #f1f969; */
}
.banner-questionnaire-input-area
  label.banner-questionnaire-label.yellow-label:after {
  background: #f1f969;
}

.banner-questionnaire-input-area label.banner-questionnaire-label.blue-label,
.banner-questionnaire-input-area
  label.banner-questionnaire-label.blue-label:before,
input.banner-questionnaire-text-input.blue-label {
  /* box-shadow: 0 0 13px #0098ff, inset 0 0 13px #0098ff; */
}
.banner-questionnaire-input-area
  label.banner-questionnaire-label.blue-label:after {
  background: #0098ff;
}

.banner-questionnaire-input-area label.banner-questionnaire-label.purple-label,
.banner-questionnaire-input-area
  label.banner-questionnaire-label.purple-label:before,
input.banner-questionnaire-text-input.purple-label {
  /* box-shadow: 0 0 13px #701084, inset 0 0 13px #701084; */
}
.banner-questionnaire-input-area
  label.banner-questionnaire-label.purple-label:after {
  background: #701084;
}

input[type="submit"].banner-questionnaire-text-input {
  background: #069471;
  border-color: #035744;
  /* box-shadow: 0 0 13px #701084, inset 0 0 0px 2px #000; */
}
input[type="submit"].banner-questionnaire-text-input:hover {
  box-shadow: 0 0 13px #701084, inset 0 0 0px 0px #000;
}

.banner-questionnaire-input-area
  :checked
  + label.banner-questionnaire-label:after {
  opacity: 1;
}

.fifty-per-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.fifty-per-boxes .banner-questionnaire-input-area {
  width: calc(50% - 7px);
  float: left;
}
.fifty-per-boxes .banner-questionnaire-input-area.full-width {
  width: 100%;
}

.progress-bar-banner {
  display: none;
  width: 100%;
  max-width: calc(500px - 30px);
  background: #00000000;
  margin: 10px 0px 20px 0px;
  border: 2px solid #fff;
  border-radius: 15px;
  box-shadow: 0 0 10px #e91e63, inset 0 0 10px #e91e63;
  padding: 5px 6px;
}
.progress-bar-banner-inner {
  height: 6px;
  width: 0%;
  background: #e91e63;
  border-radius: 15px;
  transition: all 0.6s;
  transition-delay: 0.3s;
}

.banner-questionnaire-box {
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s;
  transition-delay: 0.3s;
  padding: 0 15px;
  width: 100%;
}
.banner-questionnaire-box.relative-box {
  position: relative;
}
.banner-questionnaire-box.hidden-box {
  transform: translate(100%, 0);
}
.banner-questionnaire-box.showing-box {
  transform: translate(0, 0);
  position: relative;
}
.banner-questionnaire-box.prev-box {
  transform: translate(-100%, 0);
  position: absolute;
}
.line-area-650 {
  height: 650px;
}

.pt-135 {
  padding-top: 135px;
}

.pb-200 {
  padding-top: 200px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pt-150 {
  padding-top: 150px;
}

.pb-150 {
  padding-bottom: 70px;
}

.min-height-790 {
  min-height: 500.5px;
  position: relative !important;!i;!;
}

.questionnaire-fixed-area {
  width: 100%;
  position: absolute;
  top: 54%;
  transform: translateY(-50%);
}

.thank-you-area {
  display: none;
}

@media only screen and (min-width: 767px) {
  .revolution-slider-area .inner h1.heading {
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .triple-contact-input-area .triple-contact-input {
    max-width: 100%;
    margin-bottom: 15px;
    border: 2px dashed #fff;
  }
  .triple-contact-input-area input {
    border-radius: 4px !important;
    width: 100%;
    font-size: 15px;
  }
  .revolution-slider {
    width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .revolution-slider-area .inner h1.heading {
    font-size: 31px !important;
  }
  .banner-questionnaire-input-area label.banner-questionnaire-label,
  input.banner-questionnaire-text-input {
    font-size: 12px;
    padding: 10px 10px;
  }
  .banner-questionnaire-input-area {
    padding-left: 40px;
  }
  .banner-questionnaire-input-area label.banner-questionnaire-label,
  input.banner-questionnaire-text-input {
    padding: 6px 6px;
  }
  .banner-questionnaire-input-area label.banner-questionnaire-label:before {
    width: 35px;
    height: 35px;
  }
  .banner-questionnaire-input-area label.banner-questionnaire-label:after {
    left: 8px;
    top: 8px;
    width: 20px;
    height: 20px;
  }
  .fifty-per-boxes .full-width-on-mobile {
    width: 100%;
  }
}

.banner-carousel.owl-carousel {
  margin-top: 0;
  margin-bottom: 30px;
}

.banner-carousel.owl-carousel .owl-item img {
  max-width: none;
  margin: 0 auto;
  max-height: 70px;
  width: auto;
}

.banner-carousel.owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}