/* Base */ /* Fonts */ /* Dots */ /* From Bottom */
@keyframes fromBottom {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translate(0px);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Gilroy Regular */
@font-face {
  font-family: "Gilroy Regular";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Gilroy-Regular.woff") format("woff");
}
/* Gilroy Light */
@font-face {
  font-family: "Gilroy Light";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Gilroy-Light.woff") format("woff");
}
/* Gilroy SemiBold */
@font-face {
  font-family: "Gilroy SemiBold";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Gilroy-SemiBold.woff") format("woff");
}
/* Poppins Regular */
@font-face {
  font-family: "Poppins Regular";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Poppins-Regular.woff") format("woff");
}
/* Poppins Light */
@font-face {
  font-family: "Poppins Light";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Poppins-Light.woff") format("woff");
}
/* Poppins Medium */
@font-face {
  font-family: "Poppins Medium";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Poppins-Medium.woff") format("woff");
}
/* Poppins Bold */
@font-face {
  font-family: "Poppins Bold";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Poppins-Bold.woff") format("woff");
}
/* Poppins SemiBold */
@font-face {
  font-family: "Poppins SemiBold";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Poppins-SemiBold.woff") format("woff");
}
/* Reset */
body {
  background-color: #fff;
  overflow-x: hidden;
}
body a {
  color: inherit;
  text-decoration: none;
}
body a:hover {
  color: inherit;
  text-decoration: none;
}
body * {
  outline: none !important;
}

div#app {
  overflow-x: hidden;
}

div.sticky-buttons {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 9;
  width: 120px;
  border-radius: 12px 0px 0px 12px;
}
div.sticky-buttons a.button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 100px;
  border: 1px solid rgba(109, 111, 112, 0.25);
  background-color: #fff;
  font-size: 0;
  text-align: center;
  border-bottom: none;
}
div.sticky-buttons a.button:hover {
  background-color: #D92C27;
}
div.sticky-buttons a.button:hover div.icon img {
  filter: brightness(0) invert(1);
}
div.sticky-buttons a.button:hover div.name {
  color: #fff;
}
div.sticky-buttons a.button:first-child {
  border-top-left-radius: 12px;
}
div.sticky-buttons a.button:last-child {
  border-bottom-left-radius: 12px;
  border-bottom: 1px solid rgba(109, 111, 112, 0.25);
}
div.sticky-buttons a.button div.icon {
  margin-bottom: 5px;
}
div.sticky-buttons a.button div.name {
  font-family: "Poppins Regular";
  font-size: 10px;
  color: #6D6F70;
}

.general-button {
  position: relative;
}
.general-button:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 121px;
  height: 100%;
  border-radius: 12px 100px 0px 12px;
  background: rgba(255, 255, 255, 0.12);
  transition-duration: 0.5s;
}
.general-button:hover:before {
  width: 100%;
}

.sop-button {
  position: relative;
}
.sop-button:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 12px 100px 0px 12px;
  background: rgba(255, 255, 255, 0.12);
  transition-duration: 0.5s;
}
.sop-button:hover:before {
  width: 100%;
}

.tooltip {
  opacity: 1 !important;
}
.tooltip .arrow:before {
  border-top-color: #6D6F70;
  border-width: 20px;
  left: calc(50% - 20px);
}
.tooltip .tooltip-inner {
  background-color: #6D6F70;
  min-width: 370px;
  border-radius: 20px;
  padding: 25px 20px;
  text-align: left;
  font-family: "Poppins Regular";
  font-size: 12px;
  line-height: 166.8%;
}
.tooltip .tooltip-inner div.title {
  font-family: "Poppins Bold";
  font-size: 16px;
  margin-bottom: 10px;
}

html[dir=rtl] .modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-check label:before {
  margin-left: 15px;
}
html[dir=rtl] .modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-check label:after {
  left: unset !important;
  right: 12px;
}
html[dir=rtl] body {
  text-align: right;
}
html[dir=rtl] header#header div.middle-header div.header-elements div.buttons {
  margin-left: 0;
  margin-right: 60px;
}
html[dir=rtl] header#header div.top-header div.elements div.language {
  margin-left: 0;
  margin-right: 50px;
}
html[dir=rtl] header#header div.top-header div.elements div.contacts div.block {
  margin-left: 0;
  margin-right: 24px;
}
html[dir=rtl] header#header div.top-header div.elements div.contacts div.block:first-child {
  margin-right: 0;
}
html[dir=rtl] header#header div.top-header div.elements div.contacts div.block div.text {
  margin-left: 0;
  margin-right: 6px;
}
html[dir=rtl] header#header div.top-header div.elements div.language div.options {
  direction: ltr;
}
html[dir=rtl] header#header div.top-header div.elements div.language div.options a.option {
  direction: ltr;
  text-align: left;
}
html[dir=rtl] main#main div#hero-slider {
  direction: ltr;
}
html[dir=rtl] main#main div#hero-slider div.owl-carousel div.slider-item div.slider-details {
  text-align: right;
  padding-right: 60px;
}
html[dir=rtl] main#main div#hero-slider div.owl-carousel div.slider-item div.slider-details div.slider-desc {
  display: inline-block;
  vertical-align: middle;
}
html[dir=rtl] main#main div.hero-services {
  direction: ltr;
}
html[dir=rtl] main#main div.prices-area {
  direction: ltr;
}
html[dir=rtl] main#main div.prices-area div.price-box div.price-details ul li {
  padding-left: 0;
  padding-right: 30px;
}
html[dir=rtl] main#main div.prices-area div.price-box div.price-details ul li:before {
  left: unset !important;
  right: 0;
}
html[dir=rtl] main#main div.stats-area-2 {
  direction: ltr;
}
html[dir=rtl] main#main div.video-area {
  direction: ltr;
}
html[dir=rtl] main#main div.video-area div.section-list div.list-block div.list-item div.head {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
html[dir=rtl] main#main div.video-area div.section-list div.list-block div.list-item div.head div.title {
  padding-left: 0;
  padding-right: 15px;
}
html[dir=rtl] main#main div.proccess-area div.area-listing {
  direction: ltr;
}
html[dir=rtl] main#main div.testimonials-area div.testimonials-down {
  direction: ltr;
}
html[dir=rtl] main#main div.testimonials-area div.testimonials-down div.owl-carousel div.comment-block div.item-head div.stars {
  margin-bottom: 0;
  padding-right: 15px;
}
html[dir=rtl] main#main div.testimonials-area div.testimonials-up div.firms {
  padding-left: 0;
}
html[dir=rtl] main#main div.appointment-band div.band-area {
  direction: ltr;
}
html[dir=rtl] main#main div.faq-area {
  direction: ltr;
}
html[dir=rtl] main#main div.faq-area div.section-body div.section-content div.accordion div.card .card-header button span.text {
  text-align: right;
}
html[dir=rtl] main#main div.hero-form div.forms form.main-form div.form-buttons {
  padding-left: 0;
  padding-right: 15px;
}
html[dir=rtl] main#main div.mag-contents div.section-body div.content-boxs {
  padding-left: 0;
  padding-right: 55px;
}
html[dir=rtl] main#main div.mag-contents div.section-body div.content-boxs div.content-box {
  text-align: right;
}
html[dir=rtl] main#main div.mag-contents div.section-body div.content-boxs div.content-box ul.box-list {
  direction: ltr;
}
html[dir=rtl] main#main div.mag-contents div.section-body div.content-boxs div.content-box div.box-buttons a.button {
  margin-right: 0;
  margin-left: 25px;
}
html[dir=rtl] main#main div.mag-contents div.section-body div.content-boxs div.content-box div.box-buttons a.button:last-child {
  margin-left: 0;
}
html[dir=rtl] main#main .upper-carousel, html[dir=rtl] main#main .lower-carousel {
  direction: ltr;
}
html[dir=rtl] main#main div.hair-analyze {
  direction: ltr;
}
html[dir=rtl] main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.md-area div.md-block {
  direction: ltr;
}
html[dir=rtl] main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons {
  direction: ltr;
}
html[dir=rtl] footer#footer div.top-footer div.lower-footer nav.menu ul li {
  margin-left: 0;
  margin-right: 30px;
}
html[dir=rtl] footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.buttons {
  direction: ltr;
}
html[dir=rtl] footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.list div.block {
  direction: ltr;
}
html[dir=rtl] footer#footer div.top-footer div.lower-footer div.footer-socials {
  direction: ltr;
}
@media (max-width: 1300px) {
  html[dir=rtl] header#header div.middle-header div.header-elements div.buttons {
    direction: ltr;
  }
}
@media (max-width: 1199px) {
  html[dir=rtl] header#header div.middle-header div.header-elements div.buttons {
    margin-right: 0;
  }
  html[dir=rtl] div#responsive-menu div.menu-area div.socials {
    direction: ltr;
  }
  html[dir=rtl] div#responsive-menu div.menu-area div.buttons {
    direction: ltr;
  }
}
@media (max-width: 991px) {
  html[dir=rtl] main#main div.mag-contents div.section-body div.content-boxs {
    padding-right: 0;
  }
}

/* Components */
/* Modal */
.modal.contact-modal .modal-dialog {
  max-width: 580px;
}
.modal.contact-modal .modal-dialog .modal-content {
  border-radius: 24px;
  background-color: #3B2570;
  border: none;
  box-shadow: none;
  border: none;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body {
  padding: 50px 35px;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body button.close-modal {
  position: absolute;
  top: 20px;
  right: 20px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: transparent;
  box-shadow: none;
  border: none;
  font-size: 20px;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body .form-head {
  text-align: center;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body .form-head .form-logo {
  display: inline-block;
  vertical-align: middle;
  max-width: 130px;
  margin-bottom: 30px;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body .form-head .form-logo img {
  max-width: 100%;
  height: auto;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body .form-head .form-title {
  font-family: "Poppins Bold";
  font-size: 33px;
  line-height: 34px;
  color: #fff;
  margin-bottom: 15px;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body .form-head .form-desc {
  max-width: 330px;
  margin: 0 auto;
  margin-bottom: 30px;
  font-family: "Poppins Regular";
  font-size: 16px;
  line-height: 28px;
  color: #6D6F70;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group {
  margin-bottom: 25px;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group:last-child {
  margin-bottom: 0;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group label.error {
  margin-top: 10px;
  font-family: "Gilroy Regular";
  margin-bottom: 0;
  display: block;
  color: #fff;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-text {
  height: 54px;
  line-height: 54px;
  border-radius: 12px;
  border: 1px solid rgba(109, 111, 112, 0.24);
  background: rgba(255, 255, 255, 0.06);
  padding: 0px 30px;
  font-size: 0;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-text div.icon {
  width: 22px;
  display: inline-block;
  vertical-align: middle;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-text div.icon img {
  max-width: 22px;
  height: auto;
  filter: invert(45%) sepia(14%) saturate(0%) hue-rotate(260deg) brightness(93%) contrast(97%);
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-text input {
  width: calc(100% - 22px);
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  border: none;
  background-color: transparent;
  padding: 0px 15px;
  font-family: "Poppins Regular";
  font-size: 14px;
  color: #fff;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-text input::placeholder {
  color: #fff;
  opacity: 0.5;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-text .iti {
  font-family: "Poppins Regular";
  width: calc(100% - 22px);
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-text .iti .iti__selected-flag {
  color: #fff;
  font-size: 14px;
  background-color: transparent;
  padding-left: 15px;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-text .iti .iti__country-list {
  font-size: 14px;
  line-height: 14px;
  width: 350px;
  color: #000;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-text .iti .iti__country-list li {
  padding: 10px;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-text .iti .iti__country-list li.iti__divider {
  display: none;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-text .iti input {
  padding-left: 90px !important;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-check {
  font-size: 0;
  text-align: center;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-check input {
  visibility: hidden;
  width: 0px;
  height: 0px;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-check input:checked ~ label:after {
  display: block;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-check input:checked ~ label:before {
  border-color: #fff;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-check label {
  cursor: pointer;
  margin-bottom: 0;
  font-family: "Poppins Regular";
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-check label a {
  font-family: "Poppins Bold";
  text-decoration: underline;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-check label:before {
  position: relative;
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid rgba(109, 111, 112, 0.24);
  background: rgba(255, 255, 255, 0.06);
  display: inline-block;
  vertical-align: middle;
  top: -1px;
  margin-right: 5px;
  border-radius: 4px;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-check label:after {
  position: absolute;
  content: "";
  top: 7px;
  left: 7px;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 6px;
  display: none;
}
.modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-buttons button {
  display: inline-block;
  vertical-align: middle;
  height: 54px;
  border-radius: 12px;
  background-color: #8856FC;
  min-width: 244px;
  padding: 0px 70px;
  border: none;
  font-family: "Poppins SemiBold";
  font-size: 16px;
  color: #fff;
  width: 100%;
}
.modal.result-modal .modal-dialog {
  max-width: 580px;
}
.modal.result-modal .modal-dialog .modal-content {
  border-radius: 24px;
  background-color: #00254F;
  border: none;
  box-shadow: none;
  border: none;
  border: 3px solid transparent;
}
.modal.result-modal .modal-dialog .modal-content button.close-modal {
  cursor: pointer;
  z-index: 14;
  position: absolute;
  top: 20px;
  right: 20px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: transparent;
  box-shadow: none;
  border: none;
  font-size: 20px;
}
.modal.result-modal .modal-dialog .modal-content.modal-success {
  border-color: #27D96E;
}
.modal.result-modal .modal-dialog .modal-content.modal-error {
  border-color: #D92C27;
}
.modal.result-modal .modal-dialog .modal-content .modal-body {
  padding: 100px;
}
.modal.result-modal .modal-dialog .modal-content .modal-body .result-area {
  text-align: center;
}
.modal.result-modal .modal-dialog .modal-content .modal-body .result-area .result-image {
  max-width: 248px;
  margin: 0 auto;
  margin-bottom: 90px;
}
.modal.result-modal .modal-dialog .modal-content .modal-body .result-area .result-image img {
  max-width: 100%;
  height: auto;
}
.modal.result-modal .modal-dialog .modal-content .modal-body .result-area .result-title {
  font-family: "Poppins Bold";
  font-size: 33px;
  line-height: 42px;
  color: #fff;
  margin-bottom: 12.5px;
}
.modal.result-modal .modal-dialog .modal-content .modal-body .result-area .result-title span.green {
  color: #27D96E;
}
.modal.result-modal .modal-dialog .modal-content .modal-body .result-area .result-title span.red {
  color: #D92C27;
}
.modal.result-modal .modal-dialog .modal-content .modal-body .result-area .result-desc {
  font-family: "Poppins Regular";
  font-size: 13px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.75);
}

/* Layouts */
/* Header */
header#header {
  position: absolute;
  top: 0;
  width: calc(100% - 30px);
  left: 15px;
  z-index: 2;
}
header#header div.top-header div.elements {
  text-align: right;
  font-size: 0;
  padding: 20px 0px;
}
header#header div.top-header div.elements div.contacts {
  display: inline-block;
  vertical-align: middle;
}
header#header div.top-header div.elements div.contacts div.block {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin-left: 24px;
}
header#header div.top-header div.elements div.contacts div.block:first-child {
  margin-left: 0;
}
header#header div.top-header div.elements div.contacts div.block div.icon {
  display: inline-block;
  vertical-align: middle;
}
header#header div.top-header div.elements div.contacts div.block div.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Poppins Regular";
  font-size: 14px;
  color: #282828;
  margin-left: 6px;
}
header#header div.top-header div.elements div.language {
  display: inline-block;
  vertical-align: middle;
  margin-left: 100px;
  position: relative;
}
header#header div.top-header div.elements div.language:hover div.options {
  display: block;
}
header#header div.top-header div.elements div.language div.current {
  font-size: 0;
}
header#header div.top-header div.elements div.language div.current div.down {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
}
header#header div.top-header div.elements div.language div.current div.down img {
  max-width: 100%;
  height: auto;
}
header#header div.top-header div.elements div.language div.current div.name {
  display: inline-block;
  vertical-align: middle;
  font-family: "Gilroy Regular";
  font-size: 14px;
  letter-spacing: 1px;
  color: #282828;
  margin: 0px 12px;
}
header#header div.top-header div.elements div.language div.current div.flag {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
}
header#header div.top-header div.elements div.language div.current div.flag img {
  max-width: 100%;
  height: auto;
}
header#header div.top-header div.elements div.language div.options {
  position: absolute;
  top: 40px;
  right: 0;
  width: 100%;
  background-color: #fff;
  z-index: 3;
  padding: 12.5px 12.5px;
  border-radius: 5px;
  display: none;
}
header#header div.top-header div.elements div.language div.options:before {
  position: absolute;
  content: "";
  top: -10px;
  width: 100%;
  height: 10px;
  left: 0;
}
header#header div.top-header div.elements div.language div.options a.option {
  display: block;
  font-size: 0;
  text-align: left;
  margin-bottom: 15px;
}
header#header div.top-header div.elements div.language div.options a.option:last-child {
  margin-bottom: 0;
}
header#header div.top-header div.elements div.language div.options a.option div.flag {
  width: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7.5px;
}
header#header div.top-header div.elements div.language div.options a.option div.flag img {
  max-width: 100%;
  height: auto;
}
header#header div.top-header div.elements div.language div.options a.option div.name {
  display: inline-block;
  vertical-align: middle;
  font-family: "Gilroy Regular";
  font-size: 14px;
  color: #282828;
}
header#header div.middle-header {
  height: 120px;
  background-color: #272233;
  align-items: center;
}
header#header div.middle-header div.header-elements {
  font-size: 0;
  text-align: right;
}
header#header div.middle-header div.header-elements .logo {
  width: 298px;
  height: 253px;
  line-height: 253px;
  position: absolute;
  top: -70px;
  left: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="298" height="253" viewBox="0 0 298 253" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M149.231 -71C180.896 -71 278.133 -8.82053 288.955 10C299.777 28.8205 302.193 148.978 288.955 172C275.718 195.022 177.087 253 149.231 253C121.376 253 22.1842 194.047 9.5075 172C-3.16917 149.953 -3.16917 32.0466 9.5075 10C22.1842 -12.0466 117.567 -71 149.231 -71Z" fill="%23F6F6F6"/></svg>');
  font-size: 0;
  display: flex;
  padding-top: 45px;
  justify-content: center;
}
header#header div.middle-header div.header-elements .logo img {
  max-width: 100%;
  height: auto;
  max-height: 126px;
}
header#header div.middle-header div.header-elements nav.menu {
  display: inline-block;
  vertical-align: middle;
}
header#header div.middle-header div.header-elements nav.menu ul {
  padding: 0;
  margin: 0;
}
header#header div.middle-header div.header-elements nav.menu ul li {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #fff;
}
header#header div.middle-header div.header-elements nav.menu ul li a {
  display: block;
  line-height: 120px;
  font-size: 16px;
  font-family: "Poppins Regular";
  padding: 0px 15px;
}
header#header div.middle-header div.header-elements nav.menu ul li a:hover {
  color: #fff;
  background: linear-gradient(180deg, #3B2570 0%, rgba(39, 34, 51, 0) 100%);
}
header#header div.middle-header div.header-elements div.buttons {
  display: inline-block;
  vertical-align: middle;
  margin-left: 60px;
}
header#header div.middle-header div.header-elements div.buttons a.button {
  height: 58px;
  background-color: #3B2570;
  border-radius: 12px;
  display: inline-block;
  font-family: "Poppins SemiBold";
  font-size: 16px;
  color: #fff;
  padding: 0px 66px;
  line-height: 58px;
}

