/* Main theme styles */

.fa-num {
    -moz-font-feature-settings: "ss02" !important;
    -webkit-font-feature-settings: "ss02" !important;
    font-feature-settings: "ss02" !important;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    background-color: #fff;
    scroll-behavior: smooth;
}

body {
    /*min-height: 100vh;*/
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    direction: ltr;
    background-color: #fff;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

a.link-in-content {
    font-weight: 800;
    text-decoration: underline;
    color: #000;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

button,
input,
textarea,
select {
    font: inherit;
    border: none;
    background: none;
    outline: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    direction: rtl;
}

.hidden-desktop {
    display: none;
}

.container {
    width: 100%;
    /* padding-right: 20px;
padding-left: 20px; */
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}


/* responsive */

@media (max-width: 834px) {
    .container {
        width: 328px;
    }
    /* Custom styles */
    .hidden-desktop {
        display: block;
    }
    .hidden-mobile {
        display: none;
    }
    /* Custom styles */
}

@media (min-width: 834px) and (max-width: 1024px) {
    .container {
        width: 536px;
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .container {
        width: 960px;
    }
}

@media (min-width: 1280px) and (max-width: 1440px) {
    .container {
        width: 1152px;
    }
}

@media (min-width: 1440px) and (max-width: 1920px) {
    .container {
        width: 1312px;
    }
}

@media (min-width: 1920px) {
    .container {
        width: 1472px;
    }
}

@font-face {
    font-family: 'IRANYekanXVF';
    src: url('../font/iranyekan/IRANYekanXVF.woff') format('woff-variations'), url('../font/iranyekan/IRANYekanXVF.woff') format('woff');
    font-weight: 100 1000;
    font-display: fallback;
}

@font-face {
    font-family: IRANYekanX;
    src: url('../font/iranyekan/staticfonts/IRANYekanX-Regular.woff') format('woff');
}

@font-face {
    font-family: IRANYekanX;
    src: url('../font/iranyekan/staticfonts/IRANYekanX-Bold.woff') format('woff');
    font-weight: 700;
}

body {
    font-family: IRANYekanX, tahoma;
}

@supports (font-variation-settings: normal) {
    body {
        font-family: 'IRANYekanXVF', tahoma;
    }
}

 :root {
    --neutral-text-primary: #1a141f;
    --neutral-text-secondary: #3a3e42;
    --neutral-text-tertiary: #505050;
    --neutral-text-helper: #5a6066;
    --neutral-text-placeholder: #a3a9ae;
    --neutral-icon-primary: #5a6066;
    --neutral-icon-secondary: #a3a9ae;
    --neutral-border-primary: #dddfe1;
    --neutral-border-secondary: #eeeff0;
    --neutral-border-primary-hover: #c7cacd;
    --neutral-border-disabled: #d9d9d9;
    --neutral-background-primary: #fff;
    --neutral-background-secondary: #f6f7f7;
    --neutral-background-hover: #f6f7f7;
    --neutral-background-pressed: #e6e7e7;
    --neutral-text-inverse: #fff;
    --neutral-icon-inverse: #fff;
    --neutral-transparent: linear-gradient(135deg, rgba(0, 0, 0, .5) 50%, rgba(255, 255, 255, .5) 50%);
    --neutral-text-disabled: #d9d9d9;
    --neutral-icon-disabled: #d9d9d9;
    --neutral-background-disabled: #f6f7f7;
    --brand-background-primary: #e43535;
    --brand-background-primary-hover: #e85555;
    --brand-background-primary-pressed: #bc1919;
    --brand-background-primary-disabled: #f08c8c;
    --brand-text-primary: #df0d0d;
    --brand-text-dark: #7c1111;
    --brand-background-tertiary-hover: #fcebeb;
    --brand-background-tertiary-pressed: #fad7d7;
    --brand-border-tertiary: #e43535;
    --brand-icon-primary: #e43535;
    --brand-icon-dark: #7c1111;
    --brand-border-tertiary-disabled: #f6bbbb;
    --brand-text-disabled: #f08c8c;
    --brand-background-tonal: #fcebeb;
    --brand-background-tonal-hover: #fef5f5;
    --brand-background-tonal-pressed: #fad7d7;
    --brand-background-tonal-disabled: #fcebeb;
    --brand-icon-disabled: #f08c8c;
    --brand-border-primary: #f43b36;
    --beta-background-primary: #3d4fd5;
    --beta-background-primary-hover: #6170dd;
    --beta-background-primary-pressed: #2839ba;
    --beta-background-primary-disabled: #9ba4ea;
    --beta-text-primary: #3d4fd5;
    --beta-icon-primary: #3d4fd5;
    --beta-border-primary: #dbdef7;
    --beta-border-selected: #3d4fd5;
    --beta-background-textbutton-hover: #eceefb;
    --beta-background-textbutton-pressed: #dbdef7;
    --beta-text-textbutton-hover: #9ba4ea;
    --beta-background-secondary: #f5f6fd;
    --beta-icon-disabled: #9ba4ea;
    --beta-text-disabled: #9ba4ea;
    --success-background-primary: #1b9973;
    --success-background-primary-hover: #0f5540;
    --success-background-primary-pressed: #0c4635;
    --success-background-primary-disabled: #22be8f;
    --success-background-secondary: #e8fbf5;
    --success-text-primary: #136c51;
    --success-icon-primary: #136c51;
    --success-border: #1b9973;
    --warning-background-primary: #f8c303;
    --warning-background-primary-hover: #cea203;
    --warning-background-primary-pressed: #a78302;
    --warning-ackground-primary-disabled: #fddd69;
    --warning-background-secondary: #fff7dc;
    --warning-text-primary: #755c02;
    --warning-icon-primary: #f8c303;
    --warning-border: #f8c303;
    --warning-text-inverse: #4b3b01;
    --warning-icon-inverse: #4b3b01;
    --danger-background-primary: #bc1919;
    --danger-background-primary-hoverd: #951414;
    --danger-background-primary-pressed: #7c1111;
    --danger-background-primary-disabled: #f08c8c;
    --danger-background-secondary: #fef5f5;
    --danger-text-primary: #bc1919;
    --danger-icon-primary: #bc1919;
    --danger-border: #bc1919;
    --deleted-gray-white: #fff;
    --deleted-gray-1: #2c3e50;
    --deleted-gray-2: #57718a;
    --deleted-gray-3: #8ba8c5;
    --deleted-gray-5: #c8e3ff;
    --deleted-gray-6: #e9f4ff;
    --deleted-primary-primary-6: #eefaff;
    --deleted-accent2-blue4: #6d7fff;
    --deleted-dccent-red1: #4a0200;
    --deleted-accent-red6: #ffebeb;
    --info-icon-primary: #2582ad;
    --info-text-inverse: #17506a;
    --info-background-secondary: #f0f8fc;
    --info-background-primary-disabeld: #c5e4f3;
    --color-yellow1: #e9a456;
    --color-yellow2: #e9b13d;
    --color-green1: #2f5f77;
    --color-green2: #255657;
    --color-green3: #55a0a3;
    --color-green4: #8ac563;
    --color-purple1: #333571;
    --color-purple2: #7280ba;
    --color-purple3: #aea4cb;
    --color-pink1: #791670;
    --color-blue1: #173d85;
    --color-blue2: #4faecf;
    --color-blue3: #1e1f3d;
    --color-red: #c03961;
    --color-red2: #e2534c;
    --color-pink2: #ec8aad;
    --g-font-size-sm: 12px;
    --g-font-size-md: 14px;
    --g-font-size-lg: 16px;
    --g-font-size-xl: 18px;
    --g-font-size-2xl: 20px;
    --g-font-size-3xl: 22px;
    --g-font-size-4xl: 24px;
    --g-font-size-5xl: 26px;
    --g-font-size-6xl: 28px;
    --g-font-size-7xl: 30px;
    --g-font-size-8xl: 32px;
    --g-font-family: IRANYekan;
    --g-font-family-icon: 'icomoon';
    --g-top-sticky: 200px;
    --g-top-sticky-responsive: 330px;
    --g-shadow-ex-sm2: 0px 10px 16px 0px rgba(115, 123, 131, .1);
    --g-shadow-ex-sm: 0px 10px 16px rgba(115, 123, 131, .1);
    --g-shadow-sm: 0px 8px 16px rgba(115, 123, 131, .25);
    --g-shadow-md: 0px 16px 32px rgba(115, 123, 131, .2);
    --g-shadow-lg: 0px 8px 24px rgba(115, 123, 131, .45);
    --g-shadow-icon-tags: 0px 2px 8px rgba(115, 123, 131, .35);
    --g-btn-category-count: 8;
    --g-suggestions: 7;
    --g-home-item: 5;
    --g-btn-main-category-count: 6;
    --business-gallery-logo: 1;
    --business-gallery-logo-small: 1;
    --g-gallery-modal-brand-logo: 1;
    --g-gallery-modal-brand-logo-small: 1;
    --g-more-category-item-count: 2;
    --g-screen-level: "exlg"
}


/* Custom styles */

.hidden-desktop {
    display: none;
}

.hidden-mobile {
    display: block;
}


/* Custom styles */


/* header */

.menu-fluid {
    border: 1px solid var(--neutral-border-primary);
    background-color: #fff;
}

header {
    display: flex;
    align-items: center;
    padding: 16px 0;
}

header nav {
    color: var(--neutral-text-secondary);
    padding-right: 32px;
}

.header-logo-holder {
    width: 85px;
    height: auto;
    display: flex;
}


/* navigation */

.mobile-nav-holder {
    display: none;
    transition: right 0.3s ease-in-out;
}

.desktop-nav ul.sub-menu {
    display: none;
}

.desktop-nav>div>ul {
    display: flex;
}

.desktop-nav>div>ul>li>a {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 12px;
}


/* simple menu */

.desktop-nav>div>ul>li {
    position: relative;
    z-index: 15;
}

.desktop-nav>div>ul>li:not(.mega-menu)>.sub-menu {
    position: absolute;
    width: 400px;
    background-color: #fff;
    border-radius: 0 0 24px 24px;
    top: 60px;
    right: 0;
    padding: 16px;
}


/* for fixing submenu hover */

.desktop-nav>div>ul>li::after {
    content: " ";
    width: 100%;
    height: 20px;
    position: absolute;
}

.desktop-nav>div>ul>li:not(.mega-menu)>.sub-menu>li {
    display: block;
    padding: 16px;
    position: relative;
    border-radius: 16px;
}

.desktop-nav>div>ul>li:not(.mega-menu)>.sub-menu>li:hover {
    background-color: var(--neutral-background-hover);
}

.desktop-nav>div>ul>li:not(.mega-menu)>.sub-menu>li.menu-item-has-children::after {
    content: "\e989";
    position: absolute;
    top: 50%;
    left: 16px;
    color: var(--neutral-icon-primary);
    font-family: 'icomoon';
    transform: translateY(-50%);
}

.desktop-nav>div>ul>li:not(.mega-menu)>.sub-menu>li>a {
    display: block;
    color: var(--neutral-text-secondary);
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
}

.desktop-nav>div>ul>li:not(.mega-menu)>.sub-menu>li:hover>.sub-menu {
    display: block;
}

.desktop-nav>div>ul>li:not(.mega-menu)>.sub-menu>li>.sub-menu {
    position: absolute;
    width: 400px;
    background-color: #fff;
    border-radius: 24px;
    top: 0;
    right: 100%;
    padding: 16px;
}

.desktop-nav>div>ul>li:not(.mega-menu)>.sub-menu>li>.sub-menu>li {
    display: block;
    padding: 16px;
    position: relative;
    border-radius: 16px;
}

.desktop-nav>div>ul>li:hover::before {
    position: absolute;
    z-index: 15;
    border: 2px solid var(--brand-text-primary);
    bottom: 0;
    height: 1px;
    width: 100%;
    content: " ";
}

.desktop-nav>div>ul>li:hover>a {
    color: var(--brand-text-primary);
}

.desktop-nav>div>ul>li:not(.mega-menu)>.sub-menu>li>.sub-menu>li>a {
    display: block;
    color: var(--neutral-text-secondary);
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}

.desktop-nav>div>ul>li:not(.mega-menu)>.sub-menu>li>.sub-menu>li:hover {
    background-color: var(--neutral-background-hover);
}

.header-overlay {
    position: absolute;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 150vh;
    right: 0;
    top: 80px;
    display: none;
    cursor: pointer;
}


/* mega menu */

.desktop-nav>div>ul>li.mega-menu>ul.sub-menu {
    position: absolute;
    background-color: #fff;
    padding: 24px 32px 32px 32px;
    border-radius: 0 0 24px 24px;
    width: 800px;
    right: 0;
    top: 60px;
    display: none;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    max-height: 400px;
    column-gap: 60px;
    row-gap: 24px;
    /* display: flex; */
}

.desktop-nav>div>ul>li.mega-menu>ul.sub-menu>li {
    width: calc(50% - 60px);
}

.desktop-nav>div>ul>li.mega-menu>ul.sub-menu>li>a {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: var(--neutral-text-secondary);
    display: block;
    position: relative;
    margin-bottom: 8px;
}

.desktop-nav>div>ul>li.mega-menu>ul.sub-menu>li>a {
    position: relative;
    padding-right: 16px;
}

.desktop-nav>div>ul>li.mega-menu>ul.sub-menu>li>a::before {
    content: "\e98b";
    position: absolute;
    right: -8px;
    top: 34%;
    transform: translateY(-50%);
    color: var(--brand-icon-primary);
    font-family: 'icomoon';
    width: 8px;
    height: 16px;
    font-size: 25px;
}

.desktop-nav>div>ul>li.mega-menu>ul.sub-menu>li>a:hover {
    color: var(--brand-text-primary);
}

.desktop-nav>div>ul>li.mega-menu>ul.sub-menu>li>.sub-menu {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.desktop-nav>div>ul>li.mega-menu>ul.sub-menu>li>.sub-menu>li>a {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: var(--neutral-text-secondary);
    display: block;
}

.desktop-nav>div>ul>li.mega-menu>ul.sub-menu>li>.sub-menu>li {
    border-radius: 8px;
    padding: 4px 16px;
    box-sizing: border-box;
    width: calc(100% - 32px);
}

.desktop-nav>div>ul>li.mega-menu>ul.sub-menu>li>.sub-menu>li:hover {
    background-color: var(--brand-background-tertiary-hover);
}


/* navigation */


/* search form */

.header-search-button {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    margin-right: 16px;
    cursor: pointer;
    position: relative;
}

.header-search-button.active::before {
    position: absolute;
    z-index: 12;
    border: 2px solid var(--brand-text-primary);
    bottom: 0;
    height: 1px;
    width: 100%;
    content: " ";
    right: 0;
}

.header-search-button .icon-search-normal {
    font-size: 20px;
    color: var(--neutral-icon-primary);
    width: 24px;
    height: 24px;
}

.header-search-button span {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: var(--neutral-text-secondary);
    margin-right: 8px;
}


/* search form */


/* header-search-wrapper */

.header-search-wrapper {
    position: absolute;
    top: 79px;
    background-color: #fff;
    padding: 24px 32px 32px 32px;
    border-radius: 0 0 24px 24px;
    z-index: 11;
    display: none;
}

.header-search-inner {
    width: 578px;
    margin: 0 auto;
}

.header-search-input-wrapper {
    position: relative;
}

.header-search-input {
    display: block;
    width: 100%;
    border: 1px solid var(--neutral-border-primary);
    height: 40px;
    line-height: 40px;
    border-radius: 96px;
    padding-right: 40px;
    padding-left: 20px;
    margin-bottom: 16px;
    margin-right: auto;
    margin-left: auto;
}

.header-search-input-wrapper .icon-search-normal {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    color: var(--neutral-icon-primary);
    padding-left: 5px;
}

.header-search-title {
    position: relative;
    font-weight: 700;
    line-height: 24px;
    align-items: center;
    display: flex;
    color: var(--neutral-text-tertiary);
    font-size: 12px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 16px;
    padding: 8px 16px;
}

.header-search-title::after {
    content: " ";
    width: calc(100% - 140px);
    height: 1px;
    background-color: var(--neutral-border-primary);
    position: absolute;
    bottom: 50%;
    left: 15px;
    transform: translateY(50%);
}

.header-search-title .icon-menu2 {
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-left: 5px;
    color: var(--neutral-icon-secondary);
}

.header-search-title::after {
    content: " ";
    width: calc(100% - 140px);
    height: 1px;
    background-color: var(--neutral-border-primary);
    position: absolute;
    bottom: 50%;
    left: 15px;
    transform: translateY(50%);
}

.header-search-result-msg {
    padding: 8px 16px;
    text-align: center;
    font-size: 14px;
    color: var(--neutral-text-tertiary);
    line-height: 24px;
}

.header-search-results-list {
    max-height: 200px;
    overflow: auto;
}

.header-search-result {
    padding: 12px 24px;
    border-radius: 8px;
    overflow: hidden;
}

.search-result-title h4 {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: right;
    color: var(--neutral-text-primary);
}

.header-search-result:hover {
    background-color: var(--neutral-background-hover);
}

.search-result-meta {
    display: flex;
    margin-top: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    color: var(--neutral-text-tertiary);
}

.search-result-categories {
    margin-right: 16px;
    display: flex;
    column-gap: 5px;
}

.search-result-categories span {
    display: inline-block;
}

.search-result-date {
    display: flex;
    direction: rtl;
}

.search-result-date .icon-clock {
    color: var(--neutral-icon-primary);
    margin-left: 8px;
    font-size: 14px;
}

.search-result-categories .icon-square {
    font-size: 14px;
    color: var(--neutral-icon-primary);
    margin-left: 8px;
}


/* header-search-wrapper */


/* header */


/* home */


/* hero */

.home-hero-desktop {
    display: block;
}

.home-hero-mobile {
    display: none;
}

.home-hero-desktop {
    margin: 48px auto;
}

.hero-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 16px;
    height: 500px;
    width: 100%;
}

.hero-card {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

.hero-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-card-1 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}

.hero-card-2 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.hero-card-3 {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}

.hero-card-4 {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.hero-card-5 {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
}

.hero-card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(26, 20, 31, 0) 0%, rgba(26, 20, 31, 0.75) 100%);
    padding: 24px;
    height: 100%;
    display: flex;
    align-items: end;
}

.hero-card-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 2;
    text-align: right;
    display: block;
    color: var(--neutral-text-inverse);
}

.hero-card.hero-card-1 .hero-card-overlay {
    padding: 48px;
}

.hero-card-2 .hero-card-title a,
.hero-card-3 .hero-card-title a,
.hero-card-4 .hero-card-title a,
.hero-card-5 .hero-card-title a {
    font-size: 16px;
}


/* hero */


/* category carousel */

.home-category-carousel-fluid {
    padding: 28px 0;
}

.home-category-carousel-swiper .swiper-wrapper {
    padding: 20px 0px;
}

.home-category-carousel-container {
    display: flex;
}

.home-category-carousel-title {
    width: 200px;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0%;
    color: var(--neutral-text-secondary);
    display: flex;
    align-items: center;
}

.home-category-carousel-wrapper {
    width: calc(100% - 200px);
    position: relative;
}

.home-category-carousel-swiper .swiper-slide {
    border-left: 1px solid var(--neutral-border-primary);
}

.home-category-carousel-swiper .swiper-slide:nth-last-child(1) {
    border: 0;
}

.home-category-carousel-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.home-category-carousel-icon {
    width: 100%;
    display: flex;
    justify-content: center;
    color: var(--neutral-icon-primary);
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
}

.home-category-carousel-icon i {
    font-size: 26px;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.home-category-carousel-content {
    width: 100%;
}

.home-category-carousel-name {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    color: var(--neutral-text-tertiary);
    margin-top: 4px;
}

.swiper-button-next.home-category-carousel-button-next,
.swiper-button-prev.home-category-carousel-button-prev {
    background-color: #fff;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    box-shadow: 0px 8px 16px 0px #737B8340;
    display: flex;
    align-items: center;
}

.swiper-button-prev::after {
    content: '\e98d' !important;
    font-family: 'icomoon';
    font-size: 20px;
    color: var(--neutral-icon-primary);
}

.swiper-button-next::after {
    content: '\e989' !important;
    font-family: 'icomoon';
    font-size: 20px;
    color: var(--neutral-icon-primary);
}


/* category carousel */


/* home latest videos */

.home-content-grid {
    display: inline-block;
    width: 100%;
}

.home-right-content {
    width: 600px;
    padding-left: 48px;
    border-left: 1px solid var(--neutral-border-primary);
    position: sticky;
    top: 0;
    float: right;
}

.home-videos-swiper {
    overflow: hidden;
    position: relative;
}

.home-videos-swiper .swiper-wrapper {
    align-items: stretch;
}

.home-videos-swiper .swiper-slide {
    width: 220px !important;
    height: 390px;
    flex-shrink: 0;
}

.video-card {
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

.video-card .video-player {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 16px;
    cursor: pointer;
}

.video-card img {
    object-fit: cover;
}

.home-latest-videos-section-header {
    position: relative;
    display: flex;
    margin-bottom: 16px;
}

.home-latest-videos-section-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
    text-align: right;
    color: var(--neutral-text-primary);
    position: relative;
    padding-right: 30px;
}

.home-latest-videos-section-title::after {
    content: '\e98b';
    font-family: 'icomoon';
    position: absolute;
    top: 50%;
    right: -10px;
    width: 25px;
    height: 25px;
    color: var(--brand-icon-primary);
    font-size: 30px;
    line-height: 25px;
    text-align: center;
    transform: translateY(-50%);
}

.home-latest-videos-navigation {
    position: relative;
    display: flex;
    margin-right: auto;
    padding-left: 10px;
    align-items: center;
}

.home-videos-swiper-button-prev {
    position: relative !important;
    padding: 0 !important;
    width: 25px !important;
    height: 25px !important;
    margin: 0 !important;
    right: -20px !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0;
}

.home-videos-swiper-button-next {
    position: relative !important;
    padding: 0 !important;
    width: 25px !important;
    height: 25px !important;
    margin: 0 !important;
    right: 0 !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0;
}

.home-videos-content .vjs-big-play-button {
    font-size: 40px !important;
    color: var(--neutral-icon-primary) !important;
    width: 56px !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background-color: #fff !important;
    right: 50%;
    transform: translateX(50%);
    z-index: 2;
}

.home-videos-content .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
    font-size: 14px;
    top: 50% !important;
    transform: translateY(-75%);
    position: absolute;
    content: '\e9f2';
    font-family: 'icomoon';
}

.home-video-card-overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: auto;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: end;
    /* display: none; */
    bottom: 0;
}

