*,
root {
	padding: 0
}

.--Site--Menu>ul>li:hover>ul.sub-menu,
header::before {
	transform: translateY(0);
	visibility: visible;
	transition: 280ms
}

.-site-logo {
	transition: 180ms
}

li.-matches-bar-item .-leaguename,
li.-matches-bar-item .-stadium {
	max-width: calc(50% - 20px);
	white-space: nowrap;
	text-overflow: ellipsis
}

.baidu,
.blogger,
.buffer,
.digg,
.email,
.evernote,
.facebook,
.flipboard,
.googleplus,
.hackernews,
.line,
.linkedin,
.messenger,
.myspace,
.okru,
.pinterest,
.pocket,
.renren,
.skype,
.stumbleupon,
.telegram,
.trello,
.tumblr,
.twitter,
.viber,
.vk,
.weibo,
.whatsapp,
.xing,
.youtube {
	--sociaTextColor: white
}

*,
body {
	-webkit-font-smoothing: antialiased
}

a,
body,
textarea {
	color: var(--primary-text)
}


header,
header.fixedintro {
	--intro-primary-text: var(--uicolor);
}

.--Site--Menu>ul>li>ul.sub-menu>li>a:hover,
.search_body>form>button:hover {
	color: var(--uicolor)
}

.-YC-owl-navs-items>.-YC-owl-Slides-next {
	left: 0
}

.--Site--Menu>ul>li>ul.sub-menu, .-row-shares-items>a:before, .GotoTop, header.fixedintro::before {
	visibility: hidden;
	opacity: 0;
}

.--Parent-URL-BTN>a i,
.--Parent-URL-BTN>a>span {
	margin-inline-end: 7px
}

.ThankYou-svg-wrap #button,
.ThankYou-svg-wrap #check,
.ThankYou-svg-wrap #circle {
	fill: none;
	height: inherit;
	stroke-linecap: round
}

:root {
	--uicolor: #c62326;
	--primary-text: #100202;
	--secondarytext: #5c667d;
	--Text-color: #0d1728;
	--second-text-color: #5c5e66;
	--hover-overlay: #00000008;
	--diver: #dbdce7;
	--container: 1200px;
	--font-family: YourColor;
	--miniradius: 16px;
	--success-color: #28a745;
	--danger-color: #dc3545;
	--warning-color: #ffc107;
	--info-color: #17a2b8;
	--light-color: #f8f9fa;
	--dark-color: #343a40;
	--border: 1px solid #dbdce7;
	--container-width: 1380px;
	--container-padding--value: 40px;
	--container-padding: 0 var(--container-padding--value);
	--box-shadow-defult: 0px 1px 6px #0000001f;
	--box-shadow-hover: #dbdce700 0px 0px 0px 1px, 0px 15px 32px -14px #09234012, 0px 4px 2px -3px #09234012;
	--border-defult-hover: #e5eaef52;
	--border-defult: 1px solid #fff;
	--PopoverShadow: 0 12px 20px 0 rgb(0 0 0 / 4%), 0 2px 4px 0 rgb(0 0 0 / 2%), inset 0 0 0 1px rgb(255 255 255 / 60%);
	--whatsapp: #27ae60;
	--telegram: #0088cc;
	--transtionValue: 1s;
	--chevron: '\f053';
	--plus-icon: '\e59e';
	--check-icon: "\f00c";
	--largeradius: 20px;
	--miniradius: 5px;
	--fsize: 14px;
	--font-familyen: Rubik;
	--f-number: Plus Jakarta Sans;
	--f-logo: Alexandria;
	--positive: #31a24c;
	--negative: #db1133;
	--pading: 40px 0 40px;
	--searchi-icon: "\f002";
	--overlay: #ffffff;
	--bghover: #0505050a;
	--overlaycolor: #181864ab;
	--uioverlaycolor: #2144f00a;
	--shadow-2: #0003;
	--shadow-1: #0000001a;
	--placeholder: #8a8d91;
	--uicolor2: #f2b606;
}

* {
	margin: 0;
	outline: 0;
	box-sizing: border-box;
	font-family: inherit;
	word-break: break-word;
	vertical-align: middle
}

.mail {
	--sociaColor: rgb(136, 136, 136)
}

.messenger {
	--sociaColor: rgb(0, 153, 255)
}

.trello,
.twitter {
	--sociaColor: #000000;
}

.facebook {
	--sociaColor: #1f82ec
}

.linkedin {
	--sociaColor: #007AB5
}

.googleplus {
	--sociaColor: #DD4C39
}

.email {
	--sociaColor: #444
}

.whatsapp {
	--sociaColor: #4DC247
}

.telegram {
	--sociaColor: #34ADE1
}

.viber {
	--sociaColor: #7C529E
}

.pinterest {
	--sociaColor: #CB2029
}

.tumblr {
	--sociaColor: #32506d
}

.hackernews {
	--sociaColor: #FF6700
}

.instagram {
	--sociaColor: #E91E63
}

.threads {
	--sociaColor: #021d38
}

.reddit {
	--sociaColor: #CEE3F8;
	--sociaTextColor: #445e7e
}

.vk {
	--sociaColor: #45668E
}

.buffer {
	--sociaColor: #46ABED
}

.xing {
	--sociaColor: #006464
}

.line {
	--sociaColor: #1DCD00
}

.digg {
	--sociaColor: #1B568E
}

.pocket {
	--sociaColor: #EE4056
}

.stumbleupon {
	--sociaColor: #EB4924
}

.flipboard {
	--sociaColor: #E02828
}

.weibo {
	--sociaColor: #E6162D
}

.renren {
	--sociaColor: #005EAC
}

.myspace {
	--sociaColor: #111
}

.blogger {
	--sociaColor: #EB8104
}

.baidu {
	--sociaColor: #2319DC
}

.okru {
	--sociaColor: #EE8208
}

.youtube {
	--sociaColor: #FF0000
}

.evernote {
	--sociaColor: #5ba525
}

.skype {
	--sociaColor: #00aff0
}

body {
	font-family: var(--font-family);
	line-height: 1.5;
	background: #f8f8f8;
	font-size: var(--fsize);
	direction: rtl;
}

body,
html {
	height: 100%
}
.LinksBox>li>a:hover {
    color: var(--uicolor);
}
body::-webkit-scrollbar {
	width: 6px
}

body::-webkit-scrollbar-thumb {
	background: #0a172a;
	border-radius: 50px
}

body::-webkit-scrollbar-track {
	background: #f9f9f9
}
.Single_post_box_small_data a:hover {
    color: var(--uicolor);
}
a {
	text-decoration: none
}

img {
	max-width: 100%
}

::placeholder {
	color: var(--secondarytext);
	font-weight: 300
}

:focus::placeholder {
	opacity: .4
}

.container {
	padding: var(--container-padding);
	max-width: var(--container-width);
	margin: 0 auto
}

.-order-single-page-favourites .YC-timeline-primary-boxed .container {
    padding-inline: 0;
}


.fixedintro root {
	padding-top: 0
}


header,
header::before,
textarea {
	background: #fff
}

.Gold_price_box_calc_field input#grams {
	color: #313131 !important;
}

input[type=password] {
	--item-uicolor: var(--uicolor)
}

.-space-between {
	justify-content: space-between
}

.-flex-1 {
	flex: 1
}


header {
	position: fixed;
	top: 0;
	z-index: 9999;
	right: 0;
	flex-wrap: wrap;
	width: 100%;
	--header-padding: 10px 0px;
	border-bottom: 8px solid #f8f8f8;
	transition: all 0.2s ease;
}



header.fixedintro {
	--header-padding: 15px 0px;
}

header::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	--bx-shw: rgb(0 0 0 / 3%) 0 2px 4px, rgb(5 10 18 / 1%) 0 20px 15px;
	box-shadow: var(--bx-shw);
	opacity: 1
}

header.fixedintro::before {
	background: 0 0
}

body.before-start header:not(.fixedintro):before {
	--bx: rgb(14 67 181 / 3%) 0 2px 4px, rgb(149 168 207 / 4%) 0 8px 15px;
	box-shadow: var(--bx)
}

.-Header-Fix {
	width: 100%;
	display: block;
	position: relative;
	padding-top: 14px;
	padding-bottom: 10px;
}

.--Site--Menu>ul>li>ul.sub-menu>li>a:after,
.-mobile-menu-button {
	display: none
}

header .-Header-Fix .container {
	align-content: end;
	position: relative;
	justify-content: space-between;
	display: flex;
	align-items: center;
}

.--Site--Menu>ul>li>a {
	align-items: center;
	position: relative
}

.-site-logo {
	margin-left: 0;
	display: flex;
	justify-content: center;
	max-width: 150px;
	transition: all 0.2s ease;
}

header.fixedintro .-site-logo {
    max-width: 210px;
}

.-site-logo img {
    width: auto;
    height: auto;
}

.-site-logo>a {
	display: flex;
	font-size: 38px;
	font-family: var(--f-logo);
	flex-direction: row-reverse;
	letter-spacing: 2px;
	justify-content: flex-end;
	font-weight: 700;
	align-items: center;
	position: relative;
	width: auto;
	height: auto;
}



.--Site--Menu {
	display: flex;
	padding: 0 20px;
	justify-content: flex-end;
	flex: 1;
	position: relative
}

.--Site--Menu>ul {
	display: flex;
	list-style: none;
	flex: 1 1 0%;
	justify-content: flex-start;
	margin: 0 -8px;
	align-items: center;
}

.--Site--Menu>ul>li {
	display: flex;
	margin: 0 3px;
	padding: 5px 0;
	flex-wrap: wrap
}

.--Site--Menu>ul>li>a {
	padding: 6px 11px;
	font-weight: 600;
	font-size: 15px;
	border-radius: var(--miniradius);
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	min-width: max-content
}

.--Site--Menu>ul>li>a:hover {
	color: var(--uicolor);
}

.--Site--Menu>ul>li.current-menu-item>a,
.--Site--Menu>ul>li.current_page_item>a {
	color: var(--intro-primary-text);
}

.--Site--Menu>ul>li.-YourColor-Is-SubMenu>a {
	padding: 20px 15px 20px 35px
}

.--Site--Menu>ul>li>a>em {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0
}

.--Site--Menu>ul>li>a>i {
	margin-left: 7px;
	font-weight: 500;
	transition: 180ms;
	font-size: 18px
}

.--Site--Menu>ul>li:hover>a>i {
	color: var(--intro-primary-text)
}

.--Site--Menu>ul>li>ul.sub-menu {position: absolute;top: calc(100% + 6px);background: #fff;transition: .2s;padding: 16px 14px;display: block;border-radius: var(--largeradius);box-shadow: var(--box-shadow-hover);transform: translateY(19px);min-width: 299px;opacity: 0;visibility: hidden;border: 1px solid var(--border-defult-hover);}

.--Site--Menu>ul>li>ul.sub-menu>li {
	display: flex;
	position: relative;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 5px
}

.--Site--Menu>ul>li>ul.sub-menu>li:last-child {
	margin-bottom: 0
}

.--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	top: 5px;
	right: calc(100% + 20px);
	background: var(--bgcolor);
	list-style: none;
	padding: 10px;
	min-width: 200px;
	border-radius: var(--miniradius);
	transition: 130ms;
	transform: translateX(10px);
	box-shadow: rgba(12, 59, 116, .08) 0 2px 3px, rgba(15, 97, 199, .05) 0 17px 30px 10px
}

.--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu>li {
	display: flex;
	min-width: max-content
}

.--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu>li>a {
	display: flex;
	position: relative;
	padding: 15px;
	flex: 1 1 0%;
	border-radius: var(--miniradius)
}

.--Site--Menu>ul>li>ul.sub-menu>li:hover>ul.sub-menu {
	visibility: visible;
	opacity: 1;
	transition: 280ms;
	transform: translateX(0)
}

.--Site--Menu>ul>li>ul.sub-menu>li>a {align-items: center;font-weight: 500;position: relative;font-size: 18px;padding: 8px;border-radius: var(--largeradius);width: 100%;}

.--Site--Menu>ul>li>ul.sub-menu>li>a:hover {
	color: #fff
}

.--Site--Menu>ul>li>ul.sub-menu>li:hover>a,
.--Site--Menu>ul>li>ul.sub-menu>li:hover>a::before,
.--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu>li:hover>a::before {
	color: var(--primary-text)
}

.--Site--Menu>ul>li>ul.sub-menu>li>a::before,
.--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu>li>a::before {
	position: relative;
	display: block;
	font-family: "Font Awesome 6 Pro";
	margin-left: 6px;
	height: 12px;
	color: var(--secondarytext);
	transition: 180ms;
	content: var(--chevron-duble);
	font-size: 14px;
	font-weight: 300
}

.--Site--Menu>ul>li:hover>ul.sub-menu {
	opacity: 1
}

.--Site--Menu>ul>li>ul.sub-menu>li .-Show-SubMenu-Icon>i {
	transform: rotate(90deg) translateX(-50%)
}

.-Show-SubMenu-Icon {
	position: relative
}

.-Show-SubMenu-Icon>i {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 15px;
	font-size: 13px;
	color: var(--intro-secondarytext)
}

.header--Tools {display: flex;align-items: center;position: relative;gap: 20px;}


.--socialheader>ul>li>a {
	--el-w: 43px;
	width: var(--el-w);
	height: var(--el-w);
	font-size: 18px;
	display: flex
}

.search_body>form {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	border-radius: var(--miniradius)
}

.--socialheader>ul>li>a,
.search_body>form>button {
	justify-content: center;
	color: var(--secondarytext)
}

.--socialheader {
	display: flex
}


.--socialheader>ul {
	display: flex;
	margin: 0 -5px
}

.--socialheader>ul>li {
	display: flex;
	margin-inline: 5px
}

.--socialheader>ul>li>a {
	align-items: center;
	border: var(--border);
	transition: 180ms;
	border-radius: 10px;
	text-shadow: 3px 3px 0 #ffffff10, 4px 2px 0 #00000020
}

.--socialheader>ul>li>a:hover {
	color: #fff;
	background: var(--sociaColor);
	border-color: var(--sociaColor)
}

.--open--searching {
	justify-content: center;
	align-items: center;
	color: var(--primary-text);
	cursor: pointer;
	transition: 180ms;
	border-radius: var(--miniradius);
	font-size: 23px;
}

.--open--searching:hover {
	background: #fff;
	color: var(--uicolor)
}

.--open--searching.--search--buttonType-Text {
	min-width: max-content;
	padding: 0 20px;
	font-size: 17px
}

.-BTN--hoverable:hover {
	animation: .7s ease-in-out both rotate624;
	transition: .3s cubic-bezier(.02, .01, .47, 1)
}
.-BTN--hoverable:hover>* {
	animation: .7s ease-in-out 60ms both storm1261
}

.-defult-widgets-title-style-1 {
	display: flex;
	margin: 0 auto 40px;
	text-align: right;
	position: relative;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 0px;
	overflow: hidden;
	min-width: 100%;
}

.YC-Intro_blog-list .-defult-widgets-title-style-1 {
    margin-bottom: 30px;
}

.-defult-widgets-title-style-1:before {
    border-bottom: 1px solid #dbdce7;
    content: "";
    position: absolute;
    content: "";
    position: absolute;
    width: 100%;
    height: 8px;
    bottom: 9px;
}


.-defult-widgets-title-style-right:after {
    content: "";
    position: absolute;
    width: 70%;
    height: 10px;
    background: var(--uicolor);
    bottom: 0;
    right: 40px;
    flex: 1;
    display: flex;
}

.-defult-widgets-title-style-right:before {
    content: "";
    position: absolute;
    background: #000000;
    width: 28px;
    height: 10px;
    bottom: 0;
    right: 0;
}

.-defult-widgets-title--URLArea-v1 {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap
}

.-defult-widgets-title--URLArea-v1>.--Parent-URL-BTN>a {
	display: flex;
	padding: 15px 20px;
	border-radius: var(--largeradius);
	font-size: 16px;
	font-weight: 500;
	align-content: center;
	align-items: center;
	margin-left: 10px;
	background: #fff;
	color: var(--primary-text);
	border: var(--primary-text) 2px solid;
	flex-wrap: wrap
}

.-defult-widgets-title--URLArea-v1>.--Parent-URL-BTN>a.button_url_2 {
	background: var(--uicolor);
	color: #fff;
	border-color: var(--uicolor)
}

.-defult-widgets-title--URLArea-v1>.--Parent-URL-BTN>a.button_url_2:hover {
	background: #fff;
	color: var(--uicolor);
	border-color: var(--uicolor)
}

.-defult-widgets-title--URLArea-v1>.--Parent-URL-BTN>a:hover {
	background: var(--primary-text);
	color: #fff;
	border-color: var(--primary-text)
}

.-defult-widgets-title--URLArea-v1>.--Parent-URL-BTN>a>i {
	margin-inline-start: 15px;
	font-weight: 400
}

.-defult-widgets-title-style-2 h1 {
	font-size: 45px;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	color: var(--primary-text)
}

.-defult-widgets-title-style-1 .P-content {
	max-width: 600px;
	text-align: center;
	margin: 20px auto 0;
	color: var(--secondarytext);
	font-weight: 300;
	font-size: 19px;
	line-height: 1.6
}

.-defult-widgets-title-style-2 .P-content {
	max-width: 430px;
	text-align: right;
	margin: 10px auto 0;
	color: var(--secondarytext);
	font-weight: 300;
	font-size: 17px;
	line-height: 1.4
}

.-defult-widgets-title-style-1>.-widgets-h1-title c--color {
	font-weight: 600;
	color: var(--cword-color);
	margin-inline-start: 7px
}

.-defult-widgets-title-style-1 .sup-title-widget-defualt {
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 0;
	color: var(--uicolor);
	line-height: 1.4
}

.-YourColor-Widgets-Sections {
	display: block;
	position: relative
}

