/*
Template Name: Estenext
Author: Venore Creative Worldwide
Email: info@venorecreative.com
File: style.css
*/

/* IMPORT CSS */
@import url(fonts.css);
@import url(normalize.css);
@import url(responsive.css);
/* IMPORT CSS */

/* CONFIGRATION */
:root {
   --font-text-family: "Montserrat", sans-serif;
   --font-text-weight: normal;
   --font-text-size-xs: 12px;
   --font-text-size-sm: 14px;
   --font-text-size-md: 16px;
   --font-text-size-lg: 20px;
   --font-text-size-xl: 24px;
   --font-text-size-xxl: 30px;
   --font-text-size-xxxl: 40px;
   --font-text-line-height: 1.4;

   --body-bg: #ffffff;
   --body-header-top-bg: #fdf5f8;
   --body-footer-bottom-bg: #2b2230;
   --text-color: #222222;
   --black-color: #222222;
   --dark-gray-color: #2b2230;
   --gray-color: #1f2540;
   --light-gray-color: #faf0f4;
   --light-gray-color2: #eaecee;
   --blue-color: #8b1538;
   --blue-to-light-blue-color: #a91d3a;
   --blue-to-white-color: #8b1538;
   --white-color: #ffffff;
   --white-to-gray-color: #ffffff;
   --white-to-dark-gray-color: #ffffff;
   --white-to-transparent: #ffffff;
   --light-gray-to-blue-color: #f4e6e8;
   --light-gray-to-gray-color: #f4e6e8;
   --light-gray-to-dark-gray: #8d9093;
   --page-nav-pill-gray: #f4e6e8;
   --gray-to-dark-gray-color: #fdf5f8;
   --gray-to-light-gray-color: #fdf5f8;
   --gray-to-dark-blue-color: #2b2230;
   --gray-to-gray-color: #fdf5f8;
   --light-gray-to-white-color: #969696;
   --orange-color: #ffcb00;
   --red-color: #c92a4a;
   --brown-color: #2b2230;
   --brown-to-white-color: #2b2230;
   --green-color: #00825a;
   --green-color-bg: rgb(0 130 90 / 10%);
   --red-color-bg: rgb(139 21 56 / 10%);
   --box-color: #ffffff;
   --label-color: #727272;
   --border-color-light: #f4e6e8;
   --border-color-dark: #e8cdd5;

   --scrollbar-bg: #f8f8f8;
   --scrollbar-thumb: #2b2230;

   --border-radius-xs: 5px;
   --border-radius-sm: 10px;
   --border-radius-md: 15px;
   --border-radius-lg: 20px;
   --border-radius-xl: 25px;

   --header-search-icon: #b48691;
   --header-search-placeholder: #b48691;

   --box-shadow-other-xxs: rgb(43 34 48 / 5%) 0px 0px 20px;
   --box-shadow-other-xs: rgba(139, 21, 56, 0.2) 0px 8px 24px;
   --box-shadow-other-sm: rgba(139, 21, 56, 0.2) 0px 7px 29px 0px;
   --box-shadow-other-md: rgba(139, 21, 56, 0.2) 0px 18px 50px -10px;
   --box-shadow-other-lg: rgba(139, 21, 56, 0.12) 0px 2px 4px 0px, rgba(139, 21, 56, 0.32) 0px 2px 16px 0px;

   --tab-pills-active-color: #8b1538;
   --tab-pills-color: #fdf5f8;
   --tab-pills-color-dark: #f4e6e8;

   --compare-bg: #fdf5f8;
   --parite-val-white-bg: #ffffff;

   --filter-main-image: none;

   --chart-area-bg: #a91d3a;
   --chart-bar-bg: rgb(169 29 58 / 75%);
   --dark-gray-to-light-gray-color3: #f4e6e8;
}

.dark-theme {
   --font-text-family: "Montserrat", sans-serif;
   --font-text-weight: normal;
   --font-text-size-xs: 12px;
   --font-text-size-sm: 14px;
   --font-text-size-md: 16px;
   --font-text-size-lg: 20px;
   --font-text-size-xl: 24px;
   --font-text-size-xxl: 30px;
   --font-text-title-line-height: 1.6;
   --font-text-line-height: 1.4;

   --body-bg: #1c1c1c;
   --body-header-top-bg: #4d3944;
   --body-footer-bottom-bg: #1a0f19;
   --text-color: #ffffff;
   --black-color: #2b2230;
   --dark-gray-color: #3b3b3b;
   --light-gray-color: #444;
   --gray-color: #ffffff;
   --blue-color: #a91d3a;
   --blue-to-light-blue-color: #c92a4a;
   --blue-to-white-color: #ffffff;
   --white-color: #ffffff;
   --white-to-gray-color: #ffffff;
   --white-to-dark-gray-color: #2a2a2a;
   --white-to-transparent: transparent;
   --light-gray-to-blue-color: #8b1538;
   --light-gray-to-gray-color: #4d3944;
   --light-gray-to-dark-gray: #a2a2a2;
   --page-nav-pill-gray: #4d3944;
   --gray-to-dark-gray-color: #2b2230;
   --gray-to-light-gray-color: #fad3e1;
   --gray-to-dark-blue-color: #1a0f19;
   --gray-to-gray-color: #4d3944;
   --light-gray-to-white-color: #fff;
   --orange-color: #ffcb00;
   --red-color: #ff3b3b;
   --brown-color: #2b2230;
   --brown-to-white-color: #ffffff;
   --green-color: #05c270;
   --green-color-bg: rgb(0 130 90 / 20%);
   --red-color-bg: rgb(139 21 56 / 20%);
   --box-color: #4d3944;
   --label-color: #84566a;
   --border-color-light: #d3c2c6;
   --border-color-dark: #84404f;

   --scrollbar-bg: var(--text-color);
   --scrollbar-thumb: #2b2230;

   --border-radius-xs: 5px;
   --border-radius-sm: 10px;
   --border-radius-md: 15px;
   --border-radius-lg: 20px;
   --border-radius-xl: 25px;

   --header-search-icon: #b48691;
   --header-search-placeholder: #b48691;

   --box-shadow-other-xxs: rgb(139 21 56 / 5%) 0px 0px 20px;
   --box-shadow-other-xs: rgba(139, 21, 56, 0.2) 0px 8px 24px;
   --box-shadow-other-sm: rgba(139, 21, 56, 0.2) 0px 7px 29px 0px;
   --box-shadow-other-md: rgba(139, 21, 56, 0.2) 0px 18px 50px -10px;
   --box-shadow-other-lg: rgba(139, 21, 56, 0.12) 0px 2px 4px 0px, rgba(139, 21, 56, 0.32) 0px 2px 16px 0px;

   --tab-pills-active-color: #fad3e1;
   --tab-pills-color: #5a4c58;
   --tab-pills-color-dark: #5a4c58;

   --compare-bg: #4d3944;
   --parite-val-white-bg: #5a4c58;

   --filter-main-image: contrast(1) brightness(0.35);

   --chart-area-bg: #c92a4a;
   --chart-bar-bg: rgb(250 211 225 / 75%);
   --dark-gray-to-light-gray-color3: #5a4848;
}
/* CONFIGRATION */

/* OTHER COMPONENT */
::-webkit-scrollbar {
   width: 5px;
   height: 4px;
}
::-webkit-scrollbar-thumb {
   background: var(--scrollbar-thumb);
}
::-webkit-scrollbar-track {
   background: var(--scrollbar-bg);
}
* {
   margin: 0;
   padding: 0;
   font-family: inherit;
   outline: none !important;
   list-style: none !important;
}
*:after,
*:before {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
}
html,
body {
   -webkit-font-smoothing: antialiased;
   -moz-font-smoothing: antialiased;
   -o-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-smooth: antialiased;
   scroll-behavior: smooth;
   overflow-x: hidden;
   transition: background-color 0.5s, color 0.5s;
}
body {
   background-color: var(--body-bg) !important;
   color: var(--text-color) !important;
   font-family: var(--font-text-family) !important;
   font-size: var(--font-text-size-sm) !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   font-size: var(--font-text-size-lg);
   color: var(--text-color);
   font-family: var(--font-text-family) !important;
   font-weight: bold;
   margin-bottom: 0px;
   line-height: var(--font-text-title-line-height);
}
p {
   color: var(--text-color);
   line-height: var(--font-text-line-height);
   margin-bottom: 0px;
}
a {
   color: var(--text-color);
   text-decoration: none !important;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   outline: none !important;
   box-shadow: none !important;
}
a:hover {
   color: var(--text-color);
   text-decoration: none !important;
   transition: all 0.3s ease-in-out;
}
a:focus {
   outline: none !important;
   box-shadow: none !important;
}
img {
   max-width: 100%;
}
button {
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   outline: none !important;
}
ul,
li,
ol {
   margin: 0;
   padding: 0;
}
fieldset {
   border: 0 none;
   margin: 0 auto;
   padding: 0;
}
label {
   color: var(--text-color);
}
input:focus,
textarea:focus {
   outline: none !important;
   box-shadow: none !important;
}
.fs-4 {
   font-size: 4px !important;
}
.fs-5 {
   font-size: 5px !important;
}
.fs-6 {
   font-size: 6px !important;
}
.fs-7 {
   font-size: 7px !important;
}
.fs-8 {
   font-size: 8px !important;
}
.fs-9 {
   font-size: 9px !important;
}
.fs-10 {
   font-size: 10px !important;
}
.fs-11 {
   font-size: 11px !important;
}
.fs-12 {
   font-size: 12px !important;
}
.fs-13 {
   font-size: 13px !important;
}
.fs-14 {
   font-size: 14px !important;
}
.fs-15 {
   font-size: 15px !important;
}
.fs-16 {
   font-size: 16px !important;
}
.fs-17 {
   font-size: 17px !important;
}
.fs-18 {
   font-size: 18px !important;
}
.fs-19 {
   font-size: 19px !important;
}
.fs-20 {
   font-size: 20px !important;
}
.fs-21 {
   font-size: 21px !important;
}
.fs-22 {
   font-size: 22px !important;
}
.fs-23 {
   font-size: 23px !important;
}
.fs-24 {
   font-size: 24px !important;
}
.fs-25 {
   font-size: 25px !important;
}
.fs-26 {
   font-size: 26px !important;
}
.fs-27 {
   font-size: 27px !important;
}
.fs-28 {
   font-size: 28px !important;
}
.fs-29 {
   font-size: 29px !important;
}
.fs-30 {
   font-size: 30px !important;
}
.fs-31 {
   font-size: 31px !important;
}
.fs-32 {
   font-size: 32px !important;
}
.fs-33 {
   font-size: 33px !important;
}
.fs-34 {
   font-size: 34px !important;
}
.fs-35 {
   font-size: 35px !important;
}
.fs-36 {
   font-size: 36px !important;
}
.fs-37 {
   font-size: 37px !important;
}
.fs-38 {
   font-size: 38px !important;
}
.fs-39 {
   font-size: 39px !important;
}
.fs-40 {
   font-size: 40px !important;
}
.fw-100 {
   font-weight: 100 !important;
}
.fw-200 {
   font-weight: 200 !important;
}
.fw-300 {
   font-weight: 300 !important;
}
.fw-400 {
   font-weight: 400 !important;
}
.fw-500 {
   font-weight: 500 !important;
}
.fw-600 {
   font-weight: 600 !important;
}
.fw-700 {
   font-weight: 700 !important;
}
.fw-800 {
   font-weight: 800 !important;
}
.fw-900 {
   font-weight: 900 !important;
}
.fw-normal {
   font-weight: normal !important;
}
.fw-bold {
   font-weight: bold !important;
}
.text-height-reset {
   line-height: 1 !important;
}
.text-height-0 {
   line-height: 1.2 !important;
}
.text-height-1 {
   line-height: 1.5 !important;
}
.text-height-2 {
   line-height: 2 !important;
}
.text-height-3 {
   line-height: 2.5 !important;
}
.text-height-4 {
   line-height: 3 !important;
}
.text-height-5 {
   line-height: 3.5 !important;
}
.text-justify {
   text-align: justify !important;
}
.m-6 {
   margin: 5rem !important;
}
.mt-6 {
   margin-top: 5rem !important;
}
.mb-6 {
   margin-bottom: 5rem !important;
}
.ml-6 {
   margin-left: 5rem !important;
}
.mr-6 {
   margin-right: 5rem !important;
}
.my-6 {
   margin: 5rem 0rem !important;
}
.mx-6 {
   margin: 0rem 5rem !important;
}
.m-7 {
   margin: 7rem !important;
}
.mt-7 {
   margin-top: 7rem !important;
}
.mb-7 {
   margin-bottom: 7rem !important;
}
.ml-7 {
   margin-left: 7rem !important;
}
.mr-7 {
   margin-right: 7rem !important;
}
.my-7 {
   margin: 7rem 0rem !important;
}
.mx-7 {
   margin: 0rem 7rem !important;
}
.p-6 {
   padding: 5rem !important;
}
.pt-6 {
   padding-top: 5rem !important;
}
.pb-6 {
   padding-bottom: 5rem !important;
}
.pl-6 {
   padding-left: 5rem !important;
}
.pr-6 {
   padding-right: 5rem !important;
}
.py-6 {
   padding: 5rem 0rem !important;
}
.px-6 {
   padding: 0rem 5rem !important;
}
.p-7 {
   padding: 7rem !important;
}
.pt-7 {
   padding-top: 7rem !important;
}
.pb-7 {
   padding-bottom: 7rem !important;
}
.pl-7 {
   padding-left: 7rem !important;
}
.pr-7 {
   padding-right: 7rem !important;
}
.py-7 {
   padding: 7rem 0rem !important;
}
.px-7 {
   padding: 0rem 7rem !important;
}
.mt-200px {
   margin-top: 200px;
}
.mt-80px {
   margin-top: 80px;
}
.mb-80px {
   margin-bottom: 80px;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
   outline: none !important;
   box-shadow: none !important;
   border: 0 !important;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
   box-shadow: none !important;
   outline: none !important;
   border: 0 !important;
}
.btn.focus,
.btn:focus {
   outline: none !important;
   box-shadow: none !important;
}
.btn:focus,
a:focus {
   outline: none !important;
}
.navbar-toggler:focus {
   outline: none !important;
   box-shadow: none !important;
}
iframe {
   width: 100% !important;
   border: 0;
   display: block;
}
video {
   width: 100% !important;
}
.black-text {
   color: var(--black-color) !important;
}
.color-text {
   color: var(--text-color) !important;
}
.color-gray-to-dark-gray {
   color: var(--gray-to-dark-gray-color) !important;
}
.color-light-gray {
   color: var(--light-gray-to-dark-gray) !important;
}
.color-gray {
   color: var(--gray-color) !important;
}
.color-risk {
   color: var(--risk-color) !important;
}
.color-blue {
   color: var(--blue-color) !important;
}
.color-blue-to-white {
   color: var(--blue-to-white-color) !important;
}
.border-light {
   border: 1px solid var(--border-color-light) !important;
}
.border-light-down {
   border-bottom: 1px solid var(--border-color-light) !important;
}
.border-light-up {
   border-top: 1px solid var(--border-color-light) !important;
}
.border-dark {
   border: 1px solid var(--border-color-dark) !important;
}
.border-dark-down {
   border-bottom: 1px solid var(--border-color-dark) !important;
}
.border-dark-up {
   border-top: 1px solid var(--border-color-dark) !important;
}
.addGrayToBlueBg {
   background: var(--gray-to-dark-blue-color);
}
.addLightGray {
   background: var(--light-gray-color2);
}
.container,
.container-fluid,
.custom-container {
   margin-left: auto;
   margin-right: auto;
   padding-left: var(--bs-gutter-x, 0.75rem);
   padding-right: var(--bs-gutter-x, 0.75rem);
   width: 100%;
}
.swal2-title {
   font-size: var(--font-text-size-xl) !important;
   font-weight: 500;
   color: #1f2540 !important;
}
.logo {
   width: 200px;
}
.footer-logo {
   width: 300px;
}
/* OTHER COMPONENT */

