/*
Theme Name: TownHub Child
Theme URI: https://townhub.cththemes.com
Author: CTHthemes
Author URI: http://themeforest.net/user/cththemes/
Description: TownHub – Directory & Listing WordPress Theme is perfect if you like a clean and modern design. This theme will help you create, manage and monetize a local or global directory site.
Version: 1.0.0
Tags: custom-background, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, translation-ready
Template: townhub
Text Domain: townhub-child
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
/* =Theme customization starts here
------------------------------------------------------- */
@font-face {
  font-family: 'cbr';
  src: url('assets/fonts/cbr/cbr.eot?98686210');
  src: url('assets/fonts/cbr/cbr.eot?98686210#iefix') format('embedded-opentype'),
       url('assets/fonts/cbr/cbr.woff2?98686210') format('woff2'),
       url('assets/fonts/cbr/cbr.woff?98686210') format('woff'),
       url('assets/fonts/cbr/cbr.ttf?98686210') format('truetype'),
       url('assets/fonts/cbr/cbr.svg?98686210#cbr') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-cbr"]:before, [class*=" icon-cbr"]:before {
  font-family: "cbr";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-cbr:before { content: '\e809'; } /* '' */
@font-face {
  font-family: "Work Sans Variable";
  src: url('assets/fonts/WorkSans-VariableFont_wght.woff2') format('woff2');
  font-weight: 100 900;
}


body, p {
     font-family:  Poppins, sans-serif !important;
     font-feature-settings: 'lnum';
     font-variant-numeric: lining-nums tabular-nums;
}
h1, h2, h3, h4, h5, select {
     font-family: Poppins, sans-serif !important;
     font-feature-settings: 'lnum';
     font-variant-numeric: lining-nums;
}
.body-townhub button {
    font-family: Poppins, sans-serif;
    font-feature-settings: 'lnum';
    font-variant-numeric: lining-nums;
}
.colomn-text-title{
	font-family: Poppins, sans-serif !important;
	font-feature-settings: 'lnum';
	font-variant-numeric: lining-nums;
}
.header-search_btn, .main-header:before, .header-search_container {
    background: #1d0040;
}
.nav-holder nav li a{
	font-family:  Poppins, sans-serif !important;
	font-feature-settings: 'lnum';
	font-variant-numeric: lining-nums;
}
.nav-holder nav li a:hover i {
    -webkit-transform: rotateY(0deg) !important;
    transform: rotateY(0deg) !important;
}
.nav-holder nav > ul > li {
    margin-left: 0 !important;
}
.intro-item h1{
}
.lang-tooltip li{
	text-align: left !important;
}
.show-lang span strong {
    padding-left: 10px;
}
.show-lang span {
    margin-left: 10px !important;
	margin-right: inherit !important;
}
.header-user-name .au-avatar {
    -webkit-box-shadow: 0px 0px 0px 3px rgb(33 0 79);
    box-shadow: 0px 0px 0px 3px rgb(33 0 79);
    width: 28px !important;
    height: 28px !important;
    left: -30px !important;
}
@media only screen and (max-width: 768px) {
    .header-user-menu {
        margin-right: 25px !important;
    }
}
.hero-categories_title {
    font-family: Poppins, sans-serif;
    font-style: normal;
}
.show-hidden-sb {
    background: #21004f !important;
    border-radius: 5px !important;
}
.show-hidden-sb:hover {
    color: #4cb7fe !important;
}
.nice-select .option {
    line-height: 35px;
    min-height: 20px;
    margin-bottom: 0;
}
.single-listing .content {
    background: #fdf8ff;
}
.ss-slider-cont {
    line-height: 40px !important;
}
.geodir-category-location a {
	font-size: 12px !important;
}
.geodir-category-location a:hover{
	color:#fff !important;
}
.geodir-category-img:before {
    border-radius: 0 !important;
}
.verified-badge-pa {
    color: #0095f6 !important;
}
.unverified-badge-pa {
    color: #a4a2c5 !important;
}
.verified-badge-claim {
    color: #fff !important;
    background: #4db7fe;
    padding: 2px 5px;
    border-radius: 5px;
}
.list-single-header-item .geodir-category-location a {
    margin-left: inherit !important;
}
.verified-badge-claim:hover {
    color: #fff !important;
    background: #309ae1;
}
.geodir-category-location a i {
    padding-right: 6px;
	padding-left: inherit;
}

.listing-avatar img {
    width: 50px !important;
    height: 50px !important;
    -webkit-box-shadow: 0px 0px 0px 5px white !important;
    box-shadow: 0px 0px 0px 5px white !important;
}
.listing-item-category {
    line-height: 40px !important;
    border-radius: 10px 0 0 10px;
}
.fa-beat-heart {
  animation:fa-beat 5s ease infinite;
}
@keyframes fa-beat-heart {
  0% {
    transform:scale(1);
  }
  5% {
    transform:scale(1.25);
  }
  20% {
    transform:scale(1);
  }
  30% {
    transform:scale(1);
  }
  35% {
    transform:scale(1.25);
  }
  50% {
    transform:scale(1);
  }
  55% {
    transform:scale(1.25);
  }
  70% {
    transform:scale(1);
  }
}
.down-btn i {
    font-weight: 900 !important;
}
.footer-txt p{
	text-align: justify !important;
}
.footer-logo-link {
    margin-bottom: 10px !important;
}
.footer-social li a {
    font-size: 18px !important;
    /*color: #d48fff !important;*/
    padding: 0 5px;
}
.footer-social-text{
    color: #d48fff !important;
	margin-top: 0 !important;
	text-align: center;
}
.footer-social-icon{
    text-align: center !important;
    display: block !important;
	margin-top: 0 !important;
}
.footer-info li{
	text-align: left !important;
}
.copyright{
	text-align: left !important;
	direction: ltr !important;
}
.footer-r {
	text-align: right !important;
	/*color: #d48fff !important;*/
}
.footer-r li{
	margin-left: 5 !important;
	margin-right: 5 !important;
}
.footer-r li span{
	margin-right: 5px !important;
	margin-left: 5px !important;
}
.footer-r a{
	/*color: #d48fff !important;*/
}
.subfooter-menu-wrap{
	display: block !important;
}
.subfooter-menu-wrap ul.menu li {
    margin-left: inherit !important;
}
.footer-bg-pin{
	background: #951edf !important;
}
.subscribe-ok{
	color: #d48fff;
}
.gradient-bg-main {
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#910bd9),to(#7608e9));
    background: -webkit-linear-gradient(top,#910bd9,#7608e9);
}
.down-btn i{
	background: #615ffc !important;
}
.colomn-text-title p, .colomn-text-list li p {
    text-align: center !important;
}
.fa-angle-right:before {
    content: "\f104" !important;
}
.fa-angle-left:before {
    content: "\f105" !important;
}
.header-user-menu ul {
    background: #1d0040 !important;
    border: 1px solid #1d0040 !important;
    right: 0 !important;
    left: inherit !important;
}
.cart-btn {
    margin-right: 15px !important;
    margin-left: 15px !important;
}
.header-user-menu ul li a {
    color: #fff !important;
}
.header-user-menu ul li:hover a {
    color: #4DB7FE !important;
}
.header-user-menu ul li i{
    padding-left: 5px;
}
.mobview {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.user-menu-two .au-name-li {
    color: #52b8fc !important;
}
.user-menu-two.header-user-menu ul {
    min-width: 250px !important;
}
.colomn-text-main{
	background: rgb(96 93 255);
    border-radius: 50px;
    padding: 25px;
    text-align: center;
}
.colomn-desc-main {
    text-align: justify;
    color: #e9eff2;
}
.down-btn:hover {
    background: #1012fc !important;
    margin-left: 0 !important;
}
.down-btn {
    margin-left: 0 !important;
}
.booking-additional-note{
    text-align: left;
    font-size: 12px;
	color: #bfbad5 !important;
	font-style: normal !important;
	margin-left:10px;
    margin-top: 0;
}
.lsingle-block-title span{
	color: #4db7fe !important;
	font-size: 12px !important;
}
.evticket-desc {
    color: #fff !important;
    text-align: left !important;
    margin-top: 10px;
    line-height: 25px !important;
    height: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.opening-hours ul li span.opening-hours-day {
    font-weight: 400 !important;
}
.opening-hours ul li span.opening-hours-time {
    font-weight: 400 !important;
	direction: ltr;
}
.box-widget.opening-hours .current-status {
    text-align: center;
    padding: 10px 0;
    border-radius: 10px;
    margin-left: 50px;
    margin-right: 50px;
}
.coupon-code-text {
    font-size: 15px !important;
    font-weight: 500 !important;
    background: #8f40c2 !important;
    color: #ffffff !important;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 0px 5px rgb(130 36 191);
    box-shadow: 0px 0px 0px 5px rgb(130 36 191);
}
.countdown-widget .countdown-item p {
    font-size: 0.845em;
    opacity: 0.7;
    text-align: center !important;
    opacity: 1 !important;
}
.time-color-num {
    color: #a78fb5 !important;
}
.time-color-txt {
    color: #d3e1e9 !important;
}
.lsingle-block-content .time-color-txt p {
    color: #9890bf !important;
}
.list-author-widget-contacts.list-item-widget-contacts li {
    direction: ltr;
    text-align: left !important;
}
.list-author-widget-contacts li a {
	margin-left: 20px;
	margin-right: 0 !important;
    font-size: 12px;
    text-align: left;
    font-weight: 400;
}
.bottom-bcw-box_link {
    background: #1d0040;
    border-radius: 0 0 10px 0;
}
.countdown {
    direction: ltr;
}
.cthiso-big-pad.cthiso-items {
    margin-bottom: 10px;
}
.bottom-bcw-box_link a {
    color: #fff !important;
    line-height: 10px !important;
}
.bottom-bcw-box_link a:hover {
    color: #4db7fe !important;
}
.list-widget-social li a {
    line-height: 33px !important;
}
.list-widget-social {
    margin-top: 0 !important;
}
.verified-badge-text{
	color: #81799a;
	font-size: 12px;
}
.breadcrumbs-wrapper.inline-breadcrumbs a, .breadcrumbs-wrapper.inline-breadcrumbs span, .breadcrumbs-wrapper.top-breadcrumbs a, .breadcrumbs-wrapper.top-breadcrumbs span {
    font-weight: 400 !important;
}
.bg-copun{
    background-image: url(/wp-content/uploads/2023/08/seamless_blue_pattern_with_gift_boxes-Converted-2.png);
}
.verified-badge-ico i{
	color: #0095f6 !important;
}
.unverified-badge-ico i{
	color: #d4e1e9 !important;
}
.unverified-badge-pa{
	color: #d4e1e9 !important;
}
.tooltipico {
 position: relative;
}

.tooltipico .tooltipicotext {
	display: none;
    width: 115px;
    background-color: #1d0040;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 120%;
    margin-left: -55px;
    font-size: 12px;
}

.tooltipico .tooltipicotext::after {
 content: "";
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -5px;
 border-width: 5px;
 border-style: solid;
		font-size:12px;
 border-color: #1d0040 transparent transparent transparent;
}

.tooltipico:hover .tooltipicotext {
 display: block;
	font-size:12px;
}
.tolt::after {
    border-radius: 5px !important;
    background: #1d0040 !important;
    font-family:  Poppins, sans-serif !important;
}
.lsingle-block-headinfos .single-head-review-wrap:before {
    right: -15px !important;
    background: #f3f1ff !important;
}
.available-num{
	background: #4db7fe !important;
    border: 2px solid #b6e2ff !important;
    color: #fff !important;
    font-weight: 400 !important;
	font-size: 13px !important;
    border-radius: 7px !important;
    width: auto !important;
    padding: 0 3px !important;
    min-width: 20px !important;
}
.tickets-select_header.vis-ticket_select {
    background: #faf2ff !important;
    font-weight: 400 !important;
	color: #4db7fe !important;
    border: 1px solid #faf2ff !important;
}
.tickets-select_header {
    background: #fbfbff !important;
    font-weight: 400 !important;
	color: #8099c0 !important;
    border: 1px solid #f1f0ff !important;
}
.esb-field .cth-input, .cth-field .cth-input {
    border: 1px solid #f1f0ff !important;
    background: #fbfbff !important;
    font-weight: 400 !important;
    color: #b5c6df;
}
.cth-dpick-label-val {
    background: #fbfaff !important;
    font-weight: 600 !important;
    color: #4db7fe !important;
    border: 1px solid #e5e7f2 !important;
    direction: ltr !important;
    padding-right: 0 !important;
    padding-left: 40px !important;
    height: 40px !important;
    line-height: 45px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
input[type="text"]:focus, input[type=email]:focus, input[type=password]:focus, input[type=button]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus {
    background: #fbfbff !important;
	border: 1px solid #f1f0ff !important;
    -webkit-box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
    box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
}
.total-coast strong {
    font-weight: 500 !important;
    top: auto !important;
}
.lsingle-block-title h3 {
    color: #a389b3 !important;
}
.box-widget-item-header h3, .list-single-main-item-title h3, .list-single-main-item_subtitle h4 {
	color: #a389b3 !important;
}
.reviews-comments-item-text {
    background: #f9f8ff !important;
}
.reviews-comments-header a {
	color: #aea7d1 !important;
}
.review-score-form {
    border-bottom: 1px solid #fdfbff !important;
    background: #fdfbff !important;
}
.cm-must-log-in, .cm-logged-in-as, .cm-notes-before {
    background: #fdfbff !important;
	color: #9f9ab5 !important;
}
.reviews-comments-wrap .comment + .comment-respond .cm-must-log-in, .reviews-comments-wrap .comment + .comment-respond .cm-logged-in-as, .reviews-comments-wrap .comment + .comment-respond .cm-notes-before{
	background: #fff !important;
}
.review-total-inner {
    background: #1d0040 !important;
    border: none !important;
}
.review-total-inner strong {
    color: #fff !important;
}
.custom-form textarea, .custom-form input[type="text"], .custom-form input[type=email], .custom-form input[type=url], .custom-form input[type=password], .custom-form input[type=button], .listsearch-input-item input[type="text"] {
    border: 1px solid #f1f0ff !important;
    background: #fbfbff !important;
    padding: 15px 40px 15px 45px !important;
}
.custom-form input[type="tel"] {
    border: 1px solid #f1f0ff !important;
    background: #fbfbff !important;
    padding-top: 15px !important;    
    padding-bottom: 15px !important;    
}
.custom-form input[type="date"], .custom-form input[type=time] {
    border: 1px solid #f1f0ff !important;
    background: #fbfbff !important;
    width: 100%;
    padding: 15px 20px 15px 20px;
    border-radius: 4px;
    color: #7d93b2;
    font-size: 0.923em;
    -webkit-appearance: none;
    outline: none;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding-right: 45px !important;
}
input[type="time"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-calendar-picker-indicator  {
    opacity: 0;
    display: none;
}
.custom-time-wrap, .custom-date-wrap {
  position: relative;
  width: 100%;
}

.custom-time-wrap input[type="time"] .custom-date-wrap input[type="date"] {
  width: 100%;
  padding-right: 40px;
  cursor: pointer;
}

.custom-time-wrap .time-icon, .custom-date-wrap .date-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #4cb7fe;
  cursor: pointer;
  pointer-events: auto;
}
.fuzone {
    border: 1px solid #f6f8ff !important;
    background: #fdfdff !important;
}
.fuzone .fu-text span {
    color: #c8ccdb !important;
    font-weight: 400 !important;
}
.reviews-comments-item-footer {
    border-top: 1px solid #f2f0ff !important;
}
.rate-review {
    border: 1px solid #f2f0ff !important;
}
.rate-review a {
    color: #b19ebd !important;
}
.rate-review .comment-like-count {
    color: #b19ebd !important;
}
.reviews-score-wrap {
    border-bottom: 1px solid #f2f3ff !important;
    background: #fdfbff !important;
}

.box-widget-author-title_opt:before {
    background: #fdfbff !important;
    border: 1px solid #f4f4ff !important;
}
.box-widget-author-title-img img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 10px !important;
    object-fit: contain;
    background: #fff;
}
.box-widget-author-title {
    justify-content: space-around;
}
.box-widget-author-title-img {
    margin-right: inherit !important;
}
a:hover .listing-rating-count-wrap.single-list-count {
    background: #edeaff !important;
}

.listing-rating-count-wrap .review-score span {
  position: relative;
  top: 4px;
  left: -2px;
  font-size: 1.077em;
  color: #fff;
}
.listing-rating-count-wrap .review-score span {
    position: relative;
    top: 4px;
    left: -2px !important;
    font-size: 1.077em;
    color: #fff;
}
.lsingle-block-headinfos .listing-rating-count-wrap.single-list-count {
    background: #165dfc !important;
}
.country-count {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
.pkg-v.listing-rating-count-wrap.single-list-count:after {
    content: inherit !important;
}
.position-r {
    position: absolute !important;
    right: 0;
}
.list-single-header_bottom {
    border-top: 1px solid #f3f1ff !important;
}
.accordion a.toggle {
    color: #a389b3 !important;
    border: 1px solid #e9eff7 !important;
    background: #fff !important;
    border-radius: 10px 10px !important;
    font-weight: 500 !important;
}
.accordion-inner {
    color: #23254e !important;
    border-radius: 10px !important;
    border: 1px solid #e5e7f2 !important;
    text-align: left;
    font-weight: 400;
    line-height: 2em;
}
.accordion a.toggle.act-accordion {
    color: #fff !important;
    border: 1px solid #4db7fe !important;
    background: #4db7fe !important;
}
.accordion a.toggle.act-accordion i{
    color: #fff !important;
}
.accordion a.toggle.act-accordion span {
    background: #4db7fe !important;
}
.accordion a.toggle span {
    background: #4cb7fe !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
.scroll-nav li a i {
	color: #bfa7d1 !important;
    font-size: 18px;
    font-weight: 300;
}
.scroll-nav li a:hover {
	color: #4db7fe !important;
}
.scroll-nav li a.act-scrlink i {
	color: #4db7fe !important;
	font-weight: bold !important;
}
.scroll-nav li a.act-scrlink {
	color: #4db7fe !important;
}
.scroll-nav li a {
    font-size: 14px !important;
    color: #7d93b2 !important;
    font-weight: 400 !important;
    letter-spacing: 0px !important;
    text-transform: none !important;
}
.scroll-nav li a:hover i{
    color: #4db7fe !important;
    font-weight: bold !important;
}
.show-more-snopt-tooltip a {
    font-weight: 400 !important;
}
.scroll-nav {
    border-right: none !important;
}
.show-more-snopt-tooltip a {
    border-bottom: 1px solid #f3f1ff !important;
}
.list-single-stats li span i {
    margin-left: 0 !important;
}
.centeritem {
	justify-content: center !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.list-single-status{
	display: flex;
    justify-content: center;
}
.tutor-color-muted {
    color: #757c8e;
    font-size: 12px;
    padding-left: 5px;
}
.list-main-single-status{
	display: flex;
    justify-content: center;
}
.list-main-single-status a {
    width: 90px;
}
.dis-flex-event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.list-single-cat{
	margin-right: 0 !important;
}
.countdown-widget .countdown-item:before {
    right: -12px;
    left: inherit !important;
    color: #e2d9e8 !important;
}
.rate-item-percent {
    top: 2px !important;
    left: 20px !important;
	color: #b3b2cd !important;
}
.rate-item-bg {
    width: calc(100% - 5px) !important;
}

/* PROGRESS BAR - BASE */
@-webkit-keyframes progress-bar-stripes {
	from {background-position: 0 0;}
	to {background-position: 40px 0;}
}
@keyframes progress-bar-stripes {
	from {background-position: 0 0;}
	to {background-position: 40px 0;}
}
.progress {
	overflow: hidden;
	background-color: #dedef3;
	border-radius: 10px;
}
.progress-small {
	height: 10px;
}
.progress-bar {
	float: left;
	width: 0%;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
	text-align: center;
	background-color: #3eaafd;
	-webkit-transition: width 0.6s ease;
	transition: width 0.6s ease;
}
.progress-striped .progress-bar {
	background-image: -webkit-linear-gradient(45deg, #5db8ff 25%, transparent 25%, transparent 50%, #5db8ff 50%, #5db8ff 75%, transparent 75%, transparent) !important;
	background-image: linear-gradient(45deg, #5db8ff 25%, transparent 25%, transparent 50%, #5db8ff 50%, #5db8ff 75%, transparent 75%, transparent) !important;
	background-size: 40px 40px;
}
.progress.active .progress-bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
}
.reviews-comments-item-text .review-score-user span.review-score-user_item {
    border-radius: 5px !important;
    border: none !important;
	-webkit-box-shadow: 0px 0px 0px 4px rgb(151 149 221 / 20%);
	box-shadow: 0px 0px 0px 4px rgb(151 149 221 / 20%);
}
.comment-reply-link, .reply-item {
    background: #bdaac9 !important;
}
.reviews-comments-item-date {
    color: #b3add2 !important;
}
.townhub_addons-like-count {
    color: #aea7da !important;
}
.comment-reply-title {
    color: #a389b3 !important;
}
.comment-reply-title-wrap {
    padding: 0 30px 5px !important;
}
.review-comments-avatar img {
	-webkit-box-shadow: 0px 0px 0px 6px rgb(240 240 245) !important;
    box-shadow: 0px 0px 0px 6px rgb(240 240 245) !important;
}
.lsingle-block-content p {
    color: #23254e !important;
    line-height: 34px !important;
    font-size: 14px !important;
}
.lsingle-block-content li {
    color: #23254e !important;
}
.lsingle-block-title {
    border-bottom: none !important;
    border-radius: 10px 10px 0 0 !important;
    background: #fbf5ff !important;
}
.lsingle-block-content {
    padding: 0 30px 0;
}
.lbox-block-content {
    padding: 0 10px 0;
}
div.features-boxpad .lsingle-block-box {
	padding-bottom: 30px;
}
.dashboard-card {
    background: none !important;
    border: none !important;
}
.reviews-comments-wrap {
    margin-bottom: 20px;
}
.box-widget-item-header {
    border-bottom: none !important;
    border-radius: 10px 10px 0 0 !important;
    background: #fbf5ff !important;
}
.total-coast {
    border-top: 1px solid #f3f1ff !important;
    border-bottom: 1px solid #f3f1ff !important;
}
.list-author-widget-contacts.list-item-widget-contacts li {
    border-bottom: 1px solid #f3f1ff !important;
}
.bottom-bcw-box {
    border-top: none !important;
}
.opening-hours ul li {
    border-bottom: 1px solid #f3f1ff !important;
}
.listing-features li {
    margin: inherit !important;
}
.box-features {
    display: flex !important;
}
.box-currencies {
    align-items: center;
    padding: 0 10px;
}
.box-currency .currency-wrap {
    float: left;
    position: relative;
    top: 0px;
}
.lsingle-block-content .listing-features {
    margin-bottom: inherit !important;
    display: inline !important;
    align-content: center !important;
    padding-top: 15px;
    padding-bottom: 15px;
}
.lsingle-block-content .listing-features li {
    padding-right: inherit !important;
}
.lsingle-block-content .listing-features li i {
    background: inherit !important;
    border: none !important;
    font-size: 13px !important;
    margin-right: inherit !important;
}
.lsingle-block-content .listing-features li:hover i {
    font-weight: 600 !important;
}
.lsingle-block-content .listing-features li a {
    font-weight: 400 !important;
    color: #9890bf !important;
    font-family: Poppins, sans-serif !important;
}
#cancel-comment-reply-link, small a{
	margin-right: 10px !important;
    background: #4db7fe;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff !important;
    font-weight: 400;
}

.box-widget.opening-hours .current-status {
    margin-bottom: 5px !important;
    margin-top: 20px !important;
}
.review-images a {
    max-width: 10% !important;
	margin-left: 20px !important;
	-webkit-box-shadow: 0px 0px 0px 6px rgb(240 240 245);
    box-shadow: 0px 0px 0px 6px rgb(240 240 245);
}
.openinghours:before {
    font-family: 'font awesome 6 pro';
    content: "\e0d2";
    position: absolute;
    right: -15px;
    bottom: 0;
    font-size: 60px;
    transform: rotate(-20deg);
    color: #fbf9fd;
    opacity: 1;
    font-weight: 600;
    line-height: 1;
}

.openinghours-icon {
    position: relative;
    bottom: 20px;
    right: 50px;
}
.btn i {
    font-weight: 900 !important;
}
.reviews-comments-item {
    border-color: #f3f1ff !important;
}
.subscribe-header h3 i {
    padding-right: 0 !important;
	padding-left: 5px;
    font-weight: 900 !important;
}
.subscribe-header {
    top: -10px !important;
}
input, textarea, ::placeholder {
	font-family: Poppins, sans-serif !important;
}
.csl-inner {
    border: 1px solid #f1f0ff !important;
    background: #fbfaff !important;
    border-radius: 4px !important;
}
.csl-option-lablel {
    color: #566985 !important;
}
.csl-options {
    background-color: #fbfaff !important;
    border-radius: 0px 0px 4px 4px !important;
    border: 1px solid #e5e7f2 !important;
    border-top: none !important;
    margin-top: 0px !important;
    box-shadow: none !important;
    padding-top: 0 !important;
}
.csl-option.csl-option-selected {
    background-color: #edf0fe !important;
}
.csl-option:hover {
    background-color: #edf0fe !important;
}
.csl-open .csl-options {
    display: inherit !important;
}
@media only screen and (max-width: 767px) {
    .review-range-item {
        position: relative;
    }
    .review-range-item .range-slider-title {
        position: absolute;
        top: 0px;
    }
    .review-range-item .range-slider-wrap {
        width: 100%;
    }
    .footer-r {
        text-align: center !important;
    }
}
.rate-range {
    background: #dedef3 !important;
}
.custom-form textarea:focus, .custom-form input[type="text"]:focus, .custom-form input[type=email]:focus, .custom-form input[type=password]:focus, .listsearch-input-item input[type="text"]:focus {
    -webkit-box-shadow: 0 0 0 6px rgb(253 251 255) !important;
    box-shadow: 0 0 0 6px rgb(253 251 255) !important;
	background: #fdfdff !important;
}
input[type="text"]:focus, input[type=email]:focus, input[type=password]:focus, input[type=button]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus {
    background: #fdfdff !important;
    -webkit-box-shadow: 0px 10px 14px 0px rgba(238 240 254, 0.06) !important;
    box-shadow: 0px 0px 0px 3px rgb(238 240 254 / 60%) !important;
}
.list-single-author .author_avatar {
    box-shadow: 0 0 0 6px rgb(238 235 255 / .5) !important;
}
.list-single-header_bottom .geodir_status_date {
	box-shadow: 0 0 0 6px rgb(238 235 255 / .5) !important;
}
@media only screen and (max-width: 768px){
	.list-single-stats {
		padding-top: 0 !important;
	}
}
@media only screen and (max-width: 768px){
	.list-single-status {
		padding-top: 15px !important;
	}
}
.list-widget-social li a {
    font-size: 20px !important;
    color: #d7cae6 !important;
    background: inherit !important;
}
.list-widget-social li a:hover {
    color: #4DB7FE !important;
}
.list-author-widget-contacts li span {
    min-width: inherit !important;
}
.box-widget-author-title_content a {
    color: #bfbad5 !important;
}
.popup-video-ele .promo-link {
    bottom: inherit !important;
    z-index: 999;
    left: inherit;
    width: 100px;
}
.promo-link { 
	color: #fff !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    background: #4db7fe !important;
	padding: 5px 0 5px 0 !important;
	
}
a.promo-video-bg-wrap:hover span, .promo-link:hover {
    color: #fff !important;
    background: #600b95 !important;
}
.tv-background:hover .promo-link {
    color: #4db7fe !important;
    background: #600b95 !important;
}
.restmenu-item-img {
    box-shadow: 0 0 0 6px rgb(240 240 245) !important;
    background: #fff;
}
.restmenu-item:hover {
    background: #fdfbff !important;
}
.restmenu-item-det-header {
    border-bottom: 1px solid #f3f1ff !important;
}
.restmenu-item-det-header a {
	color: #bfbad5 !important;
}
.restmenu-item-desc p {
	color: #bfbad5 !important;
}
.cthiso-resmenu .cthiso-filters a {
    font-weight: 400;
}
.cthiso-resmenu .cthiso-filters {
    justify-content: center;
}
.cthiso-resmenu .cthiso-filters a:last-child {
    border-left: 1px solid #f3f1ff !important;
}
.cthiso-filters a, .listing-filters a {
    border: 1px solid #f3f1ff !important;
}
.restmenu-item-det-header h4 {
    color: #bfbad5 !important;
}
.cthiso-resmenu .cthiso-filters a:hover {
    color: #4db7fe !important;
}
.cthiso-filters a.cthiso-filter-active:hover {
    color: #fff !important;
}
.restmenu-item-det-price {
    color: #bfbad5 !important;
}
.custom-form label i {
    top: 32px !important;
}
.lcookies {
    display: flex !important;
	color: #c8ccdb !important;
    align-items: center;
    padding-right: 5px;
    font-weight: 400 !important;
    font-size: 12px !important;
}
.fzone .ftext {
    margin: 10px 0;
    font-size: 0.923em;
    color: #999;
    font-weight: 400;
    position: relative;
	padding: 0 15px;
}
.fzone {
    border: 1px solid #f6f8ff !important;
    background: #fdfdff !important;
}
.ftext {
    color: #bfbad5 !important;
    font-weight: 400 !important;
}
.fzone {
    position: relative;
    border: 1px solid #eee;
    border-radius: 3px;
    background: #F7F9FB;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    min-height: 76px;
    margin-top: 0px;
    cursor: pointer;
}
input {
    /*margin-left: 10px;*/
}
input[type="radio"] {
    border: 1px solid #dedef3;
    cursor: pointer;
    padding: 0;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    color: #fff;
    background: #fff;
    -webkit-appearance: none;
	top: 2px !important;
    height: 20px;
    position: absolute !important;
}
input[type="radio"]:checked {
    border: 1px solid #4db7fe !important;
    cursor: pointer;
    padding: 0;
    width: 20px;
    height: 20px;
    position: absolute !important;
	color: #fff !important;
    border-radius: 100px;
    background: #4db7fe !important;
    -webkit-appearance: none;
    height: 20px;
}
input[type="radio"]:checked:after {
    font-family: 'font awesome 6 pro';
    content: "\f00c";
    font-size: 0.923em;
	font-weight: 900 !important;
    position: absolute;
    top: 0;
    right: 3px;
}
input[type="checkbox"] {
    border: 1px solid #dedef3;
    cursor: pointer;
    top: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    position: relative;
    border-radius: 5px;
    color: #fff;
    background: #fff;
    -webkit-appearance: none;
}
.submit-field-checkbox .check-item input {
    margin-right: 0 !important;
    border: 2px solid #e5e5f6 !important;
    border-radius: 5px !important;
    top: 0;
}
input[type="checkbox"]:checked {
    border: 0 solid #4db7fe !important;
    cursor: pointer;
    padding: 0;
    width: 20px;
    height: 20px;
    position: relative;
	color: #fff !important;
    border-radius: 5px;
    background: #4db7fe !important;
    -webkit-appearance: none;
}
input[type="checkbox"]:checked:after {
    font-family: Font Awesome\ 6 Pro !important;
    font-weight: 400;
    top: 0 !important;
    left: 0px !important;
    border-radius: 5px !important;
    color: #fff !important;
    background: #4cb7fe;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.subscribe-agree-label input{
	top: 5px !important;
}
.rate-review:hover {
    background: #fbfbff !important;
}
.reviews-comments-item-text .reviews-comments-header h4 {
    color: #aea7d1 !important;
}
.ck-form input[type="checkbox"]:checked:after {
	color: #fff !important;
}
.ck-tab-title h3 {
    color: #aea7d1 !important;
}
.ck-tab-title {
    border-bottom: 1px solid #f3f1ff !important;
}
.ck-form textarea:disabled, .ck-form textarea[readonly], .ck-form input[type="text"]:disabled, .ck-form input[type="text"][readonly], .ck-form input[type=email]:disabled, .ck-form input[type=email][readonly], .ck-form input[type=url]:disabled, .ck-form input[type=url][readonly], .ck-form input[type=password]:disabled, .ck-form input[type=password][readonly] {
    border: 1px solid #f1f0ff !important;
    background: #fbfbff !important;
}
.ck-form label {
    color: #bfbad5 !important;
}
.ck-form label i {
    font-weight: 900 !important;
}
.payment-methods .payment-desc {
    border: 1px solid #f3f1ff !important;
    background: #fdfbff !important;
}
.payment-desc p {
	color: #bfbad5 !important;
}
.payment-methods .payment-title {
	color: #a389b3 !important;
}
.ck-terms-text{
	color: #bfbad5 !important;
	font-weight: 400 !important;
}
.fw-separator {
    background: #f3f1ff !important;
}
.cart-details ul.cart-listi li {
    font-weight: 400 !important;
}
.booking-listing-address {
    color: #aea7d1 !important;
    font-weight: 500 !important;
    direction: ltr !important;
}
.booking-listing-address i {
    margin-right: 5px;
	color: #4db7fe !important;
	font-size: 14px;
}
.coupon-warp.custom-form button {
    padding: 12px 25px 12px 55px !important;
}
.dis-font{
	font-weight: 400 !important;
}
.cart-total:after {
    left: 25px;
    top: 8px;
    opacity: .2;
    -webkit-animation: bubble-anim 2s ease-out infinite;
    animation: bubble-anim 2s ease-out infinite;
}
.booking-bt-edit {
    background: #4db7fe;
    padding: 5px;
    font-size: 12px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff !important;
	margin-left: 10px;
    height: max-content;
    min-width: 120px;
}
.booking-bt-edit:hover{
	background: #35aeff;
}
.dis-edit {
    display: flex;
    justify-content: space-between;
}
.ck-form textarea, .ck-form input[type=text], .ck-form input[type=email], .ck-form input[type=url], .ck-form input[type=password] {
    border: 1px solid #f1f0ff !important;
    background: #fbfbff !important;
}
.log-separator:before, .log-separator:after {
    background: #f3f1ff !important;
}
.log-separator span {
    border: 1px solid #4db7fe !important;
    background: #4db7fe !important;
    font-size: 12px !important;
    color: #fff !important;
}
.imagepay{
	text-align: center !important;
}
.imagepay img {
	width: 300 !important;
}
.contact-footer {
	float: right;
}
input[type=email] {
    border: 1px solid #21004f !important;
    background: #21004f !important;
}
.subscribe-form-wrap .subscribe-button i {
    font-weight: 900 !important;
}
.subscribe-form-wrap .subscribe-button {   
    background: #21004f;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    line-height: 55px;
}
.banner-wdget .overlay {
    opacity: .2 !important;
}
.banner-wdget-content a {
    margin-top: 90px !important;
}
.subscribe-button:before {
    background: #52b8fc !important;
}
.login-error {
	text-align: center !important;
	display: flex;
    justify-content: center;
}
p.login-error span {
    background: #ff00681f;
    padding: 5px 15px;
    border-radius: 5px;
}
p.login-error span i {
	color: #d94294;
}
.separatorlog {
	margin-bottom: 20px;
	margin-top: 20px;
}
.log-reg-r {
    font-weight: 600 !important;
    margin-left: auto;
    color: #b6b2c7;
}
.log-lost-l {
    font-weight: 600 !important;
    margin-right: auto;
    color: #b6b2c7;
}
p.login-remember label {
	color: #b6b2c7 !important;
}
.main-register .custom-form label {
    padding-bottom: 0 !important;
}
.rem-lost {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	list-style: none;
    margin: 0;
	margin-bottom: 30px;
}
.rem-lost li {
    position: relative;
    z-index: 2;
    border-bottom: 3px solid transparent;
    margin-bottom: 0;
}
.rem-lost li {
    width: 50%;
}
.rem-lost li a {
    color: #7d93b2;
    font-size: 1em;
    display: block;
    font-weight: 600;
    padding: 14px 0;
}
.title-sin_map a {
	font-size: 14px !important;
}
.title-sin_map:hover a {
    color: #4cb7fe;
}
.listing-item-category-wrap span {
    background: #fff;
    padding: 0 5px;
    border-radius: 10px 0 0 10px;
    border: 1px solid #f3f1ff;
    margin-right: inherit !important;
    font-size: 12px;
    font-weight: 300;
}
.cat-box {
    border-radius: 5px !important;
}
.cat-box i {
    color: #fff !important;
}
.edit-listing-link {
    background: #4cb7fe;
    padding: 5px;
    font-size: 12px !important;
    font-weight: 400;
    border-radius: 10px;
    color: #ffffff;
}
.list-single-header_bottom {
    padding: 0 !important;
}
div.height-box .list-single-header_bottom {
    padding: 14px 0px !important;
}
.chanel-singel {
    background: #ec2745;
    padding: 15px 25px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    text-align: center;
}
.lheadinfo .box-widget.countdown-widget {
    margin-right: 0;
    width: 100%;
}
.excerpt-card{
	color: #81799a !important;
    font-weight: 500;
    padding-top:10px;
}
.new-category-footer{
	padding: 0 !important;
	background: #f3f1ff !important;
	border-top: none !important;
	border-bottom-right-radius: 10px !important;
	margin-top: inherit !important;
}
.right-opt-list {
    padding-right: 15px !important;
    border-radius: 0 0 10px 0 !important;
    background: #21004f;
}
.geodir-opt-list a, .gdop-list-link {
    color: #fff !important;
}
.geodir-js-favorite_btn i {
    border-radius: 0% 20% 0 30% !important;
    background: #21004f !important;
}
.geodir-js-favorite_btn {
    right: 0px !important;
    top: 0px !important;
}
.geodir-js-favorite_btn span {
    border-radius: 0 10px !important;
	background: #21004f !important;
	margin-top: inherit !important;
}
.lcard-saleoff {
	top: 0px !important;
    left: 0 !important;
}
.saleoff-inner {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 0 !important;
	padding: 5px 10px !important;
	background: #4db7fe !important;
	font-size: 14px;
}
.saleoff-inner:after {
    border-bottom: 20px solid #4db7fe !important;
}
.saleoff-inner:before {
    border-top: 20px solid #4db7fe !important;
}
.dis-flex-center {
	justify-content: center !important;
}
.geodir-category-content-title {
    border-bottom: 1px solid #f3f1ff !important;
}
.geodir-location {
	padding-top: 10px !important;
    text-align: left !important;
    font-size: 12px !important;
    font-weight: 400;
}
.geodir-category-content-title {
    padding: 2px 10px 5px !important;
    margin-bottom: 2px !important;
}
.geodir-category_contacts li {
    text-align: left !important;
}
.geodir-category_contacts li span {
    margin-right: 10px !important;
	margin-left: inherit !important;
}
.geodir-category_contacts li a {
    color: #9890bf !important;
    text-align: right !important;
    font-weight: 400 !important;
}
.close_gcc {
    right: 10px !important;
    left: inherit !important;
}
.infowindow_wishlist-btn {
    border-right: 1px solid #21004f !important;
    background: #21004f !important;
    border-bottom-right-radius: 7px !important;
    font-size: 18px;
}
.map-popup {
    border-radius: 20px;
}
.map-popup-location-info {
    color: #7d93b2 !important;
    text-align: left !important;
	padding-top: 15px;
	padding-bottom: 15px;
}
.listing-content-item {
    border-radius: 0 0 10px 10px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.map-popup-footer {
    border-top: 1px solid #f3f1ff !important;
    background: #f3f1ff !important;
	font-family: Poppins, sans-serif !important;
}
.infoBox-close {
    z-index: 25 !important;
    color: #21004f !important;
}
.map-popup .listing-img-content {
    border-top-left-radius: 10px !important;
}
.map-popup-footer .main-link {
    font-size: 14px !important;
    font-weight: 400 !important;
}
.map-popup-reviews-count {
	font-family: Poppins, sans-serif !important;
}
.map-popup-location-info i {
	padding-right: inherit !important;
}
.infobox-status {
	font-family: Poppins, sans-serif !important;
}
.litem-ad {
    color: #fff !important;
    font-size: 12px !important;
	font-weight: 700 !important;
	text-align: center;
	margin: inherit !important;
    border: 1px solid #4DB7FE !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 0 !important;
    padding: 2px 5px !important;
    margin: 0 !important;
    line-height: 3.4 !important;
    right: -15px;
    background: #4DB7FE !important;
    top: 0px;
}
.cluster-visible:before {
    border: 17px solid #21004f !important;
}
.cluster-visible {
    background: #1d0040 !important;
}
.mapnavbtn, .location-btn {
    background: #21004f !important;
    color: #fff !important;
}
.footer-widget .wid-tit {
    font-weight: 400 !important;
}
.mapnavbtn:hover, .location-btn:hover {
    background: #4DB7FE !important;
    color: #fff !important;
}
.mapnavigation li {
    margin-left: 0 !important;
}
.footer-contacts li {
    background: rgb(33 0 79) !important;
}
.prevmap-line {
	border-right:1px solid #21004f !important;
}
.price-opt-title {
    font-weight: 400 !important;
}
.list-main-wrap-title h2 {
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #a4a0b7 !important;
}
.category-carousel-item-container {
    padding: 5px 0 !important;
}
.facilities-list {
	margin-top: 20px !important;
}
.avatar-tooltip {
    top: -3px !important;
    height: 60px !important;
    line-height: 60px !important;
    -webkit-box-shadow: 0 9px 26px rgba(58, 87, 135, 0.15) !important;
    box-shadow: 0 9px 26px rgba(58, 87, 135, 0.15) !important;
    text-align: right;
    padding-right: 15px;
}
input[type="text"]:focus, input[type=email]:focus, input[type=password]:focus, input[type=button]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus {
    -webkit-box-shadow: 0px 0px 0px 3px rgb(238 240 254 / 10%) !important;
    box-shadow: 0px 0px 0px 3px rgb(238 240 254 / 10%) !important;
}
.header-search-input-wrap input {
    color: #fff !important;
}
.price-name-tooltip {
    left: -45px !important;
    top: -32px !important;
    background: #4cb7fe !important;
    border-radius: 5px !important;
}
.listing-item.list-layout .geodir-category-content {
    padding-top: 40px !important;
}
.list-layout .new-category-footer {
    border-bottom-right-radius: 0 !important;
}
.list-layout .geodir-category-img {
    width: 46%;
    border-radius: 0 10px 10px 0 !important;
}
.list-layout .geodir-category-img-wrap {
    border-top-left-radius: 0 !important;
}
.list-layout .avatar-tooltip {
    top: -3px !important;
    height: 40px !important;
    line-height: 40px !important;
}
.list-layout .geodir-category-listing {
    margin-bottom: 20px !important;
    margin-left: 30px !important;
    margin-right: 30px !important;
}
.list-layout .saleoff-inner {
    border-top-left-radius: 0px !important;
}
.avatar-tooltip i {
    color: #c1bed6 !important;
}
.geodir-opt-tooltip {
    border-radius: 5px !important;
    background: #1d0040 !important;
    top: -45px !important;
}
.list-lcard-price strong {
	color: #9c94c2;
}
.new-facilities {
    padding: 0 !important;
	justify-content: center;
    border-top: none !important;
}
.right-facilities-price {
    padding: 0 10px !important;
}
.facilities-itm {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
}
.facilities-itm i{
    font-weight: 900 !important;
}
.facilities-list i{
    color: #ADC7DD !important;
    font-size: 1.23em;
    
}
.geodir-category-listing:hover .facilities-list i {
    color: #4db7fe !important;
}
.geodir-opt-list:before {
    background: #f3f1ff !important;
}
/* width */
::-webkit-scrollbar {
  width: 5px;
	background: #e9e1ee;
	border-radius: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2	px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc8de; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #4db7fe; 
}
.listing-featured-item {
	top: 50px !important;
}
.toman {
	font-size:12px;
	font-weight: 500;
	padding-right: 2px;
}

.listing-carousel-button {
    background: #1d0040 !important;
}
.listing-carousel-button:hover {
    background: rgba(6, 27, 65, 0.4) !important;
}
.geodir-category-content h3 {
    text-align: left;
    font-weight: 600;
    font-size: 1.230em;
    margin-bottom: 10px;
    margin-top: 10px;
}
.geodir-category-content p {
    padding-bottom: inherit !important;
}
.lg-actions .lg-next:before {
    content: "\f104" !important;
}
.lg-actions .lg-prev:after {
    content: "\f105" !important;
}
#subfield_content_address .get-curr-loc {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    height: 50px;
    width: 50px;
    line-height: 50px;
}
#subfield_content_address .get-curr-loc:hover {
    border-radius: 100%;
    -webkit-animation: newpulse 1.1s infinite ease-in-out;
    animation: newpulse 1.1s infinite ease-in-out;
}
.btn-link {
    margin-top: 20px;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 20px;
    border: 1px solid #4cb7fe !important;
    background: #4cb7fe;
    border-radius: 4px;
    color: #fff;
}
.btn-link:hover {
	border: 1px solid #72cfff !important;
    background: #72cfff;
    text-decoration: none !important;
}
input[type="text"], input[type=email], input[type=password], input[type=button], input[type="number"], input[type="tel"], textarea, select {
    border: 1px solid #f1f0ff !important;
    background: #fbfaff !important;
}
.css-9gd9oj-control {
    line-height: 23px !important;
    background: #fbfaff !important;
    border: 1px solid #f1f0ff !important;
}
.qtt-input input[type="text"], 
.qtt-input input[type=email], 
.qtt-input input[type=password], 
.qtt-input input[type=button], 
.qtt-input input[type="number"], 
.qtt-input input[type="tel"], 
.qtt-input textarea, 
.qtt-input select {
    border: 1px solid #4cb7fe !important;
    background: #4cb7fe !important;
    color: #fff !important;
    border-radius: 4px !important;
}
.qtt-btn {
    background: #73c7ff !important;
    color: #fff !important;
}
.qtt-down {
    border-bottom: none !important;
    border-bottom-right-radius: 4px !important;
}
.qtt-up {
    border-bottom: 1px solid #4cb7fe !important;
    border-top: none #4cb7fe !important;
    border-top-right-radius: 4px !important;
}
.qtt-up:hover {
    background: #1d0040 !important;
}
.qtt-down:hover {
    background: #1d0040 !important;
}
.qtt-nav {
    border-right: none !important;
}
.qtt-btn {
    border-right: 1px solid #4cb7fe !important;
}
.csl-values-wrap {
    color: #566985;
    font-weight: 300;
    align-items: center;
}
.csl-wrapper {
    border: none !important;
}
.csl-arrow-sep {
    background-color: #e5e7f2 !important;
}
.csl-arrow {
    background: #fbfaff;
}

.tabs-working-hours .tabs-menu li {
    background: #fbf5ff !important;
    border-radius: 5px;
	color: #abaabe !important;
}
.tabs-working-hours .tabs-menu li.active {
	background: #4DB7FE !important;
	color: #fff !important;
}
.submit-fields-wrap .submit-field .lfield-label {
    font-weight: 400 !important;
    position: relative;
    background-color: #4cb7fe;
    color: #fff !important;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 14px;
    margin: 0;
    width: fit-content;
}
.lfield-label::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 20px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #4cb7fe;
}
.radio span:after {
    border: 2px solid #e5e5f6 !important;
    border-radius: 5px !important;
    top:0 !important;
}
.radio input[type="radio"]:checked + span:before {
    font-family: Font Awesome\ 6 Pro !important;
    top: 0 !important;
    left: 0px !important;
    border-radius: 5px !important;
    color: #fff !important;
    background: #4cb7fe;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tabs-working-hours .radio input[type="radio"]:checked + span:before {
	line-height: 17px;
    padding-right: 2px;
	width: 20px;
    height: 20px;
    border: 2px solid #4db7fe !important;
	border-radius: 5px !important;
    position: absolute;
    right: 0;
    top: -3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #4db7fe !important;
	color: #fff !important;
}
.no-btn i {
    border: 2px solid #ff006d;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    font-weight: 800;
    color: #ffffff;
    line-height: 22px;
    background: #ff006d;
}
.no-btn i:hover {
    border: 2px solid #ff3b8f;
    background: #ff3b8f;
}
.submit-sec-title {
    background: #0099ff1a !important;
    border-radius: 10px 10px 0 0 !important;
    border: 0px solid #4cb7fe;
    padding: 15px 30px;
    color: #fff !important;
}
.submitMap-googlemap {
    padding: 0px;
	-webkit-box-shadow: 0 0 0 5px rgb(240 240 245/60%) !important;
    box-shadow: 0 0 0 5px rgb(240 240 245/60%) !important;
    border-radius: 5px;
    margin-bottom: 15px;
}
.custom-form.submit-page-btns {
    display: -webkit-box;
    display: -ms-flexbox;
}
.custom-form button {
    margin-top: inherit !important;
}
.submit-sec-title:before {
    content: '\f078' !important;
    right: 3% !important;
    top: 33% !important;
    font-weight: 900;
    line-height: 30px;
    height: 30px !important;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    background: #4db7fe;
    font-family: 'Font Awesome 6 Pro';
}
.header-search-input-wrap .hero-inputs-wrap .filter-gid-item input {
    border: none !important;
    background: #21004f !important;
}
.header-search-input-wrap .nice-select-search-box input.nice-select-search {
    border: 1px solid #f1f0ff !important;
    color: #1d0040 !important;
    background: #f6f6ff !important;
}
.text-custom-list-style li:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #3faffd;
    left: 4px;
    top: 11px;
}
.text-custom-list-style li:before {
    content: "";
    background: #3facfe26;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 7px;
    border-radius: 50%;
}
.text-custom-list-style li {
    position: relative;
    padding-right: 25px;
    line-height: 30px;
    margin-bottom: 0;
}
.text-custom-list-style {
    list-style: none;
}
.text-custom-list-style {
    padding-right: 0;
}
.quiz_Content {
    display: flex;
    /*grid-template-columns: 64px auto;*/
    align-items: center;
    grid-gap: 5px;
    margin: 0;
    background: rgba(0, 153, 255, .1);
    padding: 5px 10px 5px 35px !important;
    border-radius: 0px 0 10px 10px;
    max-width: 100%;
    position: relative;
}
.chef_tag_box {
    text-align: center;
    bottom: 10px;
    position: relative;    
}
.chef_box {
    display: grid;
    grid-template-columns: 64px auto;
    align-items: center;
    grid-gap: 5px;
    margin: 0;
    background: rgba(0, 153, 255, .1);
    padding: 0 10px !important;
    border-radius: 0px 0 10px 10px;
    max-width: 100%;
    position: relative;
}
.notif_Content {
    display: grid;
    grid-template-columns: 64px auto;
    align-items: center;
    grid-gap: 5px;
    margin: 0;
    margin-bottom: 50px;
    background: rgba(0, 153, 255, .1);
    padding: 10px !important;
    border-radius: 10px;
    max-width: 100%;
    position: relative;
}
@media (max-width: 768px) {
    .notif_Content {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        text-align: center;
    }
    .notif_Content i {
        justify-self: center;
    }
    .s-bgrij {
        transform: scale(1.32);
    }
}
.notif_Content .quiz-text {
    font-weight: 400;
    padding: 2px 10px;
    line-height: 250%;
    font-size: 14px;
    text-align: left;
    color: #95a8bd;
}
.quiz_box_help {
    font-size: 40px;
    text-align: center;
    color: #c6dbf3;
}
.chef_consultant_box {
    font-size: 40px;
    text-align: center;
    color: #b61938;
    position: relative;
    top: -5px;
    left: 0;
}
.chef_pro_box {
    font-size: 40px;
    text-align: center;
    color: #499a34;
    position: relative;
    top: 0;
    left: 0;
}
.chef_beginner_box {
    font-size: 40px;
    text-align: center;
    color: #4174e8;
    position: relative;
    top: -5px;
    left: 0;
}
.quiz_Content .quiz-text {
    font-weight: 400;
    padding: 2px 10px;
    line-height: 160%;
    font-size: 14px;
    text-align: left;
    color: #95a8bd;
}
.chef_box .quiz-text {
    font-weight: 400;
    padding: 2px 10px;
    line-height: 250%;
    font-size: 14px;
    text-align: left;
    color: #95a8bd;
}

.post-nav-prev:before {
    content: "\f105";
    left: 20px;
}
.post-nav-prev:before {
    content: "\f105" !important;
}
.post-nav-next:before {
    content: "\f104" !important;
}
.reply-avatar img {
	-webkit-box-shadow: 0 0 0 6px rgb(238 235 255 / .5) !important;
    box-shadow: 0 0 0 6px rgb(238 235 255 / .5) !important;
}
.contact-avatar img {
	-webkit-box-shadow: 0 0 0 6px rgb(238 235 255 / .5) !important;
    box-shadow: 0 0 0 6px rgb(238 235 255 / .5) !important;
}
.contact-item.active {
    background: #fbf5ff !important;
}
.contact-item {
    border-bottom: 1px solid #f8f7ff !important;
}
.message-input {
    border-top: 1px solid #f7e9ff !important;
    background: #fbfaff !important;
}
.message-input button {
    background: #73c7ff !important;
    border: 1px solid #4bb6fb !important;
    color: #fff !important;
    top: 15px !important;
    left: 5px !important;
}
.message-input button:hover {
    background: #4bb6fb !important;
}
.onoffswitch-inner:after {
    content: "niet actief";
    font-size: 12px;
    font-weight: 500;
    font-family: Poppins, sans-serif !important;
}
.onoffswitch-inner:before {
    content: "Actief";
	background-color: #01b800 !important;
    font-size: 12px;
    font-weight: 500;
    font-family: Poppins, sans-serif !important;
}
.user-profile-menu li a {
    font-weight: 400 !important;
    color: #fff !important;
}
.user-profile-menu li a.user-profile-act, .user-profile-menu li a:hover {
    background: #210059 !important;
}
.dhs-controls div {
    background: #fbf5ff !important;
    border: 1px solid #e5e7f2 !important;
}
.swiper-button-disabled {
	background: #eaf4ff !important;
	color: #e1dee3 !important;
}
.dhs-controls div:hover {
    background: #4db7fe !important;
	border: 1px solid #4db7fe !important;
}
.add_new-dashboard i {
    color: #fff !important;
}
.add_new-dashboard {
    background: #4db7fe !important;
    border: 1px solid #4db7fe !important;
	color: #fff !important;
}
.user-profile-menu li {
    border-bottom: inherit !important;
}
.user-profile-menu li:first-child {
    border-top: inherit !important;
}
[class="0-legend"] li {
    padding: 10px 10px !important;
    border: 1px solid #f3f1ff !important;
    background: #fdfbff !important;
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important;
}
[class="0-legend"] li:first-child span {
    background: #5ecfb1 !important;
}
[class="0-legend"] li span {
    background: #d9739b !important;
}
.notification-list-remove {
    line-height: 22px !important;
    right: 10px !important;
    top: 15px !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    background: #fff !important;
    color: #ff0032 !important;
}
.notification-list-text .notification-msg {
    font-weight: 400 !important;
}
.dashboard-side-title {
    color: #fff !important;
	padding: 15px !important;
    background: #1d0044 !important;
}
.user-profile-menu-wrap {
    padding: 0 !important;
}
.user-profile-menu {
    padding-bottom: 0 !important;
}
.dashboard-side-title-s {
    color: #fff !important;
	padding: 15px !important;
    background: #210059 !important;
}
.user-profile-menu li a:hover {
    background: #210059 !important;
    color: #4eb7fe !important;
}
.dashboard-side-title-s:before {
    content: '\f078' !important;
    right: 15px !important;
    position: absolute;
    font-weight: 900;
    color: #4db7fe !important;
    font-family: 'font awesome 6 pro';
}
.dashboard-side-off {
    text-align: center;
    background: #eaf4ff;
    color: #c4b1cf !important;
    padding: 10px 10px;
    border-radius: 0 0 10px 10px;
    display: block;
}
.dashboard-side-off:hover i {
    color: #4db7fe;
}
.dashboard-side-off a{
	margin: 0 !important;
}
.purp-green-bg {
	background: #5ECFB1 !important;
}
.purp-red-bg {
	background: #F75C96 !important;
}
.purp-blue-bg {
	background: #4db7fe !important;
}
.purp-bluedark-bg {
	background: #676cff !important;
}
.purp-orange-bg {
	background: #fed04d !important;
}
.profile-edit-container .custom-form label i {
    top: 40px !important;
}
.card-verified.cv_not i {
    color: #d4e1e9 !important;
}
.promo-link-author {
    color: #7d93b2 !important;
    border-radius: 30px 30px 0 0 !important;
    background: #fdf8ff !important;
    top: 32px;
    margin: 0 35px;
    text-align: center;
    border-left: 1px solid #e5e7f2;
    border-top: 1px solid #e5e7f2;
    border-right: 1px solid #e5e7f2;
}
.promo-link-author {
    position: relative;
    padding: 16px 15px 16px 15px;
    font-weight: 400;
    border-radius: 30px;
    font-size: 0.845em;
	-webkit-box-shadow: inherit !important;
    box-shadow: inherit !important;
}
.promo-link-author i {
    padding-left: 5px;
    top: 2px;
    position: relative;
    font-size: 15px;
}
.user-profile-header_content p {
    color: #23254e !important;
    text-align: justify;
    font-weight: 300;
    line-height: 2.5em;
}
.process-item p {
    text-align: left !important;
    color: #23254e !important;
    line-height: 2.3em !important;
}
.author-verify {
	color: #0095f6 !important;
}
.author-unverify {
	color: #d4e1e9 !important;
}
.gray-bg {
    background: #fdf8ff !important;
}
a.open-verify {
	color: #9890bf !important;
}
a.open-verify:hover {
	color: #4db7fe !important;
}
.submit-sec-title-townhub {
    background: #fdf8ff !important;
}
.avatar-tooltip span {
    font-weight: 400 !important;
}
.listing-avatar:hover .avatar-tooltip span {
    color: #4db7fe !important;
}
.currency-wrap {
	float: inherit !important;
    border-radius: 4px !important;
    margin-left: 5px !important;
    margin-right: 0 !important;
    padding: 0 15px !important;
}
.currency-wrap:hover {
    border-radius: 0 0 4px 4px !important
}
.currency-tooltip, .lang-tooltip {
    width: 100% !important;
    padding: 0 !important;
	background: #371c55 !important;
    border: 1px solid #371c55;
    border-radius: 4px 4px 0 0 !important;
    font-size: 12px !important;
    text-align: center;
    border-bottom: 1px dashed #21004f !important;
}
.currency-tooltip li, .lang-tooltip li {
    padding: 0px 10px !important;
    float: inherit !important;
}
.currency-symbol {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}
.display-currencies .currency-symbol {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
@media only screen and (max-width: 768px){
.sub-footer .copyright {
    margin-top: 10px !important;
    text-align: center !important;
}
}
.sub-footer {
    background: rgba(29, 0, 64, 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.nav-button-wrap {
	background: #1d0040 !important;
	margin-left: 0 !important;
	float: left;
	top: 20px !important;
}

@media only screen and (max-width: 1064px){
.vismobmenu {
    right: 0 !important;
    left: inherit;
}
.add-logo.custom-logo {
    width: 80px !important;
    height: 46px !important;
}
}
@media only screen and (max-width: 1064px){
.main-menu {
    right: 0px !important;
    border-radius: 0 0 0 10px;
	left: inherit !important;
	background: #1d0040 !important;
    border-left: 1px solid #1d0040 !important;
    border-bottom: 1px solid #1d0040 !important;
    width: inherit !important;
}
}
@media only screen and (max-width: 1064px) {
.menusb a {
    color: #fff !important;
}
}
.header-user-menu:after {
    content: inherit !important;
}
.add-logo {
    float: left;
    padding: 0;
    position: relative;
    height: 40px;
    width: auto;
    text-align: center;
    top: 10px;
    line-height: 40px;
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
    font-size: 1em;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.bookmark-header-btn {
}
.vis-wishlist {
    right: 100px !important;
}
@media only screen and (max-width: 767px) {
.vis-wishlist {
    left: 0 !important;
}
}
@media only screen and (max-width: 650px) {
.header-search_btn {
    margin-left: 15px !important;
    background: none !important;
}
}
@media only screen and (max-width: 767px) {
.body-townhub.admin-bar #main-theme {
    overflow-x: initial !important;
}
}
@media only screen and (max-width: 767px) {
    .review-range-item .range-slider-title {
        width: 100% !important;
    }
}
@media only screen and (max-width: 767px) {
    .user-menu-two.header-user-menu ul {
        min-width: 305px !important;
    }
}

.header-user-menu {
    margin-right: 0 !important;
    margin-left: 45px !important;
    top: 27px !important;
}
.header-user-name:before {
    content: none !important;
}
.main-header:before {
    background: #1d0040 !important;
    width: 400px !important;
}
.header-search_btn {
    background: #21004f !important;
    float: right !important;
    margin-left: 30px !important;
    margin-right: 10px;
    width: 42px;
    height: 42px;
    padding: 15px 15px;
}
.nav-holder {
    margin-right: 0 !important;
    margin-left: 20px !important;
}
.cart-counter {
    background: #4cb7fe !important;
    border: 3px solid #1d0040;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 14px;
    color: #162e9e;
    right: -10px;
    font-size: 9px;
    font-weight: 900;
    font-family: roboto;
    top: -3px;
}
@media only screen and (max-width: 650px) {
.header-search_btn {
	float: right !important;
	background: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    top: 10px !important;
}
}
@media only screen and (max-width: 650px) {
.header-search_btn i {
    font-size: 1.5em !important;
    font-weight: 700;
}
}
@media only screen and (max-width: 650px) {
#media_image-2 {
    text-align: center;
}
}
#media_image-2 .image {
    width: 110px !important;
    height: 65px !important
}
.custom-logo {
    width: 110px !important;
    height: 65px !important;
}
.show-reg-form {
	top: 30px !important;
}
.show-reg-form:before {
    content: inherit !important;
}
.show-cart {
    right: 0;
	left: inherit !important;
    border-radius: 4px 0 0 4px !important;
}
.cart-modal {
	left: inherit !important;
	right: -350px;
}
.show-cart span {
	right: auto !important;
    left: -7px;
    background: #600796 !important;
}
.chat-widget-button {
    left: auto !important;
    right: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    bottom: 150px !important;
}
.chat-widget-button:hover i{
    font-weight:800;
}
.chat-widget-button span {
    left: auto !important;
    right: 50px;
    background: #1d0040 !important;
    border-radius: 5px !important;
}
.fchat-wrapper {
    left: auto !important;
    right: 50px;
}
.to-top {
	left: auto !important;
    right: 50px;
}
.reply-text {
    padding: 10px 10px !important;
}
.submitchat{
    font-size: 14px;
    font-weight: 500;
    font-family: Poppins, sans-serif !important;
}
.message-input textarea {
    background: #fff !important;
    border: 1px solid #f5f3ff !important;
    padding: 10px 10px 0px !important;
	margin-top: 10px;
}
.message-input textarea:focus {
    border: 1px solid #f5f3ff !important;
    -webkit-box-shadow: 0 0 0 1px #eae9f2 !important;
    box-shadow: 0 0 0 1px #eae9f2 !important;
}
.dashboard-chat-app-box .message-input {
    height: 80px !important;
    background: #fff !important;
	padding-right: 10px;
	padding-left: 65px !important;
	border-radius: 0 0 10px 0 !important;
}
.dashboard-chat-app-row {
    border: 1px solid #f7e9ff !important;
}
.message-input {
    height: 70px !important;
}
#chat-app .message-input {
    max-height: 70px !important;
	padding-left: 65px !important;
    padding-right: 10px !important;
}
#chat-app .chat-box {
    margin-bottom: 5px !important;
}
#chat-app .chat-contacts {
    padding-top: 0 !important;
}
.contact-content .display_name {
    color: #aea7d1 !important;
    font-weight: 500 !important;
}
.contact-reply-text {
    color: #bfbad5 !important;
}
.contact-date {
    font-size: 11px !important;
}
#chat-app .contact-reply-text {
    font-style: normal !important;
}
.reply-avatar .display_name {
    color: #aea7d1 !important;
    font-weight: 500;
    text-align: center;
}
.reply-time {
    color: #bfbad5 !important;
    margin-bottom: 0 !important;
}
.reply-avatar {
    margin-top: 10px !important;
    text-align: center;
}
.chat-box {
    padding: 10px !important;
}
.chat-reply {
    margin-bottom: 15px !important;
}
.dashboard-chat-app-header h3 {
    font-weight: 400 !important;
}
.reply-lauthor_msg:hover {
    color: #000 !important;
}
.del-lauthor_msg:hover {
    color: #ff003a !important;
}
.booking-list-contr a {
    color: #fff !important;
    width: 20px !important;
    height: 30px !important;
    line-height: 30px !important;
}
.booking-list-contr {
    background: #ffa726;
    border: 0px solid #e5e7f2 !important;
    border-left: none !important;
    left: 0;
    top: inherit !important;
    padding: 0 5px !important;
    border-radius: 0 20px 20px 0;
    box-shadow: none;
}
.user-profile-menu li a span {
    line-height: 21px !important;
    background: #3faefd !important;
    border-radius: 25% !important;
    font-weight: 700 !important;
}
.green-m-bg {
	background: #45b400 !important;
}
.booking-text:hover a {
    color: #000;
}
.blue-m-bg {
	background: #4db7fe !important;
}
.user-message {
	color: #9890bf !important;
	text-align: justify;
}
.dashboard-card-avatar img {
    -webkit-box-shadow: 0 0 0 6px rgb(238 235 255 / .5) !important;
    box-shadow: 0 0 0 6px rgb(238 235 255 / .5) !important;
}
.dashboard-card-avatar {
    text-align: center;
}
.dashboard-card-content .entry-title {
    font-size: 14px !important;
    color: #aea7d1 !important;
}
.pass-input-wrap span {
    bottom: 32px !important;
}
.submit-sec-title h3 {
    color: #95a8bd !important;
    padding-bottom: 5px !important;
}
.submit-sec-title-desc {
    color: #95a8bd !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
.wkhours-timezone .csl-svalue-label {
    font-size: 12px !important;
}
.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-title {
	color: #bfbad5 !important;
}
.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-number {
    height: 25px !important;
}
div.wpforms-container-full .wpforms-field-label {
    color: #7d93b2 !important;
    font-size: 14px !important;
}
div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea {
    background-color: #fbfbff !important;
    color: #8099c0 !important;
    border: 1px solid #f1f0ff !important;
	font-weight: 400 !important;
	font-size: 12px !important;
}

div.wpforms-container-full input[type=date]:focus, div.wpforms-container-full input[type=datetime]:focus, div.wpforms-container-full input[type=datetime-local]:focus, div.wpforms-container-full input[type=email]:focus, div.wpforms-container-full input[type=month]:focus, div.wpforms-container-full input[type=number]:focus, div.wpforms-container-full input[type=password]:focus, div.wpforms-container-full input[type=range]:focus, div.wpforms-container-full input[type=search]:focus, div.wpforms-container-full input[type=tel]:focus, div.wpforms-container-full input[type=text]:focus, div.wpforms-container-full input[type=time]:focus, div.wpforms-container-full input[type=url]:focus, div.wpforms-container-full input[type=week]:focus, div.wpforms-container-full select:focus, div.wpforms-container-full textarea:focus {
    background: #fdfdff !important;
    -webkit-box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06) !important;
    box-shadow: 0px 0px 0px 3px rgb(240 240 245 / 60%) !important;
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button {
    background: #21004f !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-weight: 500 !important;
    font-size: 0.923em !important;
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button:hover {
    background: #7020a2 !important;
	color: #4db7fe !important; 
}
div.wpforms-container-full .wpforms-form label.wpforms-error:before, div.wpforms-container-full .wpforms-form em.wpforms-error:before {
    right: 0 !important;
}
div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error {
    padding: 0px 20px 0px 0px !important;
}
.colomn-main-slide {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
	box-shadow: 0 10px 30px rgb(0 0 0 / 6%);
}
.colomn-main-slide-title h3 {
    text-align: right;
    font-size: 30px;
    text-shadow: none;
    color: #4db7fe;
    font-weight: 800;
    padding-bottom: 15px;
    font-family: Poppins, sans-serif !important;
}
.colomn-main-desc-main {
    text-align: justify;
    color: #ac8dc0;
    text-shadow: none;
    font-family: Poppins, sans-serif !important;
}
.process-item {
    background: radial-gradient(at center center, #fff 0%, #fdf8ff 100%) !important;
}
.showshare, .scroll-nav-bookmark-btn {
    border: inherit !important;
    background: inherit !important;
    color: #d3e1e9 !important;
}

.countdown-widget .countdown-item {
    color: #d3e1e9 !important;
    text-align: center !important;
	margin-right: 10px !important;
    margin-left: 10px !important;
}
.countdown-widget .countdown-item span {
    font-size: 22px;
    line-height: 2;
    font-weight: 900 !important;
    font-family: 'Roboto' !important;
}
.geodir_status_date_live {
    position: absolute;
    direction: ltr;
    bottom: -5px !important;
    left: 0 !important;
    right: inherit !important;
    padding: 1px 5px !important;
    color: #a78fb5 !important;
    font-size: 0.945em;
    font-weight: 500;
    background: #f2f0ff;
    border-radius: 10px 10px 10px 0px;
    border: 1px solid #e5e3f3;
    line-height: 25px;
    font-family: 'Roboto';
}
.geodir_status_date_live_fa {
    position: absolute;
    bottom: -5px !important;
    left: 0 !important;
    padding: 1px 5px !important;
    color: #81799a !important;
    font-size: 0.945em;
    font-weight: 300;
    background: #fdfbff;
    border-radius: 10px 10px 10px 0px;
    border: 1px solid #f3f1ff;
    line-height: 25px;
}
.geodir_status_date_tag {
    position: absolute;
    bottom: 0 !important;
    right: 5px !important;
    padding: 1px 5px !important;
    color: #a78fb5 !important;
    font-size: 0.945em;
    font-weight: 500;
    background: #f2f0ff;
    border-radius: 10px 10px 10px 0px;
    border: 1px solid #e5e3f3;
    line-height: 25px;
}
.list-single-status a {
    width: 120px;
    margin-left: 30px;
}
.list-single-stats li span {
    padding: 8px 8px !important;
	background: inherit !important;
}
.cat-box span {
	border: inherit !important;
}
.cat-box span {
    border-radius: 5px !important;
    color: #fff !important;
}
.none_border_h .list-single-header_bottom {
	border-top: none !important;
}
.footer-wave, .section-wave {
    transform: scaleX(-1);
}
.short_form {
	background: #fff;
    border-radius: 10px;
    border: 1px solid #e5e7f2;
    margin-bottom: 20px;
}
.wpforms-page-indicator-page-number {
    box-shadow: 0 0 0 5px rgb(4 151 19) !important;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page:not(.active) .wpforms-page-indicator-page-number {
    background: #049713 !important;
    color: #fff !important;
}
.wpforms-container .wpforms-page-indicator.circles {
    border-top: none !important;
    border-bottom: none !important;
}
ul.text-custom-list-style li {
	border-bottom: none !important;
	padding: 0 25px;
}
.wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress {
    font-size: 12px;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    background-color: #3eaafd !important;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
	    background-image: -webkit-linear-gradient(45deg, #5db8ff 25%, transparent 25%, transparent 50%, #5db8ff 50%, #5db8ff 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #5db8ff 25%, transparent 25%, transparent 50%, #5db8ff 50%, #5db8ff 75%, transparent 75%, transparent);
    background-size: 40px 40px;
	-webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
    background-color: #4cb7fe !important;
    border-radius: 5px;
}
div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active {
    background: #1d0040 !important;
    border-radius: 5px;
}
.accordionform a.toggle {
    color: #fff !important;
    border: 1px solid #122ca0 !important;
    background: #122ca0 !important;
}
.accordionform span.open-close {
	background: #274eee !important;
}
.koochgap-f {
	color: #4db7fe;
}
.custom-form textarea {
    height: 110px;
	padding: 10px 10px;
	margin: 0 !important;
}
.member-description {
    color: #bfbad5 !important;
    font-size: 0.9em;
    text-align: justify;
    line-height: 30px;
}
.no-list-style {
    list-style: none;
    margin: 0;
}
.rtl .tutor-price-preview-box .tutor-meta-top>div .meta-value {
    text-align: left;
}
.team-info h3, .team-info h4 {
    padding-bottom: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.team-desc {
    padding-bottom: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-align: justify !important;
}
.team-photo {
    border-radius: inherit !important;
    margin-bottom: inherit !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #eee !important;
}
.team-social {
    background: #7109b2 !important;
    border: 1px solid #1d0040 !important;
}
.team-info {
    padding: 15px 0px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.tutor-price-preview-box .tutor-meta-top>div, .tutor-price-preview-box .tutor-meta-top>div .meta-label, .tutor-price-preview-box .tutor-meta-top>div .meta-value {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.tutor-price-preview-box .tutor-meta-top>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.tutor-price-preview-box .tutor-meta-top>div {
    padding-bottom: 5px;
}
.tutor-price-preview-box .tutor-meta-top>div .meta-label {
    color: var(--edumall-color-heading);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: var(--edumall-typography-headings-font-weight);
}
.tutor-price-preview-box .tutor-meta-top>div, .tutor-price-preview-box .tutor-meta-top>div .meta-label, .tutor-price-preview-box .tutor-meta-top>div .meta-value {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.rtl .tutor-price-preview-box .tutor-meta-top>div .meta-value {
    text-align: left;
}
.tutor-price-preview-box .tutor-meta-top>div .meta-value {
    text-align: right;
    font-weight: 400;
}
.teams-social li {
    display: inline-block;
    margin-right: 15px;
	margin-left: 0;
    margin-bottom: 0;
} 
.teams-social li a {
	color: #eaddf3;
}
.teams-social li a:hover {
	color: #4db7fe;
}
div.teams-social .no-list-style i {
	font-size: 30px;
}
div.listing-status .countdown-widget .countdown-item span {
    font-size: 14px;
    line-height: 3;
}
div.listing-status .flex-items-center{
	justify-content: center;
}
div.listing-status .countdown-widget {
    margin-right: 0;
}
div.listing-status .countdown-widget .countdown-item {
    margin-right: 10px;
    margin-left: 10px;
}
.nav-holder nav li ul {
	border-radius: 0 0 10px 10px !important;
    border: 1px solid #1d0040 !important;
    min-width: 250px !important;
}
.nav-submenu {
    padding-left: 10px;
}
.process-item span {
    color: #fff !important;
    background: #1d0040 !important;
    border: 1px solid #1d0040 !important;
}
.process-end i {
    background: #52b8fc !important;
    -webkit-box-shadow: 0px 0px 0px 10px #f2f0ff !important;
    box-shadow: 0px 0px 0px 10px #f2f0ff !important;
}
.elementor-top-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.cus-004eff {
  	background-color:#004eff;
}
.report-b {
    font-size: 22px !important;
    color: #a79bce !important;
  	padding: 0 15px;
	border: inherit !important;
    background: inherit !important;
}
.report-b i:hover {
    color: #4db7fe !important;
    font-weight: 900 !important;
}
.report-b i {
    color: #a79bce !important;
}
.rotor {
    direction: ltr;
    font-family:  Poppins, sans-serif !important;
    -moz-font-feature-settings: "ss04";
    -webkit-font-feature-settings: "ss04";
    font-feature-settings: "ss04";
}
.flipdown.flipdown__theme-dark {
    direction: ltr !important;
}
.rotor-group-heading {
    font-family: Poppins, sans-serif !important;
    -moz-font-feature-settings: "ss04";
    -webkit-font-feature-settings: "ss04";
    font-feature-settings: "ss04";
}
.op7 {
    opacity: 1 !important;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
    opacity: 0.2;
    z-index: 2;
    z-index: auto;
}

.head-sec-title {
    text-align: left !important;
}
.section-title {
    text-align: right !important;
    padding-bottom: 130px;
}
.section-separator-page:before {
    left: 0 !important;
    margin-left: 0 !important;
}
.section-separator {
    margin: 0 !important;
}
.tag-items-wrap a, .tagcloud a {
    padding: 5px 10px !important;
    border-radius: 5px !important;
    color: #fff !important;
    font-size: 12px !important;
    background: #4cb7fe !important;
    border: 1px solid #4cb7fe !important;
}
.overlay-page {
    height: 120% !important;
    background-image: url(assets/images/cover-over.webp);
    background-attachment: scroll !important;
    -webkit-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: auto;
}
.parallax-section .bg {
    height: 120% !important;
    background-image: url(assets/images/cover-over.webp);
    background-attachment: scroll !important;
    -webkit-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: auto;
}
.parallax-section .bg404 {
    height: 120% !important;
    background-image: url(/wp-content/uploads/2024/08/cover-404-scaled.webp);
    background-attachment: scroll !important;
    -webkit-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: auto;
}
.section-desc {
    display: flex;
    max-width: 50%;
    text-align: right;
}
.single-facts_2 .inline-facts-wrap .num, .bold-facts .inline-facts-wrap .num {
    font-weight: normal !important;
    font-family: impact !important;
    font-style: normal !important;
}
.single-facts_2 .inline-facts-wrap h6, .bold-facts .inline-facts-wrap h6 {
}
.absolute-wrap {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.absolute-wrap .features-box p {
    text-align: justify !important;
}
.absolute-wrap-none {
    margin-top: inherit !important;
}
.features-box p {
    line-height: 30px !important;
}
.counter-content {
    margin-right: 12px !important;
    text-align: right !important;
}
div.wpforms-container-full select, div.wpforms-container-full select:disabled {
    background-image: linear-gradient(45deg, transparent 50%, var(--wpforms-field-border-color) 50%), linear-gradient(135deg, var(--wpforms-field-border-color) 50%, transparent 50%) !important;
    background-position: 10px 50%, 15px 50% !important;
    background-size: 5px 5px, 5px 5px !important;
    background-repeat: no-repeat !important;
}
.price-content {
    background-image: linear-gradient(white 0%, #F2F7FF 10%);
    background-color: #fff;
    overflow: initial !important;
}
.price-item {
    padding: 10px 10px;
    background: none;
}
.price-item:hover {
    -webkit-box-shadow: 0 0px 20px rgb(213 205 224) !important;
    box-shadow: 0 0px 20px rgb(213 205 224) !important;
}
.best-price {
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important;    
}
.recomm-price {
    background: #4eb7fe !important;
    color: #fff !important;
    position: relative;
    font-weight: 500 !important;
    top: 4px;
    border: none !important;
    -webkit-box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.05) !important;
}
.recomm-price i {
    color: #fff !important;
    margin-right: 0 !important;
}
.price-num-item {
    font-size: 55px !important;
    color: #fff !important;
}
.faq-links-title {
    text-align: center !important;
}
.post-nav {
    background: #f3f8ff !important;
    border: 1px solid #f3f8ff !important;
}
.post-nav-img {
    background: #fff !important;
}
.faq-nav li a {
    background: #f3f8ff !important;
    border: 1px solid #e9eff7 !important;
}
.faq-nav li a.act-scrlink {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: #4db7fe !important;
}
.faq-nav li i {
    color: #d6c4e0 !important;
}
.faq-nav li a:hover i {
    color: #4db7fe !important;
}
.faq-nav li a.act-scrlink i {
    color: #fff !important;
}
.faq-nav li a.act-scrlink span {
    color: #fff !important;
}
.faq-nav li a:hover.act-scrlink span {
    color: #fff !important;
}
.faq-nav li a:hover span {
    color: #4db7fe !important;
}
.faq-title {
    border-bottom: 1px solid #f2f7ff !important;
    padding-bottom: 10px !important;
}
.help-verify {
    color: #4db7fe !important;
}
.ctb-modal-title {
    background: #21004f !important;
    font-size: 0.90em !important;
}
.verify-item .verify-score-user span.verify-score-user_item {
    background: #21004f;
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
    height: 45px;
    padding: 0 10px;
    line-height: 43px;
    font-size: 0.923em;
    border: 1px solid rgba(0, 0, 0, 0.21);
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.21);
    display: inline-block;
    text-align: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.share-holder.hid-share .share-container.visshare {
    margin-top: 10px !important;
}

.share-holder.hid-share .share-container {
    -webkit-box-shadow: 0 9px 5px rgba(58, 87, 135, 0.15) !important;
    box-shadow: 0 9px 5px rgba(58, 87, 135, 0.15) !important;
}
.verify-item .verify-score-user {
    position: relative;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.verify-item {
    color: #fff;
    font-weight: 600;
    font-size: 0.923em;
    position: relative;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    display: inline-block;
}
.total-coast span {
    font-size: 14px !important;
    width: 100%;
}
.total-coast span input {
    font-size: 14px !important;
    font-weight: 600;
    background: none !important;
    border: none !important;
    color: #878C9F !important;
    margin-left: inherit !important;
    width: 100% !important;
}
.general-booking-inner input.jscal-price[type="text"], .listing-booking-formxs input.jscal-price[type="text"] {
    background: none !important;
    border: none !important;
    color: #878C9F !important;
    margin-left: inherit !important;
}
.qtt-item .qtt-price {
    flex: none !important;
}
.review-score-form.flex-items-center {
    flex-direction: inherit !important;
}
.countcolor {
    color: #fff !important;
}
.lcoupon-countdown .countdown-item {
    margin: 0 10px !important;
}
.help-ico {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.help-ico i{
    font-size: 18px;
    color: #d6c4e0;
}
.help-ico:hover i {
    color: #4db7fe;
}
.dis_listing {
    text-align: center;
}
.dis_listing a{
    color:#81799a !important;
    font-weight: 100 !important;
}
.dis_listing i {
    font-size: 22px;
    color: #4cb7fe;
}
.dis_listing span {
    color: #4cb7fe;
}
.dis_listing-icon{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.pr_listing {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.loock_listing {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #b9c8d9 !important;
}
.loock_listing i {
    font-size: 22px;
    color: #d7cae6 !important;
}
.pr_listing i {
    font-size: 22px;
    color: #4cb7fe;
}
.pr_listing span {
    color: #4cb7fe;
}
.pr_listing-icon{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.icon-hover a {
    color: #81799a !important;
    font-weight: 100 !important;
}
.icon-hover i {
    font-size: 22px;
    color: #4cb7fe;
}
.icon-hover:hover i {
    font-size: 22px;
    color: #6808a4;
}
.pr_simple {
    color: #d6d8e8; 
}
.pr_feu {
    color: #f4c22b; 
}
.pr_listing a{
    color:#81799a !important;
    font-weight: 100 !important;
}
.pr_delisting a {
    color: #81799a !important;
    font-weight: 100 !important;
}
.pr_delisting span{
    color: #81799a !important;
}
.pr_delisting {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.pr_delisting i {
    font-size: 22px;
}
.preview_cat_listing i {
    background: none !important;
}
.inline-facts-wrap {
    border-radius: 10px !important;
}
@media only screen and (max-width: 991px) {
    .inline-facts-wrap {
    padding: 25px 30px 30px !important;
    }
    
    .inline-facts-wrap i {
        font-size: 40px !important;
    }
    .lsingle-facts {
        margin: -1px !important;
    }
}
@media only screen and (max-width: 1064px) {
    .inline-facts-wrap {
        margin-bottom: 20px !important;
    }
}
.lsingle-toll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
.flex-fact-wrap-left {
    width: calc(33.333% - 5px);
    line-height: 2;
    text-align: center;
}
.flex-toll-wrap-left {
    width: calc(16.666% - 5px);
    line-height: 2;
    text-align: center;
}
.height-box .lsingle-block-box {
    padding-top: 0 !important;
}
.display-rating {
    position: relative;
    padding: 5px 15px 5px 15px;
    font-weight: 400;
    border-radius: 30px;
    font-size: 0.845em;
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important;
    color: #fff !important;
    border-radius: 0 0 15px 15px !important;
    background: #1d0040 !important;
    margin: 0 35px;
    text-align: center;
}
.ver-line {
    background: #75d7ff;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 30px;
    color: #74d5ff;
}
.display-author {
    position: relative;
    height: 40px;
    line-height: 40px;
    font-weight: 400;
    border-radius: 30px;
    font-size: 0.845em;
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important;
    color: #fff !important;
    top: 15px;
    text-align: center;
    padding: 0;
}
.shop-author-right {
    background: #1d0040 !important;
    color: #fff !important;
    left: -30px;
    width: 35%;
    border-bottom-left-radius: 10px !important;
    border-radius: inherit;
    border-top-right-radius: 15px;
    padding-right: 10px;
    padding-left: 10px;
}
.shop-author-right:hover {
    background: #4cb7fe !important;
}
.shop-author-left {
    right: -15px;
    width: 65%;
    background: #4cb7fe !important;
    border-bottom-right-radius: 10px !important;
    border-radius: inherit;
    border-top-left-radius: 15px;
}
.review_rating {
    padding-top: 15px;
    padding-bottom: 15px;
}
.verifi-claim i{
    color: #fff !important;
    padding: initial !important;
}
.listing-rating-count-wrap.single-list-count .reviews-count {
    color: #81799a !important;
}
.listing-rating-count-wrap.single-list-count .review-score {
    width: 70px;
    height: 70px;
    border-radius: 10% !important;
    line-height: 70px;
    -webkit-box-shadow: 0 0 0 4px #f3f4f6;
    box-shadow: 0 0 0 4px #f3f4f6;
}
.listing-rating.card-popup-rainingvis.page b {
    font-size: 14px !important;
}
.card-popup-rainingvis {
    margin-left:10px;
}
.lsingle-block-headinfos .delisting-rating-count-wrap.desingle-list-count {
    background: #fdfbff !important;
    background: #f9f9f9;
    min-width: 200px;
}
.delisting-rating-count-wrap.desingle-list-count {
    padding: 6px 8px 6px 6px;
    border-radius: 70px;
    -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2);
    box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2);
    color: #fff;
    background: rgba(6, 27, 65, 0.25);
    min-width: 250px;
    position: relative;
}
.delisting-rating-count-wrap.desingle-list-count .review-score {
    padding: 0;
    font-size: 18px;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
}
.delisting-rating-count-wrap .review-score {
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
    padding: 10px;
    font-size: 1em;
    margin-right: 12px;
}
.review-score-users {
    color: #fff !important;
}
.delisting-rating-count-wrap.desingle-list-count {
    padding: 6px 8px 6px 6px;
    border-radius: 70px;
    -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2);
    box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2);
    color: #fff;
    background: rgba(6, 27, 65, 0.25);
    min-width: 250px;
    position: relative;
}
.delisting-rating-count-wrap.desingle-list-count .reviews-count {
    color: #81799a;
    font-size: 0.923em;
    position: relative;
    top: 2px;
}
.display-rating .listing-rating i {
    color: #fff !important;
}
.delisting-rating i {
    font-size: 16px;
    margin-left: 4px;
    position: relative;
    z-index: 2;
    color: #d3e1e9;
}
.litem-map {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    border: 1px solid #4DB7FE !important;
    border-top-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    padding: 2px 5px !important;
    line-height: 2 !important;
    position: absolute;
    right: 0;
    background: #4DB7FE !important;
    top: 0px;
}
.litem-map:hover {
    background: #309ae1 !important;
    border: 1px solid #309ae1 !important;
}
.map-a a{
    color: #fff !important;
    font-size: 14px !important;
}
.listing_carditem_footer .post-author {
    margin-right: inherit !important;
}
.ad-author img{
    margin-left: 5px !important;
    box-shadow: 0 0 0 3px rgb(240 240 245) !important;
}
.listing-pad {
    padding: 0 !important;
}
.listing-pad span.litem-ad{
    border-radius: 0px 5px 5px 0 !important;
    left: -5px !important;
    bottom: 0;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
    text-align: center;
}
.listing_carditem_footer {
    padding: 12px 0 !important;
}
.pad-category-listing {
    border: inherit !important;
}
.geodir-js-favorite_btn + .listing-featured {
    top: 50px;
}
.location-ad a{
    color: #fff;
}
.location-ad a:hover{
    color: #4DB7FE;
}
.location-ad i {
    color: #4DB7FE;
    padding-left: 5px;
}
.listing-carousel-button.listing-carousel-button-prev:hover, .listing-carousel-button.listing-carousel-button-prev2:hover {
  left: -30px !important;
}
.carousel-ad-top{
    top: 0 !important;
    font-size: 20px;
    background: none !important;
    color: #caeaff !important;
    box-shadow: none !important;
    margin-top: inherit !important;
}
.carousel-ad-top:hover{
    color: #fff !important;
    right: -30px !important;
    background: none !important;
}
.carousel-ad-bottom{
    bottom: 0 !important;
    background: none !important;
    color: #caeaff !important;
    box-shadow: none !important;
    right: -10px !important;
    left: inherit !important;
    top: inherit !important;
}
.carousel-ad-bottom:hover{
    color: #fff !important;
    background: none !important;
}
.del-bottom-s1, .del-bottom-s2{
    margin-bottom: inherit !important;
    padding: inherit !important;
}
.txt-ad-slider{
    z-index: 1;
    border-radius: 0px 5px 5px 0 !important;
    right: -5px !important;
    bottom: 0;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
    text-align: center;
}
.box-left-ad{
    margin-bottom: 20px !important;
}
.swiper-ad{
    border-radius: 10px !important;
}
.follow-page-btn {
    padding: 10px 30px;
    z-index: 20;
    color: #fff;
    -webkit-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.2);
    box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}
.follower-page {
    display: inline;
    color: #fff;
    cursor: pointer;
    text-align: center;
}
.follower-page:hover {
    color: #006b9f;
}
.lsingle-follow-btn {
    margin-top:20px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.lsingle-follow-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.lsingle-author-box {
    background: #fff;
    border-radius: 0 0 10px 10px;
    border: 1px solid #e5e7f2;
    margin-bottom: 20px;
}
.Author-count span {
    color: #4DB7FE !important;
    font-family: roboto !important;
    font-weight: 900 !important;
}
.Author-map {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    border: 1px solid #4DB7FE !important;
    border-radius: 0px 0px 10px 0 !important;
    padding: 2px 5px !important;
    line-height: 2 !important;
    position: absolute;
    left: 0;
    background: #4DB7FE !important;
    top: 0px;
}
.Author-r-box{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
@media only screen and (max-width: 991px) {
    .lcontent-content {
        order: 2 !important;
    }
}
@media only screen and (max-width: 991px) {
    .lcontent-widget {
        order: 1 !important;
    }
}
.geodir-category-opt {
    padding: inherit !important;
}
.geodir-category-opt h5 a {
    color: #fff !important;
}
.chef-tag {
    background: #0095f6;
    position: relative;
    font-size: 10px;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    bottom: 0;
}
@media only screen and (max-width: 767px) {
    .chef-tag-pro, .chef-tag-beginner {
        bottom: 15px;
    }
    .chef_pro_box {
        top: 0;
    }
}
.mini-header {
    position: absolute;
    width: 100%;
    z-index: 30;
    top: 80px;
    height: 0;
    display: flex;
    justify-content: flex-end;
    left: 70px;
}
.mini-header-tag{
    background: #1d0040;
    color: #fff;
    border-radius: 0 0 10px 10px;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
}
.flex-mini-header {
    line-height: 2;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    font-weight: bold;
}
.flex-mini-header:hover {
    color: #4db7fe;
}
.flex-mini-header i {
    font-size: 24px !important;
}
@media screen and (max-width: 782px) {
    .mini-header-tag{
        height: 35px;
        line-height: 35px;
    }
}
@media screen and (max-width: 782px) {
    .mini-header {
        justify-content: center !important;
        left: inherit !important;
        top: 80px;
        height: 35px;
    }
}
@media screen and (max-width: 782px) {
.flex-mini-header {
    line-height: 2;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #fff;
    font-weight: bold;
}
}
@media screen and (max-width: 782px) {
    .flex-mini-header {
        font-size: 12px;
    }
}
.quiz-text b {
    color: #0095f6;
}
.lsingle-block-title i {
    color: #4db7fe !important;
}
.submit-fields-wrap .lfield-desc, .submit-fields-wrap .lfield-desc p {
    color: #1abc63 !important;
    font-size: 12px !important;
    background: #c5ffdf !important;
    padding: 2px 5px !important;
    border-radius: 5px !important;
    width: auto !important;
    display: inline-block !important;
    white-space: normal !important;
    word-break: break-word !important;
}
.lfield-desc:after {
    content: "";
    position: absolute;
    left: 15px;
    transform: translateY(-100%);
    border: 10px solid #c5ffdf;
    border-color: transparent transparent #c5ffdf transparent;
}

.submit-fields-wrap input[type="text"] {
    margin-bottom: 10px !important;
}
.eventdate-time .cth-input {
    padding: 15px 20px !important;
}
.csl-wrapper {
    margin-bottom: 10px;
}
.wp-editor-wrap {
    margin-bottom: 10px;
}
.repeater-fields-wrap {
    margin-bottom: 15px !important;
}
.lfield-icon i {
    font-weight: 700;
}
.mdimgs-wrap ul {
    margin-bottom: 10px !important;
    border: none !important;
    background: none !important;
}
.mdimgs-wrap li.image-sec-item {
    border: 1px solid #e5e7f2 !important;
    border-radius: 5px !important;
    background: #fbfaff !important;
}
.repeater-fields .entry-fields input {
    height: 50px !important;
}
.repeater-fields .entry-fields select {
    line-height: 50px !important;
    height: 50px !important;
}

.del-image i{
    font-weight: 700 !important;
    color: #b1b4c6;
    background: #e5e7f2;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    line-height: 20px;
}
.mdimgs-wrap .del-image:hover i{
    background: #ff006d !important;
    color: #fff !important;
}
.mdimgs-wrap ul .fu-text {
    border: 1px solid #e5e7f2 !important;
    border-radius: 5px !important;
    background: #fbfaff !important;
}
.submit-field-file .mdimgs-wrap .del-image {
    top: 5px !important;
}
.cal-day {
    height: 45px !important;
    text-align: center !important;
    margin-bottom: 3px !important;
    border-radius: 2px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
    background: #fff !important;
    border: none !important;
    font-weight: 700 !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    line-height: 1 !important;
}
.cal-date-past {
    color: #b7c2d3 !important;
}
.cal-date-checked {
    background: #4cb7fe !important;
    color: #fff !important;
    border: 1px solid #4cb7fe !important;
}
.available-cal-months .cal-date-unavailable {
    background: #fbfaff;
    background: -webkit-repeating-linear-gradient(-135deg, #f8f4ff, #fff 5px, #fff 6px) !important;
    background: -o-repeating-linear-gradient(-135deg, #f8f4ff, #fff 5px, #fff 6px) !important;
    background: repeating-linear-gradient(45deg, #f8f4ff, #fff 5px, #fff 6px) !important;
    border: 1px solid #f6f7fc !important;
    color: #b7c2d3 !important;
    border-radius: 5px !important;
}
.available-cal-months .cal-date-past{
    background: #fbfaff;
    background: -webkit-repeating-linear-gradient(-135deg, #f6f5f8, #fff 5px, #fff 6px) !important;
    background: -o-repeating-linear-gradient(-135deg, #f6f5f8, #fff 5px, #fff 6px) !important;
    background: repeating-linear-gradient(45deg, #f6f5f8, #fff 5px, #fff 6px) !important;
    border: 1px solid #f6f5f8 !important;
    color: #b7c2d3 !important;
    border-radius: 5px !important;
}
.available-cal-months .cal-date-available {
    background: #fbfaff !important;
    color: #878C9F !important;
    border: 1px solid #f2f2fc !important;
    border-radius: 5px !important;
}
.calendar-metas-field .cal-date-available {
    background: #fbfaff;
    background: -webkit-repeating-linear-gradient(-135deg, #f8f4ff, #fff 5px, #fff 6px) !important;
    background: -o-repeating-linear-gradient(-135deg, #f8f4ff, #fff 5px, #fff 6px) !important;
    background: repeating-linear-gradient(45deg, #f8f4ff, #fff 5px, #fff 6px) !important;
    border: 1px solid #f6f7fc !important;
    color: #b7c2d3 !important;
    border-radius: 5px !important;
}
.calendar-metas-field .cal-date-past{
    background: #fbfaff;
    background: -webkit-repeating-linear-gradient(-135deg, #f6f5f8, #fff 5px, #fff 6px) !important;
    background: -o-repeating-linear-gradient(-135deg, #f6f5f8, #fff 5px, #fff 6px) !important;
    background: repeating-linear-gradient(45deg, #f6f5f8, #fff 5px, #fff 6px) !important;
    border: 1px solid #f6f5f8 !important;
    color: #b7c2d3 !important;
    border-radius: 5px !important;
}
.calendar-metas-field .cal-date-checked {
    background: #fbfaff !important;
    color: #878C9F !important;
    border: 1px solid #f2f2fc !important;
    border-radius: 5px !important;
    font-weight: 900 !important;
}
.checkinout-field .cal-date-unavailable {
    background: #fbfaff;
    background: -webkit-repeating-linear-gradient(-135deg, #f8f4ff, #fff 5px, #fff 6px) !important;
    background: -o-repeating-linear-gradient(-135deg, #f8f4ff, #fff 5px, #fff 6px) !important;
    background: repeating-linear-gradient(45deg, #f8f4ff, #fff 5px, #fff 6px) !important;
    border: 1px solid #f6f7fc !important;
    color: #b7c2d3 !important;
    border-radius: 5px !important;
}
.checkinout-field .cal-date-available {
    background: #fbfaff !important;
    color: #878C9F !important;
    border: 1px solid #f2f2fc !important;
    border-radius: 5px !important;
}
.checkinout-field .cal-date-past {
    background: #fbfaff;
    background: -webkit-repeating-linear-gradient(-135deg, #f6f5f8, #fff 5px, #fff 6px) !important;
    background: -o-repeating-linear-gradient(-135deg, #f6f5f8, #fff 5px, #fff 6px) !important;
    background: repeating-linear-gradient(45deg, #f6f5f8, #fff 5px, #fff 6px) !important;
    border: 1px solid #f6f5f8 !important;
    color: #b7c2d3 !important;
    border-radius: 5px !important;
}
.checkinout-field .cal-date {
    width: 12.285% !important;
    margin-left: 5px !important;
    margin-bottom: 5px !important;
    min-width: 10px !important;
}
.available-date-metas {
    background: #4cb7fe !important;
    border-radius: 5px !important;
}
.cth-dropdown-options input[type="checkbox"]:checked + label {
    background: #4cb7fe !important;
}
.available-cal-months .available-cal-metas {
    color: #4cb7fe !important;
}
.available-cal-months .cal-date-cfirst.cal-date-single {
    border-radius: 5px !important;
    background: #e6f2ff !important;
    color: #878C9F !important;
}
.available-cal-months {
    margin-bottom: 30px !important;
}
.available-cal-months .cal-date > span {
    margin-top: 0 !important;
}
.total-coast span {
    top: 0 !important;
}
.cal-date {
    height: 40px !important;
}
.calendar-metas-field .date-num {
    text-align: center !important;
    padding: 0 !important;
    height: 45px;
    width: 45px;
    line-height: 45px;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
.calendar-metas-field .cal-days, .calendar-metas-field .cal-dates {
    gap: 6px;
}
.calendar-metas-field .submit-field-calendar_metas .cal-date {
    min-height: 30px !important;
}
.calendar-metas-field .cal-date {
    width: 12.285% !important;
    height: 30px !important;
    min-height: 30px;
}
@media only screen and (max-width: 767px) {
    .calendar-metas-field .cal-months-wrap {
        display: block;
    }
}
@media only screen and (max-width: 767px) {
    .calendar-metas-field [class*=months-] .cal-month {
        width: 100% !important;
    }
}
.calendar-metas-field .cal-day {
    width: 12.285% !important;
}
.eventdate-pickers {
    line-height: 30px !important;
    min-height: 50px !important;
    height: 50px !important;
}
.cal-bulkedit-btn {
    background: #4cb7fe !important;
    color: #fff !important;
}
.pos-relative {
    padding-top: 20px !important;
}
.btn-unlock-month.is-lock {
    background: #ff1755 !important;
    color: #fff !important;
}
.btn-unlock-month {
    background: #4cb7fe !important;
}
.repeater-fields .entry {
    margin-bottom: 10px !important;
}
.submit-fields-wrap textarea {
    margin-bottom: 0 !important;
}
three-cols, label {
}
.rood-bg {
    background: #ff2777;
}
.cth-cleardate {
    top: 0 !important;
    padding: 0 7px !important;
}
.cth-cleardate i{
    font-weight: 700 !important;
}
.listing-type-active, .listing-type-item {
    margin: 5px 5px !important;
}
.ajax-modal-photos-btn, .ajax-modal-close  {
    background: #4cb7fe !important;
}
.submit-field-promovid input[type="text"] {
    padding: 14px 40px !important;
    direction: ltr !important;
}
.map_day .restmenu-item:before {
    content: "";
    display: block;
    position: absolute;
    left: 50px;
    bottom: -15px;
    width: 0;
    z-index: 10;
    height: 100%;
    border-left: 1px dashed #d1d1e2;
}
.map_day .restmenu-item:last-child:before {
    border-left: none;
}
.map_day .restmenu-item {
    overflow: inherit !important;
}
.dynamic-gal{
    z-index: 11;
}
.map_time {
    margin: 0 !important;
    padding: 5px 5px !important;
    width: 33.333% !important;
    border-left: 1px solid #5ebfff !important;
    border-radius: 0 !important;
    background: initial !important;
    height: 65px;
    line-height: 30px;
}
.map_time:last-child {
    border-left: none !important;
}
.map_day .inline-facts-wrap i {
    font-size: 18px !important;
    opacity: 1 !important;
    left: 10px !important;
    color: #95d5fe !important;
}
.map_day .inline-facts-wrap h6 {
    text-align: center !important;
    color: #fff !important;
}
.kg_bell {
    padding-right: 5px;
    padding-left: 5px;
}
.fact-text {
    color: #d8efff;
    font-size: 0.923em !important;
}
.nums {
    font-size: 14px !important;
}
.tslots-empty, .cth-dropdown-header {
    border: 1px solid #f0effe !important;
    background: #fafafe !important;
    font-weight: 500 !important;
}
.count-select-ser {
    background: #4cb7fe !important;
    font-weight: 400 !important;
    font-family: roboto !important;
}
.cth-dropdown-options {
    background: #fafafe !important;
    border: 1px solid #f0effe !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.cth-dropdown-options .cth-dropdown-item label {
    background: #f5f5ff !important;
}
.cth-dropdown-options .cth-dropdown-item label:hover {
    background: #ededff !important;
}
.cth-dropdown-header label {
    margin-bottom: 0 !important;
}
.price-level-item i {
    font-size: 60px !important;
    color: #e5e7f2 !important;
}
.lsingle-block-box:hover .price-level-item i {
    color: #4cb7fe !important;
}
.price-level-item-card i {
    color: #4cb7fe !important;
}
.hide-on-mobile {
    display: block;
}

@media (max-width: 768px) {
    .hide-on-mobile {
        display: none;
    }
}
.show-on-mobile {
    display: none;
}

@media (max-width: 768px) {
    .show-on-mobile {
        display: block;
    }
    .list-single-status a {
        width: auto !important;
        margin-left: 0 !important;
    }
    .price-level-item i {
        font-size: 30px !important;
        color: #e5e7f2 !important;
        position: relative;
        bottom: 25px;
    }
}
.cus-wid-3 {
    width: 33.333%;
	padding: 0 5px;
}
@media only screen and (max-width: 750px) {
    .cus-wid-3 {
        width: 100%;
    }
}
.cus-wid-2 {
    width: 50%;
	padding: 0 5px;
}
@media only screen and (max-width: 550px) {
    .cus-wid-2 {
        width: 100%;
    }
}
.cus-wid-1 {
    width: 100%;
	padding: 0 5px;
}
.cus-field-body .cus-fields-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.cus-field-title {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #23254e !important;
}
.cus-field-title i {
	color: #4cb7fe;
}
.ol-field {
	padding-left: 15px;
}
.so-box-1 {
    margin-bottom: 0;
}
.so-box-2 .block_box {
    border-radius: 0 0 10px 10px !important;
    border-top: none !important;
}
.so-box-3 .block_box {
    border-radius: 10px !important;
}
.lcoupon-widget .lcoupon-wrap {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.banner-wdget {
    border-radius: 0px !important;
}
.banner-wdget-content {
    padding: 0px 30px 15px !important;
    z-index: 10;
}
.banner-wdget-content h4 {
    font-weight: 600 !important;
    font-size: 14px !important;
}
.chat-reply-reply .reply-avatar {
    text-align: center !important;
}
.listing-featured {
    padding: 6px 5px !important;
    font-weight: 700 !important;
    top: 0 !important;
    background-color: #F75C96 !important;
    left: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.preview_listing .listing-featured {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 0 !important;
}
.box-currency .box-widget-item {
    padding-bottom: 0 !important;
}
.display-currencies {
    position: relative;
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important;
    color: #fff !important;
    border-radius: 15px 15px 0 0 !important;
    background: #4cb7fe !important;
    top: 0px;
    margin: 0 70px;
    text-align: center;
}
.display-currencies .currency-tooltip li {
    border-bottom: none !important;
}
.display-currencies .currency-tooltip li a {
    color: #fff !important;
    text-align: center;
    font-size: 14px !important;
}
.display-currencies .currency-wrap {
    padding: 10px !important;
    margin-left: 0px !important;
}
.display-currencies .currency-tooltip, .lang-tooltip {
    width: 100% !important;
    background: #8ed2ff !important;
    border: 1px solid #8ed2ff;
    border-radius: 0 0 15px 15px !important;
    border-bottom: none !important;
    padding: 4px 0 !important;
}
.cus-head {
    padding-bottom: 0 !important;
}
.loccloud a {
    padding: 3px 5px !important;
    border-radius: 5px !important;
    color: #03543f !important;
    margin: 0 5px 5px 0 !important;
    background: #def7ec !important;
    border: 1px solid #def7ec !important;
    font-size: 12px !important;
    display: inline-block;
}
.loccloud a:hover {
    color: #fff !important;
    background: #03543f !important;
    border: 1px solid #03543f !important;
}
.tagcloud a {
    padding: 3px 5px !important;
    border-radius: 5px !important;
    color: #81799a !important;
    margin: 0 5px 5px 0 !important;
    background: #f3f1ff !important;
    border: 1px solid #f3f1ff !important;
    font-size: 12px !important;
}
.tagcloud a:hover {
    color: #fff !important;
    background: #4cb7fe !important;
    border: 1px solid #4cb7fe !important;
}
.tagcloud {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}
.location-bo {
    margin-top: 10px !important;
}
.cal-date:hover .available-metas {
    display: block;
    width: max-content;
}
.available-metas {
    position: absolute;
    bottom: -35px;
    text-align: right;
    background: #4cb7fe;
    border-radius: 5px !important;
    color: #fff;
    font-size: 0.923em;
    line-height: 20px;
    padding: 5px;
    display: none;
    -webkit-transition: display 0.3s;
    -o-transition: display 0.3s;
    transition: display 0.3s;
}
.cal-date-checked i {
    color: #7cae13 !important;
}
.cal-date-inside i {
    color: #7cae13 !important;
}
.cal-date-available i {
    color: #e1e4f3;
}
.idesc {
    color: #23254e;
    line-height: 2.3em;
    text-align: justify;
    padding-bottom: 15px;
}
.marker-count {
    width: 25px !important;
    height: 25px !important;
    background: #fff !important;
    top: -10px !important;
    border: 6px solid #1d0040 !important;
}
.marker-card:before {
    border-width: 20px 25px 0;
    top: 55px !important;
    border-color: #1d0040 transparent transparent !important;
    z-index: 3 !important;
}
.marker-holder {
    border: 4px solid #fff !important;
    z-index: 3 !important;
    -webkit-box-shadow: 0px 0px 0 5px rgb(29 0 64) !important;
    box-shadow: 0px 0px 0 5px rgb(29 0 64) !important;
}
.close_sbfilters {
    color: #fff !important;
    border: 1px solid #4cb7fe !important;
    background: #4cb7fe !important;
}
.close_sbfilters:hover {
    border: 1px solid #1d0040 !important;
    background: #1d0040 !important;
}
.grid-opt_act:hover i {
    color: #4cb7fe !important;
}
.change-currencies {
    padding-bottom: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.change-currencies .currency-wrap {
    top: 0 !important;
}
.scroll-nav-wrapper {
    z-index: 9999 !important;
    -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.02);
    box-shadow: 0 30px 30px rgba(0, 0, 0, 0.02);
}
.lrooms-top {
    padding-top: 20px !important;
}
/* Comment Style */
.irs-bar {
    background-color: #3eaafd !important;
    -webkit-animation: progress-bar-stripes 2s linear infinite !important;
    animation: progress-bar-stripes 2s linear infinite !important;
    background-image: -webkit-linear-gradient(135deg, #5db8ff 25%, transparent 25%, transparent 50%, #5db8ff 50%, #5db8ff 75%, transparent 75%, transparent) !important;
    background-image: linear-gradient(135deg, #5db8ff 25%, transparent 25%, transparent 50%, #5db8ff 50%, #5db8ff 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important;
    height: 10px !important;
    border-radius: 10px 0 0 10px !important;
}
.irs-line {
    background: #dedef3;
    border-radius: 10px;
    height: 10px;
}
.irs-bar-edge {
}

.irs-bar-edge {
    height: 10px !important;
}
.irs-single {
    background: #4cb7fe !important;
}
.irs-hidden-input {
    opacity: 0 !important;
    visibility: hidden !important;
}
.filter-category-icon .nice-select:before {
    font-family: 'Font Awesome 6 Pro' !important;
    content: "\f802" !important;
    font-weight: 700;
}
.filter-country-icon .nice-select:before {
    font-family: 'Font Awesome 6 Pro' !important;
    content: "\f3c5" !important;
    font-weight: 700;
}
.filter-features-icon .nice-select:before {
    font-family: 'Font Awesome 6 Pro' !important;
    content: "\f1de" !important;
    font-weight: 700;
}
.filter-page-icon .nice-select:before {
    font-family: 'Font Awesome 6 Pro' !important;
    content: "\f865" !important;
    font-weight: 700;
}
.nice-select:before {
    font-family: 'Font Awesome 6 Pro' !important;
    font-weight: 600 !important;
}
.header-search_container:before {
    font-family: 'Font Awesome 6 Pro' !important;
}
.show-search-button i.vis-head-search-close:before, .show-header-modal.scwllink i:before {
    font-family: 'Font Awesome 6 Pro' !important;
}
.mapzoom-in:before, .mapzoom-out:before {
    font-family: 'Font Awesome 6 Pro' !important;
}
.nice-select.has-multiple span.current {
    font-size: .923em !important;
}
.no-results-search a:hover {
    color: #4cb7fe !important;
}
.no-results-search a {
    font-weight: 900 !important;
}
.no-search-icon {
  font-size: 90px;
  background: linear-gradient(-90deg, #4cb7fe, #21004f);
  background-size: 300%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: colorAnimation 5s infinite linear;
  margin-bottom: 30px;
}

@keyframes colorAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.main-search-button:hover {
    background: #21004f !important;
}

div.arrowonline-down {
  position: relative;
  top: 78px;
  left: 45px;
  width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  
  border-top: 15px solid #3795f6;
}

.online-indicator {
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 2px solid #fff;
    background-color: #0fcc45;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    margin-right: -5px;
    margin-bottom: 5px;
}
.blink-online {
    display: block;
    width: 17px;
    height: 17px;
    background-color: #0fcc45;
    opacity: 0.7;
    border-radius: 50%;
    position: absolute !important;
    left: inherit !important;
    right: -2px !important;
    top: -2px !important;
    animation: blink 1s linear infinite;
}

.offline-indicator {
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 2px solid #fff;
    background-color: #ff0045;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    margin-right: -5px;
    margin-bottom: 5px;
}
.blink-offline {
    display: block;
    width: 17px;
    height: 17px;
    background-color: #ff0045;
    opacity: 0.7;
    border-radius: 50%;
    position: absolute !important;
    right: -2px !important;
    top: -2px !important; 
    animation: blink 1s linear infinite;
}
/*Animations online or offline*/

@keyframes blink {
  100% { transform: scale(2, 2); 
          opacity: 0;
        }
}
.award-user-icon {
    text-align: center;
}
.badges-author-level-1 {
    background-color: #4174e8 !important;
}
.badges-author-level-1:before {
    border-top: 20px solid #4174e8;
}
.badges-author-level-1:after {
    border-bottom: 20px solid #4174e8;
}
.badges-author-level-2 {
    background-color: #499a34 !important;
}
.badges-author-level-2:before {
    border-top: 20px solid #499a34;
}
.badges-author-level-2:after {
    border-bottom: 20px solid #499a34;
}
.badges-author-level-3 {
    background-color: #b61938 !important;
}
.badges-author-level-3:before {
    border-top: 20px solid #b61938;
}
.badges-author-level-3:after {
    border-bottom: 20px solid #b61938;
}
.badges-author {
    padding: 6px 5px !important;
    top: 30px !important;
    right: -30px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    position: absolute;
    cursor: pointer;
}
.badges-author:before {
    top: 0;
    bottom: auto;
    border-left: 20px solid transparent;
}
.badges-author:after {
    top: auto;
    bottom: 0;
    border-left: 20px solid transparent;
}
.badges-author:before, .badges-author:after {
    content: " ";
    display: block;
    position: absolute;
    left: -16px;
}
.badges-author-level {
    font-size: 9px;
    position: absolute;
    right: 5px;
    top: 40px;
    line-height: 15px !important;
    border-radius: 5px;
    width: 80%;
    text-align: center;
    font-weight: 400;
}
.color-level-1 {
    background: #4174e8;
}
.color-level-2 {
    background: #499a34;
}
.color-level-3 {
    background: #b61938;
}
.social-author-icon {
    padding: 20px 25px 40px 25px;
    text-align: center;
}
.cwb-author {
    color: #fff !important;
}
.cwb-author:hover {
    color: #e1f3ff !important;
}
.item-author {
    color: #81799a !important;
}
.item-author:hover {
    color: #81799a !important;
}
.lfield-content .css-9gd9oj-control {
    margin-bottom: 10px !important;
}
.lfield-content .submit-fields-wrap .lfield-desc {
    margin-top: 15px !important;
}
.num.euro:after {
    content: ' €';
    font-size: 24px;
    margin-left: 4px;
    font-weight: 100;
    opacity: 0.7;
}
.blc.euro:after {
    content: ' €';
    font-weight: 100;
}
.dashboard-balance {
    background: #1d0040 !important;
    border: 1px solid #1d0040 !important;
    color: #fff !important;
    padding: 12px 30px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.923em;
    font-weight: 600;
    -webkit-box-shadow: 0 9px 16px rgba(58, 87, 135, 0.1);
    box-shadow: 0 9px 16px rgba(58, 87, 135, 0.1);
    margin: auto;
}
@media only screen and (max-width: 1064px) {
    .dashboard-balance {
        display: inline-block;
        margin-top: 15px;
    }
}
.subscribe-form-wrap .chef-link-button {
    position: absolute;
    right: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    bottom: 10px;
    border: none;
    font-size: 22px;
    background: 0 0;
    text-align: right;
    padding-right: 30px;
}
.subscribe-form-wrap .chef-link-button:hover {
    color: #4cb7fe !important;
}
.bg-ico {
    font-weight: 900 !important;
}
.block_box.box-widget-item-author {
    padding: 30px !important;
    margin-bottom: inherit !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.block_box.box-widget-item-author .box-widget-item-header {
    margin: -30px -30px 25px;
}
.help-notif {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.help-notif i{
    color: #4db7fe;
}
.help-notif-bottom {
    color: #fff !important;
    background: #4db7fe;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 10px !important;
}
.help-notif-bottom:hover {
    color: #fff !important;
    background: #309ae1;
}
.help-notif span {
    text-align: right;
}
.box-widget-content textarea{
    margin-bottom: 15px !important;
    margin-top: 15px !important;
}
.post-opt i {
    font-weight: 900 !important;
}
.no-border-author {
    border-top: none !important;
}
.id-number-mentor {
    font-size: 18px;
    font-weight: 800;
}
.notif-header-btn {
    text-align: center;
}
.notif-booking-btn {
    text-align: left;
}
.notif-btn {
    margin-left: 40px !important;
}
.notif-btn {
    float: left;
    position: relative;
    color: #fff;
    cursor: pointer;
    margin-left: 34px;
    top: 28px;
    font-size: 18px;
}
.notif_link {
    position: initial !important;
}
.notif_link i {
    color: #fff !important;
}
.notif_link:hover i {
    color: #4db7fe !important;
}
.post-article .list-single-main-item {
    border-radius: 10px !important;
}
.error-wrap h2 {
    color: #4db7fe !important;
}
.subscribe-form-wrap .enteremail {
    -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, .2) !important;
    box-shadow: 0 0 0 7px rgba(255, 255, 255, .2) !important;
}
.subscribe-form-wrap .enteremail:focus {
    -webkit-box-shadow: 0 0 0 7px rgba(87, 6, 137, 1) !important;
    box-shadow: 0 0 0 7px rgba(87, 6, 137, 1) !important;
}
.tv-background {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 197px;
    background-image: url(assets/images/CoverVideoDidoGap.webp);
    background-size: cover;
    background-position: center;
}
.user-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -58%);
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 10;
}
.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    color: white;
    z-index: 20;
    cursor: pointer;
    opacity: .4;
}
.tv-background:hover .play-icon {
    opacity: 1;
}
.progress_bar-skill-bar-filled {
    border-radius: 40px;
}
.progress_bar-skill.skill-fill {
    border-radius: 40px;
}
.testimonilas-text {
    border: none !important;
    background: #21004f !important;
}
.testimonilas-avatar h3 {
    color: #4cb7fe !important;
}
.swiper-slide-active .testimonilas-text {
    border: none !important;
}
.testimonilas-text p {
    font-family: inherit !important;
    font-style: normal !important;
    text-align: left;
    color: #fff !important;
}
.testi-link {
    color: #fff !important;
    text-align: center !important;
    font-weight: 500 !important;
    border: none !important;
    background: #4db7fe !important;
}
.testimonilas-text:before {
    content: "\e1e4" !important;
    font-weight: 700 !important;
    font-size: 30px !important;
}
.testimonilas-text:after {
    content: "\f10d" !important;
    font-weight: 700 !important;
}
.testi-avatar img {
    -webkit-box-shadow: 0px 0px 0px 10px white !important;
    box-shadow: 0px 0px 0px 10px white !important;
}
.swiper-slide-active .testimonilas-text {
    background: #1d0040 !important;
}
.parallax-mentor {
    z-index: 99999 !important;
}
.listing-hero-section .bg-parallax-mentor:after {
    background: none !important;
    background: none !important;
    background: none !important;
    background: none !important;
}
.bg-parallax-wrap, .bg-tabs-wrap {
    background: #fff !important;
}
.lrooms-details {
    padding: 30px 20px !important;
}
.lrooms-item {
    border-radius: 10px !important;
}
.lrooms-media {
    width: 70%;
    position: relative;
    border-left: 10px solid #4cb7fe;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.lrooms-item:hover .wp-post-image {
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12);
}
.lrooms-item .wp-post-image {
    -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
    -o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
    transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
}
.lrooms-media::before {
    background: -webkit-gradient(linear, right top, right bottom, from(rgba(6, 27, 65, 0)), to(rgba(6, 27, 65, 0.95)));
    background: -webkit-linear-gradient(top, rgba(6, 27, 65, 0) 0%, rgba(6, 27, 65, 0.95) 100%);
    background: -o-linear-gradient(top, rgba(6, 27, 65, 0) 0%, rgba(6, 27, 65, 0.95) 100%);
    background: linear-gradient(to bottom, rgba(6, 27, 65, 0) 0%, rgba(6, 27, 65, 0.95) 100%);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
.lrooms-block-box {
    background-color: #ecf2fe;
    border-radius: 10px;
    margin-bottom: 20px;
    position: relative;
}
.lrooms-block-box::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 200px;
    background-image: url(assets/img/img-status-8.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg);
}
.lrooms_count{
    background: #4cb7fe;
    padding: 0px 5px;
    border-radius: 5px;
    color: #fff !important;
    font-weight: 300;
}
.report-b .nav-heart {
    color: #ff2777 !important;
}
.bkchild-items {
    margin-top: 0 !important;
}
.ck-progress-bar li {
    text-align: center;
}
.ck-progress-bar li span {
    background: #73c7ff !important;
    border: 4px solid #4cb7fe !important;
}
.ck-progress-bar li.active:after {
    background: #049713 !important;
}
.ck-progress-bar li.active span {
    background: #0ac41b !important;
    border: 4px solid #049713 !important; 
}
.ck-progress-bar li:after {
    background: #4cb7fe !important;
    border-radius: 0px !important;
}
.nopadding {
    padding-bottom: 30px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.ck-progressbar {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.boxprogressbar ul {
    position: relative;
    bottom: -25px;
}
.lsingle-block-progressbar {
    border-bottom: none !important;
    border-radius: 10px 10px 0 0 !important;
    background: #fbf5ff !important;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
}
.invoice-box .custom-logo-link {
    background: none !important;
}
div.wpforms-container-full .wpforms-field-label, .wp-core-ui div.wpforms-container-full .wpforms-field-label {
    margin: 0 0 5px 0 !important;
}
.personal_form {
    text-align: center;
    background: #fdfbff;
    border-radius: 10px 10px 0 0;
    padding: 10px 0;
}
.icon_dashboard {
    text-align: center;
    padding: 10px 0;
}
.wpforms-container .wpforms-page-indicator.circles {
    justify-content: center !important;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page {
    margin: 0 !important;
    display: inline-block !important;
    width: 25% !important;
    text-align: center !important;
}
.wpforms-page-indicator {
    position: relative !important;
    width: 100%;
    height: 50px;
}

.wpforms-page-indicator:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #049713;
    transform: translateY(-50%);
    z-index: 0;
}

.wpforms-page-indicator-page {
    position: relative;
    z-index: 1;
    display: inline-block;
    text-align: center;
    margin: 0 20px;
}

.wpforms-page-indicator-page-number {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-color: #e8e8e8;
    color: #fff;
}
.box-form-dashboard {
    padding: 0 !important;
}
.wpforms-field-container {
    padding: 0 30px !important;
}
.wpformsshortcode .accordion-inner {
    padding: 20px 0px 15px !important;
}
.wpforms-field-layout h3.wpforms-field-label {
    position: relative !important;
    color: #fff !important;
    background: #4cb7fe !important;
    display: inline-block !important;
    padding: 5px 15px !important;
    left: -30px !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-layout:not(:first-child)>.wpforms-field-label:not(.wpforms-label-hide):before {
    border-top-style: none !important;
}
.wpforms-page-indicator-page-number {
    margin: 0 10px 0 10px !important;
}
div.wpforms-container-full input[type=checkbox]:checked:after {
    right: -3px;
}
.accordion_notification a.toggle.act-accordion {
    background: #0099ff1a !important;
    border-radius: 10px 10px 0 0 !important;
    border: 0px solid #4cb7fe !important;
    padding: 15px 30px !important;
    color: #fff !important;
}
.accordion_notification a.toggle {
    color: #fff !important;
    background: #0099ff1a !important;
    border-radius: 10px !important;
    border: 0px solid #4cb7fe !important;
}
.accordion-sec-title {
    color: #fff !important;
}
.accordion-sec-title:before {
    content: '\f078' !important;
    right: 3% !important;
    top: 33% !important;
    font-weight: 900;
    line-height: 30px;
    height: 30px !important;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    background: #4db7fe;
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    width: 30px;
    margin-top: -1px;
}
.accordion-sec-title h3 {
    color: #95a8bd !important;
    padding-bottom: 5px !important;
    font-weight: 600 !important;
    font-size: 21px !important;
}
.notification-box {
    background: none !important;
    color: #878c9f !important;
    border-radius: 0 !important;
    border: none !important;
    padding: inherit !important;
}
.button_left {
    text-align: right !important;
    padding-top: 40px;
}
.button_right {
    text-align: left !important;
}
.eye_password {
    bottom: 33px !important;
    color: #4db7fe;
    position: absolute;
    right: 40px;
    cursor: pointer;
    z-index: 10;
    font-size: 0.923em;
}
.dashboard-card-content p {
    text-align: center !important;
}
.listing-bg-first {
    background-color: #fff !important;
    border-radius: inherit !important;
    margin-bottom: inherit !important;
}

.listing-bg-second {
    background-color: #fdfbff !important;
    border-radius: inherit !important;
    margin-bottom: inherit !important;
}
.listing-bg-last {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
.set-lfeatured {
    padding: inherit !important;
    font-size: inherit !important;
    margin-top: inherit !important;
    display: inherit !important;
    border-radius: inherit !important;
    background: none !important;
}
.color_active {
    color: #f4c22b !important;
    font-size: 18px;
    font-weight: 600 !important;
}
.circle-status {
    width: 50px !important;
    height: 50px !important;
    -webkit-box-shadow: 0px 0px 0px 5px white !important;
    box-shadow: 0px 0px 0px 5px white !important;
    border-radius: 100%;
    color: #fff;
    position: relative;
    z-index: 2;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.circle-publish {
    background: #2a9b00 !important;
}
.circle-pending{
    background: #ffac00 !important;
}
.circle-refunded{
    background: #ff7c36 !important;
}
.circle-partially-refunded {
    background: #0fb5cb !important;
}
.circle-failed {
    background: #dc3545 !important;
}
.circle-canceled {
    background: #e64f5d !important;
}
.circle-created{
    background: #1edee9 !important;
}
.circle-draft {
    background: #d0cfe6 !important;
}
.circle-future {
    background: #21004f !important;
}
.circle-cancel {
    background: #dc3545 !important;
}
.data_submitted {
    color: #ADC7DD !important;
}
.right-opt-listing {
    padding-left: 15px !important;
    border-radius: 0 0 0 10px !important;
    background: #c7c3df;
}
.right-opt-listing a:hover, 
.right-opt-listing a:hover i {
    color: #7f7b98 !important;
    font-weight: 700 !important;
}
.geodir-category-img-wrap:before,
.geodir-no-img:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 30%;
    z-index: 2;
}
.geodir-category-img-wrap:before {
    background: none !important;
}
.geodir-no-img:before {
    background: linear-gradient(to bottom, rgba(242, 247, 255, 0) 0%, rgba(182, 200, 231, 0.95) 100%);
}
.geodir-no-img {
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    display: inline-block;
    width: 100%;
}
.disabled-link {
    opacity: 0.5;
}
.cat_space {
    padding-left: 5px;
}
.icon-cat a{
    color: #81799a !important;
}
.icon-cat a:hover{
    color: #4db7fe !important;
}
.icon-cat i {
    font-size: 16px;
    color: #4cb7fe;
}
.card {
    box-shadow: 0px 8px 24px rgba(27, 46, 94, 0.12);
    margin-bottom: 24px;
    transition: box-shadow 0.2s ease-in-out;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    color: #39465f;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #dbe0e5;
    border-radius: 12px;
}
.card .card-header {
    border-bottom: 1px solid #dbe0e5;
    z-index: 1;
}
.card .card-footer {
    padding: 10px 25px !important;
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: transparent;
    border-top: 1px solid #dbe0e5;
    z-index: 1;
}
.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.align-items-center {
    align-items: center !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.d-flex {
    display: flex !important;
}
.card-header:first-child {
    border-radius: calc(12px - 1px) calc(12px - 1px) 0 0;
}
.card-header {
    padding: 25px 25px;
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: transparent;
    border-bottom: 1px solid #dbe0e5;
}
.mb-1 a {
    color: #566985 !important;
}
.mb-1 a:hover {
    color: #4cb7fe !important;
}
.card .card-header h5, .card .card-header .h5 {
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 600;
}
.dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center {
    position: relative;
}

.statistics-card-1 .card-body {
    position: relative;
    overflow: hidden;
}
.tab-content-card > .active {
    display: block;
}
.tab-content-card > .tab-pane {
    display: none;
}
.card-body {
    flex: 1 1 auto;
    padding: 25px 25px;
    color: var(--bs-card-color);
}
.statistics-card-1 .card-body .img-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform: rotate(180deg);
    opacity: .4;
}
.statistics-card-1 .img-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform: rotate(180deg);
    opacity: .2;
}
.statistics-card-1 .card-body > * {
    position: relative;
    z-index: 5;
}
.h-100 {
    height: 100% !important;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.img-card {
    max-width: 40px;
    height: auto;
}
.statistics-card-1 .card-body > * {
    position: relative;
    z-index: 5;
}
.align-items-center {
    align-items: center !important;
}
.d-flex {
    display: flex !important;
}
.align-items-center {
    align-items: center !important;
}
.d-flex {
    display: flex !important;
}
.f-w-300 {
    font-weight: 300;
}
.m-b-0 {
    margin-bottom: 0px;
}
.ms-2 {
    margin-right: 0.5rem !important;
}
.ms-8 {
    align-content: center;
}
.bg-light-success {
    background: #1de9b6;
    color: #e8fdf8;
}
.badge {
    display: inline-block;
    padding: 0.8em 0.45em;
    font-size: 0.75em;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 6px;
}
.badge_count {
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    font-size: 14px;
    font-weight: 500;
    font-family: Impact;
    line-height: 1;
    background: #1ee9b6;
    color: #e8fdf8;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 50%;
}
.statistics-card-1 .card-body > * {
    position: relative;
    z-index: 5;
}
.text-muted {
    color: rgba(33, 37, 41, 0.75) !important;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}
.mt-3 {
    margin-top: 1rem !important;
}
.text-sm {
    font-size: 0.75rem !important;
}
.icon-row {
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    gap: 10px; 
}
.text-primary {
    color: rgba(4, 169, 245, 1) !important;
}
.icon-cat, .dropdown {
    display: flex;
    align-items: center;
}

.icon-cat a, .dropdown a {
    text-decoration: none;
}

@media (max-width: 768px) {
    .icon-row {
        justify-content: space-between;
    }
}
.del-ico-bg i{
    color: #c7c3df !important;
    font-size:18px;
    font-weight: 400 !important;
}
.del-ico-bg:hover i{
    color: #f4c22b !important;
    font-weight: 900 !important;
}
.edit-ico-bg i {
    color: #c7c3df !important;
    font-size:18px;
    font-weight: 400 !important;
}
.edit-ico-bg:hover i {
    color: #4cb7fe !important;
    font-weight: 900 !important;
}
.publish-ico i {
    color: #4ca800 !important;
    font-size:18px;
}
.publish-ico-bg i {
    color: #4ca800 !important;
    font-size:18px;
    font-weight: 400 !important;
}
.publish-ico-bg:hover i {
    color: #4ca800 !important;
    font-weight: 900 !important;
}
.remove-ico-bg i {
    color: #c7c3df !important;
    font-size:18px;
    font-weight: 400 !important;
}
.remove-ico-bg:hover i {
    color: #ff2f6b !important;
    font-weight: 900 !important;
}
.feu-ico-bg i{
    color: #d4e1e9 !important;
    font-size:18px;
    font-weight: 400 !important;
}
.feu-ico-bg:hover i {
    color: #f4c22b !important;
    font-weight: 900 !important;
}
.align-items-center {
    align-items: center !important;
}
.d-flex {
    display: flex !important;
}
.flex-shrink-0 {
    flex-shrink: 0 !important;
}
.rounded {
    border-radius: 6px !important;
}
.wid-50 {
    width: 50px;
}
.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
    margin-top: 3px;
}
.flex-grow-1 {
    flex-grow: 1 !important;
}
.mb-1 {
    margin-bottom: 0.25rem !important;
}
.mb-0 {
    color: #7d93b2 !important;
    font-size:12px;
    font-weight: 400;
    padding-top: 5px;
}
.content_notice {
    color: #c7c3df;
    padding-left: 5px;
}
.content_notice_a {
    color: #0e7eed;
    font-size: 12px;
    font-weight: 400;
}
.content_notice_a i{
    padding-left: 5px;
}
.content_notice_a:hover {
    color: #005ebc;
}
.color_warning {
    color: #ffac00 !important;
    padding-left: 5px;
}
.mb-3 {
    color: #7d93b2 !important;
    font-size:12px;
    font-weight: 400;
    padding-top: 5px;
}
.mb-5 {
    color: #4cb7fe !important;
    font-size:12px;
    font-weight: 600;
    padding-top: 5px;
}
.mb-5:hover a{
    color: #4cb7fe !important;
}
.mb-4 {
    color: #7695af !important;
    font-size: 12px;
    font-weight: 400;
}
.circle-status-listin {
    width: 30px !important;
    height: 30px !important;
    -webkit-box-shadow: 0 0 0 5px #eaf4ff !important;
    box-shadow: 0 0 0 5px #eaf4ff !important;
    border-radius: 100%;
    color: #fff !important;
    position: relative;
    z-index: 2;
    font-size: 18px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.circle-status-counter {
    width: 30px !important;
    height: 30px !important;
    -webkit-box-shadow: 0 0 0 5px #eaf4ff !important;
    box-shadow: 0 0 0 5px #eaf4ff !important;
    border-radius: 100%;
    color: #fff !important;
    position: relative;
    z-index: 2;
    font-size: 14px;
    font-weight: 700;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
#ctb-listing-claim-modal {
    display: none; 
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5); 
}
.verified_post i {
    color: #0095f6 !important;
    font-size: 18px;
    font-weight: 900 !important;
}
.loucknotverified_post i {
    color: #d4e1e9 !important;
    font-size: 18px;
    font-weight: 400 !important;
}
.loucknotverified_post:hover i {
    color: #0095f6 !important;
    font-size: 18px;
    font-weight: 900 !important;
}
.notverified_post i {
    color: #c7c3df !important;
    font-size: 18px;
    font-weight: 400 !important;
}
.notverified_post i:hover {
    color: #0095f6 !important;
    font-weight: 900 !important;
}
.user-cover-bg {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.user-cover-bg .cover-data {
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: self-end;
    justify-content: flex-end;
    padding: 15px;
}

.d-inline-flex {
    display: inline-flex !important;
}
.text-warning {
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.me-1 {
    margin-right: 0.25rem !important;
}
.ph-duotone {
    font-family: 'Phosphor-Duotone' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.user-card .card-user-image {
    width: 60px;
    margin: -30px 15px 10px;
    position: relative;
    z-index: 5;
}
.chat-avtar {
    position: relative;
}
.rounded-circle img {
    border-radius: 50% !important;
}
.img-thumbnail img {
    -webkit-box-shadow: 0px 0px 0px 5px white !important;
    box-shadow: 0px 0px 0px 5px white !important;
    border-radius: 8px;
    max-width: 100%;
    height: auto;
}
.border_count {
    border-bottom: 0 !important;
    border-top: 0 !important;
    border: 1px solid #dbe0e5;
}
.user-card .saprator {
    position: relative;
    display: flex;
    align-self: center;
    justify-content: center;
}
.user-card .saprator span {
    font-size: 0.875rem;
    padding: 8px 24px;
    background: #fff;
    z-index: 5;
    text-transform: capitalize;
    font-weight: 500;
}
.user-card .saprator:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dbe0e5;
    z-index: 1;
}

.badge.bg-light-secondary {
    background: #ebedef;
    color: #39465f;
}
.rounded-pill {
    border-radius: 50rem !important;
}
.bg-transparent {
    background-color: transparent !important;
}
.me-1 {
    margin-right: 0.25rem !important;
}
.mt-1 {
    margin-top: 0.25rem !important;
}
.border-secondary {
    border-color: 57, 70, 95, 1 !important;
    border: 1px solid #dbe0e5 !important;
}
.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
.g-3 h5 {
    color: #1d2630 !important;
    font-size: 14px;
    font-weight: 600;
}
.g-4 {
    margin-top: 1rem;
}
.status-ad {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 0.25rem 0.5rem;
    font-size: 0.765625rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 4px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
} 
.status-ad-completed {
    background-color: #28a745 !important;
    border: 1px solid #28a745 !important;
}

.status-ad-canceled {
    background-color: #dc3545 !important;
    border: 1px solid #dc3545 !important;
}

.status-ad-pending {
    background-color: #ffc107 !important;
    border: 1px solid #ffc107 !important;
}

.status-ad-disabled {
    background-color: #6c757d !important;
    border: 1px solid #6c757d !important;
}
.ad_status {
    -webkit-box-shadow: 0 0 0 5px #fff !important;
    box-shadow: 0 0 0 5px #fff !important;
    border-radius: 8px;
    max-width: 100%;
    height: auto;
    border-radius: 50% !important;
    width: 60px;
    color: #fff;
    font-size: 26px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;    
}
.icon_inversie {
    transform: scaleX(-1);
    color: #4cb7fe;
}
.me-2 {
    margin-right: 0.5rem !important;
}
.header-stats {
    background-color: #fff;
    border: 1px solid #e5e7f2;
    border-radius: 15px;
    margin-right: 12px;
    padding: 6px 0 6px 60px;
    color: #7d93b2;
    font-weight: 400;
    font-size: 0.923em;
    text-align: left;
    position: relative;
    width: 100%;
}
.header-stats span {
    display: block;
    font-weight: 600;
    font-size: 18px;
    margin-top: 4px;
}
.header-stats i {
    position: absolute;
    left: 8px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    top: 13px;
    font-size: 18px;
    text-align: center;
}
.header-stats-post i{
    background-color: #e6f6fe;
    color: #04a9f5;
}
.header-stats-post span {
    color: #04a9f5;
}
.header-stats-view i {
    background-color: #fef9ea;
    color: #f4c22b;
}
.header-stats-view span {
    color: #f4c22b;
}
.header-stats-review i {
    background-color: #e8fdf8;
    color: #1de9b6;
}
.header-stats-review span {
    color: #1de9b6;
}
.header-stats-bookmark i {
    background-color: #feeceb;
    color: #f44236;
}
.header-stats-bookmark span {
    color: #f44236;
}
.header-stats-follower i {
    background-color: #f2f1ff;
    color: #2230d4;
}
.header-stats-follower span {
    color: #2230d4;
}
.header-stats-following i {
    background-color: #ffebfa;
    color: #ea32b9;
}
.header-stats-following span {
    color: #ea32b9;
}
.statistics-stats-1 .img-bg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    opacity: .6;
    border-radius: 0 0 15px 0;
}
.ms-3 {
    margin-left: 1rem !important;
}
.mt-5 {
    margin-top: 3rem !important;
}
.border-start {
    border-right: 1px solid #dbe0e5 !important;
}
.bg-white {
    background-color: rgb(244 194 43) !important;
}
.avtar-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 600;
    width: 55px;
    height: 55px;
}
.text-white {
    color: rgba(255, 255, 255, 1) !important;
}
.f-30 {
    font-size: 30px;
}
.view-earnings-btn {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}
.withdrawal-form-buttons {
    text-align: center;
}
.mc-0 {
    margin-right: 5px !important;
}
.bg-success {
        background-color: #1de9b6 !important;
        padding: 0.45em;
}
.btn_kg {
    background: #4db7fe;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
}
.btn_kg:hover {
    background: #69c3ff;
}
.reviews_dashboard {
    padding: 30px;
}
.reviews_dashboard .dashboard-reviews-wrap {
    padding: 0;
    padding-bottom: 30px !important;
    margin-bottom: 20px;
    background: #fff;
    border-radius: inherit !important;
    border-bottom: 1px solid #f3f1ff !important;
    border: none;
}
.reviews_dashboard p {
    color: #878C9F !important;
    line-height: 34px !important;
    font-weight: 300;
    font-size: 14px !important;
    padding-bottom: 10px;
    text-align: justify;
}
.card .profile-edit-container .custom-form .title_form_book {top: -9px !important;}
.profile-edit-container .custom-form .title_form_book {
    font-family: Poppins, sans-serif;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: normal;
    color: #7d93b2;
    top: 0 !important;
    padding-left: 12px !important;
    background: #fff !important;
    border-left: 1px solid #f1f0ff !important;
    border-right: 1px solid #f1f0ff !important;
}
.form-result-container .custom-form {
    font-size: 14px !important;
    font-weight: 400 !important;
}
.form-result-container .custom-form label {
    margin-bottom: 0 !important;
}
.form-result-container .custom-form label i {
    top: 50px !important;
}
.filed_book {
    width: 100%;
    padding: 15px 20px 15px 20px;
    border-radius: 4px;
    color: #7d93b2;
    font-size: 0.923em;
    font-weight: 600 !important;
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #f1f0ff !important;
    background: #fff !important;
}
.booking-avatar {
    display: flex;
    justify-content: flex-end;
}
.border_booking {
    border-left: 1px solid #dbe0e5;
}
.g-12 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.hr_line {
    background-color: #dbe0e4 !important;
}

.card .card-box-footer {
    transition: box-shadow 0.2s ease-in-out;
    border-radius: 0 0 10px 10px;
    padding-bottom: 10px !important;
}
.col {
    flex: 1 0 0%;
}
.row-col {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* (0));
    margin-right: calc(-0.5* (1.5rem));
    margin-left: calc(-0.5* (1.5rem));
}
.bg-primary {
    background-color: #04a9f5 !important;
}
.circle-status-booking {
    width: 30px !important;
    height: 30px !important;
    -webkit-box-shadow: 0 0 0 5px #fff !important;
    box-shadow: 0 0 0 5px #fff !important;
    border-radius: 100%;
    color: #fff !important;
    position: relative;
    z-index: 2;
    font-size: 14px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.text-top {
    color: rgba(255, 255, 255, 1) !important;
    position: relative;
    top: -15px;
}
.circle-publish-booking {
    background: #2a9b00 !important;
}
.circle-publish-booking:hover {
    -webkit-box-shadow: 0 0 0 5px #2a9b00 !important;
    box-shadow: 0 0 0 5px #2a9b00 !important;
}
.circle-pending-booking{
    background: #ffac00 !important;
}
.circle-pending-booking:hover {
    -webkit-box-shadow: 0 0 0 5px #ffac00 !important;
    box-shadow: 0 0 0 5px #ffac00 !important;
}
.circle-cancel-booking {
    background: #dc3545 !important;
}
.circle-cancel-booking:hover {
    -webkit-box-shadow: 0 0 0 5px #dc3545 !important;
    box-shadow: 0 0 0 5px #dc3545 !important;
}
.color-level-new {
    background-color: #04a9f5;
    color: #fff;
}
.color-level-trialing {
    background-color: #000;
    color: #fff;    
}
.color-level-partially-paid {
    background-color: #00c278;
    color: #fff;    
}
.color-level-canceled {
    background-color: #dc3545;
    color: #fff;
}
.color-level-refunded {
    background-color: #ff5900;
    color: #fff;
}
.color-level-partially_refunded {
    background-color: #00a2b7;
    color: #fff;
}
.color-level-completed {
    background-color: #2a9b00;
    color: #fff;
}
.new-indicator {
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 2px solid #fff;
    background-color: #04a9f5;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    margin-right: -5px;
    margin-bottom: 5px;
}
.new-offline {
    display: block;
    width: 17px;
    height: 17px;
    background-color: #04a9f5;
    opacity: 0.7;
    border-radius: 50%;
    position: absolute !important;
    right: -2px !important;
    top: -2px !important; 
    animation: blink 1s linear infinite;
}
.terugbetaald {
    width: 120% !important;
    right: -5px !important;
}
.ck-success-container {
    flex-wrap: wrap;
}
.canceled-indicator {
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 2px solid #fff;
    background-color: #dc3545;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    margin-right: -5px;
    margin-bottom: 5px;
}
.canceled-offline {
    display: block;
    width: 17px;
    height: 17px;
    background-color: #dc3545;
    opacity: 0.7;
    border-radius: 50%;
    position: absolute !important;
    right: -2px !important;
    top: -2px !important; 
    animation: blink 1s linear infinite;
}
.partially-paid-indicator {
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 2px solid #fff;
    background-color: #00c278;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    margin-right: -5px;
    margin-bottom: 5px;
}
.partially-paid-offline {
    display: block;
    width: 17px;
    height: 17px;
    background-color: #00c278;
    opacity: 0.7;
    border-radius: 50%;
    position: absolute !important;
    right: -2px !important;
    top: -2px !important; 
    animation: blink 1s linear infinite;
}
.trialing-indicator {
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 2px solid #fff;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    margin-right: -5px;
    margin-bottom: 5px;
}
.trialing-offline {
    display: block;
    width: 17px;
    height: 17px;
    background-color: #000;
    opacity: 0.7;
    border-radius: 50%;
    position: absolute !important;
    right: -2px !important;
    top: -2px !important; 
    animation: blink 1s linear infinite;
}
.refunded-indicator {
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 2px solid #fff;
    background-color: #ff5900;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    margin-right: -5px;
    margin-bottom: 5px;
}
.refunded-offline {
    display: block;
    width: 17px;
    height: 17px;
    background-color: #ff5900;
    opacity: 0.7;
    border-radius: 50%;
    position: absolute !important;
    right: -2px !important;
    top: -2px !important; 
    animation: blink 1s linear infinite;
}
.partially_refunded-indicator {
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 2px solid #fff;
    background-color: #01a2b7;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    margin-right: -5px;
    margin-bottom: 5px;
}
.partially_refunded-offline {
    display: block;
    width: 17px;
    height: 17px;
    background-color: #01a2b7;
    opacity: 0.7;
    border-radius: 50%;
    position: absolute !important;
    right: -2px !important;
    top: -2px !important; 
    animation: blink 1s linear infinite;
}
.completed-indicator {
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 2px solid #fff;
    background-color: #2a9b00;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    margin-right: -5px;
    margin-bottom: 5px;
}
.completed-offline {
    display: block;
    width: 17px;
    height: 17px;
    background-color: #2a9b00;
    opacity: 0.7;
    border-radius: 50%;
    position: absolute !important;
    right: -2px !important;
    top: -2px !important; 
    animation: blink 1s linear infinite;
}
@media (min-width: 576px) {
    .text-sm-end {
        text-align: right !important;
    }
}

.details-list ul {
    list-style: none;
    margin: 0;
    padding-top: 15px;
}

.details-list li {
    width: 16.6%;
    padding: 0 0 15px 15px;
    text-align: left;
    font-weight: 500;
    margin: 0;
}
.details-list li span {
    color: #878c9f;
}
.dis-flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.single-property-overview .info-box-listing {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    justify-content: space-between;
    padding: 0 !important;
    margin: 0 !important;
}
.info-box-listing {
    background: #fff;
    border-radius: 20px;
}
.single-property-overview .info-box-listing .item {
    display: flex;
    align-items: center;
    gap: 12px;
}
.single-property-overview .info-box-listing .item .box-icon {
    border-radius: 8px;
    border: 1px solid #e4e4e4;
}
.box-icon.w-35 {
    width: 35px;
    height: 35px;
}
.single-property-overview .info-box-listing li:hover,
.single-property-overview .info-box-listing li:hover a i {
    color: #04a9f5 !important;
    font-weight: 900 !important;
}
@media only screen and (max-width: 991px) {
    .single-property-overview .info-box .item {
        min-width: 48% !important;
    }
}
@media only screen and (max-width: 991px) {
    .single-property-overview .info-box {
        gap: 5px;
        min-width: 48%;
    }
}
.single-property-overview .info-box {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    justify-content: center;
}
.info-box {
    background: #fff;
    border-radius: 12px;
}
.single-property-overview .info-box .item {
    display: flex;
    align-items: center;
    gap: 8px;
}
.single-property-overview .info-box .item .box-icon {
    border-radius: 8px;
    border: 1px solid #e4e4e4;
}
.box-icon.w-52 {
    width: 52px;
    height: 52px;
}
.box-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    cursor: pointer;
}
.single-property-overview .info-box .item .box-icon .icon {
    font-size: 24px;
    color: #000;
    font-weight: 300;
}
.box-icon .icon {
    font-size: 18px;
}
.icon-house-line:before {
    content: "\e940";
}
.single-property-overview .info-box .item .labeltag {
    color: #5c6368;
    font-weight: 500;
    font-size: 12px;
    display: block;
    opacity: .8;
}
.single-property-overview .info-box .item span {
    font-weight: 600;
    color: #000;
}
.single-property-overview .info-box li:hover,
.single-property-overview .info-box li:hover a i {
    color: #04a9f5 !important;
    font-weight: 900 !important;
}
.single-property-overview .info-box li:hover a.box-icon {
    background: #1d0040;
    border: 1px solid #1d0040 !important;
}
.ltr_size {
    direction: ltr;
    display: block;
}
.home_check {
    background: #28a745 !important;
    border: 1px solid #28a745 !important;
    color: #fff !important;
}
.home_check i {
    color: #fff !important;
}
ul li.item.home_check_li:hover a.home_check {
    background: #28a745 !important;
    border: 1px solid #28a745 !important;
    color: #fff !important;
}

ul li.item.home_check_li:hover a.home_check i {
    color: #fff !important;
}
.home_xmark {
    background: #dc3545 !important;
    border: 1px solid #dc3545 !important;
    color: #fff !important;
}
.home_xmark i {
    color: #fff !important;
}
ul li.item.home_xmark_li:hover a.home_xmark {
    background: #dc3545 !important;
    border: 1px solid #dc3545 !important;
    color: #fff !important;
}

ul li.item.home_xmark_li:hover a.home_xmark i {
    color: #fff !important;
}
.home_exclamation {
    background: #ffc107 !important;
    border: 1px solid #ffc107 !important;
    color: #fff !important;
}
.home_exclamation i {
    color: #fff !important;
}
ul li.item.home_exclamation_li:hover a.home_exclamation {
    background: #ffc107 !important;
    border: 1px solid #ffc107 !important;
    color: #fff !important;
}

ul li.item.home_exclamation_li:hover a.home_exclamation i {
    color: #fff !important;
}
.progress-indicator {
    position: relative;
    width: 37px;
    height: 37px;
    background: #fff;
    border-radius: 50%;
}
.progress-indicator:before {
    background: #3572f4;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: -3px 0 0 -3px;
}
.progress-indicator svg {
    position: relative;
    top: 0;
    height: 37px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 37px;
    border-radius: 50%;
}
.progress-bar__background {
    fill: none;
    stroke: #fdf8ff;
    stroke-width: 5;
}
.progress-bar__progress {
    fill: none;
    stroke: #3572f4;
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    stroke-linecap: round;
    stroke-width: 5;
}
@media only screen and (max-width: 768px) {
    .progress-hiden {
        display: none;
    }
}
.compare-img {
    border-radius: 10px;
    width: 52px;
    height: 52px;
}
.details-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

.comparison-remove {
    position: absolute;
    top: 18px;
    left: -20px;
    font-size: 24px;
    color: #e5e7f2;
    background: transparent;
    border: none;
    cursor: pointer;
}
.comparison-remove i {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e5e7f2;
}
.comparison-remove:hover {
    color: #ff0000;
}
.comparison-verified {
    z-index: 1;
    position: absolute;
    top: 5px;
    left: 15px;
}
.comparison-verified i {
    background: #fff;
    padding: 3px;
    border-radius: 50%;
}
.compare-title {
    color: #5c6368 !important;
    font-weight: 300;
    opacity: .8;
}
.compare-title:hover {
    color: #000 !important;
}
.header-sec-link a:after {
    background-image: url('assets/images/compare-tag.svg') !important;
}
.header-sec-link {
    top: 0 !important;
    bottom: inherit !important;
}
.compare-block-box {
    background: #fff;
    border-radius: 10px;
    border: 2px solid #e5e7f2;
    margin-bottom: 70px;
}
#top-menu li.menu-item-has-children > a:after {
    content: '\f0d7'; /* کد یونی‌کد آیکون */
    font-family: 'font awesome 6 pro'; /* یا هر فونت آیکونی که استفاده می‌کنید */
    font-weight: 900; /* اگر نیاز به نسخه Solid دارید */
    margin-left: 5px;
    color: #4cb7fe;
}
.images-collage-title {
    display: none !important;
}
.bg.par-elem {
    position: absolute;
    top: 0 !important;
    left: -200px;
    width: 100%;
    object-fit: cover;
}
.header-search-input-wrap .hero-inputs-wrap .filter-gid-item .nice-select {
    background: #21004f !important;
}
.hero-inputs-wrap .filter-gid-item .nice-select {
    z-index: inherit;
}
section {
    background: inherit;
}
section.hero-section {
    padding: 50px 0 150px;
    z-index: 20;
}
.hero-map-search-wrap {
    z-index: 2;
    margin-top: inherit !important;
    padding: 0 50px;
}
.p-text p {
    color: #fff !important;
}
.circle-booking-Lock {
    background: #c6dbf3 !important;
    cursor:not-allowed;
}
.text-booking-Lock {
    color: #c6dbf3 !important;
    cursor:not-allowed;
}
.back-dis {
    background: #dc3545 !important;
    margin-right: 10px;
}
.btn-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.zoomlock {
    background: #c6dbf3 !important;
    cursor:not-allowed;
}
a.withdraw-btn.disabled {
  pointer-events: none;
  opacity: 0.6;
  background-color: #c6dbf3;
  border-color: #bbb;
  cursor: not-allowed; 
}
.btn-cus {
    margin-right: auto !important;
}
.dashboard-small-num {
    position: relative;
    top: 20px;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable {
    font-size: 12px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner {
    background-color: #fbfbff !important;
    border-color: #f1f0ff !important;
    color: #c8d1df !important;
}
.wpforms-submit-container {
    text-align: center !important;
}
.confirmation-btn {
    padding: 12px 25px 12px 55px !important;
    border-radius: 4px !important;
    color: #fff !important;
    background: #4db7fe !important;
    font-weight: 600 !important;
    font-size: 0.923em !important;
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;
    -webkit-transition: all 200ms linear !important;
    -o-transition: all 200ms linear !important;
    transition: all 200ms linear !important;
}
.title-form-online {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #4cb7fe;
    color: #fff;
    padding: 7px 60px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-weight: bold;
    z-index: 10;
    white-space: nowrap;
}
.title-form-online-bottom {
    display: inline-block;
}
.iscrol {
    display: flex;
}
.title-form-online-bottom a {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #4cb7fe;
    color: #fff;
    padding: 7px 60px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: bold;
    z-index: 10;
    white-space: nowrap;
}
.title-form-online-bottom:hover a {
    background: #1d0040;
}
.hidden-mentor-email {
    display: none !important;
}
.status-icon {
    width: 54px;
    height: 54px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;  
}
.kg-completed {
    background: #34b204;
    border: 3px solid #2a9b00;
}
.kg-trialing {
    background: #505452;
    border: 3px solid #000;
}
.kg-partially-paid {
    background: #32dc9b;
    border: 3px solid #00c278;
}
.kg-pending {
    background: #32bdff;
    border: 3px solid #09a9f5;    
}
.kg-canceled {
    background: #e64f5d;
    border: 3px solid #dc3545;    
}
.kg-partially-refunded {
    background: #0fb5cb;
    border: 3px solid #00a2b7;   
}
.kg-refunded {
    background: #ff7c36;
    border: 3px solid #ff5900;    
}
.kg-left-title {
    color: #fff !important;
    border-radius: 10px 0 5px 0;
    position: absolute;
    right: -13px;
    top: -30px;
    font-size: 12px;
    font-weight: 600;
    writing-mode: sideways-lr;
    text-orientation: mixed;
    z-index: 10;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    padding-top: 15px;
}
.kg-right-title {
    color: #fff !important;
    border-radius: 10px 0 5px 0;
    position: absolute;
    left: -13px;
    top: -30px;
    font-weight: 600;
    font-size: 12px;
    writing-mode: sideways-lr;
    text-orientation: mixed;
    z-index: 10;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    padding-top: 15px;
}
.gradient-bg {
    background-color: #1d0040 !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1d0040), to(#21004f)) !important;
    background: -webkit-linear-gradient(top, #1d0040, #21004f) !important;
}
.btw-box {
    background: #1d0040 !important;
    color: #fff !important;
    border-radius: 10px 10px 0 0;
    height: 55px;
}

.readonly-mock-input {
    border: 1px solid #f1f0ff !important;
    background: #fbfaff !important;
    height: 50px !important;
    line-height: 19px;
    padding: 14px 20px;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 4px;
    color: #7d93b2;
    color: #8099c0 !important;
    font-size: 0.923em;
}
.help-alert {
    position: relative;
    background-color: #ffa726;
    color: #fff !important;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 11px;
    margin: 0 5px;
    max-width: 400px;
}

.help-alert::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #ffa726;
}
.help-alert:hover {
  background-color: #eb9516;
}
.help-alert:hover::after {
  border-left-color: #eb9516;
}
.bttpos {
    position: absolute;
    top: 0;
    right: 0;
}
.bttposcol{
    position: relative;
}
.chat-replies-loading {
    background: #fbfaff !important;
    border: 1px solid #f5f3ff !important;
}
.chat-replies-loading span {
    background-color: #4cb7fe !important;
}
.service-fee {
    top: 0;
    left: 12%;
    position: absolute;
    color: #615768;
    background: #fff;
    text-align: center;
    padding: 7px 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 16px !important;
    font-weight: 600;
    width: 75%;
}
.evticket-details {
    display: flex;
    justify-content: center;
    padding: 25px 10px !important;
}
.evticket-price {
    font-size: 14px !important;
    font-weight: 400 !important;
}
.evticket-meta {
    padding: 15px 10px !important;
    position: relative;
}
.available-alert {
    background-color: #ffa726;
    color: #fff;
    padding: 3px 5px;
    font-size: 11px;
    max-width: 400px;
    position: absolute;
    right: 0;
    margin: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #fff;
}

.available-alert::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #ffa726;
}
.evticket-icon {
    bottom: 0px !important;
    top: inherit !important;
    right: 20px;
    left: inherit !important;
}
.cal-month-nav {
    background: #e8eefe !important;
}
.cal-month-nav:hover {
    background-color: #dae0f1 !important;
}
.submit-field-promo_video .submit-field-image {
    display: none !important;
}
.tag-input-input {
    margin-top: 10px !important;
    padding: 15px 20px !important;
    padding-right: 15px !important;
}
.submit-field .tag-input-ul {
    background: #fff !important;
    border: inherit !important;
    padding: 0 !important;
}
.tag-input-li {
    border-radius: 5px !important;
    border: 1px solid #dde3f5 !important;
    background: #e8eefe !important;
}
.submit-field-save_as_pending .lfield-desc {
    margin-top: 10px !important;
}
.submit-field-eventdate .lfield-desc {
    margin-top: 15px !important;
}
.profile-edit-container .custom-form label {
    margin-bottom: 0 !important;
}
.submit-fields-wrap .submit-field .lfield-icon {
    top: 51px !important;
}

.time-wrapper[aria-label] {
  pointer-events: none;
}

.Toastify__toast-body div {
    text-align: right;
}
.Toastify__toast-body {
    direction: rtl;
}

.ctb-modal-content .new-ad-canpaign-form input#new-ad-submit {
    color: #fff !important;
}
.edit-profile-photo.is-locked{position:relative;}
.edit-profile-photo.is-locked::after{
    content:""; position:absolute; inset:0; z-index:9999; background:transparent; cursor:not-allowed;
}
.edit-profile-photo.is-locked .change-photo-btn,
.edit-profile-photo.is-locked .del-user-photo{ pointer-events:none; }
.ck-success-left i.empty {
    color: #cecf5e;
    position: absolute;
    font-size: 54px;
    left: 0;
    top: 40%;    
}
.ck-success-left p, .ck-success-left h4 {
    text-align: left;
    direction: ltr;
}
.available-rooms .available_counter {
    display: none !important;
}
.cart-product-title:hover {
    color: #566985 !important;
}
.submit-field-calendar .lfield-header, .submit-field-calendar .lfield-label, .submit-field-calendar .lfield-desc, .submit-field-calendar .lfield-content {
    display: none !important;
}
.submit-field-calendar_metas.calendar-metas-show-metas .cal-month + .cal-month {
    margin-top: 0 !important;
}
.months-2 > .cal-month {
    width: 49% !important;
}
.room-footer-sec-wrap .btn-link {
    margin-top: 0 !important;
}
.room-footer-sec-wrap {
    gap:20px;
}
.no-rooms {
    font-weight: 300;
    color: #7583aa;
    font-size: 12px;
    text-align: justify;
}
.available-rooms label {
    color: #7583aa !important;
    font-size: 12px !important;
}
.badgecheck {
    color: #7cae13;
}
.forms-field-label {
color: #fff !important;
    background: #4cb7fe !important;
    display: flex;
    padding: 5px 15px !important;
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    width: fit-content;
    margin: 20px 0;
    right: -15px;
    position: relative;
}
.forms-box-da {
    margin-top: 30px;
    margin-bottom: 30px;
}
.fieldform {
    padding-top: 10px;
}
.fieldform input {
    margin-bottom: 15px;
}
.fieldform label {
    padding-bottom: 5px;
}
.rounded-av img {
    border-radius: 6px;
    width: 50px;
    height: 50px;
}
.btn-form-da {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 30px;
    margin-top: 30px;
}
.search-widget-button {
    background: #4cb7fe !important;
    position: fixed;
    bottom: 110px;
    left: 0;
    width: 40px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    font-size: 17px;
    z-index: 50;
    cursor: pointer;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate3d(0, 0, 0);
    text-align: center;
}
.show-search-button { display: inline-block; }
.search-widget-button { display: none; }

@media (max-width: 768px) {
    section.hero-section {
    padding: 50px 0 100px;
}
.search-widget-button { display: inline-block; }
}
.profile-me b {
    color: #4cb7fe;
    font-weight: 600;
}
.idesc strong {
    font-weight: 600;
}
.cal-date-checked .cal-open-metas {
    display: inline-block;
    font-size: 9px !important;
    font-weight: 200 !important;
    text-align: center !important;
    top: -10px !important;
    left: -3px !important;
}
.submit-field-calendar_metas.calendar-metas-show-metas .date-num .date-meta-show {
    display: none !important;
}
.terms-register {
    color: #4eb7fe !important;
}
.terms-register:hover {
    color: #0a9cff !important;
}
.ck-success-left i.decsth {
    top: 40% !important;
}
.co-dropdown {
    border: 1px solid #f1f0ff !important;
    background: #fbfbff !important;
    width: 100%;
    padding: 13px 20px 13px 20px;
    padding-left: 40px;
    border-radius: 4px;
    color: #7d93b2;
    font-size: 0.923em;
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
    margin-bottom: 20px;
  position: relative;
  padding-inline-end: 2rem;
}
.co-dropdown::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  width: 8px;
  height: 8px;
  border-top: 2px solid currentColor; 
  border-right: 2px solid currentColor; 
  transform: translateY(-50%) rotate(135deg);
  transition: transform 0.2s ease;
  pointer-events: none;
  opacity: 0.7;
}

/* وقتی باز شد */
.co-dropdown.open::after {
  transform: translateY(-50%) rotate(-45deg); 
}
.ul-dropdown {
    margin: 0;
}
.co-list-dropdown {
    border: 1px solid #f1f0ff !important;
    background: #fff !important;
    width: 100%;
    padding: 15px;
    border-radius: 4px;
    color: #7d93b2;
    font-size: 0.923em;
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
}
.bookiing-form-wrap .co-list-search {
    border-radius: 10px !important;
    background: #fbfbff !important;
    box-shadow: none !important;
    border: 1px solid #f1f0ff !important;
}
.bookiing-form-wrap .co-list-search:hover {
    border-radius: 10px !important;
    background: #fbfbff !important;
    box-shadow: none !important;
    border: 1px solid #e5e7f2 !important;
}
.bookiing-form-wrap .custom-form  .co-list-search:focus {
    border-radius: 10px !important;
    background: #fbfbff !important;
    box-shadow: none !important;
    border: 1px solid #f1f0ff !important;
}

#dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 250px; 
  overflow-y: auto; 
  background: #fff; 
  border: 1px solid #ddd;
  border-radius: 8px;
  z-index: 9999; 
}
#countryList li {
  padding: 8px 12px;
  cursor: pointer;
  display: block;
}
#countryList li:hover {
  background: #f6f6ff;
  border-radius: 10px;
}
.booking-adult {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.booking-adult .bk-part,
.booking-adult .bk-multiply {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
}
.margin-bt {
    margin-top: 0 !important;
}
.evticket-desc p {
    line-height: 26px;
    font-size: 14px;
}
/* پیش‌فرض: روی دسکتاپ پنهان */
.dhs-controls-list { display: none; gap: .5rem; }
.dhs-controls-list .dhs {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 65px;
    background: rgb(76 183 254);
    color: #fff;
}
.dhs-controls-list .dhs-right {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #e5e7f2;
}
.dhs-controls-list .dhs-left {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #e5e7f2;
}
.dhs-controls-list .dhs i { line-height: 1; }

/* فقط روی موبایل/تبلت (<=1024px) نمایش بده */
@media (max-width: 1024px) {
    .mob-slide {
    width: 90%;
    display: flex;
    justify-content: center;
}
  .dhs-controls-list { display: flex; }
  /* در حالت اسلایدر، اسلایدها تک‌ستونه باشند */
  .dashboard-header-stats .swiper-slide { width: auto; }
}
.mob-slide-box {
    position:relative;
    margin-bottom: 20px;
}
.swiper-container {
    border-radius: 15px;
}
.btn-s {
    background: #4cb7fe !important;
    color: #fff !important;
    padding: 10px !important;
    border-radius: 10px !important;
    position: relative !important;
    display: inline-block !important;
}
div.wpforms-container-full .wpforms-confirmation-container-full {
    background: inherit !important;
    border: inherit !important;
}
.wpforms-field-label-inline {
    font-size: 14px !important;
}
div.wpforms-container-full input[type=checkbox]:checked:after{
    font-family: Font Awesome\ 6 Pro !important;
    font-weight: 400;
    top: -2px !important;
    right: 0px !important;
    border-radius: 0px !important;
    color: #fff !important;
    background: #049713 !important;
    border: 1px solid #049713 !important;
    width: 16px !important;
    left: 0 !important;
    height: 16px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    transform: inherit !important;
}
div.wpforms-container-full input[type=checkbox]:focus:before, div.wpforms-container-full input[type=radio]:focus:before {
    border-color: #049713 !important;
    box-shadow: 0 0 0 1px #049713, 0px 1px 2px rgba(0, 0, 0, 0.15) !important;
}
.wpforms-field-description a {
    color: #4cb7fe;
}
.wpforms-field-description a:hover {
    color: #210059;
}
.wpforms-submit-container {
    margin-bottom: 20px !important;
}
.toltipkg{
  position: relative;
  --kg-offset: 0px; 
  --kg-arrow: 6px; 
  --kg-bg: #1d0040;
}

.toltipkg[data-tooltip]::after{
  content: attr(data-tooltip);
  position: absolute;
  top: 50%;
  left: calc(100% + var(--kg-offset));
  transform: translateY(-50%);
  background: var(--kg-bg);
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  padding: 6px 8px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
  z-index: 1000;
  direction: rtl;
}

.toltipkg[data-tooltip]::before{
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + var(--kg-offset));
  transform: translateY(-50%);
  width: 0; height: 0;

  border-top:    var(--kg-arrow) solid transparent;
  border-bottom: var(--kg-arrow) solid transparent;
  border-right:   var(--kg-arrow) solid var(--kg-bg);
  margin-left: calc(-1 * var(--kg-arrow) - 0px);
  opacity: 0;
  transition: opacity .18s ease;
  z-index: 1001;
}

.toltipkg[data-tooltip]:hover::after,
.toltipkg[data-tooltip]:focus-visible::after{
  opacity: 1;
}
.toltipkg[data-tooltip]:hover::before,
.toltipkg[data-tooltip]:focus-visible::before{
  opacity: 1;
}

.toltipkg-v{
  position: relative;
  --kg-offset: 0px; 
  --kg-arrow: 6px; 
  --kg-bg: #1d0040;
}

.toltipkg-v[data-tooltip]::after{
  content: attr(data-tooltip);
  position: absolute;
  top: 50%;
  right: calc(15% + var(--kg-offset));
  transform: translateY(-50%);
  background: var(--kg-bg);
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  padding: 6px 8px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
  z-index: 1000;
  direction: rtl;
}

.toltipkg-v[data-tooltip]::before{
  content: "";
  position: absolute;
  top: 50%;
  right: calc(15% + var(--kg-offset));
  transform: translateY(-50%);
  width: 0; height: 0;

  border-top:    var(--kg-arrow) solid transparent;
  border-bottom: var(--kg-arrow) solid transparent;
  border-left:   var(--kg-arrow) solid var(--kg-bg);
  margin-right: calc(-1 * var(--kg-arrow) - 0px);
  opacity: 0;
  transition: opacity .18s ease;
  z-index: 1001;
}

.toltipkg-v[data-tooltip]:hover::after,
.toltipkg-v[data-tooltip]:focus-visible::after{
  opacity: 1;
}
.toltipkg-v[data-tooltip]:hover::before,
.toltipkg-v[data-tooltip]:focus-visible::before{
  opacity: 1;
}
.logform {
    text-align:center;
    margin-bottom:20px
}
.logform a:hover {
    color: #4cb7fe;
}
.facts-num {
    font-size: 14px;
    color: #fff;
    font-weight: 800;
}
.block_box_cu {
    padding: 30px;
}
.payment-methods .payment-icon {
    right: 0;
    position: absolute;
}
.next-form {
    float: inherit !important;
}
.btn-ck {
    display: flex;
    justify-content: space-around;
}
.red-required {
    font-size: 11px;
    color: red;
    font-weight: 300;
}
.enamad_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.dynamic-footer-widget .footer-widget {
    margin-bottom: 0 !important;
}
a.idenfy-button, a.idenfy-button:link, a.idenfy-button:visited, a.idenfy-button:hover, a.idenfy-button:focus {
    padding:12px 55px 12px 25px !important;
}
a.idenfy-button.is-disabled {
  pointer-events: none;
  opacity: .6;
  cursor: not-allowed;
}
.Settlement_btn {
    display: flex;
    margin-left: auto;
}
.textarea_max {
    text-align: left;
    font-size: 11px;
    color: #7d93b2;
}
.textarea_bx {
    width:100%;
    margin-bottom:0;
}
.textarea_form {
    padding: 10px 20px;
    display: flow-root;
}
.meta-label .iti input, .meta-label .iti input[type=tel], .meta-label .iti input[type=text] {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-right: 45px !important;
    padding-left: 15px !important;
    text-align: right !important;
}
.iti__arrow {
    margin-left: 0px !important;
    margin-right: 6px !important;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: 0 !important;
    left: auto !important;
}
.iti__country-list {
    direction: ltr;
}
.cth-tpick-inner .cth-tpick-item {
    padding-right: 5px;
}
.qtt-input input::placeholder {
  color: #fff !important;
}
.main-register .custom-form input[type="text"], .main-register .custom-form input[type=email], .main-register .custom-form input[type=password] {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.custom-form input::placeholder {
  color: #7d93b2 !important;
}
.wpsc-tickets-container {
    padding: 0 !important;
    margin: 0 !important;
    width: calc(100% - 0px) !important;
    box-shadow: none !important;
    border-radius: inherit !important;
}
#wpsc-container .wpsc-shortcode-container {
    background-color: inherit !important;
    border: inherit !important;
}
.border_booking .wpsc-tag {
    background-color: inherit !important;
    color: inherit !important;
    display: inherit !important;
    justify-content: inherit !important;
    align-items: inherit !important;
    padding: inherit !important;
    border-radius: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    width: inherit !important;
    margin: inherit !important;
}
.wpsc-thread .thread-header {
    background: #fff !important;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    padding: 5px 15px !important;
}
.wpsc-thread .thread-body {
    background: #eaf4ff !important;
    border-radius: 10px !important;
}
.wpsc-thread .thread-text {
    padding: 5px 15px !important;
}
.mess {
    background: #eaf4ff;
    padding: 20px;
    border-radius: 10px;
}
.wpsc-thread-attachments {
    padding: 5px 15px !important;
}
.wpsc-editor-actions span {
    font-size: 14px !important;
}
.listing-hero-section .bg-parallax-wrap:after, .d-gr-sec:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    background: none !important;
}
.headsec-center {
    justify-content: space-between !important;
}
@media only screen and (max-width: 1024px) {
    .headsec-center {
        justify-content: center !important;
    }
}
.wallet-bg {
    background: #fe4d79;
    border: 0px solid #000;
    border-top-right-radius: 0;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 30px;
    position: absolute;
    top: -20px;
    right: 0;
}
.wallet-bg i {
    color: #fff;
}
.add-page-act {
    color: #fe4d79 !important;
}
.dashboard-header {
    border-radius: 0 !important;
    padding: 15px 15px !important;
}
.flag-wave {
    width:20px;
    height:auto;
    margin-right:5px;
    border-radius: 3px;
}
.flag-listing {
    width:40px !important;
    height:auto !important;
    border-radius: 6px !important;
}
.left-opt-list {
  transition: all 0.3s ease;
}

.left-opt-list img {
  transition: filter 0.3s ease;
}

.left-opt-list:hover img {
  filter: grayscale(100%);
}
.review-scores {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
    background: #1d0040;
}
.review-score-number {
  font-size: 12px;
  color: #fff;
}
.listing-rating-new .review-scores {
    border-radius: 0 15px 15px 0 !important;
    padding: 0px 10px !important;
    padding-top: 5px !important;
}
.listing-category-new {
    bottom: -5px !important;
    padding-right: 0 !important;
}

@keyframes oneShake {
  0%   { transform: rotate(0); }
  10%  { transform: rotate(10deg); }
  20%  { transform: rotate(-10deg); }
  30%  { transform: rotate(6deg); }
  40%  { transform: rotate(-6deg); }
  50%  { transform: rotate(0); }
  100% { transform: rotate(0); }
}

.geodir-category-listing:hover .review-scores .star-outline{
    animation: oneShake 0.6s ease;
}

.review-scores {
  position: relative;
  overflow: hidden; 
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@keyframes shootingStarCycle {
  0% {
    transform: translate(20px, -20px);
    opacity: 0;
  }
  5% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

.star-shooting {
  display: inline-block;
  color: #FFD700;
  font-size: 18px;

  animation: shootingStarCycle 4s ease-out infinite;
}
@keyframes oneShake {
  0%   { transform: translate(0,0) rotate(0); }
  20%  { transform: translate(0,0) rotate(15deg); }
  40%  { transform: translate(0,0) rotate(-15deg); }
  60%  { transform: translate(0,0) rotate(10deg); }
  80%  { transform: translate(0,0) rotate(-10deg); }
  100% { transform: translate(0,0) rotate(0); }
}

.geodir-category-listing:hover .review-scores .fa-star-shooting {
  animation: oneShake 0.6s ease;
}
.box-star-in {
    display: flex;
    justify-content: center;
    z-index: 1;
    position: relative;
}
#dropdown_land {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    z-index: 9999;
    margin: 0px;
}
#cth_country {
   position: absolute;
   left: -9999px;
}
.main-register-form .ck-terms-text {
    margin-right: 10px;
}


.star-box {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.star-outline {
  font-size: 18px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  animation: fillStar 8s ease-in-out infinite,
             shakeStar 7s linear infinite;
}

.star-fill {
  font-size: 18px;
  color: #FFD700;
  position: absolute;
  top: 0;
  left: 0;

  background: linear-gradient(to top, #FFD700 100%, transparent 0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  background-size: 100% 0%;      
  background-position: bottom;  
  background-repeat: no-repeat;

  animation: fillStar 8s ease-in-out infinite,
             shakeStar 7s linear infinite;
}
@keyframes shakeStar {
  0%, 95% { transform: rotate(0); } 
  96%  { transform: rotate(8deg); }  
  97%  { transform: rotate(-8deg); }
  98%  { transform: rotate(5deg); }
  99%  { transform: rotate(-5deg); }
  100% { transform: rotate(0); }    
}

@keyframes fillStar {
  0%   { background-size: 100% 0%; }            
  20%  { background-size: 100% var(--percent); } 
  100% { background-size: 100% var(--percent); }  
}

.current .filter_txt, .multiple-options .filter_txt {
    font-size: 9px !important;
    color: #4eb7fe !important;
}
.header-search-input-wrap .selected {
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.hero-inputs-wrap .filter-gid-item .nice-select .list {
    padding-right: 20px;
    padding-left: 20px;
}
.nice-select .option:hover {
    background-color: #f6f6ff;
    border-radius: 10px;
}
.nice-select-search-box, .nice-select-search {
    padding-right: 20px !important;
    padding-left: 20px !important;
}
.nice-select .nice-select-search-box:before {
    right: 35px !important;
    left: auto !important;
    font-family: 'Font Awesome 6 Pro' !important;
}
.dashboard-breadcrumbs a {
    display: inline-block;
    color: #666 !important;
}
.dashboard-breadcrumbs a:hover {
    color: #4cb7fe !important;
}
.txt-link {
    color: #4cb7fe !important;
}
.cm-logged-in-as a {
    color: #4cb7fe !important;
}
.scroll-nav-wrapper-opt a.scroll-nav-wrapper-opt-btn {
    padding: 8px 15px !important;
}
.tomcur {
    font-size: 10px;
    font-weight: 400;
    float: inherit !important;
    display: contents;
}
.tutor-single-course-sidebar .tutor-card-body:has(.tutor-subscription-plans) {
    background-color: inherit !important;
    padding: 20px !important;
    position: relative;
    z-index:1;
}
.tutor-single-course-sidebar .tutor-card-body {
    position: relative;
    z-index:1;
}
.box_sub {
    display: block;
    overflow: hidden;
    position: relative;
    background: #fdf8ff;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ebe8f8;
    margin-bottom: 5px;
}
.tutor-color-black {
    font-weight: 800;
}
.tutor-color-subdued {
    font-size: 14px;
}
.tutor-subscription-discount-price {
    color: #ff0e56 !important;
}
.tutor-form-check-input.tutor-form-check-input {
    border: 2px solid #e5e7f2 !important;
}
.tutor-single-course-sidebar .tutor-subscription-plans .tutor-course-subscription-plan {
    border: none !important;
}
.tutor-alert-enrolled-reg {
    background: #fbf5ff !important;
    border: 1px solid #fbf5ff !important;
    color: #878C9F !important;
    padding: 15px 15px;
    border-radius: 6px;
    margin-top: 13px;
    margin-bottom: 13px;
    font-size: 14px;
}
.tutor-alert-enrolled-exp {
    background: #fbf5ff !important;
    border: 1px solid #fbf5ff !important;
    color: #878C9F !important;
    padding: 15px 15px;
    border-radius: 6px;
    margin-top: 13px;
    margin-bottom: 13px;
    font-size: 14px;
}
.tutor-course-language::before {
    content: "";
    -webkit-box-shadow: -8px 2px 10px 24px rgb(206 191 212);
    box-shadow: -8px 2px 10px 24px rgb(206 191 212);
    width: 25px;
    height: 25px;
    border-radius: 50px;
    position: absolute;
    top: 15px;
    left: 8px;
}
.tutor-meta-top {
    margin-bottom: 13px;
    font-size: 14px;
}
.tutor-course-language {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}
.enrolled-exp-date {
    font-size: 12px !important;
    align-items: center;
    display: flex;
}
.bx_tor {
    position: relative;
    overflow: auto;
}

/* START TUTOR */

.hero.highlight .textBlock .backgroundImage {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    background: var(--videoColor);
    opacity: 0.4;
}
.backgroundImage:before {
    position: absolute;
    z-index: 2;
    top: -0.1em;
    display: block;
    width: 100%;
    height: 101%;
    content: "";
    background-image: linear-gradient(0deg, #21004f 0, rgba(6, 25, 39, 0) 45%, rgba(6, 25, 39, 0) 55%, #21004f 100%), linear-gradient(90deg, #21004f 0, rgba(6, 25, 39, 0) 45%, rgba(6, 25, 39, 0) 55%, #21004f 100%);
}
.backgroundImage img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.hero.highlight .textBlock .overlayInfo {
    position: relative;
    z-index: 2;
    display: flex
;
    flex-direction: column;
    align-items: flex-start;
    color: #ffffff;
}
.hero.highlight .textBlock .overlayInfo .preTitle {
    font-size: 1.1em;
    opacity: 0.8;
    margin-bottom: 0.2em;
    line-height: 1;
    font-weight: 450;
}
.hero.highlight .textBlock .overlayInfo .title {
    display: flex;
    align-items: baseline;
    text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.3);
    font-size: 45px;
    font-weight: 800;
}
.hero.highlight .scoreBlock {
    width: 50%;
    max-width: 30em;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 3;
}
.scoreBlock {
    background: rgba(7, 38, 59, 0.75);
    padding: 1.5em;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 0.3em;
}
.hero.highlight.is-home {
    align-items: center;
}

.hero {
    position: relative;
    width: 100%;
    color: #ffffff;
}
.container_box {
    max-width: inherit !important;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.cardTiles .cards-type-exam {
    display: flex
;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 2em;
}
@media (max-width: 748px) {
  .cardTiles .cards-type-exam .card_tor {
    width: 50%;
  }
}
@media (min-height: 500px) and (min-width: 749px) and (max-width: 1100px) {
  .cardTiles .cards-type-exam .card_tor {
    width: 33.33333%;
  }
}
@media (min-width: 1101px) {
  .cardTiles .cards-type-exam .card_tor {
    width: 25%;
  }
}
@media (min-width: 1301px) {
  .cardTiles .cards-type-exam .card_tor {
    width: 20%;
  }
}

@media (max-width: 748px) {
  .cardTiles {
    padding: 0 0.5em;
  }
}
.card_tor {
    display: flex
;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.card_tor .cardTile {
    position: relative;
    display: flex
;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 0;
    border-radius: 0.7em;
    overflow: hidden;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.15);
    border: 0.15em solid transparent;
    transition: border 0.15s 
ease-in-out, box-shadow 0.15s 
ease-in-out;
}
.card_tor.status-failed .cardTile .image {
    opacity: 0.3;
}
.card_tor.status-failed .cardTile:hover .image {
    opacity: 1;
}
.card_tor .cardTile .image {
    width: 100%;
    height: 100%;
    background: #061927;
    opacity: 0.9;
    transition: all 0.15s 
ease-in-out 0s;
}
.card_tor .cardTile .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.card_tor.status-failed .cardTile .overlayInfo {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), linear-gradient(rgba(7, 38, 59, 0.1), rgba(7, 38, 59, 0.1)) !important;
}
.card .cardTile .overlayInfo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    color: #ffffff;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
}
    .card_tor .cardTile .overlayInfo {
        padding: 0.75em;
    }

.card_tor .cardTile .overlayInfo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex
;
    overflow: hidden;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    color: #ffffff;
    background-image: linear-gradient(to bottom, rgba(29, 0, 64, 0) 0%, rgba(29, 0, 64, 0.95) 100%);
    
}
.card_tor .cardTile .overlayInfo .top {
    position: absolute;
    top: 0;
    left: 0;
    display: flex
;
    align-items: flex-start;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: auto;
}
.card_tor .cardTile .overlayInfo .top .locked {
    margin-left: 2rem;
    color: #ffffff;
    display: none;
}
.card_tor .cardTile .overlayInfo .bottom {
    position: relative;
    display: flex
;
    margin-bottom: 0.5em;
    align-items: center;
    width: 100%;
}
.card_tor .cardTile .overlayInfo .bottom .description {
    position: relative;
    transition: all 0.15s 
ease-in-out 0s;
}
    .card_tor .cardTile .overlayInfo .bottom .description .title {
        font-size: 1.1em;
        font-weight: 800;
    }
    .card_tor.status-failed .cardTile .overlayInfo .historyLabel {
    display: flex !important
;
}
.card_tor .cardTile .overlayButton {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex
;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.15s 
ease-in-out 0s;
}
.card_tor .cardTile .overlayButton .button:not(.transparent) {
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.5);
}
.button.solid.yellow {
    background-color: #FFE100;
    color: #07263B;
    font-weight: 600;
}
.page-color {
    background-color: #21004f;
}
.tutor-accordion-item-body-content {
    border-top: 0px solid #e0e2ea !important;
}
.tutor-accordion-item {
    background-color: inherit !important;
    border: inherit !important;
    border-radius: inherit !important;
}
.tutor-accordion-item-header.is-active {
    color: #ffffff;
    background-color: inherit !important;
    border-radius: inherit !important;
}
.card_tor {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    /* color: #39465f; */
    word-wrap: break-word;
    border-radius: 12px;
    padding: 1px;
}
@media (max-width: 960px) {
    .cols .size-50 {
        width: 100% !important;
    }
    .cols {
        flex-direction: column;
        gap: 5vw;
    }
    .cols .col-padding {
        padding: 1.25em 1em !important;
    }
}
.cols .size-50 {
    width: calc(50% - 1.25vw);
    height: inherit;
}
    .cols .col-padding {
        padding: 2.5em;
    }
.cols .col-padding {
    overflow: hidden;
}
.cols .col-dark {
    border-radius: 1.3em;
    color: #ffffff;
    background: rgb(29 0 64 / 83%);
}
.cols .col-dark p {
    color: #fff;
}
.textFormatting {
    color: rgba(7, 38, 59, 0.85);
}
.cols {
    display: flex;
    width: 100%;
    gap: 2.45vw;
}
.textFormatting {
    color: rgba(7, 38, 59, 0.85);
}
.contentBlocks {
    position: relative;
    z-index: 1;
}
.examSettings {
    position: relative;
    padding: 1.5em;
    display: flex;
    justify-content: space-between;
    border-radius: 0.3em;
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    margin-bottom: 2.45vw;
}
.cols .col-white {
    border-radius: 1.3em;
    background: rgba(255, 255, 255, 0.9);
}
.examSettings .text h3 {
    color: #ffffff;
    margin-bottom: 0.2em;
    line-height: 1.1;
}
.examSettings .text small {
    display: flex
;
    align-items: center;
    font-size: 0.7em;
    line-height: 1.2;
    opacity: 0.5;
}
.textFormatting h2, .textFormatting h3, .textFormatting h4, .textFormatting h5 {
    color: #07263b;
}
ol.circleNumbers {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: counter;
}
ol.circleNumbers li {
    display: flex
;
    flex-wrap: wrap;
    counter-increment: counter;
    position: relative;
    margin-bottom: 1em !important;
    --size: 1.5em;
}
ol.circleNumbers li:before {
    display: flex
;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    background: #0072DB;
    color: #ffffff;
    font-size: 0.9em;
    font-weight: bold;
    border-radius: 50%;
    text-align: center;
    margin-right: 0.75em;
    content: counter(counter);
}
ol.circleNumbers li p {
    width: 100%;
    opacity: 0.7;
}
.hero.highlight .textBlock {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cols .col-dark h2, .cols .col-dark h3, .cols .col-dark h4, .cols .col-dark h5 {
    color: #ffffff;
}
.louck_ico {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    color: #fff;
}
.item-title {
    padding-right: 5vw !important;
    padding-left: 5vw !important;
}
/* END TUTOR */
.topic_txt {
    color: #fff;
    padding-bottom: 10px;
    font-size: 30px;
    font-weight: 800;
}
.gauge-score-wrapper {
  z-index: 3;
  padding: 40px 0;
  background: rgb(29 0 64 / 83%);
  border-radius: 20px;
}

.gauge-score-container {
  display: flex;
  justify-content: center;
  gap: 60px;
}

.gauge-card {
  position: relative;
  width: 160px;
  height: 160px;
  text-align: center;
}

.gauge-card canvas {
  width: 100%;
  height: 100%;
  display: block;
}

.gauge-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
}

.gauge-value {
  font-size: 2.2rem;
  font-weight: 700;
  font-family: "Work Sans Variable", sans-serif;
}

.gauge-title {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1rem;
  font-weight: 600;
  color: white;
}

.gauge-labels {
  position: absolute;
  bottom: 10px;
  width: 100%;
  font-size: 0.8rem;
  color: #b0bec5;
  display: flex;
  justify-content: space-between;
  padding: 0px 42px;
}
.hero.highlight .textBlock .overlayInfo .title.green {
    color: #1EA657;
    font-size: 3.5em;
}
.hero.highlight .textBlock .overlayInfo .title.red {
    color: #E5253C;
    font-size: 3.5em;
}
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
    background: #1d0040 !important;
    min-height: 80px !important;
    z-index: 9999;
}
.scorecolr{
            box-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
            padding: 1.5em;
            padding-bottom: 2.5em;
}
    .scorecolr > .preTitle {
        color: #FFE100;
        font-size: 0.8em;
        margin-bottom: 0.2em;
        font-weight: 500;
    }
    .scorecolr > .title {
    line-height: 2.2;
    margin-bottom: 0.2em;
    color: #ffffff;
    font-weight: 600;
}
.scorecolr > p {
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 0.5em;
}
.button.solid.lightblue {
    background-color: #0072db;
    margin-top: 15px;
    color: #ffffff;
    font-size: 1.2em !important;
    font-weight: 500;
    border-radius: 0.3em;
    padding: 0.9em;
    align-items: flex-start;
}
.button.solid.lightblue:hover {
    background-color: #2496ff;
}
.hero.highlight .textBlock .overlayInfo .buttonWrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5em;
}
.hero.highlight .textBlock .overlayInfo .preTitle {
    font-weight: 600;
    font-size: 1.6em;
}
.title_top {
    top: 5px;
    position: relative;
}
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-footer {
    background-color: #1d0040 !important;
}
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header .tutor-iconic-btn:hover {
    color: #fff;
    background-color: #4eb7fe;
}
[class^=tutor-icon-], [class*=\ tutor-icon-] {
    font-weight: 800;
}
.atx {
    color: #fff;
}
.atx:hover {
    color: #4eb7fe;
}
.bt-pad {
    margin-right: 10px;
}
.hero.highlight .textBlock .overlayInfo .history .historyLabel {
    margin-right: 0.5em;
}
.historyLabel.medium {
    font-size: 1.5em;
}
.historyLabel {
    display: inline-flex;
    align-items: center;
}
.historyLabel .icon.failed {
    background: #E5253C;
}
.historyLabel .icon:not(:last-child) {
    width: 1.3em;
    height: 1.3em;
}
.historyLabel .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    border: 0.1em solid #fff;
}
.historyLabel .icon.passed {
    background: #1EA657;
}
.historyLabel .icon:not(:first-child) {
    margin-left: -0.8em;
    box-shadow: -0.2em 0 0.2em rgba(0, 0, 0, 0.3);
}
.historyLabel .icon-thumbsup {
    font-size: 16px;
}
.hero.highlight .textBlock .overlayInfo .history {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1em;
}
.tooltip_i {
  display: inline-flex;
}

.tooltip_i-icon {
  background: rgba(255, 255, 255, 0.15);
    color: #ece6f3;
    border-radius: 50%;
    font-size: 8px;
    font-weight: 800;
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
    position: absolute;
    right: -20px;
}

.tooltip_i:hover .tooltip_i-icon {
  background: #0072db;
}

.tooltip_i-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: -115%;
  left: 70%;
  font-size: 12px;
  z-index: 10;
  background: rgba(255, 255, 255, 0.9);
    color: rgba(7, 38, 59, 0.8);
    line-height: 1.2;
    text-align: center;
    border-radius: 0.3em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.5em 0.5em 0.5em;
    box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.2);
    width: 100vw;
    max-width: 12em;
    transform: translate(-50%, 1rem) scale(1);
    transition: all 0.15s ease-in-out 0s;
    font-weight: 500;
}

.tooltip_i:hover .tooltip_i-text {
  visibility: visible;
  opacity: 1;
}
.theorie-quiz-tabBar {
  display: flex;
  gap: 10px;
  margin-bottom: 30px;
  justify-content: center;
}

.theorie-quiz-tabBar button {
  background: #f8f8f8;
  border: none;
  border-radius: 8px;
  padding: 10px 20px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.theorie-quiz-tabBar button.is-active {
  background: #002d5b;
  color: #fff;
}

.theorie-quiz-tabBar button.red.is-active {
  background: #e5253c;
}

.theorie-quiz-tabBar button.green.is-active {
  background: #6EC531;
}

.theorie-quiz-tabBar .quantity {
  background: rgba(255,255,255,0.2);
  border-radius: 6px;
  padding: 2px 8px;
  margin-left: 8px;
}

.theorie-quiz-result {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
    padding-bottom: 40px;
}

.theorie-quiz-result.correct {
  border-left: 6px solid #6EC531;
    padding: 3em 2em 2em;
}

.theorie-quiz-result.fault {
  border-left: 6px solid #e5253c;
}

.theorie-quiz-image {
        width: 30%;
padding: 20px 25px;
}
.theorie-quiz-image img {
        border-radius: 0.3em;
    transition: all 0.15s 
ease-in-out 0s;
  width: 100%;
  height: auto;
  display: block;
}

.theorie-quiz-info {
  flex: 1 1 60%;
  padding: 20px 25px;
}

.theorie-quiz-info .metadata {
  font-size: 14px;
  color: #777;
  margin-bottom: 8px;
}

.theorie-quiz-info .question {
  font-size: 18px;
  font-weight: 700;
  color: #1c2b45;
  margin-bottom: 16px;
}

.theorie-quiz-info .answers {
  margin-bottom: 15px;
}

.theorie-quiz-info .answers .label {
  font-weight: 600;
  color: #444;
  margin-bottom: 4px;
}

.theorie-quiz-info .answers .value {
  background: #f7f7f7;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 15px;
}

.theorie-quiz-info .description p {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(7, 38, 59, 0.85);
  font-weight: normal;
}

.theorie-quiz-result.correct .theorie-quiz-info strong,
.theorie-quiz-result.correct .theorie-quiz-info .value {
  color: #6EC531;
}

.theorie-quiz-result.fault .theorie-quiz-info strong,
.theorie-quiz-result.fault .theorie-quiz-info .value {
  color: #e5253c;
}

@media (max-width: 768px) {
  .theorie-quiz-result {
    flex-direction: column;
  }
  .theorie-quiz-image {
    flex: 1 1 100%;
  }
  .theorie-quiz-info {
    flex: 1 1 100%;
  }
}
.theorie-quiz-results-list {
    background: #fff;
    border-radius: 0 0 0.3em 0.3em;
}
.theorie-icon-correct {
  color: #1EA657; /* سبز */
  font-size: 20px;
}

.theorie-icon-fault {
  color: #e5253c; /* قرمز */
  font-size: 20px;
}
.correct-answer-wrap .fault {
    color: #e5253c;
    font-weight: 800;
}
.correct-answer-wrap .correct {
    color: #1EA657;
    font-weight: 800;
}
.option-item .fault {
    color: #e5253c;
    margin-left: 0.5em;
    font-size: 0.8em;
    font-weight: 500;
}
.option-item {
    margin-left: 10px;
}
.allAnswers {
    margin-top: 1.5em;
}
.allAnswers .correct {
    font-weight: 800;
}
.correct-icon {color: #1EA657;}
.option-icon { color: #d7d3ee; }
.antcol {color: rgba(7, 38, 59, 0.85); opacity: 0.5;}
.tag-correct {
    color: #1EA657;
    margin-left: 0.5em;
    font-size: 0.8em;
    font-weight: 500;
}
.z-desk {
    z-index:1;
    margin-top: 60px;
    margin-bottom: 60px;
}
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-quiz-wrapper {
    padding: inherit !important;
}
.resultsBlock {
    margin-right: 5vw;
    margin-left: 5vw;
}
.resultsBlock .tabBar {
    display: flex
;
    align-items: flex-end;
    width: 100%;
    margin-bottom: -0.1em;
}
.resultsBlock .tabBar button:not(:last-child) {
    border-right: 0.05em solid rgba(7, 38, 59, 0.1);
}
.resultsBlock .tabBar button:first-child {
    border-top-left-radius: 0.3em;
}
.resultsBlock .tabBar button:last-child {
    border-top-right-radius: 0.3em;
}
.resultsBlock .tabBar button.is-active {
    background: #fff !important;
    padding-top: 1.8em;
    border-radius: 0.3em 0.3em 0 0;
    border: 0;
}
.resultsBlock .tabBar button {
    font-size: 1.3em;
    padding: 1.5em 1.5em 1.5em;
    font-weight: 800 !important;
}
.resultsBlock .tabBar button {
    position: relative;
    display: inline-flex
;
    justify-content: space-between;
    align-items: center;
    vertical-align: bottom;
    flex: 0 0 auto;
    margin: 0;
    border: none;
    text-decoration: none;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    display: flex
;
    align-items: flex-end;
    justify-content: center;
    flex-grow: 1;
    background: #ECEEEE;
    text-align: center;
    line-height: 1;
    width: 33.3333333333%;
    font-weight: 600;
}
.resultsBlock .tabBar button .quantity {
    display: flex
;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 3em;
    background: currentColor;
    line-height: 0.7;
    font-size: 0.6em;
    padding: 0.5em;
    margin-left: 0.75em;
    font-weight: 700;
}
.resultsBlock .tabBar button.red {
    color: #E5253C;
}
.resultsBlock .tabBar button.green {
    color: #1EA657;
}
.resultsBlock .tabBar button .title {
    display: none;
}
.resultsBlock .tabBar button .quantity span {
    color: #ffffff;
    margin-top: -0.05em;
    font-family: Poppins, sans-serif;
    font-size: 1em;
}
.resultsBlock .tabBar button:hover {
    background: rgb(229.2708333333, 231.9791666667, 231.9791666667);
}
@media (max-width: 748px) {
  .resultsBlock .tabBar button .title.short {
    display: block;
  }
}
@media (min-height: 500px) and (min-width: 749px) {
  .resultsBlock .tabBar button .title.long {
    display: block;
  }
}
.quiz-img-large-wrapper {
    position: relative; /* یا absolute اگر می‌خواهید روی همه چیز بیاید */
    z-index: 999;
    margin-top: 10px;
}
.quiz-img-large-wrapper img {
    width: 870px;
    border-radius: 0.3em;
    transition: all 0.15s 
ease-in-out 0s;
}
.expandButton {
    position: absolute;
    z-index: 2;
    top: 30px;
    right: 2.5em;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 5px;
}
.button.solid.darkblue {
    background-color: #07263B;
    color: #fff;
}
.gauge-center .text {
    font-family: "Work Sans Variable";
    font-weight: 400;
    opacity: 0.4;
    letter-spacing: -0.05em;
    color: #fff;
    line-height: 1.2;
}
.matching-quiz-question-desc img {
    max-width: 100%;
    height: auto;
    border-radius: 0.3em;
}
.bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 999;
    width: 100%;
    background-color: #1d0040;
    color: white;
    padding: 0px 0px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    direction: rtl;
}
.quiz-textmain {
    display: none;
    color: #fff;
}
.quiz-textmain.active-lang {
    display: block;
}
.bottom-bar button {
    background-color: #1d0040;
    color: #fff;
    border: none;
    padding: 15px 30px;
    border-radius: 0;
}
.tutor-quiz-answer-previous-btn:hover {
    color: #4eb7fe;
}
.tutor-quiz-answer-next-btn:hover {
    color: #4eb7fe;
}
.lang-quiz.active-lang-btn {
    background: #027bff !important;
    color: #000 !important;
}
.lang-quiz {
    font-size: 22px;
    color: #fff;
    padding: 0px 10px;
    margin: 0 0px;
    cursor: pointer;
    color: #000 !important;
    transition: all 0.2s 
ease;
    height: 32px;
}
.lang-quiz:hover {
    background: #71b5ff !important;
}
.langswitch {
    background: #1d0040;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    display: flex;
}
.language-switcher {
    display: flex;
    justify-content: center;
}
.tutor-color-secondary {
    color: #a5aabf !important;
}
.tutor-quiz-answer-single-info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    margin-top: 0 !important;
    vertical-align: middle;
    line-height: 50%;
}
.tutor-quiz-answer-single {
    position: relative;
}
.tutor-py-12 {
    padding: 1.25em 1em !important;
}
.answer-circle {
    display: inline-flex;
    font-family: "Work Sans Variable";
    font-size: 1.6em;
    justify-content: center;
    align-items: center;
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #007bff; /* دایره آبی */
    color: white; /* متن سفید داخل دایره */
    font-weight: bold;
    margin-right: 8px;
    transition: all 0.3s;
    z-index: 3;
}

.tutor-quiz-answer-single {
    border: 2px solid transparent;
    border-radius: 8px;
    transition: all 0.3s;
    cursor: pointer;
    background: #fff;
}

.tutor-quiz-answer-single.selected {
    background-color: #007bff;
    color: white; 
}

.tutor-quiz-answer-single.selected .answer-circle {
    background-color: white; 
    color: #007bff;
}
.tutor-card:not(.tutor-no-border) {
    border: none !important;
}
.tutor-card {
    background-color: inherit !important;
}
.hidinput {
    display: none !important;
}
.attempt-number {
    color: #0072DB;
    font-size: 0.7em;
    font-weight: 900;
}
.slash_quiz {font-size:12px;}
#tutor-quiz-attempt-questions-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media (max-width: 768px) {
    #tutor-quiz-attempt-questions-wrap {
        padding: 10px;
    }

    .quiz-question {
        font-size: 14px;
    }
}
.quiz-attempt-single-question {
    overflow: hidden;
}

.quiz-textmain,
.matching-quiz-question-desc,
.quiz-question {
    overflow: hidden;
}
@media (min-height: 500px) and (min-width: 749px) {
  .quiz_textmain_title {
    padding-right: 4em;
    padding-bottom: 0.75em;
    font-size: .89em;
  }
}
.tutor-align-center {
    position: relative;
}
.tutor-subscription-header .tutor-color-black {
    padding-left: 30px !important;
    color: #fff !important;
}

.tutor-course-subscription-plan:first-of-type {
    border-bottom: 1px solid #1b3f5d;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
/* ===== Desktop default (>=1024px) ===== */
.gauge-score-container {
  display: flex;
  justify-content: center;
  gap: 50px;
  flex-wrap: nowrap;
}

.gauge-card {
  width: 160px;
  height: 160px;
}

.gauge-value {
  font-size: 2.2rem;
}

.gauge-center .text {
  font-size: 0.9rem;
}

.gauge-title {
  font-size: 1rem;
  margin-top: 4px;
}

/* ===== Tablet (max-width: 1024px) ===== */
@media (max-width: 1024px) {
  .gauge-score-container {
    gap: 35px;
  }

  .gauge-card {
    width: 140px;
    height: 140px;
  }

  .gauge-value {
    font-size: 1.7rem;
  }

  .gauge-center .text {
    font-size: 0.8rem;
  }

  .gauge-title {
    font-size: 0.9rem;
  }
}

/* ===== Mobile horizontal scroll (max-width: 768px) ===== */
@media (max-width: 768px) {

  .gauge-score-container {
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch;
    gap: 20px;
    padding-bottom: 10px;
    justify-content: center;
  }

  .gauge-score-container::-webkit-scrollbar {
    display: none;
  }

  .gauge-card {
    flex: 0 0 100px !important;
    width: 100px !important;
    height: 100px !important;
  }

  .gauge-value {
    font-size: 1.5rem;
  }

  .gauge-center .text {
    font-size: 0.7rem;
  }

  .gauge-title {
    font-size: 0.75rem;
  }
.hero.highlight .textBlock {
    display: block !important;
}
.scorecolr {
    box-shadow: inherit;
    padding: inherit;
    padding-bottom: inherit;
    position: relative;
}
.gauge-score-wrapper {
    z-index: 3;
    padding: 40px 0;
    background: none;
    border-radius: inherit;
}
}

@media (max-width: 748px) {
  .hero.highlight.is-home .textBlock .backgroundImage {
    height: 80%;
  }
}
@media (min-width: 749px) {
  .hero.highlight.is-home .textBlock .backgroundImage {
    width: 75%;
    height: calc(100% + 5em);
  }
}

@media (max-width: 748px) {
  .hero.highlight .scoreBlock {
    width: 100%;
    margin-bottom: 1.5em;
  }
}
@media (min-height: 500px) and (min-width: 749px) and (max-width: 960px) {
  .hero.highlight .scoreBlock {
    width: 50%;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 961px) and (max-width: 1100px) {
  .hero.highlight .scoreBlock {
    width: 50%;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 1101px) {
  .hero.highlight .scoreBlock {
    width: 50%;
    max-width: 30em;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
  }
}
@media (max-width: 748px) {
  .hero.highlight.is-home .textBlock {
    margin-bottom: 2em;
  }
}
.hero.highlight {
    display: flex;
    align-items: flex-start;
    padding-top: 6em;
    justify-content: space-between;
}
@media (max-width: 748px) {
  .hero.highlight.is-home .textBlock .backgroundImage {
    height: 80%;
  }
 .hero.highlight {
    display: flex;
    align-items: flex-start;
    padding-top: 3em;
    justify-content: space-between;
}
}
@media (max-width: 748px) {
  .hero.highlight .textBlock {
    width: 100%;
  }
}
@media (min-height: 500px) and (min-width: 749px) {
  .hero.highlight .textBlock {
    width: 50%;
    padding-right: 2vw;
  }
}
@media (max-width: 748px) {
  .hero.highlight {
    flex-direction: column;
    align-items: flex-start;
  }
}
.hero.highlight .textBlock .backgroundImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 748px) {
  .hero.highlight .textBlock .backgroundImage img {
    -o-object-position: top;
       object-position: top;
  }
 .gauge-labels {
    position: absolute;
    bottom: 2px;
    width: 100%;
    font-size: 0.6rem;
    color: #b0bec5;
    display: flex;
    justify-content: space-between;
    padding: 0px 30px;
}
}
/* ===== Very small phones (max-width: 420px) ===== */
@media (max-width: 420px) {
  .gauge-card {
    flex: 0 0 106px !important;
    width: 106px !important;
    height: 106px !important;
  }

  .gauge-value {
    font-size: 1.25rem;
  }

  .gauge-center .text {
    font-size: 0.63rem;
  }

  .gauge-title {
    font-size: 0.7rem;
  }
  .hero.highlight .textBlock {
    display: block !important;
}
}
.examen-block-box {
    background: rgb(29 0 64 / 83%);
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    margin-bottom: 20px;
    z-index: 999;
    position: relative;
}
.hero.highlight .textBlock .overlayInfo .title {
    display: flex;
    align-items: baseline;
    margin-bottom: 0.25em;
    text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.3);
}
.txt-red {
    color: #e5253c;
}
.txt-green {
    color: #1EA657;
}
.button-green {
    background-color: #1EA657;
color: #ffffff;
    border-radius: 0.3em;
    padding: 0.9em;
    align-items: flex-start;
    font-size: 1em !important;
    display: inline-flex
;
    justify-content: space-between;
    vertical-align: bottom;
    flex: 0 0 auto;
    margin: 0;
    border: none;
    text-decoration: none;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    position: relative;
    line-height: 1.1 !important;
    max-width: 100%;
    text-align: left;
    font-weight: 550;
    transition: all 0.15s 
ease-in-out 0s;
}
.tutor-mb-top-32 {
    margin-top:40px;
}
.tutor-progress-bar {
    background: #1c2b45 !important;
    height: 10px !important;
}
.tutor-progress-value { 
    background-color: #1887ed !important;
    -webkit-animation: progress-bar-stripes 2s 
    linear infinite !important;
    animation: progress-bar-stripes 2s 
    linear infinite !important;
    background-image: -webkit-linear-gradient(135deg, #0171d9 25%, transparent 25%, transparent 50%, #0171d9 50%, #0171d9 75%, transparent 75%, transparent) !important;
    background-image: linear-gradient(135deg, #0171d9 25%, transparent 25%, transparent 50%, #0171d9 50%, #0171d9 75%, transparent 75%, transparent) !important;
    background-size: 40px 40px !important;
    height: 10px !important;
    border-radius: 10px 0 0 10px !important;
}
.txt-progress {
    display: flex;
    justify-content: flex-end !important;
    font-size: 12px;
    color: #0072db;
}
.map-main {
    background-color: #120043;
    opacity: 0.76;
}
.language-flags .flag-item {
    display: inline-block;
    font-size: 20px;
    margin-right: 6px;
}
.elementor-shape-bottom {
    z-index: 99;
}
.main-search-input-tabs.ltypes-count-1 {
  margin-bottom: 60px;
}
.fw-map.big_map {
  height: 800px;
}
.single-facts_2 .inline-facts-wrap .num, .bold-facts .inline-facts-wrap .num {
    color: #4eb7fe;
}
.single-facts_2 .inline-facts-wrap h6, .bold-facts .inline-facts-wrap h6 {
    color: #566985;
}
.single-head-bot-right {
    margin-left: 20px !important;
    margin-right: 5px !important;
}
.llogo-img {
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
    object-fit: contain; /* تناسب کامل تصویر */
}
.only-icons {
    padding-right:10px;
}
.list-single-header-item h1 {
  padding-bottom: 0 !important;
}
.lsingle-block-headinfos {
    padding: 0 10px 0 !important;
}
.report_cbr {
    color: #00BE18;
    font-size: 12px;
}
.scorebox {
    background: none !important;
}
.languageflags {
  max-width: calc(4 * 2em);
    display: flex;
  flex-wrap: wrap; /* 👈 اجازه می‌دهد بعد از هر ۵ تا بره خط بعد */
  gap: 6px;
}

.languageflags .flagitem {
  font-size: 22px;
  line-height: 1;
}
.rate_txt {
    font-family: Poppins, sans-serif;
    font-weight: 900;
}
.pr_cbr i {
    font-size: 22px;
    color: #4cb7fe;
}
a:hover .pr_cbr i {
    color: #fff;
}
.whatsapp_bx {
    display: flex;
    height: inherit;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.gauge-value-nu {
    color: #4cb7fe;
    font-size: 2.2rem;
    font-weight: 700;
    font-family: "Work Sans Variable", sans-serif;
}
.gauge-center .text-nu {
    font-family: "Work Sans Variable";
    font-weight: 400;
    opacity: 0.4;
    letter-spacing: -0.05em;
    color: #23254e;
    line-height: 1.2;
}
.dashboard-title:before {
    left: 0 !important;
    top: 100% !important;
}
.listing-radio_wrap input[type="radio"] {
	top: 2px !important;
}
.csl-multi-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: hsl(223.64deg 91.67% 95.29%);
    border: 1px solid #dde3f5;
    border-radius: 2px;
    margin: 2px;
    min-width: 0;
    height: 30px;
    align-content: center;
}
.css-19bb58m input {
    background: none !important;
    border: none !important;
    position: relative;
    top: 5px;  
}
.submit-field-headermedia {
    display: none;
}
.process-item > h4 {
    text-align: left !important;
    font-size: 16px !important;
}
.marker-holder img {
    background: #fbf6fd;
}
.quiz_back {
    position: relative;
    padding: 5px 15px 5px 15px;
    font-weight: 400;
    font-size: 0.845em;
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important;
    color: #fff !important;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    background: #3e64de !important;
    margin: 0 35px;
    text-align: center;
}
.nice-select .list .parent-option {
    font-weight: bold !important;
}
.search_ico:before {
    content: "\f1ab";
}
.search_loc_ico:before {
    content: "\f3c5";
}
.azp-element-azp-8mx4i6jqrj .search_loc_ico .current {
    color: #7d93b2 !important;
}
.azp-element-azp-8mx4i6jqrj .search_loc_ico {
    border: 1px solid #f1f0ff !important;
}
.azp-element-azp-8mx4i6jqrj .search_loc_ico {
    border: 1px solid #f1f0ff !important;
}
.azp-element-azp-8mx4i6jqrj:hover .search_loc_ico {
    border: 1px solid #f1f0ff !important;
}
.contact_loc {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}
.contact_loca {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
}
.hidden-search-column {
    background: #1d0040 !important;
}
.price-desc ul li {
    text-align: left !important;
    padding: 20px !important;
    margin-bottom: inherit !important;
}
.price-desc p {
    padding-bottom: 0 !important;
}
.price-d {
    display: flex !important;
    align-items: center;
}
.ch-veryfiy {
    color: #0095f6;
    padding-left: 5px;
    font-size: 16px;
}
.ch-veryfiy-premium {
    color: #0fcc45;
    padding-left: 5px;
    font-size: 16px;
}
.ch-award-premium i {
    color: #0fcc45 !important;
}
.ch-green {
    color: #2a9b00;
    font-size: 18px;
    padding-right: 10px;
}
.ch-red {
    color: #dc3545;
    font-size: 18px;
    padding-right: 10px;
}
.ch-yellow {
    color: #f4c22b;
    padding-left: 5px;
    font-size: 16px;
}
.chyellow i{
    color: #f4c22b;
}
.purp-gradient-bg {
    background-color: #1d0040;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1d0040), to(#320f63));
    background: -webkit-linear-gradient(top, #1d0040, #320f63);
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.pricing-item-subtitle {
    color: #fff !important;
    margin-top: 10px !important;
    font-weight: 400 !important;
    text-align: left !important;
    line-height: 1.6 !important;
}
.price-head h3 {
    color: #fff !important;
    border: 2px solid #4cb7fe !important;
    background: #4cb7fe !important;
}
.map-item i {
    color: #81789a !important;
}
.map-item:hover i {
    color: #4cb7fe !important;
}
.best-price {
    top: -23px !important;
}
.price-decimal-me {
    font-size: 50%;
    opacity: 0.6;
    margin-left: 2px;
}
.price-link {
    padding: 12px 55px 12px 25px !important;
    font-weight: 600;
}
.price-link:before {
    content: inherit !important;
}
.year-mont .year-sale {
    opacity: 1 !important;
    top: 160px !important;
    right: 0 !important;
    background: #ff0056 !important;
    color: #fff !important;
    height: 35px;
    line-height: 35px;
    font-size: 20px !important;
    border-bottom-left-radius: 10px !important;
    border-top-left-radius: 10px !important;
}
.month-period-text {
    font-weight: 600;
}
.focus-visible span {
    font-size: 14px;
    font-weight: 700;
}
.focus-visible summary{
    border-top: 1px solid #07263b1a;
    padding-top: 20px;
    padding-bottom: 20px;
}
summary {
    list-style: none;
}

summary::-webkit-details-marker {
    display: none;
}
summary.title {
    position: relative;
    cursor: pointer;
    padding-left: 20px;
}
.focus-visible .description {
    padding-bottom: 10px;
}
summary.title::before {
    font-family: Font Awesome\ 6 Pro !important;
    content: '\f354'; 
    color: #4cb7fe;
    font-size: 18px;
    font-weight: 800;
    position: absolute;
    left: 0;
    top: 15px;
    transition: transform .3s ease;
}
details[open] summary.title::before {
    transform: rotate(-90deg);
}
.small-faq {
    margin-bottom: 20px;
}
.small-head {
    margin-top: 40px;
    margin-bottom: 40px;
}
.small-p p {
    font-size: 18px;
}

.small-p {
    margin-bottom: 40px;
}
.active .homegapbadgecheck {
    color: #fff;
}
.homegapbadgecheck {
    color:#0fcc45;
}
.active .fa-award {
    color: #fff !important;
}
.bdt-ep-circle-info-sub-circle .fa-award {
    color: #0fcc45;
}
.bdt-ep-circle-info-sub-circle svg {
    color: #f4c22b;
}
.bdt-ep-circle-info-sub-circle:hover svg {
    color: #fff;
}
.bdt-ep-circle-info-sub-circle.active svg {
    color: #fff !important;
}
.cannot-buy-plan-again {
    padding: 15px 0 15px !important;
    color: #7d93b2 !important;
    font-weight: 400 !important;
    text-align: left !important;
}
.color_txt {
    font-size: 9px !important;
    color: #4eb7fe !important;
}
.ezd_search_banner {
    background: linear-gradient(45deg, #7bcaff 10%, #4eb7fe 40%, #1d0040 40%, #21004f 60%, #7bcaff 60%, #4eb7fe 65%, #21004f 65%, #1d0040 90%) !important;
}
.ezd_search_form .input-wrapper input {
    background: rgb(255 255 255) !important;
}
#ezd-search-results .search-result-item:hover {
    border-radius: 10px !important;
}
.filter_form input, .filter_form input[type=search] {
    background: #fff !important;
}
.fadeGradient {
    background: -webkit-linear-gradient(bottom, rgb(255 255 255) 15%, rgba(29, 0, 64, 0) 100%) !important;
}
.azp-element-azp-8okvdkkj9gt .current, .azp-element-azp-861duk1t6gl .multiple-options, .azp-element-azp-r6nsnav0cxl .current {
    color: #fff !important;
}
.nice-select:hover {
    border-color: #330e60 !important;
}
.list-filter-head-wrapper .nice-select {
    border: 1px solid #eaf4ff !important;
    background: #eaf4ff !important;
}
.ezd-breadcrumb {
    background: #d6eaff !important;
}
.mapzoom-in, .mapzoom-out {
    background: #21004f !important;
}
.mapzoom-in:hover, .mapzoom-out:hover {
    background: #4DB7FE !important;
    color: #fff !important;
}
@media (min-width: 992px) {
    .listings-grid-wrap.four-cols .listing-item {
        width: 33.3333333333%;
    }
}
.titlecard::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #09a9f5;
    border-radius: 10px 0 0px 10px;
    width: 25px;
    z-index: 1;
}
.titlecard::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 100%;
    background: #09a9f5;
    border-radius: 0 10px 10px 0;
    z-index: 1;
}
.tutor-checkout-payment-item input[type="radio"] {
    position:  inherit !important;
}
.tutor-checkout-details-inner .tutor-color-black, .tutor-checkout-billing-inner .tutor-color-black {
    color: inherit !important;
}
.checkout-l {
    background: #eaf4ff;
    padding-top: inherit !important;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.checkout-r {
    background: #fff;
    padding-top: inherit !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.ck-login {
    background: #eaf4ff;
    border-color: #eaf4ff !important;
}
.ck-login p {
    font-weight: 700;
}
.tutor-btn-secondary {
    background-color: #4eb7fe !important;
    color: #fff !important;
}
.tutor-checkout-page .tutor-checkout-details .tutor-checkout-details-inner {
    background-color: inherit !important;
}
.tutor-checkout-page .tutor-checkout-discount-price {
    text-decoration: inherit !important;
}
.tutor-checkout-discount-price:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 20%;
    height: 1px;
    background: #f50a37;
    transform: rotate(-15deg);
    transform-origin: center;
    opacity: .5;
}
.tutor-color-black {
    padding-left: 0 !important;
}
.tutor-checkout-page .tutor-checkout-detail-item:not(:last-child) {
    border-bottom: 1px solid #d8e4f1 !important;
}
.tutor-checkout-page .tutor-checkout-detail-item.tutor-checkout-summary {
    border-bottom: none !important;
}
.tutor-border-bottom {
    border-bottom: 1px solid #d8e4f1 !important;
}
.tutor-fw-medium {
    font-weight: 700 !important;
}
.tutor-checkout-page .tutor-checkout-course-plan-badge {
    color: #fff !important;
    background-color: #4eb7fe !important;
    border-radius: 5px !important;
}
.tutor-checkout-page .tutor-apply-coupon-form {
    border: 1px solid #d7e4f1 !important;
}
.logo-checkout {
    position: relative;
}
.tutor-checkout-billing {
    padding: 24px 24px 12px !important;
}
.logo-ck {
    position: absolute;
    top: -20px;
    right: 0;
}
.back-ck {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    font-weight: 600;
}
.center-ck {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tutor-checkout-billing .tutor-billing-fields .tutor-col-12:first-of-type .tutor-form-control, .tutor-checkout-billing .tutor-billing-fields .tutor-col-12:not(:last-of-type) .tutor-form-control {
    border-radius: 5px !important;
    border: 1px solid #f1f0ff !important;
    background: #fbfaff !important;
}
.tutor-alert {
    grid-gap: 0 !important;
    border: 1px solid rgb(255 229 236) !important;
    background: #ffe5ec !important;
    border-radius: 5px !important;
    margin-bottom: 0 !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    display: grid;
}
.tutor-checkout-payment-options .tutor-checkout-payment-item.active {
    background-color: #eaf4ff !important;
    box-shadow: 0 0 0 1px #eaf4ff !important;
}
.font-subdued {
    font-size: 12px !important;
}
.tutor-form-check label {
    display: flex !important;
    align-items: center;
}
.tutor-form-check-input.tutor-form-check-input {
    width: 20px !important;
    height: 20px !important;
}
.tutor-btn-secondary:hover {
    background-color: #3e64de !important;
}
.theorie-quiz-info .quiz-textmain, .tutor-align-center .quiz-textmain {
    color: #1c2b45 !important;
}
#tutor-single-entry-content .language-switcher {
    position: sticky;
    top: 0;              /* دقیقا می‌چسبه زیر هدر اصلی سایت */
    z-index: 100;
}
.tutor-site-wrap {
    height: 100vh;
    background: #21004f;
}
@media (max-width: 768px) {
    .tutor-quiz-answer-single:last-of-type {
        /* استایل دلخواهت اینجا */
        margin-bottom: 70px;
    }
}
.tik-price {
    display: inline-flex;
    align-items: flex-start;
    font-weight: 700;
    font-size: 22px;
    color: #3e64de;
}

.tik-price-int {
    font-size: 1em;
    line-height: 1;
}

.tik-price-dec {
    font-size: 0.6em;     /* کوچیک‌تر */
    line-height: 1;
    margin-top: -0.2em;   /* ببرش یه کم بالاتر */
    margin-left: 1px;
}

.tik-price-currency {
    font-size: 0.7em;
    margin-right: 3px;
}
@media (max-width: 575.98px) {
    .tutor-checkout-page .tutor-checkout-detail-item {
        padding: 24px 0 !important;
    }
}
.small-txt {
    font-size: 11px;
    color: rgba(7, 38, 59, 0.85);
}
.listing-rating-count-wrap.single-ck-count {
    padding: 6px 6px 6px 8px;
    border-radius: 70px;
    background: #fff;
    min-width: 250px;
    position: relative;
}
.listing-rating-count-wrap.single-ck-count .reviews-count {
    color: #212327 !important;
}
.listing-rating-count-wrap.single-ck-count .review-score {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #fff !important;
    padding: 0;
    font-size: 18px;
    border-radius: 100%;
    text-align: center;
}
.box-ck-author-title-img img {
    -webkit-box-shadow: 0 0 0 10px rgb(234 244 255) !important;
    box-shadow: 0 0 0 10px rgb(234 244 255) !important;
    width: 68px !important;
    height: 68px !important;
    border-radius: 100% !important;
    object-fit: contain;
}
.tutor-checkout-ck-inner {
    padding: 24px 24px 12px;
}
.tutor-checkout-page .tutor-checkout-coupon-badge {
    color: #fff !important;
    background-color: #fe4e70 !important;
}
.tutor-checkout-page .tutor-checkout-coupon-badge button {
    color: #fe4e70 !important;
    background-color: #fff !important;
    border-radius: 50% !important;
    padding: 3px !important;
    font-size: 12px !important;
    transition: all 0.2s ease; /* نرم‌تر شدن افکت */
}
.tutor-checkout-ck-inner a:hover .partner-tik {
    color: #212327 !important;
}
.tutor-checkout-page .tutor-checkout-coupon-badge button:hover {
    color: #fe4e70 !important;
    background-color: #ffe900 !important;
    transform: scale(1.05); /* یه کوچولو بزرگ‌تر شه، اختیاری */
}
.tutor-checkout-page .tutor-checkout-coupon-badge.tutor-has-delete-button {
    font-size: 16px !important;
}
.partner-tik {
    font-size: 12px !important;
}
@media (max-width: 575.98px) {

    /* سکشن checkout: تمام قد، بدون padding اضافی، و بدون وسط‌چین عمودی */
    body.page-id-17464 .tutor-checkout-page.center-ck {
        height: 100%;
        min-height: 100%;
        padding: 0 !important;        /* override padding:40px 0 */
        display: flex;
        justify-content: center;      /* افقی وسط بماند */
        align-items: stretch;         /* عمودی کاملاً بکِشد، نه وسط */
    }
    
    /* کانتینر داخلی را هم بکش تا ۱۰۰٪ ارتفاع */
    body.page-id-17464 .tutor-checkout-page.center-ck > .tutor-container {
        flex: 1 1 auto;
        display: flex;
    }
    
    /* خود کارت checkout (آبی/سفید) تا ته صفحه کشیده شود */
    body.page-id-17464 .tutor-checkout-container {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
    }
    .center-ck {
        background: #fff;
    }
    .checkout-l {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .checkout-r {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}
.tutor-btn-ghost {
    font-size: 12px !important;
}
@media (max-width: 575.98px) {
    .tutor-modal .tutor-btn:not(.tutor-is-icon-btn) {
        width: 100% !important;
        max-width: inherit !important;
    }
}
@media only screen and (max-width: 768px) {
    .list-single-status {
        padding-top: 0 !important;
    }
}
@media (max-width: 575.98px) {
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .lsingle-tickets {
        display: flex !important;
        flex-direction: column !important;
    }
    .vehicle-type-buttons {
        flex-wrap: wrap;
    }
}
.hide-field-av {
    display: none !important;
}
.submit-field-tickets .bttposcol:not(:last-child) {
    border-bottom: 1px solid #dbe0e4;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.small-txt {
    font-size: 10px !important;
    color: #4eb7fe !important;
    font-weight: 600;
}
.price-field {
    position: relative;
}

.price-field .currency {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #4cb7fe !important;
}

.submit-field .price-field input {
    margin-bottom: 0 !important;
}
.ticket-custom-list-style {
    margin-left: 20px;
}
.ticket-custom-list-style li {
    position: relative;
    padding-right: 25px;
    line-height: 25px;
    margin-bottom: 0;
}
ul.ticket-custom-list-style li {
    border-bottom: none !important;
    padding: 0;
}
.ticket-custom-list-style li:before {
    content: "";
    background: #ff4c8e;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -19px;
    top: 4px;
    border-radius: 50%;
}
.ticket-custom-list-style li:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    left: -15px;
    top: 8px;
}
.pkticket-details {
    display: flex;
    justify-content: flex-start;
    padding: 25px 15px !important;
    position: relative;
}

.vehicle-type-buttons {
    display: flex;
    gap: 20px;
}

.vehicle-type-buttons label {
    color: #d4d2ea !important;
    display: flex !important;
    cursor: pointer;
    margin-bottom: 20px;
}

.vehicle-type-btn i {
    font-size: 24px;
}
.vehicle-type-btn.active {
    color: #007bff !important;
}
.vehicle-type-btn:hover {
    color: #007bff !important;
}
.bkchild-items {
    min-width: 50% !important;
}
.ico-color {
    background: #4eb7fe;
    padding: 3px 6px;
    color: #fff;
    border-radius: 6px;
    margin-right: 5px;
}
.lsingle-tickets {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px; 
}
.lphoto-block-box {
    margin-bottom: 20px;
}
.lsingle-block-content {
    padding: 0 30px 0;
}
.single-carousel-wrap .iphoto-swiper-slide img {
    width: auto !important;
    height: 200px !important;
}
.category-carousel-wrap, .iphoto-carousel-wrap {
    background: none !important;
}
/* حالت عادی، دسکتاپ – مثل قبل */
.info-box {
    list-style: none;
    margin: 0;
    padding: 0;
}
@media (max-width: 991px) {

    .single-property-element.single-property-overview .info-box.info-box-slider {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        width: 100% !important;
        max-width: 100% !important;
        direction: ltr !important;

        /* مخفی کردن اسکرول‌بار */
        scrollbar-width: none;        /* Firefox */
        -ms-overflow-style: none;     /* IE/Edge قدیمی */
    }

    /* مخفی کردن اسکرول‌بار در WebKit (Chrome, Safari, Edge جدید) */
    .single-property-element.single-property-overview .info-box.info-box-slider::-webkit-scrollbar {
        display: none;
    }

    .single-property-element.single-property-overview .info-box.info-box-slider > li.item {
        flex: 0 0 60% !important;
        max-width: 60% !important;
        scroll-snap-align: start;
        float: none !important;
        width: auto !important;
        margin-right: 16px;
        box-sizing: border-box;
    }

    .single-property-element.single-property-overview .info-box.info-box-slider > li.item:last-child {
        margin-right: 0;
    }
}
.tutor-lesson-wrapper p {
    color: #fff;
}
.dashboard-chat-app-box .message-input textarea {
    border: 1px solid #f1f0ff !important;
    background: #fbfbff !important;
}
.reply-avatar {
    width: 150px !important;
}
.ad-package-item input[type="radio"] {
    border: 1px solid #dedef3;
    cursor: pointer;
    padding: 0;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    color: #fff;
    background: #fff;
    -webkit-appearance: none;
    position: inherit !important;
    margin-right: 10px;
}
.ad-pos-desc {
    text-align: left;
    color: #5d5858;
    margin-left: 0 !important;
}
.ad-package-title {
    font-weight: 700;
    color: #ffffff;
    background: #4eb7fe;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}
.new-ad-canpaign .ad-packages {
    justify-content: center;
}
.ad-package-basis-advertentiepakket {
    background: #fbfbff;
    padding: 20px;
    border-radius: 10px;
    margin: 20px;
    position: relative;
}
.ad-package-plus-advertentiepakket {
    background: #fbfbff;
    padding: 20px;
    border-radius: 10px;
    margin: 20px;
    position: relative;
}
.ad-package-premium-advertentiepakket {
    background: #fbfbff;
    padding: 20px;
    border-radius: 10px;
    margin: 20px;
    position: relative;
}
.ad-package-basis-advertentiepakket:hover, .ad-package-plus-advertentiepakket:hover, .ad-package-premium-advertentiepakket:hover {
    background: #eaf4ff;
}
.ad-package-price {
    text-align: left;
    font-weight: 700;
    color: #4eb7fe;
    font-size: 16px;
    display: flex;
    align-items: center;
    position: relative;
}
.ad-pos-item {
    font-size: 12px;
    padding-right: 0 !important;
}
.new-ad-canpaign .ad-package-item img {
    margin: 15px auto 10px !important;
}
.ad-field {
    display: contents;
}
.ad-label {
    height: 100%;
}
.ad-field .current {
    color: #fff;
}
.ad-field .nice-select .nice-select-search-box:before {
    right: 35px !important;
    left: auto !important;
    bottom: 20px;
}
.period-per {
    font-weight: 700;
}
.ad-lijn {
    padding: 0px 2px;
    color: #d6d4e2;
    font-size: 21px;
    border-radius: 10px;
    background: #e2e1ea;
    width: 1px;
    height: 21px;
    margin: 0 3px;
}
.ad-img {
    position: absolute;
    right: 20px;
}
.ad-f {
    padding-left: 5px;
}
.ad-img img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 8px rgb(234 244 255) !important;
    box-shadow: 0 0 0 8px rgb(234 244 255) !important;
}
.card-adbody {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
.swiper-wrapper .listing-features li {
    padding-left: 0 !important;
}
.box-icoad {
    bottom: -15px;
}
.icoad {
    font-size: 20px;
    color: #4eb7fe;
    padding-right: 5px;
    padding-left: 5px;
}
.ad-features {
    line-height: 1.8em;
}
.listing-slider-item {
    padding: 0 !important;
}
.myg-2 {
    margin-top: 1rem !important;
    margin-bottom: 0.5rem !important;
}
.box-ad-card {
    padding-right: 10px !important;
    padding-left: 10px !important;
    padding-top: 10px !important;
}
.box-examen {
    background-image: url(assets/images/tiklijn.gif) !important;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    position: relative;
}
.box-examen:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(89, 85, 209, 0.85) 0%, rgba(122, 8, 231, 0.95) 100%);
    border-radius: 10px;
}

.box-examen .tutor-single-course-sidebar .tutor-subscription-plans .tutor-subscription-choose-plan {
    color: #fff !important;
    font-weight: 600 !important;
}
.box-examen .azp_element .tutor-color-black {
     color: #fff !important;
}
.box-examen .tutor-single-course-sidebar .tutor-subscription-plans .tutor-course-subscription-plan .tutor-subscription-price {
    color: #fff !important;
}
.box-examen .tutor-color-subdued {
    color: #dec7ee !important;
    font-weight: 600 !important;
}

.box-examen .tutor-btn-primary[disabled], .box-examen .tutor-btn-primary.disabled {
    background-color: #fff !important;
    border-color: #fff !important;
}

.box-examen .tutor-btn-primary {
    border-color: #fff !important;
    background-color: #fff !important;
    color: #23254e !important;
    font-weight: 600;
}
.box-examen .tutor-btn-primary:hover {
    border-color: #1d0040 !important;
    background-color: #1d0040 !important;
    color: #fff !important;
}
.box-examen .tutor-subscription-discount-price {
    color: #000 !important;
}
.saleoff-ad {
    font-size: 22px;
    color: #ff004d;
    padding-left: 5px;
}
.gift-listing-featured {
    padding: 6px 10px !important;
    top: 10px !important;
    right: 50px !important;
    left: inherit;
    position: absolute;
    color: #009e2c;
}
.box-examen .quiz_back {
    position: relative;
    padding: 5px 15px 5px 15px;
    font-weight: 400;
    font-size: 0.845em;
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important;
    color: #7710df !important;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    background: #fff !important;
    margin: 0 35px;
    text-align: center;
}
.list-litem-ad {
    position: absolute;
    left: -10px;
    top: 40%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #4cb7fe;
    color: #fff;
    padding: 0px 5px;
    font-weight: 600;
    font-size: 12px;
}
.list-main-wrap-title span {
    font-weight: 600 !important;
}
.distance-toll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.walking-apng {
  width: 27px;
  height: 27px;
  object-fit: contain;
  display: inline-block;
}
.km-txt {
    font-size: 10px;
    padding-left: 3px;
}
.list-cardstats {
    display: flex;
    justify-content: space-between;
}
.flex-toll-wrapleft {
    line-height: 2;
    text-align: center;
    padding: 0 10px;
}
.tickets-select_header.vis-ticket_select i.fa-car-side:before {
    content: "\f5e4" !important;
}
.tickets-select_header.vis-ticket_select i.fa-motorcycle:before {
    content: "\f21c" !important;
}
.tickets-select_header.vis-ticket_select i.fa-moped:before {
    content: "\e3b9" !important;
}
.color_2 {
    background: #f3f4f6;
    border-radius: 5px;
    padding: 3px 5px;
    color: #3b4149;
    font-size: .75rem;
}
.color_2:hover {
    background: #eceef3;
    color: #3b4149;
}
.save-listing {
    padding: 6px 10px !important;
    top: 10px !important;
    right: 5px !important;
    left: inherit;
    position: absolute;
    color: #ff0045;
    z-index: 2;
}
.save-listing:hover i {
    font-weight: 800;
    color: #ff0045;
}
.save-listing-color {
    color: #c5bbd1;
}
.respimg {
    border-radius: 10px;
}
.meer-toggle-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f0f0f0;
    padding: 6px 10px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    color: #333;
    transition: background 0.2s ease;
}

.meer-toggle-btn:hover {
    background: #e2e2e2;
}

.more-tags {
    display: none;
}
.listing-rating-count-wrap.single-list-count {
    align-items: flex-start;
    border-radius: 10px;
    padding: 8px 6px 8px 6px !important;
}

.listing-rating-count-wrap .review-details {
    flex: 1;
    min-width: 0;
    white-space: normal !important;
}

.facilities-itm .reviews-count {
    white-space: normal !important;
    display: block;
}
.distance-value {
    font-weight: 600;
    color: #4eb7fe;
}
.irs-max, .irs-min {
    background: #11cc45 !important;
    color: #fff !important;
    font-weight: 600;
}
.distance-title {
    padding-bottom: 10px;
    font-weight: 600;
}
.nearby-distance-wrap {
    border-radius: 10px;
}
.nearby-input-wrap .get-current-city {
    top: 0px !important;
    right: 0px !important;
    font-size: 20px;
    height: 50px;
    width: 50px;
}
.nearby-input-wrap .get-current-city:hover {
    font-size: 2px !important;
    top: 5px !important;
}
.filter-sidebar-header .tabs-menu li a {
    color: #fff !important;
}
.submit-field-locations .csl-option-parent .csl-option-lablel {
    font-weight: 700;
    cursor: default;
}

.submit-field-locations .csl-option-parent {
    background: transparent !important;
}
.ser-filed {
    background: #fbfaff;
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: nowrap;
    padding: 10px 20px;
    border-bottom: 1px solid #f1f0ff;
}
.submit-listing-form .ser-filed input {
    background: #fff !important;
    height: 40px;
    margin-bottom: 0 !important;
}
.ser-filed:before {
    font-family: 'font awesome 6 pro';
    content: "\f002";
    position: absolute;
    color: #4cb7fe;
    top: 20px;
    font-size: 13px;
    left: 40px !important;
    font-weight: 800;
    transition: all .2s ease-in-out;
    z-index: 10;
}
.state-img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
}
.supported-provinces {
    margin-top: 5px !important;
}
.listing-features .tagcloud {
    margin-top: 0 !important;
}
.listing-features {
    margin-bottom: 0 !important;
}
.listing-item.list-layout .geodir-category-listing {
    flex-direction: column-reverse;
}
.listing-carousel-button {
    width: 30px !important;
    padding-right: 0px !important;
    padding-left: 0 !important;
    background: #4eb7fe !important;
    color: #fff !important;
    font-size: 22px;
    -webkit-box-shadow: 0 0px 5px rgba(58, 87, 135, 0.45);
    box-shadow: 0 0px 5px rgba(58, 87, 135, 0.45);
}
.listing-carousel-button.listing-carousel-button-next:hover, .listing-carousel-button.listing-carousel-button-next2:hover {
    right: -30px !important;
    background: #63c0ff !important;
}
.listing-carousel-button.listing-carousel-button-prev:hover, .listing-carousel-button.listing-carousel-button-prev2:hover {
    left: -30px !important;
    background: #63c0ff !important;
}
.widget-posts-slide {
    justify-content: center;
}
.similar-listings-slider-wrap .swiper-container .swiper-wrapper {
    justify-content: flex-start !important;
}
.supported-provinces-list {
    display: flex;
    align-items: center;
    /* flex-direction: row-reverse; */
}

.supported-provinces-list a {
    position: relative;
    display: block;
    margin-left: -18px;             
    transition: margin 0.25s ease, 
                transform 0.25s ease,
                z-index 0.25s ease;
}

.supported-provinces-list a:first-child {
    margin-left: 0;                  
}

.supported-provinces-list img.state-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;             
    border: 5px solid #fff;
    display: block;
}

.toltip-r{
  position: relative;
  --kg-offset: 0px; 
  --kg-arrow: 6px; 
  --kg-bg: #1d0040;
}

.toltip-r[data-tooltip]::after{
  content: attr(data-tooltip);
  position: absolute;
  top: -50%;
  right: calc(-15% + var(--kg-offset));
  transform: translateY(-50%);
  background: var(--kg-bg);
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  padding: 6px 8px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
  z-index: 1000;
  direction: rtl;
}

.toltip-r[data-tooltip]::before{
  content: "";
  position: absolute;
  top: 5%;
  right: calc(15% + var(--kg-offset));
  transform: translateY(-50%);
  width: 0; height: 0;
    border-left:  var(--kg-arrow) solid transparent;
    border-right: var(--kg-arrow) solid transparent;
    border-top:   var(--kg-arrow) solid var(--kg-bg);
    margin-top: calc(-1 * var(--kg-arrow));
  opacity: 0;
  transition: opacity .18s ease;
  z-index: 1001;
}

.toltip-r[data-tooltip]:hover::after,
.toltip-r[data-tooltip]:focus-visible::after{
  opacity: 1;
}
.toltip-r[data-tooltip]:hover::before,
.toltip-r[data-tooltip]:focus-visible::before{
  opacity: 1;
}

.bx-1{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-content: stretch;
}
.bx-2 {
        display: flex;
    flex-wrap: wrap;
    /* gap: 16px; */
    align-content: stretch;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
}
.bx-3 {
        display: flex;
    flex-wrap: wrap;
    /* gap: 33px; */
    align-items: stretch;
    /* align-content: space-around; */
    width: 100%;
    justify-content: space-between;
    flex-direction: column;
}
.bx-4 {
    display: flex;
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    align-items: flex-end;
    justify-content: space-around;
    width: 100%;
}
.listing-item .geodir-category-listing {
    margin-bottom: 40px !important;
}
.cbr-svc-red i { color: #e53935 !important; }

/* microtip tooltip رو فقط برای این تئوری خاموش کن */
.cbr-theory-tipwrap[data-tooltip]::before,
.cbr-theory-tipwrap[data-tooltip]::after{
  display:none !important;
  content:none !important;
}

.cbr-theory-tipwrap{
  position:relative;
  display:inline-block;
}

.cbr-theory-tooltip{
    position:absolute;
    left:50%;
    bottom:100%;
    transform:translateX(-50%);
    margin-bottom:8px;
    white-space:nowrap;
    background: #1d0040;
    color:#fff;
    font-size: 0.845em;
    font-weight: 400;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    border-radius:5px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    z-index:9999;
}

.cbr-theory-tooltip i{
  margin-left:6px;
}

.cbr-theory-tipwrap:hover .cbr-theory-tooltip,
.cbr-theory-tipwrap:focus .cbr-theory-tooltip,
.cbr-theory-tipwrap:focus-within .cbr-theory-tooltip{
  opacity:1;
  visibility:visible;
}
.txt-theorie {
    color: #6d60ff !important;
    font-size: 28px;
}
.review-details .hov:hover b {
    color: #4cb7fe !important;
}
.hero-categories li {
    padding: 0 20px !important;
}
.hero-categories {
    margin-top: 0 !important;
}
.hero-categories:before {
    content: "";
    position: absolute;
    right: 60px;
    top: -25px;
    width: 60px;
    height: 60px;
    background: url(assets/images/arrow.png) no-repeat center;
}
.hero-categories_title:before {
    content: inherit !important;
}
.hero-categories_title {
    margin-top: 0 !important;
}
.hero-inputs-wrap .filter-gid-item .nice-select {
    background: #fbfaff !important;
}
.azp-element-azp-8okvdkkj9gt .current, .azp-element-azp-d0aaaqj521 .multiple-options, .azp-element-azp-r6nsnav0cxl .current {
    color: #fff !important;
}
.moto-avb {
    font-size: 9px;
    position: absolute;
    top: -10px;
    left: 0;
}
.moto-avd {
    font-size: 9px;
    position: absolute;
    top: -10px;
    right: 0px;
}
.moto-avb-pr {
    position: absolute;
    left: 0;
}
.moto-avd-pr {
    position: absolute;
    right: 0;
}
.moto-avb-s {
     font-size: 9px;
}
.lsingle-block-box table, .lsingle-block-box th, .lsingle-block-box tr, .lsingle-block-box td {
    border:none;
}
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.w-10 {
    width: 2.5rem;
    height: 2.5rem;
}
.h-10 {
    height: 2.5rem;
}
/* Tiklijn CBR table vertical centering fix */
.tiklijn-cbr table td,
.tiklijn-cbr table th {
  vertical-align: middle !important;
}
.tiklijn-cbr .bg-green-100 {
    background: #349a00;
    padding: 3px 10px;
    color: #fff;
    font-weight: 600;
}
.tiklijn-cbr .bg-greens-100 {
    background: #dcfce7;
    padding: 3px 10px;
    color: #349a00;
    font-weight: 600;
}
.tiklijn-cbr .bg-yellow-100 {
    background-color: #ff0042;
    padding: 3px 10px;
    color: #fff;
    font-weight: 600;
}
.tiklijn-cbr .bg-amber-100 {
    background-color: #ffe599;
    padding: 3px 10px;
    color: #d7a100;
    font-weight: 600;
}
.tiklijn-cbr .bg-gray-100 {
    background-color: #f1ecf9;
    padding: 3px 10px;
    color: #9793a9;
    font-weight: 600;
}
.tiklijn-cbr .bg-red-100  {
    background-color: #ffbacc;
    padding: 3px 10px;
    color: #ff0042;
    font-weight: 600;
}
.tiklijn-cbr .over {
    position: relative;
}
.tiklijn-cbr .bg-purple-100 {
    padding: 3px 6px;
    font-weight: 600;
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 11px;
}
.tiklijn-cbr .bg-tag {
    padding: 3px 6px;
    font-weight: 600;
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 11px;
}
.tiklijn-cbr .bg-Neu-100 {
    background-color: oklch(0.93 0.01 0);
    padding: 3px 10px;
    color: #79839b;
}
.ranklaag-txt {
    color: #cb6c00;
}
.ranklaag {
    padding: 3px 6px;
    font-weight: 600;
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 11px;
    background: #ffd7a9;
    padding: 3px 10px;
}
.rankmid-txt {
    color: #4385dd;
}
.rankmid {
    padding: 3px 6px;
    font-weight: 600;
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 11px;
    background: #dbeafe;
    padding: 3px 10px;
}
.itm-between {
    display: flex;
    justify-content: space-between;
}
.nurank {
    font-weight: 700;
}
.totalrank {
    font-size: 10px;
    font-weight: 600;
}
.ico-rank {
    font-size: 24px;
    padding: 5px 5px;
    color: #d7cae6 !important;
}
/* Desktop default: number next to bar */
.cbr-meter{
  display:flex;
  align-items:center;
  gap:10px;
}
.cbr-meter__bar{
  flex:0 0 auto;
}
.cbr-meter__val{
  white-space:nowrap;
}

/* Mobile فقط: عدد بالای نوار */
@media (max-width: 767px){
  .cbr-meter{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }
  .cbr-meter__bar{
    width:100% !important; /* تو موبایل تمام عرض */
  }
}
/* جلوگیری از جمع شدن ستون‌ها در موبایل + اسکرول نرم iOS */
.tiklijn-cbr .cbr-scroll{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* مهم‌ترین بخش: جدول در موبایل اجازه نداره کوچیک‌تر از این بشه */
.tiklijn-cbr table.cbr-table{
  min-width: 760px;   /* عدد رو میتونی 700 تا 900 تغییر بدی */
  width: 100%;
}

/* پیشفرض: متن‌ها در ستون‌های عددی نپیچن */
.tiklijn-cbr table.cbr-table th,
.tiklijn-cbr table.cbr-table td{
  white-space: nowrap;
}

/* ستون 1 (Categorie) میتونه چند خط بشه ولی جمع نشه */
.tiklijn-cbr table.cbr-table th:first-child,
.tiklijn-cbr table.cbr-table td:first-child{
  min-width: 230px;
  white-space: normal;
}

/* حداقل عرض ستون‌ها تا تو موبایل له نشن */
.tiklijn-cbr table.cbr-table th:nth-child(2),
.tiklijn-cbr table.cbr-table td:nth-child(2){
  min-width: 200px; /* Score */
}
.tiklijn-cbr table.cbr-table th:nth-child(3),
.tiklijn-cbr table.cbr-table td:nth-child(3){
  min-width: 100px; /* Bovenkant */
}
.tiklijn-cbr table.cbr-table th:nth-child(4),
.tiklijn-cbr table.cbr-table td:nth-child(4){
  min-width: 170px; /* Trend */
}
.tiklijn-cbr table.cbr-table th:nth-child(5),
.tiklijn-cbr table.cbr-table td:nth-child(5){
  min-width: 170px; /* Examens */
}
/* CBR Meer/Minder */
.cbr-preview-row {
  opacity: .35;
  pointer-events: none;
}

.cbr-more-block.is-open .cbr-preview-row {
  display: none !important;
}

.cbr-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: #f3f4f6;
  color: #111827;
  font-weight: 600;
  font-size: 14px;
}

.cbr-more-btn:hover { background: #e5e7eb; }
/* فقط وقتی بسته است، ردیف سوم (peek) کم‌رنگ شود */
.cbr-more-block:not(.is-open) tr.cbr-row--peek td{
  position: relative;
}

.cbr-more-block:not(.is-open) tr.cbr-row--peek td::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.60);
  pointer-events: none;
}

/* وقتی باز شد، ردیف سوم کاملاً عادی شود */
.cbr-more-block.is-open tr.cbr-row--peek td::after{
  display: none;
}
.toggle-more-cbr{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #165dfc;
}
.toggle-more-cbr:hover {
  color: #0b47cf;
}
/* فقط وقتی جدول بسته است (is-open نیست) روی ردیف دوم سایه/کم‌رنگی بیاد */
.cbr-more-block:not(.is-open) tr.cbr-row-fade {
  opacity: .45;
}

/* وقتی باز شد، همه چیز نرمال */
.cbr-more-block.is-open tr.cbr-row-fade {
  opacity: 1;
}
.cup_rij {
    position: absolute;
    bottom: 5px;
    right: 14px;
    font-weight: 800;
    color: #fff !important;
    font-size: 34px;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
}
.cat-score {
    font-size: 11px;
    color: #165dfc;
    font-weight: 600;
}
.items-center {
    position: relative;
}
.exam-like {
    font-weight: 800;
    color: #17a902;
    font-size: 14px;
}
.exam-dislike {
    font-weight: 800;
    font-size: 14px;
    color: #ff004f;
}
.t-pass {
    font-weight: 800;
    color: #17a902;
}
.t-fail {
    font-weight: 800;
    color: #ff004f;
}
.round-like {
    background: #17a902;
}
.round-dislike {
    background: #ff004f;
}
.adjusted {
    position: relative;
    font-size: 14px;
    color: #4eb7fe;
}
.cups:after {
    font-family: "Font Awesome 6 Pro";
    content: "\f2eb";
    position: absolute;
    bottom: 10px;
    right: 15px;
    font-weight: 800;
    color: #eee;
    font-size: 40px;
}
.cups-win {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}
.cups-totall {
    font-size: 12px;
    top: 2px;
    position: relative;
    font-weight: 500;
    color: #b2caff;
}
@media (min-width: 768px){
  .bg-tag {
    top: -20px !important;
  }
}
@media (max-width: 768px){
  .bg-tag {
    right: 0 !important;
  }
}

.cbr-meter__seg--low  { background: #ef4477; }  /* red */
.cbr-meter__seg--mid  { background: #f6c73b; }  /* blue */
.cbr-meter__seg--high { background: #22c55e; }  /* green */

/* inner seg wrapper: فقط رنگ‌ها clip بشن تا rounded تمیز بمونه */
.cbr-meter__bar--segmented .cbr-meter__segs{
  position: absolute;
  inset: 0;
  overflow: hidden;            /* فقط اینجا hidden */
  border-radius: inherit;      /* با rounded-full هماهنگ */
}

/* segments داخل wrapper */
.cbr-meter__bar--segmented .cbr-meter__segs .cbr-meter__seg{
  position: absolute;
  top: 0;
  bottom: 0;
}
/* outer bar: marker باید بتونه بیرون بزنه */
.cbr-meter__bar--segmented{
  position: relative;
  overflow: visible;   
  --seg-low-color:  #ef4477;
  --seg-mid-color:  #f6c73b;
  --seg-high-color: #22c55e;
  --marker-color:   #111827; /* fallback */
}
.ico-re-like {
    color: #22c55e !important;
}
.ico-re-dislike {
    color: #ef4477 !important;
}
/* marker: بلندتر از میله */
.cbr-meter__bar--segmented .cbr-meter__marker{
  position: absolute;
  top: 50%;
  height: 20px;
  width: 2px;
  transform: translate(-1px, -50%);
  background: var(--marker-color);
  opacity: 0.85;
  border-radius: 2px;
  z-index: 5;
  pointer-events: none;
}

/* توپ‌های کوچک بالا/پایین */
.cbr-meter__bar--segmented .cbr-meter__marker::before,
.cbr-meter__bar--segmented .cbr-meter__marker::after{
  content: "";
  position: absolute;
  left: 50%;
  width: 4px;          /* اندازه توپ */
  height: 4px;
  transform: translateX(-50%);
  background: inherit; /* هم‌رنگ خط */
  border-radius: 999px;
}

/* توپ بالایی */
.cbr-meter__bar--segmented .cbr-meter__marker::before{
  top: -3px;           /* نصف اندازه توپ */
}

/* توپ پایینی */
.cbr-meter__bar--segmented .cbr-meter__marker::after{
  bottom: -3px;
}
.text-slate-600 {
    font-weight: 600;
}
.active_label {
    background: #22c55e;
    border-radius: 5px;
    color: #fff !important;
    font-size: 10px;
    padding: 3px 5px;
}
.inactive_label {
    background: #ef4477;
    border-radius: 5px;
    color: #fff !important;
    font-size: 10px;
    padding: 3px 5px;
}
.unknown_label {
    background: #f6c73b;
    border-radius: 5px;
    color: #fff !important;
    font-size: 10px;
    padding: 3px 5px;
}
.tiklijn-chart-tabs button:hover i{
    color: #4eb7fe !important;
}
.wave {
    background: #21004f !important;
}
.wave.-two {
    opacity: inherit !important;
    background: #21004f !important;
}
.main-register-holder .tab-content {
    padding: 5px 0 5px !important;
}

.main-register-form .input-pattern-desc {
    margin-top: -5px !important;
    margin-bottom: 0px !important;
    color: #a8afca !important;
    bottom: 5px;
    position: absolute;
    font-size: 10px;
}
.main-register-holder .tabs-menu li a i, .filter-sidebar-header .tabs-menu li a i {
    margin-right: 5px !important;
}
.lostpass {
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.lostpass a {
    font-size: 12px;
    color: #4eb7fe;
    font-weight: 500;
    position: absolute;
    bottom: 0;
}
.lostpass:hover a {
    color: #15a1ff;
}
.clear-filter-btn {
    color: #fff !important;
    width: 75% !important;
    line-height: 50px !important;
}
.clear-filter-btn:hover {
    color: #4eb7fe !important;
}
@media only screen and (max-width: 650px) {
    .header-search-button {
        margin-top: inherit !important;
    }
}
.category-carousel-item:before {
    background: inherit !important;
}
.category-carousel-item-container {
    bottom: 0 !important;
    background: inherit !important;
    text-align: left !important;
}
.category-carousel-item-counter {
    font-weight: 600 !important;
}
.checket-cat:after {
    font-family: 'font awesome 6 pro' !important;
    top: 30% !important;
    font-weight: 600 !important;
    left: 5% !important;
    -webkit-box-shadow: 0px 0px 0px 7px rgb(57 25 102) !important;
    box-shadow: 0px 0px 0px 7px rgb(57 25 102) !important;
}
.count-alert {
    position: absolute;
    top: -20px;
    background-color: #4eb7fe;
    color: #fff !important;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    margin: 0 5px;
    max-width: 400px;
}

.count-alert::after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 5px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #4eb7fe;
}
.count-pad {
    padding: 10px;
}
.angel-r {
    position: absolute !important;
    right: 10px;
}
/* مرکز کردن آیکون وریفای داخل دایره مارکر */
.map-marker-container .marker-count {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

/* کنترل سایز آیکون داخل دایره */
.map-marker-container .marker-count i {
    font-size: 16px;   /* اگر هنوز بزرگ بود بکنش 11 یا 10 */
    line-height: 1;
}
.bm-chat-wrap{
  position: relative;
}

/* دکمه mini chat رو روی کل باکس بنداز */
.bm-chat-wrap .bm-mini-chat-button{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 10;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
}
a.bpbm-pm-button:not(.bm-no-style), a.bpbm-pm-button:hover:not(.bm-no-style), a.bpbm-pm-button:focus:not(.bm-no-style) {
    background: inherit !important;
    padding-left: inherit !important;
    padding-right: inherit !important;
    padding-bottom: inherit !important;
}
.bp-messages-wrap .bm-reply .bm-editor {
    font-size: 14px !important;
}
.bp-messages-wrap.bp-better-messages-mini .chat .head .thread-info:not(.thread-info-hover-disabled):hover, .bp-messages-wrap.bp-better-messages-list .chat .head .thread-info:not(.thread-info-hover-disabled):hover {
    background: inherit !important;
}
.bbpm-avatar::before,
.bbpm-avatar::after{
  content: none !important;   /* پیش‌فرض: هیچی */
}

/* فقط وقتی آنلاین است */
.thread .bbpm-avatar.online,
.thread-info-loaded .bbpm-avatar.online{
  position: relative; /* برای absolute شدن before/after */
}

/* حلقه/پالس */
.thread .bbpm-avatar.online::before,
.thread-info-loaded .bbpm-avatar.online::before{
  content: "" !important;
  position: absolute !important;
  right: 2px !important;
  top: -2px !important;
  animation: blink 1s linear infinite;

  /* مهم: رنگ را از color خود span بگیر */
  background-color: currentColor !important;
  height: 30%;
  width: 30%;
  border: 5px solid currentColor !important;
  border-radius: 50% !important;
}

/* نقطه‌ی وضعیت */
.thread .bbpm-avatar.online::after,
.thread-info-loaded .bbpm-avatar.online::after{
  content: "" !important;
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;

  /* مهم: رنگ را از color خود span بگیر */
  background-color: currentColor !important;

  position: absolute !important;
  border-radius: 50% !important;
  right: 4px !important;
  top: 0 !important;
}
.last-online {
    font-weight: 600;
}
.bp-messages-wrap.bp-better-messages-mini .chat.open .head, .bp-messages-wrap.bp-better-messages-list .chat.open .head {
    height: 60px !important;
}
.bp-messages-wrap.bp-better-messages-mini .chat .head .controls>*:hover, .bp-messages-wrap.bp-better-messages-list .chat .head .controls>*:hover {
    background: inherit !important;
    color: #7269ef;
}
.bpbm-reply svg, .bpbm-more svg{
    color: #b6bbcd !important;
}
.bpbm-reply:hover svg, .bpbm-more:hover svg, .bp-better-messages-list .tabs>div>svg{
    color: #fff !important;
}

.bm-toast-push-proposal-container .bm-toast-push-proposal-title {
    text-align: left !important;
    direction: ltr !important;
    font-weight: 600 !important;
    color: #81799a !important;
}
.bm-toast-push-proposal-container {
    background: #eaf4ff !important;
}
.bm-toast-site-notification {
    background: #eaf4ff !important;
    color: #81799a !important;
}
.bm-toast-push-proposal-container .bm-toast-push-proposal-content .bm-toast-push-proposal-agree {
    border-radius: 6px !important;
    font-weight: 600 !important;
}
.bm-toast-push-proposal-dismiss {
    background: #ff0045 !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
}
.bm-toast-push-proposal-container .bm-toast-push-proposal-content>button {
    margin: 2px !important;
}
.bp-better-messages-list .tabs {
    line-height: 45px !important;
    height: 45px !important;
    background: inherit !important;
    border: none !important;
}
.bp-better-messages-list .tabs>div {
    height: 45px !important;
    background: #4cb7fe !important;
}
.bp-better-messages-list .tabs>div[data-tab=bpbm-close] {
    height: 45px !important;
    background: #4cb7fe !important;
}
.bp-better-messages-list .tabs>div>svg {
    font-size: 24px !important;
}
/* 1) حالت بسته = فقط یک دکمه کوچک */
.bp-messages-wrap.bp-better-messages-list:not(.bm-opened):not(:has(.chat.open)){
  width: 52px !important;
  max-width: 52px !important;
}
/* اگر چت مستقیم باز است (open-mini-chat) => عرض کامل */
.bp-messages-wrap.bp-better-messages-list:has(.chat.open){
  width: var(--bm-mini-widgets-width) !important;
  max-width: 100% !important;
}
/* 2) حالت باز = عرض اصلی پلاگین */
.bp-messages-wrap.bp-better-messages-list.bm-opened{
  width: var(--bm-mini-widgets-width) !important;
  max-width: 100% !important;
}

/* 3) در حالت بسته فقط آیکون بماند (متن Berichten مخفی شود) */
.bp-messages-wrap.bp-better-messages-list:not(.bm-opened):not(:has(.chat.open))
.tabs .messages-tab span:not(.unread-count) {
    display: none !important;
    font-weight: 800;
}
/* 4) وسط‌چین شدن آیکون داخل دکمه */
.bp-messages-wrap.bp-better-messages-list:not(.bm-opened):not(:has(.chat.open)) .tabs{
  justify-content: center !important;
}
.bp-messages-wrap.bp-better-messages-list:not(.bm-opened) .tabs > div{
  padding: 10px 0 !important;     /* عرض اضافه حذف */
  justify-content: center !important;
}
.bp-messages-wrap.bp-better-messages-list:not(.bm-opened) .tabs > div > svg{
  margin: 0 !important;
}
.bp-better-messages-list .tabs .active>svg {
    color: #4cb7fe !important;
}
.bp-better-messages-list .tabs>div.active {
    background: rgba(var(--bm-bg-secondary), 1) !important;
}
/* موبایل: دکمه floating چت را گرد و وسط‌چین کن */
@media (max-width: 782px){
    .hero-categories:before {
        right: 0 !important;
    }
  /* خود دکمه */
  #bp-better-messages-mini-mobile-open{
    width: 52px !important;
    height: 52px !important;

    /* وسط‌چین واقعی */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* ظاهر مشابه دسکتاپ */
    border-radius: 12px !important;

    /* جای قرارگیری */
    right: var(--bm-mini-widgets-offset, 16px) !important;
    bottom: calc(var(--bm-mini-widgets-offset-bottom, 16px) + env(safe-area-inset-bottom)) !important;

    padding: 0 !important;
    line-height: 0 !important;
    overflow: visible !important;
  }

  /* span آیکون */
  #bp-better-messages-mini-mobile-open .bp-better-messages-mini-mobile-open-icon{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;

    font-size: 24px !important;  /* اگر بزرگ/کوچک خواستی همینو تغییر بده */
    line-height: 0 !important;
  }

  /* خود svg */
  #bp-better-messages-mini-mobile-open .bp-better-messages-mini-mobile-open-icon svg{
    display: block !important;
  }

  /* بج پیام‌های خوانده‌نشده */
  #bp-better-messages-mini-mobile-open .count{
    top: -6px !important;
    right: -6px !important;

    border-radius: 999px !important;
    min-width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    padding: 0 5px !important;
    box-sizing: border-box !important;
  }
  .tikphone {
      margin-bottom: 30px;
  }
}
.bp-messages-wrap .chat-footer .new-message {
    display: none !important;
}
.tikphone {
    display: flex;
    align-items: center;
}
.tikphone_i {
    padding-right: 15px;
}
.tikmaterial-icons {
    font-style: normal;
    font-size: 50px;
    display: inline-block;
    vertical-align: middle;
}
.tikphone-number {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}
.tikphone-title span {
    font-size: 20px;
    font-weight: 700;
}
.tikphone_i div {
    text-align: center;
}
.bp-messages-wrap.bp-better-messages-mini .chat .chat-content, .bp-messages-wrap.bp-better-messages-list .chat .chat-content {
    height: calc(100% - 60px) !important;
}
.bm-message-content-centered:has(.bpbm-call.call-accepted) > svg{
  color: #0fcc45 !important;
}

.bm-message-content-centered:has(.bpbm-call.missed) > svg{
  color: #ff3b30 !important;
}
/* Missed = قرمز (فقط آیکون) */
.bp-messages-wrap .bm-message-content-centered:has(.bpbm-call.missed) > svg{
  fill: #ff3b30 !important;
  stroke: #ff3b30 !important;
  color: #ff3b30 !important; /* اختیاری */
}

/* Accepted = سبز (فقط آیکون) */
.bp-messages-wrap .bm-message-content-centered:has(.bpbm-call.call-accepted) > svg{
  fill: #0fcc45 !important;
  stroke: #0fcc45 !important;
  color: #0fcc45 !important; /* اختیاری */
}

/* اگر داخل SVG مسیرهایی fill="none" دارند (مثل خط مورب)، نذار پر شوند */
.bp-messages-wrap .bm-message-content-centered:has(.bpbm-call.missed) > svg [fill="none"],
.bp-messages-wrap .bm-message-content-centered:has(.bpbm-call.call-accepted) > svg [fill="none"]{
  fill: none !important;
}
.last-message-rich {
    color: #4cb7fe !important;
}
.latepoint-booking-form-element .os-item-category-w.tiklijn-cat-disabled {
    opacity: .45;
}

/* گروه دکمه‌های ON / OFF دسته‌بندی */
.latepoint-booking-form-element .tiklijn-cat-toggle-group {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-left: 8px;
}
.latepoint-booking-form-element .tiklijn-cat-toggle-btn {
    font-size: 10px;
    padding: 1px 6px;
    border-radius: 999px;
    border: 1px solid #ccc;
    background: #f1f3f4;
    cursor: pointer;
    line-height: 1.4;
}
.latepoint-booking-form-element .tiklijn-cat-toggle-btn.is-active {
    background: #0d6efd;
    border-color: #0b5ed7;
    color: #fff;
}
.latepoint-booking-form-element .tiklijn-cat-toggle-btn.is-muted {
    opacity: 0.5;
}

/* دکمه ویرایش قیمت سرویس */
.latepoint-booking-form-element .tiklijn-edit-price-btn {
    font-size: 10px;
    padding: 0 6px;
    margin-left: 6px;
    border-radius: 999px;
    border: 1px dashed #999;
    background: #ffffff;
    cursor: pointer;
    line-height: 1.4;
    opacity: 0.7;
}
.latepoint-booking-form-element .tiklijn-edit-price-btn:hover {
    opacity: 1;
}
.tiklijn-card-min-price{
  font-weight: 700;
  font-size: 14px;
  text-align: left;
}
.tiklijn-card-min-price-cat{
    font-weight: 600;
    opacity: .75;
    width: 100%;
    display: block;
}
.vanaf {
    justify-content: space-between;
    width: 100%;
    display: flex;
}
.latepoint-w .latepoint-summary-w {
    flex: 0 0 390px !important;
    width: 390px !important;
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w {
    flex: 0 0 500px !important;
    width: 600px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel {
    flex: 0 0 300px !important;
    width: 300px !important;
}
.latepoint-w.latepoint-inline-form .latepoint-booking-form-element {
    margin: 0 !important;
}

.latepoint-booking-form-element .calendar-style-modern {
    margin: 0 !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
    content: inherit !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w {
    width: 100px !important;
    height: 70px !important;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-side-panel {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between;
} 
.latepoint-w.latepoint-inline-form {
    justify-content: center;
}
.summary-box-booking-date-day {
    color: #fb0247 !important;
    border: 3px solid #fb0247 !important;
    border-bottom: none !important;
    padding: 2px 0 !important;
    background: #fff !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.summary-box-booking-date-month {
    color: #fff !important;
    padding: 3px 0 !important;
    background: #fc0047 !important;
    font-weight: 800 !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.ss-confirmation-number strong {
    color: #97fc94 !important;
}
.ss-confirmation-number {
    color: #fff !important;
    background-color: #36b900 !important;
    font-weight: 600 !important;
    border-radius: 5px !important;
}
.confirmation-info-w .summary-status-wrapper, .full-summary-wrapper .summary-status-wrapper {
    border-bottom: 10px solid rgb(253 248 255) !important;
}
.summary-box-heading .sbh-line, .summary-heading .pb-heading .pbh-line, .summary-price-breakdown-wrapper .pb-heading .pbh-line {
    background-color: rgb(253 248 255) !important;
}
.summary-box .summary-box-content .os-avatar-w {
    background-color: #fdf8ff !important;
}
.confirmation-info-w .summary-status-wrapper.summary-status-style-green .ss-icon:before, .full-summary-wrapper .summary-status-wrapper.summary-status-style-green .ss-icon:before {
    font-weight: 800 !important;
    color: #06d500 !important;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-line {
    height: 6px !important;
}
.section-title h2 {
    color: #1d0040 !important;
}
.section-title h4, .section-title p {
    color: #1d0040 !important;
}
.ab_text-title h3 {
    color: #1d0040 !important;
}
.ab_text-title h4 {
    color: #1d0040 !important;
}

/* =========================================================
   TikLijn Homepage Hero — Responsive car cover
   Map remains purple, car image stays clear
   ========================================================= */

/*
 * بازگرداندن ترتیب اصلی لایه‌های قالب
 * این قسمت قوانین اشتباه قبلی را خنثی می‌کند.
 */
body.home .elementor-widget-hero_section_map .hero-bg-wrap,
body.home .elementor-widget-hero_section_map .map-container,
body.home .elementor-widget-hero_section_map .hero-map-map,
body.home .elementor-widget-hero_section_map .overlay.map-main {
    z-index: auto !important;
}

/*
 * تصویر مورب خودرو:
 * بالاتر از لایه بنفش نقشه قرار می‌گیرد.
 */
body.home .elementor-widget-hero_section_map .bg-mag-img {
    z-index: 1 !important;

    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: scroll !important;
    background-blend-mode: normal !important;

    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;

    pointer-events: none !important;
    user-select: none !important;

    /*
     * فایل پیش‌فرض برای موبایل
     */
    background-image: url('/wp-content/uploads/2026/07/tiklijn-hero-3200-scaled.webp') !important;
}

/*
 * فرم جستجو، عنوان و آیکون‌ها بالای تصویر باقی بمانند.
 */
body.home .elementor-widget-hero_section_map .hero-map-search-wrap,
body.home .elementor-widget-hero_section_map .intro-item,
body.home .elementor-widget-hero_section_map .main-search-form-wrap,
body.home .elementor-widget-hero_section_map .hero-categories,
body.home .elementor-widget-hero_section_map .header-sec-link {
    position: relative;
    z-index: 5 !important;
}


/* =========================================================
   Tablet — 768px تا 1199px
   ========================================================= */

@media screen and (min-width: 768px) {
    body.home .elementor-widget-hero_section_map .bg-mag-img {
        background-image: url('/wp-content/uploads/2026/07/tiklijn-hero-1200.webp') !important;
        background-position: center center !important;
    }
}


/* =========================================================
   Desktop / Laptop — از 1200px
   ========================================================= */

@media screen and (min-width: 1200px) {
    body.home .elementor-widget-hero_section_map .bg-mag-img {
        background-image: url('/wp-content/uploads/2026/07/tiklijn-hero-2560.webp') !important;
        background-position: center center !important;
    }
}


/* =========================================================
   Large desktop — از 1920px
   ========================================================= */

@media screen and (min-width: 1920px) {
    body.home .elementor-widget-hero_section_map .bg-mag-img {
        background-image: url('/wp-content/uploads/2026/07/tiklijn-hero-3200-scaled.webp') !important;
        background-position: center center !important;
    }
}
.active .tp-ps-icon-img {
    background: #4cb7fe !important;
    box-shadow: 0px 0px 0px 10px #f2f0ff !important;
    color: #fff !important;
    border: none !important;
}
.tp-ps-icon-img {
    background: #b5e2ff !important;
    box-shadow: 0px 0px 0px 10px #f2f0ff !important;
    color: #fff !important;
    border: none !important;
}
.active .tp-ps-left-imt:after {
    border-color: #4cb7fe !important;
    border-width: 2px !important;
}
.tp-ps-left-imt:after {
    border-color: #f2f0ff !important;
    border-width: 2px !important;
}
.elementor-32305 .elementor-element.elementor-element-2c1124f .plus-table-col .pt_plus_button .button-link-wrap {
    border-radius: 5px !important;
    padding: 5px !important;
    width: 100% !important;
    background: #4cb7fe !important;
    color: #fff !important;
    font-weight: bold !important;
    border: 1px solid #4cb7fe !important;
    -webkit-box-shadow: 0 2px 5px 0px rgb(0 0 0 / .27) !important;
    box-shadow: 0 2px 5px 0px rgb(0 0 0 / .27) !important;
}
.plus-table-col a {
    border-radius: 5px !important;
    padding: 5px !important;
    width: 100% !important;
    background: #4cb7fe !important;
    color: #fff !important;
    font-weight: bold !important;
    border: 1px solid #4cb7fe !important;
    -webkit-box-shadow: 0 2px 5px 0px rgb(0 0 0 / .27) !important;
    box-shadow: 0 2px 5px 0px rgb(0 0 0 / .27) !important;
}
.tb-col-link span {
    color: #fff !important;
}
/* =========================================================
   TikLijn Dashboard App Layout (Fixed sidebar + inner scroll)
   Scope: only dashboard page (page-id-15429)
========================================================= */

@media (min-width: 992px) {

  body.page-id-15429{
    --tl-sidebar-w: 320px; /* عرض منو - هرچی خواستی تغییر بده */
    overflow-x: hidden;
  }

  /* 1) سایدبار مثل اپلیکیشن: ثابت و فول‌قد */
  body.page-id-15429 .dashboard-sidebar-col{
    position: fixed !important;
    top: 0;
    left: 0;
    width: var(--tl-sidebar-w) !important;
    height: 100vh !important;
    z-index: 9999;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    background: #1d0044; /* اگر بکگراند میخوای مثل نمونه */
  }

  /* اگر ادمین‌بار وردپرس داری و بالا می‌افته روی هم */
  body.admin-bar.page-id-15429 .dashboard-sidebar-col{
    top: 32px;
    height: calc(100vh - 32px) !important;
  }

  /* 2) اسکرول فقط داخل منو */
  body.page-id-15429 #dash_menu{
    position: relative !important;
    flex: 1 1 auto;
    min-height: 0;                 /* مهم برای flex scroll */
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;  /* نذار اسکرول به body منتقل بشه */
  }

  /* دکمه پایین (Terug naar menu) همیشه دم دست */
  body.page-id-15429 .dashboard-sidebar-col .dashboard-to-top{
    flex: 0 0 auto;
    margin: 12px;
  }

  /* 3) کل محتوای صفحه (هدر + بخش اصلی) به اندازه عرض منو شیفت بخوره */
  body.page-id-15429 section.parallax-section.dashboard-header-sec,
  body.page-id-15429 section.gray-bg.main-dashboard-sec{
    margin-left: var(--tl-sidebar-w) !important;
    width: calc(100% - var(--tl-sidebar-w)) !important;
  }

  /* 4) چون سایدبار fixed شد، ستون محتوای اصلی باید 100% بشه */
  body.page-id-15429 .main-dashboard-row > .dashboard-main-col{
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  /* 5) پدینگ‌های کانتینر/روو برای اینکه فول‌ویدث و بدون overflow بشه */
  body.page-id-15429 .main-dashboard-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.page-id-15429 .main-dashboard-row{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* (اختیاری) دکمه موبایل منو رو در دسکتاپ مخفی کن */
  body.page-id-15429 .mob-nav-content-btn{
    display: none;
  }
}
/* =========================================================
   TikLijn - Mobile Offcanvas Dashboard Menu
   Scope: dashboard page only (page-id-15429)
========================================================= */

/* موبایل: تنظیمات رو برگردون به حالت عادی (margin-left دسکتاپ رو صفر کن) */
@media (max-width: 991.98px){
  body.page-id-15429 section.parallax-section.dashboard-header-sec,
  body.page-id-15429 section.gray-bg.main-dashboard-sec{
    margin-left: 0 !important;
    width: 100% !important;
  }
    /* رنگ بالاترین بخش (پشت status bar) */
    html, body.page-id-15429{
      background: #210059; /* سرمه‌ای شما */
    }
  /* دکمه Dashboardmenu فیکس بالا */
  body.page-id-15429 .mob-nav-content-btn.init-dsmen{
    position: relative !important;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 0 !important;
    margin: 0 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px;
    background: #210059;
  }
  body.admin-bar.page-id-15429 .mob-nav-content-btn.init-dsmen{
    top: 32px !important;
  }

  /* چون دکمه فیکس شد، به محتوای پایینش فاصله بده تا زیر دکمه نره */
  body.page-id-15429 section.gray-bg.main-dashboard-sec{
    padding-top: 64px !important;
  }
  body.admin-bar.page-id-15429 section.gray-bg.main-dashboard-sec{
    padding-top: 96px !important;
  }

  /* Offcanvas panel (خود منو) */
  body.page-id-15429 #dash_menu{
    position: fixed !important;
    top: 0;
    left: -90vw;                 /* مخفی */
    width: min(86vw, 360px);
    height: 100vh;
    z-index: 10001;
    background: #1d0044;
    box-shadow: 0 12px 40px rgba(0,0,0,.25);
    transition: left .25s ease;
    overflow: hidden;            /* اسکرول رو میدیم به داخل */
  }
  body.admin-bar.page-id-15429 #dash_menu{
    top: 32px;
    height: calc(100vh - 32px);
  }

  /* محتوا داخل منو: خودش اسکرول بخوره */
  body.page-id-15429 #dash_menu .block_box_menu{
    display: block !important;   /* چون inline style:display:none دارد */
    height: 100%;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }

  /* وقتی باز شد */
  body.page-id-15429.tl-dash-menu-open #dash_menu{
    left: 0;
  }

  /* بک‌دراپ */
  body.page-id-15429 .tl-dash-overlay{
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.35);
    z-index: 10000;
  }
  body.page-id-15429.tl-dash-menu-open .tl-dash-overlay{
    display: block;
  }

  /* وقتی منو بازه، اسکرول صفحه قفل بشه */
  body.page-id-15429.tl-body-lock{
    position: fixed;
    left: 0; right: 0;
    width: 100%;
    overflow: hidden;
  }

  /* لینک "Terug naar menu" روی موبایل مزاحم میشه */
  body.page-id-15429 .dashboard-to-top{
    display: none !important;
  }
}
.dashboard-breadcrumbs {
    position: relative !important;
    top: inherit !important;
    left: inherit !important;
}
.dashboard-breadcrumbs span {
    color: #666 !important;
}
section.parallax-section.dashboard-header-sec {
    padding: inherit !important;
}
.dashboard-header_conatiner {
    padding: inherit !important;
}
.dashboard-header-avatar {
    position: relative !important;
    left: inherit !important;
    top: inherit !important;
    display: flex;
    align-items: center;
    height: inherit !important;
    width: inherit !important;
}
.dashboard-header-avatar:before {
    content: inherit !important;
}
.namedashboard {
    color: #000;
    font-size: 14px;
}
.walet-dashboard {
    display: block;
    color: #666;
    font-size: 14px;
}
.dashboard-header-avatar img {
    height: 60px !important;
    width: 60px !important;
    -webkit-box-shadow: 0px 0px 0px 3px rgb(253 248 255);
    box-shadow: 0px 0px 0px 3px rgb(253 248 255);
}
.tfpp-btn {
    position: relative !important;
    right: inherit !important;
    top: inherit !important;
    background: inherit !important;
    padding: 0 !important;
    border-radius: inherit !important;
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important;
    z-index: 10;
    font-weight: 500;
    font-size: 0.923em;
    cursor: pointer;
    color: #7d93b2;
}
.box-prof {
    padding-left: 10px;
    text-align: left;
}
.header-stats-dash {
    font-weight: bold;
    font-size: 0.923em;
    margin-right: 10px;
    background: #f2f2f6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    border-radius: 15px;
    color: #c4b1cf;
}
.header-stats-dash i {
    font-size: 18px;
    padding-right: 10px;
    padding-left: 10px;
}
.header-stats-dash span {
    padding-right: 10px;
    padding-left: 10px;
}
/* Parent item */
#dash_menu .tl-has-submenu > a{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
}

/* caret icon (FontAwesome) */
#dash_menu .tl-submenu-caret{
  margin-left:auto;
  font-size: 12px;
  line-height: 1;
  border: 0 !important;
  width: auto !important;
  height: auto !important;
  transform: rotate(0deg);
  transition: transform .2s ease;
  opacity: .9;
}

/* وقتی باز شد بچرخه بالا */
#dash_menu .tl-has-submenu.tl-open > a .tl-submenu-caret{
  transform: rotate(180deg);
}

/* Submenu hidden by default */
#dash_menu .tl-submenu{
  display:none;
  margin:6px 0 0 0;
  padding:0 0 0 12px;
}

/* Open state */
#dash_menu .tl-has-submenu.tl-open > .tl-submenu{
  display:block;
}

/* Optional: کمی جمع‌وجورتر برای کاهش ارتفاع */
#dash_menu .tl-submenu .dashboard-menu-link{
  padding-top:10px;
  padding-bottom:10px;
  font-size: 13px;
}
.user-profile-menu li a:hover i {
    -webkit-animation: inherit !important;
    animation: inherit !important;
}
.support-menu {
    position: absolute !important;
    bottom: 0;
    color: #fff;
    padding: 5px 25px;
}
/* =========================================
   TikLijn Dashboard Sidebar - Support Bottom
   Scope: only dashboard page (page-id-15429)
   ========================================= */

/* دسکتاپ: ستون سایدبار قدِ صفحه و sticky */
@media (min-width: 992px){
  body.page-id-15429 .dashboard-sidebar-col{
    height: 100vh;
    position: sticky;
    top: 0;
  }
}

/* خود منو قد بگیره */
body.page-id-15429 #dash_menu{
  height: 100%;
}

/* کانتینر اصلی منو: فلکس ستونی + از بالا شروع کن */
body.page-id-15429 #dash_menu .block_box_menu{
  height: 100%;
  min-height: 100vh;                 /* اگر sticky نبود هم باز ته صفحه حساب شه */
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start !important; /* مهم: جلوگیری از افتادن آیتم‌ها پایین/وسط */
  align-items: stretch !important;        /* مهم: جلوگیری از center شدن */
}

/* بلوک‌های منو اندازه طبیعی داشته باشند */
body.page-id-15429 #dash_menu .user-profile-menu{
  flex: 0 0 auto;
}

/* =========================================
   Support box (همونی که گذاشتی)
   ========================================= */

/* اگر همون کد dynamic-footer-widget رو گذاشتی: */
body.page-id-15429 #dash_menu .dynamic-footer-widget{
  margin-top: auto;              /* مهم‌ترین خط: می‌چسبه ته منو */
  width: 100%;
  float: none;
  padding: 18px 16px 22px;
}

/* چون داخلش li داری */
body.page-id-15429 #dash_menu .dynamic-footer-widget .tikphone{
  list-style: none;
  margin: 0;
  padding: 0;
}

/* رنگ‌ها/خوانایی روی پس‌زمینه سرمه‌ای */
body.page-id-15429 #dash_menu .dynamic-footer-widget,
body.page-id-15429 #dash_menu .dynamic-footer-widget *{
  color: #fff;
}

body.page-id-15429 #dash_menu .dynamic-footer-widget .tikphone-number{
  font-weight: 700;
  margin-top: 6px;
}

/* آیکن پشتیبانی */
body.page-id-15429 #dash_menu .dynamic-footer-widget .tikphone_i i{
  font-size: 34px;
  margin-right: 10px;
}

/* =========================================
   اگر قبلاً caret لوزی شده بود (ریست کامل)
   ========================================= */
body.page-id-15429 #dash_menu .tl-submenu-caret{
  border: 0 !important;
}
.filter_cat .current {
    color:#fff !important;
}
.location-tags .listing-location1-city {
    background: rgb(254 76 98) !important;
    border: 1px solid rgb(254 75 98) !important;
    color: #fff !important;
}
.location-tags .listing-location1-city:hover {
    background: rgb(255 5 36) !important;
    border: 1px solid rgb(255 4 36) !important;
}
.location-tags .listing-location1-city i{
    margin-right: 2px;
}
/* حتماً hero relative باشد */
.listing-hero-section{
  position: relative;
}

.tiklijn-hero-map-box::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 999;
    background: radial-gradient(circle at 50% 40%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1.8) 75%, rgba(257, 255, 255, 4.85) 65%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 1) 10%);
}
.tiklijn-hero-map-wrap {
    position: absolute;
    right: 0;
    top: 0;
    width: 350px;
    height: 310px;
    z-index: 9999999;
    pointer-events: none;
}
.tiklijn-hero-map-glow {
    position: absolute;
    inset: -30px -10px -50px -50px;
    background: radial-gradient(ellipse at 70% 35%, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .70) 45%, rgba(255, 255, 255, 0) 75%);
    filter: blur(2px);
    z-index: 0;
    pointer-events: none;
}
.tiklijn-hero-map-box {
    position: absolute;
    inset: 0;
    border-radius: 0;
    background: #fff;
    overflow: hidden;
}
.tiklijn-hero-map-box::before {
    content: "";
    content: "";
    position: absolute;
    inset: 0%;
    pointer-events: none;
    z-index: 999;
    background: radial-gradient(circle at 58% 46%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0.25) 60%, rgba(255, 255, 255, 0.65) 42%, rgba(255, 255, 255, .92) 88%, rgba(255, 255, 255, 1) 100%);
    filter: blur(2.2px);
}
.tiklijn-hero-map-mask {
    position: absolute;
    inset: 0;
}
.tiklijn-hero-map-mask .singleMap {
    width: 100% !important;
    height: 100% !important;
}
@media (max-width: 900px){
  .tiklijn-hero-map-wrap{ display:none; }
  .bg.par-elem {
        left: 0 !important;
    }
}
.map-img .zoom-controls-wrap {
    display: none;
}
.tag_school {
    position: relative;
    top: -15px;
    font-size: 12px;
    height: 20px;
    color: #fff;
    display: flex;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-right: -3px;
    margin-left: -3px;
    flex-direction: column;
    justify-content: center;
}
.tag_school.taggesloten{ background:#ff2e59; }
.tag_school.tagactief{ background:#22c55e; }
.tik-ico{
  width:20px;
  height:20px;
  display:inline-block;
  vertical-align:middle;
  color:#1d0040;
}

.tik-ico.is-inactive{ color:#d7cae6; }

.tik-ico.is-green{ color:#1fb141; }
.tik-ico.is-blue{ color:#2563eb; } 
.tik-ico.is-red{ color:#ef4444; }    
.tik-ico.is-warning{ color:#f59e0b; } 
.svc-ico{
  width:42px;
  height:42px;
}

.svc-ban{
  width:42px;
  height:42px;
  margin-left:6px;
  color:#ef4444; 
}
.praktijk-alert {
    position: relative;
    color: #fff !important;
    background:#f81136;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 11px;
    margin: 0 5px;
    max-width: 400px;
}

.praktijk-alert::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #f81136;
}

.praktijk-alert.soon{ background:#f81136; }
.praktijk-alert.full{ background:#ef4444; }
.fuzone:before, .photoUpload:before {
    font-family: 'Font Awesome 6 Pro' !important;
}
.fas, .fa-classic, .fa-solid, .far, .fa-regular, .fal, .fa-light, .fat, .fa-thin {
    font-family: 'Font Awesome 6 Pro' !important;
}
.fa, .fas, .far {
    font-family: 'Font Awesome 6 Pro' !important;
}
.post-nav:before {
    font-family: 'Font Awesome 6 Pro' !important;
}
.breadcrumbs a:before, .breadcrumbs-wrapper.top-breadcrumbs a:before {
    font-family: 'Font Awesome 6 Pro' !important;
}
.ctb-modal-lg .ctb-modal-holder {
    margin: 150px 20px 50px auto !important;
}
.share-icon:before {
    font-family: 'Font Awesome 6 Brands' !important;
}
@media only screen and (max-width: 1064px) {
    .menusb a.back:before {
        font-family: 'Font Awesome 6 Pro' !important;
    }
}

element.style {
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w {
    margin-right: 5px !important;
}
.agent_content {
    display: flex;
    grid-template-columns: 64px auto;
    align-items: center;
    grid-gap: 5px;
    margin: 0;
    background: rgba(0, 153, 255, .1);
    padding: 5px 10px 5px 10px !important;
    border-radius: 0px 0 10px 10px;
    max-width: 100%;
    position: relative;
}
.tutor-reset-password-form input[readonly]{
  opacity: .65;
  pointer-events: none;
    font-size: 14px;
}
.pg-payment {
  font-family: 'Roboto', sans-serif;
}

.pg-payment__bg {
  padding: 10px;
}

.pg-payment__card {
  background-color: #f0f6ff;
  width: 100%;
  margin-top: 40px;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 80px 20px 25px 20px;
  text-align: center;
  position: relative;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

/* success circle */
.pg-payment__success {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #60c878;
  border: 5px solid #ffffff;
  text-align: center;
}

.pg-payment__success i {
  color: #ffffff;
  line-height: 90px;
  font-size: 45px;
}

/* headings */
.pg-payment__msg {
  text-transform: uppercase;
  color: #5fc878;
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 5px;
}

.pg-payment__submsg {
  color: #959a9e;
  font-size: 14px;
  font-weight: 400;
  margin-top: 0;
}

/* body */
.pg-payment__body {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 20px;
  box-sizing: border-box;
  padding: 20px;
}

/* recipient */
.pg-payment__avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.pg-payment__recipient-info {
  display: inline-block;
  vertical-align: middle;
}

.pg-payment__recipient {
  color: #232528;
  text-align: left;
  margin: 0 0 5px 0;
  font-weight: 600;
}

.pg-payment__email {
  color: #838890;
  text-align: left;
  margin: 0;
}

/* price */
.pg-payment__price {
  color: #232528;
  font-size: 70px;
  margin: 25px 0 30px 0;
}

.pg-payment__price span {
  font-size: 60%;
}

/* payment method */
.pg-payment__method {
  color: #d3cece;
  text-transform: uppercase;
  text-align: left;
  font-size: 11px;
  margin-bottom: 5px;
}

.pg-payment__payment {
  background-color: #ffffff;
  border-radius: 4px;
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pg-payment__credit-card {
  width: 50px;
  margin-right: 15px;
}

.pg-payment__card-details {
  text-align: left;
}

.pg-payment__card-type {
  text-transform: uppercase;
  color: #232528;
  font-weight: 600;
  font-size: 12px;
  margin: 0 0 3px 0;
}

.pg-payment__card-number {
  color: #838890;
  font-size: 12px;
  margin: 0;
}

/* tags */
.pg-payment__tags {
  padding-top: 15px;
}

.pg-payment__tag {
  text-transform: uppercase;
  background-color: #f8f6f6;
  padding: 3px 5px;
  border-radius: 3px;
  font-size: 10px;
  color: #d3cece;
  margin: 0 3px;
}
.p-3 {
    padding: 5px 10px;
}

.bg-blue-50 {
    background-color: #fff;
}
.text-muted-foreground span {
    text-align: left;
}
.tutor-order-status-wrapper {
    padding: inherit !important;
    box-shadow: none !important;
}
.pt-4 {
    padding-top: 20px;
}
.text-muted-foreground a:hover {
    color: #4cb7fe;
}
.payment-methods .payment-info {
    display: flex !important;
}
.payment-method-mollie input {
    top: 14px !important;
}
.wa-color {
    color: #fff !important;
}
.wa-color:hover {
    color: #4db7fe !important;
}
.tutor-apply-coupon-form input {
    margin-right: 5px !important;
}
@media (max-width: 767px) {
    .tutor-checkout-page .tutor-checkout-details .tutor-checkout-details-inner,
    .tutor-checkout-page .tutor-checkout-billing {
      padding: 24px 0 12px !important;
    }
}
.tutor-checkout-page input[type=tel] {
    text-indent: 0;
    padding: 0 10px;
    line-height: 36px;
}
.tl-verification-verified .tl-verification-icon{
  color:#0095f6 !important;
  animation:none !important;
}

.tl-verification-verified .tl-verification-icon::before{
  animation:none !important;
}
.veryfiy {
    font-size:15px;
    color:#0095f6;
    margin-right:0;
    top:2px;
    position:relative;
}
#dash_menu .tl-submenu-caret{
  transform: rotate(-90deg);
  transition: transform .2s ease;
}

#dash_menu .tl-has-submenu.tl-open > .tl-submenu-toggle .tl-submenu-caret{
  transform: rotate(0deg);
}
@media (max-width: 767px){
  .tl-dashboard-school-name span{
    display:inline-block;
    max-width:220px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:middle;
  }
    .morenumber span {
        font-family: sans-serif;
    }
}
.latepoint-chat-box-w .os-booking-messages-input-w input {
    padding: 23px 10px !important;
    border-radius: inherit !important;
}
.latepoint-chat-box-w .os-booking-messages-input-w {
    padding: 0 !important;
    border-top: 1px solid #f1f0ff !important;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-approved, .customer-bookings-tiles .customer-booking-info .booking-info-value.status-pending, .customer-bookings-tiles .customer-booking-info .booking-info-value.status-cancelled {
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 5px !important;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-completed {
    background-color: #04a9f5 !important;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 5px !important;
    color: #fff;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-approved {
    background-color: #00c278 !important;
}

.customer-bookings-tiles .customer-booking-info .booking-info-value.status-pending {
    background-color: #ffc107 !important;
    color: #fff !important;
}

.customer-bookings-tiles .customer-booking-info .booking-info-value.status-cancelled {
    background-color: #dc3545 !important;
}
.customer-bookings-tiles .customer-booking-info .customer-booking-info-row {
    justify-content: space-between !important;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value {
    text-align: right !important;
}

.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline {
    background-color: #0072db !important;
    color: #fff !important;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline i {
    color: #fcfdff !important;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:hover, .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:focus {
    background-color: #1d0044 !important;
    border-color: #1d0044 !important;
    
}
.latepoint-btn.latepoint-btn-primary:focus {
    outline: 0px solid #1d0044 !important;
}
.print-booking-btn {
    display: none !important;
}
.summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-day {
    padding: 0 !important;
    background: #fff !important;
}
.summary-box.main-box .summary-box-booking-date-box {
    color: #fff !important;
    background: #fc0047 !important;
    border-radius: 5px !important;
}
.tutor-empty-state img {
    width: 100% !important;
}
.new-adcampaign {
    text-align: center !important;
}
@media only screen and (max-width: 768px) {

  .dashboard-content-wrapper .chart-header.fl-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    overflow: hidden;
  }

  .dashboard-content-wrapper .chart-header .listsearch-input-item {
    width: 100%;
    min-width: 0;
  }

  .dashboard-content-wrapper .chart-header #myChartLegend {
    width: 100%;
    min-width: 0;
    overflow: hidden;
  }

  .dashboard-content-wrapper .chart-header #myChartLegend ul,
  .dashboard-content-wrapper .chart-header #myChartLegend .0-legend,
  .dashboard-content-wrapper .chart-header #myChartLegend [class="0-legend"] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .dashboard-content-wrapper .chart-header #myChartLegend li,
  .dashboard-content-wrapper .chart-header #myChartLegend [class="0-legend"] li {
    margin: 0 !important;
    white-space: normal;
    word-break: break-word;
    max-width: 100%;
  }
}
[class="0-legend"] {
    justify-content: space-between !important;
    margin: 0 !important;
}
@media (max-width: 767px) {
  .tl-stats-slider {
    position: relative;
    overflow: hidden;
  }

  .tl-stats-slider .tl-stats-slider-track {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 12px;
    margin: 0;
    padding: 0 14px 14px;
  }

  .tl-stats-slider .tl-stats-slider-track::-webkit-scrollbar {
    display: none;
  }

  .tl-stats-slider .tl-stats-slider-track {
    scrollbar-width: none;
  }

  .tl-stats-slider .tl-stats-slider-track > [class*="col-"] {
    flex: 0 0 85%;
    max-width: 85%;
    width: 85%;
    scroll-snap-align: start;
    padding-left: 0;
    padding-right: 0;
  }

  .tl-stats-slider .dashboard-fact {
    margin-bottom: 0;
  }

  /* یک hint کوچک که کاربر بفهمد قابل اسلاید است */
  .tl-stats-slider::after {
    content: "← Veeg →";
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
    color: #8a8a8a;
    margin-top: 6px;
  }
}
.notification-list-text .notification-msg .substatus-status > i, .notification-list-text .notification-msg > i {
    width: fit-content !important;
    height: stretch !important;
    display: flex !important;
    align-items: center;
    line-height: inherit !important;
    color: #fff !important;
    font-size: 20px !important;
    padding: 10px 15px !important;
    margin-right: 10px !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.notification-list-item {
    padding: 0 !important;
    background: #1d0044 !important;
    border-radius: 5px !important;
    margin-bottom: 15px !important;
}
.notification-list-text .notification-msg {
    color: #fff !important;
    display: flex;
    align-items: center;
}
.notification-list-time {
    color: #fff !important;
    top: inherit !important;
    float: inherit !important;
    width: inherit !important;
    width: inherit !important;
    text-align: inherit !important;
    padding-right: inherit !important;
    padding-right: inherit !important;
    font-size: 10px !important;
    position: inherit !important;
}
.green-bg {
    background: #22c55e !important;    
}
.notification-list-item {
  padding: 0 !important;
  border-radius: 5px !important;
  margin-bottom: 15px !important;
  overflow: hidden;
}

.tl-noti-default {
  background: #1d0044 !important;
}

.tl-noti-green {
  background: #0f5132 !important;
}

.tl-noti-red {
  background: #842029 !important;
}

.tl-noti-yellow {
  background: #6a4f00 !important;
}

.tl-noti-purple {
  background: #4b1f6f !important;
}

.tl-notification-msg {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.tl-notification-msg > i {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin: 0 !important;
}

.tl-notification-content {
  flex: 1 1 auto;
  min-width: 0;
    padding: 5px 0;
}

.tl-notification-text {
  color: #fff;
  line-height: 1.5;
}

.tl-notification-text a {
  color: #4eb7fe;
  text-decoration: underline;
}

.tl-notification-time i {
  font-size: 14px !important;
}

.tl-notification-msg > i.green-bg {
  background: #198754 !important;
}

.tl-notification-msg > i.red-bg {
  background: #dc3545 !important;
}

.tl-notification-msg > i.yellow-bg {
  background: #ffc107 !important;
  color: #222 !important;
}

.tl-notification-msg > i.purp-bg {
  background: #6f42c1 !important;
}

@media (max-width: 767px) {
  .tl-notification-msg {
    gap: 10px;
  }

  .tl-notification-msg > i {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
  }

  .tl-notification-time {
    font-size: 12px;
    top: inherit !important;
  }
}
.btw21 {
    font-size: 10px;
    position: relative;
    left: 3px;
    color: #b1e6ff;
    margin-bottom: 5px;
}
.commissie_seller {
    font-size: 10px;
    margin-top: 4px;
    color: #33b204;
}

.tl-scroll-top-btn {
    position: fixed;
    right: 85px;
    bottom: 24px;
    z-index: 99999;
    display: none;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border: 0;
    border-radius: 5px;
    background: #210059;
    color: #4db7fe;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate3d(0, 0, 0);
}

.tl-scroll-top-btn:hover {
    background: #005fb8;
}

.tl-scroll-top-btn.is-visible {
    display: inline-flex;
}

@media (max-width: 768px) {
    .tl-scroll-top-btn {
        right: 30px;
        bottom: 16px;
        padding: 10px 14px;
        font-size: 14px;
    }
}
/* فقط رنگ جواب کاربر در صفحه نتیجه آزمون */
.theorie-quiz-results .givenAnswer .correct-answer-wrap > span.correct,
.theorie-quiz-results .givenAnswer .correct-answer-wrap > span.correct .quiz-textmain {
    color: #1EA657 !important;
    font-weight: 900;
}

.theorie-quiz-results .givenAnswer .correct-answer-wrap > span.fault,
.theorie-quiz-results .givenAnswer .correct-answer-wrap > span.fault .quiz-textmain {
    color: #E5253C !important;
    font-weight: 900;
}
/* ================================
   TikLijn exam cards: dynamic status
   ================================ */

.card_tor.type-exam .cardTile {
    border: 0.25em solid transparent !important;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

/* default hover = blue */
.card_tor.type-exam:hover > .cardTile {
    border-color: #0072db !important;
}

/* passed hover = green */
.card_tor.type-exam.status-passed:hover > .cardTile {
    border-color: #1EA657 !important;
}

/* failed hover = red */
.card_tor.type-exam.status-failed:hover > .cardTile {
    border-color: #E5253C !important;
}

/* default overlay */

/* passed overlay */
.card_tor.type-exam.status-passed .cardTile .overlayInfo {
    background-image:
        linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)),
        linear-gradient(rgba(30, 166, 87, 0.15), rgba(30, 166, 87, 0.15)) !important;
}

/* failed overlay */
.card_tor.type-exam.status-failed .cardTile .overlayInfo {
    background-image:
        linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)),
        linear-gradient(rgba(229, 37, 60, 0.15), rgba(229, 37, 60, 0.15)) !important;
}

/* title left, history right */
.card_tor.type-exam .cardTile .overlayInfo .bottom {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 12px;
    width: 100%;
}

/* history icons on exam card */
.card_tor.type-exam .tl-card-history {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    margin-left: auto;
    flex-shrink: 0;
}

.card_tor.type-exam .tl-card-history .icon {
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: -6px;
    border: 2px solid rgba(255,255,255,0.9);
    box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}

.card_tor.type-exam .tl-card-history .icon:first-child {
    margin-left: 0;
}

.card_tor.type-exam .tl-card-history .icon i {
    font-size: 11px;
    color: #fff;
}

.card_tor.type-exam .tl-card-history .icon.passed {
    background: #1EA657;
}

.card_tor.type-exam .tl-card-history .icon.failed {
    background: #E5253C;
}

.card_tor.type-exam .tl-card-history .icon.pending {
    background: #f59e0b;
}

/* progress bar wrapper */
.card_tor.type-exam .tl-exam-progress {
    height: 0.4rem;
    width: 100%;
    background: rgba(255, 255, 255, 0.025);
    border-radius: 1rem;
    line-height: 0;
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* native progress */
.card_tor.type-exam .tl-exam-progress progress {
    width: 100%;
    height: 0.4rem;
    display: block;
    border: none;
    border-radius: 1rem;
    overflow: hidden;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: rgba(255, 255, 255, 0.025);
}

/* Chrome/Safari background */
.card_tor.type-exam .tl-exam-progress progress::-webkit-progress-bar {
    background: rgba(255, 255, 255, 0.025);
    border-radius: 1rem;
}

/* default value = blue */
.card_tor.type-exam .tl-exam-progress progress::-webkit-progress-value {
    background: #0072db;
    border-radius: 1rem;
}

.card_tor.type-exam .tl-exam-progress progress::-moz-progress-bar {
    background: #0072db;
    border-radius: 1rem;
}

/* passed value = green */
.card_tor.type-exam .tl-exam-progress.status-passed progress::-webkit-progress-value {
    background: #1EA657;
}

.card_tor.type-exam .tl-exam-progress.status-passed progress::-moz-progress-bar {
    background: #1EA657;
}

/* failed value = red */
.card_tor.type-exam .tl-exam-progress.status-failed progress::-webkit-progress-value {
    background: #E5253C;
}

.card_tor.type-exam .tl-exam-progress.status-failed progress::-moz-progress-bar {
    background: #E5253C;
}
.tl-exam-filter-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin: 0 auto 24px;
	width: 100%;
}

.tl-exam-filter-bar h1.small {
	margin: 0;
	color: #fff;
}

.tl-exam-filter-bar .filterNav ul {
	display: flex;
	align-items: center;
	gap: 28px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.tl-exam-filter-bar .filterNav .button {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	color: rgba(255, 255, 255, 0.65);
	font-weight: 600;
	padding: 0 0 7px;
	text-decoration: none;
	box-shadow: none !important;
}

.tl-exam-filter-bar .filterNav .button:hover,
.tl-exam-filter-bar .filterNav .button.is-active {
	color: #fff;
	border-bottom: 2px solid #fff !important;
}

@media (max-width: 768px) {
	.tl-exam-filter-bar {
		flex-direction: column;
		align-items: flex-start;
	}

	.tl-exam-filter-bar .filterNav ul {
		gap: 18px;
		flex-wrap: wrap;
	}
}
.tl-topic-section {
	width: 100%;
}

.tl-exam-filter-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin: 0 auto 24px;
	width: 100%;
}

.tl-exam-filter-bar .topic_txt {
	margin: 0;
}

.tl-exam-filter-bar .filterNav ul {
	display: flex;
	align-items: center;
	gap: 28px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.tl-exam-filter-bar .filterNav .button {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	color: rgba(255, 255, 255, 0.65);
	font-weight: 600;
	padding: 0 0 7px;
	text-decoration: none;
	box-shadow: none !important;
}

.tl-exam-filter-bar .filterNav .button:hover,
.tl-exam-filter-bar .filterNav .button.is-active {
	color: #fff;
	border-bottom: 2px solid #fff !important;
}

/* درس کامل‌شده = آبی */
.card_tor.status-completed .cardTile:hover {
	border: 0.25em solid #0072db;
}

.tl-exam-progress.status-completed progress::-webkit-progress-value {
	background-color: #0072db;
}

.tl-exam-progress.status-completed progress::-moz-progress-bar {
	background-color: #0072db;
}

/* حالت پیش‌فرض / هنوز انجام نشده */
.tl-exam-progress.status-default progress::-webkit-progress-value {
	background-color: transparent;
}

.tl-exam-progress.status-default progress::-moz-progress-bar {
	background-color: transparent;
}

@media (max-width: 768px) {
	.tl-exam-filter-bar {
		flex-direction: column;
		align-items: flex-start;
	}

	.tl-exam-filter-bar .filterNav ul {
		gap: 18px;
		flex-wrap: wrap;
	}
}
/* TikLijn lesson/video completed state */
.card_tor.status-completed .cardTile .overlayInfo {
	background-image:
		linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)),
		linear-gradient(rgba(0, 114, 219, 0.15), rgba(0, 114, 219, 0.15)) !important;
}

.card_tor.status-completed .cardTile:hover {
	border: 0.25em solid #0072DB;
}

/* Progress bar default empty */
.tl-exam-progress.status-default progress::-webkit-progress-value {
	background: transparent;
}

.tl-exam-progress.status-default progress::-moz-progress-bar {
	background: transparent;
}

/* Progress bar completed lesson/video = blue */
.tl-exam-progress.status-completed progress::-webkit-progress-value {
	background: #0072DB;
}

.tl-exam-progress.status-completed progress::-moz-progress-bar {
	background: #0072DB;
}

/* Optional: make default empty bar visible but soft */
.tl-exam-progress.status-default {
	background: rgba(255, 255, 255, 0.12);
}
.tl-multiple-answer-instruction {
	margin-top: 4px;
	margin-bottom: 22px;
	font-size: 18px;
	line-height: 1.4;
	color: #8b98a8;
	font-weight: 400;
}

/* فقط برای سوال چندپاسخه */
.tl-multiple-response-enabled .tutor-quiz-answer-single {
	margin-bottom: 14px;
}

.tl-multiple-response-enabled .tutor-quiz-question-item {
	display: block;
	cursor: pointer;
}

.tl-multiple-response-enabled .tutor-quiz-answer-single .tutor-card {
	border: 0;
	border-radius: 6px;
	background: #ffffff;
	box-shadow: none;
	transition: background-color .18s ease, color .18s ease;
}

.tl-multiple-response-enabled .tutor-quiz-answer-single .tutor-d-flex {
	position: relative;
	gap: 16px;
}

.tl-multiple-response-enabled .tutor-quiz-answer-single input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.tl-multiple-response-enabled .tutor-quiz-answer-single .answer-circle {
	display: none !important;
}

.tl-multiple-response-enabled .tutor-quiz-answer-single .tutor-d-flex::before {
	content: "";
	width: 42px;
	height: 42px;
	min-width: 42px;
	border-radius: 6px;
	background: #dbeafe;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #0072db;
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
}

.tl-multiple-response-enabled .tutor-quiz-answer-single.selected .tutor-card {
	background: #0072db;
	color: #fff;
}

.tl-multiple-response-enabled .tutor-quiz-answer-single.selected .tutor-d-flex::before {
	content: "✓";
	background: #fff;
	color: #0072db;
}

.tl-multiple-response-enabled .tutor-quiz-answer-single .tutor-fs-6 {
	margin-left: 0 !important;
	font-weight: 600;
	color: inherit;
}

.tl-multiple-response-enabled .tutor-quiz-answer-single.selected .quiz-textmain {
	color: #fff;
}
/* Selected quiz answer: make answer text white */
.quiz-question-ans-choice-area .tutor-quiz-answer-single.selected .tutor-card .tutor-fs-6,
.quiz-question-ans-choice-area .tutor-quiz-answer-single.selected .tutor-card .tutor-fs-6 .quiz-textmain {
    color: #fff !important;
    font-weight: 800;
}
.cards-type-exam.tl-cards-collapsible {
	position: relative;
	overflow: hidden;
	transition: max-height 0.35s ease;
	padding-bottom: 0;
}

.cards-type-exam.tl-cards-collapsible.tl-is-expanded {
	overflow: hidden;
	padding-bottom: 86px;
}

.cards-type-exam .tl-cards-fade {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 175px;
	z-index: 8;
	pointer-events: none;
	background: linear-gradient(to bottom, rgb(33 0 79 / 0%) 0%, rgb(33 0 79 / 73%) 45%, rgb(33 0 79) 100%);
}

.cards-type-exam .tl-cards-expand-button {
	position: absolute !important;
	left: 50% !important;
	bottom: 24px !important;
	transform: translateX(-50%) !important;
	z-index: 9999 !important;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 9px !important;

	width: auto !important;
	height: 48px !important;
	min-width: 154px !important;
	max-width: none !important;
	min-height: 0 !important;

	border: 0 !important;
	border-radius: 999px !important;
	padding: 0 28px !important;

	background: #0072db !important;
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	line-height: 1 !important;
	text-align: center !important;
	text-decoration: none !important;
	white-space: nowrap !important;

	cursor: pointer !important;
	box-shadow: 0 5px 16px rgb(29 10 55) !important;
	transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}

.cards-type-exam .tl-cards-expand-button:hover {
	background: #005fba !important;
	box-shadow: 0 5px 16px rgb(29 10 55) !important;
	transform: translateX(-50%) translateY(-2px) !important;
}

.cards-type-exam .tl-cards-expand-button i {
	font-size: 13px !important;
	line-height: 1 !important;
}

.cards-type-exam.tl-is-expanded .tl-cards-fade {
	display: none !important;
}

.cards-type-exam.tl-is-expanded .tl-cards-expand-button {
	bottom: 18px !important;
}

@media (max-width: 767px) {
	.cards-type-exam .tl-cards-fade {
		height: 155px;
	}

	.cards-type-exam .tl-cards-expand-button {
		width: auto !important;
		min-width: 150px !important;
		height: 46px !important;
		padding: 0 24px !important;
		font-size: 14px !important;
	}
}
/* TikLijn - fix quiz result image width on mobile */
@media only screen and (max-width: 768px) {
  .theorie-quiz-result {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  .theorie-quiz-result .theorie-quiz-image {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    box-sizing: border-box !important;
  }

  .theorie-quiz-result .theorie-quiz-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }

}
/* =========================================================
   TikLijn - Mobile quiz result image layout
   Result page: hide top image and use large image below question
   ========================================================= */

@media only screen and (max-width: 768px) {

  .theorie-quiz-result {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  /* تصویر بالایی نتیجه آزمون در موبایل نمایش داده نشود */
  .theorie-quiz-result > .theorie-quiz-image {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  /* تصویر بزرگ زیر سوال در موبایل همیشه نمایش داده شود */
  .theorie-quiz-result .quiz-img-large-wrapper {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 18px 0 !important;
    padding: 0 !important;
  }

  .theorie-quiz-result .quiz-img-large-wrapper p {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .theorie-quiz-result .quiz-img-large-wrapper img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 8px !important;
  }

  /* دکمه بزرگنمایی و دکمه جمع کردن تصویر در موبایل نمایش داده نشود */
  .theorie-quiz-result .expandButton,
  .theorie-quiz-result .expandButtonSmall,
  .theorie-quiz-result .expandButtonLarge {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}
.quiz-img-large-wrapper .tl-ths-result-zone-label{font-size: 14px !important;}

.tl-answer-explanation .quiz-textmain {
    line-height: 1.65;
}

.tl-answer-explanation .quiz-textmain p,
.tl-answer-explanation .quiz-textmain .tl-explanation-paragraph {
    display: block;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

.tl-answer-explanation .quiz-textmain p:last-child,
.tl-answer-explanation .quiz-textmain .tl-explanation-paragraph:last-child {
    margin-bottom: 0 !important;
}
.theorie-quiz-result > .theorie-quiz-image .tl-todd-result-img-frame,
.theorie-quiz-result > .theorie-quiz-image .tl-ths-result-img-frame,
.theorie-quiz-result > .theorie-quiz-image > img,
.theorie-quiz-result > .theorie-quiz-image > p > img {
	transition: opacity .18s ease;
}

.theorie-quiz-result.is-large-image-open > .theorie-quiz-image .tl-todd-result-img-frame,
.theorie-quiz-result.is-large-image-open > .theorie-quiz-image .tl-ths-result-img-frame,
.theorie-quiz-result.is-large-image-open > .theorie-quiz-image > img,
.theorie-quiz-result.is-large-image-open > .theorie-quiz-image > p > img {
	opacity: .5;
}

.theorie-quiz-result.is-large-image-open > .theorie-quiz-image .expandButtonSmall {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	z-index: 30;
}
/* =========================================================
   TikLijn Tutor cards: top badges, lock position, completed check
   ========================================================= */

.card_tor.type-exam {
	position: relative;
}

/* گروه شماره + قفل در بالا سمت چپ */
.card_tor.type-exam .tl-card-badges-left {
	position: absolute;
	top: clamp(6px, 0.75vw, 12px);
	left: clamp(6px, 0.75vw, 12px);
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: clamp(4px, 0.45vw, 8px);
	pointer-events: none;
}

/* دایره شماره */
.card_tor.type-exam .tl-card-number-badge {
	width: clamp(18px, 1.65vw, 28px);
	height: clamp(18px, 1.65vw, 28px);
	min-width: clamp(18px, 1.65vw, 28px);
	border-radius: 999px;
	border: 2px solid rgba(255, 255, 255, 0.9);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgb(0 114 219);
	color: #fff;
	font-size: clamp(10px, 0.85vw, 13px);
	font-weight: 900;
	line-height: 1;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
}

/* قفل جدید: دیگر وسط کارت نیست */
.card_tor.type-exam .tl-card-badges-left .louck_ico {
	position: static !important;
	top: auto !important;
	left: auto !important;
	width: clamp(18px, 1.65vw, 28px) !important;
	height: clamp(18px, 1.65vw, 28px) !important;
	min-width: clamp(18px, 1.65vw, 28px) !important;
	padding: 0 !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 999px;
    background: rgb(255 255 255);
    border: 0 solid rgb(255 255 255);
    color: #0072db !important;
	font-size: clamp(10px, 0.9vw, 14px) !important;
	line-height: 1 !important;
	z-index: auto !important;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
}

.card_tor.type-exam .tl-card-badges-left .louck_ico i {
	line-height: 1;
}

/* تیک درس کامل‌شده در بالا سمت راست */
.card_tor.type-exam .tl-card-completed-badge {
	position: absolute;
	top: clamp(6px, 0.75vw, 12px);
	right: clamp(6px, 0.75vw, 12px);
	z-index: 3;
	width: clamp(19px, 1.8vw, 30px);
	height: clamp(19px, 1.8vw, 30px);
	min-width: clamp(19px, 1.8vw, 30px);
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #48a900;
	color: #fff;
	border: 3px solid rgb(153 192 125);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
	pointer-events: none;
}

.card_tor.type-exam .tl-card-completed-badge i {
	font-size: clamp(10px, 0.95vw, 15px);
	line-height: 1;
	color: #fff;
}

/* موبایل: عنوان کارت‌ها کوچک‌تر و مرتب‌تر */
@media (max-width: 748px) {
	.card_tor.type-exam .cardTile .overlayInfo {
		padding: 7px !important;
	}

	.card_tor.type-exam .cardTile .overlayInfo .bottom {
		margin-bottom: 4px !important;
		gap: 6px !important;
		align-items: flex-end !important;
	}

	.card_tor.type-exam .cardTile .overlayInfo .bottom .description {
		min-width: 0;
		width: 100%;
	}

	.card_tor.type-exam .cardTile .overlayInfo .bottom .description .title {
		font-size: 11px !important;
		line-height: 1.15 !important;
		font-weight: 800 !important;
		letter-spacing: -0.01em;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.card_tor.type-exam .tl-card-history .icon {
		width: 18px;
		height: 18px;
		min-width: 18px;
	}

	.card_tor.type-exam .tl-card-history .icon i {
		font-size: 9px;
	}

	.card_tor.type-exam .tl-exam-progress,
	.card_tor.type-exam .tl-exam-progress progress {
		height: 0.28rem;
	}
    /* گروه شماره + قفل در بالا سمت چپ */
    .card_tor.type-exam .tl-card-badges-left {
    	top: clamp(15px, 0.75vw, 12px);
    	left: clamp(10px, 0.75vw, 12px);
    }
}

/* موبایل‌های خیلی باریک */
@media (max-width: 380px) {
	.card_tor.type-exam .cardTile .overlayInfo .bottom .description .title {
		font-size: 10px !important;
		line-height: 1.12 !important;
	}

	.card_tor.type-exam .tl-card-badges-left {
		top: 5px;
		left: 5px;
		gap: 4px;
	}

	.card_tor.type-exam .tl-card-completed-badge {
		top: 5px;
		right: 5px;
	}
}
/* =========================================================
   TikLijn Tutor cards: collapsible shadow and expand button layer
   ========================================================= */

/* کانتینر کارت‌هایی که Meer tonen دارند */
.tl-cards-collapsible {
	position: relative;
	isolation: isolate;
}

/* خود کارت‌ها پایین‌تر از سایه و دکمه باشند */
.tl-cards-collapsible .card_tor.type-exam {
	position: relative;
	z-index: 1;
}

/* قفل، شماره و تیک روی خود کارت باشند، ولی زیر سایه Meer tonen */
.tl-cards-collapsible .card_tor.type-exam .tl-card-badges-left,
.tl-cards-collapsible .card_tor.type-exam .tl-card-completed-badge {
	z-index: 3 !important;
}

/* اگر سایه با before یا after ساخته شده باشد، باید بالاتر از badgeها باشد */
.tl-cards-collapsible::before,
.tl-cards-collapsible::after {
	z-index: 20 !important;
	pointer-events: none;
}

/* دکمه Meer tonen باید بالاترین سطح همین بخش باشد */
.tl-cards-collapsible .tl-cards-expand-button {
	z-index: 30 !important;
}
.cheken-custom-list-style li:before {
    content: "" !important;
    background: #eaeaea !important;
    width: 16px !important;
    height: 16px;
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    border-radius: 50% !important;
}
.cheken-custom-list-style li:after {
    content: "" !important;
    position: absolute !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #3f51b5 !important;
    left: 4px !important;
    top: 6px !important;
}
.cheken-custom-list-style {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.cheken-custom-list-style-li {
    position: relative;
    margin-left: 15px;
    padding-left: 25px;
}
/*
|--------------------------------------------------------------------------
| TikLijn Tutor subscription plan cards
|--------------------------------------------------------------------------
*/

.tutorsubscription-plan {
	cursor: pointer;
}

.tutorsubscription-plan .tl-plan-card {
	width: 100%;
}

.tutorsubscription-plan .tl-plan-title-row {
	display: flex;
	align-items: center;
	min-width: 0;
}

.tutorsubscription-plan .tl-plan-title {
	display: block;
	min-width: 0;
}

.tutorsubscription-plan .tl-plan-body {
	margin-top: 4px;
}

.tutorsubscription-plan .tl-plan-meta-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	color: #4cacf3;
}

.tutorsubscription-plan .tl-plan-users,
.tutorsubscription-plan .tl-plan-duration {
	color: #4cacf3;
	white-space: nowrap;
}

.tutorsubscription-plan .tl-plan-duration {
	margin-left: auto;
	text-align: right;
}

.tutorsubscription-plan .tl-plan-price-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 14px;
	width: 100%;
}

.tutorsubscription-plan .tl-plan-current-price,
.tutorsubscription-plan .tl-plan-original-price {
	display: inline-flex;
	align-items: baseline;
	margin: 0;
	white-space: nowrap;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
}

.tutorsubscription-plan .tl-plan-current-price {
	color: #ffffff !important;
	text-decoration: none;
}

.tutorsubscription-plan .tl-plan-original-price {
	color: #ff0e56 !important;
	text-decoration-line: line-through;
	text-decoration-thickness: 1px;
	text-decoration-color: currentColor;
}

.tutorsubscription-plan .tl-plan-price-visible {
	display: inline-flex;
	align-items: baseline;
}

.tutorsubscription-plan .tl-plan-price-major {
	font-size: 1em;
	line-height: 1;
}

.tutorsubscription-plan .tl-plan-price-minor {
	margin-left: 1px;
	font-size: 0.55em;
	font-weight: inherit;
	line-height: 0;
	vertical-align: super;
}

.tutorsubscription-plan .tl-plan-price-suffix {
	font-size: 1em;
}

.tutorsubscription-plan .tl-plan-tax-label {
	margin-top: 5px;
	font-size: 11px;
}

@media (max-width: 767px) {
	.tutorsubscription-plan .tl-plan-meta-row {
		gap: 8px;
	}

	.tutorsubscription-plan .tl-plan-current-price,
	.tutorsubscription-plan .tl-plan-original-price {
		font-size: 17px;
	}
}
/*
|--------------------------------------------------------------------------
| TikLijn discounted original price
|--------------------------------------------------------------------------
*/

/* قیمت قبلی قرمز، کوچک‌تر از قیمت فعلی سفید */
.tutorsubscription-plan .tl-plan-original-price {
	position: relative;
	display: inline-flex;
	align-items: baseline;
	padding: 0 2px;

	font-size: 14px !important;
	font-weight: 600;
	line-height: 1;

	color: #ff0e56 !important;

	/* خط پیش‌فرض افقی del حذف می‌شود */
	text-decoration: none !important;
}

/* خط مورب روی کل قیمت قبلی */
.tutorsubscription-plan .tl-plan-original-price::after {
	content: "";
	position: absolute;

	left: -5%;
	top: 50%;

	width: 110%;
	height: 1.5px;

	background: currentColor;
	border-radius: 999px;

	transform: translateY(-50%) rotate(-12deg);
	transform-origin: center;

	pointer-events: none;
}

/* بخش اصلی قیمت قبلی، مثلاً €24 */
.tutorsubscription-plan .tl-plan-original-price .tl-plan-price-major {
	font-size: 1em;
	font-weight: 600;
	line-height: 1;
}

/* بخش سنت قیمت قبلی، مثلاً 99 */
.tutorsubscription-plan .tl-plan-original-price .tl-plan-price-minor {
	position: relative;
	top: -0.25em;

	margin-left: 1px;

	font-size: 0.52em;
	font-weight: 600;
	line-height: 1;
}

/* قیمت فعلی سفید همچنان بزرگ‌تر باقی بماند */
.tutorsubscription-plan .tl-plan-current-price {
	font-size: 18px !important;
	font-weight: 700;
}
/*
|--------------------------------------------------------------------------
| TikLijn academy theory subscription selector
|--------------------------------------------------------------------------
*/

.box-examen .tl-theory-course-tabs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 7px;
	width: 100%;
	margin: 0 0 16px;
}

.box-examen .tl-theory-course-tab {
	-webkit-appearance: none;
	appearance: none;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;

	width: 100%;
	min-width: 0;
	min-height: 66px;
	padding: 9px 3px 8px;

	border: 2px solid #cae4f5;
	border-radius: 12px;

	background: #ffffff;
	color: #777887;

	font: inherit;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;

	box-shadow: none;
	cursor: pointer;

	transition:
		border-color 160ms ease,
		box-shadow 160ms ease,
		color 160ms ease,
		transform 160ms ease;
}

.box-examen .tl-theory-course-tab i {
	display: block;
	margin: 0;

	font-size: 20px;
	line-height: 1;
	color: inherit;
}

.box-examen .tl-theory-course-tab span {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.box-examen .tl-theory-course-tab:hover {
	border-color: #4eb7fe;
	color: #3a3d4c;
}

.box-examen .tl-theory-course-tab.is-active {
	border-color: #4eb7fe;
	color: #343846;

	box-shadow: 0 4px 0 #4eb7fe;
	transform: translateY(-1px);
}

.box-examen .tl-theory-course-tab:focus-visible {
	outline: 3px solid rgba(76, 172, 243, 0.4);
	outline-offset: 2px;
}

.box-examen .tl-theory-course-tab:disabled {
	opacity: 0.45;
	cursor: not-allowed;
	box-shadow: none;
	transform: none;
}

/*
|--------------------------------------------------------------------------
| Panels
|--------------------------------------------------------------------------
*/

.box-examen .tl-theory-plan-panel[hidden] {
	display: none !important;
}

.box-examen .tl-theory-plan-panel.is-active {
	display: block;
}

.box-examen .tl-theory-no-plans {
	margin: 10px 0;
	color: #ffffff;
	font-size: 13px;
	text-align: center;
}

/*
|--------------------------------------------------------------------------
| Vertical plan cards: Solo above, Familie below
|--------------------------------------------------------------------------
*/

.box-examen .tl-theory-plan-card {
	display: block !important;
	width: 100% !important;

	margin: 0 !important;
	padding: 12px 8px !important;

	border: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 8px;

	box-sizing: border-box;
	cursor: pointer;

	transition:
		background-color 160ms ease,
		box-shadow 160ms ease;
}

.box-examen .tl-theory-plan-card:first-of-type {
	margin: 0 !important;
	padding: 12px 8px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.box-examen .tl-theory-plan-card:last-child {
	border-bottom: 0 !important;
}

.box-examen .tl-theory-plan-card:hover,
.box-examen .tl-theory-plan-card.is-selected {
	background: rgba(255, 255, 255, 0.09);
}

.box-examen .tl-theory-plan-card.is-selected {
	box-shadow: inset 0 0 0 1px rgba(76, 172, 243, 0.7);
}

.box-examen .tl-theory-plan-card .tl-plan-card {
	display: block;
	width: 100%;
}

.box-examen .tl-theory-plan-card .tl-plan-title-row {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	min-width: 0;
}

.box-examen .tl-theory-plan-card .tutor-form-check-input {
	flex: 0 0 auto;
	margin: 0;
}

.box-examen .tl-theory-plan-card .tl-plan-title {
	display: block;
	min-width: 0;

	padding-left: 0 !important;

	color: #ffffff !important;
	font-size: 14px;
	line-height: 1.35;
	margin-left: 30px;
}

.box-examen .tl-theory-plan-card .tl-plan-body {
	margin-top: 5px;
	margin-left: 30px !important;
}

/*
|--------------------------------------------------------------------------
| 1 gebruiker / 3 gebruikers and 30 dagen
|--------------------------------------------------------------------------
*/

.box-examen .tl-theory-plan-card .tl-plan-meta-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;

	width: 100%;
	margin-bottom: 8px;

	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
}

.box-examen .tl-theory-plan-card .tl-plan-users,
.box-examen .tl-theory-plan-card .tl-plan-duration {
	color: #4cacf3 !important;
	white-space: nowrap;
}

.box-examen .tl-theory-plan-card .tl-plan-duration {
	margin-left: auto;
	text-align: right;
}

/*
|--------------------------------------------------------------------------
| Prices
|--------------------------------------------------------------------------
*/

.box-examen .tl-theory-plan-card .tl-plan-price-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;

	width: 100%;
}

.box-examen .tl-theory-plan-card .tl-plan-current-price,
.box-examen .tl-theory-plan-card .tl-plan-original-price {
	display: inline-flex;
	align-items: baseline;

	margin: 0;
	white-space: nowrap;
	line-height: 1;
}

/* Current discounted price: larger and white */
.box-examen .tl-theory-plan-card .tl-plan-current-price {
	color: #ffffff !important;
	font-size: 18px !important;
	font-weight: 700;
	text-decoration: none;
}

/* Original price: smaller and red */
.box-examen .tl-theory-plan-card .tl-plan-original-price {
	position: relative;

	padding: 0 2px;

	color: #ff0e56 !important;
	font-size: 14px !important;
	font-weight: 600;

	text-decoration: none !important;
}

/* Diagonal line over original price */
.box-examen .tl-theory-plan-card .tl-plan-original-price::after {
	content: "";

	position: absolute;
	z-index: 2;

	top: 50%;
	left: -6%;

	width: 112%;
	height: 1.5px;

	background: currentColor;
	border-radius: 999px;

	transform: translateY(-50%) rotate(-12deg);
	transform-origin: center;

	pointer-events: none;
}

.box-examen .tl-theory-plan-card .tl-plan-price-visible {
	display: inline-flex;
	align-items: baseline;
}

.box-examen .tl-theory-plan-card .tl-plan-price-major {
	font-size: 1em;
	font-weight: inherit;
	line-height: 1;
}

.box-examen .tl-theory-plan-card .tl-plan-price-minor {
	position: relative;
	top: -0.3em;

	margin-left: 1px;

	font-size: 0.55em;
	font-weight: inherit;
	line-height: 1;
}

.box-examen .tl-theory-plan-card .tl-plan-price-suffix {
	font-size: 1em;
}

.box-examen .tl-theory-plan-card .tl-plan-tax-label {
	margin-top: 5px;

	color: #dec7ee !important;
	font-size: 11px;
	font-weight: 500;
}

/*
|--------------------------------------------------------------------------
| Buy button state
|--------------------------------------------------------------------------
*/

.box-examen .tl-theory-subscription-selector
.tutor-subscription-buy-now[aria-disabled="true"] {
	opacity: 0.6;
	pointer-events: none;
}

/*
|--------------------------------------------------------------------------
| Very narrow listing sidebar
|--------------------------------------------------------------------------
*/

@media (max-width: 380px) {
	.box-examen .tl-theory-course-tabs {
		gap: 5px;
	}

	.box-examen .tl-theory-course-tab {
		min-height: 60px;
		padding: 8px 2px 7px;
		font-size: 11px;
	}

	.box-examen .tl-theory-course-tab i {
		font-size: 18px;
	}

	.box-examen .tl-theory-plan-card .tl-plan-current-price {
		font-size: 17px !important;
	}

	.box-examen .tl-theory-plan-card .tl-plan-original-price {
		font-size: 13px !important;
	}
}