.-YourColor-SingleWidget-Section {
	display: block;
	width: 100%;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-blog_v2 .posts-list-post-wrap-box a {
    font-size: 22px;
    font-weight: 600;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-widght_video {
    background: var(--primary-text);
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-widght_video .-defult-widgets-title-style-right:before {
    background: white;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-widght_video .-defult-widgets-title-style-1 .-widgets-h1-title {
    color: white;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-MatchesBar {
	position: relative;
	z-index: 2
}

.-bottom-separator-shows__in {
	padding-bottom: 160px
}


.Close--title---Context----overlays.absolute--closse {
    position: absolute;
    left: 25px;
    top: 25px
}

.Close--title---Context----overlays:hover,.remover--bt-oreder-item:hover,.user-sidebar-links>ul>li.Logout>a:hover,.user-sidebar-links>ul>li.Logout>a:hover>i {
    color: var(--negative)
}

.title--Context---overlays>strong {
    font-size: 25px;
    flex: 1;
    font-weight: 500
}

.title--Context---overlays>strong.center {
    display: block;
    text-align: center;
    margin-left: -44px;
    font-size: 20px
}

@keyframes loaderbg {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.title--Context---overlays>loader:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: var(--hover-overlay);
    border-radius: 50px;
    animation: 2s infinite loaderbg;
    background: #ffffff14
}

.title--Context---overlays>loader {
    display: block;
    height: 22px;
    background: var(--bghover);
    border-radius: 50px;
    width: 120px;
    position: relative;
    flex: 1;
    margin-inline-end:30px}

span.Close--title---Context----overlays:after {
    background: var(--hover-overlay);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    content: '';
    height: 100%;
    border-radius: 50%;
    transition: .2s all var(--transition-timing-in)
}

.inner--Context---overlays {
}

.inner--Context---overlays>form {
}

.Loading--Context---overlays>em:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: var(--hover-overlay);
    border-radius: 50px;
    animation: 2s .4s infinite loaderbg
}

.Loading--Context---overlays>em:last-child:after {
    animation: 2s .4s infinite loaderbg
}

.Loading--Context---overlays {
    width: 100%
}

.Loading--Context---overlays>em {
    display: block;
    height: 22px;
    background: var(--bghover);
    border-radius: 50px;
    margin-bottom: 15px;
    position: relative
}
input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text] {
    display: block;
    min-height: 50px;
    border-radius: var(--miniradius);
    border: 1px solid var(--diver);
    outline: 0;
    padding: 5px 11px;
    width: 100%;
    flex: 1;
    font-size: 15px;
    text-transform: capitalize
}

.-CheckBox-Box-Item span,.-Radio-Box-Item span {
    width: 18px;
    height: 18px;
    background: #a1a5a8;
    transform: translate(0,-50%)
}

.-PhoneNumber-Field-YC input[type=number] {
    text-align: left;
    direction: ltr
}

.-is-necessary input[type=text] {
    border: 1px solid #991229
}

textarea {
    display: block;
    width: 100%;
    border: 0;
    outline: 0;
    padding: 12px;
    border: 1px solid var(--diver);
    flex: 1;
    min-height: 100px;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 400;
    color: var(--second-text-color);
}

.-fix-inputs-area {
    margin: 0 0 18px;
    flex-wrap: wrap;
    position: relative;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    --diver: #f3f3f3
}

.-fix-inputs-area .iti__flag {
    margin-inline-end:7px}

.-fix-inputs-area .iti--separate-dial-code input[type=tel] {
    padding-inline-start:15px;direction: ltr
}

.-fix-inputs-area .iti--separate-dial-code .iti__selected-flag {
    background: 0 0;
    border-inline-start:1px solid var(--diver);padding-inline-start: 20px;
    border-radius: var(--miniradius) 0 0 var(--miniradius)
}

.-fix-inputs-area .iti--allow-dropdown {
    width: 100%;
    direction: ltr;
    flex: 1
}

.-fix-inputs-area.-for-date-field {
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.-fix-forms-field-title {
    display: flex;
    align-content: center;
    align-items: center;
    margin-bottom: 15px;
    flex-wrap: wrap;
    position: relative;
    padding-inline-start: 0;
    gap: 10px;
    }

.-fix-forms-field-title>h3 {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--secondarytext);
}

.-CheckBox-Box-Item em,.-Radio-Box-Item em {
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    transition: 180ms;
    white-space: nowrap
}

.-fix-forms-field-title>descor {
    position: relative;
    color: #858497;
    cursor: pointer;
    display: flex;
    align-content: center;
    align-items: center
}

.-fix-forms-field-title>descor>i,.-productBox-rate-bar-average>.stars-avg>.stars-avg-back>i,.Usersarea>.-PhoneNumber>span {
    font-weight: 300
}

necessary {
    display: block;
    min-width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
    color: #991229
}

.-Radio-Box-InnerArea {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    flex: 1
}

.-Radio-Box-Item {
    display: flex;
    padding: 17px 50px 17px 20px;
    align-content: center;
    align-items: center;
    margin: 0 5px 10px;
    flex: 1;
    min-width: max-content;
    position: relative;
    overflow: hidden;
    background: #fff
}

.-Radio-Box-Item input[type=radio] {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    margin: 0!important;
    z-index: 1;
    border-radius: var(--miniradius);
    transition: 180ms;
    background: #fff;
    -webkit-appearance: none;
    cursor: pointer
}

.-CheckBox-Box-Item input[type=checkbox]:checked,.-Radio-Box-Item input[type=radio]:checked {
    background: #1f1e8705;
    border-color: #1f1e8733
}

.-Radio-Box-Item input[type=radio]:checked+span {
    transform: scale(1.2) translate(0,-39%);
    background: #1f1e872e;
    box-shadow: 0 0 0 3px #1f1e8705
}

.-Radio-Box-Item em {
    display: block;
    position: relative;
    z-index: 1;
    color: #8c9093
}

.-CheckBox-Box-Item input[type=checkbox]:checked+span+em,.-CheckBox-Box-Item:hover em,.-Radio-Box-Item:hover em {
    color: #041c36
}

.-Radio-Box-Item input[type=radio]:checked+span+em {
    color: #363636
}

.-Radio-Box-Item span {
    display: block;
    border-radius: 50%;
    position: absolute;
    right: 17px;
    transition: 180ms;
    box-shadow: 0 0 0 3px #db2b4800;
    top: 50%
}

.-CheckBox-Box-Item:hover>span,.-Radio-Box-Item:hover>span {
    background: #041c36
}

.-Radio-Box-Item span:before {
    content: '';
    position: absolute;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    box-shadow: 1px 1px 2px #00000030;
    transition: 180ms
}

.-Radio-Box-Item input[type=radio i] {
    border: 1px solid var(--diver);
    background: 0 0;
    outline: 0;
    box-shadow: 0 0;
    z-index: 2;
    display: block
}


.-CheckBox-Box-InnerArea {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px
}

.-CheckBox-Box-Item {
    display: flex;
    padding: 13px 45px 13px 15px;
    align-content: center;
    align-items: center;
    margin: 0 5px 10px;
    border-radius: var(--largeradius);
    flex: 1;
    min-width: max-content;
    position: relative;
    background: #fff
}

.-CheckBox-Box-Item input[type=checkbox] {
    position: absolute;
    width: 100%!important;
    height: 100%!important;
    right: 0;
    top: 0;
    margin: 0!important;
    z-index: 2;
    border-radius: var(--largeradius);
    transition: 180ms;
    background: #fff0;
    border: 1px solid var(--diver)!important;
    box-shadow: 0 0 0;
    display: block;
    -webkit-appearance: none;
    cursor: pointer
}

.-CheckBox-Box-Item.Has-ParentChilds {
    min-width: 320px
}

input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus {
    outline: 0!important;
    box-shadow: 0 0 0!important;
}

.-CheckBox-Box-Item input[type=checkbox]:checked+span {
    transform: scale(1.2) translate(0,-39%);
    background: #1f1e8729;
    box-shadow: 0 0 0 3px #1f1e870a
}

.-CheckBox-Box-Item em {
    display: block;
    position: relative;
    z-index: 1;
    color: #858497;
    flex: 1
}

.-CheckBox-Box-Item span {
    display: block;
    border-radius: 30%;
    position: absolute;
    right: 15px;
    transition: 180ms;
    box-shadow: 0 0 0 3px #db2b4800;
    top: 50%
}

.-CheckBox-Box-Item span:before {
    content: '';
    position: absolute;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 30%;
    transition: 180ms
}

.-CheckBox-Box-Item span:after {
    content: '\f00c';
    position: absolute;
    font-family: 'Font Awesome 6 Duotone';
    color: #fff;
    font-size: 18px;
    right: -1px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: 180ms;
    top: 50%;
    transform: translateY(-50%)
}

.-CheckBox-Box-Item input[type=checkbox]:checked+span:after,.-Select-Field-Code.active .-Select-DropDown-PoneNumber,.Select-Options-Items.active .-Select-DropDown,switchfield>input[type=checkbox]:checked~.Switch>strong {
    visibility: visible;
    opacity: 1
}

.-CheckBox-Box-Item input[type=radio i] {
    border: 1px solid var(--diver);
    background: 0 0;
    outline: 0;
    box-shadow: 0 0;
    z-index: 2
}

.-CheckBox-Box-Item input[type=checkbox]:before {
    display: none!important
}

.-YC-Forms-button {
    display: flex;
    justify-content: flex-end;
    margin: 10px 0 0
}

.YC-BTN-Forms-Plugin {
}

.YC-BTN-Forms-Plugin>i {
    margin: 0 5px
}

 .YC-BTN-Forms-Plugin>i{
    margin-inline-start:5px}

.Switch-LoginButton {
}

.-input-password-ivid>.-show-password-item {
}

.-password-status {
}

.-input-password-ivid {
}

button.YC-BTN-Forms-Plugin.-PayButton.activable {
    display: block;
    background: var(--uicolor);
    border: 0;
    padding: 12px 16px;
    border-radius: var(--largeradius);
    color: #ffff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 300;
    border: 2px solid var(--uicolor);
    transition: 180ms;
    margin: 0 auto;
    width: 100%
}
.-change-currency a {
    display: flex;
    align-items: center;
    color: var(--primary-text);
    gap: 5px;
}
cu--logo--img {
    position: relative;
    display: block;
    --cuntry-wh: 20px;
    width: var(--cuntry-wh);
    height: var(--cuntry-wh);
    min-width: var(--cuntry-wh);
    max-width: var(--cuntry-wh);
    min-height: var(--cuntry-wh);
    max-height: var(--cuntry-wh);
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 7px 11px -4px #0d18281c;
    border: 2px solid #ffffff;
    cursor: pointer;
}
.-change-currency a{
    position: relative;
    font-size: 17px;
    padding-inline-end: 20px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 12px;
    background: #faf8fe;
    transition: .4s;
    display: flex;
    justify-content: center;
    cursor: pointer;
    --width: 20px;
    overflow: hidden;
    padding: 9px 15px;
}

.TopHeader_widg {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
}

div#Dayclock {
    font-size: 12px;
}
.User--MainArea {
	display: flex;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	padding-inline-start: 0 !important;
}
.-current-widgets-payments {
    margin-top: 10px;
    background: var(--secondarytext);
    padding: 10px 10px;
}
.User--MainArea:before {
	display: none !important;
}
.-footer-widgets-links>li>a {
    display: flex;
    align-content: center;
    align-items: center;
    transition: 180ms;
    position: relative;
    flex-wrap: wrap;
    font-weight: 500;
    font-size: 14px;
    gap: 10px;
    height: 40px;
    border-bottom: 1px dotted #f2dbdb;
}
.UserLogo--ControllerMain {
	display: block;
	min-width: 100px;
	max-width: 129px;
	overflow: hidden;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.UserLogo--ControllerMain>.vs-user>.ProfileUse {
	min-width: 24px;
	height: 24px;
	max-width: 24px;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	font-size: 16px;
	color: var(--user-button-color-text);
	background: var(--user-bg-icon);
	border-radius: 50%;
	overflow: hidden
}
.header-TWointro {
    background: var(--primary-text);
    padding: 6px 0;
    position: relative;
}

body.hidemenu header {
    /* display: none; */
    transform: translate(0px, -41px);
}
.UserLogo--ControllerMain>.vs-user>span {
	display: block;
	flex: 1;
	max-width: calc(100% - 30px);
	overflow: hidden;
	user-select: none;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 13px;
}
.-YC-Forms-button {
    display: flex;
    justify-content: flex-end;
    margin: 10px 0 0
}

.YC-BTN-Forms-Plugin {
    display: block;
    background: var(--negative);
    border: 0;
    padding: 12px 16px;
    border-radius: var(--miniradius);
    color: #ffff;
    cursor: pointer;
    margin-right: 5px;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
}

.YC-BTN-Forms-Plugin>i {
    margin: 0 5px
}

 .YC-BTN-Forms-Plugin>i{
    margin-inline-start:5px
}

.Switch-LoginButton {
    margin-top: 10px;
    font-size: 15px;
    color: var(--secondarytext);
}

.Switch-LoginButton a {
    color: var(--uicolor);
    font-size: 14px;
    font-weight: 600;
}

.-input-password-ivid>.-show-password-item {
    left: auto;
    color: var(--secondarytext);
    border-radius: var(--miniradius);
    cursor: pointer;
    width: 25px;
    transition: 180ms;
    font-size: 16px;
    margin-inline-start: calc(100% - 32px);
    line-height: 0;
}

.-password-status {
    border-radius: var(--largeradius);
    font-size: 13px;
    --item-uicolor: var();
    --item-uicolor: var(--uicolor);
    left: 55px;
    color: var(--item-uicolor)
}

.-input-password-ivid {
    width: 100%;
    position: relative;
}

.-input-password-ivid input {
    padding-inline-start: 41px;
}

.-input-password-ivid icon {
    position: absolute;
    right: 13px;
    top: 0;
    color: var(--secondarytext);
    border-radius: var(--miniradius);
    cursor: pointer;
    width: 25px;
    transition: 180ms;
    font-size: 20px;
    bottom: 0;
    display: flex;
    align-items: center;
}

.-input-password-ivid icon i {
    font-weight: 400;
}

button.YC-BTN-Forms-Plugin.-PayButton.activable {
    display: block;
    background: var(--uicolor);
    border: 0;
    padding: 12px 16px;
    border-radius: var(--largeradius);
    color: #ffff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 300;
    border: 2px solid var(--uicolor);
    transition: 180ms;
    margin: 0 auto;
    width: 100%
}
.-change-currency a {
    display: flex;
    align-items: center;
    color: var(--primary-text);
    gap: 5px;
}

.User--MainArea.active .UserBoxLinks {
    opacity: 1;
    visibility: visible;
    transform: inherit;
}

.-Select-DropDown,
.-Select-DropDown-PoneNumber {
	box-shadow: 0 2px 3px #1f1e8705, 0 8px 35px #4847ed0f;
	z-index: 90;
	top: calc(100% - -8px);
	visibility: hidden
}

ul {
    list-style: none;
}
.MenuHr, .header--Tools>.whatsapp-button-header>a>i {
	display: block;
	position: relative;
	padding-inline-start: 14px;
}
.-Radio-Box-Item,  necessary, textarea {
	border-radius: var(--miniradius)
}

.LinksBox>li>a,
.LinksBox>li>a>i {
	align-items: center;
	display: flex;
	transition: 180ms
}

.HeaderCard>.vs-user>span {
	display: block;
	position: relative;
	text-transform: capitalize;
	overflow: hidden;
	font-weight: 600;
	color: var(--primary-text);
	font-size: 16px;
	min-width: 100%;
}

.HeaderCard>.vs-user>em {
	display: inline-block;
	font-size: 13px;
	min-width: 100%;
	color: var(--secondarytext);
	top: 1px;
	position: relative;
	overflow: hidden;
	max-width: 100%;
	font-style: normal;
	font-weight: 300;
	margin-top: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.LinksBox>li {
	width: 100%;
	position: relative;
	list-style: none;
}

.LinksBox>li.Logout>a:hover,
.LinksBox>li.Logout>a:hover>i {
	color: var(--negative)
}

.LinksBox>li>a {
    font-size: 14px;
    width: 100%;
    color: var(--Text-color);
    font-weight: 500;
    padding: 10px 5px;
    display: flex;
    align-items: center;
    border-radius: 6px;
}



.LinksBox>li.Logout>a {
}
.HeaderCard {
    margin-bottom:10px;
}
.LinksBox>li>a>i {
    color: var(--Text-color);
    font-size: 18px;
    margin-inline-end: 10px;
    width: 28px;
    text-align: center;
    border-radius: 50%;
    justify-content: center;
    align-content: center;
    flex-wrap:wrap;
}

.MenuHr {
	width: 100%;
	height: 1px;
	background: var(--diver);
	margin: 10px auto;
	position: relative;
	opacity: .5
}
.HeaderCard>.vs-user,
.HeaderCard>.vs-user>.ImageRight {
	display: flex;
	align-items: center;
	align-content: center;
	overflow: hidden
}

.HeaderCard>.vs-user {
	padding-right: 53px;
	height: 100%;
	flex-wrap: wrap;
	color: white;
	position: relative;
}

.HeaderCard:hover>a {
	color: #2e414b
}

.HeaderCard>.vs-user>.ImageRight {
	width: 40px;
	height: 40px;
	/* border-radius: 50%; */
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	justify-content: center;
	flex-wrap: wrap;
	font-size: 20px;
	/* border: 1px solid #35394a; */
}

.ImageRight .-avatar-append-image {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.ImageRight img {
    height: 100%;
    width: auto;
}

span.weather-address {
    flex-direction: column;
    display: flex;
    font-size: 11px;
}

.weather {
    display: flex;
    align-items: center;
    gap: 7px;
    justify-content: end;
}

.-YC-Site--Menu-box {
    flex: 1;
    display: flex;
    align-items: center;
    margin-inline-start: 30px;
}

.--Site--Menu-box {
    display: flex;
    align-items: center;
    flex: 1;
}

.weather-box img {
    width: 23px;
    height: 23px;
    background: #ffffff3b;
    border-radius: 50%;
}

.background {
	border-radius: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-inline-end: 5px;
	position: relative;
}

.menu__icon {
	padding: 4px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	border: 0!important;
	background: 0 0;
	width: 30px;
	height: 30px;
	position: relative;
	cursor: pointer;
}

.menu__icon span {
    width: 100%;
    height: 4px;
    border-radius: 22px;
    background-color: var(--primary-text);
    transition: transform .4s,background-color .4s,opacity .4s;
    overflow: hidden;
}

.menu__icon.trans_menu span:nth-child(2) {
    transform: translate(-50%);
    opacity: 0
}

.menu__icon.trans_menu span:first-child {
    background-color: #ff3b30;
    transform: translateY(7px) rotate(-45deg)
}

.menu__icon.trans_menu span:nth-child(3) {
    background-color: #ff3b30;
    transform: translateY(-11px) rotate(45deg)
}

.-chevron-down-user {
    font-size: 12px;
}
footer {
    display: block;
    padding: 45px 0 0;
    background: white;
    position: relative;
    --secondarytext: var(--primary-text);
    margin-top: 0;
}
.GotoTop.visible {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}
.GotoTop {
    position: fixed;
    z-index: 99;
    background: var(--uicolor);
    --elwh: 49px;
    width: var(--elwh);
    height: var(--elwh);
    bottom: 40px;
    left: 40px;
    color: #fff;
    border-radius: 50%;
    justify-content: center;
    font-size: 27px;
    font-weight: 500;
    cursor: pointer;
    transition: 180ms;
    border: 2px solid var(--uicolor);
    transform: translateY(150px);
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
}
.GotoTop:before {
    content: "";
    position: absolute;
    left: -6px;
    top: -6px;
    right: -6px;
    bottom: -6px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: inherit;
    z-index: 1;
    border: 2px dashed var(--uicolor);
    transition: 180ms;
}

.-footer-widgets-single.-current-widgets-logo {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 100%;
    align-items: center;
    text-align: center;
    justify-content: space-between;
}
footer-bottom {
    display: flex;
    margin: 0;
    justify-content: space-between;
}
.-footer-widgets-single {
    display: block;
    overflow: hidden;
    position: relative;
    flex: 1;
}

.-footer-widgets-single.-current-widgets-start {
    margin-top: 20px;
    border-top: 1px dotted #f2dbdb;
    padding-top: 12px;
}

.-footer-widgets-single.-current-widgets-contact {
    min-width: 311px;
}
.-footer-site-logo.--logo-Image {
    margin-bottom: 30px;
    max-width: 270px;
}

.-footer-site-logo.--logo-Image {
    max-width: 190px;
    min-width: 190px;
    margin-bottom: 0;
}

.-footer-site-logo.--logo-Image a {
    display: flex;
    align-items: center;
}
.-footer-site-logo.--logo-Image img {
    width: auto;
    height: auto;
}

.-row-shares-items {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

ul.-YC-menu-list-header-links li a {
    color: #ffffff;
    display: flex;
    align-content: center;
    align-items: center;
    transition: 180ms;
    position: relative;
    flex-wrap: wrap;
    font-weight: 500;
    font-size: 14px;
    gap: 11px;
}

.-footer-widgets-title>h3 {
    color: var(--second-text-color);
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
}
.-footer-widgets-title {
    display: flex;
    margin-bottom: 30px;
    width: max-content;
}
.-footer-widgets-links {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 15px;
    justify-content: center;
}



.-footer-widgets-links>li>a:hover {
    color: var(--uicolor);
}


.-footer-p-content {
    color: var(--second-text-color);
    font-weight: 500;
    font-size: 14px;
    position: relative;
    line-height: 1.7;
    text-align: start;
}

.-footer-widgets-links>li>a:before {
    content: var(--chevron);
    position: relative;
    font-family: "Font Awesome 6 Pro";
    right: 0px;
    font-weight: 900;
    font-size: 12px;
}
.-footer-widgets-links>li {
    display: flex;
    align-items: center;
}


.Context--overlays{position:fixed;top:0;right:0;width:100%;perspective:1000px;z-index: 10999;height:100%;}
.Context--overlays.loading > .Boxed--Context---overlays{width:100%;}
.Backdrop--Context---overlays{height:100%;background: #0d17284f;position:fixed;top:0;width:100%;right:0;overflow:hidden;z-index:-1;}
.inner--Context---overlays *::-webkit-scrollbar{width:8px;height:4px;}
.inner--Context---overlays *::-webkit-scrollbar-thumb{background: radial-gradient(circle, #031e3540, #01010100);border-radius:3px;}
.inner--Context---overlays *::-webkit-scrollbar-track{background:transparent;}
.Parent-Boxed--Context---overlays{position: relative;background: var(--overlay);box-shadow: 0 12px 28px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1), inset 0 0 0 1px var(--shadow-inset);border-radius: var(--miniradius);transition: 200ms all var(--transition-timing-in);display: flex;}

.Parent-Boxed--Context---overlays.--ActionType--Login {
    width: 480px;
}

.Parent-Boxed--Context---overlays.-Current-popover-item {animation: popover-out-animation var(--animation-duration);opacity: 0;}
@keyframes popover-out-animation {
    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7)
    }
    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
  
}

@keyframes popover-in-animation {
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }
    0% {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7)
    } 

}

.Boxed--Context---overlays{min-width:400px;position:relative;transition:.3s all ease;direction:rtl;margin:0 auto;display: flex;flex-wrap: wrap;flex-direction: column;flex: 1;}
.OverParent-Boxed--Context---overlays{padding: 0px 40px;position: absolute;top: 0;right: 50%;height: 100%;transform: translate(50%, 0);}
.title--Context---overlays{position:relative;padding: 30px 30px 30px;display: flex;align-content: center;align-items: center;flex-wrap: wrap;justify-content: space-between;border-radius: var(--largeradius) var(--largeradius) 0 0;}

.Close--title---Context----overlays {
    width: 30px;
    border-radius: 50%;
    color: var(--secondarytext);
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
    z-index: 1;
    font-size: 20px;
    transition: 180ms all ease;
}


.Close--title---Context----overlays.absolute--closse {
    position: absolute;
    left: 25px;
    top: 25px;
}

.Close--title---Context----overlays:hover {color: var(--negative);}
.title--Context---overlays > strong{font-size: 22px;flex: 1;}
.title--Context---overlays > strong.center{display:block;text-align:center;margin-left:-44px;font-size: 20px;}
@keyframes loaderbg{0%{opacity:0;}
100%{opacity:1;}
}
.title--Context---overlays > loader:after{content:'';position:absolute;top:0;right:0;opacity:0;width:100%;height:100%;background:var(--hover-overlay);border-radius:50px;animation:loaderbg 2s ease infinite;}
.title--Context---overlays > loader:after {
    background: #ffffff14;
}
.title--Context---overlays > loader{display:block;height:22px;background: var(--bghover);border-radius:50px;width:120px;position: relative;flex: 1;margin-inline-end: 30px;}
span.Close--title---Context----overlays:after{background:var(--hover-overlay);position:absolute;top:0;right:0;width:100%;opacity:0;content:'';height:100%;border-radius:50%;transition:200ms all var(--transition-timing-in);}
.inner--Context---overlays{padding: 40px;position:relative;min-height: 140px;flex: 1;display: flex;justify-content: center;}

.inner--Context---overlays > form {
    display: block;
    flex: 1;
    margin: -40px;
    padding: 40px;
    overflow: auto;
    padding-top: 0;
    padding-bottom: 30px;
}
.Loading--Context---overlays > em:after{content:'';position:absolute;top:0;right:0;opacity:0;width:100%;height:100%;background:var(--hover-overlay);border-radius:50px;animation:loaderbg 2s .4s ease infinite;}
.Loading--Context---overlays > em:last-child:after{animation:loaderbg 2s .4s ease infinite;}
.Loading--Context---overlays{
    width: 100%;
}
.Loading--Context---overlays > em{display:block;height:22px;background: var(--bghover);border-radius:50px;margin-bottom: 15px;position:relative;}

.Context--overlays.loading-popover-for--Login .Loading--Context---overlays > em {
    width: 210px;
    margin: 0 auto 15px;
    height: 28px;
}

.Context--overlays.loading-popover-for--Login .Loading--Context---overlays > em:nth-child(2),.Context--overlays.loading-popover-for--Login .Loading--Context---overlays > em:nth-child(3) {
    width: auto;
    height: 20px;
}
.Loading--Context---overlays > em:last-child{width:190px;margin-bottom:0;}
.OverParent-Innet--Context {
    max-height: calc(100% - 50px);
    top: 50%;
    transform: translate(0%,-50%);
    display: flex;
    position: relative;
}


.-YC-Forms-LoginActions {
    display: flex;
    flex-direction: column;
    align-items: self-start;
    gap: 14px;
}

.owl-nav {
    display: none;
}

.post_box_style_2_img.-Post-box-item-Thumb img {
    width: auto;
    height: auto;
    z-index: 1;
    position: relative;
}

.-defult-widgets-title-style-1 .sup-title-widget-defualt {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0;
    color: var(--uicolor);
    line-height: 1.4;
    display: none;
}

a.-cutomButton i {
    font-size: 13px;
}

.-cutomButton:hover {
    color: var(--uicolor) !important;!i;!;
}
.-cutomButton span{z-index:-1;margin-inline-end:8px;}


.Featured_Posts_widget{display:flex;flex-wrap:wrap;min-width: 420px;max-width: 420px;}

.Featured_Posts_widget .single-post-wrap:hover .thumb img {
    transform: translate(-50%, -50%) scale(1.1) rotate(-1deg);
}

.Featured_Posts_widget .single-post-wrap .thumb {
    height: 272px;
}
.single-post-wrap .thumb{height:200px;overflow:hidden;border-radius:var(--miniradius);margin-bottom:20px;position:relative;background: white;border: 1px solid var(--diver);}
.single-post-wrap .thumb:before{content:"\f03e";position:absolute;width:100%;height:100%;background:#ffffff00;font-family:"Font Awesome 6 Pro";display:flex;align-items:center;justify-content:center;font-size:70px;color:#bfbfbf;font-weight:200;z-index:0;}
.single-post-wrap:hover .thumb img{}
.single-post-wrap .thumb img{width: 100%;height: auto;}
.single-post-wrap:hover .thumb img{transform: translate(-50%, -50%) scale(1.1) rotate(-1deg);}
.single-post-wrap{min-width:calc(100% / 4 - 0px);max-width:calc(100% / 4 - 0px);display: flex;flex-direction: column;flex: 1;}

.-widgets-blog-posts-container .single-post-wrap {
    min-width: 100%;
    flex: inherit;
}

.YC-category-section-widgets-boxed  .single-post-wrap {
    display: flex;
    flex-direction: row;
    gap: 20px;
    border-bottom: 1px dotted #c4ccdf;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.YC-category-section-widgets-boxed .single-post-wrap:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}


.category-section .single-post-wrap {
    display: flex;
    flex-direction: row-reverse;
}

.-widgets-blog-posts-container .single-post-wrap:first-child {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.-widgets-blog-Slides-center .single-post-wrap {
    min-width: 190px;
    max-width: 230px;
    flex: 1;
    margin-bottom: 0;
}

.Featured_Posts_widget .single-post-wrap {
    max-width: 100%;
    min-width: 100%;
    padding-inline: 0;
}
.single-post-wrap a{line-height:1.6;font-weight: 700;display: flex;font-size: 20px;}
.single-post-wrap:hover a{color:var(--uicolor);}
.single-post-wrap .thumb .Cat_name.tag{position:absolute;top:10px;left:10px;background: var(--uicolor);color: white;padding: 5px 11px;font-size: 10px;border-radius: var(--miniradius);}

.Featured_Posts_widget .Cat_name.tag {
}
.Tribble_wigedts_flex_center_bottom .single-post-wrap{min-width:calc(100% / 2);margin:0;}
.meta {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--secondarytext);
}

.-sidebar-related-title-posts-items .meta {
    margin-bottom: 5px;
}
.Single_post_box_small_data>a {
    font-size: 14px;
    display: flex;
    line-height: 1.7;
    font-weight: 700;
    height: 45px;
    overflow: hidden;
    color: var(--primary-text);
}

.Single_post_box_small a.post_title:hover {color: var(--uicolor);}

.-primary-intro-trending{display:flex;max-width:var(--container-width);margin:0 auto;margin-bottom:20px;}
.-primary-intro-trending marquee a{display:inline-block;padding:10px;border:1px solid var(--diver);border-radius:30px;font-size:10px;}
.Tribble_wigedts_flex{display:flex;flex-direction: column;}
.Tribble_wigedts_flex_right,.Tribble_wigedts_flex_left{}
.Tribble_wigedts_flex_right{border-radius:10px;display: flex;gap: 20px;}

.Tribble_wigedts_flex_right .Tribble_box_small_thumb_data a {
    font-size: 16px;
    font-weight: 600;
}
.Cercle_post_box_small{display:flex;gap: 14px;flex: 1;flex-direction: row-reverse;}
.-Posts_after_content-related-Single .Cercle_post_box_small{border-radius:10px;}
.Tribble_wigedts_flex_center{width: 100%;margin-top: 30px;}
.Cercle_post_box_small_thumb{--w:80px;min-width:var(--w);max-width:var(--w);height:var(--w);border-radius:50%;overflow:hidden;margin-inline-end:8px;}
.Cercle_post_box_small_thumb img{width:100%;height:100%;}
.trending__post-item_post_box_small{display:flex;}
.Cercle_post_box_small_thumb_data h3{}
.trending__post_box_small_thumb{height: 82px;min-width: 100px;max-width: 100px;border-radius:var(--miniradius);display: flex;align-items: center;position: relative;overflow: hidden;border: 1px solid #ede1e1;}
.-Posts_after_content-related-Single .Cercle_post_box_small .trending__post_box_small_thumb{--w:50px;border-radius:10px!important;}
.-Posts_after_content-related-Single .Cercle_post_box_small .trending__post_box_small_thumb img{border-radius:10px!important;}
.trending__post_box_small_thumb img{position: absolute;left: 50%;transform: translate(-50%, -50%);top: 50%;width: auto;height: 100%;/* min-height: 100%; */transition: .3s all ease;}
.Single_post_box_small{display:flex;border-radius:20px;gap: 26px;}
.Single__post_box_small_thumb{--w: 640px;min-width:var(--w);max-width:var(--w);overflow:hidden;border-radius: var(--miniradius);/* box-shadow:0 4px 8px rgb(0 0 0 / 15%); */border: 1px solid #f4ebeb;flex: 1;position: relative;}
.Single__post_box_small_thumb img{position: absolute;left: 50%;transform: translate(-50%, -50%);top: 50%;width: 100%;height: 100%;min-height: 100%;transition: .3s all ease;}
.Tribble_wigedts_flex_center_bottom{display:flex;width:100%;margin:0px 0px;gap: 19px;}

.Tribble_wigedts_flex_center_bottom .Tribble_box_small_thumb_data a {
    font-size: 16px;
}

.Cercle_post_box_small_thumb_data {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
}

.Cercle_post_box_small_thumb_data .post-date p {
    font-size: 13px;
    color: var(--second-text-color);
    gap: 6px;
    display: flex;
    align-items: center;
}

.Cercle_post_box_small_thumb_data a:hover {color: var(--uicolor);}

.-Btn-Header a {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
    user-select: none;
    font-weight: 500;
    padding: 4px 15px;
    border-radius: 15px;
    transition: .35s;
    color: white;
    background: #faf8fe30;
    gap: 5px;
}
/***/
.-YC-Widgets-Inner-Row{overflow:hidden;padding: 30px 0;position:relative;}
.-YC-owl-navs-items>.-YC-owl-Slides-next,.-YC-owl-navs-items>.-YC-owl-Slides-prev{position:absolute;top:50%;transform: translateY(-50%);background:#fff;border:2px solid var(--secondarytext);--chev-w: 41px;width:var(--chev-w);height:var(--chev-w);z-index:1;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:24px;color:var(--secondarytext);transition:180ms;cursor:pointer;opacity: 0;visibility: hidden;}
.-YC-owl-navs-items>.-YC-owl-Slides-next:hover,.-YC-owl-navs-items>.-YC-owl-Slides-prev:hover{color:var(--uicolor);border-color:var(--uicolor)}
.-YC-owl-navs-items>.-YC-owl-Slides-prev{right:0}
.owl-rtl{direction:rtl;}
.owl-rtl .owl-item{float:right;/* height: 100%; */}

.owl-item.active .posts-video-wrap {
    opacity: 1;
}
.-Post-box-single-item{display:flex;position:relative;transition:250ms;max-width:260px;flex:1;overflow:hidden;min-width:236px;flex-direction:column;cursor:pointer;align-items:center;}
.-inner-widgets-blog-posts-Slider .-Post-box-single-item{margin:0;}
.-Post-box-single-item:hover{border-color:var(--border-defult-hover);transform:translate(0,-1px);transition:80ms}
.-Post-box-item-Thumb{display:block;position:relative;overflow:hidden;background:#f1f7f7;min-width:calc(100% - 0px);max-width:calc(100% - 0px);width:100%;padding-top:75%;border-radius:var(--miniradius);}
.-Post-box-single-item:hover .-Post-box-item-Thumb img{transform:translate(-50%,-50%) scale(1.1) rotate(-1deg);}
.-Post-box-item-Thumb>img{position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;width:100%;height:100%;min-height:100%;transition:.3s all ease;}
.-Post-box-item-Thumb:after{content:"";display:block;width:100%;height:100%;background:linear-gradient(0deg,#ffffff,transparent);position:absolute;top:0;left:0;z-index:-1;}
.-Post-box-item-Info{display:block;}

.-Post-box-item-Info {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-top: 10px;
}
.-Post-box-item-Info>a{height: 49px;display:block;font-size: 15px;line-height: 1.6;opacity: .9;font-weight: 600;transition: all 0.2s ease;margin-bottom: 4px;overflow:hidden;text-align: right;}

.-Post-box-item-Info>a:hover {
    color: var(--uicolor);
}
.-Post-box-item-Info>a a{width:100%;display:block;font-size:15px;font-weight:400;line-height:1.5;}
.-Post-box-single-item:hover .-Post-box-item-Info>a{opacity:1;transition:80ms}
.-Post-box-item-Info>.-P-content{font-size: 13px;line-height:1.6;color: #7b859b;font-weight: 400;}
.-inner-widgets-blog-posts-Slider{width:255px;display:flex;}
.-inner-widgets-blog-posts-Slider .-Post-box-single-item{margin:0;}
.-widgets-blog-Slider-center{overflow:hidden;padding:20px 10px;margin:-20px -10px;display:flex;}
.owl-nav{DISPLAY:none;}
.IntroSlider-widge .owl-nav{display:block;position:absolute;bottom:50px;left:90px;z-index:1;display:flex;align-items:center;color:#fff;font-size:40px;flex-direction:row-reverse;}
.IntroSlider-widge .owl-nav > div{width:46px;height:46px;background:#edf2f7;color:#a0aec0;border-radius:50px;font-size:26px;display:inline-flex;align-items:center;justify-content:center;margin-inline-end:10px;cursor:pointer;transition:.3s all ease;}
.IntroSlider-widge .owl-nav > div:hover{background:var(--uicolor);color:#fff;}
.-defult-widgets-title-style-2{display:flex;align-items:center;justify-content:space-between;flex-direction:row;min-width: 100%;}

.-defult-widgets-title-style-boxed .-defult-widgets-title-style-2 {
    margin-bottom: 0;
    flex: 1;
    min-width: auto;
}
.-YC-Slides-owl-Container .-YC-owl-Slides-prev,.-YC-Slides-owl-Container .-YC-owl-Slides-next {
    --w: 44px;
    width: var(--w);
    height: var(--w);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: rgb(240, 240, 240);
    border-radius: var(--miniradius);
    border: var(--border);
}

.-YC-owl-Slides-prev i, .-YC-owl-Slides-next i {
    font-size: 22px !important;!i;!;
    font-weight: 900;
}
.-YC-owl-Slides-Container{display:flex;align-items:center;gap: 10px;}

.-Post-box-item-Thumb-header {
    position: absolute;
    top: 10px;
    left: 10px;
}

.-Post-box-item-Thumb-header .Cat_name {
    background: var(--uicolor);
    color: white;
    padding: 7px 10px;
    font-size: 10px;
}

.-defualt-object--center {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}
postsscrollloader.PostsScrollLoader.LoadMorePostsBTN{display:flex;margin:0 auto;border:1px solid var(--uicolor);padding: 7px 11px;border-radius: var(--miniradius);width:max-content;color: white;font-size: 15px;cursor:pointer;margin-top: 20px;align-items: center;background: var(--uicolor);}
postsscrollloader.PostsScrollLoader.LoadMorePostsBTN:hover{transition:.3s all ease;}
postsscrollloader.PostsScrollLoader.LoadMorePostsBTN.isloader svg{
    display: block;
}
postsscrollloader.PostsScrollLoader.LoadMorePostsBTN i{margin-inline-end:8px;}

.IntroSlider-widge{width: 950px;overflow:hidden;border-radius: var(--miniradius);position:relative;/* margin-inline-end:20px; */display: block;height: 373px;flex-direction: column;}
.IntroSlider-widge-item{height: 100%;max-height: 100%;position:relative;width:100%;min-width: 100%;flex:1;display: flex;}
.IntroSlider-widge-item_info{position:absolute;left:0;background: linear-gradient(0deg, #000000b0 60%, transparent);z-index:0;width: 100%;right: 0;padding: 30px 30px 10px;bottom: 0;}

.IntroSlider-widge-item_info p {
    color: white;
    line-height: 1.7;
    font-size: 12px;
    font-weight: 300;
}

.IntroSlider-widge-item_info a {
    font-size: 18px;
    line-height: 1.8;
    font-weight: 700;
    color: white;
    margin-bottom: 11px;
    display: flex;
}
.IntroSlider-widge-item_info h3{color:#fff;font-size:24px;line-height:1.8;}
.IntroSlider-widge .owl-dots{position:absolute;right:40px;top:60px;width:30px;height:50px;}
.IntroSlider-widge .owl-dots .owl-dot.active{background-color:var(--uicolor);transform:scale(1.1);height: 28px;border-radius:8px;}
.IntroSlider-widge .owl-dots .owl-dot{background:transparent;background-color:#a0aec0;border:0;border-radius:100%;cursor:pointer;display:block;font-size:0;height:12px;line-height:0px;margin:5px;outline:none;transition:.3s all ease;width:12px;}
.IntroSlider-widge-item_thumb img{
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 100%;
    height: 100%;
    min-height: 100%;
    transition: .3s all ease;
}

.Masr-mix-Categories_list li{display:flex;align-items:center;font-size:17px;padding:10px;height:41px;flex: 1;}
.Masr-mix-Categories_list li:hover a{color:var(--primary-text);transition:280ms all ease;transform:translate(-5px,0px);}
.Masr-mix-Categories_list li:hover:before{background:var(--uicolor);height:16px;}
.Masr-mix-Categories_list li a{color:var(--second-text-color);display:block;width:100%;height:100%;}
.Masr-mix-Categories_list li:before{content:'';width:8px;height:8px;display:block;margin-inline-end:10px;background:#85849745;border-radius:10px;transition:180ms all ease;}
.IntroSlider-widge-item_thumb{width:100%;position: relative;height: 100%;}
.YC-Intro_blog-list{background: white;border-radius: var(--miniradius);padding:20px;box-shadow: var(--box-shadow-defult);min-width: 410px;flex: 1;max-width: 410px;overflow: hidden;}

.YC-Intro_blog-list .trending__post_box_small_thumb {
    min-width: 100px;
    max-width: 100px;
    height: 80px;
}

.Intro_Widget_container{display:flex;align-items:start;gap: 27px;flex-direction: row-reverse;}
.Intro_Widget__left{width: calc(100% - 440px);max-width: calc(100% - 440px);}
.IntroSlider-widge_top{display:flex;align-items: self-start;margin-bottom:20px;}
.Dollars_IN_Banks_continer{width:100%;overflow:hidden;position:relative;}
.Dollars_IN_Banks_continer > a{width:100%;height:100%;position:absolute;top:0;left:0;display:block;z-index:1;pointer-events: none;}
.Dollars_IN_Banks_continer marquee{    /* direction: rtl; */}
.Dollars_PRice_BAR{margin-top:20px;display:flex;align-items:center;box-shadow:0 12px 20px 0 rgb(0 0 0 / 4%),0 2px 4px 0 rgb(0 0 0 / 2%),inset 0 0 0 1px rgb(255 255 255 / 60%);padding: 10px 15px;border-radius:10px;background: white;}
.Dollars_IN_Banks_item_price span.green{color:var(--positive);}
.Dollars_PRice_BAR_title{min-width:max-content;margin-inline-end:18px;font-size:20px;padding:0px 10px;}
.Dollars_PRice_BAR_title h3{font-size:18px;display:flex;align-items:center;margin-bottom:3px;}
.Dollars_PRice_BAR_title p{font-size:14px;color:var(--secondarytext);}
.Dollars_PRice_BAR_title i{font-size:28px;color:var(--uicolor);margin-inline-end:8px;}
.Single_post_box_small_data h3{font-size:18px;line-height:1.7;margin-bottom:10px;}
.Single_post_box_small_data p{font-size: 15px;color: #56585e;font-weight: 600;line-height: 1.5;}
.full-post-box-item{min-width:calc(100% / 4 - 20px);max-width:calc(100% / 4 - 20px);height:200px;flex:1;position:relative;overflow:hidden;border-radius:14px;margin:0px 10px;}
.-widgets-blog-Slides-center.-top-sides .full-post-box-item{max-width:calc(100% / 2);min-width:20px;height:260px;}
.full-post-box-item_thumb{width:100%;height:200px;border-radius:0;overflow:hidden;}
.full-post-box-item_thumb img{width:100%;height:100%;}
.full-post-box-item_info{position:absolute;bottom:0;left:0;padding:20px;line-height:1.6;padding-top:12px;background: linear-gradient(0deg, var(--image--color) 60%, transparent);width:100%;display:flex;align-items:end;}
.full-post-box-item_info:before{position:absolute;content:"";--h:10px;display:block;background:linear-gradient(0deg,#2d3748,transparent);width:100%;top:-30px;height:0;left:0;}
.full-post-box-item_info a{color:#fff;font-size: 13px;line-height:1.7;font-weight:400;}
.-widgets-blog-Slides-center{display:flex;min-width:100%;gap: 20px;flex-wrap: wrap;}

.-widgets-blog-Slides-center .meta {
    margin: 0;
    padding: 0;
}

.-widgets-blog-Slides-center .meta .Cat_name {margin-bottom: 9px;}

.-widgets-blog-Slides-center .meta .Cat_name:hover {
}

.-widgets-blog-Slides-center .single-post-wrap .thumb {
    height: 138px;
    margin-bottom: 15px;
}

.-widgets-blog-Slides-center .single-post-wrap-box>a {
    font-size: 13px;
    font-weight: 700;
}

.-goldprice-widget-{min-width: 300px;background: white;padding: 10px;border-radius: var(--miniradius);position:relative;box-shadow: var(--box-shadow-defult);flex: 1;max-width: 300px;}
.-goldprice-widget- >a{position:absolute;width:100%;height:100%;display:block;top:0;left:0;}
.-goldprice-widget--over ul{list-style:none;display:flex;flex-wrap:wrap;}
.-goldprice-widget--over ul li{padding: 9px 10px;margin:5px 0px;min-width:100%;max-width:100%;border-radius: var(--miniradius);display:flex;align-items:center;font-size:19px;font-weight:800;justify-content:space-between;border-bottom: var(--border);padding-bottom: 11px;box-shadow: var(--box-shadow-defult);}
.-goldprice-widget--over ul li strong{font-size:14px;color: var(--uicolor);font-weight:600;}
.-goldprice-widget--inner--header-info{font-size:9px;color:var(--secondarytext);font-weight:200;margin-top: 10px;}
.-goldprice-widget--inner{margin-bottom:10px;}
.-goldprice-widget--inner h2{display:flex;align-items:center;font-size: 22px;font-weight: 600;}
.YC_News_Intro_grid{display:flex;align-items:flex-start;}
.YC_News_big_Block_v1{width:calc(100% - 320px);max-width:calc(100% - 320px);padding:30px;border-radius:20px;margin-inline-end:8px;background:#f0f8f8;display:flex;margin-inline-end:20px;}
.YC_News_Intro_big_Block_img{height:240px;border-radius:var(--miniradius);overflow:hidden;margin-bottom:0px;}
.YC_News_Intro_big_Block_img img{width:100%;height:100%;}
.YC_News_big_Block_v1_top{margin-bottom:0;padding:0;border-radius:20px;overflow:hidden;display:flex;width:600px;margin-inline-end:30px;}
.-goldprice-widget--inner--header{font-size: 208px;position:absolute;bottom: 0;left:10px;opacity: 0.1;color:#c3b17a;pointer-events: none;z-index: 0;}

.Tribble_box_small {
    min-width: calc(100% / 4 - 15px);
    max-width: calc(100% / 4 - 15px);
    height: 230px;
    flex: 1;
    position: relative;
    overflow: hidden;
    border-radius: var(--miniradius);
}

.Tribble_box_small_thumb_data {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    line-height: 1.6;
    padding-top: 12px;
    width: 100%;
    display: flex;
    align-items: end;
}

.Tribble_box_small_thumb_data:after {
    position: absolute;
    background: linear-gradient(0deg, #0b0505 60%, transparent);
    width: 100%;
    display: flex;
    align-items: end;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.7;
    inset: 0;
}



.Tribble_box_small_thumb img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 100%;
    height: 100%;
    min-height: 100%;
    transition: .3s all ease;
}

.Single_post_box_small_data {
    max-width: 720px;
    flex: 1;
}



span.Pays-directly:before {
    content: "";
    position: relative;
    width: 10px;
    height: 10px;
    display: flex;
    background: var(--uicolor);
    border-radius: 50%;
}

.directly_post_data {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.Extra_post_box_small {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: self-start;
    margin-top: 24px;
}

.Extra_post_with_thumb {
    display: flex;
    align-items: center;
    min-width: 370px;
    flex: 1;
    max-width: 309px;
    gap: 15px;
    border-top: 1px solid #d0d0d0;
    padding: 16px 0 0;
    height: 10%;
    flex-direction: row-reverse;
    justify-content: right;
}

.Extra_post_thumb {
    min-width: 130px;
    max-width: 130px;
    display: flex;
    align-items: center;
    border-radius: var(--miniradius);
    overflow: hidden;
    position: relative;
    border: 2px solid #ffffff;
    padding-bottom: 25%;
    box-shadow: 0px 1px 4px #00000054;
}

.Extra_post_thumb img {
    width: auto;
    height: auto;
}

.Extra_post_thumb img {
    width: auto;
    height: auto;
    border-radius: var(--miniradius);
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 100%;
    height: 100%;
    min-height: 100%;
    transition: .3s all ease;
}

.Extra_post_title_only {
    /* flex: 1; */
    min-width: 180px;
    max-width: 260px;
    display: flex;
    align-items: center;
    border-top: 1px solid #d0d0d0;
    padding: 10px 0 0;
    gap: 10px;
}

.Extra_post_title_only i {
    font-size: 15px;
}


.up {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    flex: 1;
}

.Tribble_wigedts_flex_center_top {
    position: relative;
    margin-bottom: 30px;
}

.wighet_pin-main-center {
    background: white;
    overflow: hidden;
    display: flex;
    box-shadow: var(--box-shadow-defult);
    position: relative;
}



.YC-widgets-wighet_pin-style {
    background: #000;
    color: white;
    min-width: 230px;
    display: flex;
    align-items: CENTER;
    flex-direction: column;
    justify-content: center;
    gap: 19px;
    border-top: 5px solid var(--uicolor);
}

.YC-widgets-wighet_pin-style h2 {
    font-size: 30px;
    font-weight: 800;
}

.YC-widgets-wighet_pin-style a {
    color: white;
    font-weight: 400;
}

.YC-widgets-wighet_pin-style a i {
    font-size: 15px;
    color: var(--uicolor);
    font-weight: 600;
}

.wighet_pin-container-steps {
    flex: 1;
    display: flex;
    align-items: center;
}

.wighet_pin-container-steps {
    overflow: hidden;
    position: relative;
    width: 100%;
}
@keyframes scroll {
	to {
		transform: translate(calc(-50% - 0.5rem));
	}
}
.scroller-x {
    position: relative;
    --direction: column;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    min-width: 100%;
}



.YC-Post-pin-list {min-width: 340px;text-align: start;display: flex;flex-direction: column;border-left: 1px dotted #dbdce7;padding-inline: 8px;margin: 18px 0;align-items: self-start;max-width: 340px;flex: 1;display: flex;}

@keyframes scroll-left {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.scroller-x__list {
}



.scroller-x__list > .post-date p {
    color: #000;
}

.scroller-x__list > div:last-child {
    direction: rtl;
}

.scroller-x[data-direction=right] .scroller-x__list {
	direction: rtl;
}


.--is-feature-item {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 800;
	color: #000;
	transition: .2s;
	display: flex;
	text-align: right;
	height: 46px;
	overflow: hidden;
}

a.--is-feature-item:hover {
	color: var(--uicolor);
}

.--is-feature-item i {
	margin-inline: 10px;
	font-size: 14px;
	font-weight: 900
}

.YC-Post-pin-list .post-date {
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: end;
    margin-bottom: 8px;
    gap: 10px;
    color: var(--secondarytext);
}



.wighet_pin-container-steps {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.custom-scroller {
    display: flex;
    overflow: hidden;
    position: relative;
}

.custom-scroller__list {
    display: flex;
    width: max-content;
    animation: scroll 10s linear infinite;
}

.custom-scroller__item {
    flex: 0 0 auto;
    margin-right: 15px;
    padding: 10px;
    background-color: #f4f4f4;
    border-radius: 5px;
    text-align: center;
}

.custom-scroller__item a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.custom-scroller__item a i {
    margin-left: 5px;
    color: gold;
}

/* Animation for scrolling */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
.Dollars_IN_Banks_item_name{display:flex;align-items:center;font-size:10px;margin-inline-end:18px;justify-content:right;text-align:right;}
.Dollars_IN_Banks_item_name h3{font-size:12px;}
.Dollars_IN_Banks_item_name img{width:26px;height:26px;background:#f5f6f8;border-radius:10px;margin:0;margin-inline-end:8px;}
.Dollars_IN_Banks{min-width:100%;display:flex;margin:0px -10px;}
.Dollars_IN_Banks_item{display:inline-flex;align-items:center;border: var(--border);margin:10px;padding:14px;border-radius:20px;direction:rtl;background: white;}

.-widgets-blog-posts-container {display: flex;flex-direction: column;max-width: 100%;min-width: 100%;flex: 1;}

.-YC-Widgets-Inner-Row .-widgets-blog-posts-container {
    gap: 0;
}

.-widgets-Featured-posts-center {
    display: flex;
    gap: 27px;
}

.Featured_box_widget {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    flex: 1;
}

.Featured_box_widget .Cercle_post_box_small {
    min-width: 330px;
    flex: 1;
    border-radius: 0;
}

.Featured_box_widget .Cercle_post_box_small:nth-child(5) {
    border-bottom: none;
}

.Featured_box_widget .Cercle_post_box_small:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

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

.Cercle_post_data .Cat_name {
    margin-bottom: 0;
    margin-inline-end: 8px;
    font-weight: 600;
}

.YC-category-section-widgets-boxed .single-post-wrap-box>a {font-size: 15px;line-height: 1.7;height: 51px;overflow: hidden;margin-top: 9px;}

.YC-category-section-widgets-boxed .single-post-wrap:first-child .single-post-wrap-box>a {
    font-size: 16px;
    height: auto;
    font-weight: 700;
}

.posts-list-post-wrap {
    min-width: 407px;
    max-width: 425px;
    flex: 1;
}

.posts-list-post-wrap .thumb {
    height: 280px;
    overflow: hidden;
    position: relative;
    border-radius: var(--miniradius);
    border: 1px solid #e2c7c7;
}

.thumb {
    position: relative;
}

.list-video-items .thumb {
    height: 210px;
    border-radius: var(--miniradius);
    overflow: hidden;
}

.thumb img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 100%;
    height: 100%;
    min-height: 100%;
    transition: .3s all ease;
    object-fit: cover;
    object-position: top center;
}

.-inner-widgets-blog-posts-list {
    display: flex;
    gap: 34px;
    margin-bottom: 29px;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-video_grid .-inner-widgets-blog-posts-list .posts-list-post-wrap {
    --primary-text: white;
}

.-inner-widgets-blog-posts-list .posts-list-post-wrap {
    border-bottom: 1px dotted #96a0b2;
    padding-bottom: 27px;
}


.-inner-widgets-blog-posts-list .Tribble_box_small_thumb_data {
    padding-inline: 40px;
    padding-bottom: 30px;
    padding-top: 49px;
    z-index: 2;
    flex-direction: column;
    align-items: center;
}

.Tribble_box_small_thumb_data .Cat_name {
    font-size: 15px;
    padding: 0;
    display: flex;
    align-items: center;
    background: transparent;
    color: white;
    margin-bottom: 14px;
    font-size: 18px;
}

.Tribble_box_small_thumb_data .meta {
    z-index: 2;
    margin: 0;
}

.-inner-widgets-blog-posts-list .Tribble_box_small_thumb_data a {
    font-size: 28px;
    text-align: center;
}

.-inner-widgets-blog-posts-list .Tribble_box_small {
    max-width: 100%;
    height: 485px;
}

.posts-list-post-wrap-box a {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.6;
    color: var(--primary-text);
}

.posts-list-post-wrap-box a:hover {
    color: var(--uicolor);
}

.YC-widgets--posts-list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 30px;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-blog_v4 .YC-widgets--posts-list {
    margin-top: 0;
}

.YC-widgets--posts-list .single-post-wrap a {
    font-size: 14px;
    font-weight: 700;
}

.YC-widgets--posts-list .single-post-wrap .thumb {
    height: 141px;
    margin-bottom: 15px;
}

.YC-widgets--posts-list .single-post-wrap {
    min-width: 180px;
    max-width: 247px;
    flex: 1;
    margin-bottom: 0;
}

.YC-widgets--posts-list .single-post-wrap .meta {
    margin-top: 0 !important;!i;!;
    margin-bottom: 6px;
}

.owl-nav.disabled {
    display: none;
}

.owl-stage {
    display: flex;
}

.Cercle_post_box_small_thumb_data .Cat_name {
    margin-bottom: 7px;
    font-size: 12px;
}


.posts-list-post-wrap-box .meta {
    gap: 14px;
}
.meta-post .Cat_name {
}

.meta-post {
    margin-top: 18px;
    display: flex;
    gap: 10px;
}

.-defult-widgets-title-style-right {
    position: relative;
    min-width: max-content;
    max-width: 250px;
    overflow: hidden;
}

.YC-widgets-blog_v3_container_boxed {
    display: flex;
    align-items: center;
    gap: 33px;
}


.YC-widgets-blog_v3_left {
    min-width: 406px;
    background: white;
    max-width: 406px;
    padding: 20px 0;
}

.YC-widgets-blog_v3_left .-defult-widgets-title-style-1 {
    padding: 0 24px;
    margin-bottom: 24px;
}

.-widgets-blog_v3-center {
    padding: 0 20px;
}

.YC-widgets-blog_v3_widget .trending__post_box_small_thumb {
    min-width: 85px;
    height: 85px;
    max-width: 85px;
}

.YC-widgets-blog_v3-posts-center {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

.YC-widgets-blog_v3-posts-center .YC-widgets-blog_v3_widget {
    min-width: 415px;
    max-width: 415px;
}

.YC-widgets-blog_v3_widget .single-post-wrap .thumb {
    height: 260px;
}

.YC-widgets-blog_v3_widget .single-post-wrap {
    min-width: 100%;
    margin-bottom: 20px;
}

.YC-widgets-blog_v3_list_box_widget {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    gap: 29px;
}

.YC-widgets-blog_v3_list_box_widget .Cercle_post_box_small_thumb_data a {
    font-size: 16px;
}

.YC-widgets-blog_v3_list_box_widget .Cercle_post_box_small {min-width: 100%;}

.YC-widgets-blog_v3_widget .Cercle_post_box_small_thumb_data .Cat_name {
    font-size: 12px;
    font-weight: 600;
}

.YC-widgets-blog_v3_widget .Cercle_post_box_small {
    padding-bottom: 18px;
    border-bottom: 1px dotted #d0d0ea;
    border-radius: 0;
    margin-bottom: 16px;
}

.YC-widgets-blog_v3_widget .Cercle_post_box_small:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

span.number-post {
    position: absolute;
    left: 0;
    font-size: 40px;
    font-family: var(--f-number);
    font-weight: 900;
    color: var(--secondarytext);
    opacity: 0.2;
    top: -8px;
}

.YC-widgets-blog_v3_widget .Cercle_post_box_small_thumb_data a {
    font-size: 16px;
}

.YC-widgets-blog_v3_widget .single-post-wrap-box a {
    font-weight: 700;
    margin-top: 9px;
}

.YC-Intro_v3-center {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.YC-Intro_v3-center .Cercle_post_box_small_thumb_data .Cat_name {
    font-size: 11px;
}

.YC-Intro_v3-center .Cercle_post_box_small_thumb_data a {
    font-size: 14px;
}

.category-section {min-width: 415px;max-width: 415px;}

.category-section .single-post-wrap .thumb {
    min-width: 100px;
    max-width: 100px;
    height: 100px;
}

.category-section .single-post-wrap:first-child .thumb {
    min-width: 100%;
    height: 280px;
}

.YC-category-section-posts-container {
    display: flex;
    gap: 29px;
    flex-wrap: wrap;
}

.YC-category-section-widgets-boxed 
 .thumb {
    min-width: 100px;
    max-width: 100px;
    height: 100px;
    margin-bottom: 0;
}

.YC-category-section-widgets-boxed .single-post-wrap:first-child .thumb {
    min-width: 100%;
    height: 280px;
    max-width: 100px;
    margin-bottom: 0;
}

.YC-category-section-widgets-boxed {
    flex: 1;
    min-width: 414px;
    max-width: 414px;
}

.YC-category-section-widgets-boxed .meta .Cat_name {
    /* font-size: 14px !important; */!i;!;
}

.single-post-wrap-box {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.single-post-wrap-box .Cat_name {
    margin-bottom: 0;
}
.post_box_style_2:hover .post_box_style_2_info a {
    color: var(--uicolor);
}

.blog_v3_widget {
    display: flex;
    flex-wrap: wrap;
}

.YC_News_Intro {
    position: relative;
}

.YC_News_Intro svg {
    position: absolute;
    height: 70px;
    transform: translateX(-50%) rotate(180deg);
    left: 50%;
    width: 100%;
    fill: #fff;
    bottom: -20px;
}

.YC_News_Intro_big_Block_info {
    padding: 20px;
    background: #006666;
    color: #fff;
}

.YC_News_Intro_big_Block_info h2 {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 10px;
}

.YC_News_Intro_big_Block_info > h2 a {
    color: #fff;
}

.post_box_style_2:hover .post_box_style_2_info {
    box-shadow: var(--box-shadow-hover);
}

.post_box_style_2_info h2 {
}

.post_box_style_2 {
    display: flex;
    align-items: center;
    width: calc(100% / 2 - 20px);
    margin: 10px;
    margin-bottom: 10px;
    border-radius: 20px;
    background: #fff;
}

.post_box_style_2_img.-Post-box-item-Thumb {
    --w: 200px;
    max-width: var(--w);
    min-width: var(--w);
    height: var(--w);
    margin: 0;
    margin-inline-end:10px;
    padding: 0;
    box-shadow: 0 4px 8px rgb(0 0 0 / 15%);
    overflow: hidden;
    border-radius: var(--miniradius);
    display: flex;
    align-items: center;
    position: relative;
    z-index: 0;
}

.post_box_style_2_img:before {
    background-image: var(--image);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(6px);
}

.post_box_style_2_img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(6px);
    background: #14161a;
    opacity: 0.2;
}


.post_box_style_2_info h2 a {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
    margin-bottom: 10px;
    display: block;
}
.post_box_style_2_info{width:100%;border:var(--border);height:100%;border-radius:var(--miniradius);padding:20px;}

.post_box_style_2_info p {
    font-size: 18px;
    line-height: 1.7;
    color: var(--secondarytext);
}
.post_box_style_2:hover .post_box_style_2_info{box-shadow:var(--box-shadow-hover);}
.post_box_style_2_info h2{}
.post_box_style_2:hover .post_box_style_2_info a {
    color: var(--uicolor);
}
.Cat_name:hover{color: white;}
.Cat_name:hover:after{opacity:0;}
.Cat_name:after{content:"";display:block;width:100%;height:100%;/* background:#ffffffcf; */position:absolute;top:0;left:0;z-index:-1;border-radius:65px;transition:.3s all ease;}
.single-post-title .Cat_name {
    margin-bottom: 10px;
    font-size: 12px;
}


.-YourColor-SingleWidget-Section.-YC-WidgetType-video_grid {
    background: var(--primary-text);
    position: relative;
}


.-YourColor-SingleWidget-Section.-YC-WidgetType-video_grid .-YC-Widgets-Inner-Row {
    padding: 60px 0;
    background: #11181f;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-video_grid .-defult-widgets-title-style-right:before {
    background: white;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-video_grid .-cutomButton {
    color: #f8fbff;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-video_grid .-defult-widgets-title-style-1 .-widgets-h1-title {
    color: white;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-video_grid .YC-widgets--posts-list .single-post-wrap .meta {
    color: white;
    opacity: 0.9;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-video_grid .YC-widgets--posts-list .single-post-wrap a {
    font-size: 14px;
    color: white;
    height: 67px;
    overflow: hidden;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-video_grid .meta-post .Cat_name {
    color: white;
    opacity: 0.98;
    font-size: 14px;
}


.TWointro-Site--Menu ul {
    display: flex;
    justify-content: center;
}

.TWointro-Site--Menu ul li {
    border-left: 1px dotted #ffffff57;
    padding-inline-end: 12px;
    margin-inline-end: 13px;
}

.TWointro-Site--Menu ul li:last-child {
    border-left: none;
}

.TWointro-Site--Menu ul li a {
    color: white;
    font-size: 14px;
    font-weight: 500;
}



.YC_BTN__live {
    position: relative;
}

.YC_BTN__live .YC-select-category-feature {
    background: var(--primary-text);
    color: white;
    padding: 5px 10px;
    font-size: 15px;
    display: flex;
    align-items: center;
    border-radius: var(--miniradius);
    gap: 7px;
    cursor: pointer;
    min-width: max-content;
}

.YC_BTN__live .YC-select-category-feature span {
    font-size: 11px;
    font-weight: 600;
}

.YC_BTN__live .YC-select-category-feature i {
    color: var(--uicolor);
    font-size: 10px;
}

.post-date {
    display: flex;
    max-width: max-content;
}


.scroll-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:0;border-radius:8px;cursor:pointer;height:12px!important;width:55px}


.slider-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.slider-container div {
    background: red;
    position: absolute;
}

.scroll-range {
}

.scroll-range::-webkit-slider-thumb {
    appearance: none;
    width: 15px;
    height: 15px;
    background: #007bff;
    border-radius: 50%;
    cursor: pointer;
}

button {
}

button:hover {
    background-color: #0056b3;
}



.slider-container {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.scroll-range {
    width: 100%;
    height: 5px;
    appearance: none;
    background: #ccc;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
}

.scroll-range::-webkit-slider-thumb {
    appearance: none;
    width: 15px;
    height: 15px;
    background: #007bff;
    border-radius: 50%;
    cursor: pointer;
}



.live-container {
    min-width: 274px;
    height: 100%;
    display: flex;
    align-items: end;
    gap: 15px;
    max-width: 274px;
}

.live-container i {
    font-size: 30px;
    color: var(--uicolor);
    font-weight: 900 !important;!i;!;
}

.live-container span:before {
    content: "";
    position: relative;
    width: 15px;
    height: 15px;
    background: var(--uicolor);
    border-radius: 50%;
}

.live-container span {
}
.yourcolor--copyright p {
    color: white;
    display: flex;
    align-items: center;
    gap: 11px;
    font-size: 14px;
    font-weight:500;
}

p.copyrights {
    font-size: 12px;
    font-weight: 500;
    color:white;
}

.-owl-tab-setup {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.-owl-tab-setup .trending__post_box_small_thumb {
    max-width: 124px;
    min-width: 114px;
    height: 87px;
}

.-owl-tab-setup .Cercle_post_box_small_thumb_data .Cat_name {
}

.-owl-tab-setup .Cercle_post_box_small_thumb_data {
    height: 100%;
    margin-inline-start: 15px;
}

.-owl-tab-setup .Cercle_post_box_small_thumb_data a {
    flex: 1;
}

.-owl-tab-setup .Cercle_post_box_small {
    min-width: 390px;
    max-width: 100%;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0;
    padding-bottom: 23px;
    align-items: center;
    gap: 0;
    flex-direction: row;
}

.-owl-tab-setup .Cercle_post_box_small:nth-child(6),.-owl-tab-setup .Cercle_post_box_small:nth-child(5) {
    border-bottom: none;
    padding-bottom: 0;
}

.--section---tabs--master.--js--taps-master.YC-Animation-Item {
    position: relative;
    background: white;
}

.--section--filter--title {
    display: flex;
    flex-direction: column;
}


.--section--filter--title>.--filter--ul>.--filter--li--item.--filter--li--active {
    color: white;
}

.--filter--ul {
    display: flex;
}
.--filter--ul {
    display: flex;
    border-radius: var(--miniradius);
    position: relative;
    --active-color: var(--uicolor);
    --active-padding: 0px;
    background: #ffffff05;
    padding: var(--active-padding);
}

.--filter--li--active {
    position: absolute;
    background: var(--active-color);
    border-radius: var(--miniradius);
    transition: 180ms;
    top: var(--active-padding);
    bottom: var(--active-padding);
    opacity: .09;
    transition: all 0.2s ease;
}

.--section--filter--title>.--filter--ul>.--filter--li--active {
    opacity: 1;
    color: white;
}
.--filter--ul>.--filter--li--item.active {color: white;background: var(--uicolor);}
.--filter--ul>.--filter--li--item {
    padding: 10px 10px;
    font-size: 16px;
    border-radius: var(--miniradius);
    text-align: center;
    position: relative;
    font-weight: 600;
    transition: all 0.2s ease;
    position: relative;
    background: white;
    margin-inline-start: 10px;
}

.--filter--li--item span {
    position: relative;
    z-index: 2;
}

.-works-fix-boxes-items.-Taps-AppendCenter {
    padding: 30px 0;
    min-height: 400px;
}

.tabs__header {
    display: flex;
    padding: 13px 13px;
    justify-content: space-between;
    align-items: center;
    margin-top: 1px;
}

.tabs__header p {
    font-size: 16px;
    font-weight: 500;
    color: var(--secondarytext);
}

.tabs-tablist {
    display: flex;
    align-items: center;
    gap: 0;
}

.tabs-tablist.--filter--ul .--filter--li--item.active {
    color: var(--uicolor);
    background: transparent;
}

.tabs-tablist span {position: relative;font-size: 14px;font-weight: 500;display: flex;align-items: center;}

.tabs-tablist span:before {
    content: "";
    position: relative;
    width: 16px;
    height: 16px;
    background: #f8f8f8;
    border-radius: 50%;
    margin-inline-end: 11px;
    display: flex;
    align-items: center;
}

.tabs-tablist span:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: var(--uicolor);
    border-radius: 50%;
    right: 4px;
    top: 6px;
    opacity: 0;
    transform: scale(0);
    transition: all 0.2s ease;
}

.tabs-tablist .active span:after {
    opacity: 1;
    transform: scale(1);
}

.number-post-left {
    width: 60px;
    height: max-content;
    font-size: 56px;
    font-weight: 700;
    font-family: var(--f-number);
    color: var(--uicolor);
    display: flex;
    justify-content: center;
    margin-inline-end: 6px;
}

.-defualt-object--center.-ScrollerCenter.-Objects-center-obType-post > * {
    max-width: 307px;
    flex: 1;
    min-width: 307px;
}

.posts-list-post-content .meta-post {
    margin-top: 0;
}

.posts-list-post-content {
    background: white;
    padding: 14px;
    border-radius: var(--miniradius);
    box-shadow: var(--box-shadow-defult);
}

.posts-list-post-content .meta-post .Cat_name {
    background: var(--uicolor);
    color: white;
    padding: 3px 7px;
    border-radius: var(--miniradius);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    width: max-content;
}

.posts-list-post-content a {
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
    display: flex;
    margin-bottom: 8px;
}

.posts-list-post-content p {
    font-weight: 500;
    line-height: 1.6;
    font-size: 15px;
    color: var(--secondarytext);
}

.YC-widgets-loadmore-posts-center .Tribble_box_small {
    min-width: 634px !important;!i;!;
    height: 319px;
}


.YC-widgets-loadmore-posts-center .posts-list-post-wrap .thumb {
    height: 170px;
}

.YC-widgets-loadmore-posts-center .single-post-wrap a {
    font-size: 16px;
}
postsscrollloader i {
     margin-inline-end:10px
}

 loadmore--inpuarea {
     width: max-content;
     margin-inline:auto
}
 postsscrollloader i,postsscrollloader span {
     position: relative;
     z-index: 9 
}
 .--empty-attchment-svg-v1 {
     font-size: 120px;
     color: #e9e9e9;
     margin-bottom: 30px;
}
 .-defualt-object--center {
     justify-content: center 
}

.-defualt-object--center.-ScrollerCenter .posts-list-post-content a {
    font-size: 17px;
}

.-defualt-object--center.-ScrollerCenter .posts-list-post-content a:hover {
    color: var(--uicolor);
}

.-defualt-object--center.-ScrollerCenter.-Objects-center-obType-post .single-post-wrap .thumb {
    height: 160px;
}
 .--remove-insert--post {
     width: 100% 
}
 .--empty-attchment-area>h1 {
     text-align: center;
     font-weight: 600;
     font-size: 26px;
     line-height: 1.7;
     max-width: 500px;
     margin: 0 auto 5px;
     text-transform: capitalize 
}
 .--empty-attchment-area>p {
     text-align: center;
     font-size: 17px;
     max-width: 400px;
     margin: 0 auto;
     color: var(--secondarytext);
     font-weight: 300;
     text-transform: capitalize;
     line-height: 1.6;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center 
}
 .--empty-attchment-area>p>a {
     text-decoration: underline 
}
 .--empty-attchment-area>p>* {
     margin-inline: 4px 
}
 .--empty-attchment-area {
     display: flex;
     flex-direction: column;
     align-content: center;
     align-items: center;
     flex-wrap: wrap 
}
@keyframes spin {
	to {
		transform: rotate(1turn)
	}
}

svg.animate-spin circle {
	width: 25px;
	margin-inline-end:11px;opacity: .3
}

svg.animate-spin {
	width: 25px;
	margin-inline-end:14px;
	animation: 1s linear infinite spin;
	color: #fff;
	display: none;
}

svg.animate-spin path {
	opacity: .75
}

postsscrollloader.isloader i {
	display: none;
}
.wighet_pin-container-steps {
    overflow: hidden;
    position: relative;
}
.row {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}
.wighet_pin-container-steps {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.YC-Post-pin-list .post-date p {
     color: var(--secondarytext);
}

@keyframes scroll-horizontal {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%); 
    }
}


.-P-Content {
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    color: var(--secondarytext);
}

.header-TWointro .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.TWointro-Site-Menu-boxed {
    display: flex;
    align-items: center;
    color: white;
    gap: 14px;
    position: relative;
}

.posts-list-post-wrap-box {
    margin-top: 20px;
}

.YC-widgets-video_grid-slider {
    display: flex;
}

.posts-video-wrap .thumb {
    height: 451px;
    border-radius: var(--miniradius);
    overflow: hidden;
    z-index: 0;
    width: 100%;
}

.posts-video-info {
    display: flex;
    margin-top: 20px;
}

.posts-video-info a {
    font-size: 20px;
    color: #cfd0d2;
    font-weight: 800;
}

.posts-video-wrap {
    position: relative;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    opacity: 0.6;
}

.posts-video-wrap:hover .posts-video-content {
    opacity: 1;
    visibility: visible;
}

.posts-video-content a.posts-PermaLink {
    padding: 8px 11px;
    border-radius: var(--miniradius);
}

.posts-video-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    padding: 40px 20px;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all .3s ease;
    width: 100%;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}

.posts-video-content:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 0;
}

.posts-video-content p {
    font-size: 19px;
    color: white;
    line-height: 1.5;
    margin-bottom: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
    position: relative;
    z-index: 222;
    flex: 1;
}

a.posts-PermaLink {
    align-items: center;
    background-color: var(--uicolor);
    border: 1px solid var(--uicolor);
    color: #fff;
    display: flex;
    font-weight: 500;
    justify-content: center;
    width: max-content;
    gap: 10px;
    z-index: 1;
    position: relative;
}

.-defult-widgets-title-style-boxed {
    display: flex;
    align-items: center;
}

.-YC-Slides-owl-Container {
    display: flex;
    align-items: center;
    margin-inline-start: 20px;
    gap: 14px;
}

.YC-widgets-video_grid--center {
    margin-top: 30px;
}

.-inner-widgets-video-list {
    display: flex;
    gap: 20px;
}

.-inner-widgets-video-list .posts-video-items:first-child {
    min-width: 650px;
    max-width: 680px;
}

.posts-video-items {
    min-width: 270px;
    max-width: 450px;
    flex: 1;
}
.items-video-content a {
    font-size: 14px;
    border-radius: 0px 0 0 10px;
    padding: 2px 20px;
}
.items-video-content a.posts-PermaLink {
    margin-top: 0;
}
.posts-video-items .thumb {
    height: 280px;
}

.posts-video-items .thumb {
    border-radius: var(--miniradius);
    overflow: hidden;
}

.items-video-info {
    padding-top: 20px;
}

.items-video-info a {
    color: white;
}

.items-video-info a {
    font-size: 18px;
    font-weight: 500;
}

.YC-widgets--video-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.list-video-items {
    min-width: 201px;
    flex: 1;
    max-width: 260px;
}

.-YourColor-SingleWidget-Section.-YC-WidgetType-widght_video .-YC-Widgets-Inner-Row {
    padding: 60px 0;
}
.search_body>form>label {
	display: none;
}


.search_body>h2 {
	text-align: center;
	margin-bottom: 30px;
	line-height: 1.5;
	font-weight: 500;
	font-size: 24px;
	color: white;
}

.search_header {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20000;
    align-items: flex-start;
}

.search_header .search_overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000000d4;
    top: 0;
    right: 0;
    transform: translateY(-100%);
    transition: 180ms all ease;
    visibility: hidden;
    opacity: 0;
    transition-delay: 0.1s;
    backdrop-filter: blur(7px);
}

.search_header.shows--in-searching .search_overlay {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}
.search_body {
    display: flex;
    overflow: hidden;
    width: 100%;
    transition: 180ms all ease;
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%, -100%);
    visibility: visible;
    opacity: 1;
    max-width: 1101px;
    margin-inline: auto;
}

.search_header.shows--in-searching .search_body {transform: translate(0%, 100%);visibility: visible;opacity: 1;}
.search_closse {
    --el-width: 60px;
    width: var(--el-width);
    height: var(--el-width);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 28px;
    color: var(--uicolor);
    font-weight: 400;
    cursor: pointer;
    transition: 180ms;
    z-index: 1;
}
.search_closse:hover {
    color: var(--negative);
}
.search_closse>i {
    font-weight: inherit 
}
.search_body>form {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    height: 190px;
    z-index: 1;
}
.search_body>form>label {
    display: none;
}
.search_body-input:before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    right: 0;
    border-bottom: 2px solid white;
    transform: scale3d(1, 1, 0);
    transform-origin: 50% 0%;
    transition: all 0.3s ease;
}

.shows--input-searching .search_body-input:before {
    transform: scale3d(1, 1, 1);
    transition-duration: 1s;
    width: 100%;
    left: 0;
}

.search_body-input {
    position: relative;
    display: flex;
    flex: 1;
}
.search_body>form .search_body-input input[type=search] {
    padding: 20px 0;
    font-size: 25px;
    box-shadow: 0 0 0;
    border: 0;
    font-weight: 400;
    line-height: 1.9;
    flex: 1;
    background: transparent;
    color: white;
    position: relative;
    margin-bottom: 0;
    width: 100%;
    border-radius: 0;
}
.search_body>form>input[type=search]::placeholder{
    font-weight:inherit;
    line-height:inherit;
    font-size:inherit;
    padding:inherit;
    opacity:0.6;
}
.search_body>form>input[type=search]:focus::placeholder {
    opacity: .3
}
.search_body>form>button {
    border: 0;
    background: 0 0;
    width: 60px;
    height: 60px;
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 50%;
    color: white;
}

.search_body>form>button > i {
    font-weight: 400;
}

.search_closse:hover {
	color: #fff
}

.search_closse>i {
	font-weight: inherit
}


ul.-YC-menu-list-header-links {
    display: flex;
    flex-wrap: wrap;
}
span.menu__BTN {
    position: absolute;
    background: linear-gradient(180deg, var(--primary-text), var(--dark-color));
    width: 50px;
    height: 50px;
    top: -50px;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px 10px 0 0;
    font-size: 27px;
    cursor:pointer;
}

.YC-menu-list-header {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.YC-menu-list-header.-current-widgets-menu1 {
    min-width: 430px;
}

.YC-menu-list-header.current-widgets-SocialIcon {
    justify-content: end;
    min-width: 160px;
    max-width: 280px;
}

.YC-menu-list-header.-current-widgets-menu1 ul {
    gap: 16px;
}

.YC-menu-list-header.-current-widgets-menu-2 {
    min-width: 238px;
    max-width: 390px;
}

.YC-menu-list-header.-current-widgets-menu-2 ul.-YC-menu-list-header-links li {
    max-width: 100%;
}

.YC-menu-list-header.-current-widgets-menu-2 ul.-YC-menu-list-header-links li {
    margin-bottom: 11px;
}

.YC-menu-list-header.-current-widgets-menu-2 ul {
    flex-direction: column;
}

.-YC-menu-list-title {
    display: flex;
    margin-bottom: 15px;
}
.-YC-owl-navs-items i {
    font-size: 59px;
}
.-YC-menu-list-title h3 {
    color: #b7aeae;
}

.YC-menu-shares-items a {
    color: white;
    display: flex;
    font-size: 20px;
}

.YC-menu-shares-items a i {
    font-size: 22px;
    font-weight: 400;
}

.YC-menu-shares-items {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
}

.YC-menu-Site--Menu-boxed {
    display: flex;
    gap: 20px;
}

ul.-YC-menu-list-header-links li a:before {
    content: var(--chevron);
    position: relative;
    font-family: "Font Awesome 6 Pro";
    right: 0px;
    font-weight: 900;
    font-size: 12px;
}

.YC-menu-Site--Menu.open_menu {
    display: block;
}

.weather-box {
    display: flex;
    align-items: center;
    gap: 8px;
}

.YC-gallry-platforms-image-list {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 29px;
}
ul.-YC-menu-list-header-links li {
    min-width: 170px;
    max-width: 100%;
    flex: 1;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px dotted #f7f7f730;
}
.YC-gallry-platforms {
    min-width: 72px;
    max-width: 150px;
    position: relative;
    padding: 0px 9px;
    display: flex;
    background: #ffffff;
    border-radius: 10px;
}

.YC-gallry-platforms img {
    width: auto;
    height: auto;
}
title--tooltip {
	position: fixed;
	background: var(--primary-text);
	padding: 4px 10px;
	border-radius: var(--miniradius);
	color: #fff;
	font-size: 13px;
	max-width: 250px;
	font-weight: 400;
	line-height: 1.6;
	z-index: 20000
}

title--tooltip.social-tooltip {
	min-width: max-content;
	padding: 15px
}


.YC-yourcolor__website-image-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.-footer-contact-title {
    margin-bottom: 19px;
}

.-footer-contact-title h3 {
    color: var(--second-text-color);
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
}

.YC-yourcolor__apps-image-list {
    display: flex;
    align-items: center;
    gap: 14px;
}

.YC-apps-platforms {
    min-width: 65px;
    max-width: 80px;
}

.-footer-widgets-logo-boxed {
    display: flex;
    align-items: center;
    min-width: 100%;
    background: var(--shadow-1);
    padding: 20px;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px #0000002b;
    justify-content: space-between;
}
.YC-apps-platforms img {width: auto;height: auto;}

.-apps-widgets-single {
    margin-top: 20px;
    border-top: 1px dotted #f2dbdb;
    padding-top: 12px;
}
.-footer-widgets-logo-boxed {
    display: flex;
    align-items: center;
    min-width: 100%;
    background: var(--shadow-1);
    padding: 20px;
    border-radius: 10px;
	justify-content:space-between;
}
.UserLogo--ControllerMain>.vs-user {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
    user-select: none;
    font-weight: 600;
    padding: 0px 10px;
    border-radius: 15px;
    transition: .35s;
    color: white;
    background: #faf8fe30;
    gap:5px;
}
.YC-menu-Site--Menu {
    position: absolute;
    top: 54px;
    right: -10px;
    background: var(--dark-color);
    color: white;
    display: flex;
    gap: 21px;
    padding: 20px 20px;
    display: none;
    border-radius: var(--miniradius) 0 var(--miniradius) var(--miniradius);
    max-width: 780px;
    min-width: 770px;
}
 
.UserBoxLinks {
    display: inline-block;
    width: 320px;
    position: absolute;
    list-style: none;
    left: -4px;
    top: 33px;
    box-shadow: 0px 0px 9px #d1c6ef3b;
    background: #ffffff;
    transform: translateY(20px);
    transition: .35s;
    z-index: 9;
    line-height: initial;
    text-align: right;
    border-radius: 0px 0px 10px 10px;
    padding: 20px;
    opacity:0;
    visibility: hidden;
}
.-footer-widgets-logo {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    min-width: 100%;
    justify-content: space-between;
    gap: 50px;
	flex-direction:row-reverse;
}
footer-body {
    display: flex;
    gap: 5px;
    flex-direction: column;
    justify-content: center;
	align-items:center;
}
.-row-shares-items a i {
    font-weight: 500;
    font-size:25px;
    color: var(--sociaColor);
}
/**intro*/
.Intro-Container {
	display: flex;
	align-content: center;
	max-width: var(--container-width);
	min-width: var(--container-width);
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: var(--container-padding);
	align-items: center;
	position: relative;
	overflow: hidden;
	height: max-content;
	margin-top: 90px;
	margin-bottom: 50px;
}


.--intro--li-list {
	display: flex;
	color: var(--primary-text);
	margin-inline-end: 15px
}

.--second-intro--li-list.--rating--single-list-item>span {
	font-family: var(--f-number);
	font-weight: 600
}

.--second-intro--li-list>i {
	color: #f7c800;
	margin-inline-end: 10px;
	font-size: 20px
}

.--single--intro--button>a,
.second--intro--ul-items {
	font-size: 17px;
	display: flex
}
.--intro--li-list>a {
	display: flex;
	color: #fff;
	margin-inline-end: 10px;
	position: relative;
	align-items: center;
	font-weight: 400
}

.--intro--trailer--button {
	position: absolute;
	left: 0;
	z-index: 2;
	--bs-white: white;
	--bs-primary: var(--uicolor);
	cursor: pointer;
	min-width: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 50%;
	flex-direction: column;
	transition: var(--transition--items);
	transition-delay: 0.2s;
	transform: translateY(-50%)
}

.intro-model-home_intro_v1 .-YC-owl-navs-items>.-YC-owl-Slides-next:hover,
.intro-model-home_intro_v1 .-YC-owl-navs-items>.-YC-owl-Slides-prev:hover {
	color: #fff
}

.intro-model-home_intro_v1 .-YC-owl-navs-items>.-YC-owl-Slides-next {
	left: 100px;
	background: 0 0 !important;
	color: #ffffff99;
	border: 0;
	font-weight: 300;
	font-size: 70px;
	--chev-w: auto;
}
.--intro--logo-slider-UL::-webkit-scrollbar {
	width: 5px;
	height:8px;
}

.--intro--logo-slider-UL::-webkit-scrollbar-thumb {
	background: #0a172a;
	border-radius: 90px
	width: 5px;
	height:8px;
	position:relativel
}

.--intro--logo-slider-UL::-webkit-scrollbar-track {
	background: #f9f9f9d6;
	border-radius: 90px
}
.--intro--logo-slider-UL {
	position: relative;
	z-index: 2;
	gap: 23px;
	display: flex;
}

.-logo-slider-LI {
	padding: 18px 0 0;
	display: flex;
	cursor: pointer;
	transition: 80ms;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #fff;
	text-align: center;
	font-weight: 300;
	min-width: 100%;
	max-width: 100%;
	gap: 8px;
	border-top: 1px dotted #ffffff66;
}

.--intro--logo-slider-UL-boxed.Intro-ads-Boxes .-logo-slider-LI {
}

.-logo-slider-LI img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 100%;
    height: 100%;
    min-height: 100%;
    transition: .3s all ease;
}

.-logo-slider-LI:hover {
	transition: 280ms;
	border-color: white;
}

.-logo-slider-LI.active {
	transition: 280ms;
	border-color: white;
}


.-logo-slider-LI.active a {
    background-position: 0 94%;
    background-size: 100% 1px;
}

.YourColor-IntroBoxes.intro-model-home_intro_v1 {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 889px;
}
.intro-model-home_intro_v1 .-YC-owl-Slides-next, .intro-model-home_intro_v1 .-YC-owl-navs-items>.-YC-owl-Slides-prev {
    background: 0 0 !important;
    color: #ffffff99;
    border: 0;
    font-weight: 300;
    font-size: 70px;
    --chev-w: auto;
    top: 100%;
}
.intro-model-home_intro_v1 .-YC-owl-navs-items>.-YC-owl-Slides-prev {
    right: 100px;
}

.-YC-owl-navs-items>.-YC-owl-Slides-prev {
    right: 0;
    left: auto;
}


.yc-shortcode--related_articles:hover .-YC-owl-navs-items>.-YC-owl-Slides-next,.yc-shortcode--related_articles:hover .-YC-owl-navs-items>.-YC-owl-Slides-prev {
    opacity: 1;
    visibility: visible;
}

.yc-shortcode--related_articles:hover .-YC-owl-navs-items>.-YC-owl-Slides-prev {
    right: -17px;
}

.yc-shortcode--related_articles:hover .-YC-owl-navs-items>.-YC-owl-Slides-next {
    left: -17px;
}

.-YC-owl-navs-items>.-YC-owl-Slides-next i, .-YC-owl-navs-items>.-YC-owl-Slides-prev i {
    font-weight: 400;
}
.owl-rtl {
    direction: rtl;
}
.--intro--fetch-slider {
    opacity: 0;
    display: flex;
    width: 100%;
    overflow: hidden;
    flex-direction: column;
    height: 100%;
}

.--intro--fetch-slider.Intro-ads-Boxes .--home--intro--works-item {
    display: flex;
    align-items: center;
    padding-top: 0;
}
.--intro--fetch-slider>.owl-stage-outer {
    display: flex;
    height: 100%;
}
.--intro--fetch-slider>.owl-stage-outer .owl-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

body:not(.--speed--body) .owl-item.active .--home--intro--works-item {
    opacity: 1;
}
body:not(.--speed--body) .--home--intro--works-item {}
.--home--intro--works-item {
    width: 100%;
    padding: 120px 0 10px;
    position: relative;
    overflow: hidden;
    transition: opacity 1s;
    --transition--items: 380ms all ease;
    height: 100%;
    display: flex;
    align-items: center;
}
.--home--intro--works-item.--blur--work--covers .--intor--thumb-bg {
    filter: blur(0px);
}
.--intor--thumb-bg {
    position: absolute;
    width: calc(100% + 0px);
    height: calc(100% + 0px);
    background-image: var(--bg--item);
    top: 0;
    background-position: top center;
    right: 0;
    z-index: -1;
    filter: blur(10px);
    background-repeat: no-repeat;
    background-size: cover;
}
.--intor--thumb-bg:before {
    width: 100%;
    opacity: 0.3;
}

.--intor--thumb-bg:after {
    width: 100%;
}
.--intor--thumb-bg:after {
    content: '';
    position: absolute;
    background-blend-mode: screen;
    background-image: linear-gradient(180deg, transparent, transparent 30%, rgba(0, 0, 0, .25) 50%, rgb(0 0 0 / 76%) 80%, rgba(0, 0, 0, .8));
    border-radius: 2px;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 22;
}

.--work--intro--information>.--intro--story {
    font-size: 19px;
    line-height: 1.8;
    font-weight: 300;
    color: #ffffffe6;
    max-width: 550px;
    transition: var(--transition--items);
    transition-delay: var(--item-delay);
	 margin-top: 30px;
	
}

.--work--intro--information {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 900px;
    margin-inline-end: 0;
}

.--intro--buttons--area a {
    color: #fff;
    padding: 16px 18px;
    border-radius: var(--largeradius);
    align-items: center;
    background: var(--uicolor);
}

.--intro--buttons--area {
    margin-top: 30px;
}

.-single-bottom-list-category-terms {
    border-radius: var(--miniradius);
    padding: 5px 9px;
    width: max-content;
    color: white;
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    border: 2px solid var(--categoryuicolor);
    background: var(--categoryuicolor);
}

.-single-bottom-list-category-terms a {
    font-weight: 600;
    font-size: 13px;
    color: white;
}

.-single-bottom-list-category-terms p {
    font-size: 16px;
    font-weight: 300;
}
@keyframes ping {
    75%,to {
        opacity: 0;
        transform: scale(2)
    }
}
.-single-bottom-list-category-terms:before {
    background: white;
    content: "";
    position: relative;
    width: 7px;
    height: 7px;
    display: flex;
    z-index: 22;
    border-radius: 50%;
}
@keyframes ping {
    75%,to {
        opacity: 0;
        transform: scale(2)
    }
}
.-single-bottom-list-category-terms:after {
    content: "";
    position: absolute;
    animation: ping 1s cubic-bezier(0,0,.2,1) infinite;
    background-color: white;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.-logo-slider-LI-boxed {
    min-width: 124px;
    height: 76px;
    max-width: 124px;
    border: 1px solid transparent;
    border-radius: var(--miniradius);
    overflow: hidden;
    position: relative;
    flex: 1;
}

.-logo-slider-LI-boxed.active a.intro--logo-h3 {
    background-position: 0 94%;
    background-size: 100% 1px;
}
.--work--intro--information>a.title-h3 {
    color: rgb(255 255 255);
    font-size: 48px;
    font-weight: 600;
    text-shadow: 0 4px 4px rgba(0,0,0,.5);
}
.--intro--logo--information {
    flex: 1;
    text-align: start;
}

.post-date p {
    font-weight: 500;
    font-size: 15px;
    color: #c8c8c8;
}

.--intro--logo-slider-UL-boxed {
    position: absolute;
    align-items: self-start;
    z-index: 2;
    gap: 22px;
    width: 100%;
    display: flex;
    max-width: var(--container-width);
    min-width: var(--container-width);
    margin: 0 auto;
    justify-content: space-between;
    bottom: 30px;
    right: 0;
    left: 0;
    overflow: hidden;
    flex-direction: column;
}


.YourColor-Intro-ads-Boxes.intro-model-intro_ads .--intro--logo-slider-UL {
    display: flex;
    min-width: 370px;
    max-width: 389px;
}

.--intro--logo-slider-UL-boxed .--intro--logo-slider-UL {
    max-width: 440px;
    min-width: 440px;
}



#scrolling-container {
    cursor: grab;
}


.--primary--intro--pages {
    margin-top: 170px;
    margin-bottom: 40px;
}
.YC-BreadCrumb>ol {display: flex;flex-wrap: wrap;list-style: none;align-content: center;align-items: center;justify-content: right;}ol.BreadcrumbsFilters>li {list-style: none;margin-inline-end: 10px;align-items: center;display: flex;}.YC-BreadCrumb>ol>li>a {display: flex;padding: 0;color: var(--secondarytext);font-weight: 400;text-transform: uppercase;align-content: center;align-items: center;flex-wrap: wrap;font-size: 17px;}ol.BreadcrumbsFilters>li+li:before {content: var(--chevron);font-family: 'Font Awesome 5 Pro';font-weight: 700;position: relative;margin-inline-end: 10px;line-height: 0;color: var(--secondarytext);}.YC-BreadCrumb>ol>li>a>span {display: flex;flex-wrap: wrap;gap: 6px;}
.--archive--be-content > *{padding: revert;list-style: inherit;line-height: 1.8;}.--archive--be-content {line-height: 1.6;overflow: hidden;font-size: 20px;position: relative;transition: all .2s ease-in-out;margin-top: 8px;}.--archive--be-content h2 {font-weight: 800;margin: 5px 0;font-size: 23px;font-size: 25px;font-weight: 700;}.--archive--be-content > * {font-size: 20px;}

.-archive--container {
    margin-top: 30px;
}

.YC-BreadCrumb.-BreadCrumb-PT-category {
    margin-bottom: 14px;
}

.Single_post_box_small_data p {
    font-size: 14px;
    color: #56585e;
    font-weight: 500;
    line-height:1.5;
}
span.Pays-directly {
    background: var(--primary-text);
    color: white;
    padding: 6px 10px;
    position: relative;
    display: flex;
    width: max-content;
    align-items: center;
    border-radius: var(--miniradius);
    gap: 8px;
    font-weight: 500;
    font-size:14px;
}
span.Updated-news {
    background: var(--uicolor);
    color: white;
    padding: 6px 10px;
    position: relative;
    display: flex;
    width: max-content;
    align-items: center;
    border-radius: var(--miniradius);
    gap: 8px;
    font-weight: 500;
    font-size:14px;
}
.Single_post_box_small a.post_title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 20px;
   height:auto;
}
.Cat_name {
    display: flex;
    position: relative;
    z-index: 1;
    min-width: max-content;
    font-size: 12px;
    max-width: max-content;
    font-weight: 500;
    color: white;
    background: var(--uicolor);
    padding: 2px 7px;
    border-radius: var(--miniradius);
    margin-bottom: 9px;
    align-items: center;
}
.Tribble_box_small_thumb_data a {
    color: white;
    position: relative;
    z-index: 2;
    font-size: 22px;
    font-weight: 600;
    text-shadow: 0 1px 4px rgba(0,0,0,.5);
    display: flex;
    line-height: 1.6;
}

.Tribble_wigedts_flex_right > .Tribble_box_small_thumb_data a {
    font-size: 14px;
}
.post-date p {
    font-weight: 600;
    font-size: 14px;
    color: var(--uicolor2);
}
a.intro--logo-h3 {
    color: white;
    font-size: 14px;
    font-weight: 500;
    display: inline;
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg, currentColor 0, currentColor 94%);
    transition: background-size .4s cubic-bezier(.215,.61,.355,1), opacity .5s ease;
    background-position: 100% 94%;
    background-size: 0 1px;
    line-height:1.5;
}
.live-container span {
    font-size: 25px;
    color: var(--warning-color);
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 700;
    text-shadow: 0 4px 4px rgba(0,0,0,.5);
}
.-cutomButton {
    background: transparent;
    font-size: 14px;
    color: var(--uicolor);
    border-radius: 16px;
    cursor: pointer;
    position: relative;
    display: flex;
    overflow: hidden;
    transition: all 0.5s;
    text-transform: uppercase;
    width: max-content;
    z-index: 1;
    align-items: center;
    font-weight:600;
}
.-defult-widgets-title-style-1 .-widgets-h1-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.6;
    text-align: right;
    color: var(--primary-text);
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    position: relative;
    padding-bottom:25px;
}

.-defult-widgets-title-style-1 .-widgets-h1-title p {
    color: var(--uicolor);
}
.Extra_post_title_only>a {
    font-size: 14px;
    font-weight: 600;
    color: var(--second-text-color);
}
.Single_post_box_small_data a {
    font-size: 14px;
    display: flex;
    line-height: 1.7;
    font-weight: 700;
    height: 45px;
    overflow: hidden;
    color: var(--primary-text);
}
.Cercle_post_box_small_thumb_data a {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 5px;
    display: flex;
}

.simple-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

.loader-animation {
    display: flex;
    gap: 8px;
}

.loader-animation span {
    width: 20px;
    height: 20px;
    background-color: #007bff;
    border-radius: 50%;
	translate:all 0.2s ease;
    animation: loader-bounce 1s infinite;
}

.loader-animation span:nth-child(2) {
    animation-delay: 0.2s;
}

.loader-animation span:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes loader-bounce {
    0%, 80%, 100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}


.YC-yourcolor_header-platforms {
    min-width: 65px;
    max-width: 67px;
    position: relative;
    display: flex;
    align-items: center;
    padding-inline-end: 10px;
}

.YC-yourcolor_header-platforms:last-child {
    padding-inline-end: 0;
}

.YC-yourcolor_header-platforms:last-child:before {
    display: none;
}

.YC-yourcolor_header-platforms:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    background: #ffffff4f;
    bottom: 2px;
    left: 0;
}

.YC-yourcolor_header-platforms img {
    height: auto;
    width: auto;
    filter: invert(1);
}

.YC-yourcolor__website_header-list {
    display: flex;
    align-items: center;
    gap: 14px;
}

.YC-widgets-loadmore-posts-center {
    display: flex;
    flex-direction: column;
}

.-owl-tab-setup-right {min-width: 380px;max-width: 380px;}

.-owl-tab-setup-right .single-post-wrap {
    min-width: 100%;
}

.-owl-tab-setup-left {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.-single-features-step-item:hover,.custreviewsgoole-block:hover,.goole-block:hover {
    box-shadow: 0 2px 3px #1f1e8708,0 25px 35px #163e850a
}

.-YC-WidgetType-reviews_widget {
    position: relative;
    background: #f8f8fe
}

.-slider-Steps-main-center {
    display: block;
    position: relative;
    transition: 280ms
}

.-slider-Steps-main-center.active {
    height: var(--pin-height);
    overflow: visible
}

.-YC-WidgetType-reviews_widget:before {
    content: ''
}

.-slider-Steps-main-center.active:before {
    opacity: 0;
    visibility: hidden
}

.-slider-steps-items {
    overflow: hidden;
    display: block;
    flex: 1;
    padding: 20px
}

.-Steps-slider-title {
    display: block;
    max-width: 550px;
    margin-inline-end:60px;--content-max-width: 460px
}

.-Steps-slider-title>.-stickyReview-h4 {
    display: block;
    font-size: 21px;
    font-weight: 400;
    color: var(--uicolor);
    line-height: 1.5;
    max-width: var(--content-max-width)
}

.-Steps-slider-title>.-P-content {
    display: block;
    font-size: 17px;
    line-height: 1.7;
    color: var(--section-content);
    font-weight: 300;
    max-width: calc(100% - 120px)
}

.-Steps-slider-title>.-stickyReview-h1 {
    position: relative;
    font-size: 45px;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 25px;
    color: var(--section-title);
    max-width: var(--content-max-width)
}

.-Steps-slider-title>.-stickyReview-h1>c--color,.-single-features-step-item:hover .-Lists-Steps-URL>a {
    color: var(--uicolor2)
}

.-single-features-step-item {
    display: flex;
    padding: 14px;
    border-radius: var(--miniradius);
    background: #fff;
    border: 1px solid #dbdce7;
    position: relative;
    align-items: self-start;
    transition: 250ms;
    overflow: hidden;
    min-width: 345px;
    max-width: 430px;
    flex: 1;
    gap: 16px;
}

.-single-features-step-item:hover {
    background: #fff
}

.-single-features-step-item>.-P-Content {
    color: var(--secondarytext);
    font-weight: 500;
    font-size: 17px;
    line-height: 1.8;
    text-align: start;
    flex: 1
}

.-Lists-Steps-URL>a,.BTN-google a i {
    font-size: 18px
}

.-slider-container-steps {
    display: flex;
    flex-wrap: wrap;
    gap: 21px
}

.-Lists-Steps-URL {
    display: flex;
    align-content: center;
    align-items: center
}

.-Lists-Steps-URL>a,.-owl-navs-steps-items>div {
    align-items: center;
    display: flex;
    align-content: center
}

.-Lists-Steps-URL>a>i {
    margin-right: 5px;
    font-weight: 400
}

.-slider-steps-items .owl-nav {
    display: none
}

.-Navs-Actions-Steps {
    margin-top: 40px
}

.-owl-navs-steps-items {
    display: flex
}

.-owl-navs-steps-items>div {
    height: 48px;
    width: 48px;
    text-align: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    margin-inline-end:10px;font-size: 28px;
    cursor: pointer;
    color: var(--navs-color);
    transition: 80ms;
    border: 1px solid var(--diver);
    position: relative;
    flex-wrap: wrap
}

.-custreviews-logos-Poster-UI img,.war-img img {
    width: auto;
    height: auto
}

.-owl-navs-steps-items>div:last-child {
    margin-inline-end:0}

.-owl-navs-steps-items>div.disabled-btn {
    cursor: not-allowed;
    user-select: none
}

.-owl-navs-steps-items>div:not(.disabled-btn):hover {
    color: var(--primary-text);
    transition: 250ms;
    transform: scale(1.14);
    border-color: var(--primary-text)
}

.-owl-navs-steps-items>div>i {
    font-weight: 400
}

.-icon--numbers {
    position: absolute;
    left: 40px;
    font-size: 65px;
    font-weight: 400;
    top: 40px;
    color: #93939312
}

.-custreviews-logos-Poster-Image {
    display: block;
    position: relative;
    --poster-width: 100px;
    max-width: var(--poster-width);
    min-width: var(--poster-width);
    height: var(--poster-width);
    margin-inline-end:0;border-radius: var(--miniradius);
    overflow: hidden;
    display: flex;
    align-items: center;
    border: var(--border);
}

.-custreviews-logos-Poster-Image img {
    position: relative;
    transition: .3s all ease;
    /* width: 100%; */
    height: 100%;
}

.-custreviews-logos-Poster-Image.-is-twitter-item {
    border-color: #00aced
}

.-custreviews-logos-Poster-Image>.twitter__link {
    position: absolute;
    bottom: 3px;
    left: 0;
    z-index: 1
}

.-custreviews-logos-Poster-Image>.twitter__link>a {
    background: #00aced;
    color: #fff;
    display: flex;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 6px
}

.-custreviews-logos-Poster-UI {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.-custreviews-logos-Poster-UI>img {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%
}

.custreviews-logos-context {
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.custreviews-logos-context span {
    font-size: 14px;
    color: var(--secondarytext);
    font-weight: 500
}

.custreviews-logos-context>.custreviews-title {
    font-size: 18px;
    font-weight: 600;
    text-align: start;
    color: var(--primary-text)
}

.custreviews-logos-context>.stars-avg {
    display: block;
    font-size: 13px;
    position: relative;
    color: #e1e1e138;
    direction: ltr
}

.custreviews-logos-context>.stars-avg>.stars-avg-back>i {
    font-weight: 300
}

.custreviews-logos-context>.stars-avg>.stars-avg-back,.custreviews-logos-context>.stars-avg>.stars-avg-front {
    display: flex;
    justify-content: center
}

.custreviews-logos-context .stars-avg i {
    padding: 0 1px
}

.custreviews-logos-context .stars-avg>.stars-avg-front {
    position: absolute;
    top: 0;
    left: 0;
    color: #ffa700;
    width: var(--percent);
    flex-wrap: inherit;
    overflow: hidden;
    justify-content: start
}

.--container--review-title {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    align-items: center
}

.custreviews--google-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 31px;
    margin-bottom: 30px;
    margin-top: 40px
}

.custreviewsgoole-block,.goole-block {
    z-index: 0;
    border-radius: var(--largeradius);
    padding: 50px;
    height: 320px;
    max-width: 100%;
    gap: 20px;
    transition: .2s;
    position: relative
}

.BTN-google {
    margin-top: 20px;
    display: block
}

.BTN-google a {
    color: var(--uicolor);
    font-size: 19px;
    font-weight: 500;
    gap: 10px;
    display: flex;
    align-items: center
}

.--title-goolge--,.custreviewsgoole-info .--title-goolge--,p.goolge-content {
    color: var(--primary-text)
}

.goole-block {
    background-color: #ffdc9f;
    flex: 1;
    display: flex;
    min-width: 673px
}

.goole-block:hover {
    transform: translate(0,-4px)
}

.custreviewsgoole-block {
    background-color: #fff;
    min-width: 622px;
    display: flex
}

.custreviewsgoole-block:hover {
    transform: translate(0,-5px)
}

.war-img {
    min-width: 130px;
    max-width: 110px;
    display: flex;
    align-items: end;
    position: relative;
    bottom: 0;
    left: 0;
    z-index: -1
}

.--title-goolge-- {
    font-size: 33px;
    font-weight: 600;
    margin-bottom: 12px
}

p.goolge-content {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 400
}

.war-widget {
    flex: 1
}

.custreviewsgoole-info p {
    color: var(--secondarytext)
}

.custreviews-context {
    display: flex;
    align-items: self-start;
    gap: 10px;
    flex-direction: COLUMN;
}

.custreviews-context a {
    font-size: 15px;
    font-weight: 600;
    color: var(--primary-text);
}

.custreviews-context a:hover {
    color: var(--uicolor);
}

.custreviews-context p {
    font-size: 17px;
}

.custreviews-title {
    font-size: 19px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}

.custreviews-title i {
    display: flex;
    font-size: 15px;
    background: #f8f8fe;
    padding: 5px;
    width: 27px;
    height: 27px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
table.-goldprice--table th:first-child{text-align: right;padding-inline: 13px;}
table.-goldprice--table th{font-size:17px;border: 1px solid var(--diver);font-weight:400;color: var(--primary-text);padding: 7px;}
table.-goldprice--table td:first-child{text-align:right;padding-inline: 16px;}
table.-goldprice--table td{font-weight: 400;font-size: 16px;border: 1px solid #e9eaef;padding: 10px 10px;color: var(--secondarytext);}
table.-goldprice--table td:first-child > i{font-size: 17px;vertical-align:middle;margin-inline-start: 17px;font-weight:300;color:var(--secondarytext);}
.Gold_price_box_calc h3{font-size: 22px;margin-bottom:20px;font-weight: 500;}
.Gold_price_box_taple{flex:1;/* min-width: 100%; */display: flex;flex-direction: column;align-items: self-start;background: white;padding: 15px;border-radius: var(--miniradius);}
.Gold_price_box_calc_field{display:flex;flex-direction:column;margin-bottom:20px;}
.Gold_price_box_calc_field label{}
.Gold_price_box_calc_field select{display:block;min-height:50px;border-radius:var(--miniradius);border:1px solid var(--diver);outline:0;padding:10px 15px;width:100%;flex:1 1 0%;font-size:14px;text-transform:capitalize;box-shadow:0 0 0!important;background: white;font-weight:400;}
.Gold_price_box_calc_field select option{color:#000;}
.Gold_price_box_calc button{width:100%;padding:10px;border-radius:10px;background: white;border:0;color: white;font-size:16px;cursor:pointer;background: var(--uicolor);}
.Gold_price_box_calc_Content{padding:30px 30px;line-height:2;border:1px solid var(--diver);border-radius:var(--largeradius);margin-bottom:40px;}
.-price{font-weight: 700;font-size: 16px;display: flex;justify-content: center;align-items: end;}
.-price.red{color:#F44336;}
.-price.green{color:#009688;}
.-sidebar-box.-horoscope > a {display: flex;height: 224px;background: white;border-radius: var(--largeradius);color: var(--primary-text);font-size: 22px;padding: 30px 30px 30px 30px;position: relative;flex-direction: column;border: 1px solid var(--diver);transition: 300ms all ease;}.-sidebar-box.-horoscope > a:hover {transition: 50ms all ease;background: var(--bghover);}.-sidebar-box.-horoscope > a > h2 {font-weight: 300;font-size: 40px;margin-bottom: 12px;}.-sidebar-box.-horoscope > a > p {font-size: 18px;font-weight: 300;color: var(--secondarytext);}.-sidebar-box.-horoscope > a > .-bg {position: absolute;bottom: 0;right: 0;pointer-events: none;left: 0;}.-sidebar-box.-horoscope > a > .-bg img {height: 42px;filter: invert(1);}.-sidebar-box.-horoscope > a > .-bg img:hover {opacity: 1;}.-sidebar-box.-horoscope > a > .-bg marquee {direction: ltr;width: 100%;padding: 20px 0px;}.container.-primary-container > .-primary {flex: 1;padding: 0px 0px;width: 100%;} .-sidebar  .-sidebar-box > .-sidebar-box-title {display: flex;align-items: center;margin-top: 6px;margin-bottom: 0;justify-content: space-between;} .-sidebar > .-sidebar-box > .-sidebar-box-title > strong {font-weight: 300;color: var(--secondarytext);font-size: 14px;} .-sidebar > .-sidebar-box > .-sidebar-box-title > a {color: var(--uicolor);padding: 4px 8px;font-size: 14px;border-radius: var(--miniradius);margin: 0px -8px;}.-sidebar-box-history--empty {display: flex;align-items: center;padding: 0;color: var(--secondarytext);opacity: .5;}.-sidebar-box-history--empty > i {font-size: 31px;margin-left: 16px;padding-bottom: 12px;font-weight: 300;}.-sidebar-diver {margin-bottom: 10px;margin-top: 10px;}.-primary-inner {display: block;margin: 0 auto;}.-primary-inner.-primary-grid {display: flex;margin: -15px;flex-wrap: wrap;}.-primary-inner.-primary-grid > * {margin: 15px;max-width: calc(100% - 30px);}.-primary-intro {position: relative;overflow: hidden;display: flex;flex: 1;flex-direction: column;display: none;}.-primary-intro-inner {background: #f3f3f314;position: relative;overflow: hidden;margin-bottom: 20px;border-radius: var(--largeradius);z-index: 2;width: 100%;max-width: 1440px;border: 1px solid #f7f7f7;}.-primary-intro-inner > .-primary-intro-left {flex: 1;}.-primary-intro-inner > .-primary-intro-right {background: var(--primary-text);}.-adarea {display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;direction: ltr;font-size: 30px;background: var(--bghover);color: var(--disable-text);}.-adarea.-cutted {border-radius: var(--largeradius);}.-adarea.-cutted:after {bottom: -70px;right: -70px;}.-adarea.-example300-600 {width: 300px;height: 600px;}.-cards-mg {flex: 1;min-width: 250px;position: relative;word-break: break-word;border-radius: var(--largeradius);transition: 250ms height ease;}.-page-body .-cards-mg.-praytime {margin: 0;width: 380px;max-width: initial;margin-bottom: 30px;margin-left: 30px;}

.-page-body.wdpage .-cards-mg.-praytime {
    width: 640px;
}


.leftheader ul li:hover .-cards-mg {
    display: block;
}

.-cards-mg.-currencies {
    display: block;
}

.-cards-mg.-weather {background: white;color: white;background-size: cover;background-repeat: no-repeat;padding: 16px;position: relative;border-radius: var(--miniradius);overflow: hidden;}

.-cards-mg.-weather:before {
}.-primary-intro-footer {display: flex;flex-wrap: wrap;margin: -10px;}.-cards--weather-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff5f5;
    padding: 5px;
}.-cards--weather-icon > strong {display: block;text-align: center;font-weight: 300;font-size: 13px;}.-cards--weather-icon img {display: block;width: auto;height: auto;}.-cards--weather-info {}.-cards--weather-info > h2 {color: var(--secondarytext);font-size: 14px;font-weight: 300;margin-bottom: 8px;}.-cards--weather-info > h3 {margin-bottom: 0px;font-size: 18px;}.-cards--weather-info > p {font-size: 12px;margin-bottom: 15px;font-weight: 300;}.-cards--weather-info > h3 strong {}ul.-weather-degs {list-style: none;display: flex;align-items: center;justify-content: center;}ul.-weather-degs > li.-weather-degs-low {font-size: 25px;margin-right: 28px;color: var(--secondarytext);}ul.-weather-degs > li.-weather-degs-high > span:before {content: '';height: 6px;width: 6px;border-radius: 50%;border: 3px solid;position: absolute;left: 0;top: 4px;}ul.-weather-degs > li.-weather-degs-high {line-height: 100%;font-size: 22px;direction: ltr;font-weight: 500;margin-bottom: 2px;margin-left: 10px;}ul.-weather-degs > li.-weather-degs-high > span {position: relative;padding-left: 10px;font-weight: 200;margin-left: 3px;}ul.-weather-degs > li {position: relative;}ul.-weather-degs > li.-weather-label {font-size: 19px;font-weight: 300;}.-cards--weather-header {display: flex;align-items: center;}.-cards--weather-header-info {flex: 1;text-align: right;}.-cards--weather-header-info > h2 {
    color: var(--primary-text);
}.-cards--weather-header-info > h3 strong {
    color: var(--uicolor);
}ul.-weather-infos {}ul.-weather-infos > li {flex: 1;background: #f5f5f5a6;text-align: center;min-width: 100%;border-radius: var(--miniradius);display: flex;align-items: center;gap: 6px;max-width: 100%;align-items: center;justify-content: space-between;padding: 9px;}

ul.-weather-infos > li > img {
    height: auto;
    width: 32px;
}

ul.-weather-infos > li.active {
    background: var(--uicolor);
    color: #fff;
}

ul.-weather-infos > li span {
    display: block;
}

ul.-weather-infos > li em {
    font-style: normal;
    margin-left: 5px;
    font-size: 12px;
    color: var(--uicolor);
    font-weight: 900;
}ul.-weather-infos > li.-humidity {background: #1a2841ad;color: white;}ul.-weather-infos > li.-visibility {background: #d1e449c9;}ul.-weather-infos > li > strong {white-space: nowrap;display: block;font-weight: 300;margin-bottom: 0px;font-size: 12px;}

ul.-weather-infos > li > date {
    font-size: 17px;
}ul.-weather-infos > li > p {font-size: 15px;font-weight: 500;line-height: 100%;}ul.-weather-infos > li.-pressure {}.-weather-progress {height: 5px;display: flex;align-items: end;flex: 1;}.-weather-progress > span {width: 0%;min-width: 6%;background: currentColor;border-radius: 60px;height: 100%;}.-cards--weather-footer {display: flex;align-items: center;justify-content: space-between;}.-cards-mg.-weather[data-bg="morning"] .-cards--weather-footer {}.-cards-mg.-weather[data-bg="evening"] .-cards--weather-footer {color: white;}.YC-weather-link {display: flex;align-items: center;font-size: 14px;font-weight: 400;margin-right: 10px;background: var(--uicolor);color: black;padding: 6px 13px;border-radius: var(--miniradius);color: #fff;gap: 7px;}

a.YC-weather-link i {
    font-size: 14px;
}.-cards--weather-footer > a:hover {opacity: 1;background: white;color: var(--primary-text);}.-cards--weather-footer > a > i {padding-right: 8px;font-weight: 500;transition: 100ms all ease;}.-cards--weather-footer > a:hover > i {padding-right: 10px;}div#clockdate {
}div#clockdate #clock {display: flex;align-items: end;font-size: 19px;flex-wrap: wrap;line-height: 1;font-weight: 400;direction:ltr;justify-content:end;min-width: max-content;}div#clockdate #clock > em {font-style:normal;padding:0px 5px;}div#clockdate #clock > span {font-size:10px;font-weight:300;padding:4px 5px 0;text-align:right;}.-primary-slider {min-width: calc(100% - 30px);padding: 20px 0px;position: relative;margin-bottom: 20px;padding-top: 20px;}.-cards-loader {display: flex;position: relative;justify-content: space-between;align-items: self-start;flex-direction: column-reverse;}.-cards-mg.-goldbox .-cards-loader.-loaded {display: block;bottom: 0;padding: 0 0px;}.-cards-mg.-praytime .-cards-loader {background: #ffffff;padding: 10px;border-radius: 10px;}
.-cards-mg.-weather .-cards-loader.-loaded {
    display: block;
}

.-cards-loader.-loading.-loaded h2 {
    font-size: 14px;
    font-weight: 600;
    flex: 1;
}
.-cards-mg.-praytime:after {
    content: '';
    position: absolute;
    top: -4px;
    z-index: -1;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-position: 0% 105%, center;
    background-repeat: no-repeat;
    background-size: 110%;
    border-radius: var(--largeradius);
    pointer-events: none;
}
ul.-praytimes-info > li.-next > .-li-th {
    transform: scale(1.03);
}
ul.-praytimes-info > li > .-li-th {
    position: relative;
    transform-origin: right center;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}
.leftheader .-cards-mg.-praytime .-cards-loader.-loading.-loaded {display: flex;flex-wrap: wrap;text-align: center;justify-content: center;}.-cards-mg.-currencies .-cards-loader {}.-primary-intro-inner .-cards-loader {padding: 0;}ul.-praytimes-info {list-style: none;display: flex;flex-wrap: wrap;margin: 0;gap: 10px;z-index: 222;position: relative;margin-top: 10px;}ul.-praytimes-info > li {justify-content: space-between;display: flex;align-items: center;flex: 1;position: relative;text-align: right;max-width: max-content;z-index: 222;min-width: 100%;border: 1px solid #e5d3d3;padding: 8px;border-radius: var(--miniradius);background: white;}

ul.-praytimes-info >  li.-next {
    color: var(--uicolor);
}
ul.-praytimes-info > li > .-li-td {}ul.-praytimes-info > li > .-li-th {}ul.-praytimes-info > li > .-li-th > p {display: flex;align-items: end;font-size: 13px;color: #363636;flex-wrap: wrap;justify-content: center;align-items: center;}ul.-praytimes-info > li > .-li-th > p > em {font-size: 10px;padding-right: 3px;}ul.-praytimes-info > li > .-li-th > span {display: block;font-size: 17px;font-weight: 400;color: #121212;margin-bottom: 2px;opacity: .7;}ul.-praytimes-info > li.-next > .-li-th > span {color: #37a1b4;opacity: 1;}ul.-praytimes-info > li.-next > .-li-th {/* transform: scale(1.2); */}ul.-praytimes-info > li.-next > .-li-th > p {color: var(--uicolor);}ul.-praytimes-info > li.-next > .-li-th:after {content: '';position: absolute;width: 100px;height: 100px;border-radius: 80px;background: var(--bghover);z-index: -1;right: 50%;pointer-events: none;transform: translate(50%, -50%);top: 50%;}.-countdown-box {align-items: center;text-align: center;display: flex;}.-countdown-box > strong {font-size: 16px;margin-left: 10px;display: block;color: var(--primary-text);min-width: max-content;font-weight: 500;}.-countdown-box > strong em {font-style: normal;color: var(--uicolor);font-weight: 900;}.-countdown-box > .-countdown {display: flex;align-items: center;font-size: 19px;direction: ltr;color: var(--uicolor);justify-content: center;/* font-size: 30px; */}

.-countdown-box > .-countdown > * {
    font-family: var(--f-number);
}
.-countdown-box > .-countdown strong {
	font-weight:900;}
.-countdown-box > .-countdown > span {padding:0px 5px;}
a.-placeholder-link {position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index: 10;border-radius: var(--largeradius);pointer-events: none;}
.-goldprice-widget--inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}.-goldprice-widget--inner > img {width: 140px;}.-goldprice-widget--inner > svg {width: 100px;display: block;margin: -45px auto 10px;}.-goldprice-widget--inner--header-info > h3 {font-size: 10px;color: var(--secondarytext);font-weight: 300;text-align: right;}.-goldprice-widget--inner > strong {display: flex;font-size: 43px;line-height: 1;align-items: center;justify-content: center;flex-direction: column;}.-goldprice-widget--inner > strong > span {font-size: 14px;line-height: 1;padding-top: 0px;font-weight: 300;}.-goldprice-widget--inner > h2 {font-weight: 700;text-align: right;padding-right: 20px;font-size: 20px;color: #1e1e1e;}.-primary-intro-trending {display: flex;align-items: center;margin-bottom: 10px !important;}.-primary-intro-trending > a {white-space: nowrap;background: #ffffff;color: var(--uicolor);display: flex;align-items: center;display: none;padding: 10px 24px;border-radius: var(--largeradius);box-shadow: 0 0 40px 40px var(--bgcolor);position: relative;width: 150px;}.-primary-intro-trending > a > i {margin-right: 6px;font-weight: 600;}.-primary-intro-trending > marquee {direction: ltr;border-radius: var(--largeradius);padding: 7px 0px;margin: -7px 0;}.-primary-intro-trending > marquee > a {display: inline-block;padding: 6px 16px;direction: rtl;font-size: 15px;font-weight: 300;border-radius: 10px;position: relative;z-index: 1;margin: 0px 8px;background: #ecf6f3;color: #011202;}.-primary-intro-trending > marquee > a:hover > i {color: var(--uicolor);opacity: 0.5;}.-primary-intro-trending > marquee > a > i {vertical-align: middle;margin-left: -10px;position: relative;z-index: -1;font-size: 26px;color: #7c7c7c;opacity: .25;}.-primary-intro-trending > strong {white-space: nowrap;font-weight: 400;font-size: 22px;margin-left: 10px;color: #011a02;position: relative;z-index: 1;}.-goldprice-widget--over {top: 0;right: 0;left: 0;bottom: 0;text-align: right;}.-goldprice-widget--over > h2 {margin-bottom: 28px;font-weight: 300;}.-goldprice-widget--over > ul {list-style: none;display: flex;flex-wrap: wrap;color: var(--primary-text);}.-goldprice-widget--over > ul > li {flex: 1;min-width: calc( 100% - 20px);margin: 10px;align-items: center;justify-content: space-between;border-radius: 10px;padding-bottom: 5px;margin: 5px 10px;text-align: center;display: flex;width: 100%;border-bottom: 1px solid #0000001f;}.-goldprice-widget--over > ul > li > strong {font-size: 14px;font-weight: 400;margin-bottom: 4px;display: block;width: 100%;text-align: right;}.-goldprice-widget--over > ul > li > p {display: flex;align-items: end;font-size: 19px;font-weight: 500;align-items: center;min-width: max-content;}

.-goldprice-widget--over > ul > li > p span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #181818;
}
.-goldprice-widget--over > ul > li > p > strong {font-size: 10px;font-weight: 400;padding-right: 5px;padding-top: 3px;width: 100%;color: #101010;display: block;width: max-content;}.-cards-mg.-goldbox:hover .-goldprice-widget--over {}.-scrolling-slider {max-height: 400px;}.-scrolling-slider > .owl-stage-outer {}.owl-item {display: inline-block;vertical-align: top;}.-GridItem {width: 260px;border: 1px solid #ffffff;border-radius: var(--largeradius);transition: 50ms all ease;background: white;/* border: 1px solid var(--diver); */overflow: hidden;}.-archive-grid > .-GridItem {flex: 1;margin: 7px;min-width: 227px;display: flex;max-width: calc(100% / 5 - 14px);flex-direction: column;overflow: hidden;}


.-cards--weather-header-sldier {
    display: flex;
    gap: 15px;
    flex: 1;
    flex-direction: column;
    max-width: 821px;
}

.-cards--weather-header-boxed {
    display: flex;
    align-items: center;
    max-width: max-content;
    gap: 27px;
}


.YC-forms_Filter-main-center-boxed {
    min-width: 420px;
    max-width: 440px;
    flex: 1;
}

.YC-forms_Filter-main-center {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
}

.YC-forms_Filter-main-center.forms_gold .Gold_price_box {
    max-width: 100%;
    min-width: 100%;
    display: flex;
    gap: 13px;
}

span.-currency {
    gap: 10px;
    display: flex;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    align-items: end;
    color: var(--primary-text);
    font-weight: 600;
}

span.-currency strong {
    font-size: 10px;
    font-weight: 400;
    color: var(--secondarytext);
}
.-cards--weather-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    gap: 8px;
}


.-cards--weather-header-info h3 {
    font-size: 11px;
    margin: 5px 0;
    font-weight: 400;
    opacity: 0.9;
    letter-spacing: 1px;
    color: var(--secondarytext);
}

.-cards--weather-info {display: flex;align-items: center;gap: 12px;}

.-weather-infos {
    list-style: none;
    border-radius: 10px;
    text-align: center;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 20px;
}

.-weather-infos img {
    width: 34px;
    height: 34px;
    transition: transform 0.3s ease;
    background: white;
    border-radius: 50%;
}

.-weather-infos img:hover {
    transform: scale(1.2);
}

.-weather-infos strong {
    font-size: 16px;
    font-weight: 500;
    color: #2c3039;
}

.-weather-infos date {
    font-size: 13px;
    color: var(--uicolor);
}

.-weather-infos span {
    font-size: 12px;
    color: #343232;
    font-weight: 500;
}
.-cards--weather-footer {margin-top: 16px;}

.-cards--weather-footer a i {
    margin-left: 8px;
}


.-goldprice--table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    margin-bottom: 20px;
    background: linear-gradient(45deg, #fafafa, #f0f0f0);
}

.-goldprice--table thead {
    background-color: #fcf4e7;
    color: white;
}

.-goldprice--table th, .-goldprice--table td {
    padding: 15px;
    text-align: center;
    font-size: 16px;
}

.-goldprice--table td {
    background-color: #fff;
    font-weight: 500;
}

.-goldprice--table td .-price {
    font-size: 20px;
    font-weight: bold;
    color: var(--primary-text);
}

.-goldprice--table--lastupdate {
    display: block;
    font-size: 14px;
    color: #777;
    text-align: center;
}

.Gold_price_box_calc {background: white;padding: 20px;color: #000;border-radius: var(--miniradius);min-width: 350px;max-width: 340px;height: max-content;display: flex;flex-direction: column;position: absolute;top: 50%;right: 50%;transform: translate(50%, -50%);box-shadow: 0px 0px 6px 2px #1504051a;}


.Gold_price_box_calc_field {
    margin-bottom: 15px;
}

.Gold_price_box_calc_field label {
    font-size: 14px;
    color: #555;
    display: block;
    margin-bottom: 12px;
    font-weight: 400;
}

.Gold_price_box_calc_field input,
.Gold_price_box_calc_field select {
    width: 100%;
    padding: 11px;
    font-size: 16px;
    border-radius: 15px;
    border: 1px solid #ddd;
    outline: none;
    transition: all 0.3s ease;
}

.Gold_price_box_calc_field input:focus,
.Gold_price_box_calc_field select:focus {
    border-color: #00bcd4;
    box-shadow: 0 0 8px rgba(0, 188, 212, 0.5);
}

button:hover {
    background-color: #f36f6f;
}

#result {
    
    
    background: #fff1f1;
    padding: 8px;
    margin-top: 14px;
    text-align: center;
    border-radius: var(--miniradius);
    font-size: 16px;
}

.Gold_price_box a {
    text-decoration: none;
    color: #00bcd4;
    font-size: 16px;
    display: inline-block;
    margin-top: 20px;
    text-align: center;
    font-weight: 600;
}

.-time--weather-footer {
    display: flex;
    align-items: center;
    gap: 7px;
}

.-countdown-box-list {
    display: flex;
    align-items: center;
    min-width: 100%;
    margin-bottom: 14px;
}

.YC-goldprice--table-boxed {
    display: flex;
    justify-content: space-between;
    min-width: 100%;
}

.YC-goldprice-BTN {
    border-radius: 10px;
    background: var(--uicolor);
    padding: 7px 14px;
    color: white;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.Gold_price_box_calc_box {
    position: fixed;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 100%;
    height: 100%;
    display: none;
    width: 500px;
}

.Gold_price_box.open .Gold_price_box_calc_box {
    display: block;
}
.-praytimes-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    text-align: center;
    direction: rtl;
}

table.-praytimes-table thead th {
    font-size: 17px;
    border: 1px solid var(--diver);
    font-weight: 500;
    color: var(--uicolor);
    padding: 10px 15px;
    background: white;
}

table.-praytimes-table thead th:first-child {
    text-align: right;
}

.-praytimes-table thead {
    font-size: 18px;
    text-transform: uppercase;
    background: white;
}

.-praytimes-table th, .-praytimes-table td {
    padding: 10px 14px;
    border: 1px solid #eaeaea;
    transition: background-color 0.3s ease;
    font-weight: 400;
    background: white;
    font-size: 16px;
}

.-praytimes-table tbody tr:hover {
    background-color: #f7fdf4;
    cursor: pointer;
}

.-praytimes-table tbody tr.-next {
    background-color: #fffae6;
    font-weight: bold;
}

.-praytimes-table tbody tr.-next:hover {
    background-color: #fff5cc;
}

.-praytimes-table td span {
    font-size: 14px;
    color: #666;
}

.-praytimes-table td em {
    font-size: 12px;
    color: #999;
    margin-top: 4px;
    margin-inline-start: 4px;
}
.-countdown-box-list {
    text-align: center;
}

.-countdown-box {
}

.-countdown-box strong {
    /* font-size: 18px; */
    color: #333333;
}

.-countdown-box em {
    font-weight: bold;
    color: #4caf50;
}

.-countdown {
    font-size: 22px;
    color: #d32f2f;
}


.-praytimes-table td:first-child {
    text-align: right;
}

.currency-container {
}

.currency-container h1 {
	font-size: 22px;
	color: var(--primary-text);
	margin-bottom: 20px;
	font-weight: 600;
	text-align: right;
}

#baseCurrency {
	color: var(--uicolor);
	font-size: 19px;
	font-weight: 600;
}
.table-wrapper {
	overflow-x: auto;
}
.currency-table {
	width: 100%;
	border-collapse: collapse;
}
.currency-table th, .currency-table td {
	padding: 11px 14px;
	text-align: left;
	border: 1px solid #dddddd3b;
	font-size: 15px;
}
.currency-table th {
	background-color: #f5f5f5;
	color: var(--primary-text);
	font-weight: 600;
	text-align: right;
}

.currency-table td {
	color: var(--primary-text);
	text-align: right;
}

.currency-table td:first-child {
    font-weight: 500;
    font-size: 14px;
    color: var(--secondarytext);
}

.currency-table tr:hover {
	background-color: #f9f9f9;
}

.error-message {
	color: #e74c3c;
	font-weight: 600;
	text-align: center;
	padding: 20px 0;
}

@media (max-width: 768px) {
	.currency-container {
		padding: 3px !important;!i;!;
	}

	h1 {
		font-size: 20px;
	}

	.currency-table th, .currency-table td {
		font-size: 14px;
		padding: 10px;
	}
}


.-user-sidebar .-avatar-append-image img {border-radius: 50%;}

.YC-timeline_list_box-item .-avatar-append-image {
    min-width: 45px;
    height: 45px;
    max-width: 45px;
    border-radius: 20px;
}

.YC-timeline_list_box-item .-avatar-append-image {
    margin-inline-end: 10px;
}

.currency-container {
    background: white;
    color: var(--primary-text);
    border-radius: 15px;
    padding: 20px;
    max-width: 450px;
    width: 100%;
    text-align: center;
    position: relative;
}



.form-group {
    margin-bottom: 15px;
    text-align: left;
}

label {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    color: var(--second-text-color);
    text-align: right;
    margin-bottom: 15px;
    margin-top: 14px;
}

select {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    outline: none;
    transition: all 0.3s ease;
    border: 1px solid #f5e3e3;
}

input:focus, select:focus {
}
.table-wrapper button {
    background-color: #ffd700;
    color: #333;
    border: none;
    padding: 15px;
    font-size: 18px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: bold;
    width: 100%;
    margin-top: 20px;
    transition: all 0.3s ease;
}

.table-wrapper button:hover {
    background-color: #ffcd00;
    transform: translateY(-3px);
}

.results {
    margin-top: 20px;
    padding: 10px 10px;
    background: white;
    color: #333;
    border-radius: 10px;
    /* display: none; */
    font-size: 18px;
    border: 2px solid #f5e3e3;
}

.currency-container::before {
    content: "";
    position: absolute;
    top: -20px;
    right: -20px;
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    z-index: 0;
}

.currency-container::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: -20px;
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    z-index: 0;
}

.currency-container * {
    position: relative;
    z-index: 1;
}
.Yc-currency--table {
    width: 100%;
    border-collapse: collapse;
    background-color: #f9f9f9;
    border-radius: 8px;
}

table.Yc-currency--table tbody {
    width: 100%;
    display: block;
}


.Yc-currency--table th {
    padding: 12px 20px;
    text-align: center;
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: 500;
}

.Yc-currency--table tbody tr {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    transition: background-color 0.3s ease;
}

.Yc-currency--table tbody tr:hover {
    background-color: #ece7ff;
}

.Yc-currency--table td {
    padding: 12px 20px;
    text-align: left;
    font-size: 14px;
    color: #333;
}

.Yc-currency--table .-price {
    font-size: 16px;
    color: #333;
}

.Yc-currency--table .-currency {
}

.Yc-currency--table tbody tr td {
    padding: 10px 13px;
}

.Yc-currency--table tbody tr td:first-child {
    font-weight: 500;
    color: var(--second-text-color);
}

.Yc-currency--table th,
.Yc-currency--table td {
}

.Yc-currency--table td:first-child,
.Yc-currency--table th:first-child {
    border-left: none;
    text-align: right;
}


.table-wrapper-currencyForm {
    position: fixed;
    right: 50%;
    top: 50%;
    width: 400px;
    background: white;
    padding: 20px;
    transform: translate(50%, -50%);
    border-radius: var(--miniradius);
    display: none;
    z-index: 222;
    box-shadow: 0px 0px 3px 3px #c623261c;
}

.currency-Button {
    border-radius: 10px;
    background: var(--uicolor);
    padding: 7px 14px;
    color: white;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    margin-top: 20px;
    width: max-content;
    margin-inline-start: auto;
}

.currency-container.open .table-wrapper-currencyForm {
    display: block;
}

.table-wrapper-currencyForm>span {
    font-size: 21px;
    font-weight: 400;
}
.Yc-currency--table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
}

.Yc-currency--table thead {
    background-color: #f8f8f8;
}

.Yc-currency--table th, .Yc-currency--table td {
    padding: 10px;
    text-align: center;
    border: 1px solid #ddd;
}

.Yc-currency--table tbody {
    display: block;
    max-height: 400px; 
    overflow-y: auto; 
}

.Yc-currency--table tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.Yc-currency--table .-price {
    font-size: 16px;
}


.Yc-currency--table .-currency em {font-style: normal;font-weight: 500;font-size: 13px;color: var(--second-text-color);}
table.Yc-currency--table tbody::-webkit-scrollbar {
	width: 6px
}

table.Yc-currency--table tbody::-webkit-scrollbar-thumb {
	background: #0a172a;
	border-radius: 50px
}

table.Yc-currency--table tbody::-webkit-scrollbar-track {
	background: #f9f9f9
}

.YC-timeline-boxed {
    display: flex;
    flex-direction: column;
}
.YCad{border-radius:9px;overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center;max-width:1440px;height: 500px;}
.-Yc-news-TopHeader .YCad{margin:0;max-width:600px;}
.YC_timeline_list_box {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: self-start;
    position: relative;
    background: white;
    padding: 18px;
    border-radius: var(--miniradius);
}

.YC_timeline_list_box:last-child {
    margin-bottom: 0;
}

.YC_timeline_list_box:before {
    position: absolute;
    z-index: 1;
    /* width: 1px; */
    height: 100%;
    right: -28px;
    border: 1px dashed #797ea647;
    top: 0;
    transition: height .3s ease-out;
    content: "";
    bottom: 0;
}

.YC_timeline_list_box a {
    font-size: 12px;
    font-weight: 600;
}

.YC_timeline_list-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}


.YC_timeline_list-title p {
    font-size: 17px;
    line-height: 1.6;
    font-weight: 400;
    color: var(--secondarytext);
}

.YC_timeline_list-title a {
    font-size: 19px;
    position: relative;
}

.YC_timeline_list-title a h2 {
    font-weight: 600;
    font-size: 30px;
}

.YC_timeline_list-title a h2:hover {
    color: var(--uicolor);
}

.YC_timeline_Cat {
    display: flex;
    width: max-content;
    font-size: 17px;
}

.YC-timeline-Posts-Grid {
    max-width: 840px;
}

.YC-timeline-primary-boxed {
    margin-top: 170px;
    margin-bottom: 40px;
}

.-order-single-page-favourites .YC-timeline-primary-boxed {
    margin-top: 30px;
}

.YC-timeline-primary-body {
    max-width: 800px;
}

.YC-timeline_thumb img {
    width: 100%;
    height: 100%;
}

.YC-timeline_thumb {
    display: flex;
    border-radius: var(--miniradius);
    overflow: hidden;
}

.YC-timeline_thumb a {
    width: 100%;
}

p.YC-timeline-Pcontent {
    font-size: 18px;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 15px;
    color: var(--second-text-color);
    line-height: 1.7;
}

.--container--category--info h1 {
    font-size: 28px;
    margin-bottom: 10px;
    padding: 5px 0px;
    font-weight: 600;
    line-height: 40px;
}

.--container--category--info h1:hover {
    color: var(--uicolor);
}

.YC_timeline-info {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

span.YC_timeline-directly {
    background: var(--uicolor);
    color: white;
    padding: 6px 10px;
    position: relative;
    display: flex;
    width: max-content;
    align-items: center;
    border-radius: var(
    --miniradius);
    gap: 8px;
    font-weight: 500;
    font-size: 14px;
}

span.YC_timeline-directly:before {
    content: "";
    position: relative;
    width: 10px;
    height: 10px;
    display: flex;
    background: white;
    border-radius: 50%;
}

.YC_timeline-Cat a {
    border: 1px solid var(--uicolor);
    background: var(--uicolor);
    color: white;
    padding: 4px 9px;
    position: relative;
    display: flex;
    width: max-content;
    align-items: center;
    border-radius: var(--miniradius);
    gap: 8px;
    font-weight: 600;
    font-size: 15px;
}

.YC-timeline-primary--intro--pages {
    border-bottom: 1px solid #ded4d4;
    margin-bottom: 20px;
    background: white;
    padding: 20px;
}

.YC_timeline-date {
    font-size: 10px;
    font-weight: 700;
    color: var(--secondarytext);
}

.YC-timeline-container-boxed {
    position: relative;
    padding-inline-start: 28px;
    margin-inline-start: 19px;
}

.YC-timeline-thumb-box {
    min-width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e6d7d7;
    background: white;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: var(--miniradius);
    overflow: hidden;
}

.YC-timeline-thumb-box img {
    width: 100%;
    height: auto;
}

.-single-like-article {
    display: flex;
    align-items: center;
    gap: 25px;
}

.article-like-button-area {
    font-size: 19px;
    font-weight: 400;
    display: flex;
    gap: 9px;
    cursor: pointer;
    margin-inline-end: 8px;
}

.article-like-button-area.active {
    color: var(--uicolor);
}

.-article-like-counter {
    font-size: 15px;
    /* gap: 5px; */
    display: flex;
}


.-likes-progress-undershots {
    flex: 1;
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 20px;
    background: whitesmoke;
    justify-content: center;
}

.-article-buttons-likes {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    color: var(--secondarytext);
    transition: all 0.2s ease;
    border-radius: 6px;
    gap: 5px;
    font-size: 15px;
    cursor: pointer;
    padding: 7px 10px;
    background: #fff1f1;
}

.-article-buttons-likes.active {
    color: white;
    background: #3a98df;
}

.-article-buttons-likes:hover {
    color: var(--uicolor);
    background: #3a98df30;
}

.-article-buttons-likes > i {
    position: relative;
    z-index: 1;
    transform-origin: bottom;
}


.-article-buttons-likes.-ar-b-dislikes {
	--hoverbg:var(--primary-text);
}

.-article-buttons-likes.-ar-b-dislikes.activable.disliked-multibuttons.active {
    color: var(--uicolor);
}

.-article-buttons-likes.-ar-b-likes.active {color: var(--uicolor);/* background: var(--uicolor); */}

.-article-buttons-likes.-ar-b-likes.active i {
    color: var(--uicolor);
}

.article-like-button-area .-article-like-counter em {
    font-family: var(--f-number);
    color: var(--secondarytext);
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    font-style: normal;
    margin-inline-end: 5px;
}




.-like-progress-element {
    display: block;
    width: var(--progress-width);
    background: var(--primary-text);
    height: 9px;
    transition: 300ms all ease;
    border-inline-start: 2px solid #ffffff;
}

.-article-buttons-likes-boxed {
    display: flex;
    align-items: center;
}

.-article-buttons-likes-boxed strong {
    font-size: 18px;
    font-weight: 500;
}

.YC-timeline_list_box-item {
    display: flex;
    align-items: center;
}

.YC-timeline-author-name {
    font-size: 20px;
    margin-inline-start: 13px;
    font-weight: 400;
}
.YC-timeline_list_box-item-list {
    display: flex;
    align-items: center;
    gap: 12px;
}

.YC-timeline-list-box-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-width: 100%;
}

.ShareItems-boxed-primary .YC-timeline-list-box-list {
    min-width: auto;
}

.YC-timeline-list-box-list .singular-item-elem-Button {
    background: #f8f8f8;
}

.YC_timeline_content {
    font-size: 16px;
    line-height: 1.7;
    color: var(--secondarytext);
    margin-bottom: 18px;
}

.YC-single-shares-article {
    display: flex;
    justify-content: space-between;
    min-width: 100%;
    padding: 18px 0 0;
    border-top: 1px solid #f1dddd;
    flex-direction: column;
}

.ShareItems-boxed {
    );
    background: var(--primary-text);
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
    border-radius: 6px;
    gap: 7px;
    padding: 7px 10px;
    cursor: pointer;
    color: #ffffff;
    font-size: 15px;
}

.ShareItems-boxed i {
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 300;
}

.YC-ShareItems-fixed {
    position: fixed;
    top: 50%;
    right: 50%;
    width: 1049px;
    perspective: 1000px;
    z-index: 10999;
    transform: translate(50%, -50%);
    height: 480px;
}

.YC-single-share-image {
    display: flex;
    min-width: 60px;
    max-width: 100%;
    align-items: center;
    margin-bottom: 29px;
}

.YC-single-share-image-list {
    min-width: 280px;
    margin-inline-end: 30px;
    border-radius: 20px;
    overflow: hidden;
    height: 221px;
}

.close {
    position: absolute;
    left: 21px;
    top: 20px;
    background: #ffebeb;
    width: 40px;
    height: 40px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    font-size: 21px;
    transition: all 0.2s ease;
}

.single-content-context-elements .close {
    display: none;
}

.close:hover {
    background: var(--uicolor);
    color: white;
}
.-share-icons-list {
    flex-direction: column;
    overflow: hidden;
    flex-wrap: wrap;
    display: flex;
    padding: 18px 15px;
    background: #fff6f6;
    border-radius: 20px;
    position: relative;
}

.-itemslist-share-icons-list {
    list-style: none;
    position: relative;
    max-width: 80px;
    direction: rtl;
    opacity: 0;
    min-width: 80px;
    display: flex;
}

.-itemslist-share-icons-list .owl-item {
    display: inline-block;
    vertical-align: top
}

.-itemslist-share-icons-list li>a {
    transition: 180ms;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.-itemslist-share-icons-list li:hover>a {
    color: var(--sociaColor)
}

.-itemslist-share-icons-list li>a>i {
    display: flex;
    height: 60px;
    border-radius: 70px;
    color: var(--sociaTextColor);
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 10px;
    width: 60px;
    border: 2px solid var(--sociaColor);
    transition: 180ms;
    background: var(--sociaColor)
}

.-itemslist-share-icons-list li:hover>a>i {
    background: #fff;
    color: var(--sociaColor)
}

.-itemslist-share-icons-list li>a>span {
    white-space: nowrap;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    text-transform: capitalize;
    transition: 180ms
}

.-single-share-posts-area {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex: 1;
    padding: 40px;
    position: relative;
    border-radius: var(--largeradius);
    background: white;
    box-shadow: var(--box-shadow-defult);
    /* height: 100%; */
}
.-share-popover-boxed-copy.active>button {
    background: var(--success-color);
    border-color: var(--success-color);
    background: var(--positive);
    border-color: var(--positive)
}

.-share-popover-boxed-copy:not(.active)>button:hover {
    color: var(--primary-text);
    background: #fff;
    color: #fff;
    background: var(--primary-text)
}

.-share-popover-boxed-copy {
    display: flex;
    border-radius: var(--largeradius);
    border: 1px solid var(--diver);
    overflow: hidden;
    flex: 1;
    margin-top: 20px;
}

.-share-popover-boxed-copy>input {
    flex: 1;
    min-height: auto;
    direction: ltr;
    font-size: 14px;
    text-overflow: ellipsis;
    background: 0 0;
    border: 0;
    font-weight: 300;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    margin-inline-end:10px}

.-share-popover-boxed-copy>button,.-single-share-header .-YC-owl-navs-items>div {
    padding: 10px;
    display: flex;
    color: var(--secondarytext);
    transition: 180ms;
    align-content: center
}

.-share-popover-boxed-copy>button {
    background: #fff;
    border: 0;
    cursor: pointer;
    font-size: 14px;
    border-radius: var(--largeradius);
    margin-inline-start:15px;font-weight: 400;
    min-width: 110px;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border: 2px solid var(--secondarytext);
    overflow: hidden;
    position: relative
}

.-share-popover-boxed-copy>button>em {
    position: relative;
    display: block;
    visibility: visible;
    transition: 180ms;
    opacity: 1;
    font-style: normal;
    transform: translateX(0)
}

.-share-popover-boxed-copy.active>button>em {
    visibility: hidden;
    opacity: 0;
    transform: translateX(100px)
}

.-share-popover-boxed-copy>button>span {
    position: absolute;
    padding: 5px 10px;
    visibility: hidden;
    opacity: 0;
    transition: 180ms;
    color: #fff;
    transform: translateX(-100px)
}

.-share-popover-boxed-copy.active>button>span {
    opacity: 1;
    visibility: visible;
    transform: translateX(0)
}

title--tooltip.socialTips {
    padding: 10px 15px
}


.-single-share-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.-YC-owl-navs-share-items {
    display: flex;
    align-items: center;
    gap: 11px;
}

.-YC-owl-navs-share-items>div {
    display: flex;
    font-size: 21px;
    background: #e2e9fa;
    width: 35px;
    justify-content: center;
    align-items: center;
    height: 35px;
    border-radius: var(--miniradius);
}



.ShareItems-boxed-primary {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 11px;
   padding-bottom: 12px;
   position: relative;
   border-bottom: 1px solid var(--shadow-1);
}

.ShareItems-boxed-lists {
    right: 0;
    display: inline-block;
    min-width: max-content;
    position: absolute;
    list-style: none;
    left: 0;
    top: 30px;
    box-shadow: 0px 0px 10px #0000003b;
    background: #ffffff;
    transform: translateY(20px);
    transition: .35s;
    z-index: 9;
    line-height: initial;
    text-align: right;
    border-radius: var(--miniradius);
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    max-width: 250px;
    right: inherit;
}

.YC-timeline-post-list.active .ShareItems-boxed-lists {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
}

.ShareItems-boxed-primary-lists {
    display: flex;
    gap: 10px;
    align-items: center;
}

.ShareItems-boxed-primary-lists span {
    font-size: 17px;
    font-weight: 400;
}

.ShareItems-boxed-primary-lists i {
    font-size: 17px;
    background: var(--uicolor);
    padding: 5px;
    border-radius: var(--miniradius);
    color: white;
    font-weight: 400;
    width: 30px;
    height: 30px;
}

.YC-timeline-primary-name {
    font-size: 14px;
    font-weight: 500;
    color: var(--second-text-color);
}

.singular-item-elem-Button {
    gap: 9px;
    display: flex;
    align-items: center;
    background: white;
    flex: 1;
    margin-bottom: 9px;
    border-bottom: 1px solid #cbcaca;
    padding-bottom: 5px;
    cursor: pointer;
}

.singular-item-favourite-Button.active {
    color: var(--uicolor);
}

.singular-item-favourite-Button.active i {
    color: var(--uicolor);
}

.singular-item-elem-Button:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.singular-item-elem-Button span {
    font-size: 12px;
    font-weight: 500;
    width: max-content;
}

.singular-item-elem-Button span:hover {
    color: var(--uicolor);
    font-weight: 500;
}

.singular-item-elem-Button:last-child {
    margin-bottom: 0;
}

.singular-item-elem-Button.singular-item-favourite-Button.activable.active {
    color: #5ac14c;
}

.singular-item-elem-Button.singular-item-favourite-Button.activable.active i {
    color: #5ac14c;
}

.singular-item-elem-Button i {
    font-weight: 500;
    color: var(--secondarytext);
    height: auto;
    display: flex;
    align-items: center;
    font-size: 12px;
}
notifications {
	position: fixed;
	bottom: 15px;
	left: 20px;
	z-index: 20089;
}

.notifications--tempo {
	max-width: 380px;
	background: #ffffff;
	border-radius: var(--miniradius);
	transform: translate(0px, 150%);
	transition: transform 150ms cubic-bezier(0, 0, 1, 1) 0s;
	padding: 30px;
	min-width: 350px;
	color: var(--primary-text);
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	position: relative;
	box-shadow: var(--box-shadow-hover);
	max-width: 350px;
}

.notifications--tempo>em {
	position: absolute;
	width: 26px;
	height: 26px;
	left: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
	top: 10px;
	border-radius: 50%;
	transition: 180ms all ease;
	cursor: pointer
}

.notifications--tempo>em:hover {
	background: #0000001a;
}

.notifications--tempo>i {
	margin-inline-end: 15px;
	font-size: 25px;
	width: 50px;
	text-align: center;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--positive);
	color: white;
}

.notifications--tempo>span {
	display: flex;
	justify-content: space-between;
	font-size: 17px;
	align-items: center;
	font-weight: 400;
	flex: 1;
	line-height: 1.5;
}

.notifications--tempo>span>i {
	display: flex;
	float: left;
	height: 26px;
	width: 26px;
	border-radius: 36px;
	background: rgb(139 139 139 / 13%);
	text-align: center;
	line-height: 30px;
	color: var(--secondarytext);
	place-content: center;
	align-items: center;
	transition: 180ms all ease;
}

.notifications--tempo>span>i:hover {
	background: #dbdbdb;
}
.notifications-icon.active .-notification-ul-list {
	visibility: visible;
	opacity: 1;
	transform: translate(0%, 0px);
}

.-notification-ul-list {
	display: flex;
	width: 470px;
	position: absolute;
	list-style: none;
	visibility: hidden;
	left: 0;
	top: 55px;
	background: #fff;
	box-shadow: var(--box-shadow-defult);
	transform: translate(0%, 110px);
	opacity: 0;
	transition: .35s all ease;
	z-index: 1000;
	line-height: initial;
	text-align: right;
	border-radius: var(--largeradius);
	padding: 20px;
	max-height: 450px;
	flex-direction: column;
	min-height: 420px;
}

.-notification-title {
	display: block;
	margin-bottom: 15px;
}

.-notification-title>h2 {
	display: block;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 600;
	color: #000;
}

.-notification-ul-list>ul {
	display: flex;
	list-style: none;
	flex: 1;
	overflow: hidden;
	overflow-y: auto;
	padding: 0px 10px 0px 5px;
	margin: 0 -10px;
	flex-direction: column;
}

.-notification-ul-list>ul::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.-notification-ul-list>ul::-webkit-scrollbar-thumb {
	background: #031e3505;
	border-radius: 3px;
}

.-notification-ul-list>ul::-webkit-scrollbar-track {
	background: transparent;
}

.-notification-ul-list>ul>li {
	display: block;
	margin-bottom: 10px;
}

.-notification-ul-list>ul>li>a {
	display: block;
	background: #fbfbfb;
	padding: 20px;
	border-radius: var(--miniradius);
	display: flex;
	gap: 15px;
}

.-notification-ul-list>ul>li>a.is_not__seen {
	background: #E8F5E9;
	color: #085c0b;
}

.-notification-ul-list>ul>li>a:not(.is_not__seen):hover {
	color: var(--primary-text);
}

.-notification-ul-list>ul>li>a>span {
	color: var(--secondarytext);
	font-weight: 300;
	font-size: 12px;
}

.-notification-ul-list>ul>li>a.is_not__seen>span {
	color: var(--secondarytext-bold);
}

.-notification-ul-list>ul>li>a>h2 {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	margin-bottom: 6px;
	max-height: 54px;
	overflow: hidden;
}

.-notification-ul-list>ul>li:last-child {
	margin-bottom: 0;
}
.header--buttons-single-item count:empty {
	visibility: hidden;
	opacity: 0;
}

.header--buttons-single-item>a>i {
	font-weight: 500;
	color:white;
	font-size: 14px;
}

.notifications-icon {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    user-select: none;
    font-weight: 600;
    padding: 6px 10px;
    border-radius: 15px;
    transition: .35s;
    color: white;
    background: #ffffff3d;
    position: relative;
}

.notifications-icon a {
    display: flex;
    align-items: center;
    gap: 4px;
}

.header--buttons-single-item.notifications-icon count {
    font-size: 12px;
    /* margin-inline-start: 5px; */
    color: white;
    font-weight: 700;
    font-family: var(--f-number);
    display: flex;
    align-items: center;
}

.YCnotifiqation-small-thumb {
    min-width: 100px;
    height: 70px;
    max-width: 100px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.YCnotifiqation-small-thumb i {
    font-size: 36px;
    width: 100%;
    background: #ffffff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--uicolor);
}

.YCnotifiqation-small-thumb img {
    width: auto;
    height: auto;
}

.notifiqation-title h2 {
    font-size: 13px;
    line-height: 1.6;
    font-weight: 600;
}

.notifiqation-title span {
    font-size: 13px;
    margin-top: 11px;
    display: block;
    color: var(--secondarytext);
}
.-user-sidebar {
	--elemnt-width: 360px;
	min-width: var(--elemnt-width);
	max-width: var(--elemnt-width);
	position: sticky;
	top: 150px;
	transition: 180ms;
	padding: 40px;
	border: 1px solid var(--border-defult-hover);
	border-radius: var(--largeradius);
	background: white;
}

.hidemenu .-order-single-page-details,
.hidemenu .-order-single-page-favourites,
.hidemenu .-user-sidebar {
	top: 159px;
}

.user-sidebar-thumb {
	display: flex;
	width: 110px;
	height: 110px;
	border: 1px solid var(--border-defult-hover);
	border-radius: 50%;
	margin: 0 auto 30px;
	position: relative
}

.user-sidebar-info-area {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.user-sidebar-info-area>h2 {
	font-size: 30px;
	text-transform: capitalize;
	line-height: 1.5;
	text-align: center
}

.user-sidebar-info-area>p {
	color: var(--secondarytext);
	font-weight: 300;
	text-transform: capitalize
}

.user-sidebar-links {
	display: block;
	margin-top: 30px
}

.user-sidebar-links>ul>li {
	display: block;
	margin-bottom: 5px
}

.-notification-ul-list>ul>li:last-child,
.-order-item-blogbox-element .-ul-payement-action-items>ul>li:last-child,
.user-sidebar-links>ul>li:last-child {
	margin-bottom: 0
}

.user-sidebar-links>ul>li>a {
	padding: 6px 15px;
	font-size: 15px;
	width: 100%;
	display: flex;
	border-radius: var(--miniradius);
	transition: 180ms;
	align-items: center;
	color: var(--secondarytext)
}

.-notification-ul-list>ul>li>a:not(.is_not__seen):hover,
.user-sidebar-links>ul>li>a:hover,
.user-sidebar-links>ul>li>a:hover>i,
whatsapp--box>a {
	color: var(--primary-text)
}

.user-sidebar-links>ul>li>a>span>em {
	font-style: normal;
	color: #ffc107;
	font-weight: 300;
	margin-inline-start: 5px
}

.user-sidebar-links>ul>li>a.active {
	background: var(--uicolor);
	color: #fff
}

.user-sidebar-links>ul>li>a>i {
	color: var(--secondarytext-bold);
	font-size: 22px;
	margin-inline-end: 15px;
	width: 30px;
	height: 40px;
	text-align: center;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	transition: 180ms
}

.-order-single-page-conatiner {
    display: flex;
    align-items: self-start;
    gap: 25px;
    justify-content: center;
}

.YC-FavouriteDB-body {
    margin-top: 170px;
    margin-bottom: 30px;
}

root.relative .YC-FavouriteDB-body {
    margin-top: 60px;
}
.-insert-avatar-thumb {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	--elemnt-width: 100%;
	--element-height: 100%;
	--element-radius: 50%
}

.-avatar-append-image {
	width: var(--elemnt-width);
	height: var(--element-height);
	border-radius: var(--element-radius);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.YC-timeline_list_box-item .-avatar-append-image:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	border-radius: 10px;
	border: 2px solid var(--diver);
	z-index: 1;
}

.YC-timeline_list_box-item .-avatar-append-image>img {
	width: 100%;
	height: 100%;
	padding: 2px;
	border-radius: 10px;
}

.-change-image-profile {
	position: absolute;
	bottom: 3px;
	left: 5px;
	z-index: 2
}

.-change-image-profile>a {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 4px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	color: white;
	background: var(--primary-text);
}

.-change-image-profile>a>i {
	font-weight: 800
}

switchname {
	display: block;
	font-size: 17px;
	color: var(--secondarytext);
	font-weight: 200;
	margin-top: 10px
}

.-field-upload-image>a {
	display: block;
	padding: 15px 20px;
	font-size: 16px;
	border: 2px solid var(--positive);
	border-radius: var(--largeradius);
	color: var(--positive)
}

.-field-upload-image>a>i {
	margin-inline-end: 10px;
	font-size: 21px
}

.-image-preview-item {
	display: block;
	max-width: 250px;
	margin: 30px 0;
	border-radius: var(--largeradius);
	overflow: hidden
}
.-favourites-sidbar-title>em,
.-orders-sidbar-title>em {
	font-style: normal;
	font-weight: 300;
	color: var(--secondarytext)
}
.-favourites-sidbar-title {
	display: block;
	margin-bottom: 30px;
	font-size: 26px
}

.-notification-ul-list .loader-body {
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center
}


.-order-single-page-details {
    flex: 1;
    background: white;
    border-radius: var(--miniradius);
}

.YC-page-primary-body {
    margin-top: 180px;
    margin-bottom: 40px;
}

.-orders-sidbar-title {
	display: block;
	padding: 16px;
	border-bottom: 1px solid var(--diver);
	margin-bottom: 30px;
	font-size: 22px
}

.-order-single-page-form {
    padding: 31px;
    padding-top: 0;
}

.YC-timeline-post-list {
    position: relative;
}

.timeline {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.timeline i {
    font-size: 20px;
}

.YC-LikesDB-body {
    margin-top: 150px;
    margin-bottom: 38px;
}

.-article-buttons-dislikes {
    display: flex;
    position: relative;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 20px;
    color: var(--secondarytext);
    transition: all 0.2s ease;
    border-radius: 6px;
    gap: 5px;
    font-size: 18px;
    cursor: pointer;
    padding: 7px 10px;
}

.-article-buttons-dislikes.active {color: var(--uicolor);}

.article-buttons-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.islikses-iltems {
    display: flex;
    align-items: center;
    gap: 5px;
}

.-single-other-comments-item {
    background: #fff1f1;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: var(--secondarytext);
    transition: all 0.2s ease;
    border-radius: 6px;
    gap: 5px;
    padding: 7px 10px;
    cursor: pointer;
    color: var(--second-text-color);
}

.-single-other-comments-item span {
    font-size: 14px;
}

.-single-other-comments-item strong {
    font-weight: 500;
}

.--container--category--info {
    position: relative;
}
.single-post-parent-container-comments {
    display: block;
}

.single-post-parent-container-comments > form > input {
    max-width: 300px;
}

.single-post-parent-container-comments > form {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.single-post-parent-container-comments > form > .alerts {
    min-width: 400px;
    flex: 1;
}

.single-post-parent-container-comments > form > .alerts > .alert {
    font-weight: 300;
    font-size: 15px;
}

.single-post-parent-container-comments > form > .alerts > .alert.alert-danger {
    color: var(--negative);
}

.single-post-parent-container-comments > h4 {
    display: block;
    font-size: 21px;
    margin-bottom: 20px;
}

.-comments-form-inputs-area {
    flex: 1;
    display: flex;
}

[data-comment-field="user_name"] {
    display: none;
}

.-comments-form-inputs-area.necessary > input, .-comments-form-inputs-area.necessary > textarea {
    border-color: var(--negative);
}

.-comments-form-inputs-area.-comments--textarea > textarea {min-height: 50px;height: 50px !important;!i;!;resize: none;}

.-comments-form-inputs-area.-comments--textarea > textarea:focus {
    border-color: var(--uicolor);
}

.-comments-form-inputs-area.-comments--textarea {
}

.-comments-form-Button-area {
    display: flex;
    justify-content: flex-end;
    flex: 1;
    /* margin: 0 15px 0; */
    position: absolute;
    left: 9px;
    /* top: 0; */
    /* bottom: 0; */
}

.-comments-form-Button-area > button {
    display: flex;
    justify-content: space-between;
    padding: 8px;
    border-radius: var(--miniradius);
    background: var(--uicolor);
    border: 2px solid var(--uicolor);
    color: white;
    font-size: 15px;
}

.-comments-form-Button-area > button svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.-comments-form-Button-area > button svg path {fill: white;}

.-comments-form-Button-area > button i {
    transform: rotateY(185deg);
}

.-comments-form-Button-area > button:hover {
    background: white;
    color: var(--uicolor);
}

.-comments-form-Button-area > button > btn-icon {--inset-uicolor: white;}

.-comments-form-Button-area > button:hover > btn-icon {--inset-uicolor:var(--uicolor2);}

.-singular-comments-post {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.-comments-titlecontext-inner {
    display: block;
    flex: 1;
}

.-comments-titlecontext-inner > h4 {
    display: block;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 5px;
    font-weight: 500;
}

.-comments-titlecontext-inner >p {
    font-weight: 200;
    color: var(--secondarytext);
    font-size: 15px;
}

comment-counter {
    display: block;
    font-size: 18px;
}

comment-counter > em {
    font-style: normal;
}
.CommentsList {
    display: block;
    margin-top: 26px;
}
.CommentsList__Title {
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
}

ul.CommentsListInner {
    display: block;
}

ul.CommentsListInner .ChildComments {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding-inline-start: 20px;
}

ul.CommentsListInner > .ChildComments {
}

ul.CommentsListInner .ChildComments:last-child {
    margin-bottom: 0;
}

ul.CommentsListInner > li,.ChildComments > li {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-right: 1px solid #f8dede;
    margin-bottom: 20px;
    padding-inline-start: 20px;
}

.ChildComments > li {
    padding-inline-start: 20px;
} 

.NoComments {
    display: block;
    font-size: 13px;
    color: var(--secondarytext);
    font-weight: 400;
    margin-top: 20px;
}

.NoComments > i {
    font-size: 20px;
    margin-inline-end: 5px;
}
.Context-Comments > p {
    font-size: 15px;
    color: var(--second-text-color);
    font-weight: 400;
    line-height: 1.5;
}

.Context-Comments > p > a {font-weight: 300;position: relative;display: inline;font-size: 15px;}

.Context-Comments > p > a > .showbox {
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: -4px;
    margin-inline-start: 5px;
}

.Context-Comments > p > a > .showbox svg path {
    fill: var(--uicolor2);
}

.Context-Comments > p > a > .showbox > svg {
    width: 100%;
    height: 100%;
}
.ReplyCommentPreview {
    display: block;
    min-width: 500px;
    margin: 0 0px 21px;
    flex: 1;
    position: relative;
    padding: 17px;
    padding-inline-start: 75px;
    color: var(--secondarytext);
    border: 1px solid var(--diver);
    border-radius: var(--largeradius);
    background: #ffffff;
    overflow: hidden;
    max-width: 100%;
}

.ReplyCommentPreview > h2 {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 18px;
    font-weight: 400;
    color: var(--primary-text);
    line-height: 1.5;
    margin-bottom: 5px;
}

.ReplyCommentPreview > p {font-size: 15px;font-weight: 400;color: var(--secondarytext);max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.ReplyCommentPreview > h2 > span {
    font-weight: 500;
}

.ReplyCommentPreview > h2 > i {
    margin-left: 10px;
    font-weight: 300;
    font-size: 35px;
    position: absolute;
    right: 21px;
    top: 23px;
}

.ReplyCommentPreview > h2 > em {
    font-style: normal;
    margin-inline-end: 5px;
}
.Context-Comments {
    position: relative;
    display: flex;
}

.CommentContent {
    display: block;
    border-radius: var(--largeradius);
    margin-bottom: 10px;
}

.-comments-head-area {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.-comments-head-area > .UserAvatar {
    border-radius: 50%;
    width: 44px;
    height: 44px;
    position: relative;
    margin-inline-end: 9px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 25px;
    border: 1px solid var(--diver);
    color: var(--secondarytext);
    position: relative;
}

.-comments-head-area > .UserAvatar img {
    width: 100%;
    height: 100%;
    padding: 3px;
    border-radius: 50%;
}

.-comments-head-area > .UserAvatar:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: 2px solid var(--uicolor);
    z-index: 1;
}

.-comment-user-area {
    display: block;
    flex: 1;
}

.-comment-user-area > .NameArea {
    display: flex;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 1px;
    font-weight: 400;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    text-transform: capitalize;
}

.-comment-user-area > .NameArea > verified {
    line-height: 14px;
}


.Bottom-comment-bar > .replay-comment-button {
    color: var(--secondarytext);
}

.Bottom-comment-bar > .replay-comment-button:hover {
}

.Bottom-comment-bar > ul {
}

.--widget--sidebar--title {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 19px;
    margin-bottom: 19px;
}

.--widget--sidebar--title p a {
    display: flex;
    align-items: center;
    font-size: 17px;
    color: var(--uicolor);
    font-weight: 700;
}

.--widget--sidebar--title span {
    font-size: 19px;
}

.--like-article {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.YC-timeline-comments-list .-avatar-append-image {
    min-width: 50px;
    max-width: 50px;
    height: 50px;
}

.YC-timeline-comments {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
    justify-content: center;
}

.YC-timeline-comments-list {
    display: flex;
    gap: 15px;
    flex: 1;
}

.YC_timeline_list_comments {
    border-top: 1px solid #f6d4d4;
    padding-top: 24px;
    display: none;
    margin-top: 20px;
}

.YC_timeline_list_comments.active {
    display: block;
}

.Bottom-comment-bar {
    display: flex;
    font-size: 14px;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
}

.Bottom-comment-bar > .replay-comment-button {
}

.Bottom-comment-bar > .replay-comment-button:hover {
    color: var(--primary-text);
}

.Bottom-comment-bar > ul {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    gap: 7px;
}

.Bottom-comment-bar > ul > li {
    color: var(--secondarytext);
    margin-inline-end: 0;
    position: relative;
    transition: 180ms all ease;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.Bottom-comment-bar > ul li:last-child:after{
    display: none;
}

.Bottom-comment-bar > ul > li:after {
    opacity: 0.8;
    content: "";
    position: relative;
    width: 6px;
    height: 6px;
    background: var(--secondarytext);
    border-radius: 50%;
    margin-inline-start: 5px;
}

.Bottom-comment-bar > ul li:last-child::after {
	display:none;
}

.Bottom-comment-bar > ul > li > .comment-like-counter {
    display: block;
    letter-spacing: 1px;
    margin-inline-start: 3px;
}

.Bottom-comment-bar > ul > li:not(.active):hover {
    color: var(--primary-text);
}

.Bottom-comment-bar > ul > li.active {
    color: var(--uicolor);
}

.Bottom-comment-bar > ul > li.disliked-multibuttons.active {
    color: var(--negative);
}

.Bottom-comment-bar > ul > li >i {
    margin-inline-end: 5px;
}


.comment-bottom-bar-item.CommentDate {
    font-size: 12px;
    color: var(--secondarytext);
    font-weight: 600;
    display: flex;
    align-items: center;
}

.comment-bottom-bar-item.CommentDate:after {
    opacity: 0.8;
    content: "";
    position: relative;
    width: 6px;
    height: 6px;
    background: var(--secondarytext);
    border-radius: 50%;
    margin-inline-start: 5px;
}

.comment-status-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.comment-status {
    display: flex;
}

.comment-likes-box {
    display: flex;
    align-items: center;
    gap: 6px;
}

.sahre-post-title span {
    font-size: 22px;
    font-weight: 600;
}

.sahre-post-title p {
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
    color: var(--second-text-color);
}

h2.--single-share-posts-title {
    font-size: 23px;
    font-weight: 600;
}

.YC-timeline-primary-boxed .container {
    display: flex;
    align-items: self-start;
    gap: 24px;
    padding-bottom: 28px;
    justify-content: center;
}

.YC-timeline-primary-left {
    flex: 1;
    position: sticky;
    top: 110px;
}

.-Yc-single-lefts-sidebar.-YC-singleType-post {
    flex: 1;
    display: flex;
}

.YC-widgets_timeline__meta-item.-YC-WidgetType-ads_sidebar {
    width: 100%;
    display: flex;
}

.Single--page-widget-innerRow {
    m,in-width: 100%;
    min-width: 100%;
    display: flex;
    position: relative;
}

.adsense-unit {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
}

.adsense-unit > * {
    width: 100%;
    display: flex;
}

.YC-single-post-list-box-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.YC-single-post_list_box-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.YC-single-post_list_box-item .-avatar-append-image {
    --elemnt-width: 41px;
    --element-height: 41px;
    --element-radius: 50%;
    padding: 2px;
    min-width: var(--elemnt-width);
    max-width: var(--elemnt-width);
}

.YC-single-post_list_box-item .-avatar-append-image img {
    overflow: hidden;
    border-radius: 50%;
}

.YC-single-post_list_box-item .-avatar-append-image:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: 2px solid var(--uicolor);
    z-index: 1;
}

.YC_single-post-date {
    display: flex;
    font-size: 13px;
    font-weight: 400;
    color: var(--secondarytext);
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    transition: 180ms all ease;
}

.YC_single-post-date strong {
    margin-inline-end: 7px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.-sidebar-related-title-posts-items .Cercle_post_box_small {
    margin-bottom: 15px;
    flex-direction: row;
    padding-bottom: 15px;
    border-bottom: 1px solid #ffe7e7;
}

.-sidebar-related-title-posts-items .Cercle_post_box_small:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}

.-sidebar-related-title-posts-items .trending__post_box_small_thumb {
    /* min-width: 85px; */
    /* max-width: 70px; */
}

.YC-single-post-item {
    display: flex;
    align-items: center;
    gap: 14px;
    position: relative;
}

.YC-single-post_list_box-item:after {
    content: "";
    position: relative;
    width: 7px;
    height: 7px;
    background: #9b8282;
    left: 0;
    border-radius: 50%;
    margin-inline-start: 5px;
}

.YC-single-post-item>div:last-child:after {
    display: none;
}

.YC-single-post-item div {
    position: relative;
}

.YC-single-post-item>.singular-item-elem-Button {
    border-radius: var(--miniradius);
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.YC-single-post-item .singular-item-elem-Button.singular-item-favourite-Button.activable.active {
}

.YC-article-like {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 14px;
}

.YC-article-buttons {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
}

.YC-article-buttons:hover {
    color: var(--uicolor);
}

.YC-single-post-item .singular-item-elem-Button:before {
    content: "";
    position: relative;
    width: 7px;
    height: 7px;
    background: #9b8282;
    left: 0;
    border-radius: 50%;
}

.YC-timeline-widgets-boxed {
    position: sticky;
    top: 160px;
    transition: all 0.2s ease;
    max-width: 420px;
    min-width: 420px;
}

.hidemenu .YC-timeline-widgets-boxed {
    top: 120px;
}

.yc-shortcode--box.yc-shortcode--related_articles {
    /* min-width: 100%; */
    /* max-width: 100%; */
    display: flex;
    flex-direction: column;
    position: relative;
}

.yc-shortcode--box.yc-shortcode--related_articles .-YC-owl-navs-items>.-YC-owl-Slides-next,.yc-shortcode--box.yc-shortcode--related_articles .-YC-owl-navs-items>.-YC-owl-Slides-prev {
    transform: translateY(-41%);
}

.paragraph-list {
}

.YC-related-posts-items-silder {
    min-width: auto;
    max-width: none !important;!i;!;
    overflow: hidden;
    position: relative;
    display: flex;
}

.YC-related-posts-items-silder .-Post-box-item-Thumb-header .Cat_name {
    font-size: 10px;
    padding: 4px 5px;
}

.YC-related-posts-items-silder .-Post-box-item-Thumb {padding-top: 129px;}

.YC-related-posts-items-silder .-Post-box-single-item {min-width: 100%;max-width: 100%;}

.YC-related_articles-item-Thumb {
    min-width: 251px;
    max-width: 250px;
    border-radius: var(--miniradius);
    overflow: hidden;
}

.YC-related_articles-item-Thumb img {
    width: auto;
    height: auto;
}

.YC-related_articles-item-Thumb img {
    margin: 0;
}

.-sidebar-related-title-posts-items .Cercle_post_box_small_thumb_data a {
    font-size: 13px;
}

.-sidebar-related-title-posts-items .Cercle_post_box_small_thumb_data .post-date p {
    font-size: 11px;
}

.YC-related_articles-single-item {
    display: flex;
    align-items: center;
    min-width: 806px;
    gap: 20px;
}

.IntroSlider-widge .owl-stage-outer {
    width: 100%;
    display: flex;
    height: 100%;
}

.ShortCode-title.-title_related_articles {
    font-weight: 600;
    border-bottom: 1px solid #efcbcb;
    text-align: right;
    color: var(--primary-text);
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    position: relative;
}

.sup-title-widget-defualt:after {
    content: "";
    position: absolute;
    width: 70%;
    height: 10px;
    background: var(--uicolor);
    bottom: 0;
    right: 40px;
    flex: 1;
    display: flex;
}

.ShortCode-title.-title_related_articles:before {
    content: "";
    position: absolute;
    background: #000000;
    width: 28px;
    height: 10px;
    bottom: 0;
}

.sup-title-widget-defualt {
    position: relative;
    color: var(--primary-text);
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    position: relative;
    padding-bottom: 22px;
    font-size: 24px;
}

.YC-related-posts-items-silder-boxed {
    position: relative;
}

.YC-related-posts-items-silder-boxed {
    max-width: 870px;
    margin-top: 20px;
    background: #f8f8f8;
    border-radius: var(--miniradius);
    display: flex;
    flex-direction: column;
}

.YC-related-posts-items-box {
    padding: 20px;
    margin-top: 30px;
    background: white;
    border-radius: 6px;
}

.yc-shortcode--box.yc-shortcode--iframe {
    display: flex;
    align-items: center;
    justify-content: center;
}

.yc-shortcode--box.yc-shortcode--iframe video {
    border-radius: var(--miniradius);
    overflow: hidden;
}

.yc-shortcode--box.yc-shortcode--iframe iframe {
    width: 350px !important;
    height: 650px !important;
}

.yc-shortcode--box-continer {
    display: flex;
    justify-content: center;
}

.YC-widgets-sidebar-style-boxed {
    border-bottom: 1px solid #f6d6d6;
    padding-bottom: 16px;
}

.--Single--page--widget-item.-YC-WidgetType-single__blog {
    background: white;
    padding: 22px;
    border-radius: var(--miniradius);
}

.-sidebar-related-title-posts-items {
    margin-top: 21px;
}

.YC-weight-ads {
    height: 140px;
    border-radius: var(--miniradius);
    overflow: hidden;
    width: 100%;
    display: flex;
    background: white;
    padding: 10px;
}

.YC-weight-ads a {
    width: 100%;
    border-radius: var(--miniradius);
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.YC-weight-ads img {
    height: 100%;
    width: auto;
}

.YC-weight-ads-container-boxed {
    min-width: 100%;
    max-width: 100%;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.YC-weight-ads-container-boxed.YC-model-panner_home {flex-direction: inherit;flex-wrap: nowrap;height: 130px;}

.-YC-WidgetType-panner_home {
    flex-direction: initial !important;!i;!;
    flex-wrap: wrap;
}
.YC-weight-ads-boxed-list {
    position: relative;
    overflow: hidden;
    height: 168px;
    background: white;
    border-radius: 0;
    min-width: 420px;
    max-width: 420px;
    border-radius: var(--miniradius);
    box-shadow: var(--box-shadow-defult);
}

.YC-weight-ads-change {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transform: scale(1);
    transition: opacity 1s ease, visibility 1s ease, transform 1s ease;
}


.YC-weight-ads-change.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    z-index: 10;
}
.YC-weight-ads-change a img {
    width: 100%;
    height: 100%;
}
.YC-weight-ads-change a {
    width: 100%;
    height: 100%;
    display: flex;
}

.YC-weight-ads-boxed-ADS_MANUAL {
    background: #100202;
    padding: 6px 15px;
    border-radius: 7px;
    max-width: 420px;
    min-width: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.title_ads {
    margin-bottom: 7px;
    font-size: 24px;
    font-weight: 600;
    color: white;
}

.-p-content {
    font-size: 16px;
    font-weight: 400;
    color: #e4e6ee;
}

.-ADS_MANUAL-Intro-Info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.-YourColor-ADS_MANUAL-URLArea {
    display: flex;
    justify-content: center;
    margin-top: 14px;
}

.-YourColor-ADS_MANUAL-URLArea a {
    font-size: 16px;
    background: var(--uicolor);
    padding: 7px 12px;
    color: white;
    border-radius: var(--miniradius);
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
    border: 1px solid var(--uicolor);
}

.-YourColor-ADS_MANUAL-URLArea a:hover {
    background: transparent;
    color: white;
    border-color: white;
}

.-YourColor-ADS_MANUAL-URLArea a i {
    font-size: 14px;
}

.YC-related-posts-items-silder-boxed:hover .-YC-owl-navs-items>.-YC-owl-Slides-next, .YC-related-posts-items-silder-boxed:hover .-YC-owl-navs-items>.-YC-owl-Slides-prev {
    opacity: 1;
    visibility: visible;
}
.YC-related-posts-items-silder-boxed .-YC-owl-navs-items>.-YC-owl-Slides-next{
	left: 0;
	right: auto;
}

.YC-weight-ads-one {
    border-radius: var(--miniradius);
    overflow: hidden;
    height: 160px;
}

.YC-weight-ads-one a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.YC-weight-ads-one a img {
    width: 100%;
}

.YC-weight-ads-list {
    bottom: 0px;
    background: linear-gradient(0deg, #0b0505d1 62%, transparent);
    display: flex;
    justify-content: right;
    right: 0;
    left: 0;
    position: absolute;
    padding: 17px 15px;
    flex-direction: column;
}



.YourColor-Intro-ads-Boxes.intro-model-intro_ads {
    display: flex;
    gap: 15px;
}

.YourColor-intro-ads.intro-model-home_intro_v1 {
    max-width: 877px;
    display: flex;
    flex-direction: column;
    position: relative;
    height: 540px;
}

.YC-intro-ads-slider {
    /* flex: 1; */
    max-width: 420px;
    min-width: 420px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.YC-intro-ads-slider-boxed {
    flex: 1;
    display: flex;
    justify-content: center;
}

.YC-related-posts-items-silder-boxed .-YC-owl-navs-items {
    position: absolute;
    width: 100%;
    top: 35%;
}

.YourColor-intro-ads.intro-model-home_intro_v1 .Intro-Container {
    max-width: 490px;
    min-width: 810px;
    padding-inline: 0;
    margin-top: 0;
    margin-bottom: 54px;
    padding-inline-start: 0;
}

.YourColor-intro-ads.intro-model-home_intro_v1 .Intro-Container .--work--intro--information>a.title-h3 {
    font-size: 34px;
}

.--intro--logo-slider-UL-boxed.Intro-ads-Boxes {
    max-width: 795px;
    display: flex;
    flex-direction: column;
    min-width: 851px;
    padding-inline-start: 38px;
}

.--intro--logo-slider-UL-boxed.Intro-ads-Boxes .live-container i {
    font-size: 24px;
    color: var(--uicolor2);
}

.--intro--logo-slider-UL-boxed.Intro-ads-Boxes .live-container span {
    font-size: 19px;
}

.--intro--logo-slider-UL-boxed.Intro-ads-Boxes .-logo-slider-LI-boxed {
    max-width: 100px;
    min-width: 100px;
    height: 68px;
}

.YC-widgets_timeline__meta-item.-YC-WidgetType-panner {
    flex: 1;
}

.post-title-primary span {
    font-size: 21px;
    margin-bottom: 20px;
    display: block;
    font-weight: 600;
    color: var(--secondarytext);
}

.YC-timeline-primary-boxed-lists {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.YC-timeline-primary-Button {
    display: flex;
    align-items: center;
    gap: 5px;
    background: #e0efff;
    padding: 4px 8px;
    border-radius: var(--miniradius);
}

.YC_timeline-Cat {
    display: flex;
    width: max-content;
}

.post-title-primary h1 {
    font-size: 30px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 11px;
    color: var(--primary-text);
}

.YC-YC-timeline-primary_thumb {
    margin: 17px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d6d7e2;
    border-radius: var(--miniradius);
    overflow: hidden;
}

.YC-YC-timeline-primary_thumb a {
    width: 100%;
}

.YC-YC-timeline-primary_thumb a img {
    width: 100%;
    height: auto;
}

p.YC-YC-timeline-primary-Pcontent {
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px;
    color: var(--second-text-color);
    line-height: 1.7;
}

.YC-timeline-primary--post--info {
    margin-bottom: 26px;
    position: relative;
    padding-inline-start: 20px;
}

.YC-timeline-primary--post--info:before {
    position: absolute;
    z-index: 1;
    /* width: 1px; */
    height: 100%;
    right: 0;
    border: 1px dashed #797ea647;
    top: 0;
    transition: height .3s ease-out;
    content: "";
    bottom: 0;
}

.YC-timeline-primary--boxed--info .ShareItems-boxed-primary {border: none;padding-bottom: 0;}

.widget_pin-container-steps {
 display: flex;
 }
.widget_pin-container-steps {
  overflow: hidden;
}

.scroller-x {
  display: flex;
  
  
   /* Smooth transition for movement */
}

.scroller-x__list {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.YC-Post-pin-list {
  flex-shrink: 0;
}

.scroller-x:hover,
.scroller-x:focus {
  scroll-behavior: smooth;
}

@keyframes smooth-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.scroller-x[data-animated="true"] {
  animation: smooth-scroll 20s infinite linear;
}

.scroller-x.mb-4 {
    direction: ltr;
}


.-YourColor-SingleWidget-Section.-YC-WidgetType-widght_video .-cutomButton {
    color: white;
}
.stories-container {
    display: flex;
    overflow-x: scroll;
    gap: 15px;
    padding: 10px 0;
    margin-bottom: 20px;
}
.story-item {
    text-align: center;
    border-radius: 10px;
    min-width: 214px;
    max-width: 230px;
    position: relative;
    flex: 1;
    height: 280px;
    border-radius: var(--miniradius);
    overflow: hidden;
}
.story-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.story-title {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
}
.story-category,
.story-author {
    color: white;
    font-size: 19px;
    margin-bottom: 12px;
}

.YC-story-item {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 2;
    padding: 14px;
    display: flex;
    flex-direction: column;
    align-items: self-start;
}

.YC-story-list-box-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.YC-story-list-box-item .-avatar-append-image {
    min-width: 30px;
    height: 30px;
    max-width: 30px;
    border-radius: 50%;
    overflow: hidden;
}

.YC-story-list-box-item .-avatar-append-image img {
    width: auto;
    height: 100%;
}

.-order-single-page-favourites {
    flex: 1;
    max-width: 800px;
}

.story-thumbnail {
    height: 100%;
    background-image: var(--bg-intro);
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    background-repeat: no-repeat;
}

.story-item:before {
    background: linear-gradient(0deg, #0b0505 60%, transparent);
    width: 100%;
    display: flex;
    align-items: end;
    content: "";
    width: 100%;
    height: 70%;
    z-index: 1;
    opacity: 0.6;
    position: absolute;
    bottom: 0;
    pointer-events: none;
}

.story-info {
    position: relative;
    z-index: 1;
}

.YC-story-list-primary-name {
    color: white;
}
.stories-container::-webkit-scrollbar {
	width: 6px;
	height:10px
}

.stories-container::-webkit-scrollbar-thumb {
	background: #0a172a;
	border-radius: 50px
}

.stories-container::-webkit-scrollbar-track {
	background: #f9f9f9
}

div#urgent-articles-container {
    box-shadow: var(--box-shadow-defult);
    position: fixed;
    bottom: 0;
    background: #c62326;
    width: 100%;
    right: 0;
    left: 0;
    z-index: 5555;
}

.YC-urgent-item-box {width: 100%;min-width: 84%;max-width: 70%;display: flex;}

.YC-urgent-item-box span:before {
    content: "";
}

.YC-urgent-item-box a {font-size: 18px;/* flex: 1; */display: flex;align-items: center;max-width: 1000px;min-width: 1122px;font-weight: 600;}

.YC-urgent-title-container span {
    font-size: 24px;
    height: 100%;
    color: white;
    font-weight: 700;
    min-width: max-content;
    max-width: max-content;
}

.YC-urgent-item-container {
    flex: 1;
    display: flex;
    align-items: center;
    min-width: var(--container-width);
    /* max-width: var(--container-width); */
    margin-inline: auto;
    padding-inline-start: 120px;
    z-index: 55;
    position: relative;
    gap: 20px;
}

.YC-urgent-title-container {
    min-width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.YC-urgent-item-container-boxed {
    flex: 1;
    padding: 10px 10px;
    background: white;
}

.YC-timeline-primary-info {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.--Single--page--widget-item.-YC-WidgetType-panner {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.remove-urgent-btn {
    position: absolute;
    left: 185px;
    top: 10px;
    background: #e5e5e5;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 18px;
    z-index: 222;
}

.YC-Megamenu--container-boxed {position: relative;background: white;padding: 20px;/* margin-top: 136px; */padding-top: 30px;min-width: 100%;padding-bottom: 30px;}
.YC-select-category-boxed .selected {
    background-color: var(--uicolor);
    color: white;
}

.Megamenu--cat-item.active {
    background-color: var(--uicolor);
    color: white;
    border-color: var(--uicolor);
}

.Megamenu--cat-item.active.selected {}


.Megamenu--items {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.Megamenu--cat-item {
    padding: 8px 11px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: white;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid #dce7ff;
}

.Megamenu--cat-item em {
    position: relative;
    width: 10px;
    height: 10px;
    /* background: #d89999; */
    border-radius: 50%;
}

.Megamenu--cat-item.active em:before {
    background: #f77e80;
    border-color: #f77e80;
}

.Megamenu--cat-item em:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: white;
    border-radius: 50%;
    border: 1px solid #fedbdb;
}

.active:before {
    background: red !important;!im;!im,;!i;!;
}

.Megamenu--cat-item i {
    font-weight: 400;
}
.Closemenu {height: 40px;border: 1px solid #00000040;align-items: center;justify-content: center;font-size: 16px;position: relative;cursor: pointer;padding: 10px 13px;font-weight: 500;border-radius: 10px;display: flex;gap: 6px;}

.Megamenu--container {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    flex-direction: column;
}

.YC-Megamenu-container-list {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 10px;
    position: relative;
}

.user--LinksBox--lists {
    display: flex;
    max-width: max-content;
    margin-inline-start: auto;
    gap: 14px;
}

.user--LinksBox--lists a {
    padding: 9px 14px;
    background: #c62326;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 7px;
    color: white;
    font-size: 14px;
    font-weight: 600;
}

.Links-Box-query-feature {
    background: var(--uicolor);
    padding: 6px 9px;
    gap: 10px;
    display: flex;
    align-items: center;
    color: white;
    border-radius: var(--miniradius);
    cursor: pointer;
}
.ajax-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader-circle {
    width: 50px;
    height: 50px;
    border: 5px solid #ccc;
    border-top: 5px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.ajax-loader p {
    margin-top: 10px;
    font-size: 16px;
    color: #333;
}


.Closemenu-two {
    position: absolute;
    top: 10px;
    background: white;
=
    l: 1;
    left: 180px;
    padding: 6px 7px;
    box-shadow: var(--box-shadow-defult);
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    width: 60px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    z-index: 222;
    transition: all 180ms ease;
}

.YC-select-category-boxed {
    position: fixed;
    top: 126px;
    left: 0;
    min-width: 100%;
    display: flex;
    z-index: 22;
    right: 0;
    transition: all 180ms ease;
}

.hidemenu .Closemenu-two {
    top: -5px;
}

.hidemenu .YC-select-category-boxed {
    top: 85px;
}

.YC-shape-two-ads-change {
    height: 130px;
    max-width: 420px;
    position: relative;
    min-width: 420px;
    flex: 1;
}

.YC-shape-two-ads-change a {
    height: 100%;
    display: block;
}

.YC-shape-two-ads-change img {
    height: 100%;
}

.YC-shape-two-weight-ads-boxed-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.YC-weight-ads-container-boxed.YC-model-panner_home .YC-shape-two-weight-ads-boxed-list {
    flex-direction: inherit;
}

ul.LinksBox.user--LinksBox {
    display: block;
    margin-top: 19px;
}

.fix-inputs-box {
    display: flex;
    align-items: center;
    min-width: 100%;
}

.fix-inputs-box input {
    padding-inline-start: 45px;
}

.fix-inputs-box icon {
    position: absolute;
    right: 13px;
    color: var(--secondarytext);
}

.fix-inputs-box icon i {
    font-size: 20px;
    font-weight: 400;
}

.send--code-again {
    display: flex;
    font-size: 12px;
    color: var(--secondarytext);
    font-weight: 600;
    cursor: pointer;
}

.send--code-again:hover {
    color: var(--uicolor);
}

.Done__loggn__pleasse__wait {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.--sucsses--icon--item {
    display: block;
    margin-bottom: 10px;
    background: #fbfffb;
    border-radius: 50%
}

.--sucsses--title--items {
    text-align: center;
    margin: 0 auto 20px;
}

.--sucsses--title--items>h1 {
    line-height: 1.6;
    font-size: 30px;
    margin-bottom: 15px;
    font-weight: 600;
}
lord-icon {
    display: block;
}
.--sucsses--title--items>p {
    display: block;
    font-size: 17px;
    line-height: 1.5;
    color: var(--secondarytext);
    font-weight: 400;
}
.-not-fount-style-element {
    max-width: 370px;
    text-align: center;
    line-height: 1.5;
    margin: auto;
    color: var(--secondarytext);
}

.-not-fount-style-element>i {
    font-size: 50px;
    margin-bottom: 20px;
    font-weight: 300;
}

.-not-fount-style-element>h2 {
    font-size: 25px;
    font-weight: 600;
}
/* تصميم الحاوية */
.loader-icon {
    text-align: center;
    margin: 20px auto;
    width: 50px;
    height: 50px;
    position: relative;
}

/* تصميم الأيقونة */
.loader-spinner {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 4px solid #ddd; /* اللون الخارجي */
    border-top: 4px solid #007bff; /* اللون المتحرك */
    border-radius: 50%;
    animation: spin 1s linear infinite; /* حركة الدوران */
}

/* الحركة */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* تصميم العنصر */
.ad-item {
    width: 420px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    background-color: #ffffff;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    padding: 7px;
}

/* تصميم البوكس */
.loader-box {
    width: 100%;
    height: 100%;
    background: #f2f2f9;
    background-size: 200% 200%;
    animation: fadeInOutBackground 2.5s infinite ease-in-out;
    border-radius: var(--miniradius);
}

/* حركة الخلفية */
@keyframes fadeInOutBackground {
    0%, 100% {
        opacity: 0.5; /* إخفاء الخلفية */
    }
    50% {
        opacity: 1; /* إظهار الخلفية */
    }
}

/* رسالة الخطأ أو عدم وجود بيانات */
.no-ad {
    text-align: center;
    color: #999;
    font-size: 14px;
}

.cropping--inner---Context----overlays {
	margin: -40px -40px 90px;
	background: #fbfbfb
}

.picturecropping--inner--Context---overlays {
	display: block;
	flex: 1;
	margin: -40px;
	padding: 40px;
	overflow: auto;
	min-width: 580px
}

.picturecropping--inner--Context---overlays>divider {
	margin: 0 -16px 16px
}

.croppie-container {
	width: 100%;
	height: 380px;
}

.croppie-container .cr-image {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: 0 0;
	max-height: none;
	max-width: none;
}

.croppie-container .cr-boundary,
.croppie-result {
	position: relative;
	overflow: hidden
}

.croppie-container .cr-boundary {
	margin: 0 auto;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.croppie-container .cr-resizer,
.croppie-container .cr-viewport {
	position: absolute;
	margin: auto;
	top: 0;
	--elem-color: #000000b8;
	box-shadow: 0 0 0 330px var(--elem-color);
	bottom: 0;
	right: 0;
	left: 0;
	border-radius: 50%;
	z-index: 0
}

.croppie-container .cr-resizer {
	z-index: 2;
	box-shadow: none;
	pointer-events: none
}

.croppie-container .cr-resizer-horisontal,
.croppie-container .cr-resizer-vertical {
	position: absolute;
	pointer-events: all
}

.croppie-container .cr-resizer-horisontal::after,
.croppie-container .cr-resizer-vertical::after {
	display: block;
	position: absolute;
	box-sizing: border-box;
	border: 1px solid #000;
	background: #fff;
	width: 10px;
	height: 10px;
	content: ''
}

.croppie-container .cr-resizer-vertical {
	bottom: -5px;
	cursor: row-resize;
	width: 100%;
	height: 10px
}

.croppie-container .cr-resizer-vertical::after {
	left: 50%;
	margin-left: -5px
}

.croppie-container .cr-resizer-horisontal {
	right: -5px;
	cursor: col-resize;
	width: 10px;
	height: 100%
}

.croppie-container .cr-resizer-horisontal::after {
	top: 50%;
	margin-top: -5px
}

.croppie-container .cr-vp-circle {
	border-radius: 50%
}

.croppie-container .cr-overlay {
	z-index: 1;
	position: absolute;
	cursor: move;
	touch-action: none
}
switchname {
	display: block;
	font-size: 17px;
	color: var(--secondarytext);
	font-weight: 200;
	margin-top: 10px
}

.-field-upload-image>a {
	display: block;
	padding: 15px 20px;
	font-size: 16px;
	border: 2px solid var(--positive);
	border-radius: var(--largeradius);
	color: var(--positive)
}

.-field-upload-image>a>i {
	margin-inline-end: 10px;
	font-size: 21px
}

.-image-preview-item {
	display: block;
	max-width: 250px;
	margin: 30px 0;
	border-radius: var(--largeradius);
	overflow: hidden
}
.croppie-container .cr-slider-wrap {
	margin: 20px 40px;
	text-align: center
}

.croppie-result img {
	position: absolute
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0)
}
.-img-overlay-backdrop,
.order-services--body,
.search_body {
	transform: translate(-50%, -50%)
}

input[type=range].cr-slider {
	-webkit-appearance: none;
	width: 100%;
	height: 20px;
	margin: 10px 0;
	background-color: #ededed;
	border-radius: 10px
}

input[type=range].cr-slider:focus {
	outline: 0
}

input[type=range].cr-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	background-color: var(--uicolor);
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 0 5px var(--uicolor)
}

input[type=range].cr-slider::-moz-range-thumb {
	width: 20px;
	height: 20px;
	background-color: var(--uicolor);
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 0 5px var(--uicolor)
}

input[type=range].cr-slider::-ms-thumb {
	width: 20px;
	height: 20px;
	background-color: var(--uicolor);
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 0 5px var(--uicolor)
}

ul.DeletionAlert--buttons {
	display: flex;
	margin: -10px;
	justify-content: flex-end
}

ul.DeletionAlert--buttons>li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: var(--miniradius);
	flex-wrap: wrap;
	padding: 10px 30px;
	font-size: 15px;
	color: #fff;
	border: 2px solid var(--primary-text);
	flex-direction: row-reverse;
	margin: 6px
}

ul.DeletionAlert--buttons>li.close--confirmation {
	background: var(--negative);
	border-color: var(--negative)
}

ul.DeletionAlert--buttons>li.close--confirmation:hover {
	color: var(--negative);
	background: #fff
}

.-DropChevrons-UL ul li.-Products-Filter-LI.active {
	background: var(--uicolor);
}

ul.DeletionAlert--buttons>li.apply--confirmation {
	background: var(--positive);
	border-color: var(--positive);
	color: #fff
}

ul.DeletionAlert--buttons>li:hover {
	color: var(--positive);
	background: 0 0
}

.-insert-avatar-thumb {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	--elemnt-width: 100%;
	--element-height: 100%;
	--element-radius: 50%
}

.-avatar-append-image {
	width: var(--elemnt-width);
	height: var(--element-height);
	border-radius: var(--element-radius);
	display: flex;
	align-items: center;
	justify-content: center
}

.-avatar-append-image>img {
	width: 100%;
	object-fit: contain
}

.-change-image-profile {
	position: absolute;
	bottom: 3px;
	left: 5px;
	z-index: 2
}

.-change-image-profile>a {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 4px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	color: #ffffffd6
}

.-change-image-profile>a>i {
	font-weight: 800
}
button#convertBtn {
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    background: white;
    border: 0;
    color: white;
    font-size: 16px;
    cursor: pointer;
    background: var(--uicolor);
    margin-top: 20px;
    margin-bottom: 0;
}

.shows--in-searching {
    display: flex;
}

root {
    min-height: 100vh;
}

.yc-backlinksBoxes-Center {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.YC-store-page-container .-Sections-ProductsTitle {
    display: none;
}

.backlink-thumb {
    height: 220px;
    background: #eef2ff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.backlink-card {
    min-width: 320px;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
    max-width: 319px;
}
.backlink-card:hover {
    transform: translateY(-4px);
}
.backlink-thumb img {
    width: auto;
    display: block;
    border-bottom: 1px solid #eee;
    height: 100%;
}
.backlink-info {
    padding: 16px;
    text-align: right;
}
.site-title {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 10px;
    color: #222;
}
.yc-ads {
  position: relative;
  max-width: 100%;
  margin: 20px auto;
  text-align: center;
  margin-top: 137px;
}

.yc-ads-item {
    height: 130px;
}

.yc-ads-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.yc-ads-item img {
  max-width: 100%;
  height: 100%;
  display: inline-block;
  width: auto;
  object-fit: cover;
}

.yc-ads-close {
  position: absolute;
  top: 5px;
  left: 25px;
  background: transparent;
  border: 0;
  font-size: 18px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #000;
}

.yc-ads-close:hover {
    color: white;
}