/* Sidebar */
a.footer-band {
  display: block;
  background-color: #00B1C1;
  text-align: center;
  padding: 35px 0px;
}
a.footer-band:hover div.button:before {
  width: 100%;
}
a.footer-band div.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Poppins SemiBold";
  font-size: 32px;
  color: #fff;
}
a.footer-band div.button {
  display: inline-block;
  vertical-align: middle;
  height: 64px;
  line-height: 64px;
  background-color: #fff;
  border-radius: 12px;
  padding: 0px 30px;
  margin-left: 110px;
  font-size: 0;
  position: relative;
}
a.footer-band div.button:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 121px;
  height: 100%;
  background: rgba(255, 255, 255, 0.12);
  transition-duration: 0.5s;
}
a.footer-band div.button div.name {
  display: inline-block;
  vertical-align: middle;
  font-family: "Poppins SemiBold";
  font-size: 16px;
  color: #00254F;
  position: relative;
  z-index: 1;
}
a.footer-band div.button div.icon {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  margin-left: 60px;
}
a.footer-band div.button div.icon img {
  max-width: 100%;
  height: auto;
  filter: invert(56%) sepia(96%) saturate(1901%) hue-rotate(143deg) brightness(86%) contrast(110%);
}

/* Footer */
footer#footer {
  background-color: #282828;
  position: relative;
}
footer#footer a.go-up {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="84" height="95" viewBox="0 0 84 95" fill="none"><rect width="63.1859" height="63.1859" rx="6" transform="matrix(0.66354 0.748141 -0.66354 0.748141 41.9263 0)" fill="%238856FC"/><path d="M45.3963 25.4726L43.0992 23.1408C42.7083 22.7621 42.1888 22.5509 41.6485 22.5509C41.1082 22.5509 40.5887 22.7621 40.1978 23.1408L37.9007 25.4726C37.7358 25.64 37.6431 25.867 37.6431 26.1037C37.643 26.3404 37.7356 26.5675 37.9005 26.7349C38.0653 26.9024 38.2889 26.9965 38.5221 26.9965C38.7553 26.9966 38.979 26.9026 39.1439 26.7352L40.774 25.0811L40.7875 35.94C40.7875 36.1767 40.8801 36.4037 41.045 36.5711C41.2099 36.7385 41.4335 36.8325 41.6667 36.8325C41.8999 36.8325 42.1235 36.7385 42.2884 36.5711C42.4532 36.4037 42.5459 36.1767 42.5459 35.94L42.5324 25.0924L44.1531 26.7352C44.3189 26.8978 44.541 26.9878 44.7715 26.9857C45.002 26.9837 45.2225 26.8898 45.3856 26.7244C45.5486 26.5589 45.641 26.335 45.643 26.101C45.645 25.867 45.5564 25.6415 45.3963 25.4732L45.3963 25.4726Z" fill="white"/></svg>');
  width: 84px;
  height: 42px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  bottom: 0;
  left: calc(50% - 42px);
  z-index: 1;
}
footer#footer div.top-footer {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding-bottom: 25px;
  margin-bottom: 30px;
  padding-top: 55px;
}
footer#footer div.top-footer div.upper-footer div.firms {
  height: 120px;
  margin-bottom: 30px;
}
footer#footer div.top-footer div.upper-footer div.firms img {
  max-width: 100%;
  height: auto;
  max-height: 120px;
}
footer#footer div.top-footer div.upper-footer div.footer-block {
  margin-bottom: 50px;
}
footer#footer div.top-footer div.upper-footer div.footer-block div.footer-title {
  font-family: "Poppins Bold";
  font-size: 24px;
  color: #fff;
  margin-bottom: 30px;
  position: relative;
}
footer#footer div.top-footer div.upper-footer div.footer-block div.footer-title:before {
  position: absolute;
  content: "";
  height: 2px;
  width: 48px;
  background-color: #8856FC;
  bottom: -15px;
}
footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.logo {
  max-width: 277px;
  margin-bottom: 25px;
}
footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.logo img {
  max-width: 100%;
  height: auto;
}
footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.desc {
  font-family: "Poppins Regular";
  font-size: 16px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.75);
  max-width: 470px;
  margin-bottom: 45px;
}
footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.buttons {
  font-size: 0;
  margin-bottom: 45px;
}
footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.buttons a.button {
  display: inline-block;
  vertical-align: middle;
  border-radius: 12px;
  text-align: center;
  height: 45px;
  line-height: 45px;
  padding: 0px 25px;
  min-width: 180px;
  font-family: "Poppins SemiBold";
  font-size: 12px;
  color: #fff;
  margin-right: 15px;
}
footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.buttons a.button:last-child {
  margin-right: 0;
}
footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.buttons a.button.whatsapp {
  background-color: #00B1C1;
}
footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.buttons a.button.inspection {
  background-color: #8856FC;
}
footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.list div.block {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin-bottom: 15px;
  margin-right: 15px;
}
footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.list div.block div.icon {
  width: 16px;
  display: inline-block;
  vertical-align: middle;
}
footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.list div.block div.icon img {
  max-width: 100%;
  height: auto;
  filter: brightness(0) invert(1);
  opacity: 0.75;
}
footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.list div.block div.text {
  max-width: calc(100% - 16px);
  display: inline-block;
  vertical-align: middle;
  font-family: "Poppins Regular";
  font-size: 16px;
  color: #fff;
  letter-spacing: 1px;
  padding-left: 5px;
}
footer#footer div.top-footer div.upper-footer div.footer-block nav.menu ul {
  padding: 0;
  margin: 0;
}
footer#footer div.top-footer div.upper-footer div.footer-block nav.menu ul li {
  display: block;
  font-family: "Poppins Regular";
  font-size: 16px;
  color: #fff;
  margin-bottom: 25px;
}
footer#footer div.top-footer div.upper-footer div.footer-block nav.menu ul li:hover {
  color: #D92C27;
}
footer#footer div.top-footer div.upper-footer div.footer-block nav.menu ul li:last-child {
  margin-bottom: 0;
}
footer#footer div.top-footer div.lower-footer div.footer-socials {
  font-size: 0;
}
footer#footer div.top-footer div.lower-footer div.footer-socials a.button {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}
footer#footer div.top-footer div.lower-footer div.footer-socials a.button:hover img {
  filter: invert(45%) sepia(32%) saturate(7487%) hue-rotate(237deg) brightness(96%) contrast(106%);
  opacity: 1;
}
footer#footer div.top-footer div.lower-footer div.footer-socials a.button:last-child {
  margin-right: 0;
}
footer#footer div.top-footer div.lower-footer div.footer-socials a.button img {
  filter: brightness(0) invert(1);
  opacity: 0.75;
}
footer#footer div.top-footer div.lower-footer nav.menu ul {
  padding: 0;
  margin: 0;
  text-align: right;
}
footer#footer div.top-footer div.lower-footer nav.menu ul li {
  display: inline-block;
  vertical-align: middle;
  font-family: "Poppins Regular";
  font-size: 13px;
  color: rgba(255, 255, 255, 0.75);
  margin-left: 40px;
}
footer#footer div.top-footer div.lower-footer nav.menu ul li:hover {
  color: #D92C27;
}
footer#footer div.top-footer div.lower-footer nav.menu ul li:first-child {
  margin-left: 0;
}
footer#footer div.bottom-footer {
  padding-bottom: 85px;
}
footer#footer div.bottom-footer div.copyright {
  font-family: "Poppins Regular";
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.25px;
  color: rgba(255, 255, 255, 0.75);
}
footer#footer div.bottom-footer div.designed {
  text-align: right;
  font-size: 0;
}
footer#footer div.bottom-footer div.designed div.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Gilroy Light";
  font-size: 16px;
  color: rgba(255, 255, 255, 0.75);
}
footer#footer div.bottom-footer div.designed div.image {
  display: inline-block;
  vertical-align: middle;
  width: 94px;
  margin-left: 10px;
}
footer#footer div.bottom-footer div.designed div.image img {
  max-width: 100%;
  height: auto;
}
footer#footer div.bottom-footer div.trustable-items div.section-header {
  text-align: center;
  margin-bottom: 0;
  margin-top: 50px;
  margin-bottom: 25px;
}
footer#footer div.bottom-footer div.trustable-items div.section-header div.section-title {
  font-family: "Poppins Bold";
  font-size: 36px;
  line-height: 36px;
  color: #fff;
  margin-bottom: 10px;
}
footer#footer div.bottom-footer div.trustable-items div.section-header div.section-image img {
  max-width: 166px;
  height: auto;
}
footer#footer div.bottom-footer div.trustable-items div.section-listing div.listing-block div.listing-item img {
  max-width: 100%;
  height: auto;
}