/* SIDEBAR MENU */
.sidebar-menu {
   display: none;
   position: fixed;
   width: 0%;
   height: 100%;
   z-index: 999999999;
   background: var(--white-color);
   box-shadow: var(--box-shadow-other-lg);
   overflow: scroll;
}
.sidebar-menu.closed {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeOutLeft;
   animation-delay: 0s;
}
.sidebar-menu.active {
   display: block;
   width: 400px;
   padding: 25px;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeInLeft;
   animation-delay: 0s;
}
.sidebar-menu .sidebar-menu-action {
   position: relative;
   margin-bottom: 50px;
}
.sidebar-menu .sidebar-menu-action a,
.sidebar-menu .sidebar-menu-action a:hover {
   display: block;
   position: relative;
   text-align: right;
   width: 100%;
}
.sidebar-menu .sidebar-menu-action a svg {
   width: 15px;
   color: var(--text-color);
   fill: var(--text-color);
}
.sidebar-menu .mainMenu {
   position: relative;
}
.sidebar-menu .mainMenu li {
   position: relative;
   margin-bottom: 10px;
}
.sidebar-menu .mainMenu li a {
   position: relative;
   font-size: var(--font-text-size-md);
   color: var(--text-color);
   padding-bottom: 10px;
   border-bottom: 2px solid var(--text-color);
}
.sidebar-menu .mainMenu li a svg {
   width: 40px;
   margin-right: 15px;
}
.sidebar-menu .sidebar-menu-copyright {
   position: absolute;
   bottom: 25px;
   font-size: var(--font-text-size-sm);
   color: var(--text-color);
}
.sidebar-menu .sidebarLogo {
   position: relative;
   display: inline-block;
   margin-top: -70px;
   margin-bottom: 40px;
}
.sidebar-menu .sidebarLogo img {
   width: 140px !important;
}
.sidebar-menu .collapse {
   border: none;
   padding-bottom: 0px;
}
.sidebar-menu .collapse li:last-of-type {
   margin-bottom: 0px;
}
.sidebar-menu .collapse li a::before {
   content: "\f105";
   position: absolute;
   display: inline-block;
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   font-size: var(--font-text-size-xs);
   color: var(--text-color);
   top: 8px;
   left: 0px;
}
/* SIDEBAR MENU */

/* CUSTOM BUTTON */
.btn-estenext {
   font-weight: var(--font-text-weight);
   font-size: var(--font-text-size-md);
   background: var(--brown-color);
   color: var(--white-color);
   line-height: var(--font-text-line-height);
   padding: 10px 23px;
   border-radius: var(--border-radius-sm);
   position: relative;
   display: inline-block;
   overflow: hidden;
   z-index: 1;
   border: none;
}
.btn-estenext:hover {
   transform: scale(1.1);
   text-decoration: none;
   color: var(--white-color);
   z-index: 1;
}
.btn-estenext.sm:hover {
   transform: scale(1.03);
   text-decoration: none;
   color: var(--white-color);
   z-index: 1;
}
.btn-estenext.nh:hover {
   transform: scale(1);
   text-decoration: none;
   color: var(--white-color);
   z-index: 1;
}
.btn-estenext span {
   z-index: 1;
   position: relative;
}
.btn-estenext i,
.btn-estenext svg {
   margin-right: 5px;
   font-size: 13px;
   z-index: 1;
   position: relative;
}

.btn-blue {
   font-weight: var(--font-text-weight);
   font-size: var(--font-text-size-md);
   background: var(--blue-color);
   color: var(--white-color);
   line-height: var(--font-text-line-height);
   padding: 10px 23px;
   border-radius: var(--border-radius-sm);
   position: relative;
   display: inline-block;
   overflow: hidden;
   z-index: 1;
}
.btn-blue:hover {
   transform: scale(1.1);
   text-decoration: none;
   color: var(--white-color);
   z-index: 1;
}
.btn-blue.sm:hover {
   transform: scale(1.03);
   text-decoration: none;
   color: var(--white-color);
   z-index: 1;
}
.btn-blue.nh:hover {
   transform: scale(1);
   text-decoration: none;
   color: var(--white-color);
   z-index: 1;
}
.btn-blue span {
   z-index: 1;
   position: relative;
}
.btn-blue i,
.btn-blue svg {
   margin-right: 5px;
   font-size: 13px;
   z-index: 1;
   position: relative;
}

.btn-outline-blue {
   font-weight: var(--font-text-weight);
   font-size: var(--font-text-size-md);
   color: var(--text-color);
   line-height: var(--font-text-line-height);
   padding: 10px 23px;
   border-radius: var(--border-radius-sm);
   border: 1px solid var(--border-color-dark);
   position: relative;
   display: inline-block;
   overflow: hidden;
   z-index: 1;
}
.btn-outline-blue:hover {
   transform: scale(1.1);
   text-decoration: none;
   color: var(--text-color);
   z-index: 1;
}
.btn-outline-blue.sm:hover {
   transform: scale(1.03);
   text-decoration: none;
   color: var(--text-color);
   z-index: 1;
}
.btn-outline-blue span {
   z-index: 1;
   position: relative;
}
.btn-outline-blue i,
.btn-outline-blue svg {
   margin-right: 5px;
   font-size: 13px;
   color: var(--blue-to-white-color);
   z-index: 1;
   position: relative;
}
.btn-outline-blue:hover i,
.btn-outline-blue:hover svg {
   color: var(--blue-to-white-color);
}

