@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&display=swap');

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
    box-sizing: border-box;
}
a:hover {color:inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
    box-sizing: border-box;
}
body {
	line-height: 1;
    background-color:#f2f2f3;
}
ol, ul {
	list-style: none;
    box-sizing: border-box;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {text-decoration: none;}

/* main css */
.container {
  max-width: 1194px;
}

#header {font-family:"Rajdhani", sans-serif;}
.header-bar {
    height:100%;
    background: linear-gradient(#000 0%, #222 100%);
    display:flex;
    align-items:center;justify-content: space-between;color:#fff;padding:0 32px;box-sizing:border-box;border-bottom:1px solid #292929;}

.header-logo {width:200px;}
.header-nav {display:flex;justify-content:space-between;height:80px;}
.header-nav>ul {display:flex;}
.header-nav>ul>li>a {color:#FFFFFF;font-size:15px;font-weight:600;text-transform: uppercase;display:flex;align-items:center;position:relative;white-space:nowrap;}
.header-nav--still {position:relative;padding-right:22px;}
.header-nav--still::after {position:absolute;content:"";width:1px;height:32px;right:0;top:50%;transform: translateY(-50%);background-color:#292929}
.header-nav--still li {}
.header-nav--still li>a {gap:11px;padding:0 14px;height:100%;position:relative;}
.header-nav--still li:first-child a {padding-left:0;}
.header-nav--still li a span {}
.header-nav--still li a::after {content:'';position:absolute;left:14px;display:inline-block;height:2px;bottom:0;width:calc(100% - 28px);background:#f0b902;opacity:0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0,1);transform:scale(0,1);border-radius:10px 10px 0 0;box-shadow: 0px 1px 6px #f0b902;z-index:2;}
.header-nav--still li a:hover::after {opacity:1;-webkit-transform:scale(1);transform:scale(1);}


.header-nav--primary {padding-left:17px;height:100%;align-items:center;}
.header-nav--primary>li {height:100%;position:relative;}
.header-nav--primary>li>a {padding:0 16.5px;height:100%;position:relative;}
.header-nav--primary>li.active>a::before {position:absolute;content:"";bottom:0;left:16.5px;width:calc(100% - 33px);height:2px;background-color:#F0B902;border-radius:10px 10px 0 0;box-shadow: 0px 1px 6px #f0b902;z-index:2;}
.header-nav--primary>li>a::after {content:'';position:absolute;left:16.5px;display:inline-block;height:2px;bottom:0;
  width:calc(100% - 33px);background:#f0b902;
  opacity:0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0,1);transform:scale(0,1);border-radius:10px 10px 0 0;box-shadow: 0px 1px 6px #f0b902;z-index:2;}
.header-nav--primary>li a:hover::after {opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.header-nav--primary>li.active>a:hover::after {display:none;}
.header-nav--primary>li.has-menu a {display:flex;gap:9px;}
.header-nav--primary>li ul.child-menu {position:absolute;top:80px;right:30px;width:180px;border-radius:5px;background:#292929;box-shadow:0px 1px 10px rgba(17, 21, 25, 0.73);z-index:99;
opacity: 0;
    visibility: hidden;
    transition: .3s;
    -ms-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    -webkit-transform: scale(.8);
    transform: scale(.8);}
.header-nav--primary>li.has-menu:hover ul.child-menu {z-index:9;opacity:1;-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);visibility:visible;transition:.3s;}
.header-nav--primary li ul.child-menu::before {position:absolute;top:-10px;right:11px;content:"";width:0px;height:0px;border-style:solid;border-width:0 8px 10px 8px;border-color:transparent transparent #292929 transparent;transform:rotate(0deg);}
.header-nav--primary li ul.child-menu li {overflow:hidden}
.header-nav--primary li ul.child-menu li a {font-weight:600;font-size:16px;color:#fff;height:45px;border-bottom:1px solid #333;display:flex;align-items:center;padding:0 20px;position:relative;}
.header-nav--primary li ul.child-menu li a::after {position:absolute;content:"";background:#f0b902;top:50%;transform:translateY(-50%);right:-100%;width:3px;height:21px;border-radius:3px 0px 0px 3px;background:#f0b902;box-shadow:0px 1px 6px #f0b902;}
.header-nav--primary li ul.child-menu li a:hover::after {right:0;}
.header-nav--primary li ul.child-menu li:last-child a {border-bottom:none;}
.header-nav--primary li ul.child-menu li a:hover {color:#F0B902;}
.header-nav--primary li ul.child-menu li a span {position:relative;}
.header-nav--primary li ul.child-menu li a span::before {position:absolute;content:"";height:1px;width:100%;background:#f0b902;bottom:-15px;left:-200%;transition:250ms;}
.header-nav--primary li ul.child-menu li a:hover span::before {left:0;transition:250ms;}
.header-nav--primary>li:last-child>a::after {display:none;}


.header-buttons {width:200px;display:flex;justify-content:flex-end;align-items:center;height:81px;}
.header-search {margin-right:24px;height:100%;}
.header-search--button {cursor:pointer;height:100%;display:flex;align-items:center;}

.header-search--wrapper {display:none;position:absolute;width:100%;top:0;left:0;right:0;z-index:10;height:82px;background: transparent;backdrop-filter: blur(38.47060012817383px);--webkit-backdrop-filter: blur(38.47060012817383px);background-color: rgba(255, 255, 255, 0.05);align-items:center;}
.header-search--form {width:100%;height:48px;border-radius:5px;background:transparent;border:1px solid #262626;backdrop-filter:blur(30px);--webkit-backdrop-filter:blur(30px);background-color:rgb(65 65 65 / 15%);display:flex;justify-content:space-between;align-items:center;padding:0 20px;}
.header-search--form-icon {}
.header-search--form-input {height:100%;width:calc(100% - 73px);background:transparent;border:none;font-family:"Rajdhani", sans-serif;font-weight:500;font-size:16px;color:#fff;outline:none;}
.header-search--form-input::placeholder {font-family:"Rajdhani", sans-serif;font-weight:500;font-size:16px;color:#fff;}
.header-search--form-close {cursor:pointer;}
.header-search.active .header-search--wrapper {display:flex;}

.header-notification {margin-right:27px;height:100%;position:relative;}
.header-notification--button {cursor:pointer;height:100%;position:relative;display:flex;align-items:center;}
.header-notification--button::after {position:absolute;content:"";bottom:0;left:0;right:0;width:16px;height:2px;border-radius:2px 2px 0px 0px;background:#f0b902;box-shadow:0px 1px 6px #f0b902;}
.header-notification.active .header-notification--button::after {display:none}
.header-notification--button-icon {position:relative;}
.header-notification--button-icon>span {position:absolute;right:-7px;top:-6px;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:100%;background-color:#F0B902;font-weight:600;font-size:10px;color:#000;}
.header-notification--dropdown {position:absolute;top:82px;right:-11px;width:360px;border-radius:5px;background:#292929;box-shadow:0px 1px 10px rgba(17, 21, 25, 0.73);z-index:11;opacity: 0;visibility: hidden;transition: .3s;-ms-transform: scale(.8);-moz-transform: scale(.8);-o-transform: scale(.8);-webkit-transform: scale(.8);transform: scale(.8);display:flex;flex-direction:column;}
.header-notification.active .header-notification--dropdown {z-index:10;opacity:1;-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);visibility:visible;transition:.3s;}
.header-notification--dropdown::before {position:absolute;top:-10px;right:11px;content:"";width:0px;height:0px;border-style:solid;border-width:0 8px 10px 8px;
  border-color:transparent transparent #292929 transparent;transform:rotate(0deg);}
.hn-dropdown--headline {display:flex;justify-content:space-between;padding:23px 20px 4px 20px;}
.hn-dropdown--headline-title {font-weight:600;font-size:18px;letter-spacing:-0.01em;color:#fff;}
.hn-dropdown--headline-nav {position:relative;}
.hn-dropdown--headline-nav--icon {cursor:pointer;top:-11px;position:relative;right:-10px;width: 34px;display:flex;align-items:center;justify-content: center;height:34px;}
.hn-dropdown--headline-nav.active .hn-dropdown--headline-nav--icon {background: #313131;border:1px solid #3c3c3c;border-radius:100%;}
.hn-dropdown--headline-nav--dropdown {position:absolute;width:167px;border-radius:5px;background:#292929;box-shadow:0px 1px 10px rgba(17, 21, 25, 0.73);padding:8px 0;right:-12px;top:42px;z-index:4;opacity: 0;visibility:hidden;transition:.3s;-ms-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);-webkit-transform:scale(.8);transform:scale(.8);}
.hn-dropdown--headline-nav--dropdown::before {position:absolute;top:-10px;right:11px;content:"";width:0px;height:0px;border-style:solid;border-width:0 8px 10px 8px;border-color:transparent transparent #323232 transparent;transform:rotate(0deg);}
.hn-dropdown--headline-nav--dropdown>li {}
.hn-dropdown--headline-nav--dropdown>li>a {display:flex;align-items:center;width:calc(100% - 8px);margin-left:4px;border-radius:8px;padding:5px 15px;gap:11px;}
.hn-dropdown--headline-nav--dropdown>li>a:hover {background:#575757;}
.hn-dropdown--headline-nav--dropdown>li>a>svg {}
.hn-dropdown--headline-nav--dropdown>li>a>span {font-weight:500;font-size:16px;letter-spacing:-0.01em;color:#fff;}
.hn-dropdown--headline-nav.active .hn-dropdown--headline-nav--dropdown {z-index:9;opacity:1;-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);visibility:visible;transition:.3s;}

.hn-dropdown--content {display:flex;flex-direction:column;margin-bottom:8px;}
.hn-dropdown--item {width:calc(100% - 20px);margin-left:10px;padding:12px 36px 12px 10px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-radius:8px;position:relative;cursor:pointer;}
.hn-dropdown--item:hover {background-color:#383838;}
.hn-dropdown--item-thumbnail {width:38px;height:38px;border-radius:12px;overflow:hidden;flex:0 0 38px;}
.hn-dropdown--item-thumbnail>img {width:100%;height:100%;object-fit:cover;}
.hn-dropdown--item-details {min-width:0;flex:1;display:flex;align-items:center;}
.hn-dropdown--item-text {display:flex;align-items:center;}
.hn-dropdown--item-title {font-weight:500;font-size:16px;line-height:22px;color:#fff;}
.hn-dropdown--item-title>strong {font-weight:600;color:#F0B902}
.hn-dropdown--item-title a {font-weight:600;color:#F0B902;}

.hn-dropdown--item-time {font-weight:500;font-size:14px;color:#848484;padding-left:4px;}
.hn-dropdown--all-button {font-weight:600;font-size:15px;color:#f0b902;display:flex;justify-content:center;border-top:1px solid #333;padding:20px 0;}
.hn-dropdown--item.has-circle::after {position:absolute;content:"";width:12px;height:12px;background-color:#F0B902;right:10px;top:50%;border-radius:100%;transform: translateY(-50%);}
.hn-dropdown--item-request--buttons {display:flex;gap:10px;}
.hn-dropdown--item-request--buttons>li {}
.hn-dropdown--item-request--buttons>li>a {display:flex;width:62px;align-items:center;justify-content:center;height:34px;border-radius:12px;font-weight:500;font-size:14px;color:#fff;}
.hn-dropdown--item-request--buttons>li.confirm>a {background:linear-gradient(#84b724 0%, #5d8d04 100%);}
.hn-dropdown--item-request--buttons>li.reject>a {background:linear-gradient(#db2944 0%, #b70b25 100%);}
.hn-dropdown--item.request {padding-right:10px;}
.hn-dropdown--item-request--buttons>li.confirm>a:hover {background:linear-gradient(#5d8d04 0%, #84b724 100%);}
.hn-dropdown--item-request--buttons>li.reject>a:hover {background:linear-gradient(#b70b25 0%, #db2944 100%);}
.no-notification {display:flex;flex-direction:column;padding:0 40px 14px 40px;justify-content:center;text-align:center;gap:36px;position:relative;top:-12px;}
.no-notification>span {font-weight:600;font-size:15px;color:#f0b902;}

.header-user--wrapper {position:relative;}
.header-user {display:flex;align-items:center;gap:12px;cursor:pointer;}
.header-user--avatar {width:44px;height:44px;border-radius:12px;overflow:hidden;}
.header-user--avatar>img {width:100%;height:100%;object-fit:cover;}
.header-user--details {display:flex;flex-direction:column;gap:7px;}
.header-user--name {display:flex;gap:8px;align-items:center;}
.header-user--name span {font-weight:600;font-size:16px;color:#fff; text-wrap: nowrap;}
.header-user--mail {font-weight:600;font-size:14px;color:#858585;}

.header-login-button {display:flex;align-items:center;height:42px;border-radius:15px;border:1px solid #3b3b3b;gap:13px;padding:0 29px 0 20px;}
.header-login-button span {font-weight:600;font-size:16px;color:#fff;}
.header-login-button:hover {background-color:#1a1a1a;}

.header-user-dropdown {position:absolute;top:62px;right:0;width:340px;border-radius:5px;background:#292929;box-shadow:0px 1px 10px rgba(17, 21, 25, 0.73);z-index:3;
opacity: 0;
    visibility: hidden;
    transition: .3s;
    -ms-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    -webkit-transform: scale(.8);
    transform: scale(.8);}
.header-user-dropdown.active {z-index:10;opacity:1;-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);visibility:visible;transition:.3s;}
.header-user-dropdown::before {position:absolute;top:-10px;right:11px;content:"";width:0px;height:0px;border-style:solid;border-width:0 8px 10px 8px;border-color:transparent transparent #292929 transparent;transform:rotate(0deg);}
.hu-dropdown--headline {display:flex;align-items:center;padding:20px 20px 20px 20px;gap:12px;border-bottom:1px solid #333;}
.hu-user--avatar {width:44px;height:44px;overflow:hidden;border-radius:12px;flex:0 0 44px;}
.hu-user--avatar>img {width:100%;height:100%;object-fit:cover;}
.hu-user--avatar-details {display:flex;flex-direction:column;flex:1;min-width:0;gap:8px;}
.hu-user--name {display:flex;align-items:center;gap:8px;}
.hu-user--name span {font-weight:600;font-size:16px;color:#fff;}
.hu-user--mail-title {display:flex;justify-content:space-between;}
.hu-user--mail {font-weight:600;font-size:14px;color:#858585;}
.hu-user--title {font-weight:600;font-size:14px;color:#858585;}

.hu-dropdown--beepuan {display:flex;flex-wrap:wrap;border-bottom:1px solid #333;}
.hu-beepuan--left {flex:0 0 151px;border-right:1px solid #333;padding:20px 20px;display:flex;align-items:center;gap:15px;}
.hu-beepuan--left-text {display:flex;flex-direction:column;gap:4px;}
.hu-beepuan--left-text--number {font-weight:500;font-size:14px;color:#fff;}
.hu-beepuan--left-text--type {font-weight:600;font-size:16px;color:#fff;}
.hu-beepuan--right {min-width:0;flex:1;padding:20px 20px;display:flex;align-items:center;gap:15px;}
.hu-beepuan--right-icon {flex:0 0 20px;}
.hu-beepuan--right-details {display:flex;flex-direction:column;flex:1;min-width:0;}
.hu-beepuan--right-text {display:flex;justify-content:space-between;align-items:center;}
.hu-beepuan--right-other--step {font-weight:500;font-size:14px;color:#fff;}
.hu-beepuan--right-target {font-weight:500;font-size:14px;color:#fff;}
.hu-beepuan--right-bar {width:100%;height:4px;border-radius:2px;background:#191919;margin-top:12px;overflow:hidden;}
.hu-beepuan--right-bar--stage {height:100%;border-radius:2px;background:linear-gradient(to right, #3ab77d 0%, #f0b902 100%);display:flex;}

.hu-dropdown--nav {padding:11px 0;}
.hu-dropdown--nav>li {position:relative;}
.hu-dropdown--nav>li>a {padding:10px 20px 10px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:11px;position:relative;}
.hu-dropdown--nav>li>a>.hu-dropdown--nav-icon {flex:0 0 21px;height:21px;}
.hu-dropdown--nav>li>a svg {color:#fff;}
.hu-dropdown--nav>li>a span.hu-dropdown--nav-text {font-weight:500;font-size:16px;color:#fff;flex:1;min-width:0;}
.hu-dropdown--nav>li:hover svg {color:#F0B902;}
.hu-dropdown--nav>li:hover span.hu-dropdown--nav-text {color:#F0B902;}
.hu-dropdown--nav-count {position:absolute;right:20px;top:50%;transform:translateY(-50%);font-weight:600;font-size:10px;color:#000;background-color:#F0B902;border-radius:30px;padding:2px 5px;}
.hu-dropdown--nav>li.has-child-menu:hover>ul {z-index:9;opacity:1;-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);visibility:visible;transition:.3s;}
.hu-dropdown--nav>li>ul {position:absolute;top:5px;left:-173px;width:180px;border-radius:8px;background:#292929;box-shadow:0px 1px 10px rgba(17, 21, 25, 0.73);opacity: 0;
    visibility: hidden;
    transition: .3s;
    -ms-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    -webkit-transform: scale(.8);
    transform: scale(.8);}
.hu-dropdown--nav>li>ul>li {}
.hu-dropdown--nav>li>ul>li>a {display:flex;justify-content:space-between;padding:9px 20px 9px 20px;}
.hu-dropdown--nav>li>ul>li:first-child>a {padding:18px 20px 9px 20px;}
.hu-dropdown--nav>li>ul>li:last-child>a {padding:9px 20px 18px 20px;}
.hu-dropdown--nav>li>ul>li>a span.dropdown-child--nav-text {font-weight:500;font-size:16px;color:#fff;}
.hu-dropdown--nav>li>ul>li>a span.dropdown-child--nav-count {display:flex;font-weight:600;font-size:10px;color:#000;background-color:#F0B902;border-radius:30px;padding:3px 5px 2px 5px;}
.hu-dropdown--nav>li>ul>li>a:hover span.dropdown-child--nav-text {color:#F0B902;}


/* main */
#main {position:relative;padding-top:25px;font-family:"Inter", sans-serif;}
#main::before {position:absolute;content:"";top:0;left:0;right:0;width:100%;height:223px;background-color:#1a1a1a;z-index:-1}
#main.profile-page::before {height:245px;}
#main.login-page::before {height:274px;}
#main.sign-up-page::before {height:274px;}
#main.reset-password-page::before {height:274px;}

.form-screen--shape {position:absolute;top:266px;left:50%;transform: translateX(-50%);z-index:-1;}
#main.sign-up-page {padding-bottom:36px;}

/* headline */
.headline {margin-bottom:25px;}
.headline-wrapper {display:flex;gap:1px;flex-wrap:wrap;}
.headline-main {flex:1;display:flex;min-width:0;flex-direction:column;gap:1px;}
.headline-main--top {display:flex;}
.headline-main--top-left {display:flex;flex-direction:column;gap:1px;flex:0 0 293px;}
.headline-main--top-left .hm-news--item {border-right:1px solid #f2f2f3;}
.headline-main--top-left .hm-news--item:first-child {border-radius:5px 0 0 0;overflow:hidden;}
.headline-main--top-right {display:flex;min-width:0;flex:1;}
.headline-main--top-right .hm-news--item {height:397px;width:100%;}
.headline-main--top-right .hm-news--item-title {font-size:24px;line-height:28px;}
.headline-main--bottom {display:flex;gap:1px;}
.headline-main--bottom .hm-news--item:first-child {border-radius:0 0 0 5px;overflow:hidden;}
.hm-news--item {position:relative;height:198px;width:100%;}
.hm-news--item::after {position:absolute;bottom:0;left:0;right:0;content:"";width:100%;height:100%;box-shadow:inset 0px -143px 60px -45px rgb(0 0 0 / 72%);}
.hm-news--item-thumbnail {height:100%;width:100%;}
.hm-news--item-thumbnail img {height:100%;width:100%;object-fit:cover;}
.hm-news--item-title {position:absolute;z-index:2;bottom:0;left:0;line-height:24px;font-size:18px;font-weight:500;color:#fff;padding:0 19px 20px 19px;
}
.hm-news--item-title span {
        transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display: inline;
        background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background: -o-linear-gradient(left,currentColor 0,currentColor 100%);
        background: linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size: 0 2px;
        background-position: 0 95%;
        -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding: .1% 0;
        background-repeat: no-repeat
}
.hm-news--item-title:hover>span {background-size:100% 2px;}



.headline-side {flex:0 0 292px;background-color:#1a1a1a;border-radius: 0px 5px 5px 0px;padding:0 7px 12px 20px;height:596px;}
.headline-side--wrapper {width:100%;max-height:calc(100% - 0px);overflow:auto;}
.headline-side--wrapper::-webkit-scrollbar {width:12px;}
.headline-side--wrapper::-webkit-scrollbar-track {background: #020202;border:1px solid #272727;border-radius:20px;padding:3px;}
.headline-side--wrapper::-webkit-scrollbar-thumb {background: #ecb602;border-radius:20px;border:3px solid #1a1a1a}
.headline-side--wrapper::-webkit-scrollbar-thumb:hover {background: #555;}

.hs-news--item {display:flex;width:calc(100% - 10px);gap:15px;flex-wrap:wrap;border-bottom:1px solid #313034;padding:13px 0 13px 0;}
.hs-news--item:first-child {padding:0 0 13px 0;}
.hs-news--item-thumbnail {flex:0 0 70px;}
.hs-news--item-thumbnail img {}
.hs-news--item-title {flex:1;min-width:0;font-size:14px;color:#fff;line-height:20px;font-weight:500;padding-top:8px;transition:200ms;}
.hs-news--item:hover .hs-news--item-title {color:#f0b902;transition:200ms;}

/* recent-news */
.above-the-fold {margin-bottom:25px;}
.two-column-layout {display:flex;gap:25px;flex-wrap:wrap;}
.one-column-layout {display:flex;gap:25px;flex-direction:column;}
.main-col {flex:1;min-width:0;display:flex;flex-direction:column;gap:25px;}
.sidebar {flex:0 0 300px;display:flex;flex-direction:column;gap:25px;}
.widget {}
.recent-news {display:flex;flex-direction:column;gap:20px;}
.news-item {display:flex;flex-wrap:wrap;gap:19px;border-radius:5px;background-color:#FFFFFF;padding:20px;filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.1));}
.news-item--thumb {flex:0 0 282px;}
.news-item--thumb>img {width:100%;height:100%;object-fit:cover;}
.news-item--details {flex:1;min-width:0;padding-top:4px;}
.news-item--top--details {display:block;margin-bottom:10px;}
.news-item--category {font-weight:600;font-size:12px;color:#7a8085;letter-spacing:-0.01em; text-transform: uppercase;}
.news-item--badge {font-weight:600;font-size:12px;letter-spacing:-0.01em;color:#7a8085;background-color:#E3E3E3;align-self:flex-start;padding:2px 4px;border-radius:2px;}
.news-item--title {font-weight:600;font-size:21px;color:#19191A;line-height:25px;letter-spacing:-0.01em;
        transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display:inline;
        background:-webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background:-webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background:-o-linear-gradient(left,currentColor 0,currentColor 100%);
        background:linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size:0 2px;
        background-position:0 95%;
        -webkit-transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding:.1% 0;
        background-repeat:no-repeat;
}

.news-item--title:hover {background-size:100% 2px;}
.news-item--summary {font-weight:400;font-size:16px;color:#525659;line-height:25px;letter-spacing:-0.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px;}
.news-item--date {font-weight:300;font-size:13px;color:#7A8085;line-height:25px;margin-top:7px;}

/* sidebar-widget--headline */
.sidebar-widget--headline {position:relative;padding:20px 20px 0 20px;}
.sidebar-widget--headline::before {position:absolute;content:"";width:11.5px;height:11.5px;background-color:#F0B902;left:-6px;top:27px;border-radius:100%;}
.sidebar-widget--headline span {font-size:18px;letter-spacing:-0.01em;line-height:25px;color:#19191a;font-weight:600;}

/* sidebar-posts */
.sidebar-posts {background-color:#fff;border-radius:5px;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.sidebar-posts--tabs {}
.sidebar-posts--items {}
.sp-item {position:relative;display:flex;gap:16px;flex-wrap:wrap;padding:0 20px 0 20px;align-items:center;border-bottom:1px solid #eaeaeb;height:127px;overflow:hidden;}
.sp-item:last-child {border-bottom:none;}
.sp-item--order {flex:0 0 32px;font-size:15px;font-weight:600;color:#19191A;width:32px;height:32px;background:#f2f2f3;border-radius:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:3;}
.sp-item--details {flex:1;min-width:0;display:flex;flex-direction:column;position:relative;z-index:3;}
.sp-item--title {font-size:15px;line-height:20px;color:#19191a;margin-bottom:11px;font-weight:600;}
.sp-item--views {display:flex;align-items:center;gap:6px;}
.sp-item--views svg path {}
.sp-item--views span {font-weight:300;font-size:13px;color:#7A8085;}
.sp-item--thumbnail {width:100%;height:100%;position:absolute;left:-100%;top:0;z-index:2;transition:200ms;}
.sp-item--thumbnail::before {width:100%;height:100%;position:absolute;left:0;top:0;bottom:0;right:0;content:"";background:linear-gradient(to top right, #D6351C, #f0b902);opacity:0.7;}
.sp-item:hover .sp-item--thumbnail {left:0;transition:200ms;}
.sp-item:hover .sp-item--order {background-color:#F2F2F3;}
.sp-item:hover .sp-item--title {color:#FFFFFF;}
.sp-item:hover .sp-item--views svg path {fill:#FFFFFF;}
.sp-item:hover .sp-item--views span {color:#FFFFFF;}
.sidebar-posts--tab-buttons {display:grid;grid-template-columns:1fr 1fr;}
.sidebar-posts--tab-buttons li {display:flex;align-items:center;justify-content:center;height:52px;cursor:pointer;background-color:#f5f5f7;font-weight:500;font-size:14px;color:#8e8e8e;border-top:1px solid #eaeaeb;position:relative;}
.sidebar-posts--tab-buttons li:first-child {border-radius:0 0 0 5px;}
.sidebar-posts--tab-buttons li:last-child {border-left:1px solid #eaeaeb;border-radius:0 0 5px 0;}
.sidebar-posts--tab-buttons li.active {background-color:#fff;border-top-color:#f0b902;color:#19191A;}
.sidebar-posts--tab-buttons li.active::before {position:absolute;width:9px;z-index:4;height:9px;content:"";top:-5px;background-color:#fff;border:2px solid #f0b902;border-radius:100%;}

/* sidebar-socials */
.sidebar-socials {background-color:#fff;border-radius:5px;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.sidebar-social--buttons {display:flex;gap:9px;padding:18px 20px 21px 20px;}
.sidebar-social--buttons>li>a {text-align:center;display:flex;flex-direction:column;justify-content: center;}
.ssb-item--icon {width:58px;height:58px;border-radius:100%;background-color:#4685FC;display:flex;align-items:center;justify-content:center;margin-bottom:11px;}
.sidebar-social--buttons>li.facebook .ssb-item--icon {background-color:#4685FC;}
.sidebar-social--buttons>li.x .ssb-item--icon {background-color:#4AC1F3;}
.sidebar-social--buttons>li.instagram .ssb-item--icon {background-color:#FD803E;}
.sidebar-social--buttons>li.youtube .ssb-item--icon {background-color:#ED5249;}
.ssb-item--text {font-size:14px;color:#19191A;margin-bottom:5px;font-weight:600;}
.ssb-item--text-type {font-size:12px;color:#7A8085;letter-spacing:-0.01em;}
.sidebar-social--buttons>li>a:hover {opacity:0.9;}

/* banner */
.banner {}
.banner-wrapper {position:relative;width:100%;height:250px;border-radius:5px;background-color:#1A1A1A;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.banner.vertical .banner-wrapper {width:160px;height:630px;}
.banner.vertical.large .banner-wrapper {width:100%;height:630px;}
.banner.vertical .banner-button {margin-top:auto;margin-bottom:20px;}
.banner-button {background-color:#000000;height:42px;border-radius:10px;font-size:12px;color:#FFFFFF;font-weight:700;border:1px solid #3B3B3B;padding:0 26px;display:flex;align-items:center;margin-top:28px;transition:300ms;}
.banner-wrapper:hover .banner-button {background-color:#3B3B3B;color:#ccc;transition:300ms;}
.banner.vertical .banner-wrapper svg {position:absolute;top:50%;transform:translateY(-50%);}


/* sidebar-hexagon-posts */
.sidebar-hexagon-posts {background-color:#fff;border-radius:5px;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.sidebar-hexagon-posts-items {display:flex;flex-direction:column;padding:15px 0 6px 0;overflow:hidden;}
.shp-item {padding:0 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;position:relative;padding-bottom:10px;}

.shp-item::before {
  position:absolute;
  content:"";
  top:36px;
  left:-22px;
width:80px;
height:24px;
background: #ebebeb;
transform:rotate(-45deg)
}


.shp-item--thumbnail {width:56px;height:62px;position:relative;flex: 0 0 56px;}
.shp-item--thumbnail>img {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:56px;height:62px;object-fit:cover;clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}
.shp-item--title {flex:1;min-width:0;font-size:15px;color:#19191A;line-height:22px;font-weight:600;-webkit-line-clamp:2;display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.shp-item--title>span {transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display: inline;
        background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background: -o-linear-gradient(left,currentColor 0,currentColor 100%);
        background: linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size: 0 2px;
        background-position: 0 95%;
        -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding: .1% 0;
        background-repeat: no-repeat}

.shp-item--title:hover span {background-size:100% 2px;}


/* sidebar-forum */
.sidebar-forum {background-color:#fff;border-radius:5px;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);padding-bottom:7px;}
.sidebar-forum--items {display:flex;flex-direction:column;padding:18px 21px 27px 21px;gap:27px;}
.sf-item {border-radius:10px;background-color:#EBEBEB;position:relative;}
.sf-item--top {padding:18px 16px 19px 16px;display:flex;flex-wrap:wrap;align-items:center;}
.sf-item--title {flex:1;min-width:0;font-size:15px;line-height:20px;color:#19191a;font-weight:600; padding-right: 10px;}
.sf-item--icon {flex:0 0 28px;width:28px;height:28px;border-radius:10px;background-color:#1A1A1A;display:flex;align-items:center;justify-content:center;}
.sf-item--icon svg {}
.sf-item--bottom {background-color:#dbdbdb;display:flex;border-radius:0 0 10px 10px;padding:0 21px 0 21px;justify-content:space-between;height:36px;align-items:center;z-index:2;position:relative;}
.sf-item--author {font-size:13px;color:#7a8085;font-weight:300;}
.sf-item-data {display:flex;align-items:center;gap:8px;}
.sf-item-data svg {}
.sf-item-data span {font-size:13px;color:#7a8085;font-weight:300;}
.sf-item::after {position:absolute;right:6px;bottom:-35px;width:59px;height:59px;content:"";background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="59.042" height="59.456" viewBox="0 0 59.042 59.456"><defs><filter id="Polygon_4" x="0" y="0" width="59.042" height="59.456" filterUnits="userSpaceOnUse"><feOffset dy="3" input="SourceAlpha"/><feGaussianBlur stdDeviation="3" result="blur"/><feFlood flood-opacity="0.02"/><feComposite operator="in" in2="blur"/><feComposite in="SourceGraphic"/></filter></defs><g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(%23Polygon_4)"><path id="Polygon_4-2" data-name="Polygon 4" d="M11.4,7.441a4,4,0,0,1,7.2,0l8.621,17.816A4,4,0,0,1,23.621,31H6.379a4,4,0,0,1-3.6-5.742Z" transform="matrix(-0.88, -0.47, 0.47, -0.88, 35.49, 47.46)" fill="%23dbdbdb"/></g></svg>');z-index:1}
.sf-item:hover {background-color:#1A1A1A;}
.sf-item:hover .sf-item--title {color:#fff;}
.sf-item:hover .sf-item--bottom {background-color:#0D0D0D;}
.sf-item:hover .sf-item--icon {background-color:#F0B902;}
.sf-item:hover .sf-item--icon svg {animation: horizontal-shaking 0.75s infinite;}
.sf-item:hover::after {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="59.042" height="59.456" viewBox="0 0 59.042 59.456"><defs><filter id="Polygon_4" x="0" y="0" width="59.042" height="59.456" filterUnits="userSpaceOnUse"><feOffset dy="3" input="SourceAlpha"/><feGaussianBlur stdDeviation="3" result="blur"/><feFlood flood-opacity="0.02"/><feComposite operator="in" in2="blur"/><feComposite in="SourceGraphic"/></filter></defs><g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(%23Polygon_4)"><path id="Polygon_4-2" data-name="Polygon 4" d="M11.4,7.441a4,4,0,0,1,7.2,0l8.621,17.816A4,4,0,0,1,23.621,31H6.379a4,4,0,0,1-3.6-5.742Z" transform="matrix(-0.88, -0.47, 0.47, -0.88, 35.49, 47.46)" fill="%230D0D0D"/></g></svg>');}


/* videos */
.videos {background-color:#1a1a1a;padding:50px 0 60px 0;position:relative;margin-bottom:25px;}
.videos::before {position:absolute;left:50%;top:0;content:"";width: 1600px;height:100%;border-radius: 0px 400px;background: transparent;opacity: 0.54;backdrop-filter: blur(50px);--webkit-backdrop-filter: blur(50px);background-color: rgba(0, 0, 0, 0.24);transform: translate(-50%, 0%);}
.videos-wrapper {display:flex;flex-direction:column;}
.videos-headline {display:flex;justify-content:center;position:relative;z-index:2;}

.videos-slide--out {display:flex;flex-direction:column;position:relative;}
.vs-button-prev {width:48px;height:48px;background-color:#F0B902;border-radius:100%;position:absolute;left:-24px;top:calc(50% + 24px);transform: translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;}
.vs-button-prev:hover svg, .vs-button-next:hover svg  {animation: horizontal-shaking 0.75s infinite;}
.vs-button-next {width:48px;height:48px;background-color:#F0B902;border-radius:100%;position:absolute;right:-24px;top:calc(50% + 24px);transform: translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;}


.videos-slide {width:100%;}
.videos-slide .swiper-wrapper {height:274px;padding-top:54px;}
.vs-item {position:relative;transition: all 0.5s ease;
    opacity: 0.3;
    transform: scale(0.7) translateZ(-100px);
    transform-origin: center;
    filter: blur(2px);padding:0 15px;}
.vs-item.swiper-slide-active {    opacity: 1;
    transform: scale(1.3) translateZ(50px);
    z-index: 10;
    filter: blur(0);transition: all 0.5s ease;}


/*.vs-item.swiper-slide-active {position:relative;transform:scale(1.155);transition:transform 400ms;}
.vs-item.swiper-slide-active .vs-item--thumbnail {height:196px;}
.vs-item.swiper-slide-prev::after, .vs-item.swiper-slide-next::after {position:absolute;content:"";width:100%;height:100%;top:0;left:0;border-radius: 8px;background: transparent;box-shadow: 3px 5.2px 40px rgba(94, 92, 154, 0.1);backdrop-filter: blur(0.9286720156669617px);--webkit-backdrop-filter: blur(0.9286720156669617px);background-color: rgba(0, 0, 0, 0.03);}

.vs-item.swiper-slide-prev {opacity:0.44;}
.vs-item.swiper-slide-next {opacity:0.44;}*/

.vs-item--thumbnail {width:100%;height:182px;position:relative;overflow:hidden;border-radius:5px 5px 0 0;}
.vs-item--thumbnail>img {width:100%;height:100%;object-fit:cover;}
.vs-item--button {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:67px;height:67px;background:linear-gradient(#f0b902 0%, rgba(0, 0, 0, 0.4) 100%);border-radius:100%;z-index:3;display:flex;align-items:center;justify-content:center;}
.vs-item--button-inner {width:57px;height: 57px;background: transparent;border: 1px solid rgba(255, 220, 101, 0.8);filter: drop-shadow(3px 3px 6px #000);backdrop-filter: blur(2.978519916534424px);--webkit-backdrop-filter: blur(2.978519916534424px);background-color: rgba(0, 0, 0, 0.36);border-radius:100%;display:flex;align-items:center;justify-content:center;}
.vs-item--title {height:92px;width:100%;display:flex;border-radius: 0px 0px 5px 5px;background: transparent;box-shadow: 3px 5.2px 40px rgba(94, 92, 154, 0.1);
  backdrop-filter: blur(30px);--webkit-backdrop-filter: blur(30px);background-color: rgba(255, 255, 255, 0.15);font-size:19px;color:#FFFFFF;text-align:center;
  align-items:center;justify-content: center;padding:16px 32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:600;line-height:30px;}

/* grid-recent-news */
.normal-alignment {margin-bottom:30px;}
.grid-recent-news {display:grid;grid-template-columns:repeat(3, 1fr);gap:20px 19px;}
.v-news--item {display:flex;flex-direction:column;position:relative;border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);height:290px;position:relative;overflow:hidden}
.v-news--item--thumb {height:156px;width:100%;}
.v-news--item--thumb img {width:100%;height:100%;object-fit:cover;}
.v-news--item-details {display:flex;flex-direction:column;padding:17px 16px 12px 16px;}
.v-news--item-category {font-weight:500;font-size:11px;color:#7a8085;margin-bottom:10px; text-transform: uppercase;}
.v-news--item-title {font-weight:600;font-size:18px;color:#19191A;line-height:26px;letter-spacing:-0.01em;transition:200ms;

        transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display: inline;
        background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background: -o-linear-gradient(left,currentColor 0,currentColor 100%);
        background: linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size: 0 2px;
        background-position: 0 95%;
        -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding: .1% 0;
        background-repeat: no-repeat
}
.v-news--item-title:hover {background-size:100% 2px;}

.v-news--item-title--wrapper {white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;}
.v-news--item-title--wrapper>a {}

.v-news--item-seperator {display:flex;gap:2px;align-items:center;margin-bottom:20px;margin-top:18px;}
.v-news--item-seperator>span {background-color:#fff;height:3px;border-radius:10px;}
.v-news--item-seperator>span:nth-child(1) {width:50px;}
.v-news--item-seperator>span:nth-child(2) {width:10px;}
.v-news--item-seperator>span:nth-child(3) {width:5px;}
.v-news--item-summary {font-size:16px;letter-spacing:-0.01em;line-height:25px;color:#fff;opacity:0.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.v-news--item--meta {display:flex;align-items:center;gap:14px;margin-top:13px;}
.v-news--item-author {font-size:13px;color:#7a8085;font-weight:300;}
a.v-news--item-author  { color: #7a8085 !important;}
.v-news--item-date {font-size:13px;color:#7a8085;position:relative;padding-left:20px;font-weight:300;}
.v-news--item-date::before {position:absolute;content:"";width:6px;height:6px;left:0;top:3px;background-color:#B6B7B9;border-radius:100%;}
.v-news--item-read-more {display:flex;align-items:center;color:#fff;gap:9px;margin-top:auto;}
.v-news--item-read-more>span {font-size:14px;letter-spacing:-0.01em;line-height: 25px;color:#fff;}

.v-news--item.full-cover .v-news--item--thumb {position:absolute;height:100%;width:100%;}
.v-news--item.full-cover .v-news--item--thumb::before {position:absolute;height:100%;width:100%;background-color:#1A1A1A;left:0;top:0;content:"";}
.v-news--item.full-cover.grey .v-news--item--thumb::before {background-color:#1A1A1A;}
.v-news--item.full-cover.yellow .v-news--item--thumb::before {background-color:#F0B902;}
.v-news--item.full-cover .v-news--item-title--wrapper>a {-webkit-line-clamp:3;}


.v-news--item.full-cover .v-news--item--thumb img {opacity:0.2;}
.v-news--item.full-cover .v-news--item-details {position:relative;z-index:2;height:100%;align-items:flex-start;padding:25px 24px 12px 24px;}
.v-news--item.full-cover .v-news--item-category {height:19px;border-radius:2px;background-color:#F0B902;align-items:center;display:flex;color:#fff;padding:1px 6px 0 6px;}
.v-news--item.full-cover.grey .v-news--item-category {background-color:#F0B902;color:#fff;}
.v-news--item.full-cover.yellow .v-news--item-category {background-color:#353536;color:#fff;}
.v-news--item.full-cover .v-news--item-title--wrapper {-webkit-line-clamp:3;}
.v-news--item.full-cover .v-news--item-title--wrapper .v-news--item-title {color:#fff;}


/* wide-widget--headline */
.wide-widget--headline {position:relative;padding:20px 20px 0 20px;}
.wide-widget--headline::before {position:absolute;content:"";width:11.5px;height:11.5px;background-color:#F0B902;left:-6px;top:27px;border-radius:100%;}
.wide-widget--headline span {font-size:18px;letter-spacing:-0.01em;line-height:25px;color:#19191a;font-weight:600;}

/* podcast-widget */
.podcast-widget {background-color:#fff;border-radius:5px;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.podcast-items {padding:18px 20px 24px 20px;display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;}
.podcast-featured--item {flex:1;min-width:0;}
.pf-item--thumbnail {display:flex;height:352px;width:100%;border-radius:5px;overflow:hidden;position:relative;margin-bottom:11px;}
.pf-item--thumbnail>img {height:100%;width:100%;object-fit:cover;}
.pf-item--thumbnail::after {position:absolute;content:"";bottom:0;right:0;width:234px;height:237px;border-radius:5px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="234" height="237" viewBox="0 0 234 237"><defs><linearGradient id="linear-gradient" x1="0.418" y1="0.442" x2="0.94" y2="0.946" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="%23fff" stop-opacity="0"/><stop offset="1" stop-color="%23f0b902"/></linearGradient></defs><rect id="Rectangle_661" data-name="Rectangle 661" width="234" height="237" rx="5" fill="url(%23linear-gradient)"/></svg>');}
.pf-item--date {position:absolute;right:10px;bottom:10px;z-index:1;display:flex;align-items:center;}
.pf-item--date>span {color:#fff;font-size:13px;padding-right:30px;position:relative;font-weight:300;}
.pf-item--date>span::after {position:absolute;content:"";width:6px;height:6px;background-color:#fff;right:12px;top:4px;border-radius:100%;}
.pf-item--date-icon {width:44px;height:44px;border-radius:100%;background-color:#1A1A1A;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;background-position:center center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43.961' height='18.695' viewBox='0 0 43.961 18.695'%3E%3Cg id='Dalgalar' transform='translate(-54.472 -152.626)' opacity='0.2'%3E%3Cpath id='_Path_' data-name='&lt;Path&gt;' d='M385.327,161.977q0-3.254,0-6.508,0-1.067,0-2.134a.682.682,0,0,0-.7-.708h-.3a.686.686,0,0,0-.716.722c0,.568.007,1.137.006,1.705q0,3.241-.006,6.482,0,4.236,0,8.472c0,.213,0,.425.009.638a.678.678,0,0,0,.669.674c.126,0,.252,0,.378,0a.678.678,0,0,0,.655-.675q0-3.332.007-6.664Q385.328,162.979,385.327,161.977Z' transform='translate(-289.496 0)' fill='%23fff'/%3E%3Cpath id='_Path_2' data-name='&lt;Path&gt;' d='M355.466,182.419q0,2.851,0,5.7a.648.648,0,0,0,.519.71,2.074,2.074,0,0,0,.721,0,.657.657,0,0,0,.529-.706q0-1.732,0-3.463,0-3.821,0-7.641a3.364,3.364,0,0,0-.018-.48.662.662,0,0,0-.663-.577c-.117,0-.234,0-.351,0a.681.681,0,0,0-.736.739Q355.465,179.562,355.466,182.419Z' transform='translate(-264.742 -20.528)' fill='%23fff'/%3E%3Cpath id='_Path_3' data-name='&lt;Path&gt;' d='M332.122,195.448q0,1.718,0,3.435a.689.689,0,0,0,.746.744,2.163,2.163,0,0,0,.3-.007.682.682,0,0,0,.6-.726q0-1.8,0-3.6,0-1.646,0-3.292a.645.645,0,0,0-.51-.678,1.741,1.741,0,0,0-.642,0,.641.641,0,0,0-.493.664Q332.121,193.717,332.122,195.448Z' transform='translate(-244.21 -34.007)' fill='%23fff'/%3E%3Cpath id='_Path_4' data-name='&lt;Path&gt;' d='M407.987,194.783q0,2.011,0,4.021a.692.692,0,1,0,1.382,0q0-3.761,0-7.523c0-.2.006-.391,0-.586a.692.692,0,0,0-1.362-.158.882.882,0,0,0-.018.206Q407.987,192.766,407.987,194.783Z' transform='translate(-310.938 -32.891)' fill='%23fff'/%3E%3Cpath id='_Path_5' data-name='&lt;Path&gt;' d='M107.677,161.977q0-3.254,0-6.508,0-1.067,0-2.134a.682.682,0,0,0-.7-.708h-.3a.686.686,0,0,0-.716.722c0,.568.007,1.137.006,1.705q0,3.241-.007,6.482,0,4.236,0,8.472c0,.213,0,.425.009.638a.678.678,0,0,0,.67.674c.126,0,.252,0,.377,0a.677.677,0,0,0,.655-.675q0-3.332.007-6.664Q107.677,162.979,107.677,161.977Z' transform='translate(-45.286 0)' fill='%23fff'/%3E%3Cpath id='_Path_6' data-name='&lt;Path&gt;' d='M77.816,182.419q0,2.851,0,5.7a.648.648,0,0,0,.519.71,2.074,2.074,0,0,0,.721,0,.657.657,0,0,0,.529-.706q0-1.732,0-3.463,0-3.821,0-7.641a3.383,3.383,0,0,0-.018-.48.662.662,0,0,0-.663-.577c-.117,0-.234,0-.351,0a.681.681,0,0,0-.736.739Q77.815,179.562,77.816,182.419Z' transform='translate(-20.532 -20.528)' fill='%23fff'/%3E%3Cpath id='_Path_7' data-name='&lt;Path&gt;' d='M155.684,182.376q0,2.87,0,5.741a.692.692,0,0,0,.72.72c.113,0,.226,0,.338,0a.681.681,0,0,0,.711-.713q0-1.054,0-2.109c0-.989-.008-1.979-.007-2.968,0-2.113,0-4.226.012-6.339a.719.719,0,0,0-.768-.766,3.631,3.631,0,0,0-.5.032.66.66,0,0,0-.5.661q0,2.87,0,5.741Z' transform='translate(-89.022 -20.506)' fill='%23fff'/%3E%3Cpath id='_Path_8' data-name='&lt;Path&gt;' d='M54.472,195.448q0,1.718,0,3.435a.689.689,0,0,0,.746.744,2.162,2.162,0,0,0,.3-.007.682.682,0,0,0,.6-.726q0-1.8,0-3.6,0-1.646,0-3.292a.645.645,0,0,0-.51-.678,1.741,1.741,0,0,0-.642,0,.641.641,0,0,0-.493.664Q54.471,193.717,54.472,195.448Z' transform='translate(0 -34.007)' fill='%23fff'/%3E%3Cpath id='_Path_9' data-name='&lt;Path&gt;' d='M130.337,194.783V198.8a.692.692,0,1,0,1.382,0q0-3.761,0-7.523c0-.2.006-.391,0-.586a.692.692,0,0,0-1.362-.158.875.875,0,0,0-.018.206Q130.336,192.766,130.337,194.783Z' transform='translate(-66.728 -32.891)' fill='%23fff'/%3E%3Cpath id='_Path_10' data-name='&lt;Path&gt;' d='M180.027,209.428c0,.659.014,1.318,0,1.976a.717.717,0,0,0,.776.772c.091-.007.183.005.273-.007a.681.681,0,0,0,.6-.688q0-2.05,0-4.1a.683.683,0,0,0-.714-.7,2.638,2.638,0,0,0-.325.005.68.68,0,0,0-.606.7c0,.681,0,1.362,0,2.043Z' transform='translate(-110.429 -47.544)' fill='%23fff'/%3E%3Cpath id='_Path_11' data-name='&lt;Path&gt;' d='M233.362,161.977q0-3.254,0-6.508,0-1.067,0-2.134a.682.682,0,0,0-.7-.708h-.3a.686.686,0,0,0-.716.722c0,.568.007,1.137.006,1.705q0,3.241-.007,6.482,0,4.236,0,8.472c0,.213,0,.425.008.638a.678.678,0,0,0,.67.674c.126,0,.252,0,.378,0a.678.678,0,0,0,.655-.675q0-3.332.007-6.664Q233.363,162.979,233.362,161.977Z' transform='translate(-155.833 0)' fill='%23fff'/%3E%3Cpath id='_Path_12' data-name='&lt;Path&gt;' d='M203.5,182.419q0,2.851,0,5.7a.648.648,0,0,0,.519.71,2.074,2.074,0,0,0,.721,0,.657.657,0,0,0,.529-.706q0-1.732,0-3.463,0-3.821,0-7.641a3.368,3.368,0,0,0-.018-.48.662.662,0,0,0-.663-.577c-.117,0-.234,0-.351,0a.681.681,0,0,0-.736.739Q203.5,179.562,203.5,182.419Z' transform='translate(-131.08 -20.528)' fill='%23fff'/%3E%3Cpath id='_Path_13' data-name='&lt;Path&gt;' d='M281.369,182.376q0,2.87,0,5.741a.692.692,0,0,0,.72.72c.113,0,.226,0,.338,0a.681.681,0,0,0,.711-.713q0-1.054,0-2.109c0-.989-.008-1.979-.007-2.968,0-2.113,0-4.226.012-6.339a.719.719,0,0,0-.768-.766,3.634,3.634,0,0,0-.5.032.66.66,0,0,0-.5.661q0,2.87,0,5.741Z' transform='translate(-199.57 -20.506)' fill='%23fff'/%3E%3Cpath id='_Path_14' data-name='&lt;Path&gt;' d='M256.022,194.783q0,2.011,0,4.021a.692.692,0,1,0,1.382,0q0-3.761,0-7.523c0-.2.006-.391,0-.586a.692.692,0,0,0-1.362-.158.88.88,0,0,0-.018.206Q256.022,192.766,256.022,194.783Z' transform='translate(-177.276 -32.891)' fill='%23fff'/%3E%3Cpath id='_Path_15' data-name='&lt;Path&gt;' d='M305.712,209.428c0,.659.014,1.318,0,1.976a.717.717,0,0,0,.776.772c.091-.007.183.005.273-.007a.681.681,0,0,0,.6-.688q0-2.05,0-4.1a.684.684,0,0,0-.714-.7,2.638,2.638,0,0,0-.325.005.68.68,0,0,0-.606.7c0,.681,0,1.362,0,2.043Z' transform='translate(-220.976 -47.544)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");}
.pf-item--details {}
.pf-item--title {font-size:22px;line-height:30px;color:#19191a;font-weight:600;
          transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display: inline;
        background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background: -o-linear-gradient(left,currentColor 0,currentColor 100%);
        background: linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size: 0 2px;
        background-position: 0 95%;
        -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding: .1% 0;
        background-repeat: no-repeat
}


.pf-item--title:hover {background-size:100% 2px;}

.pf-item--summary {font-size:16px;letter-spacing:-0.01em;line-height:25px;color:#19191a;opacity:0.75;margin-top:7px;display:block;}
.podcast-content {display:flex;flex-direction:column;gap:20px;}
.pc-item {display:flex;flex-wrap:wrap;gap:18px;align-items:center;}
.pc-item--thumbnail {flex:0 0 152px;height:146px;border-radius:5px;overflow:hidden;}
.pc-item--thumbnail>img {width:100%;height:100%;object-fit:cover;}
.pc-item--details {flex:1;min-width:0;}
.pc-item--title {font-size:16px;line-height:24px;color:#19191a;font-weight:600;
          transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display: inline;
        background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background: -o-linear-gradient(left,currentColor 0,currentColor 100%);
        background: linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size: 0 2px;
        background-position: 0 95%;
        -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding: .1% 0;
        background-repeat: no-repeat

}
.pc-item--title:hover {background-size:100% 2px;}
.pc-item .pf-item--date {position:relative;right:auto;bottom:auto;margin-top:15px;}
.pc-item .pf-item--date>span {color:#7A8085;padding-right:0;padding-left:30px;}
.pc-item .pf-item--date>span::after {background-color:#b6b7b9;left:12px;}

/* games */
.games {background-color:#1a1a1a;padding:45px 0 46px 0;position:relative;margin-bottom:25px;}
.games::before {position:absolute;left:50%;top:0;content:"";width: 1600px;height:100%;border-radius: 0px 400px;background: transparent;opacity: 0.54;backdrop-filter: blur(50px);--webkit-backdrop-filter: blur(50px);background-color: rgba(0, 0, 0, 0.24);transform: translate(-50%, 0%);}
.games-wrapper {display:flex;flex-direction:column;position:relative;z-index:2;}
.games-headline {display:flex;justify-content:center;padding-bottom:40px;}
.games-headline--logo {position:relative;}
.games-headline--logo>span {position:absolute;right:0;top:4px;font-weight:600;font-size:14px;color:#f0b902;}
.game-slide-out {position:relative;}
.games-slide {display:flex;width:100%;}
.games-slide-wrapper {display:flex;}
.gs-item {position:relative;}
.gs-item--thumbnail {height:278px;width:100%;border-radius:5px;overflow:hidden;}
.gs-item--thumbnail>img {width:100%;height:100%;object-fit:cover;}
.gs-item--category {position:absolute;right:15px;top:15px;font-weight:600;font-size:11px;letter-spacing:-0.01em;color:#fff;padding:0 17px;height:28px;border-radius:14px;background: transparent;backdrop-filter: blur(27.90559959411621px);--webkit-backdrop-filter: blur(27.90559959411621px);background-color:rgba(0, 0, 0, 0.59);z-index:2;display:flex;align-items:center;}
.gs-item--category:hover {opacity:0.85;}
a.gs-item--category:hover { color: #FFF;}
.gs-item--details {position:absolute;bottom:0;left:0;z-index:2;padding:0 16px 16px 16px;}
.gs-item--details::before {position:absolute;content:"";bottom:0;left:0;right:0;width:100%;height:160px;border-radius:0px 0px 5px 5px;background:linear-gradient(rgba(77, 77, 77, 0) 0%, #4d4d4d 100%);z-index:-1}
.gs-item--title {font-size:18px;letter-spacing:-0.01em;line-height:26px;color:#fff;font-weight:600;          transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display: inline;
        background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background: -o-linear-gradient(left,currentColor 0,currentColor 100%);
        background: linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size: 0 2px;
        background-position: 0 95%;
        -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding: .1% 0;
        background-repeat: no-repeat}

.gs-item--title:hover {background-size:100% 2px; color: #FFFFFF;}


.gs-item--meta {display:flex;align-items:center;margin-top:12px;}
.gs-item--meta>li {font-size:13px;letter-spacing:-0.01em;color:#fff;opacity:0.6;position:relative;padding-right:34px;font-weight:300; text-wrap: nowrap;}
.gs-item--meta>li a { color: #FFFFFF; }

.gs-item--meta>li:first-child:hover {color:#fff;opacity:1}
.gs-item--meta>li::after {position:absolute;right:12px;top:2px;content:"";width:6px;height:6px;background:#fff;opacity:0.6;border-radius:100%;}
.gs-item--meta>li:last-child::after {display:none;}
.gs-pagination {display:flex;justify-content:center;margin-top:30px;}
.gs-pagination span {width:18px;height:18px;border:1px solid #5C5C5C;border-radius:3px;background-color:transparent;opacity:1;}
.gs-pagination span.swiper-pagination-bullet-active {border:5px solid #F0B902;}
.gs-button-prev {width:48px;height:48px;background-color:#F0B902;border-radius:100%;position:absolute;left:-24px;top:50%;transform: translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;}
.gs-button-prev:hover svg, .gs-button-next:hover svg  {animation: horizontal-shaking 0.75s infinite;}
.gs-button-next {width:48px;height:48px;background-color:#F0B902;border-radius:100%;position:absolute;right:-24px;top:50%;transform: translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;}

@keyframes horizontal-shaking {
  0% { transform: translateX(0) }
  25% { transform: translateX(4px) }
  50% { transform: translateX(-4px) }
  75% { transform: translateX(4px) }
  100% { transform: translateX(0) }
}


/* main-col (have-banner) */
.main-col.have-banner {gap:20px;flex-direction:row;}
.blog-cards {flex:1;min-width:0;display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;}
.banner.vertical {flex:0 0 160px}
.blog-card {display:flex;flex-direction:column;position:relative;height:305px;border-radius:5px;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.blog-card--thumbnail {height:176px;width:100%;overflow:hidden;border-radius:8px 8px 0 0;}
.blog-card--thumbnail>img {width:100%;height:100%;object-fit:cover;}
.blog-card--details {display:flex;flex-direction:column;position:absolute;bottom:39px;left:15px;width:calc(100% - 30px);height: 152px;border-radius:5px;background:#fff;box-shadow:3px 5.2px 40px rgba(94, 92, 154, 0.1);padding:16px 18px 6px 18px;}
.blog-card--category {font-size:12px;color:#7a8085;margin-bottom:9px; text-transform: uppercase;}
.blog-card--title {margin-bottom:5px;}
.blog-card--title>a {font-weight:600;font-size:17px;letter-spacing:-0.01em;line-height:25px;color:#19191a;
transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display: inline;
        background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background: -o-linear-gradient(left,currentColor 0,currentColor 100%);
        background: linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size: 0 2px;
        background-position: 0 95%;
        -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding: .1% 0;
        background-repeat: no-repeat;
}



.blog-card--title:hover a {background-size:100% 2px;}

.blog-card--summary {font-size:14px;letter-spacing:-0.01em;line-height:23px;color:#19191a;opacity:0.75;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.blog-card--meta {display:flex;margin-top:auto;height:39px;align-items:center;padding:0 15px;justify-content:center;text-align:center;}
.blog-card--author {color:#7A8085;font-size:12px;font-weight:300;}
a.blog-card--author  {color:#7A8085 !important!;}
.blog-card--author a {color:#7A8085 !important!;}
.blog-card--date {font-size:12px;color:#7a8085;padding-left:36px;position:relative;font-weight:300;}
.blog-card--date::before {position:absolute;content:"";left:17px;top:3px;width:5.69px;height:5.69px;background:#b6b7b9;border-radius:100%;}




/* footer */
.footer {background-color:#1A1A1A;font-family:"Rajdhani", sans-serif;position:relative;}
.footer::after {position:absolute;content:"";top:215px;left:0;right:0;margin:0 auto; width:1040px; border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.05); /* İsteğe bağlı */
  box-shadow:0 0 83px 60px #2f2f2f;z-index:1;
}

.footer-subscribe {padding:54px 0 54px 0;position:relative;z-index:2;}
.footer-subscribe-wrapper {display:flex;justify-content:space-between;align-items:center;}
.footer-subscribe--text {display:flex;flex-direction:column;}
.footer-subscribe--text-title {font-weight:600;font-size:25px;line-height:16px;color:#fff;}
.footer-subscribe--text-desc {font-weight:400;font-size:18px;line-height:16px;color:#fff;opacity:0.6;margin-top:17px;}
.footer-subscribe--form {width:50%;height:60px;border-radius:18px;background:#191919;border:1px solid #313034;display:flex;align-items:center;padding-right:8px;transition:300ms;}
.footer-subscribe--form.focus {box-shadow:0px 0 16px #f0b90230;border-color:#f0b902;transition:300ms;}
.footer-subscribe--form-input {display:flex;height:60px;width:calc(100% - 141px);background:transparent;border:none;font-family:"Rajdhani", sans-serif;font-weight:500;font-size: 16px;color:#fff;opacity:0.6;padding:0 24px;}
.footer-subscribe--form-input::placeholder {font-family:"Rajdhani", sans-serif;font-weight:500;font-size: 16px;color:#fff;opacity:0.6;}
.footer-subscribe--form-input:focus {outline:none;}
.footer-subscribe--form-submit {width:133px;height:42px;border-radius:15px;background:rgba(255, 255, 255, 0.1);border:1px solid #3b3b3b;display:flex;align-items:center;gap:12px;margin-left:auto;justify-content:center;}
.footer-subscribe--form-submit>span {font-weight:500;font-size:16px;color:#fff;position:relative;top:1px;}
.footer-subscribe--form-submit>svg {position:relative;top:1px;}
.footer-subscribe--form-submit:hover {opacity:0.9;}

.footer-brands {background-color:#0F0F0F;border-top:1px solid #313034;border-bottom:1px solid #313034;position:relative;z-index:2;}
.footer-brand-wrapper {display:flex;align-items:center;justify-content:space-between;padding:25px 0;}

.footer-main {position:relative;z-index:2;}
.footer-main-wrapper {display:flex;width:100%;flex-direction:column;}
.footer-content {display:flex;justify-content:space-between;width:100%;padding:42px 0 0 0;position:relative;top:10px;}
.footer-block {}
.footer-block-headline {font-weight:700;font-size:15px;color:#fff;opacity:0.8;margin-bottom:27px;}
.footer-block-headline>span {position:relative;padding-bottom:6px;}
.footer-block-headline>span::after {position:absolute;content:"";bottom:0;left:0;border-radius:10px;width:16px;height:2px;background:#089ffe;box-shadow:0px 1px 6px #089ffe;}
.footer-block-headline.green>span::after {background:#1bfe08;box-shadow:0px 1px 6px #1bfe08;}
.footer-block-headline.orange>span::after {background:#fe7708;box-shadow:0px 1px 6px #fe7708;}
.footer-block-headline.yellow>span::after {background:#fee55c;box-shadow:0px 1px 6px #fee55c;}
.footer-block-headline.green-two>span::after {background:#59fbbe;box-shadow:0px 1px 6px #59fbbe;}
.block-content {}
.footer-address {font-weight:500;font-size:16px;line-height:30px;color:#fff;opacity:0.6;}
.footer-nav {}
.footer-nav.grid {display:grid;grid-template-columns:repeat(2, 1fr);}
.footer-nav.grid li:nth-child(even) a {padding-left:38px}
.footer-nav li {}
.footer-nav li a {font-weight:500;font-size:16px;line-height:30px;color:#fff;opacity:0.6;}
.footer-nav li a:hover {opacity:1;}
.footer-social {display:flex;align-items:center;gap:25px;}
.footer-social li a:hover svg path {fill:#ccc;}
.up-button {margin:76px auto;display:flex;cursor:pointer;align-items:center;justify-content:center;width:40px;height:44px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39.997' height='44.001' viewBox='0 0 39.997 44.001'%3E%3Cg id='Experience_Bar' data-name='Experience Bar' transform='translate(-834.001 -1412.995)'%3E%3Cg id='Empty_' data-name='Empty ' fill='none' opacity='0.122'%3E%3Cpath d='M874,1444.066a4.342,4.342,0,0,1-2.006,3.418l-15.95,9.04a4.576,4.576,0,0,1-4.054,0l-15.96-9.04a4.372,4.372,0,0,1-2.027-3.418v-18.14a4.374,4.374,0,0,1,2.031-3.418l15.963-9.038a4.58,4.58,0,0,1,4.06,0l15.937,9.038a4.342,4.342,0,0,1,2.006,3.418Z' stroke='none'/%3E%3Cpath d='M 854.015380859375 1453.996704101562 C 854.3204345703125 1453.996704101562 854.5204467773438 1453.933227539062 854.5706176757812 1453.909301757812 L 870.5092163085938 1444.876220703125 C 870.6947631835938 1444.754516601562 870.9749755859375 1444.283081054688 870.9982299804688 1444.05517578125 L 870.9982299804688 1425.9375 C 870.9749755859375 1425.710327148438 870.6967163085938 1425.240600585938 870.5118408203125 1425.117553710938 L 854.5807495117188 1416.082763671875 C 854.5313110351562 1416.05908203125 854.330810546875 1415.995483398438 854.02490234375 1415.995483398438 C 853.7196655273438 1415.995483398438 853.5195922851562 1416.058837890625 853.4699096679688 1416.082397460938 L 837.5126953125 1425.117431640625 C 837.3225708007812 1425.240112304688 837.0303344726562 1425.712890625 837.0011596679688 1425.943603515625 L 837.0011596679688 1444.050048828125 C 837.0300903320312 1444.28125 837.3223876953125 1444.7548828125 837.5126342773438 1444.876586914062 L 853.462158203125 1453.909912109375 C 853.5122680664062 1453.93359375 853.7116088867188 1453.996704101562 854.015380859375 1453.996704101562 M 854.0154418945312 1456.996704101562 C 853.2809448242188 1456.996704101562 852.5466918945312 1456.8388671875 851.9887084960938 1456.523193359375 L 836.0283203125 1447.483642578125 C 834.9124755859375 1446.850708007812 834.0011596679688 1445.313842773438 834.0011596679688 1444.06591796875 L 834.0011596679688 1425.926391601562 C 834.0011596679688 1424.679443359375 834.9152221679688 1423.140380859375 836.03173828125 1422.508544921875 L 851.994873046875 1413.470092773438 C 853.11083984375 1412.837280273438 854.938720703125 1412.837280273438 856.0552978515625 1413.470092773438 L 871.9927368164062 1422.508544921875 C 873.1110229492188 1423.140380859375 873.9982299804688 1424.679443359375 873.9982299804688 1425.926391601562 L 873.9982299804688 1444.06591796875 C 873.9982299804688 1445.313842773438 873.1110229492188 1446.850708007812 871.9927368164062 1447.483642578125 L 856.0430297851562 1456.523193359375 C 855.4844970703125 1456.8388671875 854.7498779296875 1456.996704101562 854.0154418945312 1456.996704101562 Z' stroke='none' fill='%2345437f'/%3E%3C/g%3E%3Cg id='Filled' fill='rgba(119,119,119,0.25)'%3E%3Cpath d='M 854.0154418945312 1455.996704101562 C 853.4266357421875 1455.996704101562 852.8673706054688 1455.871337890625 852.4810791015625 1455.65283203125 L 836.5211181640625 1446.613525390625 C 835.7258911132812 1446.162475585938 835.0010986328125 1444.947998046875 835.0010986328125 1444.06591796875 L 835.0010986328125 1425.926391601562 C 835.0010986328125 1425.044189453125 835.72705078125 1423.829956054688 836.5242309570312 1423.37890625 L 852.4876098632812 1414.34033203125 C 852.8742065429688 1414.12109375 853.434326171875 1413.995483398438 854.0248413085938 1413.995483398438 C 854.615478515625 1413.995483398438 855.1758422851562 1414.12109375 855.562255859375 1414.340087890625 L 871.4993896484375 1423.37841796875 C 872.2985229492188 1423.829833984375 872.9982299804688 1425.020141601562 872.9982299804688 1425.926391601562 L 872.9982299804688 1444.06591796875 C 872.9982299804688 1444.971313476562 872.2982177734375 1446.161743164062 871.5001831054688 1446.61328125 L 855.550048828125 1455.653198242188 C 855.1641235351562 1455.871337890625 854.6044311523438 1455.996704101562 854.0154418945312 1455.996704101562 Z' stroke='none'/%3E%3Cpath d='M 854.0154418945312 1454.996704101562 C 854.5048828125 1454.996704101562 854.8754272460938 1454.8857421875 855.056884765625 1454.783203125 L 871.0076293945312 1445.743041992188 C 871.489013671875 1445.470581054688 871.9982299804688 1444.608520507812 871.9982299804688 1444.06591796875 L 871.9982299804688 1425.926391601562 C 871.9982299804688 1425.393798828125 871.48046875 1424.516235351562 871.006103515625 1424.248291015625 L 855.0692138671875 1415.210083007812 C 854.8861694335938 1415.106323242188 854.5156860351562 1414.995483398438 854.0248413085938 1414.995483398438 C 853.5341796875 1414.995483398438 853.1640625 1415.106201171875 852.9802856445312 1415.21044921875 L 837.0167236328125 1424.249145507812 C 836.5326538085938 1424.523071289062 836.0010986328125 1425.401000976562 836.0010986328125 1425.926391601562 L 836.0010986328125 1444.06591796875 C 836.0010986328125 1444.591552734375 836.53173828125 1445.469848632812 837.0139770507812 1445.743408203125 L 852.9734497070312 1454.782348632812 C 853.156494140625 1454.885986328125 853.5264282226562 1454.996704101562 854.0154418945312 1454.996704101562 M 854.0154418945312 1456.996704101562 C 853.281005859375 1456.996704101562 852.5466918945312 1456.8388671875 851.9887084960938 1456.523193359375 L 836.0283203125 1447.483642578125 C 834.9124755859375 1446.850708007812 834.0010986328125 1445.313842773438 834.0010986328125 1444.06591796875 L 834.0010986328125 1425.926391601562 C 834.0010986328125 1424.679443359375 834.9152221679688 1423.140380859375 836.0316772460938 1422.508544921875 L 851.994873046875 1413.470092773438 C 853.11083984375 1412.837158203125 854.938720703125 1412.837280273438 856.0552978515625 1413.470092773438 L 871.99267578125 1422.508544921875 C 873.111083984375 1423.140380859375 873.9982299804688 1424.679443359375 873.9982299804688 1425.926391601562 L 873.9982299804688 1444.06591796875 C 873.9982299804688 1445.313842773438 873.111083984375 1446.850708007812 871.99267578125 1447.483642578125 L 856.0430908203125 1456.523193359375 C 855.4844970703125 1456.8388671875 854.7498779296875 1456.996704101562 854.0154418945312 1456.996704101562 Z' stroke='none' fill='%235d5d5d'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}
.up-button:hover {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39.997' height='44.001' viewBox='0 0 39.997 44.001'%3E%3Cg id='Experience_Bar' data-name='Experience Bar' transform='translate(-834.001 -1412.995)'%3E%3Cg id='Empty_' data-name='Empty ' fill='none' opacity='0.122'%3E%3Cpath d='M874,1444.066a4.342,4.342,0,0,1-2.006,3.418l-15.95,9.04a4.576,4.576,0,0,1-4.054,0l-15.96-9.04a4.372,4.372,0,0,1-2.027-3.418v-18.14a4.374,4.374,0,0,1,2.031-3.418l15.963-9.038a4.58,4.58,0,0,1,4.06,0l15.937,9.038a4.342,4.342,0,0,1,2.006,3.418Z' stroke='none'/%3E%3Cpath d='M 854.015380859375 1453.996704101562 C 854.3204345703125 1453.996704101562 854.5204467773438 1453.933227539062 854.5706176757812 1453.909301757812 L 870.5092163085938 1444.876220703125 C 870.6947631835938 1444.754516601562 870.9749755859375 1444.283081054688 870.9982299804688 1444.05517578125 L 870.9982299804688 1425.9375 C 870.9749755859375 1425.710327148438 870.6967163085938 1425.240600585938 870.5118408203125 1425.117553710938 L 854.5807495117188 1416.082763671875 C 854.5313110351562 1416.05908203125 854.330810546875 1415.995483398438 854.02490234375 1415.995483398438 C 853.7196655273438 1415.995483398438 853.5195922851562 1416.058837890625 853.4699096679688 1416.082397460938 L 837.5126953125 1425.117431640625 C 837.3225708007812 1425.240112304688 837.0303344726562 1425.712890625 837.0011596679688 1425.943603515625 L 837.0011596679688 1444.050048828125 C 837.0300903320312 1444.28125 837.3223876953125 1444.7548828125 837.5126342773438 1444.876586914062 L 853.462158203125 1453.909912109375 C 853.5122680664062 1453.93359375 853.7116088867188 1453.996704101562 854.015380859375 1453.996704101562 M 854.0154418945312 1456.996704101562 C 853.2809448242188 1456.996704101562 852.5466918945312 1456.8388671875 851.9887084960938 1456.523193359375 L 836.0283203125 1447.483642578125 C 834.9124755859375 1446.850708007812 834.0011596679688 1445.313842773438 834.0011596679688 1444.06591796875 L 834.0011596679688 1425.926391601562 C 834.0011596679688 1424.679443359375 834.9152221679688 1423.140380859375 836.03173828125 1422.508544921875 L 851.994873046875 1413.470092773438 C 853.11083984375 1412.837280273438 854.938720703125 1412.837280273438 856.0552978515625 1413.470092773438 L 871.9927368164062 1422.508544921875 C 873.1110229492188 1423.140380859375 873.9982299804688 1424.679443359375 873.9982299804688 1425.926391601562 L 873.9982299804688 1444.06591796875 C 873.9982299804688 1445.313842773438 873.1110229492188 1446.850708007812 871.9927368164062 1447.483642578125 L 856.0430297851562 1456.523193359375 C 855.4844970703125 1456.8388671875 854.7498779296875 1456.996704101562 854.0154418945312 1456.996704101562 Z' stroke='none' fill='%2345437f'/%3E%3C/g%3E%3Cg id='Filled' fill='rgba(71,65,65,0.25)'%3E%3Cpath d='M 854.0154418945312 1455.996704101562 C 853.4266357421875 1455.996704101562 852.8673706054688 1455.871337890625 852.4810791015625 1455.65283203125 L 836.5211181640625 1446.613525390625 C 835.7258911132812 1446.162475585938 835.0010986328125 1444.947998046875 835.0010986328125 1444.06591796875 L 835.0010986328125 1425.926391601562 C 835.0010986328125 1425.044189453125 835.72705078125 1423.829956054688 836.5242309570312 1423.37890625 L 852.4876098632812 1414.34033203125 C 852.8742065429688 1414.12109375 853.434326171875 1413.995483398438 854.0248413085938 1413.995483398438 C 854.615478515625 1413.995483398438 855.1758422851562 1414.12109375 855.562255859375 1414.340087890625 L 871.4993896484375 1423.37841796875 C 872.2985229492188 1423.829833984375 872.9982299804688 1425.020141601562 872.9982299804688 1425.926391601562 L 872.9982299804688 1444.06591796875 C 872.9982299804688 1444.971313476562 872.2982177734375 1446.161743164062 871.5001831054688 1446.61328125 L 855.550048828125 1455.653198242188 C 855.1641235351562 1455.871337890625 854.6044311523438 1455.996704101562 854.0154418945312 1455.996704101562 Z' stroke='none'/%3E%3Cpath d='M 854.0154418945312 1454.996704101562 C 854.5048828125 1454.996704101562 854.8754272460938 1454.8857421875 855.056884765625 1454.783203125 L 871.0076293945312 1445.743041992188 C 871.489013671875 1445.470581054688 871.9982299804688 1444.608520507812 871.9982299804688 1444.06591796875 L 871.9982299804688 1425.926391601562 C 871.9982299804688 1425.393798828125 871.48046875 1424.516235351562 871.006103515625 1424.248291015625 L 855.0692138671875 1415.210083007812 C 854.8861694335938 1415.106323242188 854.5156860351562 1414.995483398438 854.0248413085938 1414.995483398438 C 853.5341796875 1414.995483398438 853.1640625 1415.106201171875 852.9802856445312 1415.21044921875 L 837.0167236328125 1424.249145507812 C 836.5326538085938 1424.523071289062 836.0010986328125 1425.401000976562 836.0010986328125 1425.926391601562 L 836.0010986328125 1444.06591796875 C 836.0010986328125 1444.591552734375 836.53173828125 1445.469848632812 837.0139770507812 1445.743408203125 L 852.9734497070312 1454.782348632812 C 853.156494140625 1454.885986328125 853.5264282226562 1454.996704101562 854.0154418945312 1454.996704101562 M 854.0154418945312 1456.996704101562 C 853.281005859375 1456.996704101562 852.5466918945312 1456.8388671875 851.9887084960938 1456.523193359375 L 836.0283203125 1447.483642578125 C 834.9124755859375 1446.850708007812 834.0010986328125 1445.313842773438 834.0010986328125 1444.06591796875 L 834.0010986328125 1425.926391601562 C 834.0010986328125 1424.679443359375 834.9152221679688 1423.140380859375 836.0316772460938 1422.508544921875 L 851.994873046875 1413.470092773438 C 853.11083984375 1412.837158203125 854.938720703125 1412.837280273438 856.0552978515625 1413.470092773438 L 871.99267578125 1422.508544921875 C 873.111083984375 1423.140380859375 873.9982299804688 1424.679443359375 873.9982299804688 1425.926391601562 L 873.9982299804688 1444.06591796875 C 873.9982299804688 1445.313842773438 873.111083984375 1446.850708007812 871.99267578125 1447.483642578125 L 856.0430908203125 1456.523193359375 C 855.4844970703125 1456.8388671875 854.7498779296875 1456.996704101562 854.0154418945312 1456.996704101562 Z' stroke='none' fill='%235d5d5d'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}
.footer-bottom {display:flex;justify-content:center;border-top:1px solid #313034;height:97px;align-items:center;}
.footer-copyright {font-weight:500;font-size:16px;text-align:center;color:#fff;opacity:0.6;}

/* form-screen */
.form-screen {margin-bottom:46px;margin-top:35px;}
.form-screen.reset-pass-page {margin-top:106px;}
.form-screen--wrapper {width:562px;display:flex;background-color:#fff;border-radius:34px;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);margin:0 auto;overflow:hidden;flex-direction:column;}


.form-screen--top {background:#f2f2f3;display:flex;justify-content:center;flex-direction:column;text-align:center;padding:37px 50px 31px 50px;position:relative;}
.form-screen--title {font-weight:bold;font-size:26px;line-height:22px;color:#454545;}
.form-screen--subtitle {font-weight:500;font-size:15px;color:#525659;margin-top:37px;}
.form-screen--subtitle>a {font-weight:600;color:#F0B902;}
.form-screen--subtitle>a.previous-page-button {display:flex;align-items:center;justify-content:center;gap:15px;width:100%;max-width:100%;}
.form-screen-buttons {display:grid;gap:15px;grid-template-columns:repeat(3, 1fr);margin-top:28px;}
.form-screen-buttons li {}
.form-screen-buttons li a {display:flex;gap:11px;align-items:center;justify-content:center;height:44px;border-radius:5px;background:#fff;box-shadow:0px 4px 8px rgba(168, 168, 168, 0.14);}
.form-screen-buttons li a span {font-weight:500;font-size:14px;letter-spacing:-0.01em;color:#454545;display:inline-flex;gap:4px;}
.form-screen-buttons li a:hover span {color:#ffffff;}
.form-screen-buttons li.google a:hover {background-color:#303030;}
.form-screen-buttons li.facebook a:hover {background-color:#1877F2;}
.form-screen-buttons li.facebook a:hover svg path:first-child {fill:#fff;}
.form-screen-buttons li.facebook a:hover svg path:last-child {fill:#1877f2;}
.form-screen-buttons li.linkedin a:hover {background-color:#007BB5;}
.form-screen-buttons li.linkedin a:hover svg circle {fill:#fff;}
.form-screen-buttons li.linkedin a:hover svg g ellipse {fill:#007bb5;}
.form-screen-buttons li.linkedin a:hover svg g rect {fill:#007bb5;}
.form-screen-buttons li.linkedin a:hover svg g path {fill:#007bb5;}
.form-screen--top-separator-text {display:flex;margin-top:auto;justify-content: center;text-align:center;position:absolute;bottom:-5px;width:calc(100% - 100px);color:#8E8E8E;font-size:12px;}
.form-screen--top-separator-text::before {position:absolute;content:"";left:-50px;bottom:5px;width:calc(50% - 29px);height:1px;background-color:#E0E0E0;}
.form-screen--top-separator-text::after {position:absolute;content:"";right:-50px;bottom:5px;width:calc(50% - 29px);height:1px;background-color:#E0E0E0;}

.form-screen--form {padding:45px 67px 40px 67px;display:flex;flex-direction:column;}
.form-screen--form>label {margin-bottom:15px;position:relative;}
.form-screen--form-input {width:100%;height:44px;border-radius:5px;background:#fff;border:1px solid #e3e3e3;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);padding:0 16px;font-weight:500;font-size:14px;color:#525659;font-family:"Inter", sans-serif;outline:none;}
.form-screen--form-input::placeholder {font-weight:500;font-size:14px;color:#525659;font-family:"Inter", sans-serif;}
.form-screen--form-input:focus {border: 1px solid #f0b902;
box-shadow: 0px 2px 5px #f2e4b7;}
.eye-buttons {position:absolute;right:14px;top:12px;display:flex;align-items:center;height:20px;}
.eye-buttons>svg {cursor:pointer;}
.password-eye-on {display:none;}
.eye-buttons.show-password .password-eye-off {display:none;}
.eye-buttons.show-password .password-eye-on {display:flex;}
.form-screen--form-submit {width:100%;height:44px;border-radius:5px;background:#303030;box-shadow:0px 3px 6px rgba(26, 26, 26, 0.25);font-family:"Inter", sans-serif;font-weight:600;font-size:15px;text-align:center;color:#fff;border:none;}
.forgot-password {padding:6px 0;font-weight:500;text-decoration:underline;font-size:14px;display:flex;justify-content:flex-end;color:#8e8e8e;width:100%;}
.forgot-password:hover {color:#F0B902;}

.form-screen--email {display:flex;flex-direction:column;}
.form-screen--form-error-text {font-weight:500;font-size:12px;color:#fc2d2d;margin-bottom:6px;display:none;}
.form-screen--form-input.error {background:rgba(252, 45, 45, 0.06);border:1px solid #fc2d2d;filter:drop-shadow(0px 2px 5px rgba(130, 149, 173, 0.14));}
.form-screen--bottom {background-color:#f2f2f3;padding:0 67px 0 67px;height:80px;display:flex;align-items:center;justify-content:center;border-top:1px solid #e0e0e0;}
.form-screen--bottom-text {font-weight:500;font-size:15px;color:#525659;line-height:1.4;text-align:center;}
.form-screen--bottom-text>a {color:#f0b902;}
.form-screen.reset-pass-page .form-screen--top {border-bottom:1px solid #e0e0e0;}
.form-screen--form-result {display:flex;align-items:center;justify-content:center;height:106px;border-radius:6px;background:#3ab77d;box-shadow:0px 3px 6px rgba(58, 183, 125, 0.4);gap:25px;padding:0 24px;}
.form-screen--form-result>svg {}
.form-screen--form-result>span {font-size:15px;color:#fff;display:flex;text-align:center;line-height:1.4}
.form-screen--form-submit.loading {display:flex;align-items:center;justify-content:center;cursor:pointer;}
.form-screen--form-submit.loading svg {animation: spin 2s linear infinite;}
.loadmore-button.loading svg {animation: spin 2s linear infinite;}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.textual-completion {overflow:hidden;display:flex;flex-wrap:wrap;width:100%;align-items:center;height:44px;border-radius:5px;background:#fff;border:1px solid #e3e3e3;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);display:flex;align-items:center;}
.textual-completion.focus {border:1px solid #f0b902;box-shadow: 0px 2px 5px #f2e4b7;transition:300ms;}
.textual-completion>div {display:flex;flex:1;min-width:0;background-color:#f2f2f3;height:100%;align-items:center;
  justify-content:center;font-weight:400;font-size:14px;color:#525659;border-right:1px solid #e3e3e3;}
.textual-completion input {display:flex;border:none;width:170px;height:100%;padding:0 16px;font-weight:400;font-size:14px;color:#525659;font-family:"Inter", sans-serif;}
.textual-completion input:focus {outline:none;}
.textual-completion input::placeholder {font-weight:400;font-size:14px;color:#525659;font-family:"Inter", sans-serif;}
.checkbox-container {display:flex;align-items:center;font-size:14px;cursor:pointer;user-select:none;color:#525659;font-size:13px;font-weight:500;}
.checkbox-container input {margin-right:8px;width:16px;height:16px;flex:0 0 16px;}
.checkbox-container a {color:#F0B902;text-decoration:none;padding:0 4px;}
.checkbox-container a:hover {text-decoration:underline;}
.contract {min-width:0;flex:1;}

.form-screen--seperator {width:calc(100% + 134px);height:1px;border-bottom:1px dotted #eaeaea;left:-67px}
.form-screen--form-label-title {font-weight:500;font-size:14px;color:#525659;margin-bottom:11px;display:flex;margin-top:2px;}
.form-screen--form-submit.sign-up {margin-top:5px;}

/* headline-mobile */
.headline-mobile {margin-bottom:25px;display:none;}
.headline-mobile-wrapper {}
.headline-mobile-slide {}
.hms-item {border-radius:5px;overflow:hidden;position:relative;}
.hms-item::after {position:absolute;bottom:2px;left:0;right:0;content:"";border-radius:0 0 5px 5px;width:100%;height:calc(100% - 2px);box-shadow:inset 0px -143px 60px -45px rgb(0 0 0 / 72%);}
.hms-item--thumbnail {width:100%;}
.hms-item--thumbnail>img {width:100%;height:100%;object-fit:cover;}
.hms-item--title {position:absolute;z-index:2;bottom:0;left:0;right:0;line-height:26px;font-size:19px;font-weight:600;color:#fff;padding:0 19px 20px 19px;}

.hms-pagination {display:flex;justify-content:center;margin-top:16px;}
.hms-pagination span {width:18px;height:18px;border:5px solid #5C5C5C;border-radius:3px;background-color:transparent;opacity:1;}
.hms-pagination span.swiper-pagination-bullet-active {border:5px solid #F0B902;}

/**/
.widget.empty-widget {height:568px;width:100%;}
.widget.empty-widget .sidebar-forum--items {height:400px;width:100%;}


/**/
.overlay {position:fixed;top:82px;left:0;right:0;width:100%;height:calc(100vh - 82px);background:#000;opacity:0.35;z-index:9;display:none;}
body.overlay-active .overlay {display:flex;}

/* Profile Pages */
.profile-header {min-height:388px;padding-top:220px;display:flex;overflow:hidden;position:relative;flex-direction:column;border-radius:5px 5px;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.profile-header--cover {width:100%;height:220px;border-radius:5px 5px 0 0;overflow:hidden;position:absolute;top:0;left:0;right:0;}
.profile-header--cover>img {width:100%;object-fit:cover;height:100%;}
.profile-header--content {gap:15px;display:flex;flex-wrap:wrap;width:100%;position:relative;z-index:1;background:#fff;height:111px;padding:0 19px;}
.profile-avatar {flex:0 0 154px;width:154px;height:154px;border-radius:22px 0 22px 22px;position:relative;top:-57px;padding:3px;border:3px dashed #f0b902}
.profile-avatar>img {border-radius:22px 0 22px 22px;padding:3px;background-color:#fff;width:100%;height:100%;}
.profile-details {flex:1;min-width:0;justify-content:space-between;display:flex;align-items:center;height:111px;padding-bottom:11px;}
.profile-details--left {display:flex;flex-direction:column;}
.profile-title {font-size:23.88px;color:#444;font-weight:700;margin-bottom:15px;}
.profile-datas {display:flex;align-items:center;}
.profile-datas>li {}
.profile-datas>li>a {font-size:13.93px;color:#878787;}
.profile-datas>li>a:hover {color:#444;}
.profile-datas>li>a>strong {font-weight:700;color:#444;}
.profile-datas>li.profile-username {font-size:13.93px;color:#878787;margin-top:2px;}
.profile-datas>li.profile-follower>a {padding-left:40px;position:relative;}
.profile-datas>li.profile-follower>a::before {position:absolute;content:"";left:18px;top:5px;width:6px;height:6px;border-radius:100%;background-color:#b6b7b9;}
.profile-datas>li.profile-followed>a {padding-left:16px;}
.profile-follow--button {height:34px;border-radius:15px;background:#f0b902;display:flex;align-items:center;padding:0 24px;font-weight:600;font-size:12.91px;color:#fff;}
.profile-follow--button:hover, .profile-follow--button.active {color:#fff;background:#444}
.profile-tabs {background:#fff;border-top:1px solid #e0e0e0;}
.profile-tabs>ul {display:flex;height:55px;padding:0 19px;}
.profile-tabs>ul>li {padding:0 15px;cursor:pointer;height:100%;position:relative;display:flex;align-items:center;font-weight:400;font-size:14px;letter-spacing:-0.01em;color:#878787;}
.profile-tabs>ul>li>span {position:relative;height:100%;display:flex;align-items: center;white-space:nowrap;}
.profile-tabs>ul>li>span.for-desktop {display:flex;}
.profile-tabs>ul>li>span.for-mobile {display:none;}
.profile-tabs>ul>li:hover, .profile-tabs>ul>li.active {color:#000000;}
.profile-tabs>ul>li:first-child {padding:0 15px 0 0;}
.profile-tabs>ul>li>span::after {position:absolute;content:"";bottom:-1px;left:0;opacity:0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0,1);transform:scale(0,1);height:2px;width:100%;border-radius:2px 2px 0px 0px;background:#fff;border:1px solid #000;box-shadow:0px 1px 6px rgba(0, 0, 0, 0.45);}
.profile-tabs>ul>li:hover>span::after, .profile-tabs>ul>li.active>span::after {opacity:1;-webkit-transform:scale(1);transform:scale(1);}

/* profile-steps */
.profile-steps {background-color:#fff;border-radius:5px;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.profile-steps--content {padding:14px 20px 0 20px;}
.overall-percentage {width:100%;height:8px;background:#eef0f3;border-radius:8px;position:relative;overflow:hidden;margin-bottom:8px;}
.overall-percentage>span {position:absolute;left:0;top:0;height:8px;background-color:#3AB77D;border-radius:8px 0 0 8px;}
.overall-percentage--text {display:flex;font-weight:500;font-size:13px;color:#878787;margin-bottom:18px;}
.profile-step--list {border-top:1px solid #E0E0E0;}
.profile-step--list>li {display:flex;align-items:center;border-bottom:1px solid #E0E0E0;justify-content:space-between;padding:15px 0;}
.profile-step--list>li:last-child {border-bottom:none;padding:15px 0 21px 0}
.profile-step--list>li .step-left {display:flex;align-items:center;gap:12px;flex:1;min-width:0;}
.profile-step--list>li .step-icon {background-color:#FBFBFC;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid #DCDCDC;border-radius:100%;}
.profile-step--list>li .step-name {font-weight:400;font-size:14px;color:#878787;}
.profile-step--list>li .step-number {flex:0 0 44px;background-color:#FBFBFC;height:22px;border:1px solid #DCDCDC;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:12.91px;color:#878787;}
.profile-step--list>li.active .step-icon {background-color:#3ab77d;border-color:#3ab77d;}
.profile-step--list>li.active .step-name {color:#3AB77D;text-decoration:line-through;}
.profile-step--list>li.active .step-number {background-color:#3ab77d;border-color:#3ab77d;color:#fff;}

/* badges */
.badges {background-color:#fff;border-radius:5px;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.badges-header {width:100%;height:80px;border-radius: 5px 5px 0px 0px;background:linear-gradient(110deg, #f0b902 0%, #d8313f 100%);}
.badge-level {position:relative;width:78px;height:78px;bottom:-50%;left:50%;transform:translateX(-50%);}
.badge-level>svg {}
.badges-level--text {position:absolute;display:flex;flex-direction:column;top:24px;left:0;right:0;font-family:"Rajdhani", sans-serif;text-align:center;}
.badges-level--title {font-weight:700;font-size:11px;line-height:11px;color:#fff;}
.badges-level--number {font-weight:700;font-size:28px;color:#fff;margin-top:-3px;}
.badges-content {padding:58px 20px 17px 20px;}
.badges-bar {display:flex;flex-direction:column;gap:6px;}
.badges-bar--text {display:flex;justify-content:space-between;}
.badges-bar--text>span {font-size:10px;font-weight:500;color:#848484;}
.badges-bar--text>span>strong {font-size:12px;color:#06BECF;font-weight:700;}
.badges-bar--text>span:last-child>strong {color:#19191A;}
.badges-bar .overall-percentage {background-color:#E8E8EF;}
.badges-bar .overall-percentage>span {background:linear-gradient(to right, #3ab77d 0%, #f0b902 100%);}
.badge-list {display:flex;flex-wrap:wrap;justify-content:space-between;gap:13px 17px;margin-top:11px;}
.badge-list li {}
.badge-stats {display:grid;grid-template-columns:repeat(2, 1fr);}
.badge-stats--block {display:flex;flex-direction:column;justify-content:center;text-align:center;padding-top:26px;}
.badge-main-stats {font-weight:700;font-size:18px;color:#858692;margin-bottom:16px;}
.badge-stats--block:first-child .badge-main-stats {color:#EE9F07;}
.badge-stats--status-text {display:flex;flex-direction: column;align-items: center;justify-content: center;height:40px;gap:7px;margin-bottom:15px;}
.badge-stats--status-title {font-size:12px;font-weight:700;color:#19191A;}
.badge-stats--status-subtext {font-size:10px;color:#848484;font-weight:700;}
.badge-stats--block:first-child .badge-stats--status-text {border-right:1px solid #eaeaf5;}

/* sidebar-users */
.widget.users {background-color:#fff;border-radius:5px;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.sidebar-users {display:flex;flex-direction:column;}
.sidebar-user--item {padding:11.5px 21px;display:flex;flex-wrap:wrap;}
.sidebar-user--item:first-child {padding:10px 21px 11.5px 21px;}
.sidebar-user--item-left {min-width:0;flex:1;display:flex;align-items:center;gap:12px;}
.user-item--avatar {width:38px;height:38px;border-radius:12px;overflow:hidden;}
.user-item--avatar>img {width:100%;height:100%;object-fit:cover;}
.user-item--text {gap:6px;display:block;}
.user-item--name {font-size:13.93px;color:#19191a;font-weight:600;       transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display: inline;
        background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background: -o-linear-gradient(left,currentColor 0,currentColor 100%);
        background: linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size: 0 2px;
        background-position: 0 95%;
        -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding: .1% 0;
        background-repeat: no-repeat}

.user-item--name:hover {background-size:100% 2px;}

.user-item--username {font-size:12px;color:#848484;display:block;padding-top:6px;}
.sidebar-user--item-button {flex:0 0 30px;width:30px;height:30px;border-radius:100%;background-color:#F0B902;display:flex;align-items:center;justify-content:center;}
.sidebar-user--item-button:hover {background-color:#F0B902;}
.sidebar-user--item.follow .sidebar-user--item-button {background-color:#F0B902;}
.sidebar-user--item.unfollow .sidebar-user--item-button {background-color:#DB2944;}
.sidebar-user--item.tracking-sent .sidebar-user--item-button {background-color:#3AB77D;}

/* profile-about-page */
#main.profile-about-page .profile-follow--button {position:absolute;right:15px;top:-49px;background:transparent;backdrop-filter:blur(50px);--webkit-backdrop-filter:blur(50px);background-color:rgba(255, 255, 255, 0.22);}
.profile-badges {display:flex;}
.profile-user--title {margin-right:9px;font-weight:500;font-size: 11.91px;color:#fff;background-color:#43484B;height:24px;border-radius:15px;padding:0 16px;display:flex;align-items:center;}
.profile-user--badge-list {display:flex;gap:5px;}
.profile-user--badge-list>li {}
.profile-user--badge-list>li>img {max-height:24px;}
.other-badge--count {position:relative;margin-left:5px;}
.other-badge--count span {position:absolute;font-size:10.92px;color:#fff;left:50%;top:50%;transform:translate(-50%, -50%);}

/* profile-about */
.profile-about {width:100%;border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.profile-about--content {display:flex;justify-content:space-between;padding:20px 20px;}
.profile-about--meta {display:flex;flex-direction:column;gap:19px;}
.profile-about--meta>li {display:flex;align-items:center;}
.profile-about--meta>li .profile-about--meta-icon {width:34px;}
.profile-about--meta-name {font-weight:400;font-size:14px;color:#878787;width:160px;}
.profile-about--meta-answer {font-weight:400;font-size:14px;color:#444;}
.profile-about--social {display:flex;flex-wrap:wrap;grid-template-columns: repeat(5, 1fr);column-gap:12px;width:268px;}
.profile-about--social li {}
.profile-about--social li a {width:44px;height:50px;border-radius:5px;background:#fff;border:1px solid #dedede;box-shadow:0px 1px 2px rgba(222, 222, 222, 0.59);display:flex;align-items:center;justify-content:center;}
.profile-about--social li.facebook a:hover {background-color:#3577EA;border-color:#3577EA;}
.profile-about--social li.facebook a:hover svg path {fill:#fff;}
.profile-about--social li.twitter a:hover {background-color:#000000;border-color:#000000;}
.profile-about--social li.twitter a:hover svg path {fill:#fff;}
.profile-about--social li.instagram a:hover {background-color:#E03675;border-color:#E03675;}
.profile-about--social li.instagram a:hover svg path {fill:#fff;}
.profile-about--social li.linkedin a:hover {background-color:#3966AD;border-color:#3966AD;}
.profile-about--social li.linkedin a:hover svg path {fill:#fff;}
.profile-about--social li.youtube a:hover {background-color:#DA3932;border-color:#DA3932;}
.profile-about--social li.youtube a:hover svg path {fill:#fff;}
.profile-about--social li.pinterest a:hover {background-color:#BB3430;border-color:#BB3430;}
.profile-about--social li.pinterest a:hover svg path {fill:#fff;}
.profile-about--social li.whatsapp a:hover {background-color:#7DBF6A;border-color:#7DBF6A;}
.profile-about--social li.whatsapp a:hover svg path {fill:#fff;}
.profile-about--social li.dribbble a:hover {background-color:#C23663;border-color:#C23663;}
.profile-about--social li.dribbble a:hover svg path {fill:#fff;}
.profile-about--social li.github a:hover {background-color:#000000;border-color:#000000;}
.profile-about--social li.github a:hover svg path {fill:#fff;}
.profile-about--social li.tiktok a:hover {background-color:#000001;border-color:#000001;}
.profile-about--social li.tiktok a:hover svg path {fill:#fff;}


.profile-bio {width:calc(100% - 40px);border-top:1px dashed #DEDEDE;margin-left:20px;padding:24px 0 51px 0;margin-top:15px;}
.profile-bio>span {font-weight:400;font-size:14px;line-height:22px;color:#444;}

/* profile-followers */
.profile-followers {background-color:#fff;border-radius:5px;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.profile-followers--content {padding:17px 20px 19px 20px;display:flex;flex-wrap:wrap;row-gap:9px;column-gap:11px;}
.profile-follower--item {position:relative;width:40px;height:40px;}
.profile-follower--item>img {width:100%;height:100%;object-fit:cover;border-radius:12px;}
.profile-follower--item>span {position:absolute;
  z-index:1;
  bottom:125%;
  left:50%;
  transform:translateX(-50%);background-color:#43484B;border-radius:5px;
font-weight:500;
font-size:12px;
color:#fff;height:30px;display:flex;align-items:center;padding:0 14px;  opacity: 0;
  transition: opacity 0.3s;}
.profile-follower--item>span::after {position:absolute;content:"";bottom:-6px; left:50%;transform:translateX(-50%);width: 0px;height: 0px;border-style: solid;border-width: 6px 6px 0 6px;border-color: #43484b transparent transparent transparent;}
.profile-page .sidebar {flex:0 0 285px;}
.profile-follower--item:hover span {visibility:visible;opacity:1;}

/* profile-followers--list */
.profile-cards {}
.profile-followers--list {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
.profile-card {background-color:#fff;justify-content:center;overflow:hidden;align-items:center;position:relative;text-align:center;border-radius:5px;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);display:flex;flex-direction:column;}
.profile-card--cover {width:100%;height:70px;border-radius:5px 5px 0 0;overflow:hidden;position:absolute;top:0;left:0;right:0;}
.profile-card--cover>img {width:100%;height:100%;object-fit:cover;}
.profile-card--avatar {margin-bottom:16px;width:64px;height:64px;border-radius:12px;overflow:hidden;margin-top:38px;z-index:1;position:relative;}
.profile-card--avatar>img {width:100%;height:100%;}
.profile-card--name {font-weight:600;font-size: 14px;color:#19191a;margin-bottom:9px;       transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display: inline;
        background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background: -o-linear-gradient(left,currentColor 0,currentColor 100%);
        background: linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size: 0 2px;
        background-position: 0 95%;
        -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding: .1% 0;
        background-repeat: no-repeat}




.profile-card--name:hover {background-size:100% 2px;}



.profile-card--title {font-size:12px;color:#878787;margin-bottom:18px;}
.profile-card--stats {display:flex;justify-content:space-evenly;width:100%;}
.profile-card--stats>li>a {display:flex;flex-direction:column;text-align:center;}
.profile-card--stats>li>a>strong {font-weight:700;font-size:12.94px;color:#19191a;}
.profile-card--stats>li>a>span {font-size:11.94px;color:#878787;}
.profile-card--badges {height:45px;gap:6px;align-items:center;display:flex;background-color:#fbfbfc;border-top:1px solid #eaeaeb;margin-top:15px;width:100%;justify-content:center;}
.profile-card--badges>li>img {max-height:24px;}
.profile-card--badges>li .other-badge--count {margin-left:0;}
.profile-card--badges>li .other-badge--count>svg {width:21.94px;}
.profile-card--badges>li .other-badge--count>span {left:44%;top:55.5%;}

/* badges-list */
.badges-list {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
.badge-card {border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px 20px 25px 20px;}
.badge-card--thumbnail {margin-bottom:20px;}
.badge-card--thumbnail>img {}
.badge-card--title {font-weight:600;font-size:13.93px;color:#19191a;margin-bottom:18px;}
.badge-card--desc {font-size:12px;margin-bottom:20px;line-height:19.9px;color:#878787;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.badge-card--bar {width:100%;height:6px;border-radius:3px;background-color:#E8E8EF;position:relative;margin-bottom:21px;}
.badge-card--bar>span {position:absolute;left:0;top:0;height:6px;background:linear-gradient(to right, #3ab77d 0%, #f0b902 100%);border-radius:2px;}
.badge-card--status {display:flex;align-items:center;gap:10px;}
.badge-card--status>span {font-weight:700;font-size:12px;color:#ee9f07;}
.badge-card--status.won>span {color:#ee9f07;}
.badge-card--status.locked>span {color:#858692;}
.badge-card--point {position:absolute;right:-6px;top:6px;display:flex;align-items:center;justify-content:center;gap:6px;
height:32px;
border-radius:16px;
background:#fff;
box-shadow:3px 5.2px 20px rgba(94, 92, 154, 0.12);padding:0 11px;}
.badge-card--point>span {font-weight:700;font-size:11.99px;color:#3e3f5e;}

/* loadmore-button */
.loadmore-button {width:100%;display:flex;border-radius:5px;align-items:center;justify-content:center;height:48px;background:#fff;filter:drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.1));}
.loadmore-button>span {font-weight:600;font-size:15px;color:#5c5c5c;}
.loadmore-button:hover>span {color:#000;}

/**/
.profile-tab--block {display:flex;flex-direction:column;gap:20px;}

/* category */
#main.page {padding-top:0;}
#main.page::before {display:none;}
.page-headline {position:relative;}
.page-headline::before {position:absolute;content:"";top:0;left:0;right:0;width:100%;height:calc(100% + 42px);background-color:#1a1a1a;z-index:-1}
.page-headline--wrapper {display:flex;flex-direction:column;padding:35px 0 35px 0;}
.page-headline--top {display:flex;align-items:center;gap:23px;margin-bottom:10px;}
.page-headline--title {font-weight:700;font-size:50px;color:#fff;}
.page-follow--button {height:42px;background:#f0b902;padding:0 19px;gap:9px;display:flex;align-items:center;border-radius:5px 5px 20px 5px;}
.page-follow--button>span {font-weight:700;font-size:14px;color:#1a1a1a;}
.page-follow--button>svg {transition:300ms;}
.page-follow--button>svg.follow {display:flex;}
.page-follow--button>svg.unfollow {display:none;}
.page-follow--button.active>svg.follow {display:none;}
.page-follow--button.active>svg.unfollow {display:flex;}
.page-follow--button:hover>svg {transform:rotate(90deg);transition:300ms;}
.page-follow--button:hover>svg>g>circle, .page-follow--button:hover>svg>g>line {stroke:#fff;}
.page-follow--button:hover {background-color:#444}
.page-follow--button.active {background-color:#444}
.page-follow--button:hover>span {color:#fff}
.page-follow--button.active>span {color:#fff}
.page-follow--button.active>svg>g>circle, .page-follow--button.active>svg>g>line {stroke:#fff;}

.page-headline--bottom {}
.page-headline--desc {font-weight:500;font-size:16px;line-height:25px;color:#bfbfbf;}

/* single-headline */
#main.single {padding-top:0;}
#main.single::before {display:none}
.single-headline {position:relative;}
.single-headline::before {position:absolute;content:"";top:0;left:0;right:0;width:100%;height:calc(100% + 162px);background-color:#1a1a1a;z-index:-1;}
.single-headline--wrapper {display:flex;align-items:center;padding:23px 0 22px 0;}
.single-breadcrumb {display:flex;align-items:center;gap:8px;}
.single-breadcrumb>li.primary {font-weight:400;font-size:13px;color:#fff;opacity:0.6;}
.single-breadcrumb>li>a {font-weight:400;font-size:13px;color:#f0b902;}

/* post-details */
.post-details {border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);padding:19px 20px 0 20px;}
.post-title {font-size:32px;line-height:42px;color:#19191a;font-weight:700;margin-bottom:9px;}
.post-summary {font-weight:400;font-size:16px;line-height:25px;color:#525659;margin-bottom:20px;display:flex;}
.post-metas {display:flex;font-family: "Noto Sans Display", sans-serif;margin-bottom:22px;align-items:center;}
.post-metas>li {font-weight:400;font-size:12px;color:#6e6c6c;}
.post-metas>li:nth-child(3) {margin-left:17px;}
.post-metas>li:last-child {margin-left:auto;}
.post-metas>li:first-child {display:none;}
.post-metas>li.single-post--date>.for-desktop{display:flex;}
.post-metas>li.single-post--date>.for-mobile {display:none;}
.post-metas li.single-author--avatar>a {display:flex;align-items:center;gap:10px;font-weight:400;font-size:12px;color:#6e6c6c;}

.post-thumbnail {border-radius:5px;width:100%;height:458px;overflow:hidden;margin-bottom:22px;}
.post-thumbnail>img {width:100%;height:100%;object-fit:cover;border-radius:5px;}
.share-buttons {display:flex;align-items:center;position:relative;}
.meta-actions {display:flex;align-items:center;margin-bottom:18px;justify-content:space-between;}
.mobile-share {display:none;}
.single-social {display:flex;gap:10px;flex-wrap:wrap;}
.single-social>li {}
.single-social>li>a {border-radius:5px;height:36px;display:flex;align-items:center;justify-content:center;width:38px;}
.single-social>li>a {}
.single-social>li>a>svg {}
.single-social>li.facebook>a {background-color:#4685FC;}
.single-social>li.x>a {background-color:#000000;}
.single-social>li.whatsapp>a {background-color:#69B173;}
.single-social>li.telegram>a {background-color:#4394D6;}
.single-social>li.linkedin>a {background-color:#2B649B;}
.google-news {margin-left:10px;}
.google-news>a {background-color:#FFFFFF;border:1px solid #EAEAEB;width:auto;padding:0 15px;border-radius:5px;height:36px;display:flex;align-items:center;justify-content:center;}
.google-news>a:hover {background-color:#F4F4F4;}
.right-actions {display:flex;gap:10px;}
.right-actions>li {}
.right-actions>li>a {position:relative;width:42px;height:36px;border-radius:5px;display:flex;align-items:center;justify-content:center;}
.right-actions>li>a:hover {background-color:#F4F4F4 !important;}
.right-actions>li.single-author--avatar>a {}
.right-actions>li.single-author--avatar>a>img {width:100%;height:100%;object-fit:cover;}
.single-author--avatar-thumbnail {width:36px;height:36px;overflow:hidden;}
.right-actions>li.single-author--avatar>a .single-author--avatar-thumbnail span {position:absolute;
  z-index:1;min-width:150px;text-align:center;
  bottom:125%;
  left:50%;
  transform:translateX(-50%);background-color:#1a1a1a;border-radius:5px;
font-weight:500;
font-size:12px;
color:#fff;height:30px;display:flex;align-items:center;justify-content:center;padding:0 12px;  opacity: 0;visibility: hidden;
  transition: opacity 0.3s;}


.right-actions>li.single-author--avatar>a .single-author--avatar-thumbnail span::after {position:absolute;content:"";bottom:-6px; left:50%;transform:translateX(-50%);width: 0px;height: 0px;border-style: solid;border-width: 6px 6px 0 6px;border-color: #1a1a1a transparent transparent transparent;}

.right-actions>li.single-author--avatar>a:hover .single-author--avatar-thumbnail span {visibility:visible;opacity:1;}


.right-actions>li.numbered-button>a {background:#fff;border:1px solid #eaeaeb;position:relative;}
.right-actions>li.numbered-button>a>span {font-family:"Rajdhani", sans-serif;position:absolute;right:-5px;top:-5px;height:14px;display:flex;align-items:center;padding:0 4px;font-weight:600;font-size:10px;color:#000;border-radius:7px;background-color:#F0B902;}
.right-actions>li.numbered-button.liked>a, .right-actions>li.numbered-button.liked>a:hover {background-color:#1A1A1A !important;}
.right-actions>li.numbered-button.liked>a>svg path {stroke:#fff;}
.right-actions>li.numbered-button.favorited>a, .right-actions>li.numbered-button.favorited>a:hover {background-color:#1A1A1A !important;}
.right-actions>li.numbered-button.favorited>a>svg path {stroke:#fff;}
.right-actions>li.numbered-button.favorite>a>.fav-tooltip {position:absolute;
  z-index:1;min-width:160px;text-align:center;
  bottom:125%;height:auto;
  left:50%;
  transform:translateX(-50%);background-color:#1a1a1a;border-radius:5px;
font-weight:500;
font-size:12px;
color:#fff;height:30px;display:flex;align-items:center;justify-content:center;padding:0 12px;  opacity: 0;visibility: hidden;
  transition: opacity 0.3s;}
.right-actions>li.numbered-button.favorite>a>.fav-tooltip::after {position:absolute;content:"";bottom:-6px; left:50%;transform:translateX(-50%);width: 0px;height: 0px;border-style: solid;border-width: 6px 6px 0 6px;border-color: #1a1a1a transparent transparent transparent;}

.right-actions>li.numbered-button.favorite>a:hover>.fav-tooltip {visibility:visible;opacity:1;}

.single-content {font-weight:400;font-size:17px;line-height:28px;color:#19191a;}
.single-content>p {font-weight:400;font-size:17px;line-height:28px;color:#19191a;margin-bottom:16px;}
.single-content>p>a {color:#4685FC;}
.single-content>p>strong {font-weight:700;}

.single-content>h2, .single-content>h3, .single-content>h4 {font-weight:600;color:#19191a;margin-bottom:9px;position:relative;}
.single-content>h2::before, .single-content>h3::before, .single-content>h4::before {position:absolute;left:-25.5px;content:"";width:11.6px;height:11.6px;border-radius:100%;background-color:#F0B902;}
.single-content>h2 {font-size:28px;line-height:38px;}
.single-content>h2::before {top:14px;}
.single-content>h3 {font-size:24px;line-height:34px;}
.single-content>h3::before {top:11px;}
.single-content>h4 {font-size:20px;line-height:34px;}
.single-content>h4::before {top:11px;}
.single-content>iframe {width:100%;height:460px;border-radius:5px;overflow:hidden;}
.tags {border-top:1px solid #eaeaeb;margin-top:14px;margin-bottom:20px;}
.tags ul {display:flex;flex-wrap:wrap;gap:10px;padding:20px 0 0 0;}
.tags ul>li>a {display:flex;white-space:nowrap;padding:0 16px;align-items:center;font-weight:400;font-size:14px;color:#000;height:36px;border-radius:5px;background:#fff;border:1px solid #eaeaeb;}
.tags ul>li>a:hover {background:#191A1A;border-color:#191A1A;color:#fff;}
.news-suggestion {display:flex;flex-wrap:wrap;margin-bottom:20px;}
.news-suggestion--thumbnail {border-radius:5px 0 0 5px;flex:0 0 247px;height:140px;overflow:hidden;}
.news-suggestion--thumbnail>img {width:100%;height:100%;object-fit:cover;}
.news-suggestion--details {flex:1;min-width:0;background-color:#1a1a1a;gap:11px;padding:0 20px 7px 20px;
  display:flex;flex-direction:column;justify-content:center;border-radius:0 5px 5px 0;}
.news-suggestion--title {color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.news-suggestion--title>span {font-weight:500;font-size:16px;line-height:25px;transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display: inline;
        background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background: -o-linear-gradient(left,currentColor 0,currentColor 100%);
        background: linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size: 0 2px;
        background-position: 0 95%;
        -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding: .1% 0;
        background-repeat: no-repeat}

.news-suggestion--title:hover span {background-size:100% 2px;}


.news-suggestion--button {display:flex;gap:10px;align-items:center;justify-content:center;width:178px;height:40px;border-radius:5px 5px 12px 5px;background:#f0b902;box-shadow:0px 3px 6px rgba(0, 0, 0, 0.29);}
.news-suggestion--button>span {font-weight:500;font-size:14px;color:#000;}
.news-suggestion--button:hover>svg {    animation: horizontal-shaking 0.75s infinite;}

/* related-posts */
.related-posts {border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);padding:19px 20px 17px 20px;}
.main-col--headline {}
.main-col--headline>span {font-weight:600;font-size:18px;color:#19191a;position:relative;}
.main-col--headline>span::before {position:absolute;content:"";width:11.5px;height:11.5px;background-color:#F0B902;left:-26px;top:5px;border-radius:100%;}
.triple-posts {display:grid;grid-template-columns:repeat(3, 1fr);column-gap:21px;row-gap:18px;margin-top:21px;}
.triple-post--item {display:flex;flex-direction:column;}
.triple-post--thumbnail {width:100%;height:146px;border-radius:5px;overflow:hidden;margin-bottom:10px;}
.triple-post--thumbnail>img {width:100%;height:100%;object-fit:cover;}
.triple-post--title {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.triple-post--title>span {font-weight:600;font-size:18px;line-height:26px;color:#19191a;transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display: inline;
        background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background: -o-linear-gradient(left,currentColor 0,currentColor 100%);
        background: linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size: 0 2px;
        background-position: 0 95%;
        -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding: .1% 0;
        background-repeat: no-repeat}

.triple-post--title:hover span {background-size:100% 2px;}

/* main-col--headline-two */
.main-col--headline-two {display:flex;align-items:center;gap:11px;border-bottom:1px solid #eaeaeb;padding-bottom:11px;}
.main-col--headline-two>span {font-weight:600;font-size:18px;color:#19191a;position:relative;}
.main-col--headline-two>span::before {position:absolute;content:"";width:calc(100% + 32px);height:1px;background-color:#f0b902;bottom:-12px;left:-32px;}

/* write-a-comment */
.write-a-comment {border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);padding:21px 20px 23px 20px;}
.comment-form {padding:25px 0 0 0;display:flex;flex-wrap:wrap;gap:20px;}
.comment-form--left {flex:0 0 50px;}
.comment-form--avatar {width:50px;height:50px;border-radius:16px;overflow:hidden;}
.comment-form--avatar>img {width:100%;height:100%;object-fit:cover;}
.comment-form--right {min-width:0;flex:1;}
.comment-form--input {margin-bottom:15px;transition:300ms;padding:0 13px;font-family:"Inter", sans-serif;font-weight:400;
  font-size:14px;color:#7a8085;width:100%;height:48px;border-radius:5px;background:#fff;border:1px solid #e3e3e3;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);}
.comment-form--input::placeholder {font-family:"Inter", sans-serif;font-weight:400;font-size:14px;color:#7a8085;}
.comment-form--input:focus {outline:none;border:1px solid #f0b902;box-shadow: 0px 2px 5px #f2e4b7;transition:300ms;}
.comment-form--textarea {transition:300ms;padding:15px 13px 15px 13px;width:100%;height:140px;
  font-family: "Inter", sans-serif;font-weight:400;line-height:18px;font-size:14px;color:#7a8085;border-radius:5px;background:#fff;border:1px solid #e3e3e3;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);}
.comment-form--textarea::placeholder {font-family:"Inter", sans-serif;font-weight:400;font-size:14px;color:#7a8085;}
.comment-form--textarea:focus {outline:none;border:1px solid #f0b902;box-shadow: 0px 2px 5px #f2e4b7;transition:300ms;}
.comment-form--bottom {display:flex;justify-content:space-between;margin-top:15px;align-items:center;}
.comment-form--bottom .comment-form--submit {margin-left:auto;}
.comment-form--text {font-weight:400;font-size:12px;line-height:20px;color:#7a8085;}
.comment-form--text>span, .comment-form--text>a {color:#c13b2f;}
.comment-form--text>a {transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display: inline;
        background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background: -o-linear-gradient(left,currentColor 0,currentColor 100%);
        background: linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size: 0 1px;
        background-position: 0 100%;
        -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding: .1% 0;
        background-repeat: no-repeat}
.comment-form--text>a:hover {background-size:100% 1px;}
.comment-form--submit {resize:none;appearance: none;border:none;padding:0 20px;height: 48px;
border-radius: 5px;
background: #303030;
box-shadow: 0px 3px 6px rgba(26, 26, 26, 0.25);
  font-family: "Inter", sans-serif;font-weight:500;font-size:14px;color:#fff;}
.comment-form--submit:hover {background:#444;}

/* comments */
.comment-list {border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);padding:21px 20px 23px 20px;}
.comments {padding-top:5px;}
.comment-item {padding-top:20px;display:flex;flex-direction:column;}
.comment-item .comment-form {width:calc(100% - 71px);margin-left:71px;}
.comment-item>.comment-item {width:calc(100% - 71px);margin-left:71px;}
.comment-item--wrapper {display:flex;flex-wrap:wrap;gap:21px;}
.comment-item--avatar {flex:0 0 50px;height:50px;border-radius:16px;overflow:hidden;}
.comment-item--avatar>img {width:100%;height:100%;object-fit:cover;}
.comment-item--details {flex:1;min-width:0;padding-top:2px;}
.comment-item--headline {display:flex;align-items:center;margin-bottom:8px;}
.comment-item--commenter {margin-right:7px;font-weight:500;font-size:14px;color:#5d5d5d;transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display: inline;
        background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background: -o-linear-gradient(left,currentColor 0,currentColor 100%);
        background: linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size: 0 1px;
        background-position: 0 100%;
        -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding: .1% 0;
        background-repeat: no-repeat}

a.comment-item--commenter {color:#19191A}
a.comment-item--commenter:hover {background-size:100% 1px;}


.comment-item--date {font-weight:400;font-size:12px;color:#7a8085;font-family:"Noto Sans Display", sans-serif;margin-left:6px;}
.comment-item--text {font-weight:400;font-size:14px;line-height:22px;color:#19191a;margin-bottom:10px;display:inline-block;}
.comment-item--text>a {font-weight:600;color:#299DED;padding-right:4px;transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display: inline;
        background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background: -o-linear-gradient(left,currentColor 0,currentColor 100%);
        background: linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size: 0 2px;
        background-position: 0 90%;
        -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding: .1% 0;
        background-repeat: no-repeat}
.comment-item--text>a:hover {background-size:100% 1px;}
.comment-item--bottom {display:flex;align-items:center;justify-content:space-between;}
.comment-item--actions {display:flex;align-items:center;}
.comment-item--actions>li {}
.comment-item--actions>li>a {display:flex;align-items:center;font-weight:400;font-size:12px;}
.comment-item--action-icon {display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:100%;margin-left:2px;}
.comment-item--actions>li.like>a {margin-right:7px;}
.comment-item--actions>li.like>a, .comment-item--actions>li.dislike>a {color:#666;gap:3px;}
.comment-item--actions>li.like>a:hover>div, .comment-item--actions>li.dislike>a>div:hover {background-color:#DEDEDE;}
.comment-item--actions>li.reply>a {color:#000;margin-left:20px;}


.comment-item--moderation {font-weight:500;font-style:italic;font-size:12px;color:#c13b2f;}
.comments-load--more {display:flex;align-items:center;justify-content:center;margin-top:21px;}
.comments-load--more>a {display:flex;align-items:center;justify-content:center;min-width:202px;max-width:202px;height:38px;border-radius:4px;background:#fff;border:1px solid #eaeaeb;box-shadow:0px 1px 2px rgba(222, 222, 222, 0.59);font-weight:400;font-size:14px;color:#19191a;}
.comments-load--more>a:hover {background:#f4f4f4;border:1px solid #dedede;}
.comments-load--more.loading>a {background:#f4f4f4;border:1px solid #dedede;}
.comments-load--more.loading>a>svg {animation: spin 2s linear infinite;}

/* account-options */
#main.account-options {padding-top:50px;}
#main.account-options::before {height:205px;}
#main.account-options .sidebar {flex:0 0 340px;position:relative;margin-top:10px;}
#main.account-options .sidebar::before {position:absolute;z-index:-1;content:"";width:calc(100% + 20px);
  height:154px;top:-10px;left:-10px;border-radius:5px;
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23707070FF' stroke-width='4' stroke-dasharray='5%2c5 ' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");

  }
#main.account-options .two-column-layout {gap:35px;}

.account-sidebar {font-family:"Rajdhani", sans-serif;width:100%;border-radius:5px;background:#292929;
  box-shadow:0px 1px 10px rgba(17, 21, 25, 0.73);position:relative;z-index:3;}
.account-sidebar--headline {display:flex;align-items:center;padding:16px 20px 20px 20px;gap:15px;border-bottom:1px solid #333;}
.account-sidebar--avatar {width:62px;height:62px;overflow:hidden;border-radius:14px;flex:0 0 62px;}
.account-sidebar--avatar>img {width:100%;height:100%;object-fit:cover;}
.account-sidebar--avatar-details {display:flex;flex-direction:column;flex:1;min-width:0;gap:11px;margin-top:5px;}
.account-sidebar--name {display:flex;align-items:center;gap:8px;}
.account-sidebar--name span {font-weight:600;font-size:16px;color:#fff;}
.account-sidebar--mail-title {display:flex;justify-content:space-between;}
.account-sidebar--mail {font-weight:600;font-size:14px;color:#858585;}
.account-sidebar--title {padding:0 15px;font-weight:600;font-size:14px;color:#000;height:26px;border-radius:10px;background:#f0b902;display:flex;align-items:center;}

.account-sidebar--beepuan {display:flex;flex-wrap:wrap;border-bottom:1px solid #333;}
.account-sidebar--beepuan-left {flex:0 0 151px;border-right:1px solid #333;padding:19px 20px;display:flex;align-items:center;gap:15px;}
.account-sidebar--beepuan-left--text {display:flex;flex-direction:column;gap:4px;}
.account-sidebar--beepuan-left--text--number {font-weight:500;font-size:14px;color:#fff;}
.account-sidebar--beepuan-left--text--type {font-weight:600;font-size:16px;color:#fff;}
.account-sidebar--beepuan-right {min-width:0;flex:1;padding:19px 20px;display:flex;align-items:center;gap:15px;}
.account-sidebar--beepuan-right--icon {flex:0 0 20px;}
.account-sidebar--beepuan-right--details {display:flex;flex-direction:column;flex:1;min-width:0;}
.account-sidebar--beepuan-right--text {display:flex;justify-content:space-between;align-items:center;}
.account-sidebar--beepuan-right--other-step {font-weight:500;font-size:14px;color:#fff;}
.account-sidebar--beepuan-right--target {font-weight:500;font-size:14px;color:#fff;}
.account-sidebar--beepuan-right--bar {width:100%;height:4px;border-radius:2px;background:#191919;margin-top:12px;overflow:hidden;}
.account-sidebar--beepuan-right--bar-stage {height:100%;border-radius:2px;background:linear-gradient(to right, #3ab77d 0%, #f0b902 100%);display:flex;}

.account-sidebar--nav {}
.account-sidebar--nav>li {position:relative;}
.account-sidebar--nav>li.current-page {display:none;}
.account-sidebar--nav>li>a {padding:15px 20px 15px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:11px;position:relative;border-bottom:1px solid #333;}
.account-sidebar--nav>li:last-child>a {border-bottom:none;}
.account-sidebar--nav>li>a:hover {background-color:#1A1A1A;}
.account-sidebar--nav>li>a>.account-sidebar--nav-icon {flex:0 0 21px;height:21px;}
.account-sidebar--nav>li>a svg {color:#fff;}
.account-sidebar--nav>li>a:hover svg {color:#F0B902;}
.account-sidebar--nav>li>a span.account-sidebar--nav-text {font-weight:500;font-size:16px;color:#fff;flex:1;min-width:0;}
.account-sidebar--nav>li:hover svg {color:#F0B902;}
.account-sidebar--nav>li:hover span.account-sidebar--nav-text {color:#F0B902;}
.account-sidebar--nav--count {position:absolute;right:20px;top:50%;transform:translateY(-50%);font-weight:600;font-size:10px;color:#000;background-color:#F0B902;border-radius:30px;padding:2px 5px;}
.account-sidebar--nav>li.has-child-menu:hover>ul {z-index:9;opacity:1;-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);visibility:visible;transition:.3s;}

.account-sidebar--nav>li>ul {background-color:#1A1A1A;border-bottom:1px solid #333;padding:0 0;opacity:0;height:0;}
.account-sidebar--nav>li.has-child--nav.active>ul {opacity:1;height:auto;padding:4px 0 6px 0;}

.account-sidebar--nav>li>ul>li {}
.account-sidebar--nav>li>ul>li>a {display:flex;padding:0 20px 15px 72px;font-weight:500;font-size:16px;color:#fff;position:relative;}
.account-sidebar--nav>li>ul>li>a:hover {color:#F0B902;}
.account-sidebar--nav>li>ul>li>a:hover::before {background-color:#F0B902;}
.account-sidebar--nav>li>ul>li>a::before {position:absolute;left:51px;top:3px;content:"";width:8px;height:8px;border-radius:100%;background-color:#fff}
.account-sidebar--nav>li>ul>li.active>a {color:#F0B902;}
.account-sidebar--nav>li>ul>li.active>a::before {background-color:#F0B902;}
.account-sidebar--nav>li>ul>li.active>a::after {position:absolute;right:0;top:-4px;content:"";width:3px;height:21px;border-radius:3px 0px 0px 3px;background:#f0b902;box-shadow:0px 1px 6px #f0b902;}
.account-sidebar--nav>li.has-child--nav.active>a>span.account-sidebar--nav-text {color:#fff;}
.account-sidebar--nav>li.has-child--nav.active>a>.account-sidebar--nav-icon>svg {color:#fff;}


.account-sidebar--nav>li.has-child--nav.active .account-sidebar--nav-arrow {transform:rotate(180deg);transition:300ms;}
.account-sidebar--nav>li.has-child--nav.active>a {border-bottom:none;}
.account-sidebar--nav>li.has-child--nav.active>a::after {display:none;}


.account-sidebar--nav>li.active>a {background-color:#1A1A1A;position:relative;}
.account-sidebar--nav>li.active>a svg {color:#F0B902;}
.account-sidebar--nav>li.active>a span.account-sidebar--nav-text {color:#F0B902;}
.account-sidebar--nav>li.active>a::after {position:absolute;right:0;top:15px;content:"";width:3px;height:21px;border-radius:3px 0px 0px 3px;background:#f0b902;box-shadow:0px 1px 6px #f0b902;}
.account-sidebar--nav>li:last-child>a {border-radius:0 0 5px 5px;}
.account-sidebar--nav-text--badge {font-weight:600;padding:0 12px;font-size:12px;text-align:left;display:flex;align-items:center;color:#fff;height:28px;border-radius:5px;background:#d35c27;}


/* account-block */
.account-block {display:flex;flex-direction:column;border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.account-block--headline {background-color:#F2F2F3;display:flex;align-items:center;border-radius:5px 5px 0 0;height:65px;padding:0 20px;}
.account-block--headline-title {position:relative;font-weight:700;font-size:18px;color:#19191a;}
.account-block--headline-title::before {position:absolute;content:"";width:11.5px;height:11.5px;background-color:#F0B902;border-radius:100%;left:-25px;top:4px;}
.account-block--content {padding:30px 30px;display:flex;flex-direction:column;gap:30px;}
.account-form {display:flex;flex-direction:column;}
.account-form--item {display:flex;flex-direction:column;margin-bottom:22px;}
.account-form--item.account-form--cover-upload--buttons {justify-content:space-between;flex-direction:row;}
.account-form--item.right-aligned {justify-content:flex-end;flex-direction:row;}
.account-form--item:last-child {margin-bottom:0;}
.account-form--item-title {font-weight:600;font-size:14px;color:#19191a;margin-bottom:11px;}
.account-form--item-title .required {color:#B92626;}
.account-form--item .textual-completion>div {flex:0 0 200px;justify-content:flex-start;padding:0 15px;}
.account-form--item .textual-completion>input {flex:1;min-width:0;}
.account-form--submit {border:none;height:48px;border-radius:5px;width:88px;min-width:88px;
  background:#303030;box-shadow:0px 3px 6px rgba(26, 26, 26, 0.25);font-family:"Inter", sans-serif;font-weight:500;
  font-size:14px;color:#fff;position:relative;}
.some-wide .account-form--submit {width:auto;padding:0 19px;}
.account-form--submit.loading svg {animation:spin 2s linear infinite;}
.account-form--submit:hover {background:#444;}
.account-block.basic-information .account-form--submit {pointer-events:none;background-color:#e5e5e7;color:#b6b7b9;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);}
.account-block.basic-information .account-form--submit.active {pointer-events:all;background-color:#303030;box-shadow:0px 3px 6px rgba(26, 26, 26, 0.25);color:#fff;}
.account-block.biography .account-form--submit {pointer-events:none;background-color:#e5e5e7;color:#b6b7b9;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);}
.account-block.biography .account-form--submit.active {pointer-events:all;background-color:#303030;box-shadow:0px 3px 6px rgba(26, 26, 26, 0.25);color:#fff;}
.account-block.social-media .account-form--submit {pointer-events:none;background-color:#e5e5e7;color:#b6b7b9;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);}
.account-block.social-media .account-form--submit.active {pointer-events:all;background-color:#303030;box-shadow:0px 3px 6px rgba(26, 26, 26, 0.25);color:#fff;}
.account-form.cover-photo .account-form--submit {pointer-events:none;background-color:#e5e5e7;color:#b6b7b9;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);}
.account-form.cover-photo .account-form--submit.active {pointer-events:all;background-color:#303030;box-shadow:0px 3px 6px rgba(26, 26, 26, 0.25);color:#fff;}
.e-mail-subscriptions .account-form--submit {pointer-events:none;background-color:#e5e5e7;color:#b6b7b9;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);}
.e-mail-subscriptions .account-form--submit.active {pointer-events:all;background-color:#303030;box-shadow:0px 3px 6px rgba(26, 26, 26, 0.25);color:#fff;}
.account-my-options .account-form--submit {pointer-events:none;background-color:#e5e5e7;color:#b6b7b9;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);}
.account-my-options .account-form--submit.active {pointer-events:all;background-color:#303030;box-shadow:0px 3px 6px rgba(26, 26, 26, 0.25);color:#fff;}
.notifications .account-form--submit {pointer-events:none;background-color:#e5e5e7;color:#b6b7b9;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);}
.notifications .account-form--submit.active {pointer-events:all;background-color:#303030;box-shadow:0px 3px 6px rgba(26, 26, 26, 0.25);color:#fff;}
.write-news .account-form--submit {pointer-events:none;background-color:#e5e5e7;color:#b6b7b9;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);}
.write-news .account-form--submit.active {pointer-events:all;background-color:#303030;box-shadow:0px 3px 6px rgba(26, 26, 26, 0.25);color:#fff;}
.ask-question .account-form--submit {pointer-events:none;background-color:#e5e5e7;color:#b6b7b9;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);}
.ask-question .account-form--submit.active {pointer-events:all;background-color:#303030;box-shadow:0px 3px 6px rgba(26, 26, 26, 0.25);color:#fff;}
.ask-question .account-form--submit:hover {background-color:#444;}
.contact .account-form--submit {pointer-events:none;background-color:#e5e5e7;color:#b6b7b9;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);}
.contact .account-form--submit.active {pointer-events:all;background-color:#303030;box-shadow:0px 3px 6px rgba(26, 26, 26, 0.25);color:#fff;}
.contact .account-form--submit:hover {background-color:#444;}


.account-form--clear-button {max-width:200px;width:200px;height:48px;border-radius:5px;background:#cd2640;border:none;
  box-shadow:0px 3px 6px rgba(205, 38, 64, 0.25);font-family:"Inter", sans-serif;font-weight:500;font-size:14px;color:#fff;}
.account-form--clear-button::placeholder {font-family:"Inter", sans-serif;font-weight:500;font-size:14px;color:#fff;}
.account-form--clear-button:hover {background:#dc203d;}
.account-form--textarea {transition:300ms;padding:17px 15px;font-family:"Inter", sans-serif;font-weight:400;font-size:14px;color:#525659;height:100px;border-radius:5px;background:#fff;border:1px solid #e3e3e3;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);}
.account-form--textarea::placeholder {font-family:"Inter", sans-serif;font-weight:400;font-size:14px;color:#525659;}
.account-form--textarea:focus {outline:none;border:1px solid #f0b902;box-shadow: 0px 2px 5px #f2e4b7;transition:300ms;}
.account-form--cover-upload {position:relative;cursor:pointer;padding:26px 8px 8px 8px;border-radius:5px;background:#f2f2f3;border:2px dashed #707070;display:flex;align-items:center;flex-direction:column;}
.account-form--cover-upload>svg {margin-bottom:12px;}
.account-form--cover-upload--text {font-weight:700;line-height:1.3;font-size:18px;color:#303030;text-align:center;margin-bottom:32px;}
.account-form--cover-upload--notice {padding:14px 20px 14px 20px;align-items:center;border-radius:5px;background:#303030;display:flex;flex-wrap:wrap;gap:8px;width:100%;}
.account-form--cover-upload--notice-icon {flex:0 0 16px;display:flex;align-items:center;}
.account-form--cover-upload--notice-text {min-width:0;flex:1;font-weight:400;font-size:13px;color:#fff;}
.upload-corners {inset:0;position:absolute;transition-duration:300ms;}
.account-form--cover-upload.dragover .upload-corners>div {opacity:1;}
.upload-corners>div {width:20px;height:20px;border-style:solid;border-color:#777777;opacity:0;position:absolute;}
.upload-corner--top-left {left:0;top:0;border-left:1px;border-top:1px;border-top-left-radius:3px;transition-duration:300ms;}
.account-form--cover-upload.dragover .upload-corner--top-left {left:20px;top:20px;}
.upload-corner--top-right {right:0;top:0;border-right:1px;border-top:1px;border-top-right-radius:3px;transition-duration:300ms;}
.account-form--cover-upload.dragover .upload-corner--top-right {right:20px;top:20px;}

.account-form--notice {display:flex;gap:8px;align-items:center;border-radius:6px;background:#fbfaf5;border:1px solid #ee7b30;padding:18px 20px;}
.account-form--notice>span {min-width:0;flex:1;font-weight:400;font-size:13px;color:#ee7b30;}
.account-form--notice>svg {flex:0 0 16px;}
.account-form--item.image-select--wrapper {display:grid;grid-template-columns:repeat(2, 1fr);gap:17px;}
.image-select--item {border-radius:5px;height:90px;cursor:pointer;position:relative;box-sizing:border-box;}
.image-select--item>label {cursor:pointer;height:100%;width:100%;border-radius:5px;overflow:hidden;}
.image-select--item>label>img {height:100%;object-fit:cover;width:100%;}
.image-select--item input[type="radio"] { appearance: none;display:none;}
.image-select--item input[type="radio"]:checked + label {border:5px solid #F0B902;}
.image-select--item input[type="radio"]:checked + label .image-select--item-radio--active-icon {display:flex;}
.image-select--item-radio--active-icon {display:none;width:28px;height:28px;background-color:#F0B902;position:absolute;left:0;top:0;align-items:center;justify-content:center;border-radius:5px 0 5px 0;}

.account-form.two-block {display:flex;flex-wrap:wrap;flex-direction:row;gap:55px;}
.account-form--left {display:flex;flex-direction:column;min-width:0;flex:1;}

.account-form--text-input {transition:300ms;padding:0 15px;font-family:"Inter", sans-serif;font-weight:400;font-size:14px;color:#525659;height:48px;border-radius:5px;background:#fff;border:1px solid #e3e3e3;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);}
.account-form--text-input::placeholder {font-family:"Inter", sans-serif;font-weight:400;font-size:14px;color:#525659;}
.account-form--text-input:focus {outline:none;border:1px solid #f0b902;box-shadow: 0px 2px 5px #f2e4b7;transition:300ms;}
.account-form-selects {display:flex;gap:20px;}
.account-form--select {position:relative;width:100%; min-width: 125px;}
.account-form--select>span {position:absolute;right:15px;top:15px;}
.account-form--select select::-ms-expand {display:none;}
.account-form--select select {line-height:1.4;width:100%;cursor:pointer;-webkit-appearance: none;moz-appearance: none;
  font-family:"Inter", sans-serif;font-weight:400;font-size:14px;color:#525659;height:48px;padding:0 15px;border-radius:5px;background:#fff;border:1px solid #e3e3e3;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);}
.date-of-birth .account-form--select:first-child {width:80px;}
.date-of-birth .account-form--select:nth-child(2) {width:164px;}
.account-form--select select:focus {outline:none;}
.account-form--right {flex:0 0 227px;display:flex;flex-direction:column;align-items:center;gap:25px;}
.account-form--avatar-upload {width:154px;height:154px;border-radius:22px;padding:6px;border:3px dashed #f0b902;cursor:pointer;}
.account-form--avatar-upload>img {width:100%;height:100%;border-radius:18px;}
.account-form--avatar-upload--button {cursor:pointer;display:flex;align-items:center;gap:12px;width:100%;height:48px;justify-content:center;border-radius:5px;background:#303030;filter:drop-shadow(0px 3px 6px rgba(26, 26, 26, 0.25));}
.account-form--avatar-upload--button>span {font-weight:500;font-size:14px;color:#fff;}
.account-form--avatar-upload--button:hover {background-color:#444;}
.multi-input-wrapper {transition:300ms;height:auto;gap:12px;min-height:48px;border-radius:5px;padding:7px 7px;display:flex;flex-wrap:wrap;background:#fff;border:1px solid #e3e3e3;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);}
.multi-input-wrapper.focus {border:1px solid #f0b902;box-shadow:0px 2px 5px #f2e4b7;transition:300ms;}
.multi-input--items {display:flex;align-items:center;gap:7px;}
.multi-input--items>li {position:relative;padding:0 15px;display:flex;align-items:center;background-color:#303030;border-radius:5px;height:32px;filter:drop-shadow(0px 1px 2px rgba(222, 222, 222, 0.59));}
.multi-input--items>li>span {font-weight:500;font-size:12px;color:#fff;}
.multi-input--items>li>.multi-input--item-remove {cursor:pointer;position:absolute;right:-5px;top:-6px;width:17px;height:17px;border-radius:100%;background-color:#db2944;display:flex;align-items:center;justify-content:center;}
.multi-input--items-input {width:auto;flex:1;border:none;font-family:"Inter", sans-serif;font-weight:500;font-size:14px;color:#525659;}
.multi-input--items-input::placeholder {font-family:"Inter", sans-serif;font-weight:500;font-size:14px;color:#525659;}
.multi-input--items-input:focus {outline:none;}
.account-form--notice-two {font-weight:400;font-size:12px;color:#848484;margin-top:12px;}
.account-form--notice-two .important {color:#B92626;}
.account-form--notice-two .underlined {text-decoration:underline;}
.rich-editor {}
.trumbowyg-button-pane {background:#F2F2F3;}
.account-block--result {display:flex;flex-direction:column;align-items: center; padding-top: 30px; padding-bottom: 30px;}
.account-block--result>img {max-height:140px;margin-bottom:19px;max-width:100%;}
.account-block--result-text {font-weight:400;font-size:14px;line-height:22px;text-align:center;color:#19191a;}
.account-block--result-button {margin-top:18px;display:flex;align-items:center;justify-content:center;gap:11px;width:169px;height:48px;border-radius:5px;background:#303030;box-shadow:0px 3px 6px rgba(26, 26, 26, 0.25);}
.account-block--result-button:hover {background-color:#444;}
.account-block--result-button>span {font-weight:500;font-size:14px;color:#fff;}
.trumbowyg-box {border-radius:5px;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);}
.trumbowyg-button-pane {border-radius:5px 5px 0 0;}
.trumbowyg-editor>p {    font-family: "Inter", sans-serif;font-weight: 400;font-size: 14px;color: #525659;}

/* invitation-code */
.invitation-code {background-color:#292929;border-radius:5px;display:flex;flex-direction:column;padding:27px 20px 28px 20px;
    box-shadow: 0px 1px 10px rgba(17, 21, 25, 0.73);position:relative;}
.invitation-code::after {position:absolute;content:"";top:0;left:0;right:0;z-index:1;width:100%;height:100%;
  background:url(../assets/images/invitation-code--shape.png)no-repeat center center;opacity:0.18;}
.invitation-code--title {font-weight:700;font-size:18px;color:#fff;margin-bottom:10px;position:relative;z-index:2;}
.invitation-code--title::before {position:absolute;content:"";width:11.5px;height:11.5px;left:-25px;top:3px;background-color:#F0B902;border-radius:100%;}
.invitation-code--desc {font-weight:400;font-size:14px;line-height:20px;color:#acacac;margin-bottom:18px;position:relative;z-index:2;}
.invitation-code--copy {position:relative;z-index:2;cursor:pointer;display:flex;padding:0 15px;align-items:center;justify-content:space-between;width:100%;height:49px;border-radius:5px;background:#1a1a1a;border:1px solid #383838;}
.invitation-code--copy>span {font-weight:500;font-size:12px;color:#f0b902;}

/* notifications-page */
.account-block.notifications .account-block--content {gap:0;}
.account-not--filters {display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #E3E3E3;padding-bottom:20px;}
.account-not--filters-left {display:flex;align-items:center;gap:20px;}
.custom-checkbox {display:inline-flex;align-items:center;cursor:pointer;user-select:none;font-family:sans-serif;font-size:16px;gap:10px;}
.custom-checkbox input {display:none;}
.custom-checkbox .checkmark {width:18px;height:18px;border-radius:3px;background:#fff;border:1px solid #dedede;box-shadow:0px 1px 2px rgba(222, 222, 222, 0.59);position:relative;transition:all 0.2s ease;}
.custom-checkbox input:checked + .checkmark {background-color:#3AB77D;border-color:#3AB77D;}
.custom-checkbox .checkmark::after {content: "";position: absolute;left:4px;top: 4px;width:9px;height:7px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6.738' viewBox='0 0 9 6.738'%3E%3Cpath id='check' d='M3.3,11.338a.976.976,0,0,1-.7-.3L.439,8.814l.826-.849,2.039,2.1L8.613,4.6l.826.849L4,11.04A.976.976,0,0,1,3.3,11.338Z' transform='translate(-0.439 -4.6)' fill='%23fff'/%3E%3C/svg%3E%0A");}
.custom-checkbox input:checked + .checkmark::after {display:block;}
.account-not--tab-header {display:flex;align-items:center;}
.account-not--tab-header>li {cursor:pointer;}
.account-not--tab-header>li>span {display:flex;align-items:center;font-weight:500;font-size:14px;color:#525659;padding:0 20px;height:48px;border-radius:5px;}
.account-not--tab-header>li:last-child>span {padding:0 0 0 20px;}
.account-not--tab-header>li:last-child.active>span {padding:0 20px 0 20px;}
.account-not--tab-header>li.active>span {background:#f2f2f3;border:1px solid #dedede;box-shadow:0px 1px 2px rgba(222, 222, 222, 0.59);}
.account-notification-list {display:flex;flex-direction:column;}
.account-not--item {display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #E3E3E3;padding:15px 0;}
.account-not--item.new-post .account-not--item-thumbnail {background-color:#D8D8D8;}
.account-not--item.comment-approved .account-not--item-thumbnail {background-color:#F0B902;}
.account-not--item.your-post-published .account-not--item-thumbnail {background-color:#3AB77D;}
.account-not--item.your-post-published .account-not--item-title>strong {color:#3AB77D;}
.account-not--item.your-post-not-published .account-not--item-thumbnail {background-color:#CD2640;}
.account-not--item.new-badge .account-not--item-title>strong {color:#3AB77D;}
.account-not--item.new-badge .account-not--item-title>b {font-weight:600;}

.account-not--item-left {display:flex;align-items:center;gap:20px;}
.account-not--item-details {display:flex;align-items:center;flex-wrap:wrap;gap:15px;}
.account-not--item-thumbnail {flex:0 0 44px;width:44px;height:44px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.account-not--item-thumbnail>img {width:100%;height:100%;}
.account-not--item-texts {display:flex;flex-direction:column;min-width:0;flex:1;gap:10px;}
.account-not--item-title {font-weight:500;font-size:14px;color:#19191a;}
.account-not--item-title>strong {font-weight:600;}
.account-not--item-title>a {font-weight:600;color:#19191a;text-decoration:underline;}
.account-not--item-date {font-weight:500;font-size:12px;color:#7a8085;}

.account-not--item-right {display:flex;align-items:center;}
.account-not--action-buttons {display:flex;align-items:center;}
.account-not--action-buttons>li {}
.account-not--action-buttons>li a.hide {display:none;}
.account-not--action-buttons>li.toggle a.hide {display:flex;}
.account-not--action-buttons>li.toggle a.show {display:none;}
.account-not--action-buttons>li>a {position:relative;padding:8px 8px;display:flex;align-items:center;}
.account-not--action-buttons>li>a>span {}

.account-not--action-buttons>li:first-child>a>span {min-width:114px;}
.account-not--action-buttons>li>a>span {position:absolute;z-index:1;min-width:44px;text-align:center;bottom:125%;height:auto;left:50%;transform:translateX(-50%);background-color:#000000;border-radius:5px;font-weight:500;font-size:12px;color:#fff;height:29px;display:flex;align-items:center;justify-content:center;padding:0 12px;opacity:0;visibility:hidden;transition:opacity 0.3s;}
.account-not--action-buttons>li>a>span::after {position:absolute;content:"";bottom:-5px;left:50%;transform:translateX(-50%);width:0px;height:0px;border-style: solid;border-width:5px 5px 0 5px;border-color: #000 transparent transparent transparent;}

.account-not--action-buttons>li>a:hover>span {visibility:visible;opacity:1;}
.account-not--request-buttons {display:flex;align-items:center;gap:10px;}
.account-not--request-buttons>li>a {width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px;}
.account-not--request-buttons>li>a:hover {opacity:0.9;}
.account-not--request-buttons>li:first-child>a {background-color:#CD2640;}
.account-not--request-buttons>li:last-child>a {background-color:#3AB77D;}

/* subscription-block */
.subscription-block {display:flex;align-items:center;justify-content:space-between;gap:16px;}
.subscription-block--texts {display:flex;flex-direction:column;gap:10px;flex:1;min-width:0;}
.subscription-block--title {font-weight:600;font-size:14px;color:#19191a;}
.subscription-block--desc {font-weight:400;font-size:12px;color:#7a8085;}
.custom-switch {position:relative;display:inline-block;width:40px;height:22px;flex:0 0 40px;}
.custom-switch input {opacity:0;width:0;height:0;}
.switch-slider {position:absolute;cursor:pointer;background-color:#E8E8ED;border-radius:999px;top:0;left:0;right:0;bottom:0;transition:0.3s;}
.switch-slider::before {content:"";position:absolute;height:20px;width:20px;left:1px;top:1px;background-color:white;border-radius:50%;filter:drop-shadow(0px 1px 1px rgba(17, 21, 25, 0.3));transition:0.3s;}
.custom-switch input:checked + .switch-slider {background-color:#BDE2D1;}
.custom-switch input:checked + .switch-slider::before {background-color:#3AB77D;transform:translateX(18px);filter:drop-shadow(0px 1px 1px rgba(30, 92, 63, 0.3));}

.checkbox-cat--buttons {
  display: flex;
  flex-wrap: wrap;
  gap:10px;
  border-bottom:1px solid #E3E3E3;padding-bottom:25px;
}

.checkbox-btn {
  cursor:pointer;
}
.checkbox-btn:hover span {  background-color: #3bb77e;
  color:white;
  border-color:#3bb77e;}
.checkbox-btn span {
font-weight:400;
font-size: 14px;
color: #525659;
height:40px;display:flex;align-items:center;
border-radius: 5px;
background: #fff;
border: 1px solid #dedede;
box-shadow: 0px 1px 2px rgba(222, 222, 222, 0.59);padding:0 15px;
}

.checkbox-btn input {
  display: none;
}

.checkbox-btn input:checked + span {
  background-color: #3bb77e;
  color: white;
  border-color: #3bb77e;
  position: relative;
}

.checkbox-btn input:checked + span::after {
content: "";
    position: absolute;
   
    right:5px;
    top: 5px;
    width:9px;
    height:7px;
  
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6.738' viewBox='0 0 9 6.738'%3E%3Cpath id='check' d='M3.3,11.338a.976.976,0,0,1-.7-.3L.439,8.814l.826-.849,2.039,2.1L8.613,4.6l.826.849L4,11.04A.976.976,0,0,1,3.3,11.338Z' transform='translate(-0.439 -4.6)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.account-form--password {width:100%;display:flex;position:relative;}
.account-form--password>input {width:100%;}
.account-form--password>ul {display:flex;position:absolute;right:13px;top:50%;height:100%;transform:translateY(-50%);}
.account-form--password>ul>li {cursor:pointer;display:flex;align-items:center;}
.account-form--password>ul>li.showing {display:none;}
.account-form--password>ul>li.hiding {display:flex;}
.account-form--password.toggle>ul>li.showing {display:flex;}
.account-form--password.toggle>ul>li.hiding {display:none;}
.current-mail--address {display:flex;align-items:center;padding:0 16px;width:100%;height:48px;border-radius:5px;background:#ebebeb;border:1px solid #e3e3e3;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);font-weight:500;font-size:14px;color:#525659;}

/* account-my-news */
#main.account-my-news .account-block--content {padding:0 0;}
.custom-table--wrapper {
  max-width: 100%;
  overflow-x: auto;
}


.custom-table {
  width: 100%;    
  border-collapse: collapse;
}


.custom-table thead th {text-align:left;padding:32px 0 21px 0;font-size:14px;font-weight:500;white-space:nowrap;color:#19191A;background-color:#FFFFFF;}
.custom-table thead th:first-child {padding-left:30px;}
.custom-table thead th:last-child {padding-right:30px;text-align:right;}
.custom-table.my-comments thead th:last-child {text-align:center;padding-right:0}
.activities .custom-table thead th:last-child {text-align:right;}
.custom-table td {padding:20px 0;vertical-align:middle;border-top:1px solid #eee;}
.custom-table tr:nth-child(odd) {background-color:#F8F8F8;}
.custom-table td.table-img {width:146px;}
.custom-table td.table-text {font-weight:400;font-size:12px;color:#525659;}
.custom-table td:first-child {padding-left:30px;}
.custom-table td:last-child {padding-right:30px;text-align:right;}
.custom-table td a .table-report {float:right;width:26px;height:26px;background-color:#1A1A1A;border-radius:5px;display:flex;align-items:center;justify-content:center;}
.custom-table td a .table-report:hover {background-color:#F0B902;}
.custom-table td a .comment-button {width:107px;height:26px;background-color:#1A1A1A;border-radius:5px;display:flex;align-items:center;justify-content:center;padding:0 12px;gap:8px;}
.custom-table td a .comment-button>span {font-weight:400;font-size:12px;color:#fff;}
.custom-table td a .comment-button:hover {background-color:#F0B902;}
.custom-table td a .dislike-button {float:right;height:34px;background-color:#1A1A1A;border-radius:5px;display:flex;align-items:center;justify-content:center;padding:0 12px;gap:8px;}
.custom-table td a .dislike-button>span {font-weight:400;font-size:12px;color:#fff;}
.custom-table td a .dislike-button:hover {background-color:#F0B902;}
.custom-table td .table-activity {display:inline-flex;height:26px;border-radius:5px;align-items:center;justify-content:center;gap:10px;padding:0 12px;}
.custom-table td.reading-the-news .table-activity {background-color:#2673CD;}
.custom-table td.member-login .table-activity {background-color:#8026CD;}
.custom-table td.comment .table-activity {background-color:#26A5B5;}
.custom-table td.news-writing .table-activity {background-color:#ED9911;}
.custom-table td.user-invitation .table-activity {background-color:#D36100;}
.custom-table td.ask-questions .table-activity {background-color:#375CD6;}
.custom-table td .table-activity>span {font-weight:400;font-size:12px;color:#fff;}
.custom-table.my-likes .table-title {width:190px;}
.custom-table.my-favorites .table-title {width:190px;}
.custom-table.my-comments .table-title {width:190px;}
.custom-table.my-comments tr td:nth-child(3) {padding-right:34px;}
.custom-table.my-comments tr td:nth-child(4) {padding-right:34px;}
.custom-table.my-comments thead th:last-child {text-align:left;}
.custom-table.my-news tr td:nth-child(4) {padding-left:20px;}
.custom-table.my-news thead th:nth-child(4) {padding-left:20px;}
.custom-table.my-news tr td:nth-child(5) {padding-right:20px;}
.custom-table.my-news thead th:nth-child(5) {padding-right:20px;}
.custom-table.my-news .table-title {width:190px;}

.custom-table.bp-activities thead th:last-child {text-align:left;padding-left:30px;}
.custom-table.bp-activities .table-title {padding-left:30px;text-align:left;width:380px !important;}
.custom-table.bp-activities tr td:nth-child(2) {padding-left:30px;}
.custom-table.bp-activities thead th:nth-child(2) {padding-left:30px;}
.custom-table.bp-activities tr td:nth-child(3) {padding-left:20px;}
.custom-table.bp-activities thead th:nth-child(3) {padding-left:20px;}
.custom-table.bp-activities .table-title {-webkit-line-clamp:1;}




.activities .custom-table .table-title {width:auto;}
.activities .custom-table td:last-child {text-align:right;}
.table-point {}
.table-point>span {height:26px;background:#3ab77d;display:flex;align-items:center;border-radius:5px;font-weight:400;font-size:12px;color:#fff;justify-content:center;padding:0 10px;}
.table-image {width:100px;height:57px;object-fit:cover;border-radius:5px;}
.table-title {width:127px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  text-overflow:ellipsis;font-weight:400;font-size:14px;line-height:20px;color:#4982a8 !important;text-decoration:none;}
.table-title>span {
        transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display: inline;
        background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background: -o-linear-gradient(left,currentColor 0,currentColor 100%);
        background: linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size: 0 2px;
        background-position: 0 95%;
        -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding: .1% 0;
        background-repeat: no-repeat
}


.table-title>span:hover {background-size:100% 2px;}

.table-status {padding:7px 11px;border-radius:5px;font-size:12px;font-weight:400;color:#fff;display:inline-block;}
.table-status.green {background:#3AB77D;}
.table-status.red {background:#CD2640;}
.table-status.orange {background:#F08B02;}
.custom-table a {color:#555;text-decoration:none;}
.custom-table a:hover {color:#000;}
.table-wrapper {overflow-x: auto;}
.widget.load-more {gap:20px;display:flex;flex-direction:column;}
#main .account-block--content.info-box {padding:30px 30px;}

/* gosterge-paneli */
.stats-boxes {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
.stats-box--item {display:flex;flex-wrap:wrap;gap:15px;border-radius:6px;border:1px solid #e3e3e3;padding:25px 18px;}
.stats-box--item-icon {display:flex;align-items:center;}
.stats-box--item-icon>svg {color:#2e2e2e}
.stats-box--item-details {display:flex;flex-direction:column;gap:4px;}
.stats-box--item-title {font-weight:600;font-size:14px;color:#19191a;}
.stats-box--item-text {font-weight:500;font-size:14px;color:#525659;}
.stats-box--item:hover {background-color:#1A1A1A;border-color:#1A1A1A;}
.stats-box--item:hover .stats-box--item-icon>svg {color:#F0B902;}
.stats-box--item:hover .stats-box--item-title {color:#F0B902;}
.stats-box--item:hover .stats-box--item-text {color:#BCBCBC;}




/* info-boxes */
.info-boxes {display:grid;grid-template-columns:repeat(2, 1fr);gap:21px;}
.info-box--card {min-height:142px;border-radius:5px;background: linear-gradient(to right, #615dfa 0%, #8d7aff 100%);position:relative;display:flex;flex-wrap:wrap;padding:25px 25px;align-items:center;}
.info-box--card-details {display:flex;flex-direction:column;min-width:0;flex:1;position:relative;z-index:2;}
.info-box--card-title {font-weight:600;font-size:22px;line-height:23.88px;color:#fff;margin-bottom:2px;}
.info-box--card-desc {font-weight:500;font-size:14px;line-height:23.88px;color:#fff;}
.info-box--card-icon {flex:0 0 48px;width:48px;height:48px;background-color:rgba(255, 255, 255, 0.9);border-radius:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;}
.info-box--card:hover .info-box--card-icon>svg {animation: horizontal-shaking 0.75s infinite;}
.info-box--card-shape {position:absolute;right:0;top:0;}
.info-box--card:nth-child(2) {background: linear-gradient(to right, #437EE3 0%, #59ADFE 100%);}
.info-box--card:nth-child(2) .info-box--card-icon>svg {color:#5376B2}

/* account-badges */
.account-badges-content {padding:12px 31px;}
.account-badges {display:flex;flex-wrap:wrap;gap:28px;}
.account-badge--item {display:flex;position:relative;cursor:pointer;padding:18px 0;}
.account-badge--item-badge {width:48px;height:52px;}
.account-badge--item-badge>img {width:100%;height:100%;object-fit:cover;}
.account-badge--item .account-badge--item-modal {position:absolute;top:-310px;z-index:3;width:220px;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;}

.account-badge--item .account-badge--item-modal .badge-card {border-radius:20px;position:relative;z-index:3;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);background-color: rgba(0, 0, 0, 0.75);box-shadow:0px 0px 7px rgba(0, 0, 0, 0.51);}
.account-badge--item .account-badge--item-modal .badge-card::after {position:absolute;bottom:-10px;left:50%;right:0;content:"";width:0px;height:0px;border-style:solid;border-width:10px 8.5px 0 8.5px;border-color:rgba(0, 0, 0, 0.75) transparent transparent transparent;transform:translateX(-50%);}
.account-badge--item .account-badge--item-modal .badge-card .badge-card--title {font-weight:500;font-size:13.93px;color:#fff;}
.account-badge--item .account-badge--item-modal .badge-card .badge-card--desc {font-size:12px;line-height:19.9px;color:#e2e2e2;}
.account-badge--item .account-badge--item-modal .badge-card .badge-card--point {font-family:"Rajdhani", sans-serif;border-radius: 16px;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);box-shadow:0px 0px 7px rgba(0, 0, 0, 0.51);background:rgba(0, 0, 0, 0.4);}
.account-badge--item .account-badge--item-modal .badge-card .badge-card--point>span {font-weight:700;font-size:11.99px;color:#fff;}
.account-badge--item:hover .account-badge--item-modal {opacity:1;visibility:visible;}
.account-block.activities .account-block--content {padding:0 0;}
.bp-informations--wrapper {display:flex;flex-wrap:wrap;gap:30px;align-items:center;}
.bp-level {flex:0 0 78px;position:relative;}
.bp-level--text {position:absolute;display:flex;flex-direction:column;top:24px;left:0;right:0;font-family:"Rajdhani", sans-serif;text-align:center;}
.bp-level--text>strong {font-weight:700;font-size:11px;line-height:11px;color:#fff;}
.bp-level--text>span {font-weight:700;font-size:28px;color:#fff;margin-top:-3px;}
.bp-informations--right {display:flex;flex-direction:column;flex:1;min-width:0;gap:10px;}
.bp-informations--right-text {display:flex;align-items:center;justify-content:space-between;}
.bp-informations--right-text>span {font-weight:500;font-size:12px;color:#525659;}
.bp-informations--right-text>span>strong {font-weight:700;font-size:14px;color:#3ab77d;}
.bp-informations--right-text>span:last-child>strong {color:#F0B902;}
.bp-informations--right-text span.just-mobile {display:none;}
.bp-informations--right-text span.just-desktop {display:inline-flex;}
.bp-informations--bar {width:100%;height:6px;border-radius:3px;background-color:#E8E8EF;position:relative;}
.bp-informations--bar>span {position:absolute;left:0;top:0;height:6px;background:linear-gradient(to right, #3ab77d 0%, #f0b902 100%);border-radius:2px;}

.account-form--dropdown-select {display:flex;position:relative;flex-direction:column;width:100%;}
.account-form--dropdown-selected {display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition: 300ms;padding: 0 15px;height: 48px;border-radius: 5px;background: #fff;border: 1px solid #e3e3e3;box-shadow: 0px 2px 5px rgba(130, 149, 173, 0.14);}
.account-form--dropdown-selected>span {color: #525659;font-weight:400;font-size:14px;}
.account-form--dropdown-select.active .account-form--dropdown-select--items {height:auto;opacity:1;z-index:12;}
.account-form--dropdown-select--items {display:grid;opacity:0;z-index:-1;gap:15px;padding:29px 35px;position:absolute;height:0;top:48px;left:0;right:0;grid-template-columns:repeat(4, 1fr);width:100%;border-radius:5px;background:#fcfcfc;border:1px solid #e3e3e3;box-shadow:0px 2px 5px rgba(130, 149, 173, 0.14);}
.account-form--dropdown-select--item {display:flex;align-items:center;}
.account-form--dropdown-select--item .custom-checkbox--text {font-weight:400;font-size:14px;color:#525659;}
.account-form--dropdown-select--item .custom-checkbox {gap:13px;}
.invitation-code.just-mobile {display:none;}

/* video-single--headline */
.video-single--headline {margin-bottom:25px;position:relative;}
.video-single--headline::before {position:absolute;content:"";width:100%;height:340px;background-color:#1A1A1A;top:0;left:0;right:0;}
.video-single--headline::after {position:absolute;content:"";width:100%;height:150px;top:340px;left:0;right:0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4000' height='150' viewBox='0 0 4000 150'%3E%3Cg id='Group_41593' data-name='Group 41593' transform='translate(-4 -692)'%3E%3Cpath id='Path_67224' data-name='Path 67224' d='M2000,.094V116.231s-146.667,5.013-223.194,25.066c-69.646,14.544-139.58,11.049-209.028-10.444-58.472-16.293-194.444-62.664-309.722-62.664-210.833.418-285.417,53.891-495.833,53.055-199.583,0-379.722-48.042-486.111-52.638C169.722,63.594,0,68.607,0,68.607V.094Z' transform='translate(4 691.906)' fill='%231a1a1a'/%3E%3Cpath id='Path_67225' data-name='Path 67225' d='M2000,150.094V33.957s-146.667-5.013-223.194-25.066c-69.646-14.544-139.58-11.049-209.028,10.444C1509.306,35.628,1373.333,82,1258.056,82c-210.833-.418-285.417-53.891-495.833-53.055-199.583,0-379.722,48.042-486.111,52.638C169.722,86.595,0,81.582,0,81.582v68.512Z' transform='translate(4004 842.094) rotate(-180)' fill='%231a1a1a'/%3E%3C/g%3E%3C/svg%3E%0A");}

.video-single--headline-wrapper {display:flex;flex-direction:column;}
.video-single--headline-logo {position:relative;background-color:rgba(26, 26, 26, 0.12);margin-top:98px;height:108px;display:flex;
  justify-content:center;align-items:center;border-radius:5px 5px 0 0;border-left:2px dashed #2E2E2E;border-top:2px dashed #2E2E2E;border-right:2px dashed #2E2E2E;}
.video-single--headline-logo::before {position:absolute;content:"";left:0;right:0;top:50%;transform:translateY(-50%);width:100%;height:108px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1170' height='108' viewBox='0 0 1170 108'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.496' cy='0.5' r='0.645' gradientTransform='matrix(0.601, 0.799, -0.457, 0.343, 0.426, -0.068)' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%232f2f2f'/%3E%3Cstop offset='1' stop-color='%23272727' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect id='Parlaklık' width='1170' height='108' opacity='0.713' fill='url(%23radial-gradient)'/%3E%3C/svg%3E%0A");}
.video-single--headline-logo>img {position:relative;z-index:2;}
.video-single--headline-logo>svg {position:absolute;z-index:2;top:-67px;left:50%;transform:translateX(-50%);}
.video-single--headline-content {border-radius:0 0 5px 5px;display:flex;flex-direction:column;padding:12px 20px 0 20px;background-color:#242424;box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.33);position:relative;z-index:2;}
.video-single--title {font-weight:700;font-size:22px;line-height:42px;color:#fff;margin-bottom:12px;}
.video-single--videos {display:flex;flex-wrap:wrap;gap:20px;padding-bottom:20px;}
.video-single--videos-left {flex:1;min-width:0;display:flex;flex-direction:column;gap:20px;}
.video-single--iframe {position:relative;height:460px;}
.video-single--iframe>iframe {width:100%;height:100%;border-radius:5px;}
.video-single--iframe.loading iframe {display:none;}
.video-single--iframe>svg {display:none;animation: spin 2s linear infinite;}
.video-single--iframe.loading svg {display:flex;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.video-single--other-videos {display:flex;flex-direction:column;flex:0 0 292px;gap:15px;}
.other-video--item {cursor:pointer;display:flex;align-items:center;flex-wrap:wrap;gap:15px;background-color:#1A1A1A;border-radius:5px;padding:10px 10px;}
.other-video--item-thumbnail {flex:0 0 106px;height:60px;width:100%;border-radius:5px;position:relative;overflow:hidden;}
.other-video--item-thumbnail>img {width:100%;height:100%;object-fit:cover;}
.other-video--item-icon {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.other-video--item-title {flex:1;min-width:0;font-weight:600;font-size:14px;line-height:20px;color:#aaa;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.other-video--item-title>span {transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display: inline;
        background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background: -o-linear-gradient(left,currentColor 0,currentColor 100%);
        background: linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size: 0 2px;
        background-position: 0 95%;
        -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);-o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);padding: .1% 0;background-repeat: no-repeat}


.other-video--item:hover>.other-video--item-title>span {background-size:100% 2px;}
.other-video--item:hover>.other-video--item-title {color:#19191a;}
.other-video--item:hover {background-color:#f0b902;}
.other-video--item.active>.other-video--item-title>span {background-size:100% 2px;}
.other-video--item.active>.other-video--item-title {color:#19191a;}
.other-video--item.active {background-color:#f0b902;}
.video-single--actions {display:flex;justify-content:space-between;}
.video-single--actions-left {display:flex;align-items:center;}
.video-single--author {display:flex;align-items:center;gap:12px;}
.video-single--author-thumbnail {width:34px;height:34px;border-radius:10px;overflow:hidden;}
.video-single--author-thumbnail>img {width:100%;height:100%;object-fit:cover;}
.video-single--author-name {font-weight:500;font-size:14px;color:#fff;}
.video-single--date {font-weight:400;font-size:12px;color:#aaa;margin-left:11px;}
.video-single--actions-right {display:flex;align-items:center;}
.video-single--action-buttons {display:flex;align-items:center;gap:10px;}
.video-single--action-buttons li {position:relative;}
.video-single--action-buttons li>a {display:flex;align-items:center;gap:12px;border-radius:5px;background-color:#1A1A1A;height:38px;padding:0 13px;}
.video-single--action-buttons li>a svg {color:#fff;}
.video-single--action-buttons li>a span {font-weight:400;font-size:14px;color:#fff;}
.video-single--action-buttons li>a span>.just-mobile {display:none;}
.video-single--action-buttons li>a span>.just-desktop {display:flex;}
.video-single--action-buttons li>a:hover {background-color:#343434;}
.video-single--action-buttons li.liked a {background-color:#f0b902;}
.video-single--action-buttons li.liked a span {color:#19191a;}
.video-single--action-buttons li.liked a svg {color:#19191a;}
.video-single--action-buttons li.favorited a {background-color:#f0b902;}
.video-single--action-buttons li.favorited a span {color:#19191a;}
.video-single--action-buttons li.favorited a svg {color:#19191a;}
.video-single--action-buttons .single-social {position:absolute;width:230px;top:0;left:107px;opacity:0;visibility:hidden;}
.video-single--action-buttons .single-social.active {display:flex;z-index:5;opacity:1;visibility:visible;}
.video-single--action-buttons .single-social li>a {padding:0 11px;}
.video-single--action-buttons .single-social li.x>a {background-color:#16b8c6;}
.video-single--action-buttons .single-social li.x>a:hover {background-color:#343434;}


/* video-recent--news */
.video-recent--news {display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;}
.video-news--item {display:flex;flex-direction:column;padding:20px 20px;border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.video-news--item-thumbnail {width:100%;height:214px;position:relative;border-radius:5px;overflow:hidden;margin-bottom:15px;}
.video-news--item-thumbnail>img {width:100%;height:100%;object-fit:cover;}
.video-news--item-icon {position:absolute;left:50%;top:50%;transition:300ms;margin-left:-38px;margin-top:-38px;display:flex;align-items:center;justify-content:center;}
.video-news--item-icon>img {width:76px;height:76px;}
.video-news--item-details {display:flex;flex-direction:column;}
.video-news--item-title {font-weight:600;font-size:21px;line-height:26px;color:#19191a;margin-bottom:15px;height:52px;    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.video-news--item-title>span {transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
  display: inline;
        background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background: -o-linear-gradient(left,currentColor 0,currentColor 100%);
        background: linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size: 0 2px;
        background-position: 0 95%;
        -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);-o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);padding: .1% 0;background-repeat: no-repeat}
.video-news--item-title:hover>span {background-size:100% 2px;}
.video-news--item-date {font-size:13px;color:#7a8085;}
.video-news--item:hover .video-news--item-icon {transform:rotate(360deg);transition:300ms;}

/* qna-list */
#main.qna .main-col {gap:20px;}
.qna-list {display:flex;flex-direction:column;gap:20px;}
.qna-list--item {box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);display:flex;min-height:80px;padding:0 20px 0 17px;
  justify-content:space-between;align-items:center;border-radius:5px 5px 5px 5px;position:relative;}
.qna-list--item:before {position:absolute;content:"";width:calc(100% - 6px);right:0;top:0;height:100%;background-color:#fff;border-radius:5px 5px 5px 5px;}
.qna-list--item-left {display:flex;align-items:center;position:relative;height:100%;gap:11px;position:relative;}
.qna-list--item-left::before {position:absolute;content:"";width:40px;height:100%;background-color:#2c2c2c;left:-17px;top:0;border-radius:5px 0 0 5px;}
.qna-list--item-avatar {width:46px;height:46px;background-color:#fff;padding:3px 3px;border-radius:12px;position:relative;z-index:2;}
.qna-list--item-avatar>img {width:100%;height:100%;object-fit:cover;border-radius:12px;}
.qna-list--text {display:flex;flex-direction:column;gap:8px;}
.qna-list--item-title {color:#19191a;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.qna-list--item-title>span {font-weight:600;line-height:1.2;font-size:18px;color:#19191a;transition:background-size .25s cubic-bezier(.785,.135,.15,.86);display: inline;background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);background: -o-linear-gradient(left,currentColor 0,currentColor 100%);background: linear-gradient(to right,currentColor 0,currentColor 100%);background-size: 0 2px;background-position: 0 95%;-webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);-o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);padding: .1% 0;background-repeat: no-repeat}
.qna-list--item:hover .qna-list--item-title>span {background-size:100% 2px;}
.qna-list--item-cat {font-weight:500;font-size:12px;color:#7a8085;}
.qna-list--item-details {display:flex;align-items:center;}
.qna-list--item-details>li {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;margin:0 26px;height:38px;}
.qna-list--item-details>li::before {position:absolute;content:"";width:1px;height:36px;background-color:#EAEAEB;left:-26px;top:1px;}
.qna-list--item-detail--title {font-weight:600;font-size:14px;color:#19191a;}
.qna-list--item-detail--desc {font-weight:500;font-size:12px;color:#7a8085;margin-top:7px;}
.qna-more--button {transition:200ms;margin-right:0 !important;width:40px;border-radius:5px;background-color:#F0B902;display:flex;align-items:center;justify-content:center;}
.qna-list--item:hover .qna-more--button {background-color:#2c2c2c;transition:200ms;}
.qna-list--item:hover .qna-more--button>svg {animation: horizontal-shaking 0.75s infinite;}
.pagination {width:100%;min-height:56px;border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);display:flex;align-items:center;justify-content:center;}
.pagination>ul {display:flex;align-items:center;}
.pagination>ul>li {}
.pagination>ul>li>a {display:flex;font-weight:600;font-size:14px;color:#19191a;height:28px;width:28px;align-items:center;justify-content:center;}
.pagination>ul>li.active>a {background-color:#F0B902;color:#fff;border-radius:5px;}
.pagination>ul>li>a:hover {color:#F0B902;}
.pagination>ul>li.active>a:hover {color:#fff;}

/* qna-page--headline */
#main.qna {padding-top:0}
#main.qna::before {display:none;}
.qna-page--headline {position:relative;}
.qna-page--headline::before {    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height:calc(100% + 40px);
    background-color: #1a1a1a;
    z-index: -1;}
.qna-page--headline::after {position:absolute;
    content:"";
    bottom:-39px;
    left:-42px;
    width: 100%;
    height:367px;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url("../assets/images/qna-page--headline-shape.svg");
    z-index:-1;}
.qna-page--headline-wrapper {display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;padding:35px 0 52px 0;}
.qna-page--headline-title {font-weight:700;font-size:50px;color:#fff;margin-bottom:15px;}
.qna-page--headline-desc {font-weight:400;font-size:16px;color:#bfbfbf;margin-bottom:32px;}
.qna-page--headline-bottom {display:flex;flex-direction:column; align-items: center; justify-content: center;width:800px;}
.qna-page--headline-form {transition:300ms;margin-bottom:46px;width:100%;height:62px;border:1px solid #2c2c2c;border-radius:31px;background:#2c2c2c;display:flex;align-items:center;justify-content:space-between;padding-right:10px;}
.qna-page--headline-form.active {box-shadow:0px 0 16px #f0b90230;border-color:#f0b902;transition:300ms;}
.qna-page--headline-form--input {padding:0 30px;height:100%;width:calc(100% - 52px);background-color:transparent;
  border:none;font-family:"Inter", sans-serif;font-weight:400;font-size:16px;color:#8b8b8b;}
.qna-page--headline-form--input::placeholder {font-family:"Inter", sans-serif;font-weight:400;font-size:16px;color:#8b8b8b;}
.qna-page--headline-form--input:focus {border:none;outline:none;}
.qna-page--headline-form--button {width:42px;height:42px;background-color:#1A1A1A;border-radius:100%;border:none;}
.qna-page--headline-form--button:hover {background-color:#f0b902;}
.qna-page--headline-button {padding:0 27px;display:flex;align-items:center;height:52px;border-radius:26px;background:#f0b902;font-weight:600;font-size:18px;color:#fff;text-shadow:0px 1px 1px rgba(0, 0, 0, 0.16);}
.qna-page--headline-button .just-mobile {display:none;}
.qna-page--headline-button:hover {color:#fff;background-color:#f2c738}

/* qna-details */
.qna-details {display:flex;flex-direction:column;gap:62px;}
.qna-item {border-radius:5px;background:#f8f8f8;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);padding:20px 20px 0 20px;
  display:flex;flex-wrap:wrap;position:relative;}
  .qna-item.question {padding:20px 20px 20px 20px;}
.qna-item:first-child::before {display:none;}
.qna-item::before {position:absolute;content:"";border:1px dashed #F0B902;height:62px;top:-62px;left:50%;transform:translateX(-50%);}
.qna-item::after {position:absolute;content:"";width:12px;height:12px;border-radius:100%;border:3px solid #f0b902;background-color:#f2f2f3;top:-37px;left:50%;transform:translateX(-50%);}
.qna-item:first-child::after {display:none;}
.qna-item--left {display:flex;flex-direction:column;flex:1;gap:22px;padding-right:20px;}
.qna-item--left-author--box {display:flex;align-items:center;gap:20px;}
.qna-item--avatar {width:50px;height:50px;border-radius:16px;overflow:hidden;}
.qna-item--avatar>img {width:100%;height:100%;object-fit:cover;}
.qna-item--left-texts {display:flex;flex-direction:column;gap:12px;}
.qna-item--left-name {display:flex;align-items:center;gap:7px;}
.qna-item--left-name>span {font-weight:500;font-size:14px;color:#19191a;}
.qna-item--left-date {font-weight:400;font-size:12px;color:#7a8085;}
.qna-item--content {}
.qna-item--content>strong {font-weight:600;font-size:18px;color:#19191a;margin-bottom:17px;display:flex;}
.qna-item--content>ul {display:flex;flex-direction:column;margin-bottom:27px;}
.qna-item--content>ul>li {font-weight:400;font-size:15px;line-height:28px;color:#19191a;}
.qna-item--content>p {font-weight:400;font-size:15px;line-height:28px;color:#19191a;margin-bottom:27px;}
.qna-item--content>p>strong {font-weight:600;}

.qna-item--right {flex:0 0 42px;}
.qna-item.question .qna-item--right {flex:0 0 182px;display:flex;flex-direction:column;gap:27px;}
.qna-item--socials {display:flex;align-items:center;gap:10px;}
.qna-item--socials>li {}
.qna-item--socials>li>a {width:38px;height:36px;border-radius:5px;display:flex;align-items:center;justify-content:center;}
.qna-item--socials>li.facebook>a {background-color:#4685FC;}
.qna-item--socials>li.twitter>a {background-color:#000000;}
.qna-item--socials>li.whatsapp>a {background-color:#69B173;}
.qna-item--socials>li.telegram>a {background-color:#4394D6;}
.qna-item--answer-button {background-color:#303030;width:100%;height:36px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;color:#fff;}
.qna-item--answer-button:hover {color:#fff;background-color:#444;}
.qna-item--answer-button .just-mobile {display:none;}
.qna-item--answer-button .just-desktop {display:flex;}
.qna-item--like-button {background:#fff;border:1px solid #eaeaeb;position:relative;width:42px;height:36px;border-radius:5px;display:flex;align-items:center;justify-content:center;}
.qna-item--like-button:hover {background:#F4F4F4;}
.qna-item--like-button>svg {color:#000;}
.qna-item--like-button>span {font-family:"Rajdhani", sans-serif;position:absolute;right:-5px;top:-5px;height:14px;display:flex;align-items:center;padding:0 4px;font-weight:600;font-size:10px;color:#000;border-radius:7px;background-color:#F0B902;}
.qna-item--like-button.liked {background-color:#303030;}
.qna-item--like-button.liked>svg {color:#fff;}

/* ask-question--form */
.ask-question--form {padding:20px 20px;border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.ask-question--notice {padding:20px 20px;border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}

/* video-cat--headline */
.video-cat--headline {margin-bottom:25px;position:relative;}
#main.video-cat .page-headline::after {position:absolute;content:"";width:100%;height:150px;top:200px;left:0;right:0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4000' height='150' viewBox='0 0 4000 150'%3E%3Cg id='Group_41593' data-name='Group 41593' transform='translate(-4 -692)'%3E%3Cpath id='Path_67224' data-name='Path 67224' d='M2000,.094V116.231s-146.667,5.013-223.194,25.066c-69.646,14.544-139.58,11.049-209.028-10.444-58.472-16.293-194.444-62.664-309.722-62.664-210.833.418-285.417,53.891-495.833,53.055-199.583,0-379.722-48.042-486.111-52.638C169.722,63.594,0,68.607,0,68.607V.094Z' transform='translate(4 691.906)' fill='%231a1a1a'/%3E%3Cpath id='Path_67225' data-name='Path 67225' d='M2000,150.094V33.957s-146.667-5.013-223.194-25.066c-69.646-14.544-139.58-11.049-209.028,10.444C1509.306,35.628,1373.333,82,1258.056,82c-210.833-.418-285.417-53.891-495.833-53.055-199.583,0-379.722,48.042-486.111,52.638C169.722,86.595,0,81.582,0,81.582v68.512Z' transform='translate(4004 842.094) rotate(-180)' fill='%231a1a1a'/%3E%3C/g%3E%3C/svg%3E%0A");}
.video-cat--headline .video-single--headline-content {padding-top:20px;border-radius:5px 5px;overflow:hidden;}

/**/


  #video-rotator-progress { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; }
  .bar { position:absolute; background:#f0b902; }
  .bar-left { top:0; left:0; width:4px; height:0; }
  .bar-bottom { bottom:0; left:0; height:4px; width:0; }
  .bar-right { bottom:0; right:0; width:4px; height:0; }
  .bar-top { top:0; right:0; height:4px; width:0; }

/* bp-leadership */
.bp-list {display:flex;flex-direction:column;gap:25px;}
.bp-list--item {display:flex;align-items:center;padding-right:20px;min-height:100px;border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);position:relative;}
.bp-list--item::before {position:absolute;content:"";width:47px;height:100%;left:0;top:0;bottom:0;border-radius: 5px 0px 0px 5px;background: linear-gradient(#434343 0%, #0f0f0f 100%);}
.bp-list--item:first-child::before {background:linear-gradient(#fcd74a 0%, #ffad03 100%);}
.bp-list--item:nth-child(2)::before {background:linear-gradient(#b9c8cf 0%, #97a5a6 100%);}
.bp-list--item:nth-child(3)::before {background:linear-gradient(#b57b45 0%, #946337 100%);}
.bp-list--item-rank {width:64px;gap:9px;height:34px;border-radius:5px;background:#fff;box-shadow:5px 0px 6px rgba(0, 0, 0, 0.1);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;margin-left:15px;margin-right:20px;}
.bp-list--item-rank--text {font-weight:600;font-size:14px;color:#000000;}
.bp-list--item:first-child .bp-list--item-rank--text {color:#ffaf06;}
.bp-list--item:nth-child(2) .bp-list--item-rank--text {color:#738283;}
.bp-list--item:nth-child(3) .bp-list--item-rank--text {color:#956337;}


.bp-list--user {display:flex;align-items:center;gap:16px;padding-right:45px;position:relative;width:240px;flex-wrap:wrap;}
.bp-list--user::after {position:absolute;right:0;top:9px;content:"";width:1px;height:34px;background-color:#EAEAEB;}
.bp-list--user-avatar {width:50px;height:50px;border-radius:16px;overflow:hidden;flex:0 0 50px;}
.bp-list--user-avatar>img {width:100%;height:100%;object-fit:cover;}
.bp-list--user-text {display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;}
.bp-list--name {white-space:nowrap;font-weight:600;font-size:14px;color:#19191a;transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display:inline;
        background:-webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background:-webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background:-o-linear-gradient(left,currentColor 0,currentColor 100%);
        background:linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size:0 1px;
        background-position:0 95%;
        -webkit-transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding:.1% 0;
        background-repeat:no-repeat;}
.bp-list--name:hover {background-size:100% 1px;}
.bp-list--username {font-weight:500;font-size:12px;color:#7a8085;}
.bp-list--user-info {display:flex;align-items:center;gap:15px;padding:0 45px;position:relative;height:50px;justify-content: center;width:204px;}
.bp-list--user-info::after {position:absolute;right:7px;top:9px;content:"";width:1px;height:34px;background-color:#EAEAEB;}
.bp-list--user-info--icon {}
.bp-list--user-info--text {display:flex;flex-direction:column;gap:5px;}
.bp-list--user-info--level {font-weight:500;font-size:12px;color:#000;}
.bp-list--user-info--title {font-weight:600;font-size:14px;color:#19191a;white-space:nowrap;}

.bp-list--user-badges {display:flex;align-items:center;gap:10px;margin-left:40px;}
.bp-list--user-plus {display:flex;align-items:center;justify-content:center;position:relative;}
.bp-list--user-plus>svg {color:#43484b;}
.bp-list--user-plus:hover>svg {color:#1a1a1a;}
.bp-list--user-plus--text {position:absolute;left:7px;top:12px;text-align:center;font-weight:500;font-size:12px;color:#fff;}
.bp-list--user-gift--box {padding:0 25px;min-width:166px;display:flex;align-items:center;justify-content:center;margin-left:auto;height:44px;border-radius:5px;background:linear-gradient(to left, #9456fc 0%, #615dfa 100%);box-shadow:0px 2px 6px rgba(100, 92, 250, 0.5);}
.bp-list--user-gift--box:hover {background:linear-gradient(to left, #615dfa 0%, #9456fc 100%);}
.bp-list--user-gift--box>img {position:absolute;right:-45px;top:-32px;max-width:120px;}
.bp-list--user-gift--box>span {font-weight:600;font-size:12px;color:#fff;
transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display:inline;
        background:-webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background:-webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background:-o-linear-gradient(left,currentColor 0,currentColor 100%);
        background:linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size:0 1px;
        background-position:0 95%;
        -webkit-transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding:.1% 0;
        background-repeat:no-repeat;
}
.bp-list--item:not(.no-gift) .bp-list--user-gift--box:hover>span {background-size:100% 1px;}

.bp-list--item.no-gift .bp-list--user-gift--box {background: linear-gradient(to right, #fa815d 0%, #fc5656 100%);box-shadow:0px 2px 6px rgba(251, 93, 87, 0.5);}

.bp-list--item.no-gift .bp-list--user-gift--box>img {display:none;}


/**/
.three-col {display:grid;grid-template-columns:280px 600px 240px;gap:25px;}
.three-col .block {display:flex;flex-direction:column;gap:25px;}



.other-links {border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);padding-bottom:23px;}
.other-links>ul {margin-top:18px;display:flex;flex-direction:column;padding:0 20px 0 20px;max-height:394px;overflow-y:scroll;width:calc(100% - 10px);}
.other-links>ul::-webkit-scrollbar {width:6px;}
.other-links>ul::-webkit-scrollbar-track {background:#E9E9EA;}
.other-links>ul::-webkit-scrollbar-thumb {background:#F0B902;}
.other-links>ul>li {}
.other-links>ul>li>a {font-weight:400;font-size:14px;color:#525659;border-bottom:1px solid #EAEAEB;display:flex;padding:13px 0 11px 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;}
.other-links>ul>li>a:hover {color:#000;}
.other-links>ul>li:first-child>a {padding:2px 0 11px 15px;}
.other-links>ul>li>a::before {position:absolute;content:"";width:4px;height:4px;border-radius:100%;left:0;top:19px;background-color:#525659;}
.other-links>ul>li>a:hover::before {background-color:#000;}
.other-links>ul>li:first-child>a::before {top:8px;}
.other-links>ul>li>a span {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2}

/* product-card */
.product-card {border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);padding:30px 20px 20px 20px;}
.product-card--image {display:flex;justify-content: center;max-width:100%;}
.product-card--image>img {max-width:100%;}
.product-card--pagination {display:flex;justify-content:center;margin-top:15px;}
.product-card--pagination>span {opacity:1;width:16px;height:16px;border-radius:100%;border:1px solid #EAEAEB;margin:0 0;background-color:transparent;}
.product-card--pagination>span.swiper-pagination-bullet-active {border:4px solid #F0B902;}
.product-card--bottom {font-family:"Rajdhani", sans-serif;margin-top:20px;display:grid;grid-template-columns:repeat(2, 1fr);border:1px solid #EAEAEB;border-radius:15px 15px 5px 5px;}
.product-card--bottom>div {display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:13px 0 12px 0;}
.product-card--bottom-title {font-weight:500;font-size:14px;color:#525659;}
.product-card--rating {border-right:1px solid #EAEAEB;}
.product-card--bottom-score {font-weight:600;font-size:18px;color:#525659;}
.product-card--bottom-score>b {color:#19191A;}
.product-card--bottom-price {font-weight:600;font-size:18px;color:#3ab77d;}
.product-card--bottom-price>.currency {font-weight:500;}


/* review-list */
.review-list {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
.review-item {border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);padding:30px 20px 20px 20px;}
.review-item--image {display:flex;justify-content: center;max-width:100%;}
.review-item--image>img {max-width:100%;}
.review-item--title {white-space: normal;margin-top:19px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;color:#19191a;
    text-overflow: ellipsis;-webkit-line-clamp: 1;
    }
.review-item--title>span {font-weight:700;font-size:19px;line-height:26px;text-align:center;color:#19191a;-webkit-line-clamp: 1;transition:background-size .25s cubic-bezier(.785,.135,.15,.86);
        display: inline;
        background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));
        background: -webkit-linear-gradient(left,currentColor 0,currentColor 100%);
        background: -o-linear-gradient(left,currentColor 0,currentColor 100%);
        background: linear-gradient(to right,currentColor 0,currentColor 100%);
        background-size: 0 2px;
        background-position: 0 95%;
        -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        -o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86);
        padding: .1% 0;
        background-repeat: no-repeat;}

.review-item:hover .review-item--title>span {background-size:100% 2px;}
.review-item .product-card--bottom {margin-top:18px;}


/* prominent-features */
.prominent-features {border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.prominent-features>ul {display:grid;grid-template-columns:repeat(2, 1fr);padding:18px 20px 20px 20px;font-family:"Rajdhani", sans-serif;}
.prominent-features>ul>li {display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 0 18px 0;}
.prominent-features>ul>li:first-child {border-right:1px solid #EAEAEB;border-bottom:1px solid #EAEAEB;}
.prominent-features>ul>li:nth-child(2) {border-bottom:1px solid #EAEAEB;}
.prominent-features>ul>li:nth-child(3) {border-right:1px solid #EAEAEB;padding-top:20px;padding-bottom:0;}
.prominent-features>ul>li:nth-child(4) {padding-top:20px;padding-bottom:0;}
.prominent-feature--item-icon {height:37px;margin-bottom:14px;}
.prominent-feature--item-title {font-weight:500;font-size:14px;color:#525659;margin-bottom:7px;}
.prominent-feature--item-desc {font-weight:600;font-size:14px;color:#19191a;}

/* best-prices */
.best-prices {border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.best-prices>ul {display:flex;flex-direction:column;gap:12px;padding:18px 20px 20px 20px;font-family:"Rajdhani", sans-serif;}
.best-prices>ul>li>a {position:relative;display:flex;align-items:center;min-height:48px;border:1px solid #EAEAEB;border-radius:5px;paddinG:0 20px;justify-content:space-between;}
.best-prices>ul>li>a:hover {background-color:#F8F8F8;}
.best-price--name {font-weight:600;font-size:14px;color:#19191a;}
.best-price--price {font-weight:600;font-size:14px;color:#19191a;}
.best-price--price>.currency {font-weight:500;}
.best-prices>ul>li:first-child>a .best-price--price {color:#3AB77D;}
.best-price--badge {position:absolute;right:9px;top:-9px;display:flex;padding:1px 14px 0 14px;align-items:center;
  height:18px;border-radius:5px;background:#3ab77d;color:#fff;font-weight:600;font-size:12px;color:#fff;}

/* technical-specifications */
.technical-specifications {border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);padding-bottom:18px;}
.technical-specifications--block {padding:0 20px;display:flex;flex-direction:column;margin-top:20px;padding-bottom:2px;}
.technical-specifications--block-title {font-weight:700;font-size:15px;color:#19191a;margin-bottom:14px;}
.technical-specifications--block>ul {display:flex;flex-direction:column;}
.technical-specifications--block>ul>li {border-radius:10px;padding:13px 20px;display:flex;align-items:center;}
.technical-specifications--block>ul>li:nth-child(odd) {background-color:#F8F8F8;}
.technical-info--title {font-weight:400;font-size:14px;color:#525659;flex:0 0 180px;}
.technical-info--desc {font-weight:500;font-size:14px;color:#19191a;flex:1;min-width:0;line-height:24px;}

/* text-block */
.text-block {border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.text-block--content {display:flex;flex-direction:column;padding:13px 20px 11px 20px;gap:7px;}
.text-block--content>strong {font-weight:600;font-size:15px;line-height:25px;color:#19191a;}
.text-block--content>p {font-weight:400;font-size:14px;line-height:28px;color:#000;margin-bottom:3px;}

/* performance-points */
.performance-points {border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.performance-points--content {padding:0 20px;overflow:hidden;padding-top:24px;font-family:"Rajdhani", sans-serif;}
.charts {display:flex;gap:24px;padding-bottom:26px;border-bottom:1px solid #EAEAEB;justify-content:space-between;}
.chart-item {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;}



@property --percent {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}

.chart-item--circle {
  --size: 62px;
  --thickness: 6px;  
  --percent: 0;
  --target: 0;
  transform: translateZ(0); 
  backface-visibility: hidden;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index:2;

  background: conic-gradient(
    #b25dfa 0%,
    #615dfa calc(var(--percent) * 1%),
    #e8e8ef calc(var(--percent) * 1%)
  );

  -webkit-mask: 
    radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% - var(--thickness)));
  -webkit-mask-composite: destination-in;
  mask: 
    radial-gradient(farthest-side, transparent calc(100% - var(--thickness)), black calc(100% - var(--thickness)));

  animation: fill 2s forwards;}

.chart-item--circle-point {font-weight:600;font-size:16px;text-align:center;color:#079da3;position:absolute;z-index:2;top:2px;left:50%;margin-left:-31px;width:62px;height:62px;display:flex;align-items:center;justify-content:center;}
.chart-item--circle-text {font-weight:500;font-size:14px;text-align:center;color:#525659;margin-top:14px;position:relative;z-index:2;}

.chart-item::after {position:absolute;content:"";right:-24px;width:80px;height:80px;top:0;}
.chart-item:first-child .chart-item--circle {  background: conic-gradient(#b25dfa 0%,#615dfa calc(var(--percent) * 1%), #e8e8ef calc(var(--percent) * 1%));}
.chart-item:first-child::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80' height='80' viewBox='0 0 80 80'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23cdc8fa'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle id='Ellipse_2109' data-name='Ellipse 2109' cx='40' cy='40' r='40' fill='url(%23radial-gradient)'/%3E%3C/svg%3E%0A");}
.chart-item:first-child .chart-item--circle-point {color:#675dfa;}

.chart-item:nth-child(2) .chart-item--circle {  background: conic-gradient(#38c2ff 0%,#1a7bce calc(var(--percent) * 1%),#e8e8ef calc(var(--percent) * 1%));}
.chart-item:nth-child(2)::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80' height='80' viewBox='0 0 80 80'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23c1e1fc'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle id='Ellipse_2110' data-name='Ellipse 2110' cx='40' cy='40' r='40' fill='url(%23radial-gradient)'/%3E%3C/svg%3E%0A");}
.chart-item:nth-child(2) .chart-item--circle-point {color:#1E83D4;}

.chart-item:nth-child(3) .chart-item--circle {background:conic-gradient(#46e9ef 0%,#059aa0 calc(var(--percent) * 1%),#e8e8ef calc(var(--percent) * 1%));}
.chart-item:nth-child(3)::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80' height='80' viewBox='0 0 80 80'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23b2fcff'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle id='Ellipse_2108' data-name='Ellipse 2108' cx='40' cy='40' r='40' fill='url(%23radial-gradient)'/%3E%3C/svg%3E%0A");}
.chart-item:nth-child(3) .chart-item--circle-point {color:#079DA3;}

.chart-item:nth-child(4) .chart-item--circle {background:conic-gradient(#b61a38 0%,#690f21 calc(var(--percent) * 1%),#e8e8ef calc(var(--percent) * 1%));}
.chart-item:nth-child(4)::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80' height='80' viewBox='0 0 80 80'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ffc6d1'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle id='Ellipse_2111' data-name='Ellipse 2111' cx='40' cy='40' r='40' fill='url(%23radial-gradient)'/%3E%3C/svg%3E%0A");}
.chart-item:nth-child(4) .chart-item--circle-point {color:#6C0F22;}

.chart-item:nth-child(5) .chart-item--circle {background:conic-gradient(#ff7f2e 0%,#b55518 calc(var(--percent) * 1%),#e8e8ef calc(var(--percent) * 1%));}
.chart-item:nth-child(5)::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80' height='80' viewBox='0 0 80 80'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ffd0b2'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle id='Ellipse_2112' data-name='Ellipse 2112' cx='40' cy='40' r='40' fill='url(%23radial-gradient)'/%3E%3C/svg%3E%0A");}
.chart-item:nth-child(5) .chart-item--circle-point {color:#BA5819;}

.chart-item:nth-child(6) .chart-item--circle {background:conic-gradient(#f0b902 0%,#907005 calc(var(--percent) * 1%),#e8e8ef calc(var(--percent) * 1%));}
.chart-item:nth-child(6)::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80' height='80' viewBox='0 0 80 80'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ffedb2'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle id='Ellipse_2113' data-name='Ellipse 2113' cx='40' cy='40' r='40' fill='url(%23radial-gradient)'/%3E%3C/svg%3E%0A");}
.chart-item:nth-child(6) .chart-item--circle-point {color:#977504;}

.charts-bottom {display:flex;flex-direction:column;text-align:center;justify-content:center;padding:22px 0 25px 0;}
.charts-bottom--title {font-weight:500;font-size:14px;color:#525659;}
.charts-bottom--text {font-weight:600;font-size:22px;color:#525659;margin-top:5px;}
.charts-bottom--text>b {color:#19191A;}


@keyframes fill {
  from { --percent: 0; }
  to { --percent: var(--target); } 
}
.bp-list--name-wrapper {  white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;}
.comment-area {display:flex;flex-direction:column;gap:25px;}
.comment-area .comment-form {}

/* contact-content */
.contact-content {display:grid;grid-template-columns:1fr 390px;gap:28px;width:100%;}
.contact-form {display:flex;flex-direction:column;border-radius:5px;width:100%;background: #fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);}
.form-content--wrapper {padding:19px 20px 20px 20px;}
.form-item--two-grid {display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;}
.contact-right {border-radius: 5px;width:100%;background: #fff;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);}
.contact-right--wrapper {padding:19px 20px 20px 20px;}
.contact-infos {display:flex;flex-direction:column;padding-bottom:20px;border-bottom:1px solid #EAEAEB;}
.contact-infos>li {display:flex;align-items:center;margin-bottom:11px;}
.contact-infos>li:last-child {margin-bottom:11px;}
.contact-infos>li>strong {font-weight:500;font-size:14px;color:#19191a;width:88px;}
.contact-infos>li>span {font-weight:400;font-size:14px;color:#525659;line-height:26px;}
.contact-map iframe {width:100%;height:220px;margin-top:32px;}

/* Mobile Devices Options */

@media only screen and (max-width:1600px){
  .games::before, .videos::before {width:100%}
}

@media only screen and (max-width:1570px){
  /*.header-nav--still li:nth-child(2) {display:none !important;}*/
  .header-nav {justify-content:center;}
}

@media only screen and (max-width:1420px){
  .header-nav--primary li:nth-last-child(4) {display:none;}
}

@media only screen and (max-width:1400px){
  .header-nav--still {display:none !important;}
  .header-nav {margin:0 auto;}
  .header-nav {justify-content:center;}
  .header-nav--primary li:nth-last-child(2) {display:flex !important;}
  .header-nav--primary li:nth-last-child(3) {display:flex !important;}
}


@media only screen and (max-width:1194px){
 .three-col {display:flex;flex-direction:column;}
.charts {flex-wrap:wrap;}
.product-card--image {width:100% !important}
  .bp-list--user-badges {display:none;}
}

@media only screen and (max-width:1170px){
  .header-nav {display:none;}
  .footer::after {width:100%;}

  
}

@media only screen and (max-width:1024px){
    .headline-wrapper {flex-direction:column;}
    .headline-side {display:none;}
    .two-column-layout {flex-direction:column;}
    .footer-brand-wrapper {justify-content:center;flex-wrap:wrap;gap:24px;}
    .footer-subscribe--text {text-align:center;}
    .footer-subscribe-wrapper {gap:24px;}
    .footer-content {justify-content:center;flex-wrap:wrap;gap:36px;text-align:center;}
    .footer-block-headline>span::after {left:50%;transform:translateX(-50%);}
    .vs-item.swiper-slide-active {transform:scale(1);}
    .form-screen--shape {display:none !important;}
    .video-single--videos {flex-direction:column;}
    .qna-page--headline::after {display:none;}
    .qna-page--headline-bottom {width:100%;}
    .qna-list--item {flex-direction: column;padding:20px 20px;}
    .qna-list--item-left::before {display:none;}
    .qna-list--item-left {flex-direction:column;text-align:center;margin-bottom:16px;}
    .qna-list--item-avatar {padding:0 0;}
    .qna-list--item:before {width:100%;}
    .bp-list--user-gift--box {display:none;}
    .bp-list--user-info::after {display:none;}
.review-list {grid-template-columns:repeat(3, 1fr);}
.contact-content {flex-direction:column;display:flex;}

}

@media only screen and (max-width:795px){
.custom-table thead {display:none;}
.custom-table tr {flex-direction:column;display:flex;gap:24px;align-items:center;border-bottom:1px solid #eee;paddinG:20px 30px;}
.custom-table td {border:none;padding:0px 0;text-align:center !important;}
.custom-table td:last-child {padding-right:0;}
.custom-table td:first-child {padding-left:0;}
}

@media only screen and (max-width:768px){
  .qna-page--headline-title {font-size:36px;}
  .qna-page--headline-desc {line-height:1.3;}
    .footer-subscribe-wrapper {flex-direction:column;}
    .grid-recent-news {grid-template-columns:repeat(2, 1fr);}
    .podcast-items {flex-direction:column;display:flex;}
    .main-col.have-banner {flex-direction:column;}
    .banner.vertical {justify-content:center;}
    .banner.vertical .banner-wrapper {margin:0 auto;width:100%;}
    .header-login-button span {display:none;}
    .header-login-button {border:none;padding:0 0;}
    .header-bar {padding:0 16px;}
    .header-notification--dropdown::before, .header-user-dropdown::before {display:none;}
    .profile-about--content {flex-direction:column;gap:24px;}
    .profile-about--social {row-gap:12px;}
    .profile-followers--list {grid-template-columns: repeat(3, 1fr);}
    .badges-list {grid-template-columns:repeat(3, 1fr);}
    .page-headline--title {font-size:36px;}
    .triple-posts {grid-template-columns:repeat(2, 1fr);}
    .account-form.two-block {flex-direction:column;}
    #main.account-options {padding-top:20px;}
    .account-sidebar--nav > li:not(.current-page) {display:none;}
    .account-sidebar--nav > li.current-page {display:flex;flex-direction:column;border-radius:0 0 5px 5px;overflow:hidden;}
    .account-sidebar--nav > li.current-page.mobile-show {border-radius:0 0;}
    .account-sidebar--nav > li.current-page>a {width:100%;}
    .account-sidebar--nav > li.current-page>a .account-sidebar--nav-text--badge {background-color:#f0b902;color:#000;border-radius:10px;padding-top:2px;}
   .account-sidebar--nav>li.current-page.active>a::after {display:none;}
   .account-sidebar--nav>li.mobile-show {display:flex;}
   .account-sidebar--nav>li.mobile-show.has-child--nav {flex-direction: column;}
   .account-sidebar--nav>li.mobile-show>a {width:100%;}
   .account-sidebar--nav>li.match-none {display:none;}
   #main.account-options .sidebar {margin-top:12px;gap:20px;flex:1;}
   #main.account-options .main-col {gap:20px;}
   #main.account-options .sidebar::before {height:179px;}
   #main.account-options .two-column-layout {gap:20px;}
   .account-block.basic-information .account-block--content .account-form {flex-direction:column-reverse;gap:30px;}
   .account-form--cover-upload--notice {display:none;}
   .account-form--notice>span {line-height:1.2;}
   .account-form--notice {padding:10px 10px 8px 10px;}
   .account-form--cover-upload--text .mobile-hide {display:none;}
   .account-form--cover-upload--text {margin-bottom:16px;}
   .account-form--item.image-select--wrapper {grid-template-columns:repeat(1, 1fr);}
   .account-form--dropdown-select--items {grid-template-columns:repeat(3, 1fr);}
  .sidebar .invitation-code {display:none;}
  .invitation-code.just-mobile {display:flex;}
  .video-single--actions {flex-direction:column;gap:16px;}
  .video-single--action-buttons {flex-wrap:wrap;}
  .video-news--item-thumbnail {height:auto;}
  .video-news--item-icon>img {width:52px;height:52px;}
.bp-list--item {padding-left:102px;}
.bp-list--item-rank {position:absolute;left:0;}
.bp-list--user {padding-right:20px;width:auto;}
.bp-list--user-info {padding:0 20px;width:auto;}


}

@media only screen and (max-width:675px){
   .profile-header--content {}
   .profile-details--left {}
   .profile-tabs {width:100%;overflow-x:auto;overflow-y:hidden;}
   .profile-tabs ul {width:380px;}
   .badge-list {justify-content:flex-start;}
   .profile-avatar {width:100px;height:100px;flex:0 0 100px;top:-22px;}
   .profile-header--cover {height:180px;}
   #main.profile-page::before {height:205px;}
   .profile-header {padding-top:180px;}
   .profile-datas>li.profile-username {display:none;}
   .profile-title {font-size:20px;}
   .profile-details {padding:16px 0 24px 0;}
   
}

@media only screen and (max-width:650px){
  .video-single--iframe>iframe {height:240px;}
  .video-single--title {line-height:36px;}
    .news-item {flex-direction:column;}
    .news-item--thumb {width:100%;}
    .headline {display:none;}
    .headline-mobile {display:flex;}
    .v-news--item--meta {display:none}
    .v-news--item-title--wrapper {-webkit-line-clamp:3;}
    .v-news--item-summary {-webkit-line-clamp:3;display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;margin-top:16px;}
    .v-news--item-read-more {display:none;}
 
    .videos-headline {margin-bottom:0px;}
    .videos {padding:44px 0 32px 0;}
    .gs-item--title {line-height:1.3;}
    .gs-item--meta {display:none;}
    .gs-button-next {right:0;}
    .gs-button-prev {left:0;}
    .vs-button-next {right:0;}
    .vs-button-prev {left:0;}
    .blog-card--title>a {-webkit-line-clamp:3;display: -webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow: ellipsis;}
    .footer-subscribe--form {width:100%;}
    .header-notification {position:initial;}
    .header-notification--dropdown {right:16px;width:calc(100% - 32px);position:fixed;}
    .header-user {position:initial;}
    .header-user-dropdown {right:16px;left:auto;width:calc(100% - 32px);position:fixed;top:82px;}
    .hu-dropdown--nav>li>ul {display:none;}
    .form-screen--wrapper {width:100%;}
    .form-screen-buttons {display:flex;flex-wrap:wrap;justify-content: center;}
    .form-screen-buttons li a {padding:0 8px;}
    .form-screen-buttons li a span p {display:none;}
    
    .form-screen--form {padding:32px 32px;}
    .form-screen--form>label:last-child {margin-bottom:0;}
    .form-screen--top {padding:37px 24px 31px 24px;}
    .form-screen {margin-top:0;margin-bottom:24px;}
	.form-screen--top-separator-text {width:calc(100% - 48px);}
  .profile-followers--list {grid-template-columns: repeat(2, 1fr);}
  .profile-details {flex-direction: column;justify-content: flex-start;align-items: flex-start;gap:24px;height:auto;}
  .profile-header--content {height:auto;}
  .profile-datas {flex-wrap:wrap;gap:6px;}
  .profile-tabs>ul>li>span::after {bottom:auto;top:0;}
  .profile-tabs>ul>li>span.for-desktop {display:none;}
  .profile-tabs>ul>li>span.for-mobile {display:flex;}
  .profile-tabs>ul>li {padding:0 10px;}
  .profile-datas>li.profile-follower>a::before {left:auto;right:-19px;}
  .profile-datas {gap:16px;}
  .profile-datas>li.profile-follower>a {padding-left:0;}
  .profile-follow--button {position:absolute;right:19px;top:-53px;}
  .profile-header {min-height:auto;}
  .post-metas {justify-content:space-between;}
  .post-metas>li:last-child, .post-metas>li:nth-child(3) {margin-left:0}
.post-metas li {display:none;}
.post-metas li:first-child {display:flex;}
.post-metas li:nth-child(2) {display:flex;}
.post-metas>li.single-post--date>.for-desktop{display:none;}
.post-metas>li.single-post--date>.for-mobile {display:flex;}

  .meta-actions {}
  .post-thumbnail {height:auto;}
  .news-suggestion {flex-direction:column;}
  .news-suggestion--thumbnail {flex:1;height:auto;border-radius:5px 5px 0 0;}
  .news-suggestion--details {padding:15px 20px 20px 20px;border-radius:0 0 5px 5px;}
  .single-content>iframe {height:240px;}
  .share-buttons {}
  .mobile-share {display:flex;}
  .mobile-share--button {position: relative;
    width: 38px;
    height: 36px;
    border-radius: 5px;
    display: flex; background-color:#000;
    align-items: center;
    justify-content: center;}
     .mobile-share--button>svg {color:#fff;}
  .single-social {position:fixed;flex-direction:column;bottom:0px;left:32px;transform:translateY(-46px) scale(1);opacity:0}
  .single-social.active {transform:translateY(-46px) scale(1);opacity:1}
  .single-social>li {opacity:0}
  .single-social>li:nth-child(5) {transform:translateY(-20px) scale(0);}
  .single-social.active>li:nth-child(5) {transition:all 0.45s cubic-bezier(.15,0.2,.1,1);transform:translateY(-20px) scale(1);opacity:1;}
  
  .single-social>li:nth-child(4) {transform:translateY(-30px) scale(0);}
  .single-social.active>li:nth-child(4) {transition:all 0.45s cubic-bezier(.15,0.2,.1,1);transform:translateY(-30px) scale(1);opacity:1;}
  
  .single-social>li:nth-child(3) {transform:translateY(-40px) scale(0);}
  .single-social.active>li:nth-child(3) {transition:all 0.45s cubic-bezier(.15,0.2,.1,1);transform:translateY(-40px) scale(1);opacity:1;}
  
  .single-social>li:nth-child(2) {transform:translateY(-50px) scale(0);}
  .single-social.active>li:nth-child(2) {transition:all 0.45s cubic-bezier(.15,0.2,.1,1);transform:translateY(-50px) scale(1);opacity:1;}
  
  .single-social>li:nth-child(1) {transform:translateY(-60px) scale(0);}
  .single-social.active>li:nth-child(1) {transition:all 0.45s cubic-bezier(.15,0.2,.1,1);transform:translateY(-60px) scale(1);opacity:1;}


  
  .right-actions>li.single-author--avatar {display:none}
.post-title {line-height:40px;}
.post-summary {margin-bottom:10px;}
.post-metas {margin-bottom:12px;}
.post-thumbnail {margin-bottom:12px;}
.meta-actions {margin-bottom:8px;}
.comments-load--more>a {max-width:100%;width:100%;}
.news-suggestion--button {display:none;}
.tags {position:relative;}
.tags::after {position:absolute;right:0;top:20px;content:"";width:237px;height:36px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='237' height='36' viewBox='0 0 237 36'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' y1='0.5' x2='1' y2='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect id='Rectangle_692' data-name='Rectangle 692' width='237' height='36' fill='url(%23linear-gradient)'/%3E%3C/svg%3E");}
.tags-wrapper {width:100%;overflow-x:auto;overflow-y:hidden;position:relative;     -ms-overflow-style: none; 
  scrollbar-width: none;  }

.tags ul {width:350px;flex-wrap:nowrap;}
.right-actions>li.numbered-button.favorite>a>.fav-tooltip {display:none;position:initial;left:0;}
    .account-form--dropdown-select--items {grid-template-columns:repeat(2, 1fr);padding:19px 19px;}
.stats-boxes {grid-template-columns:repeat(2, 1fr);}
.info-boxes {grid-template-columns:repeat(1, 1fr);}
.account-badges {row-gap:0;}
.bp-informations--wrapper {flex-direction: column;}
.bp-informations--right {width:100%;}
.account-badge--item:hover .account-badge--item-modal {display:none;}
.custom-table.my-likes tr {display:inline-block;padding:16px;}
.custom-table.my-likes tr td:nth-child(3) {display:none;}
.custom-table.my-likes td a .dislike-button>span {display:none;}
.custom-table.my-likes .table-title {width:auto;text-align:left;padding:0 16px;}
.custom-table.my-likes td.table-img {width:auto;}
.custom-table.my-comments tr td:nth-child(3) {padding-right:0px;}
.custom-table.my-news tr td:nth-child(4) {padding-left:0px;}
.custom-table.my-news thead th:nth-child(4) {padding-left:0px;}
.custom-table.my-news tr td:nth-child(5) {padding-right:0px;}
.custom-table.my-news thead th:nth-child(5) {padding-right:0px;}
.custom-table.my-news .table-title {width:auto}
.custom-table tr:last-child {border-bottom:none;}

.custom-table.my-comments tr {display:inline-block;padding:16px;}
.custom-table.my-comments tr td:nth-child(3) {display:none;}
.custom-table.my-comments tr td:nth-child(4) {display:none;}
.custom-table.my-comments .table-title {width:auto;text-align:left;padding:0 16px;}
.custom-table.my-comments td.table-img {width:auto;}
.custom-table td a .comment-button {width:auto;}
.custom-table td a .comment-button span {display:none;}
.subscription-block--desc {line-height:1.3;}

.custom-table.my-favorites tr {display:inline-block;padding:16px;}
.custom-table.my-favorites td.table-img {width:auto;}
.custom-table.my-favorites .table-title {width:auto;text-align:left;padding:0 16px;}
.custom-table.my-favorites tr td:nth-child(3) {display:none;}
.custom-table.my-favorites td a .dislike-button>span {display:none;}

.custom-table.bp-activities tr {display:inline-flex;padding:16px;width:100%;flex-wrap:wrap;flex-direction:row;gap:10px;}
.custom-table.bp-activities .table-title {width:auto !important;text-align:left;padding:0 0;}
.custom-table.bp-activities .table-point {white-space:nowrap;}
.custom-table.bp-activities td .table-activity>span {white-space:nowrap;}
.custom-table.bp-activities tr td:nth-child(1) {display:none;}
.custom-table.bp-activities tr td:nth-child(2) {padding-left:0;}

.custom-table.my-news tr {display:inline-block;padding:16px;}
.custom-table.my-news .table-title {width:auto !important;text-align:left;padding:0 16px;}
.custom-table.my-news  tr td:nth-child(3) {display:none;}
.custom-table.my-news  tr td:nth-child(4) {display:none;}
.custom-table.my-news  tr td:nth-child(5) {display:none;}
.custom-table.my-news  tr td:nth-child(6) {display:none;}
.custom-table.my-news td.table-img {width:auto;}
.multi-input--items {flex-wrap:wrap;}
.stats-box--item {flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.bp-informations--right-text span.just-mobile {display:inline-flex;}
.bp-informations--right-text span.just-desktop {display:none;}
.account-badge--item {padding:0 0;}
.account-badges {padding:12px 0;gap:16px;justify-content:space-between;}
.account-badge--item-badge {width:42px;height:48px;}
.video-single--iframe {height:auto;}
.video-single--other-videos {flex:1;}
.video-single--action-buttons .single-social {left:32px;bottom:0;top:auto;position:fixed;width:38px;}
.charts {display:grid;grid-template-columns:repeat(3, 1fr);}
.chart-item::after {right:19px;}
.bp-list--user-info {flex-direction: column;width:120px;text-align:center;height:auto;gap:10px;padding-left:0;height:75px;padding-top:3px;}
.bp-list--user-info.bee {padding:0 0;}
.bp-list--user::after {display:none;}
.bp-list--item {padding:16px 16px 16px 96px;}
.review-list {grid-template-columns:repeat(2, 1fr);}
.review-item--image>img {max-width:80%;}
.review-item--title>span {-webkit-line-clamp:2;font-size:17px;}
.form-item--two-grid {flex-direction: column;display:flex;gap:0;margin-bottom:20px;}
.contact-infos>li {flex-wrap:wrap;}
.contact-infos>li>strong {flex:0 0 88px;}
.contact-infos>li>span {flex:1;min-width:0}
}

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



  .checkbox-container a {padding:0 4px 0 0;}
  .form-screen--subtitle {display:inline-block;}
  .form-screen--subtitle>a {font-weight:700;color:#19191A;background-color:#F0B902;padding:8px 8px;max-width:126px;border-radius:5px;font-size:14px;}
  .reset-pass-page .form-screen--subtitle>a {font-weight:700;color:#F0B902;background-color:transparent;padding:0 0;max-width:auto;font-size:16px;}
  .form-screen--bottom-text {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;}
  .form-screen--bottom-text>a {font-weight:700;color:#19191A;background-color:#F0B902;padding:8px 8px;max-width:126px;border-radius:5px;font-size:14px;}
  .badges-list {grid-template-columns:repeat(2, 1fr);}
.bp-list--user-info {padding-right:0;}
.bp-list--user-info.bee {display:none;}
.bp-list--item-rank {width:56px;}
.bp-list--item {padding-left:16px;justify-content:space-between;}
.bp-list--user-info--title {line-height:1.2;}
.bp-list--user {gap:11px;flex-wrap:wrap;        flex: 1;
        min-width: 0;}
.bp-list--item::before {width:41px;}
.bp-list--item-rank {top:-19px;}
.bp-list--name {}
 .bp-list--user-avatar {flex:0 0 50px;}
 .bp-list--user-text {flex:1;min-width:0;}

}

@media only screen and (max-width:480px){
  .news-item--date {display:none;}
  .blog-card--meta {display:none;}
  .blog-card--details {bottom:16px;height:183px;}
  .footer-brand-wrapper .footer-brand img {max-height:24px;}
  .news-item--thumb {flex:1;}
	.header-user--details {display:none;}
  .news-item {gap:9px;}
  .sp-item {height:100px;}
  .v-news--item:last-child {display:none;}
  .v-news--item--thumb {height:132px;}
  .v-news--item.full-cover .v-news--item--thumb {position:relative;height:132px;}
  .v-news--item.full-cover .v-news--item--thumb::before {display:none;}
  .v-news--item.full-cover .v-news--item--thumb img {opacity:1;}
  .v-news--item.full-cover .v-news--item-category {background-color:transparent !important;height:auto;font-weight:500;font-size:11px;color:#7a8085 !important;margin-bottom:10px;padding-left:0;}
  .v-news--item.full-cover .v-news--item-details {padding:17px 16px 12px 16px !important;display:flex;flex-direction:column;}
  .v-news--item-seperator {display:none;}
  .v-news--item.full-cover .v-news--item-title--wrapper .v-news--item-title {color:#19191A;}
  .v-news--item-summary {display:none;}
  .v-news--item {height:auto;}
  .podcast-items {gap:16px;}
  .pf-item--date-icon {width:38px;height:38px;}
  .pc-item .pf-item--date {bottom:4px;}
  .pc-item--title {-webkit-line-clamp:3;display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
    .pc-item--thumbnail {height:122px;}
    .pc-item {align-items:flex-start;}
    .podcast-content {gap:15px;}
    .podcast-items {padding-bottom:20px;}
     .sidebar-social--buttons {gap:12px;flex-wrap:wrap;display:grid;grid-template-columns:repeat(4, 1fr);}
    .sidebar-social--buttons li a {border:1px solid #EAEAEB;padding:12px;border-radius:5px;align-items:center;}
    .ssb-item--icon {width:38px;height:38px;}
    .pc-item--details {position:relative;top:-2px;}
    .pf-item--summary {display:none;}
    .gs-item--title {font-size:16px;-webkit-line-clamp:3;display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
    .games-headline {padding-bottom:25px;}
    .gs-pagination {margin-top:20px;}
    .games {padding:20px 0 20px 0;}
    .blog-card--summary {display:none;}
    .blog-card--details {left:8px;width:calc(100% - 16px);height:auto;bottom:10px;}
    .blog-card--thumbnail {height:140px;border-radius:5px 5px 0 0;}
    .blog-card--title>a {line-height:22px;font-size:15px;}
    .blog-card {height:200px;}
    .vs-item--title {padding:22px 12px 16px 12px;}
    .news-item--title:hover, .v-news--item-title:hover, .pf-item--title:hover, .pc-item--title:hover, .shp-item--title:hover span, .gs-item--title:hover, .blog-card--title>a:hover {background-size: 0;}
    .gs-button-prev:hover svg, .gs-button-next:hover svg, .vs-button-prev:hover svg, .vs-button-next:hover svg, .sf-item:hover .sf-item--icon svg {animation: none;}
  .form-screen--subtitle>a {margin-left:5px;padding:11px 13px;}
  #main.sign-up-page {padding-bottom:0;}
  .textual-completion input {border-radius:5px;}
  .form-screen.reset-pass-page {margin-top:0;}
  .profile-about--meta-name {width:110px;}
  #main.profile-about-page .profile-follow--button {top:-208px;}
  .triple-post--thumbnail {height:110px;}
  .comment-item>.comment-item>.comment-item {margin-left:0;width:100%;}
  .comment-item .comment-form .comment-form--bottom {position:relative}
  .comment-item .comment-form .comment-form--text {position:absolute;left:-71px;padding-right:92px;}
  .comment-item .comment-form .comment-form--submit {margin-left:auto;}
  .comment-item--actions>li.like>a:hover>div, .comment-item--actions>li.dislike>a>div:hover {background-color:transparent;}
  .comment-item--action-icon {width:auto;height:auto;margin-right:3px;}
  .comment-item--actions>li.like>a {margin-right:12px;}
  .comment-form--textarea {resize:none;}
  .account-form-selects {flex-direction:column;min-width:140px;}
  .date-of-birth .account-form--select:first-child {width:100%;}
  .date-of-birth .account-form--select:nth-child(2) {width:100%;}
  .account-not--tab-header>li.active>a {color:#000;background:transparent;box-shadow:none;border:none;}
  .account-not--tab-header>li>a {padding:0 5px;}
  .account-not--item-texts {padding-top:10px;gap:5px;}
  .account-not--item-title {line-height:1.3;}
  .account-not--item {padding:10px 0 15px 0;}
  .account-not--action-buttons>li>a:hover>span {display:none;}
  .video-news--item-title {font-weight:600;font-size:18px;line-height:20px;height:auto;}
  .video-recent--news {grid-template-columns:repeat(1, 1fr);}
  .account-not--filters {flex-direction:column;gap:12px;}
  .account-not--tab-header>li.active>a {background:#f2f2f3;border:1px solid #dedede;box-shadow:0px 1px 2px rgba(222, 222, 222, 0.59);}
  .qna-list--item-details {justify-content:center;flex-wrap:wrap;gap:24px;}
  .qna-list--item-details>li {margin:0 0;}
  .qna-list--item-details>li::before {display:none;}
  
  .qna-page--headline-desc {margin-bottom:24px;}
  .qna-page--headline-form {margin-bottom:24px;}
  .qna-page--headline-wrapper {padding:24px 0;}
  .qna-page--headline-bottom {flex-direction:row;gap:12px;}
  .qna-page--headline-form {margin-bottom:0;}
  .qna-page--headline-button .just-mobile {display:flex;}
  .qna-page--headline-button .just-desktop {display:none;}
  .qna-page--headline-button {min-width:100px;text-align:center;height:48px;font-size:16px;font-weight:500;padding:0 12px;justify-content: center;}
  .qna-page--headline-form {height:48px;padding-right:5px;}
  .qna-page--headline-form--button {width:38px;height:38px;}
.qna-item.question {flex-direction: column;}
.qna-item.question .qna-item--right {flex-direction:row-reverse;flex:auto;gap:16px;justify-content:space-between;}
.qna-item--socials>li>a {}
.qna-item--answer-button {width:auto;padding:0 16px;white-space: nowrap; }
.qna-item--answer-button .just-mobile {display:flex;}
.qna-item--answer-button .just-desktop {display:none;}
.qna-item--content>strong {line-height:1.3}
.qna-details {gap:45px;}
.qna-item::before {height:45px;top:-45px;}
.qna-item::after {top:-28px;}
.qna-item--left-author--box {gap:15px;}
.qna-list--item-details>li.qna-more--button {display:none;}
.qna-list--item-title>span {line-height:1.3;}
.qna-list--item-title {-webkit-line-clamp:2;}
.qna-list--item-details {width:100%;gap:0;grid-template-columns:repeat(3, 1fr);display:grid;}
#main.video-cat .page-headline--wrapper {padding-top:4px;padding-bottom:30px;}
.other-video--item-title {line-height:24px;}
.video-single--iframe.loading {height:240px;}
.video-single--iframe.loading svg {margin-left:-10px;margin-top:-10px;}
.video-single--headline-logo {margin-top:88px;}
.video-single--action-buttons li>a span>span.just-mobile {display:flex;}
.video-single--action-buttons li>a span>span.just-desktop {display:none;}
.video-single--action-buttons li.share>a span {display:none;}


}

@media only screen and (max-width:410px){
.form-screen-buttons {gap:10px;}
.form-screen-buttons li a {gap:7px;}
.review-list {grid-template-columns:repeat(1, 1fr);} 

}
.account-not--tab-header>li>a {padding:0 12px;}

@media only screen and (max-width:400px){
 .profile-tabs ul {width:300px;}
 .tags ul {width:300px;}
}

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


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

}

.hs-news--item:last-child {
	border-bottom: none;
}

.hn-dropdown--headline-nav--dropdown > li {
  margin-bottom: 4px;
}

.headline-side--wrapper .hs-news--item img {
	border-radius: 4px !important;
}

.custom-table td .table-activity > span {
	text-wrap: nowrap;
}

.table-point > span {
	text-wrap: nowrap;
}

.custom-table td:first-child {
	padding-left: 30px;
	text-wrap: nowrap;
}

/* error-page */
.error-page {background: #1a1a1a;font-family:"Rajdhani", sans-serif;padding:164px 0 162px 0;}
.error-page-wrapper {display:flex;align-items:center;gap:88px;justify-content: center;position:relative;}
.error-page-wrapper::before {position:absolute;content:"";width:100%;height: 712px;top:-140px;left:0;right:0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1214' height='712' viewBox='0 0 1214 712'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%232f2f2f'/%3E%3Cstop offset='1' stop-color='%23272727' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect id='Rectangle_691' data-name='Rectangle 691' width='1214' height='712' fill='url(%23radial-gradient)'/%3E%3C/svg%3E%0A");}
.error-page-image {position:relative;z-index:2;}
.error-page-image>img {}
.error-page-details {position:relative;z-index:2;display:flex;flex-direction: column;justify-content: center;text-align:center;align-items: center;}
.error-page-previous-button {width:126px;height:42px;border-radius:15px;background:#f5cd4e;border:1px solid #6c441c;display:flex;align-items:center;justify-content: center;gap:10px;margin-bottom:17px;padding-top:1px;}
.error-page-previous-button span {font-weight:600;font-size:16px;color: #210;padding-top:1px;}
.error-page-details>h1 {font-weight: 600;font-size: 120px;color: #fff;margin-bottom:19px;}
.error-page-details>span {font-weight: 500;font-size: 30px;color: #fff;text-transform: uppercase;}

/* page-template-content */
.page-template-content {border-radius:5px;background:#fff;box-shadow:0px 0px 7px rgba(0, 0, 0, 0.1);padding:20px 20px 18px 20px;font-weight:400;font-size:16px;line-height: 25px;color:#525659;}
.page-template-content .ck-content> h2 {font-weight:700;font-size: 21px;line-height: 26px;color: #19191a;margin-bottom:12px;}
.page-template-content .ck-content> h3 {font-weight:700;font-size: 20px;line-height: 34px;color: #19191a;margin-bottom:12px;}
.page-template-content .ck-content> h4 {font-weight:700;font-size: 18px;line-height: 34px;color: #19191a;margin-bottom:12px;}
.page-template-content .ck-content> h5 {font-weight:700;font-size: 18px;line-height: 34px;color: #19191a;margin-bottom:12px;}
.page-template-content .ck-content> h6 {font-weight:700;font-size: 18px;line-height: 34px;color: #19191a;margin-bottom:12px;}
.page-template-content .ck-content> p {margin-bottom:10px;}
.page-template-content .ck-content> p:last-child {margin-bottom:0;}
.page-template-content .ck-content> p>strong {font-weight: 700;}
.page-template-content .ck-content> p>a {color: #4685FC;}


.fob-comment-form-section {
  margin-top: 20px !important;
  margin-bottom: 15px;
}