/* Pages */
/* Home */
main#main {
  position: relative;
  z-index: 1;
  /* div.gallery-area
  * margin-bottom: 100px
  * div.section-gallery
  *  margin: 0px -12px
  *  div.gallery-block
  *    padding: 0px 12px
  *    margin-bottom: 24px
  *    &.gallery-block-2
  *      div.gallery-item
  *        height: 588px
  *    &.gallery-block-3
  *      div.gallery-item
  *        width: 588px
  *    div.gallery-item
  *      width: 282px
  *      height: 282px
  *      cursor: pointer
  *      +bg
  *      border-radius: 24px
  * */
}
main#main div#hero-slider div.owl-carousel .owl-stage-outer {
  height: 100%;
}
main#main div#hero-slider div.owl-carousel .owl-stage {
  height: 100%;
}
main#main div#hero-slider div.owl-carousel .owl-item {
  height: 100%;
}
main#main div#hero-slider div.owl-carousel div.item {
  height: 100%;
}
main#main div#hero-slider div.owl-carousel div.owl-dots {
  position: absolute;
  top: 50%;
  left: 50px;
  transform: translateX(-50%);
  text-align: center;
}
main#main div#hero-slider div.owl-carousel div.owl-dots button {
  display: block;
  width: 15px;
  height: 15px;
  margin-bottom: 7px;
  background-color: rgba(0, 0, 0, 0.1882352941);
  border-radius: 100px;
}
main#main div#hero-slider div.owl-carousel div.owl-dots button:last-child {
  margin-bottom: 0;
}
main#main div#hero-slider div.owl-carousel div.owl-dots button.active {
  width: 24px;
  height: 24px;
  background-image: url("../../images/active-dot.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-color: transparent;
  left: -4px;
  position: relative;
}
main#main div#hero-slider div.owl-carousel div.slider-item {
  padding-top: 240px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: cover;
  background-image: url("../../images/slider-bg.png");
  height: 100%;
  font-size: 0;
}
main#main div#hero-slider div.owl-carousel div.slider-item figure.slider-image {
  margin-bottom: 50px;
  width: 500px;
  display: inline-block;
  vertical-align: middle;
}
main#main div#hero-slider div.owl-carousel div.slider-item figure.slider-image img {
  max-width: 100%;
  height: auto;
  width: unset;
}
main#main div#hero-slider div.owl-carousel div.slider-item div.slider-details {
  margin-bottom: 50px;
  width: calc(100% - 500px);
  display: inline-block;
  vertical-align: middle;
}
main#main div#hero-slider div.owl-carousel div.slider-item div.slider-details div.slider-sub {
  font-family: "Poppins Medium";
  font-size: 30px;
  color: #3B2570;
  margin-bottom: 12px;
}
main#main div#hero-slider div.owl-carousel div.slider-item div.slider-details div.slider-title {
  font-family: "Poppins Bold";
  font-size: 60px;
  line-height: 72px;
  color: #282828;
  margin-bottom: 12px;
}
main#main div#hero-slider div.owl-carousel div.slider-item div.slider-details div.slider-desc {
  font-family: "Poppins Light";
  font-size: 20px;
  line-height: 32px;
  color: #6D6F70;
  max-width: 490px;
}
main#main div.hero-form {
  margin-top: -120px;
  position: relative;
  z-index: 2;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="246" viewBox="0 0 1200 246" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1119.96 231.885C1170.47 224.492 1200 173.19 1200 121.656C1200 70.1214 1171.27 21.1669 1150.22 15.1177C1129.18 9.0685 829.374 -1.40667e-05 829.374 -1.40667e-05C829.374 -1.40667e-05 85.5733 0.771875 44.6202 10.0819C3.6672 19.392 0 54.4426 0 107.541C0 160.639 7.36951 224.492 30.4921 229.197C53.6146 233.902 335.626 246 371.636 246C407.646 246 1069.44 239.279 1119.96 231.885Z" fill="%233B2570"/></svg>');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  padding: 65px;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  min-height: 300px;
}
main#main div.hero-form div.forms {
  width: 100%;
}
main#main div.hero-form div.forms .form-title {
  font-family: "Poppins Light";
  font-size: 24px;
  color: #fff;
  text-align: center;
  margin-bottom: 15px;
}
main#main div.hero-form div.forms .form-title strong {
  font-family: "Poppins SemiBold";
}
main#main div.hero-form div.forms form.main-form {
  font-size: 0;
}
main#main div.hero-form div.forms form.main-form div.form-items {
  width: calc(100% - 170px);
  display: inline-block;
  vertical-align: top;
}
main#main div.hero-form div.forms form.main-form div.form-items div.form-group {
  margin-bottom: 0;
}
main#main div.hero-form div.forms form.main-form div.form-items div.form-group label.error {
  margin-bottom: 0;
  margin-top: 15px;
  font-family: "Poppins Regular";
  font-size: 12px;
  color: #fff;
}
main#main div.hero-form div.forms form.main-form div.form-items div.form-group div.title {
  margin-bottom: 10px;
  font-family: "Poppins Bold";
  font-size: 12px;
  color: #fff;
}
main#main div.hero-form div.forms form.main-form div.form-items div.form-group div.form-item .iti {
  font-family: "Poppins Regular";
  width: calc(100% - 16px);
}
main#main div.hero-form div.forms form.main-form div.form-items div.form-group div.form-item .iti .iti__selected-flag {
  font-size: 14px;
  background-color: transparent;
}
main#main div.hero-form div.forms form.main-form div.form-items div.form-group div.form-item .iti .iti__country-list {
  font-size: 14px;
  line-height: 14px;
  width: 350px;
  color: #000;
}
main#main div.hero-form div.forms form.main-form div.form-items div.form-group div.form-item .iti .iti__country-list li {
  padding: 10px;
}
main#main div.hero-form div.forms form.main-form div.form-items div.form-group div.form-item .iti .iti__country-list li.iti__divider {
  display: none;
}
main#main div.hero-form div.forms form.main-form div.form-items div.form-group div.form-item .iti input {
  padding-left: 90px !important;
}
main#main div.hero-form div.forms form.main-form div.form-items div.form-group div.form-item.form-item-text {
  width: 100%;
  height: 53px;
  background-color: #fff;
  border-radius: 12px;
  border: none;
  padding: 0px 20px;
  font-size: 0;
  line-height: 53px;
}
main#main div.hero-form div.forms form.main-form div.form-items div.form-group div.form-item.form-item-text div.icon {
  width: 16px;
  display: inline-block;
  vertical-align: middle;
}
main#main div.hero-form div.forms form.main-form div.form-items div.form-group div.form-item.form-item-text div.icon img {
  max-width: 100%;
  height: auto;
}
main#main div.hero-form div.forms form.main-form div.form-items div.form-group div.form-item.form-item-text input {
  width: calc(100% - 16px);
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  border: none;
  background-color: transparent;
  font-family: "Poppins Regular";
  font-size: 14px;
  color: #6D6F70;
  padding-left: 12.5px;
}
main#main div.hero-form div.forms form.main-form div.form-items div.form-group div.form-item.form-item-select {
  width: 100%;
  height: 53px;
  background-color: #fff;
  border-radius: 12px;
  border: none;
  padding: 0px 20px;
  line-height: 53px;
  font-family: "Poppins Regular";
  font-size: 14px;
  color: #282828;
}
main#main div.hero-form div.forms form.main-form div.form-items div.form-group div.form-item.form-item-select select {
  border: none;
  width: 100%;
}
main#main div.hero-form div.forms form.main-form div.form-buttons {
  display: inline-block;
  vertical-align: top;
  width: 170px;
  text-align: right;
  padding-left: 15px;
  padding-top: 27px;
}
main#main div.hero-form div.forms form.main-form div.form-buttons button {
  height: 54px;
  border-radius: 12px;
  padding: 0px 20px;
  background-color: #8856FC;
  border: none;
  width: 100%;
  font-family: "Poppins SemiBold";
  font-size: 18px;
  color: #fff;
  position: relative;
}
main#main div.hero-form div.forms form.main-form div.form-buttons button:hover:before {
  width: 100%;
}
main#main div.hero-form div.forms form.main-form div.form-buttons button:before {
  position: absolute;
  transition-duration: 0.5s;
  content: "";
  top: 0;
  left: 0;
  width: 121px;
  height: 100%;
  border-radius: 12px 100px 0px 12px;
  background: rgba(0, 0, 0, 0.06);
  transition-duration: 0.5s;
}
main#main div.hero-services div.service-listing {
  margin-bottom: 55px;
  padding: 0px 15px;
}
main#main div.hero-services div.service-listing div.owl-carousel div.item a.service-item {
  display: block;
  text-align: center;
}
main#main div.hero-services div.service-listing div.owl-carousel div.item a.service-item:hover div.item-title {
  color: #8856FC;
}
main#main div.hero-services div.service-listing div.owl-carousel div.item a.service-item div.item-title {
  font-family: "Poppins Bold";
  font-size: 20px;
  color: #000;
  transition-duration: 0.5s;
}
main#main div.hero-services div.service-details div.details-desc {
  font-family: "Poppins Light";
  font-size: 20px;
  line-height: 34px;
  color: #6D6F70;
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 40px;
}
main#main div.hero-services div.service-details div.details-buttons {
  font-size: 0;
  text-align: center;
}
main#main div.hero-services div.service-details div.details-buttons a.button {
  display: inline-block;
  vertical-align: middle;
  border-radius: 12px;
  text-align: center;
  height: 58px;
  line-height: 58px;
  padding: 0px 30px;
  min-width: 233px;
  font-family: "Poppins SemiBold";
  font-size: 16px;
  color: #fff;
  margin: 0px 12px;
}
main#main div.hero-services div.service-details div.details-buttons a.button:first-child {
  margin-left: 0;
}
main#main div.hero-services div.service-details div.details-buttons a.button:last-child {
  margin-right: 0;
}
main#main div.hero-services div.service-details div.details-buttons a.button.contact {
  background-color: #282828;
}
main#main div.hero-services div.service-details div.details-buttons a.button.inspection {
  background-color: #8856FC;
}
main#main div.section-header {
  text-align: center;
  margin-bottom: 50px;
}
main#main div.section-header div.section-title {
  font-family: "Poppins Bold";
  font-size: 36px;
  line-height: 36px;
  color: #282827;
  margin-bottom: 20px;
}
main#main div.section-header div.section-title-2 {
  font-size: 0;
}
main#main div.section-header div.section-title-2 div.image {
  display: inline-block;
  vertical-align: middle;
  width: 125px;
  margin-right: 5px;
}
main#main div.section-header div.section-title-2 div.image img {
  max-width: 100%;
  height: auto;
}
main#main div.section-header div.section-title-2 div.title {
  display: inline-block;
  vertical-align: middle;
  font-family: "Poppins Bold";
  font-size: 28px;
  line-height: 28px;
  color: #282827;
}
main#main div.section-header div.section-image img {
  max-width: 166px;
  height: auto;
}
main#main div.mag-contents {
  padding: 100px 0px;
  background: rgba(136, 86, 252, 0.04);
  margin: 0px -15px;
}
main#main div.mag-contents div.section-body {
  display: grid;
  grid-template-columns: 560px calc(100% - 560px);
  align-items: center;
}
main#main div.mag-contents div.section-body div.image-boxs div.box {
  width: 100%;
  border-radius: 24px;
  border-left: 7px solid #6D6F70;
  height: 100px;
  display: flex;
  align-items: center;
  padding: 0px 30px;
  position: relative;
  margin-bottom: 24px;
  transition-duration: 0.5s;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
main#main div.mag-contents div.section-body div.image-boxs div.box.active {
  height: 300px;
  border-left-color: #3B2570;
  align-items: flex-end;
  padding-bottom: 20px;
}
main#main div.mag-contents div.section-body div.image-boxs div.box:last-child {
  margin-bottom: 0;
}
main#main div.mag-contents div.section-body div.image-boxs div.box:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 24px;
}
main#main div.mag-contents div.section-body div.image-boxs div.box div.title {
  font-family: "Poppins SemiBold";
  font-size: 24px;
  color: #fff;
  position: relative;
  z-index: 1;
}
main#main div.mag-contents div.section-body div.content-boxs {
  padding-left: 55px;
}
main#main div.mag-contents div.section-body div.content-boxs div.content-box {
  display: none;
  animation: fade 0.5s;
}
main#main div.mag-contents div.section-body div.content-boxs div.content-box.active {
  display: block;
}
main#main div.mag-contents div.section-body div.content-boxs div.content-box div.box-title {
  font-family: "Poppins SemiBold";
  font-size: 24px;
  line-height: 28px;
  color: #1A1A1A;
  margin-bottom: 12px;
}
main#main div.mag-contents div.section-body div.content-boxs div.content-box div.box-content {
  font-family: "Poppins Regular";
  font-size: 16px;
  line-height: 28px;
  color: #6D6F70;
  margin-bottom: 20px;
}
main#main div.mag-contents div.section-body div.content-boxs div.content-box ul.box-list {
  padding: 0;
  margin: 0;
}
main#main div.mag-contents div.section-body div.content-boxs div.content-box ul.box-list li {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 20px;
  margin-right: 20px;
  position: relative;
  font-family: "Gilroy Regular";
  font-size: 16px;
  color: #282828;
}
main#main div.mag-contents div.section-body div.content-boxs div.content-box ul.box-list li:before {
  position: relative;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../../images/icons/list-check.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
main#main div.mag-contents div.section-body div.content-boxs div.content-box div.box-buttons {
  font-size: 0;
}
main#main div.mag-contents div.section-body div.content-boxs div.content-box div.box-buttons a.button {
  display: inline-block;
  vertical-align: middle;
  border-radius: 12px;
  text-align: center;
  height: 58px;
  line-height: 58px;
  padding: 0px 30px;
  min-width: 233px;
  font-family: "Poppins SemiBold";
  font-size: 16px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
}
main#main div.mag-contents div.section-body div.content-boxs div.content-box div.box-buttons a.button:last-child {
  margin-right: 0;
}
main#main div.mag-contents div.section-body div.content-boxs div.content-box div.box-buttons a.button.contact {
  background-color: #3B2570;
}
main#main div.mag-contents div.section-body div.content-boxs div.content-box div.box-buttons a.button.online {
  background-color: #8856FC;
}
main#main div.clinic-results {
  padding-top: 100px;
  padding-bottom: 30px;
}
main#main div.clinic-results ul {
  text-align: center;
  display: block;
  font-size: 0;
  margin-bottom: 48px !important;
}
main#main div.clinic-results ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 12px;
}
main#main div.clinic-results ul li:first-child {
  margin-left: 0;
}
main#main div.clinic-results ul li:last-child {
  margin-right: 0;
}
main#main div.clinic-results ul li button {
  border: none;
  background-color: transparent;
  padding: 0;
  font-family: "Poppins SemiBold";
  font-size: 36px;
  color: #282828;
}
main#main div.clinic-results ul li button.active {
  color: #8856FC;
}
main#main div.clinic-results div.upper-carousel div.owl-carousel div.item div.item-image {
  height: 400px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
main#main div.clinic-results div.lower-carousel div.owl-carousel div.item div.item-image {
  height: 180px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