.btn-light-gray {
   font-weight: var(--font-text-weight);
   font-size: var(--font-text-size-md);
   background: var(--light-gray-to-blue-color);
   color: var(--text-color);
   line-height: var(--font-text-line-height);
   padding: 10px 23px;
   border-radius: var(--border-radius-sm);
   position: relative;
   display: inline-block;
   overflow: hidden;
   z-index: 1;
}
.btn-light-gray:hover {
   transform: scale(1.1);
   text-decoration: none;
   color: var(--text-color);
   z-index: 1;
}
.btn-light-gray.sm:hover {
   transform: scale(1.03);
   text-decoration: none;
   color: var(--text-color);
   z-index: 1;
}
.btn-light-gray span {
   z-index: 1;
   position: relative;
}
.btn-light-gray i,
.btn-light-gray svg {
   margin-right: 5px;
   font-size: 13px;
   z-index: 1;
   position: relative;
}
.flexCenter {
   display: flex;
   align-items: center;
   justify-content: center;
}
.flexSpaceAround {
   display: flex;
   align-items: center;
   justify-content: space-around;
}
.flexSpaceBetween {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
/* CUSTOM BUTTON */

/* THEME SWITCHER */
.themeSwitchContent .themeSwitch {
   opacity: 0;
   position: absolute;
}
.themeSwitchContent .label {
   width: 40px;
   height: 16px;
   background-color: var(--dark-gray-color);
   display: flex;
   border-radius: 50px;
   align-items: center;
   justify-content: space-between;
   padding: 5px;
   position: relative;
   transform: scale(1.5);
   cursor: pointer;
}
.themeSwitchContent .ball {
   width: 10px;
   height: 10px;
   background-color: var(--white-color);
   position: absolute;
   top: 3px;
   left: 3px;
   border-radius: 50%;
   transition: transform 0.2s linear;
}
.themeSwitchContent .themeSwitch:checked + .label .ball {
   transform: translateX(24px);
}
.themeSwitchContent .fa-moon {
   color: var(--white-color);
   font-size: 8px;
}
.themeSwitchContent .fa-sun {
   color: var(--orange-color);
   font-size: 8px;
}
/* THEME SWITCHER */

/* HEADER */
.other .header-logo {
   margin-left: 0px !important;
}
header.header .header-logo {
   margin-left: 50px;
}
header.header-white .logo {
   filter: brightness(0) invert(1);
}
header.header {
   position: relative;
   z-index: 1;
}
.dark-theme header.header.scrolling {
   background: var(--brown-color) !important;
}
header.header.scrolling {
   position: fixed;
   width: 100%;
   background: var(--white-color);
   z-index: 99999999;
   box-shadow: var(--box-shadow-other-lg);
}
header.header.scrolling .header-logo {
   margin-left: 0px;
}
header.header .header-menu {
   padding: 25px 0px;
}
header.header .navbar-toggler,
header.header .navbar-toggler:focus {
   padding: 0px;
   border: none;
   outline: 0;
   box-shadow: none;
}
header.header .mobileSearchBtn,
header.header .mobileMenuBtn {
   color: var(--text-color);
   fill: var(--text-color);
}
header.header.header-white .mobileSearchBtn,
header.header.header-white .mobileMenuBtn {
   color: var(--white-color);
   fill: var(--white-color);
   width: 25px;
   height: 25px;
}
header.header.header-white .header-more a * {
   color: var(--white-color);
   fill: var(--white-color);
}
header.header .mainNavbar {
   margin: 0px;
   padding: 0px;
}
header.header .mainMenu {
   margin-bottom: 0px;
}
header.header .mainMenu li {
   margin: 0px 5px;
}
header.header .mainMenu li a {
   font-weight: 400;
   color: var(--text-color);
   font-size: var(--font-text-size-md);
   line-height: var(--font-text-line-height);
}
header.header.header-white .mainMenu li a {
   color: var(--white-color);
}
header.header .mainMenu li a:hover {
   color: var(--text-color);
}
header.header.header-white .mainMenu li a:hover {
   color: var(--white-color);
}
header.header .mainMenu li ul.dropdown-menu {
   background: var(--white-to-dark-gray-color);
   color: var(--text-color);
   font-size: var(--font-text-size-md);
   border-radius: var(--border-radius-sm);
   box-shadow: var(--box-shadow-other-sm);
   border: 1px solid var(--white-to-dark-gray-color);
   z-index: 1;
}
header.header .mainMenu li ul.dropdown-menu li {
   margin-left: 0px;
   margin-right: 0px;
   position: relative;
}
header.header .mainMenu li ul.dropdown-menu li a {
   padding: 7px 25px;
   color: var(--text-color);
   font-size: var(--font-text-size-md);
   font-weight: var(--font-text-weight);
   line-height: var(--font-text-line-height);
   position: relative;
}
header.header .mainMenu li ul.dropdown-menu li a::before {
   content: "\f105";
   position: absolute;
   display: inline-block;
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   font-size: var(--font-text-size-xs);
   color: var(--text-color);
   top: 10px;
   left: 10px;
}
header.header .mainMenu li ul.dropdown-menu li a:hover {
   background: var(--light-gray-color);
   color: var(--text-color);
}

header.header .language-menu {
   background: var(--white-to-dark-gray-color);
   color: var(--text-color);
   font-size: var(--font-text-size-md);
   border-radius: var(--border-radius-sm);
   box-shadow: var(--box-shadow-other-sm);
   border: 1px solid var(--border-color-light);
   min-width: 5rem !important;
   margin-top: 10px !important;
}
header.header .language-menu li {
   margin-left: 0px;
   margin-right: 0px;
   position: relative;
}
header.header .language-menu li a {
   padding: 7px 25px;
   color: var(--text-color);
   font-size: var(--font-text-size-md);
   font-weight: var(--font-text-weight);
   line-height: var(--font-text-line-height);
   position: relative;
}
header.header .language-menu li:first-of-type a:first-of-type {
   display: none;
}
header.header .language-menu li a:hover {
   background: var(--light-gray-color);
   color: var(--text-color);
}
header.header .languageDropdown.dropdown-toggle::after {
   display: none;
}
.dropdown-menu.show {
   -webkit-animation-duration: 0.3s;
   animation-duration: 0.3s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeIn;
   animation-delay: 0.3s;
}
.nav-item.dropdown.dropdown-mega {
   position: static;
}
.nav-item.dropdown.dropdown-mega .dropdown-menu {
   background: var(--white-to-dark-gray-color);
   border-radius: var(--border-radius-sm);
   box-shadow: var(--box-shadow-other-sm);
   border: 1px solid var(--white-to-dark-gray-color);
   width: 100%;
   top: auto;
   left: 5%;
}
.nav-item.dropdown.dropdown-mega .dropdown-menu ul li {
   margin: 5px 0px;
}
.nav-item.dropdown.dropdown-mega .dropdown-menu ul li.title {
   font-weight: 500;
   color: var(--brown-color);
}
.nav-item.dropdown.dropdown-mega .dropdown-menu ul li a {
   word-wrap: break-word;
   padding-left: 0px;
   padding-right: 0px;
   border: 1px solid transparent;
}
.nav-item.dropdown.dropdown-mega .dropdown-menu ul li a:hover {
   background: transparent;
   border-bottom: 1px solid var(--brown-color);
}

.search-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: rgb(127 7 44 / 90%);
   transition: all 0.5s;
   display: none;
}
.search-wrapper.hide {
   opacity: 0;
}
.search-wrapper .search-input-wrapper {
   flex: 1;
   margin: 0 200px;
   display: flex;
   justify-content: center;
   background-color: transparent;
   padding: 18px;
   min-width: 10px;
   max-width: 400px;
   border-bottom: 3px solid var(--white-color);
   transition: all 0.4s;
}
@media screen and (max-width: 576px) {
   .search-wrapper .search-input-wrapper {
      margin: 0 20px;
   }
}
.search-wrapper .search-input-wrapper .search-input {
   flex: 1;
}
.search-wrapper .search-input-wrapper .search-input::placeholder {
   color: var(--white-color);
}
.search-wrapper .search-input-wrapper .search-submit {
   flex-basis: 40px;
   cursor: pointer;
}
.search-wrapper .search-input-wrapper input,
.search-wrapper .search-input-wrapper button {
   background-color: transparent;
   border: none;
   font-size: 25px;
   padding: 3px;
   color: var(--white-color);
   min-width: 10px;
}
.search-wrapper .search-input-wrapper input:focus,
.search-wrapper .search-input-wrapper button:focus {
   outline: none;
}
.search-wrapper .search-close {
   position: fixed;
   padding: 5px;
   top: 20px;
   right: 20px;
   font-size: 35px;
   color: rgba(238, 238, 238, 0.8);
   background-color: transparent;
   border: none;
   cursor: pointer;
   transition: all 0.4s;
}
.search-wrapper .search-close:focus {
   outline: none;
}
.search-wrapper .search-close:hover {
   color: var(--white-color);
}
.header.header .header-extra {
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
.header.header .lang-btn {
   font-size: var(--font-text-size-md);
   font-weight: 500;
   color: var(--text-color);
}
/* HEADER */

/* FOOTER */
footer.footer {
   position: relative;
   background: var(--brown-color);
   padding: 60px 0px;
}
footer.footer .logo-content {
   position: relative;
   display: inline-block;
   z-index: 2;
   margin-bottom: 25px;
}
footer.footer .footer-menu-content {
   position: relative;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   z-index: 2;
   margin: 50px 0px 0px 0px;
}
footer.footer .footer-menu-content ul {
   position: relative;
   padding: 0px;
   margin-bottom: 30px;
}
footer.footer .footer-menu-content ul:last-of-type {
   margin-bottom: 0px;
}
footer.footer .footer-menu-content ul li {
   position: relative;
   margin-bottom: 5px;
}
footer.footer .footer-menu-content ul li.title {
   font-size: var(--font-text-size-md);
   font-weight: 700;
   color: var(--white-color);
   line-height: 1.2;
}
footer.footer .footer-menu-content ul li a {
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   color: var(--white-color);
   line-height: 1.3;
}
footer.footer .footer-social {
   position: relative;
   z-index: 2;
}
footer.footer .footer-social .title {
   position: relative;
   margin-bottom: 15px;
   font-size: var(--font-text-size-md);
   font-weight: 700;
   color: var(--white-color);
   line-height: 1;
   text-align: right;
}
footer.footer .social {
   position: relative;
   padding: 0px;
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
}
footer.footer .social li {
   position: relative;
   float: left;
   margin-right: 20px;
}
footer.footer .social li:last-of-type {
   margin-right: 0px;
}
footer.footer .social li a {
   font-size: var(--font-text-size-lg);
   color: var(--white-color);
}
footer.footer .social li a:hover {
   color: var(--white-color);
}
footer.footer .footer-line {
   padding-bottom: 40px;
   border-bottom: 1px solid var(--border-color-light);
}
footer.footer .footer-risk-warn {
   position: relative;
   z-index: 2;
   padding-top: 70px;
}
footer.footer .footer-risk-warn .title {
   position: relative;
   font-size: var(--font-text-size-md);
   font-weight: 700;
   color: var(--white-color);
   line-height: 1;
}
footer.footer .footer-risk-warn .desc {
   position: relative;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   color: var(--white-color);
   line-height: 1.5;
}
footer.footer .footer-address-content {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   z-index: 2;
   padding: 50px 0px;
}
footer.footer .footer-address-content .footer-item {
   float: left;
   width: 33%;
   border-right: 1px solid var(--border-color-light);
   min-height: 95px;
   display: flex;
   align-items: flex-start;
   flex-direction: column;
   justify-content: center;
   padding-left: 25px;
}
footer.footer .footer-address-content .footer-item:first-of-type {
   padding-left: 0px;
}
footer.footer .footer-address-content .footer-item:last-of-type {
   border: none;
}
footer.footer .footer-address-content .footer-item .title {
   position: relative;
   font-size: var(--font-text-size-md);
   font-weight: 700;
   line-height: 1;
   color: var(--white-color);
   margin-bottom: 5px;
}
footer.footer .footer-address-content .footer-item .desc {
   position: relative;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   line-height: 1.5;
   color: var(--white-color);
}
footer.footer .footer-address-content .footer-item .td-title {
   position: relative;
   font-size: var(--font-text-size-md);
   font-weight: 700;
   line-height: 1;
   color: var(--white-color);
}
footer.footer .footer-address-content .footer-item .td-space {
   position: relative;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   line-height: 1;
   color: var(--white-color);
   padding: 0px 10px;
}
footer.footer .footer-address-content .footer-item td {
   padding: 3px 0px;
}
footer.footer .footer-address-content .footer-item td a {
   position: relative;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   line-height: 1;
   color: var(--white-color);
   padding: 0px 10px;
}
footer.footer .footer-address-content .footer-item .table-content {
   display: flex;
   align-items: center;
   justify-content: center;
}
footer.footer .footer-address-content .footer-item .image-content {
   display: flex;
   align-items: center;
   justify-content: center;
}
footer.footer .copyright {
   position: relative;
   margin-bottom: 0px;
   font-size: var(--font-text-size-sm);
   font-weight: 700;
   color: var(--white-color);
   line-height: 1;
   z-index: 2;
}
/* FOOTER */

/* OTHER */
section.homeSlide {
   position: relative;
   background: url("../img/other/slide-bg.png") no-repeat;
   background-size: cover;
   background-position: top center;
   padding-top: 110px;
   margin-top: -95px;
}
section.homeSlide::before {
   content: "";
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 100%;
   height: 350px;
   background: rgb(255, 255, 255);
   background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
   background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
   background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
   z-index: 0;
}
.dark-theme section.homeSlide::before {
   background: rgb(255, 255, 255);
   background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(28, 28, 28, 1) 70%);
   background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(28, 28, 28, 1) 70%);
   background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(28, 28, 28, 1) 70%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#1c1c1c",GradientType=1);
}
section.homeSlide .circle-content {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: 0;
}
section.homeSlide .circle-content span {
   position: absolute;
   border-radius: 50%;
   background: url("../img/icon/icon_circle.svg") no-repeat;
   background-size: 100% 100%;
}
section.homeSlide .circle-content span:nth-of-type(1) {
   top: 200px;
   right: 5%;
   width: 80px;
   height: 80px;
   animation: circles2 4.25s ease-in-out both infinite;
}
section.homeSlide .circle-content span:nth-of-type(2) {
   bottom: 100px;
   left: 5%;
   width: 100px;
   height: 100px;
   animation: circles1 4.25s ease-in-out both infinite;
}
.headSlide {
   position: relative;
}
.headSlide.owl-carousel {
   z-index: 0;
}
.headSlide .slideBody {
   position: relative;
   padding: 0px 0px 0px 60px;
   z-index: 1;
}
.headSlide .slideBody .subTitle {
   position: relative;
   font-size: var(--font-text-size-xxl);
   font-weight: 300;
   color: var(--brown-to-white-color);
   line-height: 1.2;
   margin-bottom: 0px;
}
.headSlide .slideBody .title {
   position: relative;
   font-size: var(--font-text-size-xxl);
   font-weight: 600;
   color: var(--text-color);
   line-height: 1.2;
   margin-bottom: 30px;
}
.headSlide .slideBody .desc {
   position: relative;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   color: var(--text-color);
   line-height: 1.2;
   margin-bottom: 0px;
}
.headSlide .slideBody .moreBtn {
   position: relative;
   margin-top: 30px;
   margin-left: 1px;
}
.headSlide .slideFoot {
   position: relative;
   margin-top: 150px;
}
.headSlide .slideFoot .subTitle {
   position: relative;
   font-size: var(--font-text-size-xxl);
   font-weight: 300;
   color: var(--text-color);
   line-height: 1.2;
   margin-bottom: 0px;
}
.headSlide .slideFoot .title {
   position: relative;
   font-size: var(--font-text-size-xxl);
   font-weight: 600;
   color: var(--brown-color);
   line-height: 1.2;
   margin-bottom: 0px;
}
.headSlide .slideImage {
   position: relative;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: flex-end;
   -ms-flex-pack: flex-end;
   justify-content: flex-end;
   width: 100%;
   height: 100%;
}
.headSlide .slideImage .welcomeTo {
   position: absolute;
   z-index: 2;
   display: flex;
   align-items: center;
   justify-content: center;
   bottom: 30px;
   right: 0px;
}
.headSlide .slideImage .welcomeTo svg {
   position: absolute;
   margin-left: -400px;
   width: 50px;
   height: 50px;
   margin-right: 10px;
   animation: circles3 4.25s ease-in-out both infinite;
}
.headSlide .slideImage .welcomeTo span {
   display: block;
   font-size: var(--font-text-size-xl);
   font-weight: 400;
   color: var(--text-color);
   line-height: 1.1;
   margin-bottom: 0px;
}
.headSlide .slideImage .welcomeTo b {
   display: block;
   font-size: var(--font-text-size-xl);
   font-weight: 600;
   color: var(--brown-color);
   line-height: 1;
}
.headSlide .slideImage img {
   position: relative;
   width: 550px !important;
   height: auto !important;
}
.headSlide .owl-item.active .slideBody,
.headSlide .owl-item.active .slideFoot {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeInLeft;
   animation-delay: 0.3s;
}
.headSlide .owl-item.active .slideImage {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeInRight;
   animation-delay: 0.3s;
}
.headSlide .owl-nav {
   position: absolute;
   right: 0px;
   bottom: 30px;
   height: 100px;
   background: var(--white-color);
   padding: 10px 15px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}
.headSlide .owl-nav .owl-prev,
.headSlide .owl-nav .owl-next {
   color: #4d4d4d;
   fill: #4d4d4d;
}
.headSlide .owl-nav .owl-next {
   margin-top: 10px;
}
.headSlide .owl-nav .owl-prev:hover,
.headSlide .owl-nav .owl-next:hover {
   color: var(--brown-color);
   fill: var(--brown-color);
}

.mainSlide .owl-thumbs {
   margin: 10px 0px 20px 0px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   position: relative;
   width: 100%;
   text-align: left;
   z-index: 0;
}
.mainSlide .owl-thumb-item {
   display: table-cell;
   float: left;
   background: none;
   padding: 0;
   opacity: 0.4;
   margin-right: 10px;
   width: 40px;
   height: 40px;
   background: var(--body-bg);
   border-radius: 30px;
   overflow: hidden;
   box-shadow: var(--box-shadow-other-sm);
   border: 1px solid transparent;
}
.mainSlide .owl-thumb-item img {
   width: 100%;
   height: 100%;
   -ms-object-fit: cover;
   -o-object-fit: cover;
   object-fit: cover;
}
.mainSlide .owl-thumb-item.active {
   opacity: 1;
   transform: scale(1.2);
   border: 1px solid var(--brown-color);
}
.mainSlide .owl-thumbs .owl-text {
   position: relative;
   font-size: var(--font-text-size-xs);
   font-weight: 400;
   color: var(--text-color);
   line-height: 1.2;
   margin-left: 5px;
}