.home-video-card-title {
    color: #fff;
    padding: 8px;
    line-height: 2;
    font-size: 14px;
}


/* home latest videos */


/* home most viewed */

.home-most-viewed-section {
    margin: 48px auto;
}

.home-most-viewed-section-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
    text-align: right;
    color: var(--neutral-text-primary);
    position: relative;
    padding-right: 30px;
}

.home-most-viewed-section-title::after {
    content: '\e98b';
    font-family: 'icomoon';
    position: absolute;
    top: 50%;
    right: -10px;
    width: 25px;
    height: 25px;
    color: var(--brand-icon-primary);
    font-size: 30px;
    line-height: 25px;
    text-align: center;
    transform: translateY(-50%);
}

.home-most-viewed-grid {
    margin-top: 25px;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
}

.home-most-viewed-item {
    border-radius: 24px;
}

.home-most-viewed-item-image {
    width: 100%;
    height: 100%;
}

.home-most-viewed-item img {
    object-fit: cover;
    width: auto;
    height: 100%;
    object-position: center;
}

.home-most-viewed-item:nth-child(1) {
    grid-column: 1 / -1;
    height: 450px;
}

.home-most-viewed-item:nth-child(2) {
    grid-column: 1;
    height: 400px;
}

.home-most-viewed-item:nth-child(3) {
    grid-column: 2;
    height: 400px;
}