main#main div.hair-analyze {
  background: rgba(59, 37, 112, 0.08);
}
main#main div.hair-analyze div.section-header {
  padding: 30px 0px;
  margin-bottom: 0;
}
main#main div.hair-analyze div.form-steps div.step-title {
  font-family: "Poppins Regular";
  font-size: 24px;
  margin-bottom: 30px;
}
main#main div.hair-analyze div.form-steps div.steps-area {
  display: flex;
  margin-left: -20px;
  margin-right: -20px;
  background: rgba(59, 37, 112, 0.08);
  padding: 25px 0px;
  position: relative;
  align-items: flex-end;
}
main#main div.hair-analyze div.form-steps div.steps-area:before {
  position: absolute;
  content: "";
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(59, 37, 112, 0.08);
}
main#main div.hair-analyze div.form-steps div.steps-area:after {
  position: absolute;
  content: "";
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background: rgba(59, 37, 112, 0.08);
}
main#main div.hair-analyze div.form-steps div.steps-area div.step-block {
  flex: 1 1 0px;
  padding: 0px 20px;
}
main#main div.hair-analyze div.form-steps div.steps-area div.step-block.active div.step-item div.process {
  background-color: #8856FC;
}
main#main div.hair-analyze div.form-steps div.steps-area div.step-block div.step-item div.head {
  font-size: 0;
  margin-bottom: 12px;
}
main#main div.hair-analyze div.form-steps div.steps-area div.step-block div.step-item div.head div.icon {
  width: 15px;
  display: none;
  vertical-align: middle;
}
main#main div.hair-analyze div.form-steps div.steps-area div.step-block div.step-item div.head div.icon img {
  max-width: 100%;
  height: auto;
}
main#main div.hair-analyze div.form-steps div.steps-area div.step-block div.step-item div.head div.name {
  width: calc(100% - 15px);
  display: inline-block;
  vertical-align: middle;
  font-family: "Poppins Regular";
  font-size: 14px;
  line-height: 14px;
  padding-left: 5px;
}
main#main div.hair-analyze div.form-steps div.steps-area div.step-block div.step-item div.process {
  height: 6px;
  width: 100%;
  border-radius: 4px;
  background-color: #3B2570;
}
main#main div.hair-analyze div.form-steps div.steps-area div.step-block.active ~ div.step-block div.step-item div.head div.icon {
  display: inline-block;
}
main#main div.hair-analyze div.form-steps div.steps-area div.step-block.active ~ div.step-block div.step-item div.process {
  background: rgba(40, 40, 40, 0.24);
}
main#main div.hair-analyze div.form-steps div.step-forms {
  padding: 30px 0px 60px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block {
  display: none;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons {
  font-size: 0;
  margin-top: 15px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons .button {
  display: inline-block;
  vertical-align: middle;
  height: 54px;
  border-radius: 12px;
  font-family: "Poppins SemiBold";
  font-size: 16px;
  color: #fff;
  min-width: 180px;
  padding: 0px 15px;
  text-align: center;
  line-height: 54px;
  margin-right: 24px;
  border: none;
  font-size: 0;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons .button span.text {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 24px);
  font-size: 16px;
  text-align: left;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons .button span.icon {
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons .button span.icon img {
  max-width: 100%;
  height: auto;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons .button:last-child {
  margin-right: 0;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons .button.black {
  background-color: #282828;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons .button.black span.text {
  text-align: right;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons .button.purple {
  background-color: #3B2570;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block.active {
  display: block;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-area div.form-buttons button span.text {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 24px);
  font-size: 16px;
  text-align: left;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-area div.form-buttons button span.icon {
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-area div.form-buttons button span.icon img {
  max-width: 100%;
  height: auto;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-content.form-content-2 div.title {
  font-family: "Poppins SemiBold";
  font-size: 36px;
  color: #282828;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-content.form-content-2 div.title strong {
  display: block;
  color: #8856FC;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-content div.logo {
  height: 100px;
  margin-bottom: 35px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-content div.logo img {
  max-width: 100%;
  height: auto;
  max-height: 100px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-content div.title {
  font-family: "Poppins SemiBold";
  font-size: 24px;
  color: #282828;
  margin-bottom: 12px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-content div.desc {
  font-family: "Poppins Regular";
  font-size: 16px;
  line-height: 28px;
  color: #6D6F70;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-content div.desc p {
  margin-bottom: 30px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.gender-choices {
  margin: 0px -15px;
  font-size: 0;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.gender-choices label {
  width: 50%;
  padding: 0px 15px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.gender-choices label input {
  display: none;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.gender-choices label input:checked ~ div.radio {
  border-color: #3B2570;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.gender-choices label input:checked ~ div.radio:before {
  display: block;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.gender-choices label div.radio {
  width: 100%;
  height: 260px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  border: 3px solid transparent;
  position: relative;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.gender-choices label div.radio:before {
  position: absolute;
  content: "";
  bottom: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  border: 3px solid #3B2570;
  background-image: url("../../images/icons/check.png");
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: none;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.gender-choices label div.radio div.image {
  width: 180px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.gender-choices label div.radio div.image img {
  max-width: 100%;
  height: auto;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group {
  margin-bottom: 20px !important;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-radio label {
  width: 100%;
  margin-bottom: 0;
  cursor: pointer;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-radio input {
  display: none;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-radio input:checked ~ div.radio {
  box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.15);
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-radio input:checked ~ div.radio div.time-holder {
  background-image: url("../../images/forms/time-bg-active.png");
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-radio input:checked ~ div.radio div.option div.icon {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  border: 3px solid #3B2570;
  position: relative;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-radio input:checked ~ div.radio div.option div.icon:before {
  position: absolute;
  content: "";
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  background-color: #3B2570;
  border-radius: 8px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-radio div.radio {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 24px;
  background-color: #fff;
  height: 282px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-radio div.radio div.image {
  width: 164px;
  height: 146px;
  line-height: 146px;
  margin-bottom: 35px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-radio div.radio div.image img {
  max-width: 100%;
  height: auto;
  max-height: 146px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-radio div.radio div.time-holder {
  width: 121px;
  height: 109px;
  background-image: url("../../images/forms/time-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 15px;
  font-family: "Poppins SemiBold";
  font-size: 36px;
  line-height: 36px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 20px;
  justify-content: center;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-radio div.radio div.option {
  font-size: 0;
  height: 24px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-radio div.radio div.option div.icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  border-radius: 16px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-radio div.radio div.option div.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Poppins Regular";
  font-size: 14px;
  line-height: 14px;
  padding-left: 6px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-radio.form-item-radio-2 div.radio {
  height: 190px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-radio.form-item-radio-2 div.radio div.image {
  width: 96px;
  height: 106px;
  line-height: 106px;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-radio.form-item-radio-2 div.radio div.image img {
  max-height: 106px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group {
  margin-bottom: 25px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group:last-child {
  margin-bottom: 0;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group label.error {
  margin-top: 10px;
  font-family: "Gilroy Regular";
  margin-bottom: 0;
  display: block;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-text {
  height: 54px;
  line-height: 54px;
  border-radius: 12px;
  border: 1px solid rgba(109, 111, 112, 0.24);
  background-color: rgba(0, 0, 0, 0.02);
  padding: 0px 30px;
  font-size: 0;
  background-color: #fff;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-text div.icon {
  width: 22px;
  display: inline-block;
  vertical-align: middle;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-text div.icon img {
  max-width: 22px;
  height: auto;
  filter: invert(45%) sepia(14%) saturate(0%) hue-rotate(260deg) brightness(93%) contrast(97%);
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-text input {
  width: calc(100% - 22px);
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  border: none;
  background-color: transparent;
  padding: 0px 15px;
  font-family: "Poppins Regular";
  font-size: 14px;
  color: #000;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-text input::placeholder {
  color: #000;
  opacity: 0.5;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-text .iti {
  font-family: "Poppins Regular";
  width: calc(100% - 22px);
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-text .iti .iti__selected-flag {
  font-size: 14px;
  background-color: transparent;
  padding-left: 15px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-text .iti .iti__country-list {
  font-size: 14px;
  line-height: 14px;
  width: 350px;
  color: #000;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-text .iti .iti__country-list li {
  padding: 10px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-text .iti .iti__country-list li.iti__divider {
  display: none;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-text .iti input {
  padding-left: 90px !important;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-checkbox {
  font-size: 0;
  /* input
  * visibility: hidden
  * width: 0px
  * height: 0px */
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-checkbox label {
  cursor: pointer;
  margin-bottom: 0;
  position: relative;
  font-size: 0;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-checkbox label input {
  display: none;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-checkbox label input:checked ~ div.checkbox div.icon {
  border-color: #3B2570 !important;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-checkbox label input:checked ~ div.checkbox div.icon:before {
  display: block;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-checkbox label div.icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(109, 111, 112, 0.24);
  position: relative;
  border-radius: 4px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-checkbox label div.icon:before {
  position: absolute;
  content: "";
  top: 6px;
  left: 6px;
  width: 6px;
  height: 6px;
  background-color: #3B2570;
  display: none;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-checkbox label div.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Poppins Regular";
  font-size: 14px;
  color: #6D6F70;
  padding-left: 10px;
  width: calc(100% - 20px);
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-checkbox label div.text a {
  font-family: "Poppins Bold";
  text-decoration: underline;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.md-area {
  margin-bottom: 30px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.md-area div.md-block {
  font-size: 0;
  text-align: center;
  margin-top: 60px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.md-area div.md-block div.icon {
  width: 180px;
  display: inline-block;
  vertical-align: middle;
  height: 120px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 24px;
  background-color: #fff;
  position: relative;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.md-area div.md-block div.icon img {
  max-width: 100%;
  height: auto;
  max-height: 160px;
  vertical-align: bottom;
  position: absolute;
  bottom: 0;
  left: calc(50% - 50px);
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.md-area div.md-block div.content {
  width: calc(100% - 205px);
  display: inline-block;
  vertical-align: middle;
  max-width: 588px;
  margin-left: 25px;
}
main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.md-area div.md-block div.content textarea {
  width: 100%;
  height: 120px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  resize: none;
  padding: 15px 20px;
  font-family: "Poppins Regular";
  font-size: 20px;
  color: #000;
}
main#main div.prices-area .owl-stage .owl-item:nth-child(odd) div.price-box {
  background-color: #3B2570;
}
main#main div.prices-area .owl-stage .owl-item:nth-child(odd) div.price-box div.price-details div.price-head div.head-icon {
  border-color: #3B2570;
}
main#main div.prices-area .owl-stage .owl-item:nth-child(odd) div.price-box div.price-details div.title {
  color: #fff;
}
main#main div.prices-area .owl-stage .owl-item:nth-child(odd) div.price-box div.price-details div.desc {
  color: #fff;
}
main#main div.prices-area .owl-stage .owl-item:nth-child(odd) div.price-box div.price-details ul li {
  color: #fff;
}
main#main div.prices-area .owl-stage .owl-item:nth-child(odd) div.price-box div.price-details ul li:before {
  filter: brightness(0) invert(1);
}
main#main div.prices-area .owl-stage .owl-item:nth-child(odd) div.price-box div.price-bottom div.real-price div.price {
  color: #fff;
}
main#main div.prices-area .owl-stage .owl-item:nth-child(odd) div.price-box div.price-bottom div.real-price div.text {
  color: rgba(255, 255, 255, 0.5);
}
main#main div.prices-area div.price-box {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
main#main div.prices-area div.price-box .ribbon {
  width: 150px;
  height: 150px;
  position: absolute;
}
main#main div.prices-area div.price-box .ribbon::before,
main#main div.prices-area div.price-box .ribbon::after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  border: 5px solid #3B2570;
}
main#main div.prices-area div.price-box .ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 25px 0 15px;
  background-color: #3B2570;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  font-family: "Poppins SemiBold";
  font-size: 14px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center;
}
main#main div.prices-area div.price-box .ribbon-top-right {
  top: -20px;
  right: -10px;
}
main#main div.prices-area div.price-box .ribbon-top-right::before,
main#main div.prices-area div.price-box .ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
main#main div.prices-area div.price-box .ribbon-top-right::before {
  top: 0;
  left: 0;
}
main#main div.prices-area div.price-box .ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
main#main div.prices-area div.price-box .ribbon-top-right span {
  left: -22.5px;
  top: 30px;
  transform: rotate(45deg);
}
main#main div.prices-area div.price-box div.price-head div.head-before {
  width: 100%;
  height: 170px;
  background: rgba(59, 37, 112, 0.08);
  border-radius: 0px 0px 500px 500px;
}
main#main div.prices-area div.price-box div.price-head div.head-icon {
  width: 170px;
  height: 170px;
  border-radius: 170px;
  border: 8px solid #E1DEE9;
  text-align: center;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: -85px;
  background-color: #fff;
}
main#main div.prices-area div.price-box div.price-head div.head-icon img {
  max-width: 100%;
  height: auto;
  max-height: 99px;
  width: unset;
}
main#main div.prices-area div.price-box div.price-details {
  padding: 0px 65px;
}
main#main div.prices-area div.price-box div.price-details div.title {
  font-family: "Gilroy SemiBold";
  font-size: 48px;
  line-height: 56px;
  color: #282828;
  margin-top: 20px;
  margin-bottom: 10px;
}
main#main div.prices-area div.price-box div.price-details div.desc {
  font-family: "Gilroy Regular";
  font-size: 16px;
  color: #6D6F70;
  margin-bottom: 25px;
}
main#main div.prices-area div.price-box div.price-details ul {
  padding: 0px 0px 12px 0px;
  margin: 0;
}
main#main div.prices-area div.price-box div.price-details ul li {
  display: block;
  font-family: "Gilroy Regular";
  font-size: 16px;
  color: #282828;
  border-bottom: 1px solid rgba(59, 37, 112, 0.08);
  padding: 12px 0px;
  padding-left: 30px;
  position: relative;
}
main#main div.prices-area div.price-box div.price-details ul li:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../../images/icons/list-check.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  left: 0;
  top: calc(50% - 10px);
}
main#main div.prices-area div.price-box div.price-details ul li:last-child {
  border-bottom: none;
}
main#main div.prices-area div.price-box div.price-bottom {
  background: rgba(40, 40, 40, 0.1);
  padding: 20px 45px;
  font-size: 0;
}
main#main div.prices-area div.price-box div.price-bottom div.real-price {
  width: calc(100% - 250px);
  display: inline-block;
  vertical-align: middle;
}
main#main div.prices-area div.price-box div.price-bottom div.real-price div.price {
  font-family: "Poppins Bold";
  font-size: 48px;
  line-height: 48px;
  color: #3B2570;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
main#main div.prices-area div.price-box div.price-bottom div.real-price div.text {
  font-family: "Poppins Regular";
  font-size: 16px;
  color: #282828;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
main#main div.prices-area div.price-box div.price-bottom .real-button {
  width: 250px;
  display: inline-block;
  vertical-align: middle;
  padding: 20px 30px;
  background-color: #3B2570;
  border-radius: 12px;
}
main#main div.prices-area div.price-box div.price-bottom .real-button div.text {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  display: inline-block !important;
  vertical-align: middle;
  width: calc(100% - 10px) !important;
  padding-right: 15px;
  font-family: "Poppins SemiBold";
  font-size: 16px;
  color: #fff;
}
main#main div.prices-area div.price-box div.price-bottom .real-button div.icon {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
}
main#main div.prices-area div.price-box div.price-bottom .real-button div.icon img {
  max-width: 100%;
  height: auto;
  filter: brightness(0) invert(1);
}
main#main div.stat-band {
  background-image: url("../../images/stat-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 100px 0px;
}
main#main div.stat-band div.stat-listing div.listing-block div.listing-item {
  font-size: 0;
  color: #fff;
  direction: ltr;
}
main#main div.stat-band div.stat-listing div.listing-block div.listing-item div.icon {
  width: 52px;
  display: inline-block;
  vertical-align: middle;
}
main#main div.stat-band div.stat-listing div.listing-block div.listing-item div.icon img {
  max-width: 100%;
  height: auto;
}
main#main div.stat-band div.stat-listing div.listing-block div.listing-item div.content {
  width: calc(100% - 52px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 22px;
}
main#main div.stat-band div.stat-listing div.listing-block div.listing-item div.content div.count {
  font-family: "Poppins Bold";
  font-size: 64px;
  line-height: 64px;
  margin-bottom: 10px;
}
main#main div.stat-band div.stat-listing div.listing-block div.listing-item div.content div.title {
  font-family: "Poppins Regular";
  font-size: 16px;
  line-height: 16px;
}
main#main div.stats-area-2 {
  background-color: #3B2570;
  margin-left: -15px;
  margin-right: -15px;
  padding: 60px 80px;
}
main#main div.stats-area-2 div.stat-item {
  text-align: center;
  padding: 0px 10px;
}
main#main div.stats-area-2 div.stat-item div.icon {
  width: 72px;
  height: 72px;
  text-align: center;
  line-height: 72px;
  font-size: 0;
  background-color: #fff;
  margin: 0 auto;
  border-radius: 100px;
  text-align: center;
  margin-bottom: 12px;
}
main#main div.stats-area-2 div.stat-item div.icon img {
  display: unset;
  max-width: 100%;
  height: auto;
  max-height: 34px;
  width: unset;
}
main#main div.stats-area-2 div.stat-item div.details {
  color: #fff;
}
main#main div.stats-area-2 div.stat-item div.details div.title {
  font-family: "Poppins Bold";
  font-size: 16px;
  margin-bottom: 5px;
}
main#main div.stats-area-2 div.stat-item div.details div.time {
  font-family: "Poppins Regular";
  font-size: 14px;
  direction: ltr;
}
main#main div.video-area {
  background-color: #282828;
  padding: 100px 0px 50px;
}
main#main div.video-area div.section-header div.section-title {
  color: #fff;
}
main#main div.video-area div.section-body {
  font-size: 0;
}
main#main div.video-area div.section-body div.content-area {
  width: 500px;
  display: inline-block;
  vertical-align: bottom;
  padding-right: 15px;
}
main#main div.video-area div.section-body div.content-area div.area-title {
  font-family: "Poppins SemiBold";
  font-size: 36px;
  color: #fff;
  margin-bottom: 12px;
}
main#main div.video-area div.section-body div.content-area div.area-desc {
  font-family: "Gilroy Regular";
  font-size: 16px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 20px;
}
main#main div.video-area div.section-body div.content-area div.area-button a.button {
  display: block;
  font-size: 0;
}
main#main div.video-area div.section-body div.content-area div.area-button a.button span.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Gilroy SemiBold";
  font-size: 24px;
  color: #8856FC;
  margin-right: 10px;
}
main#main div.video-area div.section-body div.content-videos {
  width: calc(100% - 500px);
  display: inline-block;
  vertical-align: bottom;
  border-radius: 24px;
  padding-left: 20px;
  position: relative;
}
main#main div.video-area div.section-body div.content-videos .owl-carousel .owl-nav button {
  width: 60px;
  height: 60px;
  background-image: url("../../images/next.png");
  position: absolute;
  top: calc(50% - 30px);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  z-index: 2;
}
main#main div.video-area div.section-body div.content-videos .owl-carousel .owl-nav button.owl-prev {
  transform: rotate(-180deg);
  left: 0;
}
main#main div.video-area div.section-body div.content-videos .owl-carousel .owl-nav button.owl-next {
  right: 0;
}
main#main div.video-area div.section-body div.content-videos .owl-carousel .owl-dots {
  text-align: center;
  margin-top: 15px;
}
main#main div.video-area div.section-body div.content-videos .owl-carousel .owl-dots button {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  margin: 0px 5px;
}
main#main div.video-area div.section-body div.content-videos .owl-carousel .owl-dots button:first-child {
  margin-left: 0;
}
main#main div.video-area div.section-body div.content-videos .owl-carousel .owl-dots button:last-child {
  margin-right: 0;
}
main#main div.video-area div.section-body div.content-videos .owl-carousel .owl-dots button.active {
  width: 30px;
  height: 30px;
  background-image: url("../../images/active-dot.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-color: transparent;
  left: -4px;
  position: relative;
}
main#main div.video-area div.section-body div.content-videos:before {
  position: absolute;
  content: "";
  width: 486px;
  height: 320px;
  background-image: url("../../images/video-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  top: -180px;
  right: -90px;
}
main#main div.video-area div.section-body div.content-videos img {
  position: relative;
  z-index: 2;
  border-radius: 24px;
  max-width: 100%;
  height: auto;
}
main#main div.video-area div.section-body div.content-videos a.video-item {
  position: relative;
  display: block;
  width: 520px;
  height: 454px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 24px;
  margin: 0 auto;
}
main#main div.video-area div.section-body div.content-videos a.video-item:after {
  position: absolute;
  content: "";
  width: 70px;
  height: 70px;
  background-image: url("../../images/play.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  top: calc(50% - 35px);
  left: calc(50% - 35px);
  z-index: 9;
}
main#main div.video-area div.section-body div.content-socials {
  margin-left: 520px;
  padding-top: 30px;
  padding-left: 55px;
  font-size: 0;
  position: relative;
  z-index: 2;
}
main#main div.video-area div.section-body div.content-socials a.button {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
main#main div.video-area div.section-body div.content-socials a.button:last-child {
  margin-right: 0;
}
main#main div.video-area div.section-body div.content-socials a.button:hover img {
  filter: invert(26%) sepia(47%) saturate(3306%) hue-rotate(331deg) brightness(98%) contrast(95%);
}
main#main div.video-area div.section-list {
  margin-top: 50px;
}
main#main div.video-area div.section-list div.list-block div.list-item {
  padding: 35px 20px;
  border-radius: 24px;
}
main#main div.video-area div.section-list div.list-block div.list-item:hover {
  background-color: rgba(255, 255, 255, 0.08);
}
main#main div.video-area div.section-list div.list-block div.list-item div.head {
  font-size: 0;
}
main#main div.video-area div.section-list div.list-block div.list-item div.head div.icon {
  width: 28px;
  display: inline-block;
  vertical-align: middle;
}
main#main div.video-area div.section-list div.list-block div.list-item div.head div.icon img {
  max-width: 100%;
  height: auto;
}
main#main div.video-area div.section-list div.list-block div.list-item div.head div.title {
  width: calc(100% - 28px);
  display: inline-block;
  vertical-align: middle;
  font-family: "Poppins SemiBold";
  font-size: 20px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.75);
  padding-left: 15px;
}
main#main div.video-area div.section-list div.list-block div.list-item div.desc {
  font-family: "Poppins Regular";
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 15px;
}
main#main div.proccess-area {
  padding: 60px 0px;
  background-image: url("../../images/proccess-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-size: contain;
}
main#main div.proccess-area div.area-content {
  font-family: "Gilroy Regular";
  font-size: 16px;
  color: #6D6F70;
  max-width: 1060px;
  margin: 0 auto;
}
main#main div.proccess-area div.area-content div.content-block {
  display: none;
  animation: fade 0.5s;
}
main#main div.proccess-area div.area-content div.content-block.active {
  display: block;
}
main#main div.proccess-area div.area-listing {
  padding: 0px 40px;
}
main#main div.proccess-area div.area-listing div.owl-carousel img {
  display: unset !important;
  width: unset !important;
}
main#main div.proccess-area div.area-listing div.owl-carousel div.item {
  text-align: center;
}
main#main div.proccess-area div.area-listing div.listing-block {
  margin-bottom: 40px;
}
main#main div.proccess-area div.area-listing div.listing-block div.listing-item {
  text-align: center;
  cursor: pointer;
}
main#main div.proccess-area div.area-listing div.listing-block div.listing-item div.icon {
  width: 150px;
  height: 150px;
  background-color: #EFEEF4;
  border-radius: 100px;
  display: block;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
