@import url(../css/all.min.css);
@import url(../css/bootstrap.css);
@import url(../css/owl.carousel.min.css);
@import url(../css/owl.theme.default.min.css);
@import url(../css/animate.css);
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Maven+Pro:wght@400;500;600;700;800&display=swap');

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}

:root {
    --main-color: #8A2BE2;
    --sub-color: #B537F1;
    --oth-color: #3CB9FC;
    --ph-color: #1A191E;
    --sec-padding: 80px 0;
    --success-color : #198754;
    --error-color : #dc3545;
}

body {
    font-family: 'Maven Pro', 'Almarai', sans-serif;
    background-color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Maven Pro', 'Almarai', sans-serif;
    font-weight: 700;
    font-style: normal;
    margin: 0;
}

p {
    margin: 0;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

img {
    vertical-align: middle;

}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}


a,
button {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

p {
    margin: 0;
}

a {
    cursor: pointer !important;
    text-decoration: none !important;
}

a:hover,
a:active,
a:focus,
a:visited {
    text-decoration: none !important;
}

input,
textarea,
a,
button {
    outline: none !important;
    text-decoration: none;
}

img {
    max-width: 100%;
}

.main-wrapper {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    padding-top: 145px;
}

.menu-toggle .main-wrapper {
    -webkit-transition: -webkit-transform .0s ease;
    transition: -webkit-transform .0s ease;
    transition: transform .0s ease;
    transition: transform .0s ease,
        -webkit-transform .0s ease;
}

.pd-0 {
    padding-top: 0
}

.hamburger {
    display: none;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.rtl-style .hamburger {
    left: 10px;
    right: auto;
}

.icon.icon-hamburger {
    background: url(../images/svg/hamburger.svg);
    width: 25px;
    height: 25px;
}

.icon.icon-colored-feature {
    background: url(../images/svg/colored_feature_star.svg);
    width: 60px;
    height: 60px;
}

.icon.icon-feature {
    background: url(../images/svg/feature_star.svg);
    width: 60px;
    height: 60px;
    /* margin-left: 45%; */
}

.fixed-header .icon-hamburger {
    background: url(../images/svg/hamburger-color.svg);
}

.hamburger.is-closed .icon-hamburger {
    background: url(../images/svg/close-menu.svg);
}

.is-closed {
    top: 40px;
}

.header-mb .logo-site {
    position: fixed;
    background: #F4EDFC;
    top: 0;
    height: 15%;
    width: 100%;
    text-align: center;
    padding: 30px;
}

.header-mb .logo-site img {
    max-width: 200px;
}

.header-mb .logo-web {
    display: none;
}

.header-mb .logo-mobile {
    display: block;
}


/* Style Header */

#header {
    width: 100%;
    padding: 40px 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

#header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 9;
}

.logo-site a {
    display: inline-block;
}

.logo-site img {
    max-width: 240px;
}

.logo-mobile {
    display: none;
}

.main_menu {
    display: flex;
}

.main_menu > li {
    margin-right: 35px;
}

.main_menu > li:last-child {
    margin-right: 0;
}

.main_menu > li > a {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 600;
    position: relative;
    padding: 10px;
}

.main_menu > li > a i,.main_menu > li > a svg {
    margin-right: 8px;
}

.rtl-style .main_menu > li > a i {
    margin-right: unset;
    margin-left: 8px;
}

.dropdown-toggle::after {
    border: 0;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0d7";
    font-size: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
    transition: .5s;
}

.rtl-style .dropdown-toggle::after {
    right: auto;
    left: -15px;
}

.dropdown-toggle.show::after {
    transform: translateY(-50%) rotate(-180deg);
}

.dropdown-menu {
    transition: all .8s ease-in-out;
    transform: translateY(100px) !important;
    box-shadow: none;
    background: #F4EDFC;
    border: 2px solid rgb(255 255 255 / 50%);
    border-radius: 20px;
}

.dropdown-menu li {
    display: inline-block;
    border-right: 2px solid #FBF7FF;
    min-width: 100px;
}

.dropdown-menu li:last-child {
    border-right: 0;
}

.dropdown-menu li a {
    padding: 10px 20px;
    color: #1A191E;
    font-size: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dropdown-menu .dropdown-item i {
    width: 25px;
    height: 25px;
    margin-bottom: 10px;
    filter: brightness(0);
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: transparent;
    color: var(--main-color);
}

.dropdown-menu .dropdown-item:hover i {
    filter: brightness(1);
}

.dropdown-menu.show {
    transform: translateY(57px) !important;
    display: flex;
}

#header.header-page {
    position: absolute;
    background: url(../images/bg-header.jpg);
}

.header-page .logo-site img {
    max-width: 160px;
}

#header.fixed-header {
    position: fixed;
    padding: 15px 0;
    background: #F4EDFC;
    width: 100%;
    top: 0;
    left: 0;
    box-shadow: 0 1px 7px rgb(0 0 0 / 16%);
    z-index: 33;
}

#header.fixed-header .logo-web {
    display: none;
}

#header.fixed-header .logo-mobile {
    display: block;
}

#header.fixed-header .logo-site img {
    max-width: 120px;
}

#header.fixed-header .main_menu > li > a {
    color: #1A191E
}

#header.fixed-header .main_menu > li > a {
    filter: brightness(0);
}

/* Style Home Slide */

.section_home {
    position: relative;
    padding: 250px 0;
    background-size: 100% 100% !important;
    z-index: 1;
}

.home_txt {
    position: relative;
    width: 600px;
    max-width: 100%;
}

.home_txt h1 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 35px;
    position: relative;
    padding-left: 15px;
}

.rtl-style .home_txt h1 {
    padding-right: 15px;
    padding-left: unset;
}

.home_txt h1:before {
    content: "";
    background: #fff;
    width: 5px;
    height: 100%;
    border-radius: 15px;
    position: absolute;
    top: 0;
    left: 0;
}

.rtl-style .home_txt h1:before {
    left: auto;
    right: 0;
}

.home_txt h1 span {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
}

.form-search .form-group {
    display: flex;
    position: relative;
}

.form-search .form-group .form-control {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(2px);
    background-color: rgba(255, 255, 255, 0.50);
    height: 45px;
    border: 0;
    border-radius: 8px;
}

.form-search .form-group .form-control::placeholder {
    color: #1A191E
}

.form-search .form-group .btn-site {
    background: linear-gradient(90deg, rgba(138, 43, 226, 1) 0%, rgba(150, 46, 230, 1) 50%, rgba(181, 55, 241, 1) 100%);
    margin: 0;
    height: 45px;
    border-radius: 8px;
    position: absolute;
    top: 0;
    right: 0;
}

.rtl-style .form-search .form-group .btn-site {
    left: 0;
    right: auto;
}

.form-search .form-group .btn-site small {
    font-size: 16px;
}

/* Style Stac Site */

.sec_head {
    margin-bottom: 40px;
    position: relative;
    text-align: center;
}

.sec_head p {
    font-size: 38px;
    color: var(--ph-color);
}

.sec_head p span {
    font-weight: 500;
}

.sec-head {
    margin-bottom: 15px;
}

.sec-head h2 {
    color: var(--ph-color);
    font-size: 25px;
}

.btn-site {
    height: 40px;
    font-size: 15px;
    padding: 12px 25px;
    display: flex;
    align-items: center;
    margin: 30px auto 0;
    border-radius: 10px;
    justify-content: center;
    background: var(--oth-color);
    width: max-content;
    position: relative;
    overflow: hidden;
}

.disabled-btn-site {
    height: 40px;
    font-size: 15px;
    padding: 12px 25px;
    display: flex;
    align-items: center;
    margin: 30px auto 0;
    border-radius: 10px;
    justify-content: center;
    background: #D3D3D3;
    width: max-content;
    position: relative;
    overflow: hidden;
}

.disabled-btn-site:before {
    background: #EBEBEB;
    position: absolute;
    content: "";
    top: 0;
    height: 100%;
    left: -10px;
    width: 0%;
    transform: skew(-10deg);
    transition-duration: .6s;
    z-index: 0;
}

.disabled-btn-site:hover:before {
    position: absolute;
    content: "";
    top: 0;
    left: -10px;
    width: 120%;
    z-index: 0
}

.disabled-btn-site span {
    color: #fff;
    position: relative;
    font-size: 15px;
    font-weight: 700;
}

.disabled-btn-site:hover span {
    color: var(--main-color);
}


.btn-site:before {
    background: #EBEBEB;
    position: absolute;
    content: "";
    top: 0;
    height: 100%;
    left: -10px;
    width: 0%;
    transform: skew(-10deg);
    transition-duration: .6s;
    z-index: 0;
}

.btn-site:hover:before {
    position: absolute;
    content: "";
    top: 0;
    left: -10px;
    width: 120%;
    z-index: 0
}

.btn-site span {
    color: #fff;
    position: relative;
    font-size: 15px;
    font-weight: 700;
}

.btn-site:hover span {
    color: var(--main-color);
}

.icon {
    width: 18px;
    height: 18px;
    background-size: 100% 100% !important;
    display: block;
}

.stage-padding {
    padding-bottom: 50px;
}

/* Style How Works */

.section_how_works {
    background: #FBF7FF;
}

.section_how_works .d-flex {
    align-items: center;
}

.item-work {
    flex: 0 20%;
}

.head-work {
    background: #F4EDFC;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.head-work h4 {
    text-transform: uppercase;
    color: #1A191E;
    font-size: 30px;
    font-weight: 800;
}

.item-work {
    text-align: center;
    padding: 30px;
    height: 200px;
}