.home-most-viewed-item {
    border-radius: 24px;
    overflow: hidden;
    position: relative;
}

.home-most-viewed-item-content {
    position: absolute;
    z-index: 2;
    background: linear-gradient(180deg, rgba(26, 20, 31, 0.00) 0%, #1A141F 100%);
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.home-most-viewed-item-content a {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 24px;
    flex-wrap: wrap;
    position: relative;
}

.home-most-viewed-item-title-category {
    width: 100%;
    margin-top: auto;
}

.home-most-viewed-item-title {
    width: 100%;
    color: var(--Neutral-text-inverse, #FFF);
    text-align: right;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
}

.home-most-viewed-item-category {
    width: 100%;
    margin: 8px 0;
    text-align: center;
}

.home-most-viewed-item-category-item {
    border-radius: 48px;
    background: var(--Neutral-background-primary, #FFF);
    display: inline-block;
    color: var(--Neutral-text-secondary, #3A3E42);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    padding: 4px 8px;
}

.home-most-viewed-item-meta {
    width: 100%;
    margin-bottom: 0;
    margin-top: auto;
    display: flex;
    justify-content: center;
    column-gap: 16px;
    color: #fff;
}

.home-most-viewed-item-meta span {
    color: var(--Neutral-text-inverse, #FFF);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.home-most-viewed-item:nth-child(1) .home-most-viewed-item-title-category {
    margin-top: 60%;
}

.home-most-viewed-item:nth-child(1) .home-most-viewed-item-category {
    text-align: right;
}

.home-most-viewed-item:nth-child(1) .home-most-viewed-item-title {
    text-align: right;
}

.home-most-viewed-item:nth-child(1) .home-most-viewed-item-meta {
    justify-content: right;
}

.home-most-viewed-item:nth-child(1) .home-most-viewed-item-title {
    text-align: right;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 32px;
}


/* home most viewed */


/* home latest content */

.home-left-content {
    padding-right: 48px;
    width: calc(100% - 600px);
    float: right;
}

.latest-content-section-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
    text-align: right;
    color: var(--neutral-text-primary);
    position: relative;
    padding-right: 30px;
}

.latest-content-section-title::after {
    content: '\e98b';
    font-family: 'icomoon';
    position: absolute;
    top: 50%;
    right: -10px;
    width: 25px;
    height: 25px;
    color: var(--brand-icon-primary);
    font-size: 30px;
    line-height: 25px;
    text-align: center;
    transform: translateY(-50%);
}

.latest-content-tab-nav {
    display: flex;
    column-gap: 8px;
    margin: 16px 0;
}

.latest-content-tab-button {
    border-radius: 48px;
    border: 1px solid var(--Neutral-border-primary, #DDDFE1);
    color: var(--Neutral-text-secondary, #3A3E42);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 24px;
    cursor: pointer;
}

.latest-content-tab-button.active {
    border-radius: 48px;
    background: var(--Brand-background-tonal, #FCEBEB);
    border-color: var(--Brand-background-tonal, #FCEBEB);
}

.latest-content-post-card {
    display: block;
    clear: both;
    overflow: hidden;
    padding: 24px 0;
    border-bottom: 1px solid var(--neutral-border-primary);
}

.latest-content-post-card:nth-last-child(1) {
    border: 0;
}

.latest-content-post-thumbnail {
    width: 200px;
    height: auto;
    display: flex;
    border-radius: 16px;
    overflow: hidden;
    float: right;
}

.latest-content-post-thumbnail img {
    width: 100%;
    height: auto;
}

.latest-content-post-content {
    width: calc(100% - 200px);
    padding-right: 24px;
    float: right;
}

.latest-content-post-title {
    color: var(--Neutral-text-secondary, #3A3E42);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 32px;
}

.latest-content-post-excerpt {
    margin: 10px auto;
    color: var(--Neutral-text-tertiary, #737B83);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 52px;
}

.latest-content-post-categories {
    display: flex;
    column-gap: 8px;
}

.latest-content-post-categories .category-link {
    border-radius: 48px;
    background: var(--Neutral-background-secondary, #F6F7F7);
    padding: 8px;
    color: var(--Neutral-text-tertiary, #737B83);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}

.latest-content-post-meta {
    display: flex;
    margin-top: 24px;
}

.latest-content-post-date {
    display: block;
    margin-right: auto;
    color: var(--Neutral-text-tertiary, #737B83);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.latest-content-post-author {
    display: flex;
    align-items: center;
}

.latest-content-post-author .icon-user {
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    margin-left: 8px;
    color: var(--neutral-icon-secondary);
}

.latest-content-post-author a {
    color: var(--Neutral-text-tertiary, #737B83);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}

.loading-wrapper {
    display: flex;
    position: relative;
    width: 100%;
    height: 300px;
    align-items: center;
    justify-content: center;
}

.loader {
    transform: rotateZ(45deg);
    perspective: 1000px;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    color: var(--neutral-icon-primary);
}

.loader:before,
.loader:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    transform: rotateX(70deg);
    animation: 1s spin linear infinite;
}

.loader:after {
    color: var(--brand-background-primary);
    transform: rotateY(70deg);
    animation-delay: .4s;
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotateZ(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotateZ(360deg);
    }
}

@keyframes rotateccw {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

@keyframes spin {
    0%,
    100% {
        box-shadow: .2em 0px 0 0px currentcolor;
    }
    12% {
        box-shadow: .2em .2em 0 0 currentcolor;
    }
    25% {
        box-shadow: 0 .2em 0 0px currentcolor;
    }
    37% {
        box-shadow: -.2em .2em 0 0 currentcolor;
    }
    50% {
        box-shadow: -.2em 0 0 0 currentcolor;
    }
    62% {
        box-shadow: -.2em -.2em 0 0 currentcolor;
    }
    75% {
        box-shadow: 0px -.2em 0 0 currentcolor;
    }
    87% {
        box-shadow: .2em -.2em 0 0 currentcolor;
    }
}


/* home latest content */


/* home */


/* footer */

.site-footer {
    padding: 32px 0;
    border-top: 1px solid var(--neutral-border-primary);
    margin-top: 32px;
}

.footer-menus {
    display: flex;
    column-gap: 96px;
}

.footer-menu {
    width: 120px;
    overflow: hidden;
}

.footer-menu ul li a {
    color: var(--Neutral-text-tertiary, #737B83);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    display: block;
    margin-bottom: 12px;
}

.footer-menu ul li:nth-last-child(1) a {
    margin-bottom: 0;
}

.top-footer {
    display: flex;
    align-items: start;
}

.footer-social-medias {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-right: auto;
    width: 394px;
}

.footer-social-medias-text {
    width: 100%;
    color: var(--Neutral-text-tertiary, #737B83);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px;
}

.footer-social-medias-inner {
    width: 100%;
}

.footer-social-medias-inner {
    width: 100%;
    display: flex;
    column-gap: 8px;
}

.social-link,
.social-more-btn {
    border-radius: 12px;
    background: var(--Neutral-background-secondary, #F6F7F7);
    padding: 12px 16px;
    cursor: pointer;
}

.social-link span,
.social-more-btn span {
    font-size: 30px;
    color: var(--neutral-icon-primary);
    display: block;
    width: 40px;
    height: 40px;
    line-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Modal Styles */

.footer-social-media-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.footer-social-media-modal-content {
    background-color: #fff;
    margin: 20px auto;
    padding: 24px;
    border-radius: 16px;
    width: 80%;
    max-width: 500px;
    position: relative;
    overflow: auto;
    max-height: 100%;
}

.footer-social-media-modal-close {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 24px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
}

.footer-social-media-modal-header {
    display: flex;
    align-items: center;
    position: relative;
}

.footer-social-media-modal-title {
    color: var(--Neutral-text-primary, #1A141F);
    text-align: right;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}

.footer-social-media-modal-link {
    display: flex;
    align-items: center;
    color: var(--neutral-text-secondary);
    padding: 16px;
    border-bottom: 1px solid var(--neutral-border-secondary);
}

.footer-social-media-modal-link:nth-last-child(1) {
    border: 0;
}

.footer-social-media-modal-link .footer-icon {
    width: 24px;
    height: 24px;
    color: var(--Neutral-icon-secondary);
    margin-left: 8px;
    font-size: 24px;
}

.footer-social-media-modal-link-text {
    color: var(--Neutral-text-primary, #1A141F);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.bottom-footer {
    margin-top: 32px;
    border-top: 1px solid var(--neutral-border-primary);
}

.copyright-text {
    color: var(--Neutral-text-tertiary, #737B83);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    padding-top: 32px;
}

.copyright {
    text-align: center;
    color: var(--Neutral-text-tertiary, #737B83);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px;
}


/* footer */


/* archive */

.archive-header-content {
    width: calc(100% - 420px);
    margin: 48px 0 32px 0;
}

.author-main-info {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 24px;
}

.author-title-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.author-title-container h1 {
    margin-bottom: 0;
}

.author-avatar-container {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
}

.author-avatar-container img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

body.author .archive-header-content {
    padding: 10px;
    border-radius: 24px;
    padding: 24px;
    background-color: var(--neutral-background-hover);
    padding-bottom: 40px;
}

.archive-title {
    color: var(--neutral-text-secondary, #3A3E42);
    text-align: right;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 24px;
}

.archive-description {
    position: relative;
}

.archive-description-text {
    color: var(--neutral-text-tertiary, #737B83);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    overflow: hidden;
    max-height: 56px;
    /* 2 lines: 14px * 2 * 2 (line-height 200%) = 56px */
    transition: max-height 0.4s ease-in-out;
}

.archive-description-text.expanded {
    max-height: 1000px;
    /* Large enough to fit any content */
}

.archive-description-toggle {
    color: var(--beta-text-primary, #3D4FD5);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    position: absolute;
    left: 0;
    bottom: -23px;
    padding-left: 10px;
    cursor: pointer;
}

.archive-description-toggle::after {
    content: "\e988";
    position: relative;
    left: 0;
    right: 5px;
    font-family: icomoon;
    top: 3px;
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
    transition: all 0.2s ease-in-out;
}

.archive-description-toggle.expanded::after {
    content: "\e990";
}

.archive-description-text h2,
.archive-description-text h3,
.archive-description-text h4,
.archive-description-text h5,
.archive-description-text h6 {
    color: var(--neutral-text-secondary, #3A3E42);
    text-align: right;
    font-style: normal;
    font-weight: 700;
    line-height: 2;
    margin: 12px 0;
}

.archive-description-text h2 {
    font-size: 20px;
}

.archive-description-text h3 {
    font-size: 18px;
}

.archive-description-text h4 {
    font-size: 16px;
}

.archive-category-children-fluid {
    width: calc(100% - 444px);
    padding: 24px 0;
    border-bottom: 1px solid var(--neutral-border-primary);
}

.archive-category-children-title,
.sidebar-social-medias-text,
.sidebar-section-title,
.archive-faq-title,
.archive-latest-videos-section-title {
    position: relative;
    padding-right: 15px;
    color: var(--neutral-text-primary, #1A141F);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 200% */
}

.archive-category-children-title::after,
.sidebar-social-medias-text::after,
.sidebar-section-title::after,
.archive-faq-title::after,
.archive-latest-videos-section-title::after {
    content: '\e98b';
    font-family: 'icomoon';
    position: absolute;
    top: 50%;
    right: -5px;
    width: 15px;
    height: 15px;
    color: var(--brand-icon-primary);
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    transform: translateY(-50%);
}

.archive-category-children-list {
    overflow-x: auto;
}

.archive-category-children-list-inner {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    width: 100%;
}

.archive-category-children-item a {
    color: var(--neutral-text-secondary, #3A3E42);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 96px;
    border: 1px solid var(--neutral-border-primary, #DDDFE1);
    background: var(--neutral-background-secondary, #F6F7F7);
}

.archive-category-children-item a:hover {
    border: 1px solid var(--brand-border-tertiary, #E43535);
    background: var(--brand-background-tertiary-hover, #FCEBEB);
}

.archive-content-grid {
    display: inline-block;
    width: 100%;
}

.archive-right-content {
    width: calc(100% - 444px);
    float: right;
    margin-left: 24px;
}

.archive-left-content {
    float: right;
    width: 420px;
    position: sticky;
    top: 0;
}

.sidebar-section.specialties-section {
    margin-bottom: 48px;
}

.sidebar-section-content {
    padding: 16px;
    border-radius: 24px;
    background: var(--neutral-border-secondary, #EEEFF0);
    margin-top: 16px;
}

.specialties-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;
}

.specialty-item {
    width: 100%;
}

.specialty-link {
    display: flex;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid var(--neutral-border-primary, #DDDFE1);
    background: var(--neutral-background-primary, #FFF);
}

.specialty-link:hover {
    border: 1px solid var(--neutral-border-primary, #DDDFE1);
    background: var(--brand-background-tertiary-hover, #FCEBEB);
}

.specialty-name {
    color: var(--neutral-text-secondary, #3A3E42);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.specialty-link .icon-arrow-left4 {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    color: var(--brand-icon-primary);
    font-size: 24px;
}

.footer-social-medias.sidebar-social-medias {
    width: 100%;
    margin-bottom: 48px;
}

.social-link.social-link-sidebar span,
.social-more-btn-sidebar span {
    width: 24px;
    height: 24px;
    padding: 3.5px;
    box-sizing: content-box;
}

.archive-pagination-inner {
    border-top: 1px solid var(--neutral-border-primary);
    margin: 48px 0;
}

.nav-links {
    display: flex;
    padding: 12px 48px 12px 32px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
}

.nav-links a,
.nav-links span {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--neutral-text-tertiary, #737B83);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}

.nav-links a:hover {
    border-radius: 100%;
    background: var(--brand-background-tertiary-hover, #FCEBEB);
    color: var(--neutral-text-tertiary, #737B83);
}

.page-numbers>span {
    color: var(--neutral-icon-primary);
    padding: 6px;
    font-size: 20px;
}

.page-numbers.current {
    background-color: var(--brand-background-primary);
    color: #fff;
    border-radius: 100%;
}

.archive-faq-section {
    margin: 46px auto;
}

.faq-item {
    border-bottom: 1px solid var(--neutral-border-primary);
}

.faq-item:nth-last-child(1) {
    border-bottom: 0;
}

.archive-faq-content {
    margin-top: 16px;
}

.archive-faq-accordion,
.single-faq-accordion {
    border-radius: 16px;
    border: 1px solid var(--neutral-border-primary, #DDDFE1);
    overflow: hidden;
}

.faq-question {
    display: flex;
    padding: 16px 24px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    cursor: pointer;
    color: var(--neutral-text-tertiary, #737B83);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    transition: all 0.3s ease;
}

.faq-question-text {
    display: flex;
    align-items: center;
}

.faq-question-text .q-icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-left: 8px;
    color: var(--neutral-icon-secondary) !important;
    font-size: 24px;
}

.faq-item.active .faq-question {
    background: var(--neutral-background-secondary, #F6F7F7);
}

.faq-chevron {
    transition: transform 0.3s ease;
}

.faq-item.active .faq-chevron {
    transform: rotate(180deg);
}

.faq-answer {
    display: none;
    background: #fff;
    padding: 0 24px 20px 24px;
}

.faq-answer-content {
    color: var(--neutral-text-secondary, #3A3E42);
    font-size: 14px;
    line-height: 1.6;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.faq-answer-content .icon-reply {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: var(--neutral-icon-secondary);
}

.faq-answer-content {
    display: flex;
    padding: 24px 0 32px 0;
    align-items: center;
    color: var(--neutral-text-primary);
}

.archive-videos-section {
    margin: 24px 0;
    border-bottom: 1px solid var(--neutral-border-primary);
    padding-bottom: 24px;
}

.no-videos-message {
    text-align: center;
    padding: 2rem;
    color: var(--neutral-text-secondary);
    font-style: italic;
}

.no-videos-message p {
    margin: 0;
}


/* archive */


/* single */

.single-content-grid {
    padding-top: 48px;
}

.single-post-header {
    width: 756px;
    margin-right: 111px;
}

.single-post-title {
    color: var(--neutral-text-secondary, #3A3E42);
    text-align: right;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}

.single-post-meta-info {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
}

.meta-item {
    color: var(--neutral-text-tertiary, #737B83);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.single-post-categories,
.meta-date {
    padding-left: 16px;
    border-left: 1px solid var(--neutral-border-primary);
}

.meta-author {
    margin: 16px 0;
}

.meta-author a {
    display: flex;
    gap: 8px;
    align-items: center;
}

.author-avatar {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
}

.author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-post-author {
    color: var(--neutral-text-primary, #1A141F);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.single-content-grid-inner {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
}

.single-right-content-inner {
    display: inline-block;
    width: 100%;
}

.single-right-content {
    width: 867px;
    float: right;
    display: inline-block;
}

.single-left-content {
    width: 421px;
    float: right;
    margin-right: 24px;
    position: sticky;
    top: 0;
}

.share-timeline-wrapper {
    width: 87px;
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: sticky;
    top: 0;
}

.single-posts-wrapper {
    width: 756px;
    margin-right: 24px;
    float: right;
}

.single-post-featured-image {
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    margin-bottom: 48px;
}

.single-post-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-post-content {
    width: 100%;
    max-width: 100%;
}

.single-post-content p {
    color: var(--neutral-text-secondary, #3A3E42);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    margin: 16px 0;
}

.single-post-content a ,
.single-post-content>p a ,
.single-post-content ul a{
    color: var(--brand-background-primary);
}


.single-post-content ul {
    color: var(--neutral-text-secondary, #3A3E42);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    margin: 16px 0;
    list-style-type: disc;
    list-style-position: inside;
}

.single-post-content ul li {
    list-style-type: disc;
    list-style-position: inside;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 2;
}

.single-post-content h2,
.single-post-content h3,
.single-post-content h4,
.single-post-content h5,
.single-post-content h6 {
    color: var(--neutral-text-secondary, #3A3E42);
    text-align: right;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    font-size: 22px;
    margin: 16px 0;
}

.single-post-content h3 {
    font-size: 20px;
}

.single-post-content h4 {
    font-size: 18px;
}

.single-post-content h5 {
    font-size: 16px;
}

.single-post-content h6 {
    font-size: 14px;
}

.single-post-content figure {
    width: 100% !important;
}

.single-post-content blockquote {
    display: flex;
    padding: 24px 96px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 24px;
    background: linear-gradient(99deg, #F6F7F7 0.01%, #EEEFF0 100.01%);
    position: relative;
}

.single-post-content blockquote::after {
    content: "\e9f6";
    font-family: 'icomoon';
    position: absolute;
    top: 24px;
    right: 48px;
    width: 32px;
    height: 32px;
    padding: 8px;
    color: var(--brand-icon-primary);
    font-size: 24px;
}

.single-post-content blockquote::before {
    content: "\e9f7";
    font-family: 'icomoon';
    position: absolute;
    bottom: 24px;
    left: 48px;
    width: 32px;
    height: 32px;
    padding: 8px;
    color: var(--brand-icon-primary);
    font-size: 24px;
}

.single-post-content blockquote p {
    margin: 0 auto;
}

.single-post-content img {
    width: 100%;
    max-width: 100% !important;
    height: auto;
    display: block;
    border-radius: 24px;
    overflow: hidden;
}

.single-post-content figcaption {
    color: var(--neutral-text-tertiary, #737B83);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    margin-top: 8px;
}

.single-post-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    border: 1px solid var(--neutral-border-primary);
}

.single-post-content table th,
.single-post-content table td {
    border: 1px solid var(--neutral-border-primary);
    padding: 8px;
}


/* Reading Progress Bar */

.single-post-reading-progress-bar {
    width: 8px;
    height: 220px;
    background-color: var(--neutral-border-secondary);
    border-radius: 8px;
    overflow: hidden;
    margin-top: 16px;
    position: relative;
}

.single-post-reading-progress-bar-inner {
    height: 0;
    width: 8px;
    background: linear-gradient(90deg, var(--brand-border-tertiary) 0%, var(--brand-border-tertiary) 100%);
    border-radius: 8px;
    transition: width 0.2s ease-out;
}

.single-post-share-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    cursor: pointer;
    color: var(--neutral-icon-primary);
    padding: 8px;
}

.single-post-share-icon span {
    font-size: 24px;
    width: 24px;
    height: 24px;
}

.home-latest-videos-section-title.single-latest-videos-section-title {
    font-size: 16px;
}

.home-latest-videos-section-title.single-latest-videos-section-title::after {
    right: 0px;
    width: 16px;
    height: 16px;
    font-size: 24px;
    line-height: 16px;
}

.home-latest-videos-section.single-latest-videos-section {
    margin: 48px auto;
}

.single-faq-section {
    margin: 48px auto;
}

.single-faq-title,
.categories-section-title,
.related-posts-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 40px;
    text-align: right;
    color: var(--neutral-text-primary);
    position: relative;
    padding-right: 30px;
    margin-bottom: 16px;
}

.single-faq-title::after,
.categories-section-title::after,
.related-posts-title::after {
    content: '\e98b';
    font-family: 'icomoon';
    position: absolute;
    top: 50%;
    right: 0px;
    width: 16px;
    height: 16px;
    color: var(--brand-icon-primary);
    font-size: 24px;
    line-height: 16px;
    text-align: center;
    transform: translateY(-50%);
}

.single-post-categories-section {
    margin: 48px auto;
}

.single-post-categories-list {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    overflow-x: auto;
}

.single-post-categories-list-inner {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    width: 100%;
}

.category-item a {
    color: var(--neutral-text-secondary, #3A3E42);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 96px;
    border: 1px solid var(--neutral-border-primary, #DDDFE1);
    background: var(--neutral-background-secondary, #F6F7F7);
}

.category-item a:hover {
    border: 1px solid var(--brand-border-tertiary, #E43535);
    background: var(--brand-background-tertiary-hover, #FCEBEB);
}

.single-post-author-social-section {
    display: flex;
    padding: 16px;
    gap: 16px;
    flex-wrap: wrap;
    border-radius: 16px;
    background: var(--neutral-background-secondary, #F6F7F7);
}

.author-details {
    color: var(--neutral-text-primary, #1A141F);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.author-info-section {
    width: 100%;
}

.author-profile {
    display: flex;
    align-items: center;
    gap: 8px;
}

.author-avatar-large {
    width: 40px;
    height: 40px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
}

.author-avatar-large img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.social-share-section {
    width: 100%;
    display: flex;
    border-top: 1px solid var(--neutral-border-primary);
    padding-top: 16px;
    align-items: center;
}

.social-share-title {
    color: var(--neutral-text-primary, #1A141F);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.social-share-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-right: auto;
}

.share-button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    padding: 0;
    background-color: #fff;
    line-height: 24px;
    color: var(--neutral-icon-primary);
    cursor: pointer;
    border-radius: 6px;
    overflow: hidden;
}

.share-button>div,
.share-button>a {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
}


/* Copy Link Tooltip */

.copy-tooltip {
    background-color: #1A141F;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    position: absolute;
    z-index: 9999;
    display: none;
    pointer-events: none;
}

.copy-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #1A141F;
}

.single-related-posts {
    margin: 48px auto;
}


/* single */


/* page  */

.page-content {
    min-height: 500px;
    margin: 48px auto;
}

.page-title {
    color: var(--neutral-text-secondary, #3A3E42);
    text-align: right;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 24px;
}

.page-content-main p {
    color: var(--neutral-text-secondary, #3A3E42);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    margin: 16px 0;
}


/* page  */


/* pros and cons */

.pros-cons-container {
    background-color: var(--neutral-background-secondary);
    padding: 10px 20px;
    border-radius: 24px;
    margin: 16px auto;
}

.pros-cons-title {
    text-align: center !important;
    color: var(--neutral-text-primary) !important;
    line-height: 2 !important;
}

.pros-cons-content {
    display: flex;
    justify-content: center;
    margin-top: 16px;
    flex-wrap: wrap;
}

.cons-column {
    width: 50%;
    text-align: center;
    padding: 0 16px;
    box-sizing: border-box;
}

.pros-column {
    width: 50%;
    text-align: center;
    padding: 0 16px;
    box-sizing: border-box;
}

.pros-title {
    border-bottom: 3px solid #00b71d;
    padding-bottom: 10px;
}

.cons-title {
    border-bottom: 3px solid #f73d3d;
    padding-bottom: 10px;
}

.cons-list,
.pros-list {
    font-size: 14px !important;
    line-height: 2 !important;
}


/* pros and cons */


/* gallery */

.gallery-grid {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--neutral-border-primary);
    border-radius: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    margin: 16px auto;
}

.gallery-item {
    width: 25%;
    padding: 5px;
}

.gallery-caption {
    font-size: 12px;
    color: var(--neutral-text-secondary);
    padding: 0 10px;
    line-height: 2;
    text-align: center;
}


/* gallery */


/* toc */

#ez-toc-container {
    background-color: var(--neutral-background-secondary) !important;
    border: 0;
    border-radius: 24px;
    padding: 20px;
    display: flex;
    align-items: center;
    margin: 16px auto;
    flex-wrap: wrap;
}

.ez-toc-title-container {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    flex-wrap: wrap;
    width: 100% !important;
}

.ez-toc-title-toggle {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: auto;
    cursor: pointer;
    opacity: 0;
}

#ez-toc-container nav {
    width: 100%;
}

.ez-toc-icon-toggle-span {
    width: 100%;
}

.ez-toc-js-icon-con {
    width: 100%;
}

.ez-toc-btn {
    width: 100%;
    margin: 0;
    padding: 0;
}

.ez-toc-title {
    font-size: 16px;
    color: var(--neutral-text-primary);
    font-weight: bold !important;
    line-height: 2 !important;
    text-align: right !important;
    width: 100%;
}

.ez-toc-list {
    font-size: 14px !important;
    line-height: 2 !important;
    margin: 16px 0 !important;
}

.ez-toc-list-level-3 {
    font-size: 14px !important;
    margin-right: 10px !important;
    line-height: 2 !important;
    color: var(--neutral-text-primary) !important;
}

.ez-toc-list-level-4 {
    font-size: 14px !important;
    margin-right: 10px !important;
    line-height: 2 !important;
    color: var(--neutral-text-primary) !important;
}

.ez-toc-list li {
    line-height: 2 !important;
}

.ez-toc-list li a {
    text-decoration: none !important;
}

.table-wrapper {
    width: 100%;
    height: auto;
    overflow-x: auto;
}


/* toc */


/* comments */

#comments {
    margin: 32px auto;
    padding: 20px;
    border: 1px solid var(--neutral-border-primary);
    border-radius: 24px;
}

.comments-title {
    line-height: 2;
    font-weight: bold;
    color: var(--neutral-text-primary);
}

.comment-body {
    display: flex;
    flex-wrap: wrap;
}

.comment-meta {
    width: 100%;
    align-items: center;
    display: flex;
}

.comment-author {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comment-author img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.comment-author-info {
    margin-right: 16px;
}

.comment-author-info {
    margin: 0 10px;
    font-size: 14px;
    color: var(--neutral-text-secondary);
}

.comment-metadata.fa-num {
    font-size: 12px;
    margin-right: auto;
    color: var(--neutral-text-placeholder);
}

.comment-content {
    margin: 10px auto;
    width: 100%;
    line-height: 2;
    font-size: 14px;
    color: var(--neutral-text-primary);
}

.reply a {
    display: inline-block;
    margin: 10px auto;
    font-size: 14px;
    color: var(--neutral-text-primary);
    background-color: var(--neutral-background-pressed);
    padding: 5px;
    border-radius: 5px;
}

#comments .comment {
    background-color: var(--neutral-background-secondary);
    padding: 15px;
    border-radius: 24px;
    margin: 16px auto;
}

#comments .children {
    padding-right: 32px;
}

#reply-title {
    line-height: 2;
    font-size: 16px;
    color: var(--neutral-text-primary);
}

.comment-notes {
    font-size: 14px;
    line-height: 2;
    margin: 5px auto;
    color: var(--neutral-text-placeholder);
    width: 100%;
}

#commentform {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#commentform>p {
    width: 100%;
}

#commentform>p>label {
    width: 100%;
    font-size: 14px;
    color: var(--neutral-text-primary);
    display: block;
    margin: 10px 0 2px 0;
}

#commentform>p>input[type="text"],
#commentform>p>input[type="email"],
#commentform>p>input[type="url"] {
    width: 100%;
    border: 0;
    border-radius: 5px;
    margin: 5px auto;
    font-size: 14px;
    color: var(--neutral-text-primary);
    background-color: var(--neutral-background-secondary);
    padding: 5px;
}

#commentform>p>textarea {
    width: 100%;
    border: 0;
    border-radius: 5px;
    padding: 5px;
    margin: 5px auto;
    font-size: 14px;
    color: var(--neutral-text-primary);
    background-color: var(--neutral-background-secondary);
}

#commentform #submit {
    background-color: var(--neutral-background-secondary);
    padding: 10px 15px;
    display: inline-block;
    margin-top: 10px;
    font-weight: bold;
    font-size: 14px;
    color: var(--neutral-text-primary);
    border-radius: 5px;
}

.logged-in-as {
    font-size: 14px;
    color: var(--neutral-text-helper);
}


/* comments */


/* custom  */

button.vjs-picture-in-picture-control {
    display: none !important;
}

button.vjs-fullscreen-control {
    display: none !important;
}


/* custom  */


/***
****
**** Responsive 
****
****/

@media (max-width: 834px) {
    /* header */
    .menu-fluid {
        border: 1px solid var(--neutral-border-primary);
        position: sticky;
        top: 0;
        z-index: 999;
        background-color: #fff;
    }
    .hidden-desktop {
        display: block;
    }
    .hidden-mobile {
        display: none;
    }
    .desktop-nav {
        display: none;
    }
    .header-search-button span {
        display: none;
    }
    .mobile-menu-button {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 24px;
        cursor: pointer;
    }
    .header-logo-holder {
        margin: 0 auto;
    }
    .header-search-button {
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
    }
    .header-search-button .icon-search-normal {
        font-size: 24px;
        color: var(--neutral-icon-primary);
        width: 24px;
        height: 24px;
        line-height: 24px;
    }
    .header-search-button.active::before {
        bottom: -5px;
        width: 80%;
    }
    .mobile-nav-holder {
        position: fixed;
        display: block;
        right: -80%;
        background-color: #fff;
        top: 0;
        padding: 16px;
        height: 100vh;
        overflow: auto;
        width: 80%;
        z-index: 11;
        border-radius: 24px 0 0 24px;
        transition: right 0.3s ease-in-out;
    }
    .mobile-overlay {
        position: absolute;
        z-index: 10;
        background-color: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 150vh;
        right: 0;
        top: 0;
        display: none;
        cursor: pointer;
    }
    .mobile-nav-top-bar .icon-Union {
        height: 36px;
        width: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 6px;
        font-size: 16px;
        cursor: pointer;
    }
    .mobile-nav-top-bar {
        margin-bottom: 16px;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--neutral-border-primary);
    }
    .menu-mobile-menu-container>.menu>li>.sub-menu {
        display: none;
    }
    .menu-mobile-menu-container>.menu>li {
        padding: 16px 0;
        position: relative;
        cursor: pointer;
        border-bottom: 1px solid var(--neutral-border-secondary);
    }
    .menu-mobile-menu-container>.menu>li.menu-item-has-children::after {
        content: "\e989";
        position: absolute;
        left: 0;
        top: 25px;
        transform: translateY(-50%);
        font-family: icomoon;
        font-size: 16px;
        width: 16px;
        height: 16px;
        line-height: 16px;
        color: var(--neutral-icon-primary);
        transition: transform 0.3s ease-in-out;
    }
    .menu-mobile-menu-container>.menu>li.menu-item-has-children.active::after {
        transform: translateY(-50%) rotate(90deg);
    }
    .menu-mobile-menu-container>.menu>li>a {
        color: var(--Neutral-text-secondary, #3A3E42);
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 16px;
    }
    .menu-mobile-menu-container>.menu>li>.sub-menu li {
        padding: 12px 0;
        margin: 8px 0;
    }
    .menu-mobile-menu-container>.menu>li>.sub-menu li>a {
        color: var(--neutral-text-primary, #1A141F);
        text-align: right;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
    }
    .menu-mobile-menu-container>.menu>li.active>a {
        color: var(--neutral-text-tertiary, #737B83);
    }
    .header-search-inner {
        width: 100%;
        margin: 0 auto;
    }
    .header-search-result-msg {
        font-size: 12px;
    }
    .header-search-wrapper {
        padding: 24px 12px 32px 12px;
    }
    .search-result-title h4 {
        font-size: 12px;
    }
    /* header */
    /* hero */
    .home-hero-desktop {
        display: none;
    }
    .home-hero-mobile {
        display: block;
        margin-top: 25px;
    }
    .hero-card-mobile {
        position: relative;
        overflow: hidden;
        border-radius: 24px;
    }
    .hero-card-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .hero-card-overlay-mobile {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(180deg, rgba(26, 20, 31, 0) 0%, rgba(26, 20, 31, 0.75) 100%);
        padding: 24px;
        height: 100%;
        display: flex;
        align-items: end;
    }
    .hero-card-title-mobile {
        font-weight: 500;
        font-size: 18px;
        line-height: 2;
        text-align: right;
        display: block;
        color: var(--neutral-text-inverse);
    }
    .home-hero-mobile-swiper {
        padding-bottom: 32px;
    }
    .home-hero-mobile-pagination .swiper-pagination-bullet {
        cursor: pointer;
        width: 40px !important;
        height: 4px !important;
        border-radius: 8px !important;
        margin: 0 1px !important;
        background-color: var(--neutral-border-secondary) !important;
        opacity: 1 !important;
        transition: all 0.3s ease;
    }
    .home-hero-mobile-pagination .swiper-pagination-bullet-active {
        background-color: var(--brand-background-primary) !important;
        width: 80px !important;
        transition: all 0.3s ease;
    }
    /* hero */
    /* categories */
    .container.home-category-carousel-container {
        margin-top: 40px;
        flex-wrap: wrap;
    }
    .home-category-carousel-title {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0%;
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .home-category-carousel-wrapper {
        width: 100%;
    }
    .home-category-carousel-swiper .swiper-slide {
        border: 0;
    }
    .home-category-carousel-item {
        padding: 16px 0;
    }
    .home-category-carousel-name {
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        vertical-align: middle;
        color: var(--neutral-text-tertiary);
        margin-top: 4px;
    }
    .home-category-carousel-swiper {
        padding-bottom: 12px;
    }
    .home-category-carousel-swiper .swiper-pagination-bullet {
        margin: 0 4px !important;
        background-color: var(--neutral-border-secondary) !important;
        opacity: 1 !important;
        transition: all 0.3s ease;
    }
    .home-category-carousel-swiper .swiper-pagination-bullet-active {
        background-color: var(--brand-background-primary) !important;
        transition: all 0.3s ease;
    }
    /* categories */
    /* main content */
    .home-right-content {
        width: 100%;
        border: 0;
        padding: 0;
        position: relative;
        margin-top: 20px;
    }
    .home-latest-videos-section-title {
        font-size: 20px;
        line-height: 32px;
    }
    .home-most-viewed-section-title {
        font-size: 20px;
        line-height: 32px;
    }
    .home-most-viewed-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto auto auto;
    }
    .home-most-viewed-item:nth-child(1) .home-most-viewed-item-title-category {
        margin-top: auto;
    }
    .home-most-viewed-item:nth-child(1) .home-most-viewed-item-title {
        text-align: center;
    }
    .home-most-viewed-item:nth-child(1) .home-most-viewed-item-category {
        text-align: center;
    }
    .home-most-viewed-item:nth-child(1) .home-most-viewed-item-meta {
        justify-content: center;
    }
    .home-most-viewed-item:nth-child(1) {
        grid-column: initial;
    }
    .home-most-viewed-item:nth-child(2) {
        grid-column: initial;
    }
    .home-most-viewed-item:nth-child(3) {
        grid-column: initial;
    }
    .home-most-viewed-item {
        height: 250px !important;
    }
    .home-left-content {
        width: 100%;
    }
    .home-left-content {
        width: 100%;
        padding: 0;
    }
    .latest-content-section-title {
        font-size: 20px;
        line-height: 32px;
    }
    .latest-content-tab-button {
        font-size: 12px;
        line-height: 16px;
    }
    .latest-content-post-thumbnail {
        width: 100px;
        height: auto;
    }
    .latest-content-post-content {
        width: calc(100% - 100px);
    }
    .latest-content-post-title {
        font-size: 14px;
        line-height: 24px;
        height: 24px;
    }
    .latest-content-post-excerpt {
        font-size: 12px;
        line-height: 16px;
        height: 32px;
    }
    .latest-content-section {
        margin-bottom: 96px;
    }
    /* main content */
    /* footer */
    .site-footer {
        margin-top: 200px;
    }
    .top-footer {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }
    .footer-social-medias {
        width: 100%;
    }
    .footer-social-medias-text {
        text-align: center;
    }
    .social-link,
    .social-more-btn {
        width: 60px;
        display: flex;
        justify-content: center;
    }
    .footer-menus {
        width: 100%;
        margin-top: 28px;
        border-top: 1px solid var(--neutral-border-primary);
        padding-top: 24px;
    }
    .footer-menu {
        width: 220px;
    }
    .social-link span,
    .social-more-btn span {
        font-size: 24px;
        width: 24px;
        height: 24px;
        line-height: 24px;
    }
    /* footer */
    /* archive */
    .archive-header-container {
        width: 100%;
        padding: 24px 16px;
    }
    .archive-header-content {
        width: 100%;
        margin: 0;
    }
    .archive-title {
        margin-bottom: 16px;
    }
    .archive-category-children-fluid {
        width: 100%;
        padding: 16px;
    }
    .archive-category-children-title,
    .sidebar-social-medias-text,
    .sidebar-section-title,
    .archive-faq-title,
    .archive-latest-videos-section-title {
        font-size: 14px;
        line-height: 24px;
    }
    .category-children-container.container {
        width: 100%;
    }
    .archive-category-children-list {
        overflow-x: auto;
    }
    .archive-category-children-list-inner {
        overflow: hidden;
    }
    .archive-category-children-item a {
        font-size: 10px;
        font-weight: 400;
        line-height: 16px;
    }
    .archive-right-content {
        width: 100%;
        margin: 0;
    }
    .archive-main-content-container.container {
        width: 100% !important;
        padding: 0 !important;
    }
    .archive-post-card {
        padding: 16px;
    }
    .archive-videos-section {
        padding: 0 16px 24px 0;
    }
    .archive-faq-section {
        padding: 0 16px;
    }
    .faq-question {
        font-size: 12px;
        line-height: 16px;
    }
    .faq-answer-content .icon-reply {
        display: none;
    }
    .archive-left-content {
        width: 100%;
        position: relative;
    }
    .sidebar-section.specialties-section {
        padding: 16px;
        background: var(--neutral-border-secondary, #EEEFF0);
    }
    .sidebar-section-content {
        background-color: inherit;
        border-radius: 0;
        padding: 0;
    }
    .specialty-name {
        font-size: 12px;
        line-height: 16px;
    }
    .specialty-link {
        padding: 12px 16px;
        border-radius: 48px;
    }
    .footer-social-medias.sidebar-social-medias {
        display: none;
    }
    .nav-links {
        padding: 12px;
    }
    .latest-content-post-categories .category-link {
        font-size: 8px;
        padding: 8px 2px;
    }
    /* archive */
    /* single */
    .single-post .sidebar-section.specialties-section {
        border-radius: 24px;
        margin: 24px auto;
    }
    .single-posts-wrapper {
        width: 100%;
        margin-right: 0;
        float: none;
        padding: 0 16px;
    }
    .share-timeline-wrapper {
        position: fixed;
        width: 100%;
        right: 0;
        background-color: #fff;
        left: 0;
        height: 50px;
        flex-wrap: nowrap;
        float: none;
        top: auto;
        bottom: 0;
        z-index: 100;
        align-items: center;
        border-top: 2px solid var(--neutral-border-primary);
    }
    .single-post-reading-progress-bar {
        width: 100%;
        height: 8px;
        margin: 0 0 0 16px;
    }
    .single-post-reading-progress-bar-inner {
        width: 0;
        height: 8px;
        transition: width 0.2s ease-out;
    }
    .single-post-share-icon {
        width: 40px;
        height: 40px;
        margin-right: 16px;
        margin-left: 24px;
    }
    .single-post-header {
        width: 100%;
        margin: 0;
    }
    .single-right-content {
        width: 100%;
        float: none;
    }
    .single-content-grid {
        padding-top: 24px;
    }
    .single-posts-wrapper {
        padding: 0;
    }
    .single-post-title {
        font-size: 18px;
        font-weight: 700;
        line-height: 32px;
    }
    .single-post-featured-image {
        margin-bottom: 16px;
    }
    .single-post-meta-info {
        margin-top: 16px;
    }
    .meta-item {
        font-size: 12px;
    }
    .single-post-author {
        font-size: 12px;
    }
    .single-post-content {
        margin-top: 48px;
    }
    .single-post-content p {
        font-size: 14px;
    }
    .single-post-content li,
    .single-post-content ul li {
        font-size: 14px;
    }
    .single-post-content h2 {
        font-size: 18px;
    }
    .single-post-content h3 {
        font-size: 16px;
    }
    .single-post-content h4 {
        font-size: 14px;
    }
    .single-post-content h5 {
        font-size: 14px;
    }
    .single-post-content h6 {
        font-size: 14px;
    }
    .single-post-content blockquote {
        padding: 32px 24px;
    }
    .single-post-content blockquote::after {
        top: 8px;
        right: 24px;
        width: 24px;
        height: 24px;
        padding: 4px;
        font-size: 20px;
    }
    .single-post-content blockquote::before {
        bottom: 8px;
        left: 24px;
        width: 24px;
        height: 24px;
        padding: 4px;
        font-size: 20px;
    }
    .single-post-content table,
    .single-post-content th,
    .single-post-content td,
    .single-post-content tr {
        font-size: 14px;
    }
    .single-related-posts {
        margin-bottom: 0;
    }
    .social-share-section {
        flex-wrap: wrap;
    }
    .social-share-section {
        flex-wrap: wrap;
    }
    .social-share-buttons {
        margin: 16px auto 0 auto;
    }
    .social-share-title {
        font-size: 12px;
    }
    .single-faq-title,
    .categories-section-title,
    .related-posts-title {
        font-size: 14px;
    }
    .wp-singular .site-footer {
        margin-bottom: 40px;
    }
    /* single */
    /* prons and cons */
    .pros-column {
        width: 100%;
        margin-bottom: 16px;
    }
    .cons-column {
        width: 100%;
    }
    /* prons and cons */
    /* gallery */
    .gallery-item {
        width: 50%;
    }
    /* gallery */
}

@media (min-width: 834px) and (max-width: 1024px) {
    /* header */
    .menu-fluid {
        border: 1px solid var(--neutral-border-primary);
        position: sticky;
        top: 0;
        z-index: 999;
        background-color: #fff;
    }
    .hidden-desktop {
        display: block;
    }
    .hidden-mobile {
        display: none;
    }
    .desktop-nav {
        display: none;
    }
    .header-search-button span {
        display: none;
    }
    .mobile-menu-button {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 24px;
        cursor: pointer;
    }
    .header-logo-holder {
        margin: 0 auto;
    }
    .header-search-button {
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
    }
    .header-search-button .icon-search-normal {
        font-size: 24px;
        color: var(--neutral-icon-primary);
        width: 24px;
        height: 24px;
        line-height: 24px;
    }
    .header-search-button.active::before {
        bottom: -5px;
        width: 80%;
    }
    .mobile-nav-holder {
        position: fixed;
        display: block;
        right: -250px;
        background-color: #fff;
        top: 0;
        padding: 16px;
        height: 100vh;
        overflow: auto;
        width: 250px;
        z-index: 11;
        border-radius: 24px 0 0 24px;
        transition: right 0.3s ease-in-out;
    }
    .mobile-overlay {
        position: absolute;
        z-index: 10;
        background-color: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 150vh;
        right: 0;
        top: 0;
        display: none;
        cursor: pointer;
    }
    .mobile-nav-top-bar .icon-Union {
        height: 36px;
        width: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 6px;
        font-size: 16px;
        cursor: pointer;
    }
    .mobile-nav-top-bar {
        margin-bottom: 16px;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--neutral-border-primary);
    }
    .menu-mobile-menu-container>.menu>li>.sub-menu {
        display: none;
    }
    .menu-mobile-menu-container>.menu>li {
        padding: 16px 0;
        position: relative;
        cursor: pointer;
        border-bottom: 1px solid var(--neutral-border-secondary);
    }
    .menu-mobile-menu-container>.menu>li.menu-item-has-children::after {
        content: "\e989";
        position: absolute;
        left: 0;
        top: 25px;
        transform: translateY(-50%);
        font-family: icomoon;
        font-size: 16px;
        width: 16px;
        height: 16px;
        line-height: 16px;
        color: var(--neutral-icon-primary);
        transition: transform 0.3s ease-in-out;
    }
    .menu-mobile-menu-container>.menu>li.menu-item-has-children.active::after {
        transform: translateY(-50%) rotate(90deg);
    }
    .menu-mobile-menu-container>.menu>li>a {
        color: var(--Neutral-text-secondary, #3A3E42);
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 16px;
    }
    .menu-mobile-menu-container>.menu>li>.sub-menu li {
        padding: 12px 0;
        margin: 8px 0;
    }
    .menu-mobile-menu-container>.menu>li>.sub-menu li>a {
        color: var(--neutral-text-primary, #1A141F);
        text-align: right;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
    }
    .menu-mobile-menu-container>.menu>li.active>a {
        color: var(--neutral-text-tertiary, #737B83);
    }
    .header-search-inner {
        width: 90%;
        margin: 0 auto;
    }
    /* header */
    /* hero */
    .home-hero-desktop {
        display: none;
    }
    .home-hero-mobile {
        display: block;
        margin-top: 25px;
    }
    .hero-card-mobile {
        position: relative;
        overflow: hidden;
        border-radius: 24px;
    }
    .hero-card-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .hero-card-overlay-mobile {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(180deg, rgba(26, 20, 31, 0) 0%, rgba(26, 20, 31, 0.75) 100%);
        padding: 24px;
        height: 100%;
        display: flex;
        align-items: end;
    }
    .hero-card-title-mobile {
        font-weight: 500;
        font-size: 18px;
        line-height: 2;
        text-align: right;
        display: block;
        color: var(--neutral-text-inverse);
    }
    .home-hero-mobile-swiper {
        padding-bottom: 32px;
    }
    .home-hero-mobile-pagination .swiper-pagination-bullet {
        cursor: pointer;
        width: 40px !important;
        height: 4px !important;
        border-radius: 8px !important;
        margin: 0 1px !important;
        background-color: var(--neutral-border-secondary) !important;
        opacity: 1 !important;
        transition: all 0.3s ease;
    }
    .home-hero-mobile-pagination .swiper-pagination-bullet-active {
        background-color: var(--brand-background-primary) !important;
        width: 80px !important;
        transition: all 0.3s ease;
    }
    /* hero */
    /* categories */
    .container.home-category-carousel-container {
        margin-top: 40px;
        flex-wrap: wrap;
    }
    .home-category-carousel-title {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0%;
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .home-category-carousel-wrapper {
        width: 100%;
    }
    .home-category-carousel-swiper .swiper-slide {
        border: 0;
    }
    .home-category-carousel-item {
        padding: 16px 0;
    }
    .home-category-carousel-name {
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        vertical-align: middle;
        color: var(--neutral-text-tertiary);
        margin-top: 4px;
    }
    .home-category-carousel-swiper {
        padding-bottom: 12px;
    }
    .home-category-carousel-swiper .swiper-pagination-bullet {
        margin: 0 4px !important;
        background-color: var(--neutral-border-secondary) !important;
        opacity: 1 !important;
        transition: all 0.3s ease;
    }
    .home-category-carousel-swiper .swiper-pagination-bullet-active {
        background-color: var(--brand-background-primary) !important;
        transition: all 0.3s ease;
    }
    /* categories */
    /* main content */
    .home-right-content {
        width: 100%;
        border: 0;
        padding: 0;
        position: relative;
        margin-top: 20px;
    }
    .home-latest-videos-section-title {
        font-size: 20px;
        line-height: 32px;
    }
    .home-most-viewed-section-title {
        font-size: 20px;
        line-height: 32px;
    }
    .home-most-viewed-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto auto auto;
    }
    .home-most-viewed-item:nth-child(1) .home-most-viewed-item-title-category {
        margin-top: auto;
    }
    .home-most-viewed-item:nth-child(1) .home-most-viewed-item-title {
        text-align: center;
    }
    .home-most-viewed-item:nth-child(1) .home-most-viewed-item-category {
        text-align: center;
    }
    .home-most-viewed-item:nth-child(1) .home-most-viewed-item-meta {
        justify-content: center;
    }
    .home-most-viewed-item:nth-child(1) {
        grid-column: initial;
    }
    .home-most-viewed-item:nth-child(2) {
        grid-column: initial;
    }
    .home-most-viewed-item:nth-child(3) {
        grid-column: initial;
    }
    .home-left-content {
        width: 100%;
    }
    .home-left-content {
        width: 100%;
        padding: 0;
    }
    .latest-content-section-title {
        font-size: 20px;
        line-height: 32px;
    }
    .latest-content-tab-button {
        font-size: 12px;
        line-height: 16px;
    }
    .latest-content-post-thumbnail {
        width: 100px;
        height: auto;
    }
    .latest-content-post-content {
        width: calc(100% - 100px);
    }
    .latest-content-post-title {
        font-size: 14px;
        line-height: 24px;
        height: 24px;
    }
    .latest-content-post-excerpt {
        font-size: 12px;
        line-height: 16px;
        height: 32px;
    }
    /* main content */
    /* footer */
    .top-footer {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }
    .footer-social-medias {
        width: 100%;
    }
    .footer-social-medias-text {
        text-align: center;
    }
    .social-link,
    .social-more-btn {
        width: 100px;
        display: flex;
        justify-content: center;
    }
    .footer-menus {
        width: 100%;
        margin-top: 28px;
        border-top: 1px solid var(--neutral-border-primary);
        padding-top: 24px;
    }
    .footer-menu {
        width: 220px;
    }
    /* footer */
    /* archive */
    .archive-header-container {
        width: 100%;
        padding: 24px 16px;
    }
    .archive-header-content {
        width: 100%;
        margin: 0;
    }
    .archive-title {
        margin-bottom: 16px;
    }
    .archive-category-children-fluid {
        width: 100%;
        padding: 16px;
    }
    .archive-category-children-title,
    .sidebar-social-medias-text,
    .sidebar-section-title,
    .archive-faq-title,
    .archive-latest-videos-section-title {
        font-size: 14px;
        line-height: 24px;
    }
    .category-children-container.container {
        width: 100%;
    }
    .archive-category-children-list {
        overflow-x: auto;
    }
    .archive-category-children-list-inner {
        overflow: hidden;
    }
    .archive-category-children-item a {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
    }
    .archive-right-content {
        width: 100%;
        margin: 0;
    }
    .archive-main-content-container.container {
        width: 100% !important;
        padding: 0 !important;
    }
    .archive-post-card {
        padding: 16px;
    }
    .archive-videos-section {
        padding: 0 16px 24px 0;
    }
    .archive-faq-section {
        padding: 0 16px;
    }
    .faq-question {
        font-size: 12px;
        line-height: 16px;
    }
    .faq-answer-content .icon-reply {
        display: none;
    }
    .archive-left-content {
        width: 100%;
        position: relative;
    }
    .sidebar-section.specialties-section {
        padding: 16px;
        background: var(--neutral-border-secondary, #EEEFF0);
    }
    .sidebar-section-content {
        background-color: inherit;
        border-radius: 0;
        padding: 0;
    }
    .specialty-name {
        font-size: 12px;
        line-height: 16px;
    }
    .specialty-link {
        padding: 12px 16px;
        border-radius: 48px;
    }
    .footer-social-medias.sidebar-social-medias {
        display: none;
    }
    .nav-links {
        padding: 12px;
    }
    /* archive */
    /* single */
    .wp-singular .site-footer {
        margin-bottom: 40px;
    }
    .single-post .sidebar-section.specialties-section {
        border-radius: 24px;
        margin: 24px auto;
    }
    .single-posts-wrapper {
        width: 100%;
        margin-right: 0;
        float: none;
        padding: 0 16px;
    }
    .share-timeline-wrapper {
        position: fixed;
        width: 100%;
        right: 0;
        background-color: #fff;
        left: 0;
        height: 50px;
        flex-wrap: nowrap;
        float: none;
        top: auto;
        bottom: 0;
        z-index: 100;
        align-items: center;
        border-top: 2px solid var(--neutral-border-primary);
    }
    .single-post-reading-progress-bar {
        width: 100%;
        height: 8px;
        margin: 0 0 0 16px;
    }
    .single-post-reading-progress-bar-inner {
        width: 0;
        height: 8px;
        transition: width 0.2s ease-out;
    }
    .single-post-share-icon {
        width: 40px;
        height: 40px;
        margin-right: 16px;
        margin-left: 24px;
    }
    .single-post-header {
        width: 100%;
        margin: 0;
    }
    .single-right-content {
        width: 100%;
        float: none;
    }
    .single-content-grid {
        padding-top: 24px;
    }
    .single-posts-wrapper {
        padding: 0;
    }
    .single-post-title {
        font-size: 18px;
        font-weight: 700;
        line-height: 32px;
    }
    .single-post-featured-image {
        margin-bottom: 16px;
    }
    .single-post-meta-info {
        margin-top: 16px;
    }
    .meta-item {
        font-size: 12px;
    }
    .single-post-author {
        font-size: 12px;
    }
    .single-post-content {
        margin-top: 48px;
    }
    .single-post-content p {
        font-size: 14px;
    }
    .single-post-content h2 {
        font-size: 18px;
    }
    .single-post-content h3 {
        font-size: 16px;
    }
    .single-post-content h4 {
        font-size: 14px;
    }
    .single-post-content h5 {
        font-size: 14px;
    }
    .single-post-content h6 {
        font-size: 14px;
    }
    .single-post-content blockquote {
        padding: 32px 24px;
    }
    .single-post-content blockquote::after {
        top: 8px;
        right: 24px;
        width: 24px;
        height: 24px;
        padding: 4px;
        font-size: 20px;
    }
    .single-post-content blockquote::before {
        bottom: 8px;
        left: 24px;
        width: 24px;
        height: 24px;
        padding: 4px;
        font-size: 20px;
    }
    .single-related-posts {
        margin-bottom: 0;
    }
    .social-share-section {
        flex-wrap: wrap;
    }
    .social-share-section {
        flex-wrap: wrap;
    }
    .social-share-buttons {
        margin: 16px auto 0 auto;
    }
    .social-share-title {
        font-size: 12px;
    }
    .single-faq-title,
    .categories-section-title,
    .related-posts-title {
        font-size: 14px;
    }
    /* single */
}

@media (min-width: 1024px) and (max-width: 1280px) {
    /**home **/
    .hero-card-title {
        font-size: 16px;
    }
    .home-latest-videos-section-title {
        font-size: 20px;
        line-height: 24px;
    }
    .home-most-viewed-section-title {
        font-size: 20px;
        line-height: 24px;
    }
    .home-right-content {
        width: 100%;
        border: 0;
        padding: 0;
        position: relative;
    }
    .home-most-viewed-grid {
        grid-template-columns: 1fr 2fr;
        grid-template-rows: 1fr 1fr;
        direction: rtl;
    }
    .home-most-viewed-item:nth-child(1) {
        height: 575px;
        grid-column: 2 / 3;
        grid-row: 1 / 3;
        align-items: flex-end;
    }
    .home-most-viewed-item:nth-child(2) {
        height: 280px;
        grid-column: 1 / 2;
        grid-row: 1 / 2;
        align-items: flex-end;
    }
    .home-most-viewed-item:nth-child(3) {
        height: 280px;
        grid-column: 1 / 2;
        grid-row: 2 / 3;
        align-items: flex-end;
    }
    .home-left-content {
        padding-right: 0;
        width: 100%;
        float: none;
    }
    /**home **/
    /* archive */
    .archive-left-content {
        width: 300px;
    }
    .archive-right-content {
        width: calc(100% - 324px);
        float: right;
        margin-left: 24px;
    }
    .archive-header-content {
        width: calc(100% - 324px);
    }
    .archive-category-children-fluid {
        width: calc(100% - 324px);
    }
    .archive-sidebar-content .social-link.social-link-sidebar:nth-last-child(2) {
        display: none;
    }
    .social-link.social-link-sidebar span,
    .social-more-btn-sidebar span {
        width: 22px;
        height: 22px;
        padding: 0;
        box-sizing: content-box;
    }
    /* archive */
    /* single  */
    .single-post-header {
        width: 550px;
        margin-right: 81px;
    }
    .share-timeline-wrapper {
        width: 57px;
    }
    .single-left-content {
        width: 304px;
    }
    .single-right-content {
        width: 631px;
    }
    .single-posts-wrapper {
        width: 550px;
    }
    .single-sidebar .single-sidebar-content {
        border-radius: 24px !important;
        overflow: hidden;
        height: auto;
    }
    .single-left-content .sidebar-section.specialties-section {
        margin: 0;
    }
    /* single  */
}

@media (min-width: 1280px) and (max-width: 1440px) {
    /**home **/
    .home-right-content {
        width: 528px;
    }
    .home-left-content {
        width: calc(100% - 528px);
    }
    .home-videos-swiper .swiper-slide {
        width: 180px !important;
    }
    .latest-content-post-thumbnail {
        width: 190px;
    }
    .latest-content-post-content {
        width: calc(100% - 190px);
    }
    /**home **/
    /* archive */
    .archive-left-content {
        width: 368px;
    }
    .archive-right-content {
        width: calc(100% - 392px);
        float: right;
        margin-left: 24px;
    }
    .archive-header-content {
        width: calc(100% - 392px);
    }
    .archive-category-children-fluid {
        width: calc(100% - 392px);
    }
    /* archive */
    /* single  */
    .single-post-header {
        width: 662px;
    }
    .single-left-content {
        width: 336px;
    }
    .single-right-content {
        width: 773px;
    }
    .single-posts-wrapper {
        width: 662px;
    }
    /* single  */
}

@media (min-width: 1440px) and (max-width: 1920px) {}

@media (min-width: 1920px) {
    /* archive */
    .archive-left-content {
        width: 475px;
    }
    .archive-right-content {
        width: calc(100% - 499px);
        float: right;
        margin-left: 24px;
    }
    .archive-header-content {
        width: calc(100% - 499px);
    }
    .archive-category-children-fluid {
        width: calc(100% - 499px);
    }
    /* archive */
    /* single */
    .single-post-header {
        width: 916px;
    }
    .single-right-content {
        width: 1027px;
    }
    .single-posts-wrapper {
        width: 916px;
    }
    /* single */
}