main#main div.proccess-area div.area-listing div.listing-block div.listing-item div.icon img {
  max-width: 70px;
  height: auto;
}
main#main div.proccess-area div.area-listing div.listing-block div.listing-item div.text {
  font-family: "Poppins SemiBold";
  font-size: 14px;
  color: #282827;
}
main#main div.testimonials-area {
  position: relative;
}
main#main div.testimonials-area:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 125%;
  background: rgba(136, 86, 252, 0.04);
}
main#main div.testimonials-area div.testimonials-up {
  margin-bottom: 75px;
  font-size: 0;
}
main#main div.testimonials-area div.testimonials-up div.title {
  width: 300px;
  font-family: "Poppins Bold";
  font-size: 36px;
  color: #282828;
  display: inline-block;
  vertical-align: middle;
}
main#main div.testimonials-area div.testimonials-up div.firms {
  width: calc(100% - 300px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 150px;
}
main#main div.testimonials-area div.testimonials-up div.firms div.firm-block div.firm-item div.image {
  display: block;
  width: 100%;
  text-align: center;
  height: 40px;
  margin-bottom: 25px;
}
main#main div.testimonials-area div.testimonials-up div.firms div.firm-block div.firm-item div.image img {
  max-width: 100%;
  height: auto;
  max-height: 40px;
}
main#main div.testimonials-area div.testimonials-up div.firms div.firm-block div.firm-item div.stars {
  text-align: center;
  margin-bottom: 8px;
}
main#main div.testimonials-area div.testimonials-up div.firms div.firm-block div.firm-item div.stars img {
  max-width: 20px;
  display: inline-block;
  vertical-align: middle;
  height: auto;
  margin: 0px 2.5px;
}
main#main div.testimonials-area div.testimonials-up div.firms div.firm-block div.firm-item div.last {
  font-family: "Poppins Regular";
  font-size: 11.5px;
  color: #282828;
  text-align: center;
}
main#main div.testimonials-area div.testimonials-up div.firms div.firm-block div.firm-item div.last strong {
  font-family: "Poppins Bold";
}
main#main div.testimonials-area div.testimonials-down {
  margin-bottom: 60px;
}
main#main div.testimonials-area div.testimonials-down div.owl-carousel div.comment-block {
  border: 1px solid rgba(40, 40, 40, 0.12);
  padding: 30px;
  background-color: #fff;
  border-radius: 12px;
}
main#main div.testimonials-area div.testimonials-down div.owl-carousel div.comment-block div.item-head {
  font-size: 0;
}
main#main div.testimonials-area div.testimonials-down div.owl-carousel div.comment-block div.item-head div.stars {
  margin-bottom: 10px;
  width: calc(100% - 30px);
  display: inline-block;
  vertical-align: middle;
}
main#main div.testimonials-area div.testimonials-down div.owl-carousel div.comment-block div.item-head div.stars img {
  max-width: 20px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