.item-work figure {
    position: relative;
    background: url(../images/shape-works.svg);
    background-size: 100% 100%;
    margin: 0 auto 15px;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-work .icon {
    width: 45px;
    height: 45px;
}

.item-work p {
    font-weight: 600;
    color: #1A191E;
    font-size: 18px;
}

/* Style Offer */

.section_offer {
    position: relative;
    padding: 50px 0;
}

.head-offer {
    margin-bottom: 20px;
    text-align: center;
}

.head-offer h2 {
    font-size: 80px;
    color: rgb(26 25 30 / 8%);
    text-transform: uppercase;
}

.wrapper-offer {
    display: flex;
    position: relative;
}

.section_offer:before,
.section_offer:after {
    content: "";
    background: var(--main-color);
    width: 300px;
    height: 430px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.section_offer:after {
    right: 0;
    left: auto;
}

.item-offer {
    margin-right: 15px;
    position: relative;
    flex: 1;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.rtl-style .item-offer {
    margin-left: 15px;
    margin-right: unset;
}

.item-offer.active {
    flex: 3
}

.item-offer:last-child {
    margin-right: 0;
}

.rtl-style .item-offer:last-child {
    margin-left: 0;
}

.item-offer figure {
    height: 450px;
    margin-bottom: 0;
}

.item-offer figure img {
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
}

.txt-offer {
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.rtl-style .txt-offer {
    left: auto;
    right: 0;
}

.txt-offer h4 {
    color: #FAF5FF;
    font-size: 26px;
}

#offer-slider {
    display: none;
}

#offer-slider .owl-nav > button {
    background: #fff;
    color: var(--ph-color);
    font-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
}

#offer-slider .owl-nav > button.owl-next {
    right: -10px;
    left: auto;
}

/* Style Academia Talents */

.section_academia_talents {
    position: relative;
    padding: 30px 0;
}

.btn-view {
    color: var(--main-color);
    font-weight: 600;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.rtl-style .btn-view {
    right: auto;
    left: 0;
}

.btn-view svg {
    margin-right: 10px;
}

.rtl-style .btn-view svg {
    margin-left: 10px;
    margin-right: unset;
    transform: scale(-1);
}

.item-academic {
    position: relative;
    display: block;
    background: #FBF7FF;
    padding: 15px;
    border-radius: 15px;
}

.item-academic-img{
    border-radius: 15px;
}

.loadingIconsItems{
    color: #B537F1;
}

.img-cover{
    object-fit: cover;
    object-position: center;
  }

.col--5 {
    flex: 0 0 auto;
    width: 20%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.icon-car {
    background: url(../images/svg/icon-car.svg);
}

.icon-age {
    background: url(../images/svg/icon-age.svg);
}

.icon-wishlist {
    background: url(../images/svg/icon-wishlist.svg);
}

.icon-cup {
    background: url(../images/svg/icon-cup.svg);
}

.icon-triple-top-arrow {
    background: url(../images/svg/icon-triple-top-arrow.svg);
}

.map-marker-home {
    background: url(../images/svg/map-marker-home.svg);
}

.online-class {
    background: url(../images/svg/online-class.svg);
}

.txt-talent .d-flex {
    justify-content: space-between;
}

.txt-talent .d-flex:first-child {
    margin-bottom: 15px;
}

.txt-talent h4 {
    color: var(--ph-color);
    font-size: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.txt-talent ul {
    display: flex;
    align-items: center;
}

.txt-talent ul li {
    margin-right: 8px;
}

.rtl-style .txt-talent ul li {
    margin-right: unset;
    margin-left: 8px;
}

.txt-talent ul li:last-child {
    margin-right: 0;
}

.rtl-style .txt-talent ul li:last-child {
    margin-left: 0;
}

.txt-talent p {
    display: flex;
    align-items: center;
    color: var(--ph-color);
}

.txt-talent p strong {
    margin: 0 8px;
}

.icon-star {
    background: url(../images/svg/icon-star.svg);
}

.type-pro {
    padding: 3px 12px;
    background: linear-gradient(90deg, rgba(138, 43, 226, 1) 0%, rgba(150, 46, 230, 1) 50%, rgba(181, 55, 241, 1) 100%);
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    height: max-content;
}

.owl-carousel.slider-talents {
    display: none
}

.slider-talents .owl-dots {
    text-align: center;
    display: block !important;
    padding-top: 15px;
}

.slider-talents .owl-dots .owl-dot {
    margin-right: 5px;
}

.slider-talents .owl-dots .owl-dot:last-child {
    margin-right: 0;
}

.slider-talents .owl-dots .owl-dot span {
    background: #DEC8F2;
    width: 11px;
    height: 10px;
    border-radius: 10px;
    display: block;
}

.slider-talents .owl-dots .owl-dot.active span {
    background: var(--main-color);
    width: 18px;
}


/* Style Sports Talents */

.section_sports_talents {
    position: relative;
    padding: 30px 0;
}

.item-sport {
    text-align: center;
    position: relative;
}

.item-sport .txt-talent p {
    justify-content: center;
    margin: 10px 0;
}

.item-sport .txt-talent ul {
    justify-content: center;
}

.item-sport .type-pro {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
}

/* Style Music Talents */

.section_music_talents {
    position: relative;
    padding: 60px 0;
}

.item-music {
    border: 1px solid #C6C6C6;
    border-radius: 15px;
    padding: 15px;
    display: block;
}

.item-music .txt-talent,
.item-academic .txt-talent,
.item-dance .txt-talent {
    height: 65px;
}

/* Style Dance Talents */

.section_dance_talents {
    position: relative;
    padding-bottom: 50px;
}

.item-dance {
    position: relative;
    display: block;
    background: #FBF7FF;
    padding: 15px;
    border-radius: 15px;
}

/* Style Join  */

.section_join {
    position: relative;
    padding: 40px 0;
}

.wrapper-join {
    background: url(../images/bg-join.jpg);
    background-size: 100% 100%;
    display: flex;
    align-items: center;
}

.txt-join {
    width: 65%;
    padding: 40px;
}

.txt-join p {
    font-size: 35px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 20px;
}

.txt-join p span {
    font-weight: 700;
}

.txt-join .btn-site {
    margin: 0;
    padding: 10px 45px;
}

.txt-join .btn-site span {
    font-weight: 700;
}

.thumb-join {
    width: 35%;
}

.thumb-join figure {
    margin-bottom: 0
}

.thumb-join figure img {
    max-width: 380px;
}


/* Style Fotter */

footer {
    position: relative;
    background: #F4EDFC;
}

.top-footer {
    padding: 30px 0;
    position: relative;
    border-bottom: 1px solid rgb(198 198 198 / 30%)
}

.logo-ft {
    display: block;
}

.logo-ft img {
    width: 220px;
}

.menu-ft h5 {
    color: var(--ph-color);
    margin-bottom: 20px;
    font-size: 17px;
    text-transform: uppercase;
}

.menu-ft p {
    color: var(--ph-color);
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
}

.menu-ft ul li {
    margin-bottom: 5px;
}

.menu-ft ul li a {
    color: var(--ph-color);
    font-weight: 500;
    font-size: 14px;
}

.li-ft li a:hover {
    color: var(--main-color);
}

.list-social li {
    display: inline-block;
    margin-right: 5px;
    color: #fff
}

.list-social li:last-child {
    margin-right: 0
}

.rtl-style .list-social li {
    margin-left: 5px;
    margin-right: unset
}

.rtl-style .list-social li:last-child {
    margin-left: 0
}

.list-social li a {
    color: #fff;
    display: flex;
    align-items: center;
}

.list-social li a svg {
    max-width: 23px;
    max-height: 18px;
}

.bottom-ft {
    padding: 20px 0;
}

.cont-bt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.copyRight {
    font-size: 14px;
}

.cont-bt p {
    color: var(--ph-color);
    font-size: 14px;
}

.cont-bt p a {
    color: var(--ph-color);
}


/* Style Head Page */

.hd-page {
    position: relative;
    background-position: center !important;
    background-size: cover !important;
    height: 300px;
}

.hd-page .container {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 30px;
    height: 100%;
    position: relative;
    z-index: 2;
}

.hd-page p {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 38px;
    text-align: center;
}

.hd-page p strong {
    font-weight: 900;
}

.breadcrumb-bar {
    padding: 15px 0;
}

.breadcrumb {
    margin-bottom: 0;
}

.breadcrumb li {
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
}

.breadcrumb li:first-child {
    padding-left: 30px;
}

.breadcrumb li:first-child:before {
    content: "";
    background: url(../images/img-booking.png);
    background-size: 100% 100%;
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.rtl-style .breadcrumb li {
    margin-right: unset;
    margin-left: 10px;
    padding-right: unset;
    padding-left: 10px;
}

.breadcrumb-bar .breadcrumb a {
    color: var(--oth-color);
    font-weight: 700;
    font-size: 15px;
}

.breadcrumb-bar .breadcrumb li {
    color: var(--ph-color);
    font-size: 15px;
    position: relative;
}

.breadcrumb > li + li:before {
    content: "/";
    color: var(--oth-color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -12.5px;
    transform: translateY(-50%);
}

.rtl-style .breadcrumb > li + li:before {
    left: auto;
    right: -12.5px;
}

.breadcrumb-bar .breadcrumb a:hover {
    color: var(--main-color);
}

/* Style Aside Filter */

.filters-product {
    position: relative;
    background: #FDFAFF;
    padding: 15px;
    border-radius: 15px;
}

.head-fltr {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #F0F0F0
}

.head-fltr h4 {
    position: relative;
    font-size: 19px;
    font-weight: 600;
    color: var(--main-color)
}

.head-fltr .icon-filter {
    background: url(../images/svg/icon-filter.svg);
}

.icon-close-f {
    background: url(../images/svg/close-menu.svg);
}

.cont-filter {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
}

.cont-filter .head-fltr {
    display: none;
}

.item-filter {
    margin-bottom: 40px;
}

.item-filter h6 {
    text-transform: uppercase;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: var(--ph-color);
    margin-bottom: 10px;
}

.btn-clear {
    border: 1px solid var(--main-color);
    border-radius: 10px;
    display: block;
    padding: 10px;
    width: 100%;
    text-align: center;
    color: var(--main-color);
    font-weight: 700;
    font-size: 18px;
}

.btn-clear:hover {
    background: var(--main-color);
    color: #fff;
}

.cbx {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin: 0 0 10px;
}

.cbx p {
    color: var(--ph-color);
    font-size: 17px;
    width: calc(100% - 17px);
}

.cbx p a {
    color: #2A2B2C;
    text-decoration: underline !important;
}

.cbx span {
    display: inline-block;
    vertical-align: middle;
    border: 0;
    transform: translate3d(0, 0, 0);
}

.cbx span:first-child {
    position: relative;
    width: 17px;
    height: 17px;
    background: #F2DFFC;
    border-radius: 3px;
    transform: scale(1);
    vertical-align: middle;
    transition: all 0.2s ease;
    top: 2px;
}

.cbx span:first-child svg {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 2px;
    fill: none;
    stroke: var(--ph-color);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
}

.cbx span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 0;
    transition-delay: 0.2s;
}

.cbx span:last-child {
    margin-left: 8px;
}

.cbx span:last-child:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #F2DFFC;
    transform-origin: 0 0;
    transform: scaleX(0);
}

.cbx:hover span:first-child {
    border-color: #F2DFFC;
}

.inp-cbx:checked + .cbx span:first-child {
    border-color: #F2DFFC;
    background: #F2DFFC;
    animation: check 0.6s ease;
}

.inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
}

.inp-cbx:checked + .cbx span:first-child:before {
    transform: scale(2.2);
    opacity: 0;
    transition: all 0.6s ease;
}

.inp-cbx:checked + .cbx span:last-child {
    color: #B9B8C3;
    transition: all 0.3s ease;
}

.inp-cbx:checked + .cbx span:last-child:after {
    transform: scaleX(1);
    transition: all 0.3s ease;
}

@keyframes check {
    50% {
        transform: scale(1.2);
    }
}

.item-filter li {
    position: relative;
}

.inp-cbx:checked {
    box-shadow: inset 0 0 0 3px #ffffff;
    border: 1px solid var(--main-color);
    padding: 5px;
    background: var(--main-color);
}

.inp-cbx {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px var(--main-color);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    appearance: none;
    transition: box-shadow 150ms cubic-bezier(0.95, 0.15, 0.5, 1.25);
    /* pointer-events: none; */
}

.con-che {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.range {
    --range: calc(var(--max, 100) - var(--min, 0));
    --ratio: calc((var(--value, 50) - var(--min, 0))/var(--range, 100));
    --sx: calc(.5*1rem + var(--ratio)*(100% - 1rem));
}

.range [type=range] {
    --value: attr(value);
    --min: attr(min);
    --max: attr(max);
    --step: attr(step);
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 1rem;
    background: transparent;
    color: #111;
    font-size: 1em;
    line-height: 1;
    outline: 0;
}

.range [type=range]:focus ~ output,
.range [type=range]:active ~ output,
.range [type=range]:focus-within ~ output {
    visibility: visible;
    opacity: 1;
}

.range [type=range],
.range [type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

.range [type=range]::-webkit-slider-runnable-track {
    box-sizing: border-box;
    border: none;
    width: 100%;
    height: 0.4rem;
    border-radius: 0.2rem;
    background-color: #ccc;
}

.range [type=range]::-webkit-slider-runnable-track {
    background: linear-gradient(#F00, #0F0) 0/var(--sx, 50) 100% no-repeat #ccc;
}

.range [type=range]::-moz-range-track {
    box-sizing: border-box;
    border: none;
    width: 100%;
    height: 0.4rem;
    border-radius: 0.2rem;
    background-color: #ccc;
}

.range [type=range]::-ms-track {
    box-sizing: border-box;
    border: none;
    width: 100%;
    height: 0.4rem;
    border-radius: 0.2rem;
    background-color: #ccc;
}

.range [type=range]::-moz-range-progress {
    height: 0.4rem;
    background: #f00;
    border-radius: 0.2rem 0 0 0.2rem;
}

.range [type=range]::-ms-fill-lower {
    height: 0.4rem;
    background: currentColor;
    border-radius: 0.2rem 0 0 0.2rem;
}

.range [type=range]::-webkit-slider-thumb {
    margin-top: -0.3rem;
    box-sizing: border-box;
    border: none;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: var(--main-color);
    cursor: -webkit-grab;
    cursor: grab;
}

.range [type=range]::-webkit-slider-thumb:focus,
.range [type=range]::-webkit-slider-thumb:active {
    box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.15);
}

.range [type=range]::-webkit-slider-thumb:focus,
.range [type=range]::-webkit-slider-thumb:focus-within,
.range [type=range]::-webkit-slider-thumb:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.range [type=range]::-moz-range-thumb {
    box-sizing: border-box;
    border: none;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: currentColor;
    cursor: grab;
}

.range [type=range]::-moz-range-thumb:focus,
.range [type=range]::-moz-range-thumb:active {
    box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.15);
}

.range [type=range]::-moz-range-thumb:focus,
.range [type=range]::-moz-range-thumb:focus-within,
.range [type=range]::-moz-range-thumb:active {
    cursor: grabbing;
}

.range [type=range]::-ms-thumb {
    margin-top: 0;
    box-sizing: border-box;
    border: none;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: currentColor;
    cursor: grab;
}

.range [type=range]::-ms-thumb:focus,
.range [type=range]::-ms-thumb:active {
    box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.15);
}

.range [type=range]::-ms-thumb:focus,
.range [type=range]::-ms-thumb:focus-within,
.range [type=range]::-ms-thumb:active {
    cursor: grabbing;
}

.range [type=range]::-ms-tooltip {
    display: none;
}

.range label,
.range hr,
.range output {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.range hr {
    position: absolute;
    overflow: visible;
    top: 1.25rem;
    color: #ccc;
    border: 1px solid currentColor;
    width: calc(100% - 1rem);
    height: 10px;
    margin: 0 0.5rem;
    border-width: 0 0 1px 0;
    background-color: transparent;
    background: repeating-linear-gradient(90deg, currentColor, currentColor 1px, transparent 1px, transparent calc(5% - 0.05px)) no-repeat 0% 100%;
    background-size: 100% 0.25rem;
    pointer-events: none;
}

.range hr::before {
    content: "";
    position: absolute;
    height: 0.5em;
    left: calc(50% - 1px);
    bottom: 0;
    width: 2px;
    height: 0.45em;
    background: currentColor;
}

.range hr + [type=range] {
    padding-bottom: 1rem;
}

.range-multi .range {
    --dif: calc(var(--max) - var(--min));
    box-sizing: border-box;
    border: none;
    width: 100%;
    height: 7px;
    border-radius: 10px;
    background-color: #F2E5FF;
    z-index: 2;
}

.range-multi .range::before,
.range-multi .range::after {
    box-sizing: content-box;
    display: inline-block;
    left: 0;
    height: 100%;
    content: "";
    position: absolute;
    background: #E2C5FD;
}

.range-multi .range::before {
    margin-left: calc(0.5rem + (var(--a) - var(--min))/var(--dif)*100%);
    width: calc((var(--b) - var(--a))/var(--dif)*100% - 0.5rem);
}

.range-multi .range::after {
    margin-left: calc(0.5rem + (var(--b) - var(--min))/var(--dif)*100%);
    width: calc((var(--a) - var(--b))/var(--dif)*100% - 0.5rem);
}

.range-multi .range output {
    position: absolute;
    top: 2rem;
}

.range-multi .range label {
    font-size: 1em;
}

.lab-num {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.range-multi .range label::after {
    content: attr(data-content);
    margin-right: 10px;
}

.range-multi .range label:last-child::after {
    margin-left: 10px;
}

.range-multi legend {
    position: relative;
    padding-top: 1rem;
    z-index: 1;
}

.range-multi [type=range] {
    position: absolute;
    left: 0;
    top: -5px;
    z-index: 1;
    background: none;
    pointer-events: none;
}

.range-multi [type=range]:focus {
    z-index: 2;
}

.range-multi [type=range]:first-of-type:focus ~ output:first-of-type,
.range-multi [type=range]:first-of-type:active ~ output:first-of-type,
.range-multi [type=range]:first-of-type:focus-within ~ output:first-of-type {
    visibility: visible;
    opacity: 1;
}

.range-multi [type=range]:first-of-type:focus ~ output:last-of-type,
.range-multi [type=range]:first-of-type:active ~ output:last-of-type,
.range-multi [type=range]:first-of-type:focus-within ~ output:last-of-type {
    visibility: hidden;
    opacity: 0;
}

.range-multi [type=range]:last-of-type:focus ~ output:first-of-type,
.range-multi [type=range]:last-of-type:active ~ output:first-of-type,
.range-multi [type=range]:last-of-type:focus-within ~ output:first-of-type {
    visibility: hidden;
    opacity: 0;
}

.range-multi [type=range]:last-of-type:focus ~ output:last-of-type,
.range-multi [type=range]:last-of-type:active ~ output:last-of-type,
.range-multi [type=range]:last-of-type:focus-within ~ output:last-of-type {
    visibility: visible;
    opacity: 1;
}

.range-multi [type=range]::-webkit-slider-runnable-track {
    background: none;
}

.range-multi [type=range]::-moz-range-track {
    background: none;
}

.range-multi [type=range]::-ms-track {
    background: none;
}

.range-multi [type=range]::-moz-range-progress {
    background: none;
}

.range-multi [type=range]::-ms-fill-lower {
    background: none;
}

.range-multi [type=range]::-webkit-slider-thumb {
    pointer-events: auto;
}

.range-multi [type=range]::-moz-range-thumb {
    pointer-events: auto;
}

fieldset {
    position: relative;
    display: inline-block;
    border: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.range-multi {
    padding: 1.5rem 0 0 0;
}

.range-multi {
    text-align: center;
}

.icon-spinner {
    font: normal normal normal 14px/1 FontAwesome;
}

.icon-spinner:before {
    content: "\f110";
}


@keyframes anim-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* Style Talents Page */

.head-talents-page {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.form-search-talent {
    position: relative;
}

.form-search-talent .form-control {
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    height: 45px;
    width: 350px;
    max-width: 100%;
}

.form-search-talent button {
    background: var(--ph-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    height: 45px;
    width: 45px;
    position: absolute;
    top: 0;
    right: 0;
}

.rtl-style .form-search-talent button {
    left: 0;
    right: auto;
}

.toggle {
    display: flex;
    align-items: center;
}

.toggle p {
    margin-right: 10px;
    color: var(--ph-color);
}

.rtl-style .toggle p {
    margin-left: 10px;
    margin-right: unset;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #797979;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #E0E0E0;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background: linear-gradient(90deg, rgba(138, 43, 226, 1) 0%, rgba(150, 46, 230, 1) 50%, rgba(181, 55, 241, 1) 100%);
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    background: #F6E8FD
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.wrapper-talent-page .item-talent {
    margin-bottom: 24px;
    display: block;
}

.wrapper-talent-page .item-sport {
    margin-bottom: 80px;
}

.item-talent figure img {
    width: 100%;
}

.stage-talents {
    padding-bottom: 50px;
}

.sports_talents_page .head-talents-page {
    margin-bottom: 70px;
}

/* Style Talent Details Page */

.dta-person-talent {
    background: #FDFAFF;
    padding: 20px;
    border-radius: 20px;
}

.dta-person-talent > div {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #F0F0F0;
}

.dta-person-talent > div:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.dta-person {
    display: flex;
}

.dta-person figure {
    width: 110px;
    height: 110px;
    margin-bottom: 0;
}

.dta-person figure img {
    border-radius: 20px;
}

.txt-person {
    width: calc(100% - 110px);
    padding-left: 15px;
}

.rtl-style .txt-person {
    padding-left: unset;
    padding-right: 15px;
}

.txt-person h6 {
    color: var(--ph-color);
    margin-bottom: 10px;
    font-size: 21px;
}

.dta-person-talent p {
    display: flex;
    align-items: center;
    color: var(--ph-color);
    font-size: 18px;
    margin-bottom: 10px;
}

.dta-person-talent p:last-child {
    margin-bottom: 0;
}

.dta-person-talent p strong {
    margin-right: 8px;
}

.rtl-style .dta-person-talent p strong {
    margin-right: unset;
    margin-left: 8px;
}

.dta-person-talent .icon {
    width: 21px;
    height: 21px;
    margin-right: 8px;
}

.rtl-style .txt-person .icon {
    margin-right: unset;
    margin-left: 8px;
}

.other-dta-person p {
    font-size: 16px;
}

.other-dta-person .d-flex p {
    flex: 1;
}

.dta-person .type-pro {
    position: absolute;
    top: 175px;
    left: 50px;
    padding: 0 12px;
}

.rtl-style .dta-person .type-pro {
    left: auto;
    right: 50px;
}

.nav-tabs {
    border-bottom: 0;
    margin-bottom: 15px;
    justify-content: space-between;
}

.nav-item {
    flex: 0 auto;
}

.nav-tabs .nav-link {
    padding: 10px 0;
    margin: 0;
    background: none;
    border: 0;
    color: var(--ph-color);
    font-weight: 500;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--main-color);
    font-weight: 600;
    margin: 0;
    border-bottom: 3px solid var(--main-color);
}

.item-day {
    position: relative;
    display: flex;
    margin-bottom: 20px;
}

.item-day span {
    color: var(--main-color);
    font-weight: 700;
    font-size: 15px;
    width: 60px;
}

.item-day p {
    width: calc(100% - 60px);
    color: var(--ph-color);
    font-size: 14px;
}

.item-preson {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.item-preson p {
    color: var(--ph-color);
    font-size: 14px;
    font-weight: 500;
}

.icon-check {
    background: url(../images/svg/checkmark-circle.svg);
}

.ph-hire {
    margin-bottom: 30px;
}

.ph-hire h5 {
    font-size: 26px;
    margin-bottom: 5px;
    color: var(--ph-color);
}

.ph-hire p {
    font-size: 16px;
    color: var(--ph-color);
    line-height: 2;
}

.item-hire {
    background: #FAFAFA;
    border-radius: 20px;
    padding: 20px;
    position: relative;
    margin-bottom: 24px;
}

.item-hire.active {
    background: var(--main-color);
}

.item-hire figure {
    margin-bottom: 15px;
}

.item-hire figure img {
    width: 40px;
    height: 40px;
}

.item-hire.active figure img.img-color {
    display: none !important;
}

.item-hire.active figure img.img-white {
    display: inline-block !important;
}

.txt-hire h4 {
    color: var(--main-color);
    margin-bottom: 10px;
    font-size: 18px;
}

.item-hire.active .txt-hire h4 {
    color: #fff;
}

.txt-hire h4 b {
    font-size: 16px;
    font-weight: 600;
    color: var(--ph-color);
}

.item-hire.active .txt-hire h4 b {
    color: #fff
}

.txt-hire span {
    color: var(--ph-color);
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.item-hire.active .txt-hire span {
    color: #fff;
}

.txt-hire p {
    color: var(--ph-color);
    font-size: 14px;
    line-height: 1.8;
}

.item-hire.active .txt-hire p {
    color: #fff;
}

.type-hire {
    display: flex;
    align-items: center;
    position: absolute;
    top: 20px;
    right: 20px;
}

.rtl-style .type-hire {
    right: auto;
    left: 20px;
}

.type-hire .icon {
    margin-right: 8px;
}

.rtl-style .type-hire .icon {
    margin-left: 8px;
    margin-right: unset;
}

.item-hire.active .type-hire .icon {
    filter: brightness(10);
}

.type-hire p {
    color: var(--ph-color);
}

.item-hire.active .type-hire p {
    color: #fff;
}

/* Style Checkout Page */

.dta-person-talent > h5 {
    font-size: 19px;
    color: var(--ph-color);
    margin-bottom: 15px;
    font-weight: 600;
}

.dta-person-talent .item-hire {
    background: transparent;
    border-radius: 0;
    padding: 0;
}

.dta-person-talent .type-hire {
    top: 55px;
    right: 0;
}

.rtl-style .dta-person-talent .type-hire {
    right: auto;
    left: 0;
}

.content-date-time {
    background: #FAFAFA;
    padding: 30px 20px;
    border-radius: 20px;
    margin-bottom: 20px;
}

.content-date-time > h5 {
    font-size: 19px;
    color: var(--ph-color);
    margin-bottom: 10px;
    font-weight: 600;
}

.form-checkout .form-group {
    margin-bottom: 20px;
    position: relative;
}

.form-checkout .form-group:last-child {
    margin-bottom: 0;
}

.form-checkout .form-group > label {
    font-weight: 700;
    font-size: 14px;
    color: var(--ph-color);
    display: block;
    margin-bottom: 5px;
}

.form-checkout .form-group .form-control {
    background: #fff;
    border-radius: 10px;
    height: 45px;
    border: 0;
}

.icon-calendar {
    background: url(../images/calendar.svg);
}

.form-checkout .form-group .icon {
    position: absolute;
    top: 40px;
    right: 10px;
}

.rtl-style .form-checkout .form-group .icon {
    right: auto;
    left: 10px;
}

.choose-time {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.choose-time > div {
    display: inline-block;
    padding: 0 5px;
    margin-bottom: 10px;
    width: 50%
}

.choose-time > div:nth-last-child(2),
.choose-time > div:last-child {
    margin-bottom: 0;
}

.choose-time > div label {
    margin: 0;
    width: 100%
}

.choose-time input[type="checkbox"] {
    display: none;
}

.choose-time input[type="checkbox"] + label span {
    background: #fff;
    color: var(--ph-color);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 100%;
    font-size: 14px;
    border-radius: 10px;
    cursor: pointer;
}

.choose-time input[type=checkbox]:checked + label span {
    background: var(--main-color);
    color: #fff;
    font-weight: 700;
}

.payment-details {
    background: #FAFAFA;
    padding: 30px 20px;
    border-radius: 20px;
    margin-bottom: 20px;
}

.payment-details > h5 {
    font-size: 19px;
    color: var(--ph-color);
    margin-bottom: 10px;
    font-weight: 600;
}

.payment-details > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.payment-details > div:last-child {
    margin-bottom: 0;
}

.payment-details p {
    color: var(--ph-color);
    font-size: 15px;
    font-weight: 500;
}

.booknow-checkout .btn-site {
    height: 50px;
    width: 100%;
    border-radius: 20px;
}

.booknow-checkout .btn-site span {
    font-weight: 700;
    font-size: 18px;
}


.booknow-checkout .disabled-btn-site {
    height: 50px;
    width: 100%;
    border-radius: 20px;
}

.booknow-checkout .disabled-btn-site span {
    font-weight: 700;
    font-size: 18px;
}

.payment-method {
    background: #FAFAFA;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payment-method > h6 {
    font-size: 16px;
    color: var(--ph-color);
    font-weight: 600;
}

.payment-method > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payment-method > div p {
    color: var(--ph-color);
    font-weight: 500;
    margin-left: 8px;
}


.address-details {
    background: #FAFAFA;
    padding: 30px 20px;
    border-radius: 20px;
    margin-bottom: 20px;
}

.address-details > h5 {
    font-size: 19px;
    color: var(--ph-color);
    margin-bottom: 10px;
    font-weight: 600;
}

.form-address .form-group {
    margin-bottom: 20px;
}

.form-address .form-group:last-child {
    margin-bottom: 0;
}

.form-address .form-group .form-control {
    background-color: #fff;
    border-radius: 10px;
    height: 45px;
    border: 0;
}

.form-address .form-group textarea.form-control {
    height: 120px
}

.form-address .form-group > label {
    font-weight: 700;
    font-size: 14px;
    color: var(--ph-color);
    display: block;
    margin-bottom: 5px;
}

/* Style Success */

.msg-succ {
    background: var(--main-color);
    padding: 30px 20px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.msg-succ figure {
    margin-bottom: 0;
    font-size: 40px;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
}

.msg-succ h4 {
    width: calc(100% - 40px);
    padding-left: 15px;
    color: #fff;
    font-size: 19px;
}

.rtl-style .msg-succ h4 {
    padding-right: 15px;
    padding-left: unset;
}

.booking-details {
    position: relative;
    padding: 30px 20px;
    background: #FAFAFA;
    border-radius: 20px;
    margin-bottom: 20px;
}

.booking-details > h5 {
    font-size: 19px;
    color: var(--ph-color);
    margin-bottom: 10px;
    font-weight: 600;
}

.booking-details > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.booking-details > div:last-child {
    margin-bottom: 0;
}

.booking-details p {
    color: var(--ph-color);
    font-size: 14px;
    font-weight: 500;
}

.back-to-home .btn-site {
    height: 50px;
    width: 100%;
    margin: 0;
}

.back-to-home .btn-site span {
    font-weight: 700;
    font-size: 17px;
}

.error_page {
    position: relative;
    padding: 50px 0;
}

.txt-error {
    position: relative;
    padding: 30px 20px;
    background: #FAFAFA;
    border-radius: 20px;
    margin-bottom: 20px;
}

.txt-error p {
    color: var(--ph-coloor);
    font-size: 15px;
    line-height: 2;
}

/* Style Aside Account */

.dta-aside-account {
    position: relative;
    background: linear-gradient(90deg, rgba(138, 43, 226, 1) 0%, rgba(150, 46, 230, 1) 50%, rgba(181, 55, 241, 1) 100%);
    padding: 20px 30px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 10px;
}

.dta-aside-account:before {
    content: "";
    background: url(../images/shape-aside-account.png);
    background-size: 100% 100%;
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: -10px;
    right: -10px;
}

.rtl-style .dta-aside-account:before {
    right: auto;
    left: -10px;
}

.dta-aside-account strong {
    color: #fff;
    display: block;
    font-weight: 500;
    font-size: 14px;
}

.dta-aside-account h5 {
    color: #fff;
    font-size: 19px;
}

.dta-aside-account span {
    color: #fff;
    display: block;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
}

.dta-aside-account p {
    font-weight: 500;
    color: #fff;
}

.ls--acco li a {
    padding: 10px 0;
    border-radius: 30px;
    color: var(--ph-color);
    display: block;
    width: 100%;
    position: relative;
}

.ls--acco li a:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    color: var(--ph-color);
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 9;
}

.rtl-style .ls--acco li a:before {
    left: 0;
    right: auto;
    content: "\f104";
}

.ls--acco li.active a {
    color: var(--main-color);
    font-weight: 700;
}

.ls--acco li.active a:before {
    color: var(--main-color);
}

.modal-sm {
    max-width: 450px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content {
    border-radius: 15px;
}

.cont-succ {
    padding: 20px 10px;
}

.cont-succ h5 {
    margin-bottom: 15px;
    font-weight: 600;
    color: var(--ph-color);
    font-size: 19px;
}

.cont-succ p {
    margin-bottom: 20px;
    color: var(--ph-color);
    font-size: 15px;
    min-height: 40px;
}

.cont-succ ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.cont-succ ul li {
    margin-right: 20px;
}

.rtl-style .cont-succ ul li {
    margin-left: 20px;
    margin-right: unset;
}

.cont-succ ul li:last-child {
    margin-right: 0;
}

.rtl-style .cont-succ ul li:last-child {
    margin-left: 0;
}

.cont-succ .btn-site {
    margin: 0 0 0 auto;
    padding: 10px 30px
}

.rtl-style .cont-succ .btn-site {
    margin: 0 auto 0 0;
}

.cont-succ .btn-cancel {
    background: transparent;
    padding: 10px 30px;
    font-weight: 700;
    color: var(--ph-color);
}


/* Style Edit Account */

.head-acco {
    margin-bottom: 20px;
    position: relative;
}

.head-acco h4 {
    font-weight: 500;
    color: var(--ph-color);
    font-size: 20px;
}

.form-edit .form-group {
    position: relative;
    margin-bottom: 20px;
}

.form-edit .d-flex .form-group {
    width: 40%;
    margin-right: 15px;
}

.rtl-style .form-edit .d-flex .form-group {
    margin-left: 15px;
    margin-right: unset;
}

.form-edit .d-flex .form-group:last-child {
    margin-right: 0;
}

.rtl-style .form-edit .d-flex .form-group:last-child {
    margin-left: 0;
}

.form-edit .form-group .form-control {
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    height: 50px;
}

.rtl-style .form-select {
    background-position: left 0.75rem center;
    padding: 0.375rem 0.75rem 0.375rem 2.25rem;
}


/* Style Change Password */

.form-change {
    position: relative;
    width: 450px;
    max-width: 100%;
}

.form-change .form-group {
    position: relative;
    margin-bottom: 20px;
}

.form-change .form-group .form-control {
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    height: 50px;
}

.form-change .form-group .form-control::placeholder {
    color: var(--ph-color);
    font-size: 14px;
}

.form-group .btn-site {
    margin: 0;
    width: 160px;
    height: 50px;
}

.form-group .btn-site span {
    font-weight: 700;
    font-size: 17px;
}

/* Style Bookings Page */

.item-booking {
    background: #FDFAFF;
    padding: 30px 20px;
    border-radius: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.item-booking > div {
    flex: 0 14%;
}

.item-booking > div:first-child {
    flex: 0 8%;
}

.item-booking > div:last-child {
    flex: 0 22%;
}

.item-booking figure {
    margin-bottom: 0;
}

.item-booking h5 {
    color: var(--main-color);
    font-size: 16px;
}

.item-booking p {
    color: #505153;
    font-size: 15px;
    margin-bottom: 8px;
}

.item-booking .btn-site {
    margin: 0 0 0 auto;
}

.rtl-style .item-booking .btn-site {
    margin: 0 auto 0 0;
}

.item-booking .btn-site span {
    font-weight: 700;
}

.cont-empty {
    background: #FDFAFF;
    padding: 40px;
    text-align: center;
    border-radius: 20px;
    width: 300px;
    margin-bottom: 30px;
}

.icon-empty {
    background: url(../images/svg/icon-empty.svg);
    margin: auto;
    width: 30px;
    height: 30px;
}

.cont-empty h6 {
    color: var(--ph-color);
    font-size: 18px;
}

/* Style Bookings Talent Page */

.hiring-details {
    position: relative;
    background: linear-gradient(-90deg, rgba(138, 43, 226, 1) 0%, rgba(150, 46, 230, 1) 50%, rgba(181, 55, 241, 1) 100%);
    padding: 30px;
    border-radius: 20px;
}

.hiring-details h5 {
    color: #fff;
    font-size: 19px;
    margin-bottom: 15px;
    font-weight: 600;
}

.hiring-details > div {
    margin-bottom: 15px
}

.hiring-details > div:last-child {
    margin-bottom: 0;
}

.hiring-details > div p {
    color: #fff;
    font-size: 19px;
}

.hiring-details > div strong {
    color: #fff;
    font-size: 19px;
    display: block;
}

.btn-opt {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.rtl-style .btn-opt {
    right: auto;
    left: 20px;
}

.btn-opt .btn-site {
    margin: 0;
    border-radius: 15px
}

.hiring-dtl {
    background: #FDFAFF;
    padding: 20px;
    border-radius: 20px;
    margin-top: 20px;
}

.hiring-dtl > h5 {
    font-size: 19px;
    color: var(--ph-color);
    margin-bottom: 15px;
    font-weight: 600;
}

.hiring-dtl .item-hire {
    background: transparent;
    padding: 0;
}

.hiring-dtl .type-hire {
    top: 55px;
}

.book-type {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #F0F0F0
}

.book-type > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.book-type > div:last-child {
    margin-bottom: 0;
}

.book-type > div p {
    color: var(--ph-color);
    font-size: 19px;
}

.book-type > div strong {
    color: var(--main-color);
    font-size: 19px;
}

.btns-booking {
    display: flex;
}

.btns-booking li {
    flex: 0 auto;
    margin-right: 15px;
}

.rtl-style .btns-booking li {
    margin-left: 15px;
    margin-right: unset;
}

.btns-booking li:last-child {
    margin-right: 0;
    width: 65%;
}

.rtl-style .btns-booking li:last-child {
    margin-left: 0;
}

.btns-booking .btn-site span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btns-booking .btn-site {
    width: 100%;
    height: 50px;
    border-radius: 20px;
    margin: 0;
}

.btns-booking .btn-site .icon {
    margin-right: 8px;
}

.rtl-style .btns-booking .btn-site .icon {
    margin-left: 8px;
    margin-right: unset
}



.btn-dispute {
    background: #B537F1
}

.icon-dispute {
    background: url(../images/svg/icon-dispute.svg);
}

.icon-chat {
    background: url(../images/svg/icon-chat.svg);
}

.btns-booking .btn-site:hover span {
    color: #000
}

.btns-booking .btn-site:hover .icon {
    filter: brightness(0);
}

.noti-dispute {
    background: #CC1F1F;
    padding: 25px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    margin-top: 20px;
}

.noti-dispute .icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.noti-dispute strong {
    font-size: 13px;
    color: #fff;
}

.btn-rate .btn-site {
    width: 100%;
    height: 55px;
}

.btn-rate .btn-site span {
    display: flex;
    align-items: center;
    font-size: 17px;
}

.btn-rate .btn-site:hover span {
    color: #fff
}

.btn-rate .btn-site:before {
    background: var(--oth-color);
}

.icon-rate {
    background: url(../images/svg/icon-rate.svg);
    margin-right: 8px;
}

.rtl-style .icon-rate {
    margin-left: 8px;
    margin-right: unset;
}

.cont-dispute {
    position: relative;
    padding: 20px 20px;
}

.close-modal {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 9;
}

.rtl-style .close-modal {
    left: 15px;
    right: auto;
}

.icon-close {
    background: url(../images/svg/close-menu.svg);
}

.cont-dispute > h5 {
    margin-bottom: 15px;
    font-weight: 600;
    color: var(--ph-color);
    font-size: 19px;
}

.cont-dispute > p {
    margin-bottom: 20px;
    color: var(--ph-color);
    font-size: 15px;
    min-height: 40px;
    margin-bottom: 15px;
}

.form-dispute .form-group {
    margin-bottom: 20px;
}

.form-dispute .form-group:last-child {
    margin-bottom: 0;
}

.form-dispute .form-group .btn-site {
    margin: 0 auto;
}

.form-dispute .form-group > label {
    font-weight: 700;
    font-size: 14px;
    color: var(--ph-color);
    display: block;
    margin-bottom: 5px;
}

.form-dispute .form-group .form-control {
    border: 1px solid #E0E0E0;
    height: 90px;
    border-radius: 10px;
}

.form-dispute .form-check {
    margin-bottom: 15px;
    padding: 0 0 15px;
    display: block;
    border-bottom: 1px solid #F0F0F0;
}

.form-check li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.form-check li:last-child {
    margin-bottom: 0;
}

/* .form-check .form-check-input {
    border: 2px solid var(--main-color);
    float: unset;
    margin: 0 8px 0 0;
}

.rtl-style .form-check .form-check-input {
    margin: 0 0 0 8px;
}

.form-check-input:checked {
    border: 2px solid var(--main-color);
    background-color: transparent;
}

.form-check-input:focus {
    box-shadow: none;
    border: 2px solid var(--main-color)
} */

.form-check li {
    margin-bottom: 20px
}

.cont-rate {
    padding: 20px;
}

.cont-rate > h5 {
    margin-bottom: 10px;
    font-weight: 600;
    color: var(--ph-color);
    font-size: 19px;
}

.cont-rate > p {
    margin-bottom: 20px;
    color: var(--ph-color);
    font-size: 15px;
    min-height: 40px;
    margin-bottom: 20px;
}

.rate {
    float: unset;
    height: 25px;
    padding: 0 10px;
    margin: 10px auto 35px;
    text-align: center;
    width: max-content;
}

.rate:not(:checked) > input {
    position: absolute;
    top: -9999px;
}

.rate:not(:checked) > label {
    float: right;
    width: 35px;
    height: 35px;
    margin: 0 8px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: #ccc;
}

.rate:not(:checked) > label:before {
    content: '';
    background: url(../images/svg/icon-star-black.svg);
    background-size: 100% 100% !important;
    display: block;
    width: 35px;
    height: 35px;
}

.rate > input:checked ~ label:before {
    background: url(../images/svg/icon-star.svg);
}

.form-rate .btn-site {
    margin: 0 auto;
    width: max-content;
}

/* Style Blogs Page */

.blogs_page {
    position: relative;
    padding-bottom: 50px;
}

.item-blog {
    background: #FAFAFA;
    position: relative;
    padding: 10px;
    border-radius: 15px;
    display: block;
    margin-bottom: 40px;
}

.item-blog figure {
    margin-bottom: 15px;
}

.item-blog figure img {
    border-radius: 15px;
}

.txt-blog h6 {
    color: var(--ph-color);
    font-size: 14px;
    margin-bottom: 5px;
}

.txt-blog p {
    color: var(--ph-color);
    font-size: 14px;
}

.cont-blog {
    padding: 20px 0 40px;
}

.cont-blog .img-blog {
    float: right;
    width: 40%;
    margin: 0 0 30px 30px;
}

.rtl-style .cont-blog .img-blog {
    float: right;
    width: 40%;
    margin: 0 30px 30px 0;
}

.ph-blog .btn-site {
    margin: 0 0 15px;
    border-radius: 15px;
}

.ph-blog h4 {
    font-size: 22px;
    margin-bottom: 20px;
    line-height: 1.5;
    color: var(--ph-color);
}

.ph-blog p {
    font-size: 14px;
    line-height: 1.8;
    color: var(--ph-color);
}

/* Style About */

.section_about {
    padding: 40px 0;
}

.head-about h2 {
    font-size: 80px;
    color: rgb(26 25 30 / 8%);
    text-transform: uppercase;
}

.head-about {
    margin-bottom: 20px;
    text-align: center;
}

.txt-about p {
    font-size: 14px;
    color: var(--ph-color);
}

.bog-img-about {
    margin-top: 30px;
}

.section_user_features {
    position: relative;
    padding: 40px 0 10px;
    background: #FBF7FF
}

.section_user_features .sec_head small {
    font-weight: 500;
    display: block;
    color: var(--ph-color);
    margin-top: 15px;
}

.item-feature {
    position: relative;
    padding: 20px;
    border-radius: 20px;
    background: #fff;
    text-align: center;
    margin-bottom: 24px;
    /* height: 200px; */
}


.item-feature i {
    margin-bottom: 16px;
}

.item-feature figure img {
    width: 65px;
    height: 65px;
}

.txt-feat h6 {
    font-size: 19px;
    color: var(--ph-color);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 600;
    height: 44px;
    margin-top: 10px;
}

.txt-feat p {
    font-size: 16px;
    color: var(--ph-color);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 70px;
}

.section_talents_features {
    position: relative;
    padding: 40px 0 10px;
}

.section_talents_features .item-feature {
    border: 1px solid #E0E0E0
}

.cont-static-page p {
    color: var(--ph-color);
    font-size: 16px;
    line-height: 2;
}

/* Style Sign Page */

.cont-sign {
    background: #FBF7FF;
    border: 1px solid #F6E8FD;
    padding: 35px 20px;
    border-radius: 20px;
}

.head-sign {
    margin-bottom: 20px;
}

.head-sign h3 {
    color: var(--ph-color);
    margin-bottom: 5px;
    font-size: 32px;
}

.head-sign p {
    color: var(--ph-color);
    font-size: 22px;
    font-weight: 500;
}

.form-sign .d-flex {
    width: 100%;
}

.form-sign .form-group {
    margin-bottom: 20px
}

.form-sign .d-flex .form-group {
    flex: 0 50%;
    margin-right: 20px;
}

.rtl-style .form-sign .d-flex .form-group {
    margin-right: unset;
    margin-left: 20px;
}

.form-sign .d-flex .form-group:last-child {
    margin-right: 0
}

.rtl-style .form-sign .d-flex .form-group:last-child {
    margin-left: 0
}

.form-sign .form-group .form-control {
    background-color: #fff;
    border-color: #E0E0E0;
    height: 45px;
    border-radius: 10px;
}

.form-sign .form-group textarea.form-control {
    height: 120px
}

.cont-login {
    padding: 35px 0;
}

.form-login .form-group {
    margin-bottom: 20px;
}

.form-login .form-group:last-child {
    margin-bottom: 0
}

.form-login .form-group .form-control {
    background-color: #fff;
    border-color: #E0E0E0;
    height: 45px;
    border-radius: 10px;
}

.work-join {
    background: #FEFDFF;
}

/* Style Subscription */

.section_subscription {
    position: relative;
    padding: 40px 0;
}

.section_subscription .sec_head {
    text-align: start;
    margin-bottom: 10px;
}

.section_subscription .sec_head h2 {
    font-size: 27px;
}

.item-subscription {
    position: relative;
    background: #fff;
    border-radius: 20px;
    padding: 55px 20px;
    text-align: center;
    box-shadow: 0 25px 50px rgb(55 43 123 / 14%);
}

.item-subscription.active {
    background: var(--main-color);
}

.img-white {
    display: none;
}

.item-subscription.active .img-color {
    display: none;
}

.item-subscription.active .img-white {
    display: block;
}

.item-subscription figure {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px
}

.item-subscription figure img {
    max-width: 50px;
}

.txt-subsc h5 {
    color: #313131;
    font-size: 19px;
    margin-bottom: 10px;
}

.txt-subsc span {
    display: block;
    color: #313131;
    font-size: 14px;
    font-weight: 700;
}

.txt-subsc strong {
    display: block;
    color: #B537F1;
    font-size: 40px;
    line-height: 1;
}

.item-subscription.active .txt-subsc strong,
.item-subscription.active .txt-subsc span,
.item-subscription.active .txt-subsc h5,
.item-subscription.active .txt-subsc b {
    color: #fff;
}

##subscription-slider {
    display: none;
}


/* Style Join Subscription */

.form-join .btn-site {
    width: max-content;
}

.thumb--join {
    text-align: center;
}

.thumb--join img {
    max-width: 350px;
}

.check--accept .cbx {
    flex-direction: unset;
    align-items: center;
}

.check--accept {
    margin-bottom: 10px;
}

.check--accept .cbx span {
    /* margin-right: 8px; */
}

.rtl-style .check--accept .cbx span {
    margin-right: unset;
    margin-left: 8px;
}

.cbx span:first-child {
    border-radius: 6px;
    width: 20px;
    height: 20px;
}

.form-join .check--accept .inp-cbx:checked + .cbx span:first-child {
    background: linear-gradient(90deg, rgba(181, 55, 241, 1) 0%, rgba(91, 28, 121, 1) 100%);
}

.form-join .check--accept .cbx span:first-child svg {
    stroke: #fff;
}

.form-join .check--accept .cbx span:first-child svg {
    top: 5px;
    left: 4px;
}

.type-join {
    background-color: #fff;
    border-color: #E0E0E0;
    height: 45px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.type-join li {
    flex: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.type-join .inp-cbx {
    position: unset;
    transform: unset;
}

.type-join .inp-cbx:checked {
    box-shadow: inset 0 0 0 1px #ffffff;
}

.type-join label {
    width: calc(100% - 17px);
    padding-left: 8px;
    margin-bottom: 0;
}

.rtl-style .type-join label {
    padding-right: 8px;
    padding-left: unset;
}

.inputfile {
    display: none;
}

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 100%;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.no-js .inputfile + label {
    display: none;
}

.inputfile + label {
    background-color: #fff;
    border: 1px solid #E0E0E0;
    height: 45px;
    border-radius: 10px;
}

.inputfile + label .archive-name,
.inputfile + label .btn-inputfile {
    padding: 0 15px;
    height: 45px;
    font-style: normal;
    line-height: 45px;
}

.inputfile + label .archive-name {
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    color: #000;
}

.inputfile + label .archive-name small {
    color: #797979;
    font-size: 12px;
    margin-left: 25px;
}

.inputfile + label .btn-inputfile {
    color: #000;
    display: inline-block;
    position: absolute;
    right: 0;
}

.rtl-style .inputfile + label .btn-inputfile {
    right: auto;
    left: 0;
}

#subscription-slider {
    display: none;
}

#subscription-slider .owl-dots {
    text-align: center;
    display: block !important;
}

#subscription-slider .owl-dots .owl-dot {
    margin-right: 5px;
}

#subscription-slider .owl-dots .owl-dot:last-child {
    margin-right: 0;
}

#subscription-slider .owl-dots .owl-dot span {
    background: #313131;
    width: 11px;
    height: 10px;
    border-radius: 10px;
    display: block;
}

#subscription-slider .owl-dots .owl-dot.active span {
    background: var(--main-color);
}


/* Style Success Subscription */

.success_subscription {
    position: relative;
    padding: 60px 0;
}

.success-subscription .msg-succ,
.error-subscription .msg-succ {
    flex-direction: column;
    justify-content: center;
    padding: 30px;
}

.success-subscription .msg-succ figure,
.error-subscription .msg-succ figure {
    margin-bottom: 20px;
    font-size: 60px;
    width: 60px;
    height: 60px;
}

.success-subscription .msg-succ h4,
.error-subscription .msg-succ h4 {
    text-align: center;
    padding: 0;
}

.d-flex .item-subscription {
    width: 50%;
    box-shadow: 0 0 50px rgb(157 157 157 / 14%);
    margin-right: 10px;
    padding: 30px;
}

.rtl-style .d-flex .item-subscription {
    margin-right: unset;
    margin-left: 10px;
}

.subscription-details {
    background: #FAFAFA;
    padding: 20px;
    border-radius: 10px;
    width: 50%;
}

.subscription-details h5 {
    color: var(--ph-color);
    font-size: 14px;
    margin-bottom: 10px;
}

.subscription-details > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.subscription-details > div p {
    font-size: 13px;
    color: #313131
}

.subscription-details > div strong {
    font-size: 13px;
    color: #313131
}

.subscription-details > div:last-child {
    margin-bottom: 0;
}

.error-subscription .txt-error {
    background: transparent;
    text-align: center;
    padding: 0;
}



/* Style 404 Page */

.cont-not-found {
    text-align: center;
    padding: 80px 0;
}

.thumb-not-found {
    margin-bottom: 20px;
}

.thumb-not-found img {
    max-width: 380px;
}

.txt-not-found p {
    color: var(--ph-color);
    font-weight: 500;
    font-size: 37px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

/* Style Dashboard */

.stage-dashboard {
    position: relative;
    padding: 30px 0;
}

.aside-account-dash {
    background: #FDFAFF;
    border-radius: 20px;
}

.aside-account-dash .dta-person {
    flex-direction: column;
    text-align: center;
    border-bottom: 1px solid #F0F0F0;
    padding: 20px;
}

.aside-account-dash .dta-person figure {
    margin: 0 auto 20px;
}

.aside-account-dash .dta-person .txt-person {
    width: 100%;
    padding: 0;
}

.aside-account-dash .ls--acco {
    padding: 20px;
}

.aside-account-dash .dta-person .txt-person p {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ph-color);
    font-size: 18px;
    margin-bottom: 10px;
}

.aside-account-dash .dta-person .txt-person p:last-child {
    margin-bottom: 0;
}

.aside-account-dash .dta-person .txt-person .icon {
    margin-right: 8px;
    width: 21px;
    height: 21px;
}

.rtl-style .aside-account-dash .dta-person .txt-person .icon {
    margin-left: 8px;
    margin-right: unset;
}

.cont-package {
    display: flex;
    background: linear-gradient(270deg, rgba(138, 43, 226, 1) 0%, rgba(150, 46, 230, 1) 50%, rgba(181, 55, 241, 1) 100%);
    padding: 25px 40px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 25px;
}

.pakg-name {
    display: flex;
    width: 50%;
}

.pakg-name figure {
    margin-bottom: 0
}

.pakg-name figure img {
    width: 45px;
    height: 45px;
}

.pakg-name > div {
    width: calc(100% - 45px);
    padding-left: 25px;
}

.rtl-style .pakg-name > div {
    padding-left: unset;
    padding-right: 25px;
}

.pakg-name h5 {
    color: #fff;
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 24px;
}

.pakg-name p {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}

.pakg-expired {
    width: 50%;
}

.pakg-expired h5 {
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    margin-bottom: 5px;
}

.pakg-expired p {
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
}

.pakg-expired p:last-child {
    margin-bottom: 0;
}

.reviw-pakg {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
}

.reviw-pakg .btn-site {
    margin: 0;
}

.cont-statistics {
    display: flex;
    margin-bottom: 20px;
}

.cont-statistics .item-statis {
    width: 33.33334%;
    background: #FAFAFA;
    border-radius: 20px;
    padding: 35px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 15px;
}

.cont-statistics .item-statis:last-child {
    margin-right: 0;
}

.num-statis {
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;
    color: #fff;
    border-radius: 15px;
}

.num-statis strong {
    font-size: 28px;
}

.active-st .num-statis {
    background: #3CB9FC
}

.completed-st .num-statis {
    background: #B537F1
}

.cancelled-st .num-statis {
    background: #8A2BE2
}

.txt-statis h3 {
    font-size: 25px;
}

.txt-statis p {
    color: #313131;
    font-weight: 500;
}

.active-st .txt-statis h3 {
    color: #3CB9FC
}

.completed-st .txt-statis h3 {
    color: #B537F1
}

.cancelled-st .txt-statis h3 {
    color: #8A2BE2
}


.earning-dash {
    display: flex;
}

.cont-earning {
    width: 50%;
    background: #FAFAFA;
    border-radius: 20px;
    padding: 55px 40px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.txt-earning h5 {
    font-size: 27px;
    color: #313131;
    margin-bottom: 10px;
}

.txt-earning a {
    color: var(--oth-color);
    font-weight: 700;
    font-size: 15px;
    text-decoration: underline !important;
}

.price-earning {
    background: #313131;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.price-earning b {
    font-size: 17px;
}

.price-earning h3 {
    font-size: 45px;
}

.price-earning strong {
    font-size: 25px;
}

.inbox-dash {
    width: 50%;
    background: #FAFAFA;
    border-radius: 20px;
}

.head-inbox {
    padding: 20px;
}

.head-inbox h4 {
    font-size: 25px;
    color: #313131;
}

.item-inbox {
    display: flex;
    align-items: center;
    padding: 0 20px 20px;
}

.dta-inbox {
    display: flex;
    align-items: center;
    width: 40%;
}

.dta-inbox figure {
    width: 35px;
    height: 35px;
    margin-bottom: 0;
}

.dta-inbox figure img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.dta-inbox h5 {
    width: calc(100% - 35px);
    padding-left: 10px;
    font-weight: 600;
    font-size: 14px;
}

.ph-inbox {
    width: 20%;
}

.ph-inbox p {
    font-size: 14px;
}

.view-inbox {
    width: 20%;
}

.view-inbox .btn-site {
    margin: 0 0 0 auto;
    padding: 5px 15px;
    height: auto;
}

.rtl-style .view-inbox .btn-site {
    margin: 0 auto 0 0;
}

.view-inbox .btn-site span {
    font-size: 13px;
}

.view-all {
    text-align: center;
    border-top: 1px solid #D5D5D5;
    padding: 10px 0;
}

.view-all a {
    color: #313131;
    font-weight: 600;
}

.head-earning {
    display: flex;
    margin-bottom: 0;
}

.head-earning p {
    width: 20%;
    min-height: auto;
    margin-bottom: 5px;
    font-size: 13px;
    color: #313131
}

.item-earning {
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid #D5D5D5;
}

.item-earning strong {
    width: 20%;
    color: #313131;
    font-weight: 500;
    font-size: 14px;
}

.head-earning p:last-child,
.item-earning strong:last-child {
    width: 15%;
}

.head-earning p:nth-child(2),
.item-earning strong:nth-child(2) {
    width: 25%;
}

/* Style Renew SUbscription */

.section_join .sec_head {
    text-align: start;
}

.thumb-renew img {
    max-width: 250px;
}

.dta-user-dtl span {
    display: block;
    color: #313131;
    font-size: 14px;
    font-weight: 500;
}

.dta-user-dtl h5 {
    color: #313131;
    font-size: 22px;
    font-weight: 600;
}

.dta-user-dtl small {
    display: block;
    color: #313131;
    font-size: 16px;
    font-weight: 500;
}

.booking-dtl p {
    margin-bottom: 5px;
    font-size: 19px;
    color: #313131;
}

.booking-dtl strong {
    color: var(--main-color);
    font-size: 19px;
}

.type--booking {
    display: flex;
    margin-bottom: 20px;
}

.type--booking li {
    width: 50%;
    margin-right: 15px;
}

.type--booking li:last-child {
    margin-right: 0;
}

.type--booking .btn-site {
    width: 100%;
    height: 50px;
    border-radius: 20px;
    margin: 0;
}

.rtl-style .type--booking li {
    margin-right: unset;
    margin-left: 15px;
}

.rtl-style .type--booking li:last-child {
    margin-left: 0;
}

.btn-reject {
    background: var(--sub-color);
}


/* Style Inbox */

.flex-chat {
    display: flex;
    background: #FAFAFA;
    border-radius: 20px;
    width: 100%;
    margin-top: 0;
    overflow: hidden;
}

.inbox_people {
    background: #ffffff;
    width: 30%;
    overflow: hidden;
    border-right: 1px solid #F1F1F3;
    height: calc(100vh - 150px);
}

.headind_srch {
    background: #FAFAFA;
    border-bottom: 1px solid #F1F1F3;
    padding: 20px;
}

.form-search-chat {
    position: relative;
}

.form-search-chat .form-control {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding-left: 30px;
}

.form-search-chat .form-control::placeholder {
    color: #313131;
    font-size: 14px;
}

.form-search-chat .form-control:focus {
    box-shadow: none;
}

.form-search-chat svg {
    color: #313131;
    font-size: 14px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.inbox_chat {
    height: calc(100% - 78px);
    overflow: auto;
}

.chat_list {
    display: flex;
    border-bottom: 1px solid #F1F1F3;
    margin: 0;
    padding: 18px 16px 10px;
    position: relative
}

.active_chat {
    background: #F5F6FA;
    position: relative;
    border-bottom: 0;
}

.chat_ib {
    padding-left: 10px;
    width: calc(100% - 45px);
}

.chat_ib h5 {
    font-size: 14px;
    color: #2E2E2E;
    margin: 0 0 8px 0;
}

.chat_ib p {
    font-size: 11px;
    padding-right: 15px;
    color: #313131;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.chat_date {
    color: #313131;
    font-size: 10px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.Unread {
    position: absolute;
    right: 20px;
    top: 48px;
    background: #21386D;
    border-radius: 50%;
    width: 7px;
    height: 7px;
}

.chat_img {
    width: 45px;
    height: 45px;
    margin-bottom: 0;
    border-radius: 50%;
    border: 1px solid rgb(112 112 112 / .05);
}

.chat_img img {
    border-radius: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.messaging {
    width: 70%;
    padding-left: 20px;
    height: calc(100vh - 150px);
}

.chat-with {
    display: flex;
    align-items: center;
    padding: 15px 20px 11px 0;
    border-bottom: 1px solid #F1F1F3
}

.chat-with figure {
    width: 50px;
    height: 50px;
    margin-bottom: 0;
}

.chat-with figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.chat-with p {
    color: #4D4F5C;
    font-size: 16px;
    padding-left: 15px;
}

.inbox_msg {
    padding: 20px 20px 20px 0;
    height: calc(100% - 180px);
    overflow: auto;
}

.received_withd_msg p {
    background: #fff;
    color: #313131;
    font-size: 13px;
    margin: 0;
    padding: 10px 30px 10px 10px;
    border-radius: 10px 10px 10px 0;
    max-width: 300px;
    width: fit-content;
    margin-bottom: 10px;
    margin-right: auto;
}

.received_withd_msg .time_date {
    text-align: left;
    color: #313131;
    display: block;
    font-size: 12px;
}

/* .sent_msg {
    float: right;
} */

.sent_msg p {
    background: var(--main-color);
    border-radius: 20px;
    font-size: 13px;
    color: #fff;
    padding: 15px;
    border-radius: 20px 20px 0 20px;
    max-width: 300px;
    width: fit-content;
    margin-bottom: 10px;
    margin-left: auto;
}

.sent_msg .time_date {
    text-align: right;
    color: #313131;
    display: block;
    font-size: 12px;
}

.input_msg_write {
    width: calc(100% - 20px);
    background: #F5F6FA;
    padding: 20px;
    border-radius: 4px;
}

.form-chat {
    position: relative;
    display: flex;
    align-items: center;
}

.form-chat .form-control {
    border: 0;
    border-radius: 0;
    background: transparent;
    height: 45px;
}

.form-chat .form-control::placeholder {
    color: var(--oth-color);
}

.form-chat .form-control:focus {
    box-shadow: none;
}

.input_msg_write ul {
    display: flex;
    align-items: center;
    align-content: center;
}

.input_msg_write ul li {
    margin-left: 10px;
}

.input_msg_write ul li button {
    background: transparent;
    color: #CECFD0
}

.input_msg_write ul li button.msg_send_btn {
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 40px;
    width: 40px;
    background: var(--oth-color);
    border-radius: 6px;
}

.smth-scroll::-webkit-scrollbar {
    width: 4px;
}

.smth-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.smth-scroll::-webkit-scrollbar-thumb {
    background-color: rgb(105 118 134 / 0%)
}

.smth-scroll:hover::-webkit-scrollbar-thumb {
    background: rgb(105 118 134 / 30%);
}


/* Style Edit Accont Dashboard */

.cont--edit {
    margin-bottom: 50px;
}
.cont--edit .head-acco h4 {
    font-weight: 600;
    font-size: 25px;
    color: #313131;
}
.form-edit .form-group textarea.form-control {
    height: 130px;
}
.avatar-upload {
    position: relative;
    max-width: 100px;
    margin: 0 0 20px;
}

.avatar-upload .avatar-edit {
    position: absolute;
    right: -18px;
    top: -10px;
    z-index: 1;
}

.avatar-upload .avatar-edit input {
    display: none;
    /* visibility: hidden; */
}

.avatar-upload .avatar-edit input + label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: var(--oth-color);
    border: 2px solid #E3E3E3;
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.avatar-upload .avatar-edit input + label:after {
    content: "\f040";
    font-family: 'FontAwesome';
    color: #fff;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

.avatar-upload .avatar-preview {
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 15px;
}

.avatar-upload .avatar-preview > div {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.form-changes .inp-cbx {
    display: none;
}
.form-changes .form-group > label {
    font-weight: 600;
    color: #313131;
    font-size: 16px;
    display: block;
    margin-bottom: 8px;
}
.form-changes .form-group ul {
    display: flex;
    align-items: center;
}
.form-changes .form-group ul li {
    flex: 0 20%;
}
.form-changes .form-group .cbx span:first-child svg,
.form-working .cbx span:first-child svg {
    top: 5px;
    left: 3px;
}
.icon-clock {
    background: url(../images/svg/icon-clock.svg);
}

.item-day {
    display: flex;
    align-items: center;
}
.day-work {
    width: 120px;
}
.time-work {
    display: flex;
    align-items: center;
    width: 250px;
    position: relative;
}
.time-work .icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.form-working .form-control {
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    height: 50px;
}
.cont-week h5 {
    font-size: 19px;
    color: var(--main-color);
}
.day-work h6 {
    font-size: 16px;
    color: #313131;
}
.time-work {
    margin-right: 20px;
}
.time-work small {
    width: 80px;
    color: #313131;
    font-size: 16px;
    text-align: end;
    padding-right: 8px;
}
.closed-day .inp-cbx {
    display: none;
}

.cont-week {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #D3D3D3;
}
.cont-week:nth-last-child(2) {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.disabled-div {
    pointer-events: none;
}
.disabled-button {
    pointer-events: none; /* Disable pointer events */
    opacity: 0.5; /* Optional: Reduce opacity to indicate it's disabled */
    cursor: not-allowed; /* Optional: Change cursor to indicate it's disabled */
}

.ml-8px{
    margin-left:8px !important;
}