.mainSlide .navNextText {
   position: absolute;
   bottom: 145px;
   right: 0px;
   z-index: 2;
   width: 187px;
   color: var(--white-color);
   font-size: var(--font-text-size-xs);
   line-height: 1.2;
   font-weight: 400;
}
.mainSlide .navNext {
   position: absolute;
   bottom: 30px;
   right: 44px;
   z-index: 2;
   width: 140px;
   height: 100px;
   background-size: 140px 140px;
   background-color: var(--white-color);
   /*border-radius: var(--border-radius-sm);*/
   box-shadow: var(--box-shadow-other-xxs);
}
.mainSlide .navNext span {
   width: 140px;
   height: 100px;
   display: table-cell;
   vertical-align: middle;
   cursor: pointer;
}
.mainSlide .navNext span img {
   position: relative;
   margin: auto 0px;
   cursor: pointer;
   width: 140px;
   height: 100px;
   -ms-object-fit: cover;
   object-fit: cover;
}

.mainSlide .owl-social {
   display: block;
   position: absolute;
   text-align: center;
   margin-top: 10px;
   padding-bottom: 10px;
   top: 30%;
   left: 0px;
   padding-left: 0px;
}
.mainSlide .owl-social:before {
   content: "";
   width: 1px;
   height: 100px;
   background: rgb(255, 255, 255);
   background: linear-gradient(0deg, rgba(127, 7, 44, 1) 0%, rgba(127, 7, 44, 0) 100%);
   position: absolute;
   top: -120px;
   left: 8px;
}
.mainSlide .owl-social:after {
   content: "";
   width: 1px;
   height: 100px;
   background: rgb(255, 255, 255);
   background: linear-gradient(180deg, rgba(127, 7, 44, 1) 0%, rgba(127, 7, 44, 0) 100%);
   position: absolute;
   top: 135px;
   left: 8px;
}
.mainSlide .owl-social li {
   margin-bottom: 10px;
}
.mainSlide .owl-social li:last-of-type {
   margin-bottom: 0px;
}
.mainSlide .owl-social li a {
   font-size: var(--font-text-size-md);
   color: var(--brown-to-white-color);
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.mainSlide .owl-social li a:hover {
   color: var(--text-color);
   border-radius: 50%;
}
.mainSlide .owl-social li a svg {
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.mainSlide .owl-social li a:hover svg {
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   transform: scale(1.2);
}

.mainSlide .owl-play {
   position: absolute;
   bottom: 0px;
   right: 0px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.mainSlide .owl-play svg {
   width: 35px;
   height: 35px;
   margin-right: 10px;
}
.mainSlide .owl-play svg * {
   fill: var(--brown-to-white-color);
}
.mainSlide .owl-play span {
   position: relative;
   font-size: var(--font-text-size-xs);
   font-weight: 400;
   line-height: 1;
   color: var(--text-color);
}

section.contact {
   position: relative;
   padding: 60px 0px;
}

.widgetBox {
   position: relative;
   padding: 30px;
}

.section-title {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}
.section-title .title {
   position: relative;
   font-size: var(--font-text-size-xxl);
   font-weight: 600;
   color: var(--text-color);
   line-height: 1.2;
   margin-bottom: 0px;
}
.section-title.bf .title {
   padding-bottom: 15px;
   border-bottom: 2px solid var(--brown-color);
}
.section-title .sub-title {
   position: relative;
   font-size: var(--font-text-size-xl);
   font-weight: 400;
   color: var(--brown-to-white-color);
   line-height: 1.2;
   margin-bottom: 0px;
}
.section-title .desc {
   position: relative;
   line-height: 1.4;
}
.section-title.tc * {
   text-align: center;
}

section.analysis {
   position: relative;
   padding: 90px 0px;
   background: url("../img/other/analyzes-bg.png") no-repeat;
   background-size: cover;
}
.analysis .body-content {
   position: relative;
}
.analysis .body-content .desc {
   position: relative;
   margin-bottom: 0px;
   font-size: var(--font-text-size-md);
   font-weight: 400;
   line-height: 1.4;
   color: var(--white-color);
}
.analysis .widgetStep {
   margin-top: 50px;
}
.analysis .widgetBox {
   margin-top: 30px;
}
.input-group .input-group-text {
   color: var(--white-color) !important;
   font-weight: 500 !important;
   min-width: 100px;
   background-color: transparent !important;
   border: none !important;
}
.input-group .form-control {
   padding: 10px 15px !important;
   border: 1px solid var(--white-color) !important;
   background: transparent !important;
   color: var(--white-color);
   border-top-left-radius: var(--border-radius-sm) !important;
   border-bottom-left-radius: var(--border-radius-sm) !important;
   border-radius: var(--border-radius-sm);
}
.input-group .form-control:focus {
   color: var(--white-color);
}
.input-group .form-control::placeholder {
   /* Chrome, Firefox, Opera, Safari 10.1+ */
   color: var(--white-color);
   opacity: 1; /* Firefox */
}
.input-group .form-control:-ms-input-placeholder {
   /* Internet Explorer 10-11 */
   color: var(--white-color);
}
.input-group .form-control::-ms-input-placeholder {
   /* Microsoft Edge */
   color: var(--white-color);
}

.analysis .widgetBox .img-select {
   position: relative;
   cursor: pointer;
}
.analysis .widgetBox .img-select img {
   position: relative;
   border-radius: 19px;
   border: 1px solid var(--border-color-light);
}
.analysis .widgetBox .img-select:hover::after,
.analysis .widgetBox .img-select.active::after {
   content: "";
   position: absolute;
   top: 0px;
   left: 0px;
   background: url("../img/other/head-select.svg");
   background-repeat: no-repeat;
   background-size: 100% 100%;
   border-radius: 19px;
   border: 1px solid var(--border-color-light);
   z-index: 1;
   width: 100%;
   height: 100%;
}

.analysis .widgetBox .policy-label {
   display: flex;
   align-items: flex-start;
   justify-content: center;
   line-height: 1.2;
   width: 100%;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   color: var(--white-color);
}
.analysis .widgetBox .policy-label input {
   margin-right: 10px;
}
.analysis .widgetBox .yesOrNo {
   position: relative;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}
.analysis .widgetBox .yesOrNo a {
   display: inline-block;
   border-radius: var(--border-radius-sm);
   background: #9a0633;
   color: var(--white-color);
   font-size: var(--font-text-size-md);
   font-weight: 700;
   text-align: center;
   padding: 10px 25px;
   min-width: 150px;
}
.analysis .widgetBox .yesOrNo a:hover,
.analysis .widgetBox .yesOrNo a.active {
   display: inline-block;
   border-radius: var(--border-radius-sm);
   background: var(--white-color);
   color: var(--brown-color);
   font-size: var(--font-text-size-md);
   font-weight: 700;
   text-align: center;
   padding: 10px 25px;
}

section.services {
   position: relative;
   padding: 60px 0px;
}
.serviceSlide .item {
   padding: 15px;
}
.serviceSlide .item:hover .imgContainer img {
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   transform: scale(1.12);
}
.serviceSlide .item:hover .detail a.moreBtn i {
   transition: all 0.4s ease;
   transform: translateX(15px);
}
.serviceSlide .sliderItem {
   background: var(--white-to-dark-gray-color);
   border-radius: 20px;
   padding: 10px;
   box-shadow: var(--box-shadow-other-xxs);
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.serviceSlide .sliderItem .item {
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.serviceSlide .item .imgContainer img {
   width: 100%;
   height: 150px;
   border-radius: 20px;
   border: 1px solid var(--border-color-light);
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   object-fit: cover;
}
.serviceSlide .item .detail {
   padding: 20px;
}
.serviceSlide .item .detail p.title {
   color: var(--text-color);
   font-weight: 700;
   font-size: 16px;
   text-align: left;
   line-height: 1;
}
.serviceSlide .item .detail p.desc {
   color: var(--text-color);
   font-weight: 400;
   font-size: 13px;
   text-align: left;
   line-height: 1.4;
   min-height: 75px;
}
.serviceSlide .item .detail a.moreBtn {
   color: var(--brown-to-white-color);
   font-weight: 400;
   font-size: 13px;
   text-align: left;
   line-height: 1.4;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.serviceSlide .item i,
.serviceSlide .item svg {
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.serviceSlide .item:hover i,
.serviceSlide .item:hover svg {
   transition: all 0.4s ease;
   transform: translateX(15px);
}
.serviceSlide .owl-nav {
   display: none !important;
   right: 0;
   font-size: 20px;
   color: #ccc;
}
.serviceSlide .owl-prev {
   position: absolute;
   left: -35px;
   top: 50%;
}
.serviceSlide .owl-next {
   position: absolute;
   right: -35px;
   top: 50%;
}
.imgHover {
   overflow: hidden;
   border-radius: 20px;
}
.imgHover2 {
   overflow: hidden;
}
.serviceSlide .owl-dots {
   text-align: center;
   margin-top: 10px;
   padding-bottom: 10px;
}
.serviceSlide .owl-dots .owl-dot.active span,
.serviceSlide .owl-dots .owl-dot:hover span {
   background: #2e2e2e;
}
.serviceSlide .owl-dots .owl-dot.active span,
.serviceSlide .owl-dots .owl-dot:hover span {
   background: var(--brown-to-white-color);
}
.serviceSlide .owl-dots .owl-dot span {
   width: 10px;
   height: 10px;
   margin: 5px 7px;
   background: transparent;
   border: 1px solid var(--brown-to-white-color);
   display: block;
   -webkit-backface-visibility: visible;
   backface-visibility: visible;
   transition: opacity 0.2s ease;
   border-radius: 30px;
}

section.callMe {
   position: relative;
   padding: 130px 0px;
   background: url("../img/other/call-me-bg.png") no-repeat;
   background-size: cover;
}
section.callMe.aest {
   background: url("../img/other/call-me-bg2.png") no-repeat;
   background-size: cover;
}
section.callMe .sectionTitle h4 {
   color: var(--white-color);
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   text-align: left;
   line-height: 1;
}
section.callMe .sectionTitle h3 {
   position: relative;
   color: var(--white-color);
   font-weight: 700;
   font-size: var(--font-text-size-xxl);
   text-align: left;
   line-height: 1;
}
section.callMe .sectionTitle h3:before {
   content: "";
   position: absolute;
   width: 150px;
   height: 4px;
   background: var(--white-color);
   left: 0px;
   bottom: -20px;
   margin-bottom: 5px;
}
section.callMe .sectionTitle p {
   color: var(--white-color);
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   text-align: left;
   line-height: 1.5;
   margin-top: 25px;
}
section.callMe .callForm input {
   border: 1px solid var(--border-color-light);
   border-radius: var(--border-radius-xs);
   color: var(--white-color);
   font-weight: 400;
}
section.callMe .callForm label {
   color: var(--white-color);
   font-weight: 400;
   font-size: var(--font-text-size-sm);
   text-align: justify;
}
section.callMe button {
   border: 1px solid var(--white-color) !important;
   display: block !important;
   text-align: center;
   width: 100%;
}
section.callMe button:hover {
   background: var(--white-color);
   color: var(--brown-color) !important;
   border: 1px solid var(--white-color);
}
section.callMe .form-group {
   position: relative;
   margin-bottom: 25px;
}
section.callMe .form-control {
   padding: 10px 15px !important;
   color: var(--text-color) !important;
   border-radius: var(--border-radius-sm);
}
section.callMe .form-control::placeholder {
   /* Chrome, Firefox, Opera, Safari 10.1+ */
   color: var(--text-color);
   opacity: 1; /* Firefox */
}
section.callMe .form-control:-ms-input-placeholder {
   /* Internet Explorer 10-11 */
   color: var(--text-color);
}
section.callMe .form-control::-ms-input-placeholder {
   /* Microsoft Edge */
   color: var(--text-color);
}
section.callMe .form-control.file-label {
   color: var(--text-color);
   height: 46px;
   line-height: 23px;
}
section.callMe .form-control.file-label svg {
   position: absolute;
   width: 20px;
   top: 8px;
   right: 10px;
}
section.callMe .form-control.file-label svg * {
   fill: var(--text-color);
}

section.support-area {
   position: relative;
   padding: 50px 0px;
}
section.support-area .body {
   padding: 10px;
   position: relative;
   text-align: center;
   background: var(--brown-color);
   border-radius: var(--border-radius-md);
}
section.support-area .body a {
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: var(--font-text-size-lg);
   font-weight: 700;
   color: var(--white-color);
}

section.blog {
   position: relative;
   padding: 0px 0px 60px 0px;
}
section.blog .blogList .title {
   font-size: var(--font-text-size-md);
   color: var(--text-color);
   font-weight: 600;
}
section.blog .blogList p {
   color: var(--light-gray-to-white-color);
   font-size: var(--font-text-size-sm);
   text-align: left;
   line-height: 1.4;
}
section.blog .blogList .image-content {
   width: 100%;
   height: 250px;
   overflow: hidden;
   border-radius: var(--border-radius-sm);
}
section.blog .blogList .image-content-small {
   width: 100%;
   height: 100px !important;
   overflow: hidden;
   border-radius: var(--border-radius-xs);
}
section.blog .blogList .image-content-small img {
   border-radius: var(--border-radius-xs);
}
section.blog .blogList img {
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   width: 100%;
   height: 100%;
   -ms-object-fit: cover;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: var(--border-radius-sm);
}
section.blog .blogList img:hover {
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   transform: scale(1.05);
}
section.blog .blogHorizantalList {
   padding-bottom: 20px;
   border-bottom: 1px solid var(--border-color-light);
   margin-bottom: 20px;
}
section.blog .blogHorizantalList:last-of-type {
   border-bottom: none;
}
section.blog .blogHorizantalList .blogText {
   width: 70%;
   float: left;
}
section.blog .blogHorizantalList .blogImage {
   width: 30%;
   float: right;
   text-align: right;
}
section.blog .blogHorizantalList .blogImage img {
   -ms-object-fit: cover;
   -o-object-fit: cover;
   object-fit: cover;
   height: 100px;
   width: 100px;
}
section.blog .blogHorizantalList .blogImage img:hover {
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   transform: scale(1);
}
section.blog .blogHorizantalList .blogText .title {
   font-size: var(--font-text-size-md);
   color: var(--brown-to-white-color);
   font-weight: 600;
   text-align: left;
   line-height: 1.2;
}
section.blog .blogHorizantalList .blogText .dates {
   font-size: var(--font-text-size-xs);
   color: var(--light-gray-to-white-color);
   font-weight: 400;
   text-align: left;
   line-height: 1.2;
   margin-top: 20px;
}

section.media {
   position: relative;
   padding: 60px 0px;
}
section.media .carouselContent .playCarouselBtn {
   position: absolute;
   right: 10px;
   bottom: 10px;
}
section.media .carouselContent .playCarouselBtn img {
   -webkit-animation: zoomInImageSm 4s ease-out 1s infinite;
   animation: zoomInImageSm 4s ease-out 1s infinite;
}
.carouselContent {
   width: 560px;
   min-height: 275px;
   position: relative;
   margin: 0 auto;
}
.videoCarousel {
   padding-left: 0px !important;
}
.carouselContent .videoCarousel li {
   width: 500px;
   height: 250px;
   display: inline-block;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   overflow: hidden;
   cursor: pointer;
   border-radius: 20px;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.carouselContent .videoCarousel li img.carouselImg {
   width: 500px;
   height: 250px;
   border-radius: 20px;
}
.carouselContent .videoCarousel .items {
   position: absolute;
}
.carouselContent .videoCarousel .main-pos {
   margin-left: 2em !important;
   z-index: 3000;
}
.carouselContent .videoCarousel .left-pos {
   opacity: 0.3;
   margin-left: -17em !important;
   z-index: 1000;
   -webkit-transform: scale(0.75);
   -moz-transform: scale(0.75);
   transform: scale(0.75);
}
.carouselContent .videoCarousel .back-pos {
   margin-left: 2em !important;
   opacity: 0.05;
   -webkit-transform: scale(0.5);
   -moz-transform: scale(0.5);
   transform: scale(0.5);
}
.carouselContent .videoCarousel .right-pos {
   opacity: 0.3;
   margin-left: 21em !important;
   z-index: 1000;
   -webkit-transform: scale(0.75);
   -moz-transform: scale(0.75);
   transform: scale(0.75);
}
.carouselContent .videoCarousel span {
   position: relative;
   margin: 0 auto;
   left: 17em;
   top: 20em;
}

section.comments {
   position: relative;
   padding: 60px 0px;
}
section.comments .commentSlide .item {
   padding: 15px;
}
section.comments .commentSlide .sliderItem {
   padding: 15px;
   background: var(--white-to-dark-gray-color);
   border: 1px solid var(--white-to-dark-gray-color);
   box-shadow: var(--box-shadow-other-xxs);
   border-radius: 20px;
}
section.comments .commentSlide .sliderItem .imgContainer {
   padding-bottom: 10px;
}
section.comments .commentSlide .sliderItem .imgContainer img {
   margin-top: -30px;
   width: 50px;
   height: 50px;
}
section.comments .commentSlide .sliderItem p.desc {
   font-size: var(--font-text-size-sm);
   color: var(--text-color);
   font-weight: 400;
   line-height: 1.2;
   padding-bottom: 15px;
   border-bottom: 1px solid var(--border-color-light);
   min-height: 110px;
}
section.comments .commentSlide .sliderItem p.author {
   font-size: var(--font-text-size-sm);
   color: var(--text-color);
   font-weight: 400;
   line-height: 1.2;
}
section.comments .commentSlide .sliderItem p.platformName {
   font-size: var(--font-text-size-xs);
   color: var(--light-gray-to-white-color);
   font-weight: 300;
   line-height: 1.2;
   width: 50%;
   float: left;
   margin-bottom: 0;
}
section.comments .commentSlide .sliderItem p.vote {
   font-size: var(--font-text-size-xs);
   color: var(--light-gray-to-white-color);
   font-weight: 300;
   line-height: 1.2;
   width: 50%;
   float: right;
   margin-bottom: 0;
   text-align: right;
}
section.comments .commentSlide .sliderItem p.vote i {
   font-size: var(--font-text-size-xs);
   color: var(--orange-color);
   font-weight: 300;
   line-height: 1.2;
}
section.comments .commentSlide .owl-dots {
   text-align: center;
   margin-top: 10px;
   padding-bottom: 10px;
}
section.comments .commentSlide .owl-dots .owl-dot.active span,
section.comments .commentSlide .owl-dots .owl-dot:hover span {
   background: #2e2e2e;
}
section.comments .commentSlide .owl-dots .owl-dot.active span,
section.comments .commentSlide .owl-dots .owl-dot:hover span {
   background: var(--brown-to-white-color);
}
section.comments .commentSlide .owl-dots .owl-dot span {
   width: 10px;
   height: 10px;
   margin: 5px 7px;
   background: transparent;
   border: 1px solid var(--brown-to-white-color);
   display: block;
   -webkit-backface-visibility: visible;
   backface-visibility: visible;
   transition: opacity 0.2s ease;
   border-radius: 30px;
}

section.coming-from {
   position: relative;
   padding: 0px 0px 90px 0px;
}
.coming-from .comingSlide {
   position: relative;
   margin-top: 30px;
}
.coming-from .comingSlide .slideItem {
   position: relative;
}
.coming-from .comingSlide .slideItem .image-content {
   width: 100%;
   height: 250px;
   overflow: hidden;
}
.coming-from .comingSlide .slideItem .image-content img {
   width: 100%;
   height: 100%;
   -ms-object-fit: cover;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s;
}
.coming-from .comingSlide .slideItem .image-content img:hover {
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s;
   transform: scale(1.05);
}
.coming-from .comingSlide .owl-nav {
   display: block !important;
   right: 0px;
   font-size: var(--font-text-size-xxl);
   color: var(--brown-to-white-color);
}
.coming-from .comingSlide .owl-prev {
   position: absolute;
   left: -35px;
   top: 45%;
}
.coming-from .comingSlide .owl-next {
   position: absolute;
   right: -35px;
   top: 45%;
}

section.medical {
   position: relative;
   padding: 30px 0px 60px 0px;
}
section.medical .medicalSlide {
   position: relative;
   margin-top: 30px;
}
section.medical .medicalSlide .item {
   min-height: 290px;
}
section.medical .medicalSlide .slideItem {
   position: relative;
   background: var(--brown-color);
   display: flex;
}
section.medical .medicalSlide .slideItem .body,
section.medical .medicalSlide .slideItem .image {
   position: relative;
}
section.medical .medicalSlide .slideItem .body {
   position: relative;
   padding: 25px;
   float: left;
   width: 60%;
}
section.medical .medicalSlide .slideItem .body .title {
   position: relative;
   font-size: var(--font-text-size-lg);
   font-weight: 600;
   color: var(--white-color);
   line-height: 1.3;
   margin-bottom: 10px;
}
section.medical .medicalSlide .slideItem .body .desc {
   position: relative;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   color: var(--white-color);
   line-height: 1.3;
   margin-bottom: 0px;
}
section.medical .medicalSlide .slideItem .image {
   position: relative;
   float: right;
   width: 40%;
}
section.medical .medicalSlide .slideItem .image img {
   margin-bottom: -80px;
   height: 290px;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
section.medical .medicalSlide .item:hover img {
   transform: scale(1.1);
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
section.medical .medicalSlide .owl-nav {
   display: block !important;
   right: 0px;
   font-size: var(--font-text-size-xxl);
   color: var(--brown-to-white-color);
}
section.medical .medicalSlide .owl-prev {
   position: absolute;
   left: -35px;
   top: 32%;
}
section.medical .medicalSlide .owl-next {
   position: absolute;
   right: -35px;
   top: 32%;
}
.wizard label.error {
   position: absolute;
   bottom: 12px;
   right: 20px;
   color: var(--white-color);
   font-weight: 500;
   font-size: var(--font-text-size-xs);
}
.wizard-content .wizard > .steps > ul > li:after,
.wizard-content .wizard > .steps > ul > li:before {
   content: "";
   z-index: 9;
   display: block;
   position: absolute;
}
.wizard-content .wizard {
   width: 100%;
   overflow: hidden;
   display: flex;
   align-items: center;
   position: relative;
}
.wizard-content .wizard .content {
   margin-left: 0 !important;
}
/*.wizard-content .wizard>.steps{position:relative;display:block;width:100%}*/
.wizard-content .wizard > .steps {
   position: relative;
   display: block;
   width: 10%;
   padding-right: 10px;
   border-right: 1px solid var(--white-color);
}
.wizard-content .wizard > .steps .current-info {
   position: absolute;
   left: -99999px;
}
/*.wizard-content .wizard>.steps>ul{display:table;width:100%;table-layout:fixed;margin:0;padding:0;list-style:none}*/
.wizard-content .wizard > .steps > ul {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   margin: 0;
   padding: 0;
   list-style: none;
}
.wizard-content .wizard > .steps > ul > li {
   display: table-cell;
   width: auto;
   vertical-align: top;
   text-align: center;
   position: relative;
}
.wizard-content .wizard > .steps > ul > li a {
   position: relative;
   padding-top: 52px;
   margin-top: 20px; /*margin-bottom:20px;*/
   display: block;
}
.wizard-content .wizard > .steps > ul > li:before {
   left: 0;
}
.wizard-content .wizard > .steps > ul > li:after {
   right: 0;
}
.wizard-content .wizard > .steps > ul > li:first-child:before,
.wizard-content .wizard > .steps > ul > li:last-child:after {
   content: none;
}
.wizard-content .wizard > .steps > ul > li.current > a {
   color: var(--white-color);
   cursor: default;
   font-weight: 400;
}
.wizard-content .wizard > .steps > ul > li.current .step {
   border-color: var(--brown-color);
   background-color: #fff;
   color: var(--brown-color);
}
.wizard-content .wizard > .steps > ul > li.disabled a,
.wizard-content .wizard > .steps > ul > li.disabled a:focus,
.wizard-content .wizard > .steps > ul > li.disabled a:hover {
   color: #999;
   cursor: default;
}
.wizard-content .wizard > .steps > ul > li.done a,
.wizard-content .wizard > .steps > ul > li.done a:focus,
.wizard-content .wizard > .steps > ul > li.done a:hover {
   color: #999;
}
.wizard-content .wizard > .steps > ul > li.done .step {
   background-color: #9a0633;
   border-color: #9a0633;
   color: #fff;
}
.wizard-content .wizard > .steps > ul > li.error .step {
   border-color: #f62d51;
   color: #f62d51;
}
.wizard-content .wizard > .steps .step {
   background-color: #fff;
   display: inline-block;
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -24px;
   z-index: 10;
   text-align: center;
}
.wizard-content .wizard > .content {
   overflow: hidden;
   position: relative;
   width: auto;
   padding: 0;
   margin: 0;
   width: 90%;
}
.wizard-content .wizard > .content > .title {
   position: absolute;
   left: -99999px;
}
.wizard-content .wizard > .content > .body {
   padding: 25px 0px 25px 25px;
}
.wizard-content .wizard > .content > iframe {
   border: 0;
   width: 100%;
   height: 100%;
}
.wizard-content .wizard > .actions {
   right: 0px;
   position: absolute;
   display: block;
   text-align: center;
   width: 90%;
   margin-top: 280px;
}
.wizard-content .wizard > .actions > ul {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   list-style: none;
   padding: 0;
   margin: 0;
}
.wizard-content .wizard > .actions > ul:after {
   content: "";
   display: table;
   clear: both;
}
.wizard-content .wizard > .actions > ul > li {
   float: left;
}
.wizard-content .wizard > .actions > ul > li + li {
   margin-left: 10px;
}
.wizard-content .wizard > .actions > ul > li > a {
   background: var(--white-color);
   color: var(--brown-color);
   display: block;
   padding: 10px 40px;
   font-weight: 600;
   border-radius: var(--border-radius-sm);
   border: 2px solid transparent;
}
.wizard-content .wizard > .actions > ul > li > a:focus,
.wizard-content .wizard > .actions > ul > li > a:hover {
   -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
   box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
}
.wizard-content .wizard > .actions > ul > li > a:active {
   -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
   box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
}
.wizard-content .wizard > .actions > ul > li > a[href="#previous"] {
   background: transparent;
   color: var(--white-color);
   border: 2px solid var(--white-color);
}
.wizard-content .wizard > .actions > ul > li > a[href="#previous"]:focus,
.wizard-content .wizard > .actions > ul > li > a[href="#previous"]:hover {
   -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset;
   box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset;
}
.wizard-content .wizard > .actions > ul > li > a[href="#previous"]:active {
   -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset;
   box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset;
}
.wizard-content .wizard > .actions > ul > li.disabled > a,
.wizard-content .wizard > .actions > ul > li.disabled > a:focus,
.wizard-content .wizard > .actions > ul > li.disabled > a:hover {
   color: #999;
}
.wizard-content .wizard > .actions > ul > li.disabled > a[href="#previous"],
.wizard-content .wizard > .actions > ul > li.disabled > a[href="#previous"]:focus,
.wizard-content .wizard > .actions > ul > li.disabled > a[href="#previous"]:hover {
   -webkit-box-shadow: none;
   box-shadow: none;
}
.wizard-content .wizard.wizard-circle > .steps > ul > li:after,
.wizard-content .wizard.wizard-circle > .steps > ul > li:before {
   top: 45px;
   width: 50%;
   height: 3px;
   background-color: var(--brown-color);
}
.wizard-content .wizard.wizard-circle > .steps > ul > li.current:after,
.wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:after,
.wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:before {
   background-color: #f3f3f3;
}
.wizard-content .wizard.wizard-circle > .steps .step {
   width: 50px;
   height: 50px;
   line-height: 45px;
   border: 3px solid #f3f3f3;
   font-size: 1.3rem;
   border-radius: 50%;
}
.wizard-content .wizard.wizard-notification > .steps > ul > li:after,
.wizard-content .wizard.wizard-notification > .steps > ul > li:before {
   top: 39px;
   width: 50%;
   height: 2px;
   background-color: var(--brown-color);
}
.wizard-content .wizard.wizard-notification > .steps > ul > li.current .step {
   border: 2px solid var(--brown-color);
   color: var(--brown-color);
   line-height: 36px;
}
.wizard-content .wizard.wizard-notification > .steps > ul > li.current .step:after,
.wizard-content .wizard.wizard-notification > .steps > ul > li.done .step:after {
   border-top-color: var(--brown-color);
}
.wizard-content .wizard.wizard-notification > .steps > ul > li.current:after,
.wizard-content .wizard.wizard-notification > .steps > ul > li.current ~ li:after,
.wizard-content .wizard.wizard-notification > .steps > ul > li.current ~ li:before {
   background-color: #f3f3f3;
}
.wizard-content .wizard.wizard-notification > .steps > ul > li.done .step {
   color: #fff;
}
.wizard-content .wizard.wizard-notification > .steps .step {
   width: 40px;
   height: 40px;
   line-height: 40px;
   font-size: 1.3rem;
   border-radius: 15%;
   background-color: #f3f3f3;
}
.wizard-content .wizard.wizard-notification > .steps .step:after {
   content: "";
   width: 0;
   height: 0;
   position: absolute;
   bottom: 0;
   left: 50%;
   margin-left: -8px;
   margin-bottom: -8px;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   border-top: 8px solid #f3f3f3;
}
.wizard-content .wizard.vertical > .steps {
   display: inline;
   float: left;
   width: 20%;
}
.wizard-content .wizard.vertical > .steps > ul > li {
   display: block;
   width: 100%;
}
.wizard-content .wizard.vertical > .steps > ul > li.current:after,
.wizard-content .wizard.vertical > .steps > ul > li.current:before,
.wizard-content .wizard.vertical > .steps > ul > li.current ~ li:after,
.wizard-content .wizard.vertical > .steps > ul > li.current ~ li:before,
.wizard-content .wizard.vertical > .steps > ul > li:after,
.wizard-content .wizard.vertical > .steps > ul > li:before {
   background-color: transparent;
}
.wizard-content .finish svg,
.wizard-content .finish svg * {
   fill: var(--white-color);
}
@media (max-width: 768px) {
   .wizard-content .wizard > .steps > ul {
      margin-bottom: 20px;
   }
   .wizard-content .wizard > .steps > ul > li {
      display: block;
      float: left;
      width: 50%;
   }
   .wizard-content .wizard > .steps > ul > li > a {
      margin-bottom: 0;
   }
   .wizard-content .wizard > .steps > ul > li:first-child:before {
      content: "";
   }
   .wizard-content .wizard > .steps > ul > li:last-child:after {
      content: "";
      background-color: var(--brown-color);
   }
   .wizard-content .wizard.vertical > .steps {
      width: 15%;
   }
}
@media (max-width: 480px) {
   .wizard-content .wizard > .steps > ul > li {
      width: 100% !important;
   }
   .wizard-content .wizard > .steps > ul > li.current:after {
      background-color: var(--brown-color) !important;
   }
   .wizard-content .wizard.vertical > .steps > ul > li {
      display: block !important;
      float: left !important;
      width: 50% !important;
   }
   .wizard-content .wizard.vertical > .steps {
      width: 100%;
      float: none !important;
   }
}

section.aboutUsPage.parallax {
   position: relative;
   padding: 90px 0px;
   background: url("../img/other/about-us-parallax-bg.png") no-repeat;
   background-size: cover;
   background-position: top center;
}
section.aboutUsPage.parallax .section-title .title {
   color: var(--white-color);
   font-weight: 300;
   border-color: var(--white-color);
}
section.aboutUsPage.parallax .section-title .desc {
   color: var(--white-color);
}

section.aboutUsPage.aboutSlide {
   position: relative;
   padding: 70px 0px 0px 0px;
}
section.aboutUsPage.aboutSlide .aboutUsPageSlide {
   position: relative;
}
.aboutUsPageSlide .item {
   position: relative;
   min-height: 325px;
   padding: 50px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-direction: column;
   background: var(--light-gray-color2);
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.aboutUsPageSlide .item .icon {
   position: relative;
   height: 90px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-bottom: 2px solid transparent;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.aboutUsPageSlide .item .icon svg {
   height: 45px;
}
.aboutUsPageSlide .item .icon svg * {
   fill: var(--text-color);
}
.aboutUsPageSlide .item .text {
   position: relative;
   padding-top: 15px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   line-height: 1.3;
   color: var(--text-color);
   margin-bottom: 0px;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.aboutUsPageSlide .item:hover {
   background: var(--brown-color);
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.aboutUsPageSlide .item:hover svg * {
   fill: var(--white-color);
}
.aboutUsPageSlide .item:hover .icon {
   border-color: var(--white-color);
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.aboutUsPageSlide .item:hover .text {
   color: var(--white-color);
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.aboutUsPageSlide .owl-dots {
   text-align: center;
   margin-top: 15px;
   padding-bottom: 0px;
}
.aboutUsPageSlide .owl-dots .owl-dot.active span,
.aboutUsPageSlide .owl-dots .owl-dot:hover span {
   background: #2e2e2e;
}
.aboutUsPageSlide .owl-dots .owl-dot.active span,
.aboutUsPageSlide .owl-dots .owl-dot:hover span {
   background: var(--brown-to-white-color);
}
.aboutUsPageSlide .owl-dots .owl-dot span {
   width: 10px;
   height: 10px;
   margin: 5px 7px;
   background: transparent;
   border: 1px solid var(--brown-to-white-color);
   display: block;
   -webkit-backface-visibility: visible;
   backface-visibility: visible;
   transition: opacity 0.2s ease;
   border-radius: 30px;
}

section.aboutUsPage.aboutDocument {
   position: relative;
   padding: 80px 0px;
   margin: 50px 0px;
}
section.aboutUsPage.aboutDocument::before {
   content: "";
   position: absolute;
   top: 0px;
   left: 0px;
   width: 60%;
   height: 100%;
   background: url("../img/icon/icon_world_map.svg") no-repeat;
   background-size: 100% 100%;
   z-index: 0;
}
section.aboutUsPage.aboutDocument .image {
   position: relative;
   padding: 30px;
}
section.aboutUsPage.aboutDocument .image::before {
   content: "";
   position: absolute;
   top: 0px;
   left: 0px;
   width: 350px;
   height: 100%;
   background: var(--brown-color);
   z-index: 0;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
section.aboutUsPage.aboutDocument .image img {
   position: relative;
   width: 100%;
   z-index: 1;
   box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
section.aboutUsPage.aboutDocument .body,
section.aboutUsPage.aboutDocument .section-title {
   position: relative;
}
section.aboutUsPage.aboutDocument .body {
   padding-left: 25px;
}
section.aboutUsPage.aboutDocument .section-title {
   align-items: flex-end;
}
section.aboutUsPage.aboutDocument .section-title .title {
   position: relative;
   font-size: var(--font-text-size-xxl);
   font-weight: 300;
   color: var(--brown-color);
   line-height: 1.2;
   margin-bottom: 0px;
   text-align: right;
}
section.aboutUsPage.aboutDocument .section-title .desc {
   text-align: right;
}
section.aboutUsPage.aboutDocument .image:hover::before {
   left: -30px;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
section.aboutUsPage.support-area {
   padding-top: 80px;
}

section.humanResourcesPage.parallax {
   position: relative;
   padding: 100px 0px;
   background: var(--brown-color);
}
section.humanResourcesPage.parallax::before {
   content: "";
   position: absolute;
   top: 0px;
   left: 0px;
   width: 30%;
   height: 100%;
   background: url("../img/other/human-resources-image.png") no-repeat;
   background-size: cover;
   z-index: 0;
}
section.humanResourcesPage.parallax .body {
   position: relative;
   padding: 60px 0px 60px 80px;
   z-index: 1;
}
section.humanResourcesPage.parallax .body .section-title-content {
   position: relative;
   margin-bottom: 30px;
}
section.humanResourcesPage.parallax .body .section-title-content .title {
   position: relative;
   font-size: var(--font-text-size-xxxl);
   font-weight: 600;
   line-height: 1.2;
   color: var(--white-color);
   margin-bottom: 10px;
}
section.humanResourcesPage.parallax .body .section-title-content .desc {
   position: relative;
   font-size: var(--font-text-size-sm);
   font-weight: normal;
   line-height: 1.4;
   color: var(--white-color);
   margin-bottom: 0px;
}
section.humanResourcesPage.parallax .form-group {
   position: relative;
   margin-bottom: 25px;
}
section.humanResourcesPage.parallax .form-control {
   position: relative;
   border: 1px solid var(--border-color-light);
   border-radius: var(--border-radius-xs);
   font-weight: 400;
   padding: 10px 15px !important;
   color: var(--text-color) !important;
}
section.humanResourcesPage.parallax .form-control::placeholder {
   /* Chrome, Firefox, Opera, Safari 10.1+ */
   color: var(--text-color);
   opacity: 1; /* Firefox */
}
section.humanResourcesPage.parallax .form-control:-ms-input-placeholder {
   /* Internet Explorer 10-11 */
   color: var(--text-color);
}
section.humanResourcesPage.parallax .form-control::-ms-input-placeholder {
   /* Microsoft Edge */
   color: var(--text-color);
}
section.humanResourcesPage.parallax .form-control.file-label {
   position: relative;
   color: var(--text-color);
   height: 46px;
   line-height: 23px;
}
section.humanResourcesPage.parallax .form-control.file-label svg {
   position: absolute;
   width: 20px;
   top: 8px;
   right: 10px;
}
section.humanResourcesPage.parallax .form-control.file-label svg * {
   fill: var(--text-color);
}
section.humanResourcesPage.parallax label {
   color: var(--white-color);
   font-weight: 400;
   font-size: var(--font-text-size-sm);
   text-align: justify;
}
section.humanResourcesPage.parallax button {
   border: 1px solid var(--white-color) !important;
   display: block !important;
   text-align: center;
   width: 100%;
}
section.humanResourcesPage.parallax button:hover {
   background: var(--white-color);
   color: var(--brown-color) !important;
   border: 1px solid var(--white-color);
}

section.mediasPage.posts {
   position: relative;
   padding: 80px 0px 20px 0px;
}
section.mediasPage.posts .mediaItem {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 65px;
}
section.mediasPage.posts .mediaItem img.thumbnail {
   width: 100%;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   -webkit-filter: blur(1.5px); /* Safari 6.0 - 9.0 */
   filter: blur(1.5px);
}
section.mediasPage.posts .mediaItem .playButton {
   position: absolute;
   display: flex;
   align-items: flex-end;
   justify-content: center;
   width: 100%;
   height: 100%;
   bottom: -35px;
}
section.mediasPage.posts .mediaItem .playButton img {
   width: 70px;
   height: 70px;
   -webkit-animation: zoomInImageSm 4s ease-out 1s infinite;
   animation: zoomInImageSm 4s ease-out 1s infinite;
   z-index: 1;
}
section.mediasPage.posts .mediaItem img.thumbnail:hover {
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   -webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */
   filter: blur(0px);
}

section.policyPage.detail {
   position: relative;
   padding: 70px 0px 0px 0px;
}
section.policyPage .content {
   position: relative;
}

section.blogPage.posts {
   position: relative;
   padding: 70px 0px 25px 0px;
}
section.blogPage.posts .blogItem {
   position: relative;
   display: block;
   margin-bottom: 45px;
}
section.blogPage.posts .blogItem .image-content {
   position: relative;
   width: 100%;
   border-radius: var(--border-radius-sm);
   height: 225px;
   overflow: hidden;
}
section.blogPage.posts .blogItem .image-content img {
   position: relative;
   width: 100%;
   height: 100%;
   -ms-object-fit: cover;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: var(--border-radius-sm);
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
section.blogPage.posts .blogItem .body {
   position: relative;
}
section.blogPage.posts .blogItem .body .title {
   position: relative;
   font-size: var(--font-text-size-md);
   color: var(--text-color);
   font-weight: 600;
}
section.blogPage.posts .blogItem .body .desc {
   position: relative;
   color: var(--light-gray-to-white-color);
   font-size: var(--font-text-size-sm);
   text-align: left;
   line-height: 1.4;
}
section.blogPage.posts .blogItem .body .btn-estenext {
   margin-bottom: 0px;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
section.blogPage.posts .blogItem:hover .image-content img {
   transform: scale(1.05);
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

section.blogPage.detail {
   position: relative;
   padding: 70px 0px 0px 0px;
}
section.blogPage.detail .content {
   position: relative;
}
section.blogPage.detail .content .title {
   position: relative;
   font-size: var(--font-text-size-xxl);
   font-weight: 600;
   color: var(--text-color);
   line-height: 1.2;
   margin-bottom: 25px;
   text-align: center;
}
section.blogPage.detail .content .image,
section.blogPage.detail .content .image img {
   position: relative;
   width: 100%;
   border-radius: var(--border-radius-sm);
}
section.blogPage.detail .content .image {
   margin-bottom: 35px;
}
section.blogPage.detail .content .image .date {
   position: absolute;
   background: var(--brown-color);
   color: var(--white-color);
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   padding: 10px 40px;
   top: 25px;
   right: -25px;
   z-index: 1;
}

section.blogPage.detail .blogDetailSlide {
   position: relative;
   padding: 50px 0px;
}
section.blogPage.detail .blogDetailSlide .item {
   position: relative;
   background: var(--white-color);
   margin: 0px 15px;
   display: flex;
   align-items: center;
}
section.blogPage.detail .blogDetailSlide .item .sectionImage {
   float: right;
   width: 40%;
   border-left: 6px solid var(--brown-color);
   height: 120px;
}
section.blogPage.detail .blogDetailSlide .item .sectionImage img {
   width: 100%;
   height: 100%;
   -ms-object-fit: cover;
   -o-object-fit: cover;
   object-fit: cover;
}
section.blogPage.detail .blogDetailSlide .item .sectionText {
   float: left;
   width: 60%;
   padding: 25px;
   display: flex;
   align-items: center;
}
section.blogPage.detail .blogDetailSlide .item .sectionText a {
   position: relative;
}
section.blogPage.detail .blogDetailSlide .item .sectionText a .title {
   font-size: var(--font-text-size-md);
   font-weight: 500;
   color: var(--brown-color);
   margin-bottom: 15px;
   line-height: 1.1;
}
section.blogPage.detail .blogDetailSlide .item .sectionText a .moreBtn {
   position: relative;
}
section.blogPage.detail .blogDetailSlide .item .sectionText a .moreBtn p {
   font-size: var(--font-text-size-xs);
   font-weight: 500;
   color: var(--light-gray-to-white-color);
   margin-bottom: 0px;
}
section.blogPage.detail .blogDetailSlide .item .sectionText a .moreBtn p svg {
   font-size: var(--font-text-size-xs);
   color: var(--light-gray-to-white-color);
   fill: var(--light-gray-to-white-color);
   margin-left: 10px;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
section.blogPage.detail .blogDetailSlide .owl-nav {
   display: block !important;
   right: 0;
   font-size: var(--font-text-size-xxl);
   color: var(--brown-to-white-color);
}
section.blogPage.detail .blogDetailSlide .owl-prev {
   position: absolute;
   left: -15px;
   top: 45%;
}
section.blogPage.detail .blogDetailSlide .owl-next {
   position: absolute;
   right: -15px;
   top: 45%;
}
section.blogPage.detail .blogDetailSlide .item:hover .sectionText a .moreBtn p svg {
   margin-left: 20px;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

section.contactPage .contactContent {
   position: relative;
   margin-top: -40px;
   margin-bottom: 50px;
}
.contactContent .left {
   width: 50%;
   float: left;
   padding: 30px 60px;
   border: 1px solid var(--text-color);
   display: flex;
   align-items: center;
   min-height: 225px;
   background: rgb(255 255 255 / 40%);
}
.contactContent .right {
   width: 50%;
   float: right;
   padding: 30px 60px;
   border: 1px solid var(--text-color);
   display: flex;
   justify-content: center;
   flex-direction: column;
   min-height: 225px;
   background: rgb(255 255 255 / 40%);
}
.contactContent .left ul {
   margin-bottom: 0px;
   padding-left: 0px;
}
.contactContent .left ul li {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}
.contactContent .left ul li.last {
   margin-bottom: 0px;
}
.contactContent .left ul li .icon {
   width: 40px;
}
.contactContent .left ul li .icon i,
.contactContent .left ul li .icon svg {
   font-size: var(--font-text-size-lg);
   color: var(--brown-color);
}
.contactContent .left ul li a {
   font-size: var(--font-text-size-sm);
   color: var(--text-color);
}
.contactContent .left ul li a:hover {
   font-size: var(--font-text-size-sm);
   color: var(--brown-color);
}
.contactContent .right p.title {
   font-size: var(--font-text-size-md);
   color: var(--text-color);
   font-weight: 600;
   margin-bottom: 15px;
}
.contactContent .right p.desc {
   font-size: var(--font-text-size-sm);
   color: var(--text-color);
   margin-bottom: 43.5px;
   line-height: 1.2;
}
.contactContent .right ul {
   margin-bottom: 0px;
   padding-left: 0px;
}
.contactContent .right ul li {
   float: left;
   padding: 0px 15px;
}
.contactContent .right ul li.first {
   padding-left: 0px;
}
.contactContent .right ul li.last {
   padding-right: 0px;
}
.contactContent .right ul li a {
   color: var(--brown-color);
   font-size: var(--font-text-size-lg);
}
.contactContent .right ul li a:hover {
   color: var(--brown-color);
}

section.appDetailPage.head.hair {
   position: relative;
   padding-top: 120px;
   margin-top: -95px;
   background: var(--light-gray-color2);
   overflow: hidden;
}
section.appDetailPage.head.aest {
   position: relative;
   padding-top: 120px;
   margin-top: -95px;
   background: url("../img/aesthetics/head.png") no-repeat;
   background-size: cover;
   background-position: top center;
   overflow: hidden;
}
section.appDetailPage.head {
   padding-bottom: 40px;
}
section.appDetailPage.head::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   background: rgba(255 255 255 / 60%);
}
section.appDetailPage.head::after {
   content: "";
   position: absolute;
   background: url("../img/other/app-detail-mask-bg.png") no-repeat;
   background-size: 100% 100%;
   width: 100%;
   height: 200px;
   bottom: 0px;
   left: 0px;
   z-index: 0;
}
section.appDetailPage.head .section-title-content {
   position: relative;
   text-align: center;
   z-index: 0;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeInDown;
   animation-delay: 0.3s;
}
section.appDetailPage.head .section-title-content .sub-title {
   position: relative;
   font-size: var(--font-text-size-xl);
   font-weight: 600;
   line-height: 1.3;
   color: var(--text-color);
   margin-bottom: 10px;
}
section.appDetailPage.head .section-title-content .title {
   position: relative;
   font-size: var(--font-text-size-xxxl);
   font-weight: 700;
   line-height: 1.3;
   color: var(--brown-color);
   margin-bottom: 0px;
}
section.appDetailPage.head .image-content {
   position: relative;
   margin: 45px 0px;
   height: 300px;
   overflow: hidden;
}
section.appDetailPage.head .image-content img {
   position: relative;
   width: 100%;
   height: 100%;
   -ms-object-fit: cover;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: var(--border-radius-sm);
}
section.appDetailPage.head .body-content {
   position: relative;
   z-index: 0;
}
section.appDetailPage.head .body-content p {
   position: relative;
   margin-bottom: 20px;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   line-height: 1.3;
   color: var(--text-color);
}
section.appDetailPage.head .circle-content {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: 0;
}
section.appDetailPage.head .circle-content span {
   position: absolute;
   border-radius: 50%;
   background: url("../img/icon/icon_circle.svg") no-repeat;
   background-size: 100% 100%;
}
section.appDetailPage.head .circle-content span:nth-of-type(1) {
   top: 150px;
   right: 5%;
   width: 70px;
   height: 70px;
   animation: circles2 4.25s ease-in-out both infinite;
}
section.appDetailPage.head .circle-content span:nth-of-type(2) {
   bottom: 100px;
   left: 5%;
   width: 50px;
   height: 50px;
   animation: circles1 4.25s ease-in-out both infinite;
}

section.appDetailPage.area1 {
   position: relative;
   padding: 80px 0px;
   margin-bottom: 80px;
}
section.appDetailPage.area1 .cover-content.right {
   position: absolute;
   width: 30%;
   height: 100%;
   top: 0px;
   right: 0px;
   padding-right: 0px;
}
section.appDetailPage.area1 .cover-content.left {
   position: absolute;
   width: 30%;
   height: 100%;
   top: 0px;
   left: 0px;
   padding-left: 0px;
}
section.appDetailPage.area1.hair .cover-content img,
section.appDetailPage.area1.aest .cover-content img {
   width: 100%;
   height: 100%;
   -ms-object-fit: cover;
   -o-object-fit: cover;
   object-fit: cover;
}
section.appDetailPage.area1 .body-content.left {
   position: relative;
   padding-left: 50px;
}
section.appDetailPage.area1 .body-content.right {
   position: relative;
   padding-right: 50px;
}
section.appDetailPage.area1.hair .body-content .title {
   position: relative;
   font-size: var(--font-text-size-xl);
   font-weight: 600;
   line-height: 1.2;
   color: var(--brown-color);
   margin-bottom: 25px;
}
section.appDetailPage.area1.hair .body-content .desc {
   position: relative;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   line-height: 1.5;
   color: var(--text-color);
   margin-bottom: 25px;
}
section.appDetailPage.area1.hair .body-content ul {
   position: relative;
   padding-left: 0px;
   margin-bottom: 25px;
}
section.appDetailPage.area1.hair .body-content ul li {
   position: relative;
   margin-bottom: 20px;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   line-height: 1.4;
   color: var(--text-color);
   display: flex;
   align-items: center;
}
section.appDetailPage.area1.hair .body-content ul li:last-of-type {
   margin-bottom: 0px;
}
section.appDetailPage.area1.hair .body-content ul li svg,
section.appDetailPage.area1.hair .body-content ul li i {
   width: 25px;
   height: 25px;
   margin-right: 10px;
   fill: var(--brown-color);
   color: var(--brown-color);
}

ul.icon-ul {
   position: relative;
   padding-left: 0px;
   margin-bottom: 25px;
}
ul.icon-ul li {
   position: relative;
   margin-bottom: 20px;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   line-height: 1.4;
   color: var(--text-color);
   display: flex;
   align-items: center;
}
ul.icon-ul.white li {
   color: var(--white-color);
}
ul.icon-ul li:last-of-type {
   margin-bottom: 0px;
}
ul.icon-ul li svg,
ul.icon-ul li i {
   width: 25px;
   height: 25px;
   margin-right: 10px;
   fill: var(--brown-color);
   color: var(--brown-color);
}
ul.icon-ul.white li svg,
ul.icon-ul.white li i {
   fill: var(--white-color);
   color: var(--white-color);
}
ul.icon-ul li svg * {
   fill: var(--brown-color);
   color: var(--brown-color);
}
ul.icon-ul.white li svg * {
   fill: var(--white-color);
   color: var(--white-color);
}

section.appDetailPage.area1.aest .body-content .title {
   position: relative;
   font-size: var(--font-text-size-xl);
   font-weight: 600;
   line-height: 1.2;
   color: var(--brown-color);
   margin-bottom: 25px;
}
section.appDetailPage.area1.aest .body-content .desc {
   position: relative;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   line-height: 1.5;
   color: var(--text-color);
   margin-bottom: 25px;
}
section.appDetailPage.area1.aest .body-content ul {
   position: relative;
   padding-left: 0px;
   margin-bottom: 25px;
}
section.appDetailPage.area1.aest .body-content ul li {
   position: relative;
   margin-bottom: 20px;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   line-height: 1.4;
   color: var(--text-color);
   display: flex;
   align-items: center;
}
section.appDetailPage.area1.aest .body-content ul li:last-of-type {
   margin-bottom: 0px;
}
section.appDetailPage.area1.aest .body-content ul li svg,
section.appDetailPage.area1.aest .body-content ul li i {
   width: 25px;
   height: 25px;
   margin-right: 10px;
   fill: var(--brown-color);
   color: var(--brown-color);
}

section.appDetailPage.areaParallax.hair {
   position: relative;
   padding: 100px 0px;
   background: url("../img/hair-transplant/parallax-bg.png") no-repeat;
   background-size: cover;
   background-position: top center;
}
section.appDetailPage.areaParallax.gray {
   position: relative;
   padding: 100px 0px;
   background: var(--light-gray-color2) !important;
}
section.appDetailPage.areaParallax.aest {
   position: relative;
   padding: 100px 0px;
   background: var(--brown-color);
}
section.appDetailPage.areaParallax .section-title .title {
   color: var(--white-color);
   border-color: var(--white-color);
}
section.appDetailPage.areaParallax .section-title .desc p {
   color: var(--white-color);
   font-size: var(--font-text-size-sm);
   line-height: 1.5;
   margin-bottom: 20px;
   text-align: left;
}
section.appDetailPage.areaParallax .section-title .desc p:last-of-type {
   margin-bottom: 0px;
}
section.appDetailPage.areaParallax.gray .section-title .title {
   color: var(--brown-color);
   border-color: var(--brown-color);
}
section.appDetailPage.areaParallax.gray .section-title .desc p {
   color: var(--text-color);
}

section.appDetailPage.area3 {
   position: relative;
   padding: 0px 0px 50px 0px;
}
section.appDetailPage.area3.hair .cover-image {
   position: relative;
   width: 100%;
   height: 350px;
   overflow: hidden;
}
section.appDetailPage.area3.aest .cover-image {
   position: relative;
   width: 100%;
   height: 450px;
   overflow: hidden;
}
section.appDetailPage.area3 .cover-image::after {
   content: "";
   position: absolute;
   background: url("../img/other/app-detail-mask-bg.png") no-repeat;
   background-size: 100% 100%;
   width: 100%;
   height: 100px;
   bottom: 0px;
   left: 0px;
   z-index: 1;
}
section.appDetailPage.area3 .cover-image img {
   width: 100%;
   height: 100%;
   -ms-object-fit: cover;
   -o-object-fit: cover;
   object-fit: cover;
   z-index: 0;
}
section.appDetailPage.area3 .desc {
   position: relative;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   line-height: 1.5;
   color: var(--text-color);
   margin-bottom: 25px;
   text-align: left;
}
section.appDetailPage.area3 ul {
   position: relative;
   padding-left: 0px;
   margin-bottom: 25px;
}
section.appDetailPage.area3 ul li {
   position: relative;
   margin-bottom: 20px;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   line-height: 1.4;
   color: var(--text-color);
   display: flex;
   align-items: center;
}
section.appDetailPage.area3 ul li:last-of-type {
   margin-bottom: 0px;
}
section.appDetailPage.area3 ul li svg,
section.appDetailPage.area3 ul li i {
   width: 25px;
   height: 25px;
   margin-right: 10px;
   fill: var(--brown-color);
   color: var(--brown-color);
}

section.appDetailPage.area4.hair {
   position: relative;
   padding: 70px 0px;
   background: var(--light-gray-color2);
}
section.appDetailPage.area4.hair .image-content,
section.appDetailPage.area4.hair .body-content {
   position: relative;
}
section.appDetailPage.area4.hair .image-content img {
   position: relative;
   width: 100%;
   margin-bottom: -140px;
}
section.appDetailPage.area4.hair .body-content {
   padding-left: 50px;
}
section.appDetailPage.area4.hair .body-content .title {
   position: relative;
   font-size: var(--font-text-size-xxl);
   font-weight: 600;
   color: var(--text-color);
   line-height: 1.2;
   margin-bottom: 15px;
   text-align: right;
}
section.appDetailPage.area4.hair .body-content .desc {
   position: relative;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   color: var(--text-color);
   line-height: 1.5;
   margin-bottom: 0px;
   text-align: right;
}

section.appDetailPage.area4.aest {
   position: relative;
   padding: 70px 0px;
   background: var(--light-gray-color2);
}
section.appDetailPage.area4.aest .image-content,
section.appDetailPage.area4.aest .body-content {
   position: relative;
}
section.appDetailPage.area4.aest .image-content img {
   position: relative;
   width: 100%;
   margin-bottom: -140px;
}
section.appDetailPage.area4.aest .body-content {
   padding-right: 50px;
}
section.appDetailPage.area4.aest .body-content .title {
   position: relative;
   font-size: var(--font-text-size-xxl);
   font-weight: 600;
   color: var(--text-color);
   line-height: 1.2;
   margin-bottom: 15px;
   text-align: right;
}
section.appDetailPage.area4.aest .body-content .desc {
   position: relative;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   color: var(--text-color);
   line-height: 1.5;
   margin-bottom: 0px;
   text-align: right;
}

section.appDetailPage.areaFaqs {
   position: relative;
   padding: 80px 0px;
}
section.appDetailPage.areaFaqs.hair {
   padding: 180px 0px 100px 0px;
}
section.appDetailPage.areaFaqs .accordion-list {
   margin-top: 50px;
}
section.appDetailPage.areaFaqs .accordion-list .accordion-button {
   display: flex;
   align-items: center;
   box-shadow: none;
   color: var(--text-color);
   font-size: var(--font-text-size-md);
   border-radius: var(--border-radius-xs);
   font-weight: 500;
}
section.appDetailPage.areaFaqs .accordion-list .accordion-button:not(.collapsed) {
   color: var(--brown-color);
   font-size: var(--font-text-size-md);
   font-weight: 500;
   background: transparent;
}
section.appDetailPage.areaFaqs .accordion-list .accordion-button:not(.collapsed)::after {
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS41ODkiIGhlaWdodD0iMTQuNjIyIiB2aWV3Qm94PSIwIDAgMjUuNTg5IDE0LjYyMiI+CiAgPHBhdGggaWQ9ImNoZXZyb24tdXAtc29saWQiIGQ9Ik0yMy43MzcsMTEwLjY5M2ExLjgyLDEuODIsMCwwLDEtMS4yOTItLjUzNWwtOS42NzUtOS42NzFMMy4xLDExMC4xNjJBMS44MjgsMS44MjgsMCwwLDEsLjUxLDEwNy41NzdMMTEuNDc3LDk2LjYxYTEuODI3LDEuODI3LDAsMCwxLDIuNTg1LDBsMTAuOTY3LDEwLjk2N2ExLjgyMywxLjgyMywwLDAsMS0xLjI5MSwzLjExNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDI1IC05Ni4wNzUpIiBmaWxsPSIjN2YwNzJjIi8+Cjwvc3ZnPgo=);
   transform: rotate(0deg);
}
section.appDetailPage.areaFaqs .accordion-list .accordion-button::after {
   margin-top: 10px;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS41ODkiIGhlaWdodD0iMTQuNjIyIiB2aWV3Qm94PSIwIDAgMjUuNTg5IDE0LjYyMiI+CiAgPHBhdGggaWQ9ImNoZXZyb24tdXAtc29saWQiIGQ9Ik0yMy43MzcsMTEwLjY5M2ExLjgyLDEuODIsMCwwLDEtMS4yOTItLjUzNWwtOS42NzUtOS42NzFMMy4xLDExMC4xNjJBMS44MjgsMS44MjgsMCwwLDEsLjUxLDEwNy41NzdMMTEuNDc3LDk2LjYxYTEuODI3LDEuODI3LDAsMCwxLDIuNTg1LDBsMTAuOTY3LDEwLjk2N2ExLjgyMywxLjgyMywwLDAsMS0xLjI5MSwzLjExNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjU2NCAxMTAuNjk3KSByb3RhdGUoMTgwKSIgZmlsbD0iIzdmMDcyYyIvPgo8L3N2Zz4K);
}
section.appDetailPage.areaFaqs .accordion-list .accordion-item:first-of-type {
   border-top-left-radius: var(--border-radius-xs);
   border-top-right-radius: var(--border-radius-xs);
}
section.appDetailPage.areaFaqs .accordion-list .accordion-item:last-of-type {
   border-bottom-left-radius: var(--border-radius-xs);
   border-bottom-right-radius: var(--border-radius-xs);
}
section.appDetailPage.areaFaqs .accordion-list .accordion-item {
   border: 1px solid var(--border-color-light);
}
section.appDetailPage.areaFaqs .accordion-list .accordion-body {
   position: relative;
   font-size: var(--font-text-size-sm);
   font-weight: 400;
   line-height: 1.5;
   color: var(--text-color);
}

.breadcrumbs {
   position: relative;
   padding-top: 110px;
   margin-top: -95px;
   background: var(--light-gray-color2);
   overflow: hidden;
}
.breadcrumbs::before {
   content: "";
   background: url("../img/icon/icon_breadcrumb_estenext.svg") no-repeat;
   background-size: 100% 100%;
   background-position: top center;
   position: absolute;
   top: -100px;
   left: 10%;
   bottom: -100px;
   width: 800px;
   height: 800px;
   z-index: 0;
   opacity: 0.4;
}
.breadcrumbs .breadcrumb-body.up {
   animation-name: fadeInDown !important;
}
.breadcrumbs .breadcrumb-body {
   position: relative;
   z-index: 0;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeInLeft;
   animation-delay: 0.3s;
}
.breadcrumbs .breadcrumb-body .sub-title {
   position: relative;
   font-size: var(--font-text-size-xl);
   font-weight: 600;
   line-height: 1.3;
   color: var(--text-color);
   margin-bottom: 10px;
}
.breadcrumbs .breadcrumb-body .title {
   position: relative;
   font-size: var(--font-text-size-xxxl);
   font-weight: 700;
   line-height: 1.3;
   color: var(--brown-color);
   margin-bottom: 10px;
}
.breadcrumbs .breadcrumb-body .desc {
   position: relative;
   font-size: var(--font-text-size-sm);
   font-weight: normal;
   line-height: 1.4;
   color: var(--text-color);
   margin-bottom: 0px;
}
.breadcrumbs .breadcrumb-body .promo-video {
   position: relative;
   margin-top: 70px;
   display: inline-flex;
   align-items: center;
   justify-content: flex-start;
}
.breadcrumbs .breadcrumb-body .promo-video svg {
   width: 35px;
   height: 35px;
   margin-right: 10px;
}
.breadcrumbs .breadcrumb-body .promo-video svg * {
   fill: var(--brown-to-white-color);
}
.breadcrumbs .breadcrumb-body .promo-video span {
   position: relative;
   font-size: var(--font-text-size-xs);
   font-weight: 400;
   line-height: 1;
   color: var(--text-color);
}
.breadcrumbs .breadcrumb-image {
   position: relative;
   z-index: 1;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeInRight;
   animation-delay: 0.3s;
}
.breadcrumbs .breadcrumb-image.normal {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   z-index: 0;
}
.breadcrumbs .breadcrumb-image.bottom {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   z-index: 0;
}
.breadcrumbs .breadcrumb-image img {
   position: relative;
   width: 100%;
   z-index: 1;
}
.breadcrumbs .breadcrumb-image.bottom .circle-content span:nth-of-type(1) {
   top: 0px;
   width: 60px;
   height: 60px;
   right: 0px;
}
.breadcrumbs .breadcrumb-image.bottom .circle-content span:nth-of-type(2) {
   left: 0px;
}
.breadcrumbs .breadcrumb-image .circle-content {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: 0;
}
.breadcrumbs .breadcrumb-image .circle-content span {
   position: absolute;
   border-radius: 50%;
   background: url("../img/icon/icon_circle.svg") no-repeat;
   background-size: 100% 100%;
}
.breadcrumbs .breadcrumb-image .circle-content span:nth-of-type(1) {
   top: 50px;
   right: 0%;
   width: 70px;
   height: 70px;
   animation: circles2 4.25s ease-in-out both infinite;
}
.breadcrumbs .breadcrumb-image .circle-content span:nth-of-type(2) {
   bottom: 100px;
   left: -50px;
   width: 50px;
   height: 50px;
   animation: circles1 4.25s ease-in-out both infinite;
}

.alert-other {
   position: relative;
   border-radius: var(--border-radius-sm);
   background: var(--dark-gray-to-light-gray-color3) !important;
   font-size: var(--font-text-size-sm);
   font-weight: var(--font-text-weight);
   color: var(--text-color) !important;
   padding: 15px 20px;
}
.ui-widget-content {
   border-radius: var(--border-radius-sm) !important;
   background: var(--dark-gray-to-light-gray-color3) !important;
   font-size: var(--font-text-size-sm) !important;
   font-weight: var(--font-text-weight) !important;
   color: var(--text-color) !important;
}
.ui-widget.ui-widget-content {
   border: 1px solid var(--border-color-light) !important;
   z-index: 9999;
}
.ui-menu .ui-menu-item-wrapper {
   border-radius: var(--border-radius-sm) !important;
   background: var(--dark-gray-to-light-gray-color3) !important;
   font-size: var(--font-text-size-sm) !important;
   font-weight: var(--font-text-weight) !important;
   color: var(--text-color) !important;
   padding: 10px 15px !important;
}
.ui-menu .ui-menu-item-wrapper:hover,
.ui-menu .ui-menu-item-wrapper:focus,
.ui-menu .ui-menu-item-wrapper:active {
   border: 1px solid var(--border-color-light) !important;
}
/* OTHER */

/* ANIMATION */

@keyframes zoomInImageSm {
   0% {
      transform: translateY(0px) translateX(0px) scale(1);
      opacity: 1;
   }
   50% {
      transform: translateY(0px) translateX(0) scale(1.2);
      opacity: 1;
   }
   100% {
      transform: translateY(0px) translateX(0px) scale(1);
      opacity: 1;
   }
}
@keyframes circles1 {
   0% {
      transform: translateY(0) translateX(0);
   }
   50% {
      transform: translateY(30px) translateX(30px);
   }
   100% {
      transform: translateY(0) translateX(0);
   }
}
@keyframes circles2 {
   0% {
      transform: translateY(0) translateX(0);
   }
   50% {
      transform: translateY(30px) translateX(-30px);
   }
   100% {
      transform: translateY(0) translateX(0);
   }
}
@keyframes circles3 {
   0% {
      transform: translateY(0) translateX(0);
   }
   50% {
      transform: translateY(-30px) translateX(-30px);
   }
   100% {
      transform: translateY(0) translateX(0);
   }
}
@keyframes circles4 {
   0% {
      transform: translateY(0) translateX(0) scale(1);
   }
   50% {
      transform: translateY(-40px) translateX(-40px) scale(0.95);
   }
   100% {
      transform: translateY(0) translateX(0) scale(1);
   }
}
@keyframes circles5 {
   0% {
      transform: translateY(0) translateX(0) scale(1);
   }
   50% {
      transform: translateY(60px) translateX(60px) scale(0.9);
   }
   100% {
      transform: translateY(0) translateX(0) scale(1);
   }
}
/* ANIMATION */