main#main div.testimonials-area div.testimonials-down div.owl-carousel div.comment-block div.item-head div.stars img:last-child {
  margin-right: 0;
}
main#main div.testimonials-area div.testimonials-down div.owl-carousel div.comment-block div.item-head div.icon {
  width: 30px;
  display: inline-block;
  vertical-align: middle;
}
main#main div.testimonials-area div.testimonials-down div.owl-carousel div.comment-block div.item-head div.icon img {
  max-width: 100%;
  height: auto;
  width: unset;
}
main#main div.testimonials-area div.testimonials-down div.owl-carousel div.comment-block div.item-title {
  font-family: "Poppins SemiBold";
  font-size: 16px;
  color: #282828;
  margin-bottom: 6px;
}
main#main div.testimonials-area div.testimonials-down div.owl-carousel div.comment-block div.item-desc {
  font-family: "Poppins Regular";
  font-size: 12px;
  color: #7B7E7E;
  margin-bottom: 10px;
}
main#main div.testimonials-area div.testimonials-down div.owl-carousel div.comment-block div.item-bottom {
  font-family: "Poppins Regular";
  font-size: 8px;
  color: #7B7E7E;
}
main#main div.sub-area {
  background-color: #F4F9FF;
}
main#main div.before-after-area {
  margin-bottom: 170px;
}
main#main div.before-after-area div.section-carousel div.owl-carousel div.owl-nav {
  position: absolute;
  top: calc(50% - 30px);
  left: 0;
  width: 100%;
}
main#main div.before-after-area div.section-carousel div.owl-carousel div.owl-nav button {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background-color: #fff;
  border: 1px solid rgba(109, 111, 112, 0.25);
  font-size: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 8px;
  transition-duration: 0.5s;
}
main#main div.before-after-area div.section-carousel div.owl-carousel div.owl-nav button:hover {
  background-color: rgba(109, 111, 112, 0.25);
}
main#main div.before-after-area div.section-carousel div.owl-carousel div.owl-nav button.owl-prev {
  left: -120px;
  background-image: url("../../images/icons/prev.svg");
}
main#main div.before-after-area div.section-carousel div.owl-carousel div.owl-nav button.owl-next {
  right: -120px;
  background-image: url("../../images/icons/next.svg");
}
main#main div.changes-area {
  padding: 110px 0px;
}
main#main div.changes-area div.section-carousel div.owl-carousel div.owl-nav {
  position: absolute;
  top: calc(50% - 30px);
  left: 0;
  width: 100%;
}
main#main div.changes-area div.section-carousel div.owl-carousel div.owl-nav button {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background-color: #fff;
  border: 1px solid rgba(109, 111, 112, 0.25);
  font-size: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 8px;
  transition-duration: 0.5s;
}
main#main div.changes-area div.section-carousel div.owl-carousel div.owl-nav button:hover {
  background-color: rgba(109, 111, 112, 0.25);
}
main#main div.changes-area div.section-carousel div.owl-carousel div.owl-nav button.owl-prev {
  left: -120px;
  background-image: url("../../images/icons/prev.svg");
}
main#main div.changes-area div.section-carousel div.owl-carousel div.owl-nav button.owl-next {
  right: -120px;
  background-image: url("../../images/icons/next.svg");
}
main#main div.changes-area div.section-carousel div.owl-carousel div.owl-dots {
  margin-top: 80px;
  text-align: center;
}
main#main div.changes-area div.section-carousel div.owl-carousel div.owl-dots button {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0px 7px;
}
main#main div.changes-area div.section-carousel div.owl-carousel div.owl-dots button.active {
  background-image: url("../../images/active-dot.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-color: transparent;
}
main#main div.changes-area div.section-carousel div.owl-carousel div.owl-dots button:first-child {
  margin-left: 0;
}
main#main div.changes-area div.section-carousel div.owl-carousel div.owl-dots button:last-child {
  margin-right: 0;
}
main#main div.changes-area div.section-carousel div.owl-carousel div.owl-dots button:before {
  position: absolute;
  content: "";
  top: 6px;
  left: 6px;
  width: 12px;
  height: 12px;
  background-color: rgba(220, 41, 30, 0.12);
  border-radius: 12px;
}
main#main div.changes-area div.section-carousel div.owl-carousel div.item a.video-item {
  display: block;
  border: 1px solid #E0DEDD;
  border-radius: 12px;
  padding: 12px 12px 0px 12px;
}
main#main div.changes-area div.section-carousel div.owl-carousel div.item a.video-item figure.item-image {
  border-radius: 12px;
  margin-bottom: 0;
  position: relative;
}
main#main div.changes-area div.section-carousel div.owl-carousel div.item a.video-item figure.item-image:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../images/play.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 70px;
}
main#main div.changes-area div.section-carousel div.owl-carousel div.item a.video-item figure.item-image img {
  border-radius: 12px;
}
main#main div.changes-area div.section-carousel div.owl-carousel div.item a.video-item div.item-title {
  padding: 30px 12px;
  text-align: center;
  font-family: "Poppins Bold";
  font-size: 20px;
  color: #000;
}
main#main div.appointment-band {
  background: linear-gradient(180deg, rgba(59, 37, 112, 0) 0%, #3B2570 100%), url(<path-to-image>), lightgray 0px -400.331px/100% 302.362% no-repeat;
  background-image: url("../../images/appointment-bg.webp");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 50px 0px;
}
main#main div.appointment-band div.band-area {
  font-size: 0;
  display: grid;
  grid-template-columns: 523px calc(100% - 523px);
  align-items: center;
}
main#main div.appointment-band div.band-area figure.band-image {
  text-align: center;
  position: relative;
  margin-bottom: 0;
}
main#main div.appointment-band div.band-area figure.band-image img {
  max-width: 100%;
  height: auto;
  max-height: 500px;
}
main#main div.appointment-band div.band-area div.form-area {
  padding-left: 140px;
  padding-top: 50px;
  padding-bottom: 50px;
  font-size: 14px;
  color: #fff;
}
main#main div.appointment-band div.band-area div.form-area div.form-title {
  font-family: "Poppins Bold";
  font-size: 36px;
  line-height: 36px;
  color: #fff;
  margin-bottom: 15px;
}
main#main div.appointment-band div.band-area div.form-area div.form-desc {
  font-family: "Poppins Regular";
  font-size: 16px;
  line-height: 28px;
  color: #6D6F70;
  margin-bottom: 40px;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group {
  margin-bottom: 25px;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group:last-child {
  margin-bottom: 0;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group label.error {
  margin-top: 10px;
  font-family: "Gilroy Regular";
  margin-bottom: 0;
  display: block;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group div.form-item.form-item-text {
  height: 54px;
  line-height: 54px;
  border-radius: 12px;
  border: 1px solid rgba(109, 111, 112, 0.24);
  background: rgba(255, 255, 255, 0.06);
  padding: 0px 30px;
  font-size: 0;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group div.form-item.form-item-text div.icon {
  width: 22px;
  display: inline-block;
  vertical-align: middle;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group div.form-item.form-item-text div.icon img {
  max-width: 22px;
  height: auto;
  filter: invert(45%) sepia(14%) saturate(0%) hue-rotate(260deg) brightness(93%) contrast(97%);
}
main#main div.appointment-band div.band-area div.form-area form div.form-group div.form-item.form-item-text input {
  width: calc(100% - 22px);
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  border: none;
  background-color: transparent;
  padding: 0px 15px;
  font-family: "Poppins Regular";
  font-size: 14px;
  color: #fff;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group div.form-item.form-item-text input::placeholder {
  color: #fff;
  opacity: 0.5;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group div.form-item.form-item-text .iti {
  font-family: "Poppins Regular";
  width: calc(100% - 22px);
}
main#main div.appointment-band div.band-area div.form-area form div.form-group div.form-item.form-item-text .iti .iti__selected-flag {
  font-size: 14px;
  background-color: transparent;
  padding-left: 15px;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group div.form-item.form-item-text .iti .iti__country-list {
  font-size: 14px;
  line-height: 14px;
  width: 350px;
  color: #000;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group div.form-item.form-item-text .iti .iti__country-list li {
  padding: 10px;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group div.form-item.form-item-text .iti .iti__country-list li.iti__divider {
  display: none;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group div.form-item.form-item-text .iti input {
  padding-left: 90px !important;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group div.form-item.form-item-check input {
  visibility: hidden;
  width: 0px;
  height: 0px;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group div.form-item.form-item-check input:checked ~ label:after {
  display: block;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group div.form-item.form-item-check input:checked ~ label:before {
  border-color: #fff;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group div.form-item.form-item-check label {
  cursor: pointer;
  margin-bottom: 0;
  font-family: "Poppins Regular";
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group div.form-item.form-item-check label a {
  font-family: "Poppins Bold";
  text-decoration: underline;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group div.form-item.form-item-check label:before {
  position: relative;
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid rgba(109, 111, 112, 0.24);
  background: rgba(255, 255, 255, 0.06);
  display: inline-block;
  vertical-align: middle;
  top: -1px;
  margin-right: 5px;
  border-radius: 4px;
}
main#main div.appointment-band div.band-area div.form-area form div.form-group div.form-item.form-item-check label:after {
  position: absolute;
  content: "";
  top: 7px;
  left: 7px;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 6px;
  display: none;
}
main#main div.appointment-band div.band-area div.form-area form div.form-buttons button {
  display: inline-block;
  vertical-align: middle;
  height: 54px;
  border-radius: 12px;
  background-color: #8856FC;
  min-width: 244px;
  padding: 0px 70px;
  border: none;
  font-family: "Poppins SemiBold";
  font-size: 16px;
  color: #fff;
}
main#main div.gallery-area-2 {
  margin-bottom: 25px;
  text-align: center;
}
main#main div.gallery-area-2 div.section-gallery {
  font-size: 0;
  margin: 0px -12px;
}
main#main div.gallery-area-2 div.section-gallery div.gallery-block {
  padding: 0px 12px;
  margin-bottom: 24px;
  width: 19.9%;
}
main#main div.gallery-area-2 div.section-gallery div.gallery-block.gallery-block-2 div.gallery-item {
  height: 588px;
}
main#main div.gallery-area-2 div.section-gallery div.gallery-block.gallery-block-3 {
  width: 39.8%;
}
main#main div.gallery-area-2 div.section-gallery div.gallery-block div.gallery-item {
  width: 100%;
  height: 282px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 24px;
}
main#main div.gallery-area-2 div.mobile-gallery {
  margin-bottom: 50px;
}
main#main div.gallery-area-2 div.mobile-gallery div.gallery-block div.gallery-item {
  width: 100%;
  height: 200px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 24px;
}
main#main div.faq-area {
  background: rgba(136, 86, 252, 0.04);
  padding-top: 100px;
  padding-bottom: 100px;
}
main#main div.faq-area div.section-body div.section-content {
  width: 100%;
}
main#main div.faq-area div.section-body div.section-content div.accordion {
  font-size: 0;
}
main#main div.faq-area div.section-body div.section-content div.accordion div.card {
  width: calc(50% - 10px);
  display: inline-block;
  vertical-align: top;
  margin-bottom: 12px;
  border: 1px solid rgba(109, 111, 112, 0.25);
  background-color: #fff;
  border-radius: 12px;
}
main#main div.faq-area div.section-body div.section-content div.accordion div.card:nth-child(odd) {
  margin-right: 20px;
}
main#main div.faq-area div.section-body div.section-content div.accordion div.card:last-child {
  margin-bottom: 0;
}
main#main div.faq-area div.section-body div.section-content div.accordion div.card .card-header {
  padding: 0;
  margin: 0;
  border-bottom: none;
  outline: none !important;
  box-shadow: none !important;
}
main#main div.faq-area div.section-body div.section-content div.accordion div.card .card-header button {
  padding: 21px 26.5px;
  background-color: #fff;
  outline: none !important;
  box-shadow: none !important;
  font-size: 0;
}
main#main div.faq-area div.section-body div.section-content div.accordion div.card .card-header button span.text {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 24px);
  font-family: "Poppins Bold";
  font-size: 20px;
  color: #000;
  padding-right: 30px;
}
main#main div.faq-area div.section-body div.section-content div.accordion div.card .card-header button span.icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../../images/icons/plus.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
main#main div.faq-area div.section-body div.section-content div.accordion div.card .card-body {
  padding: 0px 26.5px 23px;
  font-family: "Poppins Regular";
  font-size: 16px;
  line-height: 28px;
  color: #6D6F70;
}
main#main div.faq-area div.section-body div.section-content div.accordion div.card .card-body p:last-child {
  margin-bottom: 0;
}
main#main div.faq-area div.section-body div.section-content div.accordion div.card .card-body div.buttons {
  font-size: 0;
  margin-top: 36px;
}
main#main div.faq-area div.section-body div.section-content div.accordion div.card .card-body div.buttons a.button {
  display: inline-block;
  vertical-align: middle;
  border-radius: 12px;
  text-align: center;
  height: 58px;
  line-height: 58px;
  padding: 0px 30px;
  min-width: 233px;
  font-family: "Poppins SemiBold";
  font-size: 16px;
  color: #fff;
  margin-right: 18px;
}
main#main div.faq-area div.section-body div.section-content div.accordion div.card .card-body div.buttons a.button:last-child {
  margin-right: 0;
}
main#main div.faq-area div.section-body div.section-content div.accordion div.card .card-body div.buttons a.button.whatsapp {
  background-color: #00B1C1;
}
main#main div.faq-area div.section-body div.section-content div.accordion div.card .card-body div.buttons a.button.inspection {
  background-color: #8856FC;
}

/* Single */
/* Vendors */
/* Responsive */
@media (max-width: 1600px) {
  main#main div.prices-area div.price-box div.price-details {
    padding-left: 30px;
    padding-right: 30px;
  }
  main#main div.prices-area div.price-box div.price-bottom {
    padding-right: 30px;
    padding-left: 30px;
  }
  main#main div.prices-area div.price-box div.price-bottom div.real-price {
    width: calc(100% - 200px);
  }
  main#main div.prices-area div.price-box div.price-bottom div.real-price div.price {
    font-size: 42px;
    line-height: 42px;
  }
  main#main div.prices-area div.price-box div.price-bottom div.real-price div.text {
    font-size: 14px;
  }
  main#main div.prices-area div.price-box div.price-bottom .real-button {
    width: 200px;
    padding: 20px 15px;
  }
  main#main div.prices-area div.price-box div.price-bottom .real-button div.text {
    font-size: 14px;
  }
}
@media (max-width: 1300px) {
  header#header div.top-header div.elements div.language {
    margin-left: 20px;
  }
  header#header div.middle-header div.header-elements .logo {
    width: 250px;
    height: 212px;
  }
  header#header div.middle-header div.header-elements .logo img {
    max-height: 100px;
  }
  header#header div.middle-header div.header-elements div.buttons {
    margin-left: 20px;
  }
  header#header div.middle-header div.header-elements div.buttons a.button {
    padding: 0px 40px;
  }
  main#main div.prices-area div.price-box div.price-details div.title {
    font-size: 38px;
  }
  main#main div.clinic-results div.upper-carousel div.owl-carousel div.item div.item-image {
    height: 300px;
  }
  main#main div.video-area div.section-body div.content-socials {
    padding-left: 0;
  }
  main#main div.video-area div.section-body div.content-videos .owl-carousel .owl-nav button.owl-prev {
    left: -100px;
  }
  main#main div.video-area div.section-body div.content-videos .owl-carousel .owl-nav button.owl-next {
    right: -100px;
  }
  main#main div.video-area div.section-body div.content-videos a.video-item {
    width: 100%;
  }
  main#main div.gallery-area div.section-gallery div.gallery-block {
    width: 33.3% !important;
  }
  main#main div.gallery-area div.section-gallery div.gallery-block div.gallery-item {
    width: 100% !important;
    height: 300px !important;
  }
  main#main div.gallery-area-2 div.section-gallery div.gallery-block.gallery-block-2 div.gallery-item {
    height: 524px;
  }
  main#main div.gallery-area-2 div.section-gallery div.gallery-block div.gallery-item {
    height: 250px;
  }
  footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.list div.block {
    display: block;
  }
}
@media (min-width: 1250px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1230px;
  }
}
/* Max Width: 1199px */
@media (max-width: 1199px) {
  div.sticky-buttons {
    display: none;
  }
  header#header div.top-header {
    display: none;
  }
  header#header div.middle-header div.header-elements .logo {
    top: -35px;
    padding-top: 30px;
  }
  header#header div.middle-header div.header-elements div.buttons a.button {
    display: inline-block;
    vertical-align: middle;
  }
  header#header div.middle-header div.header-elements div.buttons a.menu-button {
    padding: 0px 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
  }
  header#header div.middle-header div.header-elements div.buttons a.menu-button img {
    max-width: 25px;
    height: auto;
  }
  header#header div.middle-header div.header-elements nav.menu {
    display: none;
  }
  body.active-menu div#responsive-menu {
    left: 0;
  }
  div#responsive-menu {
    position: fixed;
    top: 0;
    left: -100%;
    font-size: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    transition-duration: 0.5s;
  }
  div#responsive-menu div.menu-area {
    display: inline-block;
    vertical-align: middle;
    width: 300px;
    background-color: #3B2570;
    height: 100%;
    overflow-y: auto;
  }
  div#responsive-menu div.menu-area div.logo {
    padding: 30px 30px 15px 30px;
    text-align: center;
  }
  div#responsive-menu div.menu-area div.logo img {
    max-width: 100%;
    height: auto;
    max-height: 75px;
  }
  div#responsive-menu div.menu-area nav.menu {
    padding: 0px 30px 15px;
  }
  div#responsive-menu div.menu-area nav.menu ul {
    padding: 0;
  }
  div#responsive-menu div.menu-area nav.menu ul li {
    font-size: 16px;
    font-family: "Poppins Regular";
    color: #fff;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  div#responsive-menu div.menu-area nav.menu ul li a {
    display: block;
    padding: 20px 0px;
    position: relative;
  }
  div#responsive-menu div.menu-area nav.menu ul li a:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 8px;
    background-image: url("../../images/icons/go.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    top: calc(50% - 4px);
    right: 0;
  }
  div#responsive-menu div.menu-area div.socials {
    font-size: 0;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px;
  }
  div#responsive-menu div.menu-area div.socials a.button {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    margin-bottom: 10px;
  }
  div#responsive-menu div.menu-area div.socials a.button:last-child {
    margin-right: 0;
  }
  div#responsive-menu div.menu-area div.socials a.button:hover img {
    filter: invert(45%) sepia(32%) saturate(7487%) hue-rotate(237deg) brightness(96%) contrast(106%);
    opacity: 1;
  }
  div#responsive-menu div.menu-area div.socials a.button:last-child {
    margin-right: 0;
  }
  div#responsive-menu div.menu-area div.socials a.button img {
    filter: brightness(0) invert(1);
    opacity: 0.75;
    max-width: 20px;
    height: auto;
    max-height: 20px;
  }
  div#responsive-menu div.menu-area div.buttons {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 15px;
  }
  div#responsive-menu div.menu-area div.buttons a.button {
    display: inline-block;
    vertical-align: middle;
    border-radius: 12px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    padding: 0px 25px;
    min-width: 250px;
    font-family: "Poppins SemiBold";
    font-size: 12px;
    color: #fff;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  div#responsive-menu div.menu-area div.buttons a.button:last-child {
    margin-right: 0;
  }
  div#responsive-menu div.menu-area div.buttons a.button.whatsapp {
    background-color: #00B1C1;
  }
  div#responsive-menu div.menu-area div.buttons a.button.inspection {
    background-color: #8856FC;
  }
  div#responsive-menu div.menu-area div.list {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px;
  }
  div#responsive-menu div.menu-area div.list div.block {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin-bottom: 12px;
    margin-right: 15px;
  }
  div#responsive-menu div.menu-area div.list div.block:hover div.icon img {
    opacity: 1;
    filter: unset;
  }
  div#responsive-menu div.menu-area div.list div.block div.icon {
    width: 16px;
    display: inline-block;
    vertical-align: middle;
  }
  div#responsive-menu div.menu-area div.list div.block div.icon img {
    max-width: 100%;
    height: auto;
    filter: brightness(0) invert(1);
    opacity: 0.75;
  }
  div#responsive-menu div.menu-area div.list div.block div.text {
    max-width: calc(100% - 16px);
    display: inline-block;
    vertical-align: middle;
    font-family: "Poppins Regular";
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    padding-left: 10px;
  }
  div#responsive-menu div.menu-area div.language {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-right: 30px;
    padding-left: 30px;
    width: 100%;
    margin-bottom: 30px;
  }
  div#responsive-menu div.menu-area div.language div.options {
    width: 100%;
  }
  div#responsive-menu div.menu-area div.language div.options a.option {
    display: inline-block;
    font-size: 0;
    text-align: left;
    margin-right: 10px;
  }
  div#responsive-menu div.menu-area div.language div.options a.option:last-child {
    margin-bottom: 0;
  }
  div#responsive-menu div.menu-area div.language div.options a.option div.flag {
    width: 30px;
    display: inline-block;
    vertical-align: middle;
  }
  div#responsive-menu div.menu-area div.language div.options a.option div.flag img {
    max-width: 100%;
    height: auto;
  }
  div#responsive-menu div.menu-area div.language div.options a.option div.name {
    width: calc(100% - 25px);
    display: inline-block;
    vertical-align: middle;
    font-family: "Gilroy Regular";
    font-size: 14px;
    color: #fff;
    padding-left: 10px;
  }
  div#responsive-menu div.menu-close {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 300px);
    height: 100%;
  }
  main#main div#hero-slider div.owl-carousel div.owl-dots {
    display: none;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item {
    background-position: 50% 100%;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item div.slider-details div.slider-sub {
    font-size: 26px;
    margin-bottom: 6px;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item div.slider-details div.slider-title {
    font-size: 48px;
    line-height: 64px;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item div.slider-details div.slider-desc {
    font-size: 16px;
    line-height: 26px;
  }
  main#main div.hero-form {
    background-image: none;
    background-color: #3B2570;
    border-radius: 24px;
    padding: 45px;
    margin-top: -50px;
  }
  main#main div.hero-form div.forms form.main-form div.form-items {
    width: 100%;
  }
  main#main div.hero-form div.forms form.main-form div.form-items div.form-group {
    margin-bottom: 20px;
  }
  main#main div.hero-form div.forms form.main-form div.form-buttons {
    width: 100%;
    padding-top: 10px;
    padding-left: 0;
  }
  main#main div.changes-area div.section-carousel div.owl-carousel div.owl-nav {
    display: none;
  }
  main#main div.video-area ~ div.sub-area div.hero-form {
    margin-top: 0;
  }
  main#main div.stat-band {
    padding: 75px 0px;
  }
  main#main div.stat-band div.stat-listing {
    margin-bottom: -50px;
  }
  main#main div.stat-band div.stat-listing div.listing-block {
    margin-bottom: 50px;
  }
  main#main div.testimonials-area div.testimonials-up div.firms {
    padding-left: 20px;
  }
  main#main div.mag-contents div.section-body {
    grid-template-columns: 450px calc(100% - 450px);
  }
  main#main div.mag-contents div.section-body div.content-boxs div.content-box div.box-content {
    font-size: 14px;
    line-height: 24px;
  }
  main#main div.mag-contents div.section-body div.content-boxs div.content-box div.box-buttons a.button {
    min-width: unset;
    padding: 0px 45px;
    margin-right: 15px;
  }
  main#main div.mag-contents div.section-body div.content-boxs div.content-box div.box-buttons a.button:last-child {
    margin-right: 0;
  }
  main#main div.appointment-band div.band-area {
    grid-template-columns: 50% 50%;
  }
  main#main div.appointment-band div.band-area div.form-area {
    padding-left: 30px;
  }
  main#main div.faq-area div.section-body div.section-content div.accordion div.card {
    width: 100%;
    margin-right: 0 !important;
  }
  main#main div.video-area {
    padding: 100px 0px;
  }
  main#main div.video-area div.section-body div.content-area {
    width: 100%;
    text-align: center;
  }
  main#main div.video-area div.section-body div.content-videos {
    padding-left: 0;
    width: 100%;
    margin-top: 30px;
    max-width: 500px;
    left: calc(50% - 250px);
  }
  main#main div.video-area div.section-body div.content-videos:before {
    display: none;
  }
  main#main div.video-area div.section-body div.content-socials {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  main#main div.video-area ~ div.sub-area {
    padding-top: 50px;
  }
  main#main div.before-after-area {
    margin-bottom: 100px;
  }
  main#main div.faq-area div.section-body {
    grid-template-columns: 350px calc(100% - 350px);
  }
  footer#footer div.top-footer div.upper-footer div.firms {
    margin-bottom: 50px;
    text-align: center;
  }
  footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about {
    text-align: center;
  }
  footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.logo {
    margin: 0 auto;
    margin-bottom: 30px;
  }
  footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.desc {
    max-width: 100%;
    margin-bottom: 30px;
  }
  a.footer-band div.text {
    width: 100%;
  }
  a.footer-band div.button {
    margin-left: 0;
    margin-top: 20px;
  }
}
/* Min Width: 1200px */
@media (min-width: 1200px) {
  main#main div.appointment-band div.band-area figure.band-image {
    max-width: 600px;
  }
  div#responsive-menu {
    display: none;
  }
  header#header div.middle-header div.header-elements nav.menu {
    display: inline-block !important;
  }
  header#header div.middle-header div.header-elements div.buttons a.button.menu-button {
    display: none;
  }
}
/* Max Width: 991px */
@media (max-width: 991px) {
  header#header div.middle-header div.header-elements .logo {
    width: 200px;
    height: 170px;
  }
  header#header div.middle-header div.header-elements .logo img {
    max-height: 75px;
  }
  header#header div.middle-header div.header-elements nav.menu {
    width: calc(100% - 225px);
  }
  header#header div.middle-header div.header-elements div.buttons a.button {
    width: 55px !important;
    padding: 0 !important;
    text-align: center;
    font-size: 14px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
  }
  header#header div.middle-header div.header-elements div.buttons a.button.whatsapp-button {
    background-color: #00B1C1;
  }
  header#header div.middle-header div.header-elements div.buttons a.button img {
    filter: brightness(0) invert(1);
  }
  header#header div.middle-header div.header-elements div.buttons a.button.inspection {
    display: none;
  }
  header#header div.middle-header div.header-elements div.buttons a.menu-button {
    margin-left: 10px;
  }
  main#main {
    /* div.stat-band
    * div.stat-listing
    *  div.listing-block
    *    div.listing-item
    *      text-align: center
    *      div.icon
    *        margin-bottom: 30px
    *      div.content
    *        width: 100%
    *        padding-left: 0
    * */
    /* div.changes-area
    * padding: 75px 0px
    * div.section-carousel
    *  div.owl-carousel
    *    div.owl-dots
    *      margin-top: 50px */
    /* div.gallery-area
    * margin-bottom: 50px
    * div.section-gallery
    *  div.gallery-block
    *    width: 50% !important */
  }
  main#main div#hero-slider div.owl-carousel div.slider-item {
    background-image: none !important;
    background-color: #282828;
    padding-bottom: 75px;
    padding-top: 225px;
    position: relative;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item .row {
    position: static;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item .col-lg-5 {
    position: static;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item figure.slider-image {
    width: 136px;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item figure.slider-image img {
    max-width: 100%;
    height: auto;
    width: unset;
    display: unset;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item div.slider-details {
    width: calc(100% - 136px);
    margin-bottom: 0;
    text-align: left;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item div.slider-details div.slider-sub {
    color: #8856FC;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item div.slider-details div.slider-title {
    font-size: 38px;
    line-height: 48px;
    color: #fff;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item div.slider-details div.slider-desc {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
  }
  main#main div.hero-form {
    margin-bottom: 50px;
  }
  main#main div.hero-services {
    margin-bottom: 75px;
  }
  main#main div.prices-area div.price-box div.price-head div.head-before {
    height: 110px;
    border-radius: 0px 0px 300px 300px;
  }
  main#main div.testimonials-area div.section-header {
    margin-bottom: 30px;
  }
  main#main div.testimonials-area div.testimonials-up {
    margin-bottom: 0;
  }
  main#main div.testimonials-area div.testimonials-up div.title {
    width: 100%;
    padding-left: 0;
    text-align: center;
    margin-bottom: 40px;
  }
  main#main div.testimonials-area div.testimonials-up div.firms {
    width: 100%;
  }
  main#main div.testimonials-area div.testimonials-up div.firms div.firm-block {
    margin-bottom: 40px;
  }
  main#main div.clinic-results {
    padding-top: 50px;
  }
  main#main div.clinic-results ul li button {
    font-size: 26px;
  }
  main#main div.contact-band {
    padding: 50px 0px;
  }
  main#main div.contact-band figure.band-image {
    display: none;
  }
  main#main div.contact-band div.band-content {
    padding-left: 0;
    padding-bottom: 0;
  }
  main#main div.stats-area-2 {
    padding: 45px 40px;
  }
  main#main div.mag-contents {
    padding: 75px 0px;
  }
  main#main div.mag-contents div.section-body {
    display: block;
  }
  main#main div.mag-contents div.section-body div.image-boxs div.box div.title {
    width: 100%;
  }
  main#main div.mag-contents div.section-body div.content-boxs {
    padding-left: 0;
    padding-top: 45px;
  }
  main#main div.mag-contents div.section-body div.content-boxs div.content-box {
    text-align: center;
  }
  main#main div.proccess-area div.area-listing div.listing-block div.listing-item div.icon {
    width: 125px;
    height: 125px;
  }
  main#main div.proccess-area div.area-listing div.listing-block div.listing-item div.icon img {
    max-width: 60px;
    max-height: 50px;
  }
  main#main div.video-area {
    padding: 75px 0px 30px;
  }
  main#main div.video-area div.section-list div.list-block {
    margin-bottom: 45px;
  }
  main#main div.video-area div.section-list div.list-block div.list-item {
    padding: 0;
  }
  main#main div.video-area div.section-list div.list-block div.list-item:hover {
    background-color: transparent;
  }
  main#main div.video-area ~ div.sub-area {
    padding-top: 75px;
  }
  main#main div.appointment-band {
    padding: 50px 0px;
    margin-top: 0;
    text-align: center;
  }
  main#main div.appointment-band div.band-area {
    display: block;
  }
  main#main div.appointment-band div.band-area figure.band-image {
    display: none;
  }
  main#main div.appointment-band div.band-area div.form-area {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
  }
  main#main div.faq-area {
    padding-top: 75px;
    padding-bottom: 50px;
  }
  main#main div.faq-area div.section-body {
    display: block;
  }
  main#main div.faq-area div.section-body figure.section-image {
    display: none;
  }
  main#main div.faq-area div.section-body div.section-content {
    padding-left: 0;
  }
  main#main div.hair-analyze div.form-steps div.steps-area div.step-block div.step-item div.head {
    display: none;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons button {
    width: 100%;
    padding: 0px 20px !important;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons .button {
    margin-right: 0;
    min-width: unset;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons .button:first-child {
    margin-right: 20px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons .back {
    width: calc(50% - 10px);
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons .forward, main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons .modal-b {
    width: calc(50% - 10px);
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.md-area div.md-block div.content textarea {
    font-size: 16px;
  }
  footer#footer div.top-footer div.upper-footer div.footer-block {
    text-align: center;
  }
  footer#footer div.top-footer div.upper-footer div.footer-block div.footer-title:before {
    left: calc(50% - 24px);
  }
  footer#footer div.top-footer div.lower-footer div.footer-socials {
    text-align: center;
    margin-bottom: 20px;
  }
  footer#footer div.top-footer div.lower-footer nav.menu ul {
    text-align: center;
  }
  footer#footer div.top-footer div.lower-footer nav.menu ul li {
    margin: 0px 20px;
  }
}
/* Min Width: 992px */
/* Max Width: 767px */
@media (max-width: 767px) {
  main#main div.mag-contents div.section-body div.content-boxs div.content-box ul.box-list {
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    overflow: scroll;
    flex-wrap: unset;
  }
  main#main div.mag-contents div.section-body div.content-boxs div.content-box ul.box-list li {
    width: auto;
    flex-shrink: 0;
    flex-basis: unset;
  }
  main#main div.mag-contents div.section-body div.image-boxs div.box {
    height: 60px;
  }
  main#main div.mag-contents div.section-body div.image-boxs div.box div.title {
    font-size: 17px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
  }
  main#main div.mag-contents div.section-body div.image-boxs div.box.active {
    height: 180px;
  }
  main#main div.mag-contents div.section-body div.image-boxs div.box.active div.title {
    font-size: 22px;
    overflow: unset;
    white-space: unset;
    text-overflow: unset;
  }
  main#main div.gallery-area-2 div.section-gallery div.gallery-block {
    width: 49.9%;
  }
  main#main div.gallery-area-2 div.section-gallery div.gallery-block:nth-last-child(-n+5) {
    display: none;
  }
  main#main div.section-header div.section-title-2 {
    margin-right: 0;
  }
  main#main div.section-header div.section-title-2 div.image {
    margin-bottom: 15px;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item {
    padding-top: 200px;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item div.slider-details {
    padding-right: 30px;
  }
  main#main div.gallery-area div.section-gallery div.gallery-block div.gallery-item {
    height: 200px !important;
  }
  main#main div.contact-band {
    padding-left: 15px;
    padding-right: 15px;
  }
  main#main div.contact-band div.band-content div.content-area {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  main#main div.contact-band div.band-content div.buttons-area {
    width: 100%;
    text-align: center;
  }
  main#main div.contact-band div.band-content div.buttons-area a.button {
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0;
    min-width: unset;
  }
  main#main div.contact-band div.band-content div.buttons-area a.button:first-child {
    margin-left: 0 !important;
  }
  main#main div.contact-band div.band-content div.buttons-area a.button:last-child {
    margin-right: 0 !important;
  }
  main#main div.video-area div.section-body div.content-videos .owl-carousel .owl-nav button {
    display: none;
  }
  main#main div.proccess-area {
    background-position: 50% 45%;
  }
  main#main div.faq-area div.section-body div.section-content div.accordion div.card .card-body div.buttons a.button {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  main#main div.faq-area div.section-body div.section-content div.accordion div.card .card-body div.buttons a.button:last-child {
    margin-bottom: 0;
  }
  main#main div.hair-analyze div.form-steps div.steps-area {
    margin: 0px -10px;
  }
  main#main div.hair-analyze div.form-steps div.steps-area div.step-block {
    padding: 0px 10px;
  }
  main#main div.hair-analyze div.form-steps div.steps-area div.step-block div.step-item div.head {
    display: none;
  }
  footer#footer div.top-footer div.upper-footer div.firms {
    margin-bottom: 25px;
  }
  footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.desc {
    font-size: 14px;
    line-height: 24px;
  }
  footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.list div.block div.text {
    font-size: 14px;
  }
  footer#footer div.top-footer div.upper-footer div.footer-block div.footer-title {
    font-size: 22px;
  }
  footer#footer div.top-footer div.upper-footer div.footer-block nav.menu ul li {
    font-size: 14px;
    margin-bottom: 20px;
  }
  footer#footer div.bottom-footer div.trustable-items {
    margin-bottom: -30px;
  }
  footer#footer div.bottom-footer div.trustable-items div.section-listing div.listing-block {
    margin-bottom: 30px;
    text-align: center;
  }
  footer#footer div.bottom-footer div.trustable-items div.section-listing div.listing-block div.listing-item img {
    max-width: 100px;
    height: auto;
  }
  footer#footer div.bottom-footer div.copyright {
    text-align: center;
  }
  footer#footer div.bottom-footer div.designed {
    text-align: center;
    margin-top: 25px;
  }
}
/* Min Width: 768px */
@media (min-width: 768px) and (max-width: 991px) {
  main#main div.gallery-area-2 div.section-gallery div.gallery-block {
    width: 24.9%;
  }
  main#main div.gallery-area-2 div.section-gallery div.gallery-block.gallery-block-2 div.gallery-item {
    height: 374px;
  }
  main#main div.gallery-area-2 div.section-gallery div.gallery-block.gallery-block-3 {
    display: none;
  }
  main#main div.gallery-area-2 div.section-gallery div.gallery-block div.gallery-item {
    height: 175px;
  }
}
/* Max Width: 575px */
@media (max-width: 575px) {
  div#responsive-menu div.menu-area nav.menu ul li {
    font-size: 14px;
  }
  div#responsive-menu div.menu-area nav.menu ul li a {
    padding: 12.5px 0px;
  }
  .modal {
    padding: 10px;
  }
  .modal.contact-modal .modal-dialog .modal-content {
    border-radius: 14px;
  }
  .modal.contact-modal .modal-dialog .modal-content .modal-body {
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .modal.contact-modal .modal-dialog .modal-content .modal-body .form-head .form-title {
    font-size: 28px;
    line-height: 30px;
  }
  .modal.contact-modal .modal-dialog .modal-content .modal-body .form-head .form-desc {
    font-size: 14px;
    line-height: 24px;
  }
  .modal.contact-modal .modal-dialog .modal-content .modal-body form div.form-group div.form-item.form-item-text {
    padding-left: 15px;
    padding-right: 15px;
  }
  .modal.result-modal .modal-dialog .modal-content .modal-body {
    padding: 50px 25px;
  }
  .modal.result-modal .modal-dialog .modal-content .modal-body .result-area .result-image {
    max-width: 175px;
    margin-bottom: 30px;
  }
  .modal.result-modal .modal-dialog .modal-content .modal-body .result-area .result-title {
    font-size: 28px;
    line-height: 34px;
  }
  header#header div.middle-header {
    padding-right: 15px;
  }
  header#header div.middle-header div.header-elements .logo {
    top: -31px;
    left: 30px;
    width: 175px;
    height: 149px;
  }
  header#header div.middle-header div.header-elements .logo img {
    max-height: 65px;
  }
  header#header div.middle-header div.header-elements nav.menu {
    width: calc(100% - 45px) !important;
    top: 135px;
  }
  main#main div.hero-form div.forms .form-title {
    font-size: 20px;
  }
  main#main div#hero-slider div.owl-carousel .owl-item.active div.slider-details {
    opacity: 1 !important;
    left: -25px;
    position: relative;
    width: calc(100% + 50px);
  }
  main#main div#hero-slider div.owl-carousel div.slider-item {
    padding-top: 175px;
    padding-bottom: 75px;
    padding-left: 0;
    padding-right: 0;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item .row > .col-12 {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item .row > .col-12 figure.slider-image {
    order: 1;
    flex: 0 0 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item .row > .col-12 figure.slider-image img {
    width: 100%;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item .row > .col-12 div.slider-details {
    order: 2;
    flex: 0 0 100%;
    padding-right: 0;
    opacity: 0;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item .row > .col-12 div.slider-details div.slider-title br {
    display: none;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item div.slider-details div.slider-sub {
    font-size: 14px;
  }
  main#main div#hero-slider div.owl-carousel div.slider-item div.slider-details div.slider-title {
    font-size: 24px;
    line-height: 34px;
  }
  main#main div.section-header {
    margin-bottom: 25px;
  }
  main#main div.section-header div.section-title {
    font-size: 28px;
  }
  main#main div.hero-form {
    margin-bottom: 50px;
    padding: 20px;
    border-radius: 12px;
  }
  main#main div.hero-services {
    margin-bottom: 0;
    margin: 0px -45px;
  }
  main#main div.hero-services div.service-listing {
    margin-bottom: 25px;
  }
  main#main div.hero-services div.service-listing div.owl-carousel div.item a.service-item div.item-title {
    font-size: 20px;
  }
  main#main div.hero-services div.service-details {
    padding-left: 0;
    padding-right: 0;
  }
  main#main div.hero-services div.service-details div.details-desc {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
  }
  main#main div.hero-services div.service-details div.details-buttons a.button {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 15px;
  }
  main#main div.hero-services div.service-details div.details-buttons a.button:last-child {
    margin-bottom: 0;
  }
  main#main div.stats-area-2 {
    padding: 30px 15px;
  }
  main#main div.stats-area-2 div.stat-item div.details div.title {
    font-size: 14px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms {
    padding: 30px 15px 30px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-content.form-content-2 div.logo {
    height: 75px;
    margin-bottom: 15px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-content.form-content-2 div.logo img {
    max-height: 75px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-content.form-content-2 div.title {
    font-size: 24px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-content.form-content-2 div.desc {
    font-size: 14px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-content.form-content-2 div.desc p {
    margin-bottom: 15px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block .row {
    margin: 0px -7.5px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div[class^=col] {
    padding: 0px 7.5px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons .button {
    padding: 0px 15px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons .button.modal-b {
    padding: 0px 10px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-buttons .button.modal-b span.text {
    font-size: 14px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.form-group div.form-item.form-item-radio div.radio div.option div.text {
    font-size: 13px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.md-area div.md-block {
    margin-top: 40px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.md-area div.md-block:first-child {
    margin-top: 50px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.md-area div.md-block div.icon {
    width: 140px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.md-area div.md-block div.icon img {
    max-height: 140px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.md-area div.md-block div.content {
    width: calc(100% - 165px);
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.md-area div.md-block div.content textarea {
    font-size: 14px;
  }
  main#main div.clinic-results {
    padding-top: 30px;
  }
  main#main div.clinic-results ul {
    margin-bottom: 30px !important;
  }
  main#main div.clinic-results ul li button {
    font-size: 20px;
  }
  main#main div.clinic-results div.upper-carousel div.owl-carousel div.item div.item-image {
    height: 200px;
  }
  main#main div.clinic-results div.lower-carousel div.owl-carousel div.item div.item-image {
    height: 125px;
  }
  main#main div.stat-band div.stat-listing div.listing-block div.listing-item div.content div.count {
    font-size: 48px;
    line-height: 48px;
  }
  main#main div.mag-contents {
    padding: 50px 15px;
  }
  main#main div.mag-contents div.section-body div.image-boxs div.box {
    border-radius: 14px;
  }
  main#main div.mag-contents div.section-body div.image-boxs div.box:before {
    border-radius: 8px;
  }
  main#main div.mag-contents div.section-body div.content-boxs div.content-box div.box-buttons {
    margin-top: 15px;
  }
  main#main div.mag-contents div.section-body div.content-boxs div.content-box div.box-buttons a.button {
    width: 100%;
    margin-bottom: 15px;
  }
  main#main div.mag-contents div.section-body div.content-boxs div.content-box div.box-buttons a.button:last-child {
    margin-bottom: 0;
  }
  main#main div.sub-area {
    padding-left: 15px;
    padding-right: 15px;
  }
  main#main div.before-after-area {
    margin-bottom: 50px;
  }
  main#main div.changes-area {
    padding: 50px 0px 30px;
  }
  main#main div.changes-area div.section-carousel div.owl-carousel div.owl-dots {
    margin-top: 30px;
  }
  main#main div.video-area {
    padding: 50px 15px;
  }
  main#main div.video-area div.section-body div.content-area div.area-title {
    font-size: 28px;
  }
  main#main div.video-area div.section-body div.content-area div.area-desc {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
  }
  main#main div.video-area div.section-body div.content-area div.area-button a.button span.text {
    font-size: 18px;
  }
  main#main div.video-area div.section-body div.content-area div.area-button a.button span.icon {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
  }
  main#main div.video-area div.section-body div.content-area div.area-button a.button span.icon img {
    max-width: 100%;
    height: auto;
  }
  main#main div.video-area div.section-body div.content-videos {
    width: 100%;
    left: unset;
  }
  main#main div.video-area div.section-body div.content-videos a.video-item {
    height: 300px;
  }
  main#main div.video-area div.section-list {
    margin-top: 20px;
  }
  main#main div.video-area div.section-list div.list-block:last-child {
    margin-bottom: 0;
  }
  main#main div.video-area ~ div.sub-area {
    padding-top: 50px;
  }
  main#main div.proccess-area {
    padding: 45px 0px;
    background-position: 50% 40%;
  }
  main#main div.contact-band div.band-content div.content-area div.area-title {
    font-size: 28px;
  }
  main#main div.contact-band div.band-content div.content-area div.area-sub {
    font-size: 20px;
  }
  main#main div.appointment-band {
    padding: 50px 15px;
    margin-top: 15px;
  }
  main#main div.appointment-band div.band-area div.form-area div.form-title {
    font-size: 28px;
    line-height: 28px;
  }
  main#main div.appointment-band div.band-area div.form-area div.form-desc {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  main#main div.gallery-area div.section-gallery div.gallery-block {
    width: 100% !important;
  }
  main#main div.gallery-area div.section-gallery div.gallery-block:last-child {
    margin-bottom: 0;
  }
  main#main div.testimonials-area div.testimonials-down {
    margin-bottom: 30px;
  }
  main#main div.testimonials-area div.testimonials-up div.title {
    font-size: 28px;
  }
  main#main div.faq-area {
    padding-top: 50px 15px;
  }
  main#main div.faq-area div.section-body div.section-content div.accordion div.card .card-header button span.text {
    font-size: 18px;
  }
  a.footer-band {
    padding-left: 5px;
    padding-right: 5px;
  }
  a.footer-band div.text {
    font-size: 28px;
  }
  footer#footer div.top-footer {
    padding-top: 50px;
    margin-left: 15px;
    margin-right: 15px;
  }
  footer#footer div.top-footer div.upper-footer div.firms {
    margin-bottom: 0;
  }
  footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.buttons a.button {
    width: 100%;
    margin-bottom: 15px;
  }
  footer#footer div.top-footer div.upper-footer div.footer-block div.footer-about div.buttons a.button:last-child {
    margin-bottom: 0;
  }
  footer#footer div.bottom-footer {
    padding-left: 15px;
    padding-right: 15px;
  }
  footer#footer div.bottom-footer div.trustable-items {
    margin-bottom: -15px;
  }
  footer#footer div.bottom-footer div.trustable-items div.section-header {
    margin-bottom: 25px;
  }
  footer#footer div.bottom-footer div.trustable-items div.section-header div.section-title {
    font-size: 28px;
  }
  footer#footer div.bottom-footer div.trustable-items div.section-listing div.listing-block {
    margin-bottom: 15px;
  }
  footer#footer div.bottom-footer div.trustable-items div.section-listing div.listing-block div.listing-item img {
    max-width: 75px;
    height: auto;
  }
}
/* Min Width: 576px */
/* Max Width: 480px */
@media (max-width: 480px) {
  .modal.result-modal .modal-dialog .modal-content .modal-body .result-area .result-title {
    font-size: 24px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.gender-choices label div.radio {
    height: 200px;
  }
  main#main div.hair-analyze div.form-steps div.step-forms div.step-block div.gender-choices label div.radio div.image {
    width: 120px;
  }
  main#main div.prices-area div.price-box div.price-bottom div.real-price {
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
  }
  main#main div.prices-area div.price-box div.price-bottom .real-button {
    width: 100%;
  }
  main#main div.gallery-area-2 div.section-gallery {
    margin: 0px -6px;
  }
  main#main div.gallery-area-2 div.section-gallery div.gallery-block {
    margin-bottom: 12px;
    padding: 0px 6px;
  }
  main#main div.gallery-area-2 div.section-gallery div.gallery-block.gallery-block-2 div.gallery-item {
    height: 462px;
  }
  main#main div.gallery-area-2 div.section-gallery div.gallery-block div.gallery-item {
    height: 225px;
  }
  main#main div.contact-band div.band-content div.buttons-area a.button {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
  }
  main#main div.contact-band div.band-content div.buttons-area a.button:last-child {
    margin-bottom: 0;
  }
  header#header div.middle-header div.header-elements .logo {
    top: -35px;
  }
  header#header div.middle-header div.header-elements div.buttons a.button {
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    margin-left: 7.5px !important;
  }
}
/* Max Width: 480px */
@media (max-width: 420px) {
  main#main div#hero-slider div.owl-carousel .owl-item.active div.slider-details {
    left: 0;
    width: 100%;
  }
  main#main div.gallery-area-2 div.section-gallery div.gallery-block.gallery-block-2 div.gallery-item {
    height: 412px;
  }
  main#main div.gallery-area-2 div.section-gallery div.gallery-block div.gallery-item {
    height: 200px;
  }
  header#header div.middle-header div.header-elements div.buttons a.button.whatsapp-button {
    display: none;
  }
}

/*# sourceMappingURL=main.css.map */