:host,
:root {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.woff2)
      format("woff2"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.ttf)
      format("truetype");
}
.fa-brands {
  font-weight: 400;
}
.fa-cloudflare:before {
  content: "\e07d";
}
.fa-js-square:before,
.fa-square-js:before {
  content: "\f3b9";
}
.fa-microsoft:before {
  content: "\f3ca";
}
.fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}
.fa-creative-commons-by:before {
  content: "\f4e7";
}
.fa-vk:before {
  content: "\f189";
}
.fa-css3-alt:before {
  content: "\f38b";
}
.fa-reddit-square:before,
.fa-square-reddit:before {
  content: "\f1a2";
}
.fa-square-font-awesome:before {
  content: "\e5ad";
}
.fa-instagram-square:before,
.fa-square-instagram:before {
  content: "\e055";
}
.fa-snapchat-square:before,
.fa-square-snapchat:before {
  content: "\f2ad";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-font-awesome-alt:before,
.fa-square-font-awesome-stroke:before {
  content: "\f35c";
}
.fa-linkedin-in:before {
  content: "\f0e1";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-git-alt:before {
  content: "\f841";
}
.fa-rev:before {
  content: "\f5b2";
}
.fa-dribbble-square:before,
.fa-square-dribbble:before {
  content: "\f397";
}
.fa-square-twitter:before,
.fa-twitter-square:before {
  content: "\f081";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-square-youtube:before,
.fa-youtube-square:before {
  content: "\f431";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-meta:before {
  content: "\e49b";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-discord:before {
  content: "\f392";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-font-awesome-logo-full:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-apple:before {
  content: "\f179";
}
.fa-github-square:before,
.fa-square-github:before {
  content: "\f092";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-page4:before {
  content: "\f3d7";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-creative-commons-share:before {
  content: "\f4f2";
}
.fa-pinterest-square:before,
.fa-square-pinterest:before {
  content: "\f0d3";
}
.fa-creative-commons-pd:before {
  content: "\f4ec";
}
.fa-blogger-b:before {
  content: "\f37d";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-facebook-f:before {
  content: "\f39e";
}
.fa-fly:before {
  content: "\f417";
}
.fa-blogger:before {
  content: "\f37c";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-facebook-messenger:before {
  content: "\f39f";
}
.fa-x-twitter:before {
  content: "\e61b";
}
.fa-creative-commons-nd:before {
  content: "\f4eb";
}
.fa-tiktok:before {
  content: "\e07b";
}
.fa-facebook-square:before,
.fa-square-facebook:before {
  content: "\f082";
}
.fa-linkedin:before {
  content: "\f08c";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-line:before {
  content: "\f3c0";
}
.fa-d-and-d:before {
  content: "\f38d";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-ns8:before {
  content: "\f3d5";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-apper:before {
  content: "\f371";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-behance-square:before,
.fa-square-behance:before {
  content: "\f1b5";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-space-awesome:before {
  content: "\e5ac";
}
.fa-git-square:before,
.fa-square-git:before {
  content: "\f1d2";
}
.fa-square-tumblr:before,
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-js:before {
  content: "\f3b8";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-github:before {
  content: "\f09b";
}
.fa-php:before {
  content: "\f457";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-square-whatsapp:before,
.fa-whatsapp-square:before {
  content: "\f40c";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-square-x-twitter:before {
  content: "\e61a";
}
.fa-flipboard:before {
  content: "\f44d";
}
.fa-buy-n-large:before {
  content: "\f8a6";
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2)
    format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2)
    format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2)
    format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2)
    format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2)
    format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2)
    format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2)
    format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2)
    format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialiconsround/v105/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2)
    format("woff2");
}
.material-icons-round,
.material-symbols-rounded {
  font-family: "Material Icons Round";
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  vertical-align: middle;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
html.rtl {
  --body-font: "Cairo", Arial, sans-serif;
  --meta-font: "Cairo", Arial, sans-serif;
  --title-font: "Cairo", Arial, sans-serif;
  --text-font: "Cairo", Arial, sans-serif;
}
:root {
  --body-font: "Inter", Arial, sans-serif;
  --title-font: "Inter", Arial, sans-serif;
  --meta-font: "Inter", Arial, sans-serif;
  --text-font: "Inter", Arial, sans-serif;
  --text-font-color: #505050;
  --runs-solid-color: #c1bbbb;
  --black-color: #404040;
  --hero-color: #aaaaaa;
  --main-menu-bg: #ffffff;
  --snippet-color: #aba4a4;
  --solid-border: #ddd;
  --featured-posts-title: #333333;
  --button-bg-color: #d82461;
  --button-text-color: #ffffff;
  --lables-buttons-color: #d82461;
  --lables-text-color: #ffffff;
  --email-bg-color: #0723eb;
  --email-text-color: #ffffff;
  --cloud-bg-color: #d82461;
  --cloud-border-color: #d82461;
  --list-text-color: #333333;
  --theme-text-color: #3e3e3e;
  --featured-gadgets-title: #e8e8e8;
  --placeholder-text-color: #3e3e3e;
  --main-menu-text-color: #333333;
  --sub-menu-text-color: #3a3a3a;
  --footer-title-color: #e8e8e8;
  --footer-copyright-bg: #101121;
  --body-color-main: #f0fdff url() repeat fixed top left;
  --all-link-color: #112b3e;
  --black-text: #343434;
  --main-text-color: #101010;
  --mobile-menu-bg: #ffffff;
  --white-bg: #ffffff;
  --block-bg: #ffffff;
  --featured-posts-title-featured: #ffffff;
  --white-label-color: #ffffff;
  --bg-cards: #ffffff;
  --bg-cards-video: #121212;
  --bg-cards-shadow: -1px 7px 10px 0 rgb(0 0 0 / 0.06);
  --bt-breaking: rgba(0 0 0 / 0.08);
  --bt-breaking-text: #626262;
  --shadow-top: 0 0 20px rgba(0, 0, 0, 0.15);
  --shadow-top-fixed: 5px 5px 8px 0px rgba(224 223 223 / 0.48);
  --ads-bg: rgb(143 183 255 / 0.2);
  --ads-text: #898989;
  --buttons-category-text: #1d1d1d;
  --snip-text-color: #eeeeee;
  --search-bt-text: #626262;
  --comments-dec: #333;
  --sticky-bg: #f1f1f1;
  --input-form: transparent;
  --bt-home: #f2f7fb;
  --cm-count: #555555;
  --navigation-runs-text: #4e4e4e;
  --sticky-lists: #f7fcff;
  --post-snip-data: #707070;
  --post-snip-open: #383838;
  --ico-relative: #e60000;
  --ico-relative-hover: rgb(0 0 0 / 0.51);
  --front-bg-lists: #fff;
  --share-author-links: #585858;
  --box-posts-share: #f1f1f1;
  --title-share: #1c1c1c;
  --title-share-fa: #5c5c5c;
  --footer-text-color: #d7d7d7;
  --footer-about-text: #868686;
  --footer-bg-color: #141629;
  --footer-gadgets-title: #e8e8e8;
  --main-logo-text-color: #222222;
  --submenu-bg-color: #ffffff;
  --comment-content: #f6f6f6;
  --comment-text: #5e5e5e;
  --label-text-color: #2c2c2c;
  --pager-text-color: #6d6d6d;
  --back-top: rgb(90 90 90 / 0.18);
  --box-shadows: rgb(102 102 102 / 0.13);
}
body.dark {
  --main-logo-text-color: #d4d4d4;
  --all-link-color: rgba(255, 255, 255, 0.7);
  --body-color-main: #292929;
  --main-menu: #383838;
  --text-font-color: #d3d3d3;
  --shadow-top: none;
  --cloud-border-color: rgb(100 100 100 / 0.66);
  --cloud-bg-color: #ffffff;
  --mobile-menu-bg: #212121;
  --input-form: rgb(112 112 112 / 0.34);
  --shadow-top-fixed: none;
  --white-label-color: #464646;
  --search-bt-text: #b5b5b5;
  --main-menu-text-color: #dadada;
  --sub-menu-text-color: #dadada;
  --title-share: #dddddd;
  --black-color: #d9d9d9;
  --title-share-fa: #dddddd;
  --front-bg-lists: #292929;
  --box-shadows: transparent;
  --bt-home: #212121;
  --sticky-lists: #212121;
  --main-menu-bg: #232323;
  --post-snip-open: #eee;
  --footer-gadgets-title: #c3c3c3;
  --top-menu-text: #ffffff;
  --footer-title-color: #adadad;
  --sticky-bg: #212121;
  --placeholder-text-color: #dadada;
  --theme-text-color: #dadada;
  --featured-gadgets-title: #dadada;
  --ads-bg: #212121;
  --box-posts-share: #323232;
  --submenu-bg-color: #212121;
  --label-text-color: #a1a1a1;
  --featured-posts-title: #c3c3c3;
  --ads-text: #dadada;
  --buttons-category-text: #dadada;
  --bg-cards: #212121;
  --block-bg: #3a3a3a;
  --black-text: #f3f8fb;
  --post-snip-data: #a5a5a5;
  --comments-dec: #cecece;
  --comment-content: #353535;
  --comment-text: #c1c1c1;
  --footer-bg-color: #181818;
  --footer-text-color: #e4e4e4;
  --cm-count: #e4e4e4;
  --main-text-color: #e4e4e4;
  --navigation-runs-text: #c3c3c3;
  --share-author-links: #e4e4e4;
  --footer-copyright-bg: #292929;
}
a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: 0;
  margin: 0;
  text-decoration: none;
}
button,
form,
input,
textarea {
  font-family: var(--body-font);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  box-sizing: border-box;
}
.CSS_LIGHTBOX {
  z-index: 999999 !important;
}
.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER
  .CSS_HCONT_CHILDREN_HOLDER
  > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child
  > .CSS_LAYOUT_COMPONENT {
  opacity: 0;
}
input,
textarea {
  outline: 0;
  border: none;
}
html {
  position: relative;
  word-break: break-word;
  word-wrap: break-word;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
} /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
dl,
ul {
  list-style-position: inside;
  font-weight: 400;
  list-style: none;
}
button {
  cursor: pointer;
  outline: 0;
  border: none;
  background: 0 0;
}
ul li {
  list-style: none;
}
caption,
th {
  text-align: center;
}
.blogger-clickTrap {
  position: unset !important;
}
body,
html {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
.separator a {
  clear: none !important;
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#Navbar1,
#navbar-iframe,
.feed-links,
.home-link,
.widget-item-control,
a.quickedit {
  display: none !important;
}
.center {
  display: table;
  margin: 0 auto;
  position: relative;
}
.widget > h2,
.widget > h3 {
  display: none;
}
.widget iframe,
.widget img {
  max-width: 100%;
}
.container {
  position: relative;
  max-width: 100%;
  width: 1145px;
}
.center {
  display: table;
  margin: 0 auto;
  position: relative;
}
img {
  border: 0;
  position: relative;
}
a,
a:visited {
  text-decoration: none;
}
.clearfix {
  clear: both;
}
.section,
.widget,
.widget ul {
  margin: 0;
  padding: 0;
}
a {
      color: #ff006f;
    font-weight: 500;
}
a img {
  border: 0;
}
abbr {
  text-decoration: none;
}
.widget > h2,
.widget > h3 {
  display: none;
}
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.no-items.section {
  display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--title-font);
  font-weight: 600;
}
body {
  position: relative;
  background: var(--body-color-main);
  font-family: var(--body-font);
  font-size: 14px;
  font-weight: 400;
  color: var(--black-text);
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  font-style: normal;
  line-height: 1.4em;
}
#outer-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.outer-container {
  display: flex;
  justify-content: space-between;
}
h1 {
  font-size: 26px;
  line-height: 28px;
}
h3 {
  font-size: 22px;
  line-height: 21px;
}
h4 {
  font-size: 20px;
  line-height: 18px;
}
h5 {
  font-size: 16px;
  line-height: 16px;
}
h6 {
  font-size: 13px;
  line-height: 13px;
  margin-bottom: 0;
  margin-top: 0;
}
@media only screen and (min-width: 1025px) {
  h1 {
    font-size: 42px;
    line-height: 46px;
  }
  h2 {
    font-size: 36px;
    line-height: 40px;
  }
  h3 {
    font-size: 28px;
    line-height: 35px;
  }
  h4 {
    font-size: 21px;
    line-height: 26px;
  }
}
.post-body h1 {
  font-size: 28px;
}
.post-body h2 {
  font-size: 24px;
}
.post-body h3 {
  font-size: 21px;
}
.post-body h4 {
  font-size: 18px;
}
.post-body h5 {
  font-size: 16px;
}
.post-body h6 {
  font-size: 13px;
}
.dark .post-body p {
  background: 0 0 !important;
  color: #fff !important;
}
#center-container {
  overflow: hidden;
  padding: 20px 0 0;
  margin: 0;
}

#feed-view {
  position: relative;
  float: left;
  width: calc(100% - (320px + 5px));
  box-sizing: border-box;
  padding: 0;
}
#sidebar-container {
  position: relative;
  float: right;
  width: 320px;
  box-sizing: border-box;
  padding: 0;
}
.post-filter-image {
  position: relative;
  display: block;
  transition: transform 0.3s ease;
}
.snip-thumbnail {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.snip-thumbnail.lazy-img {
  opacity: 1;
}
.row,
.row-1 {
  position: relative;
}
.post-filter-link:hover .snip-thumbnail {
  filter: brightness(0.9);
}
.background-layer:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 66%;
  background-image: linear-gradient(to bottom, transparent, rgb(4 12 62));
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 2;
  opacity: 1;
  margin: 0;
  transition: opacity 0.25s ease;
}
.colorful-ico a:before,
.social a:before,
.social-front-hover a:before {
  display: inline-block;
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  vertical-align: middle;
}
.colorful-ico .rss a:before,
.social .rss a:before {
  content: "\e0e5";
  font-family: "Material Icons Round";
}
.colorful-ico .email a:before,
.social .email a:before {
  content: "\e158";
  font-family: "Material Icons Round";
}
.colorful-ico .external-link a:before,
.social .external-link a:before {
  content: "\e894";
  font-family: "Material Icons Round";
}
.colorful a:hover {
  opacity: 0.8;
}
.colorful .blogger a {
  color: #ff5722;
}
li a.fa-twitter:before {
  content: "\e61b";
}
.colorful .facebook a,
.colorful .facebook-f a {
  color: #3b5999;
}
.colorful .twitter a {
  color: #00acee;
}
.colorful .youtube a {
  color: #f50000;
}
.colorful .messenger a {
  color: #0084ff;
}
.colorful .snapchat a {
  color: #ffe700;
}
.colorful .telegram a {
  color: #179cde;
}
.colorful .instagram a {
  color: #dd277b;
}
.colorful .pinterest a,
.colorful .pinterest-p a {
  color: #ca2127;
}
.colorful .google a {
  color: #0165b4;
}
.colorful .apple a {
  color: #000;
}
.colorful .microsoft a {
  color: #0165b4;
}
.colorful .dribbble a {
  color: #ea4c89;
}
.colorful .linkedin a {
  color: #0077b5;
}
.colorful .tiktok a {
  color: #fe2c55;
}
.colorful .stumbleupon a {
  color: #eb4823;
}
.colorful .vk a {
  color: #4a76a8;
}
.colorful .stack-overflow a {
  color: #f48024;
}
.colorful .github a {
  color: #24292e;
}
.colorful .soundcloud a {
  background: linear-gradient(#ff7400, #ff3400);
}
.colorful .behance a {
  color: #191919;
}
.colorful .digg a {
  color: #1b1a19;
}
.colorful .delicious a {
  color: #0076e8;
}
.colorful .codepen a {
  color: #000;
}
.colorful .flipboard a {
  color: #f52828;
}
.colorful .reddit a {
  color: #ff4500;
}
.colorful .tumblr a {
  color: #365069;
}
.colorful .twitch a {
  color: #6441a5;
}
.colorful .rss a {
  color: #ffc200;
}
.colorful .skype a {
  color: #00aff0;
}
.colorful .whatsapp a {
  color: #3fbb50;
}
.colorful .discord a {
  color: #7289da;
}
.colorful .share a {
  color: var(--hero-color);
}
.colorful .email a {
  color: #888;
}
.colorful .external-link a {
  color: #3500e5;
}
.dark .colorful .external-link a {
  color: #eee;
}
.social-front-hover a.fa-facebook,
.social-front-hover a.fa-facebook-f {
  background: #3b5999;
}
.social-front-hover a.fa-twitter {
  background: #00acee;
}
.social-front-hover a.fa-whatsapp {
  background: #3fbb50;
}
.oOlIiI-Menu-logo {
  display: none;
}
#top-menu .selectnav,
.LSpeed-filter-logo {
  display: none;
}
.header-room {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.dark .post-body ol > li:before {
  color: #eee;
}
.oOlIiI-dark {
  position: relative;
  background-color: rgb(0 0 0 / 0.36);
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--button-text-color);
  width: 40px;
  height: 20px;
  margin: 0 10px 0 5px;
  border-radius: 20px;
}
.dark-bt .oOlIiI-dark {
  display: none;
}
.oOlIiI-dark:hover:before {
  opacity: 0.8;
}
.dark .oOlIiI-dark:before {
  content: "\ea46";
  left: 21px;
}
.oOlIiI-dark:before {
  content: "\e518";
  font-family: "Material Icons Round";
  position: absolute;
  left: 2px;
  width: 16px;
  height: 16px;
  text-align: center;
  background-color: var(--button-bg-color);
  font-weight: 400;
  line-height: 16px;
  z-index: 2;
  border-radius: 50%;
  box-shadow: 0 0 4px rgb(0 0 0 / 0.1);
  transition: left 0.18s ease;
}
.dark .oOlIiI-dark:after {
  content: "\e518";
  right: 26px;
}
.oOlIiI-dark:after {
  content: "\ea46";
  font-family: "Material Icons Round";
  position: absolute;
  right: 4px;
  width: 10px;
  font-size: 8px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  opacity: 0.5;
  transition: right 0.18s ease;
}
h1.blog-title {
  font-size: 24px;
  max-width: 195px;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#oOlIiI-menufl > .mega-menu {
  position: unset !important;
}
.oOlIiI-jblocks li:hover .BiggerMenu {
  opacity: 1;
  visibility: visible;
}
.drop-down > a:after {
  content: "\e5cf";
  float: right;
  font-family: "Material Icons Round";
  font-size: 9px;
  font-weight: 400;
  margin: -1px 0 0 5px;
}
.BiggerMenu {
  position: absolute;
  background-color: var(--block-bg);
  top: 59px;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  left: 0;
  box-sizing: border-box;
  border-radius: 4px;
  right: 0;
  z-index: 3333;
  color: var(--white-bg);
  height: auto;
  padding: 20px;
  min-height: 100px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.28);
  transition: all 0.3s ease;
}
.oOlIiI-jblocks li:hover .BiggerMenu {
  margin-top: 1px;
  opacity: 1;
  visibility: visible;
}
.Mega-ui {
  width: calc((100% - 30px) / 5);
  box-sizing: border-box;
  float: left;
  overflow: hidden;
  position: relative;
}
.Mega-ui:last-child {
  margin-right: 0;
}
.Mega-uis {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.Mega-uis .Mega-img-ui {
  position: relative;
  display: block;
  margin: 0 5px;
}
.Mega-ui .post-filter-link {
  width: 100%;
  height: 300px;
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 2px 4px 1px rgb(0 0 0 / 0.37);
}
.Mega-uis .entry-title {
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  line-height: 1.2em;
  margin: 0;
}
.entery-category-box .entry-title {
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 20px;
  margin: 5px 0;
}
.entery-category .entry-title a,
.entery-category-box .entry-title a {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.flex-section {
  position: relative;
  display: flex;
  width: 100%;
  float: left;
  align-items: center;
  justify-content: center;
}
.flex-ft {
  display: flex;
  justify-content: center;
  padding: 0 10px;
}
.tociki-pro {
  display: flex;
  width: 100%;
  clear: both;
  margin: 0;
}
.tociki-inner {
  position: relative;
  max-width: 100%;
  font-size: 14px;
  background-color: rgba(165 165 165 / 0.1);
  overflow: hidden;
  line-height: 23px;
  border: 1px solid #a0a0a0;
  border-radius: 5px;
}
a.oOlIiI-toc {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 38px;
  font-size: 16px;
  font-weight: 600;
  color: var(--text-font-color);
  padding: 0 15px;
  margin: 0;
}
.oOlIiI-toc-text {
  display: flex;
}
.oOlIiI-toc-text:before {
  content: "\e242";
  font-family: "Material Icons Round";
  font-size: 20px;
  font-weight: 400;
  margin: 0 5px 0 0;
}
.rtl .oOlIiI-toc-text:before {
  margin: 0 0 0 5px;
}
.oOlIiI-toc:after {
  content: "\e5cf";
  font-family: "Material Icons Round";
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 0 25px;
  color: var(--buttons-category-text);
}
.rtl .oOlIiI-toc:after {
  margin: 0 25px 0 0;
}
.oOlIiI-toc.opened:after {
  content: "\e5ce";
}
a.oOlIiI-toc:hover {
  text-decoration: none;
}
#tociki {
  display: none;
  padding: 0 15px 10px;
  margin: 0;
}
#tociki ol {
  padding: 0 0 0 15px;
}
#tociki li {
  font-size: 14px;
  margin: 10px 0;
}
#tociki li a {
  color: var(--main-text-color);
}
#tociki li a:hover {
  opacity: 0.8;
  text-decoration: underline;
}
#bottom-ad-placeholder .widget > .widget-title,
#top-ad-placeholder .widget > .widget-title {
  display: none;
}
#bottom-ad-placeholder,
#top-ad-placeholder {
  margin: 15px 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
.main-ads-ehome {
  position: relative;
  margin: 15px 5px;
}
.main-ads-ehome .widget {
  position: relative;
  float: left;
  width: 100%;
  line-height: 0;
  margin: 0 0 5px;
}
#post-placeholder {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 0 5px;
  margin: 10px 0;
}
#post-placeholder .widget {
  position: relative;
  width: 100%;
  line-height: 0;
  height: auto;
}
.footer-container {
  padding: 20px;
  background: var(--footer-copyright-bg);
}
.footer-container .footer-copyright {
  position: relative;
  font-size: 13px;
  margin: 0;
}
.copyright-text {
  margin: 0;
  color: var(--footer-text-color);
}
.footer-container .footer-copyright a {
  color: var(--footer-text-color);
}
.footer-container .footer-copyright a:hover {
  color: var(--footer-text-color);
}
#footer-checks-menu {
  position: relative;
  display: block;
  margin: 0;
}
.footer-checks-menu ul li {
  position: relative;
  float: left;
  margin: 0;
}
.footer-checks-menu ul li a {
  float: left;
  font-size: 14px;
  color: var(--footer-text-color);
  padding: 0 5px;
  margin: 0;
}
#footer-checks-menu ul li a:hover {
  opacity: 0.8;
}
.sharing-button .facebook a,
.sharing-button .facebook-f a {
  background-color: #3b5999;
}
.sharing-button .twitter a,
.sharing-button .twitter-square a {
  background-color: #00acee;
}
.sharing-button .reddit a {
  background-color: #ff4500;
}
.sharing-button .pinterest a,
.sharing-button .pinterest-p a {
  background-color: #ca2127;
}
.sharing-button .linkedin a {
  background-color: #0077b5;
}
.sharing-button .whatsapp a {
  background-color: #3fbb50;
}
.sharing-button .email a {
  background-color: #888;
}
.oOlIiI-Menu .fa {
  color: #fff !important;
}
#oOlIiI-MenuTested {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
}
.oOlIiI-MenuWorks .container {
  margin: 0 auto;
}
.oOlIiI-MenuWorks,
.oOlIiI-MenuWorks-wrap {
  position: relative;
  float: left;
  z-index: 990;
  background: var(--main-menu-bg);
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.SuperLogo-wrap {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  float: left;
  margin: 0 30px 0 0;
  padding: 0;
  border-radius: 4px;
}
.header-room img {
  display: block;
  width: auto;
  height: auto;
  max-height: 50px;
  margin: 0;
}
.oOlIiI-menuok {
  display: none;
  color: var(--main-menu-text-color);
  font-size: 17px;
  padding: 0 15px;
}
.header-section {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  float: left;
  width: 100%;
  margin: 0;
}
.header-left {
  position: static;
  display: flex;
  margin: 0;
  align-items: center;
}
.rtl .header-right {
  left: 14px;
  right: unset;
}
.header-right {
  position: absolute;
  top: 0;
  right: 14px;
  margin: 0;
  z-index: 11;
  backdrop-filter: blur(1vh);
  overflow: hidden;
}
.header-room h1 {
  display: block;
  font-size: 25px;
  color: var(--main-logo-text-color);
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.header-room h1 a {
  color: var(--main-logo-text-color);
}
.header-room #title-header {
  display: none;
  visibility: hidden;
}
.header-room .LinkList .widget-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.oOlIiI-MenuWorks.show {
  top: 0;
  margin: 0;
}
.oOlIiI-MenuWorks.fixed-nos.show {
  background: var(--main-menu-bg);
}
.main-menu-wrap {
  position: static;
  height: 56px;
  margin: 0;
}
#oOlIiI-jblocks .show-menu {
  display: block;
}
#oOlIiI-jblocks {
  position: static;
  height: 60px;
  z-index: 10;
}
#oOlIiI-jblocks ul > li {
  position: relative;
  display: flex;
  flex-shrink: 0;
}
#oOlIiI-menufl > li > a {
  position: relative;
  display: block;
  height: 60px;
  font-size: 14px;
  color: var(--main-menu-text-color);
  font-weight: 600;
  text-transform: capitalize;
  line-height: 60px;
  padding: 0 10px;
  margin: 0;
}
#oOlIiI-menufl > li > a i {
  margin: 0 3px 0 0;
  font-size: 16px;
  color: var(--button-bg-color);
}
#oOlIiI-menufl > li > a:hover {
  opacity: 0.8;
}
#oOlIiI-jblocks ul > li > ul {
  position: absolute;
  float: left;
  left: 0;
  top: 60px;
  width: 180px;
  background: var(--submenu-bg-color);
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  padding: 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.17);
}
#oOlIiI-jblocks ul > li > ul > li > ul {
  position: absolute;
  top: 0;
  left: 100%;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  margin: 0;
}
#oOlIiI-jblocks ul > li > ul > li {
  display: block;
  float: none;
  position: relative;
}
#oOlIiI-jblocks ul > li > ul > li a {
  position: relative;
  display: block;
  height: 36px;
  font-size: 13px;
  color: var(--sub-menu-text-color);
  line-height: 36px;
  font-weight: 400;
  box-sizing: border-box;
  padding: 0 15px;
  margin: 0;
  border-bottom: 1px solid rgba(155, 155, 155, 0.07);
}
#oOlIiI-jblocks ul > li > ul > li:last-child a {
  border: 0;
}
#oOlIiI-jblocks ul > li > ul > li:hover > a {
  opacity: 0.8;
}
#oOlIiI-jblocks ul > li.sub-has > a:after,
#oOlIiI-jblocks ul > li.sub-tab > a:after {
  content: "\e5cf";
  font-family: "Material Icons Round";
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 0 5px;
  transition: 0.31s;
  vertical-align: middle;
}
#oOlIiI-jblocks ul > li > ul > li.sub-tab > a:after {
  content: "\e5cc";
  float: right;
  margin: 0;
}
#oOlIiI-jblocks ul > li:hover > ul,
#oOlIiI-jblocks ul > li > ul > li:hover > ul {
  visibility: visible;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate(0);
  transform: translate(0);
}
#oOlIiI-jblocks ul ul {
  transition: all 0.35s ease;
}
.loading-icon {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-section .loading-icon {
  margin: 15px 0;
}
.oOlIiI-raw .loading-icon {
  height: 185px;
}
.loading-icon:after {
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid var(--main-text-color);
  border-right: 2px solid #c1c1c1;
  display: inline-block;
  animation: runload 0.6s infinite;
}
@-webkit-keyframes runload {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes runload {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.loading-frame {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.run-time {
  animation-name: fadeIn;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 5px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.load-time {
  animation-name: fadeInUp;
}
#overlay-id,
.overlay {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(10 18 43 / 0.61);
  backdrop-filter: blur(2px);
  z-index: 1000;
  margin: 0;
  transition: all 0.25s ease;
}
.oOlIiI-menuok:before {
  content: "\e5d2";
  font-family: "Material Icons Round";
  font-size: 24px;
  font-weight: 400;
}
#menu-space {
  display: none;
  position: fixed;
  width: 80%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  background: var(--mobile-menu-bg);
  overflow: auto;
  z-index: 1010;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: hidden;
  box-shadow: 3px 0 7px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
  -moz-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
  -o-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
  transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
.spring-open #menu-space {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  opacity: 0.99;
  -webkit-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
  -moz-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
  -o-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
  transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
.area-runs {
  display: flex;
  padding: 10px 0;
  margin: 0 12px 0 0;
  opacity: 0;
  transition: all ease-in-out 0.3s;
  justify-content: flex-end;
}
.rtl .area-runs {
  margin: 0 0 0 12px;
}
#menu-space {
  transition: all 0.6s ease-in-out;
}
.hide-oOlIiI-Menu:hover {
  opacity: 0.8;
}
.hide-oOlIiI-Menu {
  display: block;
  color: var(--main-menu-text-color);
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  z-index: 20;
  background: rgb(0 132 255 / 0.1);
  border-radius: 4px;
  padding: 0 12px;
  transition: transform ease-out 0.2s;
}
.hide-oOlIiI-Menu:before {
  content: "\e5cd";
  font-family: "Material Icons Round";
  font-weight: 400;
}
.spring-open .area-runs,
.spring-open .menu-space-flex {
  opacity: 1;
}
.menu-space-flex {
  display: flex;
  flex-direction: column;
  opacity: 0;
  justify-content: space-between;
  float: left;
  width: 100%;
  height: calc(100% - 8%);
  transition: all ease-in-out 0.3s;
}
.oOlIiI-social ul {
  margin: 0 0 0 15px;
  float: left;
}
.post-inner-data.flex {
  display: flex;
  align-content: center;
}
.post-inner-user {
  position: relative;
  float: left;
}
span.author-image {
  position: relative;
  display: block;
  height: 40px;
  width: 40px;
}
span.author-image img {
  border-radius: 50%;
}
.oOlIiI-Menu {
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0 25px;
}
ul#oOlIiI-menufl {
  display: flex;
  height: 70px;
}
.oOlIiI-Menu > ul {
  margin: 0;
}
#oOlIiI-jblocks .fa {
  padding: 0 5px;
}
.oOlIiI-Menu .fa {
  margin: 5px;
  padding: auto;
}
.oOlIiI-Menu .m-sub {
  display: none;
  padding: 0;
}
.oOlIiI-Menu ul li {
  position: relative;
  display: block;
  overflow: hidden;
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.oOlIiI-Menu > ul li ul {
  overflow: hidden;
}
.oOlIiI-Menu > ul > li {
  border-bottom: 1px solid rgb(181 181 181 / 0.2);
}
.oOlIiI-Menu > ul > li.sub-tab > a:after,
.oOlIiI-Menu > ul > li > ul > li.sub-tab > a:after {
  font-family: "Material Icons Round";
  font-weight: 400;
  content: "\e5cf";
  position: absolute;
  right: 0;
  font-size: 24px;
  vertical-align: middle;
}
.rtl .oOlIiI-Menu > ul > li.sub-tab > a:after,
.rtl .oOlIiI-Menu > ul > li > ul > li.sub-tab > a:after {
  left: 0;
  right: unset;
}
.oOlIiI-Menu ul li.sub-tab.show > a:after {
  content: "\e5ce";
}
.oOlIiI-Menu ul li a:hover,
.oOlIiI-Menu ul li.sub-tab.show > .submenu-toggle,
.oOlIiI-Menu ul li.sub-tab.show > a {
  color: fff;
}
.oOlIiI-Menu > ul > li > ul > li a {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: var(--sub-menu-text-color);
  padding: 5px 0 5px 15px;
}
.oOlIiI-Menu > ul > li > ul > li a:before {
  content: "\e061";
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  color: rgb(88 88 88 / 0.42);
  font-size: 6px;
  padding-right: 5px;
  position: absolute;
  left: 4px;
  vertical-align: middle;
}
.oOlIiI-Menu > ul > li > ul > li > ul > li > a {
  padding: 5px 0 5px 30px;
}
.oOlIiI-Menu ul > li > .submenu-toggle:hover {
  opacity: 0.8;
}
.fixed-nos {
  position: fixed;
  top: -80px;
  left: 0;
  width: 100%;
  z-index: 990;
  box-shadow: none;
  transition: top 0.17s ease;
}
.spring-open .fixed-nos {
  top: 0;
}
.spring-open {
  overflow: hidden;
  left: 0;
  right: 0;
}
.search-wrap {
  position: relative;
  display: flex;
  height: 60px;
  align-items: center;
  margin: 0;
}
#oOlIiI-gSearch {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 25px;
  left: 50%;
  max-width: 480px;
  width: 95%;
  background: var(--block-bg);
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transform: translate3d(-50%, 50%, 0);
  z-index: 1010;
  border-radius: 6px;
  box-shadow: 0 0 4px 2px rgb(129 129 129 / 0.05);
  transition: all 0.17s ease;
}
.active-search #oOlIiI-gSearch {
  backface-visibility: inherit;
  visibility: visible;
  opacity: 1;
  transform: translate3d(-50%, 0, 0);
}
.active-search #overlay-id {
  cursor: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='17' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='100' x2='100' y2='0' stroke-width='14' stroke='white'%3e%3c/line%3e%3cline x1='0' y1='0' x2='100' y2='100' stroke-width='14' stroke='white'%3e%3c/line%3e%3c/svg%3e"),
    auto;
  visibility: visible;
  opacity: 1;
}
.oOlIiI-gSearch-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgb(120 120 120 / 0.11);
  overflow: hidden;
  margin: 0;
}
.oOlIiI-gSearch-container .search-form {
  position: relative;
  flex: 1;
  padding: 0;
  border: 0;
  border-radius: 4px 0 0 4px;
}
.oOlIiI-gSearch-container .search-input {
  position: relative;
  width: 100%;
  height: 60px;
  background: 0 0;
  color: var(--search-bt-text);
  font-size: 15px;
  font-weight: 400;
  padding: 0 0 0 15px;
  border: 0;
}
.oOlIiI-gSearch-container .search-input::placeholder,
.oOlIiI-gSearch-container .search-input:focus {
  color: var(--search-bt-text);
  outline: 0;
}
.oOlIiI-gSearch-container .search-input::placeholder {
  opacity: 0.7;
}
.oOlIiI-gSearch-close {
  width: 50px;
  height: 50px;
  border-radius: 0 4px 4px 0;
  background: 0 0;
  color: var(--search-bt-text);
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform ease-out 0.2s;
  z-index: 20;
  padding: 0;
  margin: 0;
}
.oOlIiI-gSearch-close:hover {
  opacity: 0.8;
}
.oOlIiI-search {
  color: var(--main-menu-text-color);
  width: 40px;
  height: 40px;
  font-size: 26px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  z-index: 20;
  padding: 0;
  margin: 0;
  transition: margin 0.25s ease;
}
.oOlIiI-search:before,
.search-hidden:after {
  content: "\e8b6"; 
  font-family: "Material Icons Round";
  font-weight: 400;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.search-input input {
  border-radius: 5px;
  padding: 5px 10px;
  width: 98%;
  border: 2px solid #eee;
}
#oOlIiI-cookies {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 300px;
  background-color: var(--block-bg);
  z-index: 222;
  padding: 20px;
  visibility: hidden;
  opacity: 0;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 0.11);
  transition: all 0.3s ease;
}
#oOlIiI-cookies .cookies .widget .widget-content a {
  color: var(--navigation-runs-text);
  text-decoration: underline;
}
#oOlIiI-cookies .cookies .widget .widget-content a:after {
  content: "\e89e";
  font-family: "Material Icons Round";
  font-size: 15px;
  font-weight: 400;
  margin: 0 0 0 3px;
  vertical-align: middle;
}
#oOlIiI-cookies.cookies-show {
  visibility: visible;
  opacity: 1;
}
#oOlIiI-cookies .cookies .widget .widget-title {
  display: none;
}
.cookies-bt {
  display: inline-block;
  height: 35px;
  background-color: var(--button-bg-color);
  font-size: 14px;
  color: var(--button-text-color);
  font-weight: 400;
  line-height: 35px;
  padding: 0 20px;
  border: 0;
  border-radius: 4px;
}
#oOlIiI-cookies .cookies .widget .widget-content {
  display: block;
  font-size: 14px;
  color: var(--navigation-runs-text);
  margin: 0 0 15px;
}
.cookies-bt:hover {
  opacity: 0.8;
}
#hidden-widget-container,
.hidden-widgets,
.hide {
  display: none;
  visibility: hidden;
}
.my-ajax {
  position: relative;
  display: block;
  max-width: 480px;
  margin: 10px 0 0;
}
.oOlIiI-enews {
  position: relative;
  display: block;
  padding: 2px 5px;
  margin: 5px 10px;
  border-radius: 6px;
  border: 1px solid rgb(120 120 120 / 0.11);
  box-shadow: 0 0 4px 2px rgb(129 129 129 / 5%);
  box-sizing: border-box;
  overflow: hidden;
}
.search-thumb {
  position: relative;
  display: block;
  float: left;
  width: 120px;
  height: 90px;
  margin: 0 10px 0 0;
  border-radius: 6px;
  overflow: hidden;
}
.link-snip {
  display: block;
  text-align: center;
  margin: 15px;
}
.link-snip a {
  display: block;
  background: var(--button-bg-color);
  color: var(--button-text-color);
  border-radius: 6px;
  font-size: 15px;
  padding: 8px 0;
}
.post-snip {
  overflow: hidden;
  color: var(--post-snip-data);
  font-size: 12px;
  font-weight: 400;
  padding: 0;
}
span.post-author {
  font-size: 12px;
  color: var(--label-text-color);
  margin: 0 0 0 4px;
}
.modal-grid .post-snip,
.oOlIiI-myft .post-snip,
.post-filter .post-snip,
.relatedui-posts .post-snip,
.sidebar .PopularPosts .gaint .post-snip,
.video-section .post-snip {
  --post-snip-data: var(--snip-text-color);
  --label-text-color: var(--snip-text-color);
}
.entery-category-box {
  overflow: hidden;
}
span.post-tag {
  width: fit-content;
  display: flex;
  align-items: center;
  height: 18px;
  background-color: var(--lables-buttons-color);
  font-size: 10px;
  color: var(--lables-text-color);
  font-weight: 500;
  text-transform: uppercase;
  line-height: 0;
  padding: 1px 8px 0;
  border-radius: 2px;
  z-index: 2;
}
img.post-author-image {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  vertical-align: middle;
}
.rtl img.post-author-image {
  margin: 0 0 0 5px;
}
span.post-author:after {
  position: relative;
  display: inline-block;
  content: "in";
  margin: 0 3px;
  color: var(--post-snip-data);
}
.post-inner-username {
  display: flex;
  flex-direction: column;
  margin: 0 0 0 10px;
}
.all-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 12px;
  border-bottom: 1px solid rgb(100 100 100 / 0.12);
}
.post-inner-comments.flex {
  position: relative;
  overflow: hidden;
  margin: 0 5px 0;
  display: flex;
  align-items: center;
  align-content: center;
}
.post-inner-comments .share-top span {
  font-size: 18px;
}
span.post-author-times span {
  font-size: 16px;
  margin: 0 4px 0 0;
}
.post-times {
  position: relative;
  overflow: hidden;
  margin: 4px 0 0;
}
span.post-author-times {
  position: relative;
  display: inline-flex;
  font-size: 12px;
  color: var(--theme-text-color);
}
span.post-author-times i {
  margin: 0 4px 0 0;
}
.post-times span.post-date {
  position: relative;
  font-size: 12px;
  color: var(--post-snip-data);
}
span#readTime {
  position: relative;
  font-size: 12px;
  color: var(--post-snip-data);
}
span#readTime:before {
  content: "\e8b5";
  font-family: "Material Icons Round";
  font-weight: 400;
  font-size: 13px;
  vertical-align: middle;
  margin: 0 3px 0 5px;
}
.rtl .post-times span.post-date:before {
  margin: 0 0 0 5px;
}
.post-date:before {
  content: "\ebcc";
  font-family: "Material Icons Round";
  font-weight: 400;
  font-size: 13px;
  vertical-align: middle;
  margin: 0 5px 0 0;
}
.item .post-snip .post-author:before {
  content: "By -";
  margin: 0 3px 0 0;
  font-weight: 400;
}
.post-snip a {
  color: #333;
  transition: color 0.4s;
}
.post-snip .author-image {
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 25px;
  vertical-align: middle;
  height: 25px;
  background-color: var(--runs-author-color);
  padding: 1px;
  margin: 0 3px 0 0;
  border: 1px solid rgba(0 0 0 / 0.25);
  border-radius: 100%;
  box-shadow: 0 0 4px 3px rgba(0 0 0 / 0.06);
}
.e-ads {
  display: block;
  overflow: hidden;
  background-color: var(--ads-bg);
  text-align: center;
  line-height: 85px;
  font-size: 13px;
  font-style: italic;
  color: var(--ads-text);
  border-radius: 6px;
}
.e-ads-res {
  display: block;
  background-color: var(--ads-bg);
  text-align: center;
  line-height: 205px;
  font-size: 13px;
  font-style: italic;
  color: var(--ads-text);
  border-radius: 6px;
}
.NewsPro-post {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.NewsPro {
  width: 32%;
  background: #fff;
  border-radius: 0;
  margin-bottom: 20px;
  position: relative;
}
.oOlIiI-blocke .entry-title,
.oOlIiI-myrelated .entry-title,
.post-filter .entry-title,
.related-wrap-ui .entry-title {
  display: block;
  width: 100%;
  text-decoration: none;
  font-weight: 600;
  line-height: 1.4em;
  padding: 5px 0;
  margin: 0;
}
.post-filter .entry-title {
  font-size: 17px;
}
.oOlIiI-blocke .entry-title,
.oOlIiI-myrelated .entry-title,
.related-wrap-ui .entry-title {
  font-size: 13px;
}
.entry-title a {
  display: block;
  color: var(--featured-posts-title);
}
.entry-title a:hover {
  opacity: 0.8;
}
.StickyBox {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 72%, 0);
  transition: all 0.2s ease;
  z-index: 15151515;
}
.show-share .StickyBox {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
}
.StickyTab {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 20px;
  margin: 0 0 10px;
  color: var(--title-share);
  border-bottom: 1px solid rgb(92 92 92 / 0.17);
}
.StickyType {
  position: relative;
  display: block;
  float: left;
  font-size: 15px;
  font-weight: 700;
}
.copy-section {
  width: 100%;
}
.copy-section .title {
  font-size: 14px;
  font-weight: 700;
  padding: 0 20px;
}
.copy-post {
  display: flex;
  align-items: center;
  align-content: center;
  box-sizing: border-box;
  position: relative;
  justify-content: center;
  margin: 10px 20px 0;
}
.copy-post:before {
  content: "\e157";
  font-weight: 400;
  font-family: "Material Icons Round";
  position: absolute;
  left: 12px;
  font-size: 19px;
  color: var(--theme-text-color);
}
.rtl .copy-post:before {
  left: initial;
  right: 12px;
}
.copy-post.copied:before {
  content: "\e877";
  color: #16c900;
}
.copy-post input#showlink {
  color: #6b6b6b;
  background: 0 0;
  width: 100%;
  height: 35px;
  padding: 0 0 0 38px;
  border: 1px solid rgb(133 133 133 / 0.2);
  border-radius: 5px 0 0 5px;
}
.rtl .copy-post input#showlink {
  padding: 0 38px 0 0;
  border-radius: 0 5px 5px 0;
}
.copy-post button {
  background: var(--button-bg-color);
  color: var(--button-text-color);
  height: 35px;
  width: 80px;
  border: none;
  cursor: pointer;
  border-radius: 0 5px 5px 0;
}
.rtl .copy-post button {
  border-radius: 5px 0 0 5px;
}
.StickyTab label {
  position: relative;
  display: block;
  font-size: 20px;
  cursor: pointer;
  color: var(--title-share);
}
.StickyDemo {
  width: 100%;
  max-width: 500px;
  max-height: 90%;
  display: flex;
  margin: 0 auto;
  padding: 20px 20px 35px;
  background-color: var(--bg-cards);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 10px 8px -8px rgb(0 0 0 / 0.12);
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}
.share-wrapper-icons.colorful-ico {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 10px;
  padding: 10px 0 20px;
  border-bottom: 1px solid rgb(133 133 133 / 0.2);
}
.share-wrapper-icons.colorful-ico li {
  list-style: none;
  width: 25%;
  text-align: center;
}
.share-wrapper-icons.colorful-ico li a {
  display: block;
  width: 80px;
  height: 40px;
  line-height: 25px;
  font-size: 11px;
  margin: 6px auto;
  padding: 15px 0;
  border-radius: 2px;
  background: var(--box-posts-share);
  border: 1px solid rgb(116 116 116 / 0.09);
  text-align: center;
  cursor: pointer;
}
.share-wrapper-icons.colorful-ico li a:hover {
  opacity: 0.8;
}
.messageDone span {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -70px;
  font-size: 12px;
  display: block;
  width: 190px;
  margin: 0 auto 20px;
  padding: 8px;
  border-radius: 3px;
  background-color: rgb(0 0 0 / 0.63);
  color: #fefefe;
  line-height: 20px;
  text-align: center;
  opacity: 0;
  -webkit-animation: slidein 2s ease forwards;
  animation: slidein 2s ease forwards;
}
div#messageDone {
  display: block;
  padding: 20px 0 0;
}
.share-wrapper-icons.colorful-ico a:before {
  font-size: 24px;
  text-align: center;
  margin: 0 auto;
  display: block;
}
.show-share .overlay {
  filter: blur(2.5px);
  background-color: rgba(27, 27, 37, 0.5);
  z-index: 151515;
  backdrop-filter: saturate(100%) blur(2.5px);
  visibility: visible;
  opacity: 1;
}
.modal-grid .modal-image .entry-title,
.oOlIiI-myft .entry-title,
.oOlIiI-sidebare .entry-title,
.post-filter .entry-title,
.relatedui-posts .entry-title,
.sidebar .PopularPosts .gaint h2.entry-title,
.video-section.item0 .entry-title a {
  color: var(--featured-posts-title-featured);
}
.video-section.item0 .entry-title {
  font-size: 23px;
}
.emain-hero {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
a.simple-viewmore:hover {
  opacity: 0.8;
}
.NewsPro-post .item0 .label-news,
.NewsPro-post .item0 .post-author {
  display: block;
}
.NewsPro-post .label-news {
  display: none;
}
.NewsPro-post .item0 .post-author {
  display: inline-block;
  padding: 0 7px 0 0;
  text-transform: capitalize;
  color: var(--runs-solid-color);
  font-size: 11px;
  font-weight: 400;
}
.NewsPro-post .item0 {
  width: 100%;
}
.modal-grid {
  width: calc((100% - 45px) / 4);
  position: relative;
  margin: 0 auto 12px;
}
.erhero .modal-image .post-filter-link {
  position: relative;
  width: 100%;
  height: 130px;
  display: block;
  overflow: hidden;
}
.modal-grid .modal-image .post-filter-inner {
  position: relative;
  width: 100%;
  height: 412px;
  display: block;
  overflow: hidden;
}
.oOlIiI-raw .entery-category-box .entry-title {
  height: 42px;
  overflow: hidden;
}
.video-step {
  position: relative;
  float: left;
  width: calc((100% - 20px) / 2);
  margin: 5px 0;
  border-radius: 4px;
  overflow: hidden;
}
.video-step .vblock-thumb {
  position: relative;
  float: left;
  width: 100%;
  height: 142px;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border-radius: 4px;
}
.video-step .entery-category-box {
  float: left;
}
.video-section {
  position: relative;
  float: left;
  margin: 5px 0;
  border-radius: 4px;
  overflow: hidden;
}
.modal-grid .modal-image {
  position: relative;
  display: block;
  overflow: hidden;
  box-shadow: 0 2px 4px 1px rgb(0 0 0 / 0.37);
  border-radius: 7px;
}
.video-vg {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.video-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  margin: 0;
  justify-content: space-between;
}
.video-vg .vg-s {
  width: calc((100% - 15px) / 2);
}
.video-section .vblock-img {
  position: relative;
  float: left;
  width: 100%;
  height: 445px;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
span.post-tag-fly {
  position: absolute;
  left: 5px;
  bottom: 5px;
  background-color: var(--lables-buttons-color);
  font-size: 10px;
  color: var(--lables-text-color);
  font-weight: 500;
  text-transform: uppercase;
  padding: 1px 8px 0;
  border-radius: 4px;
  z-index: 2;
}
.oOlIiI-raw .type-megagrid {
  overflow: hidden;
}
.featured-post-pro .open-iki,
.oOlIiI-raw .open-iki {
  display: block !important;
}
.oOlIiI-raw .entry-title {
  display: block;
  text-decoration: none;
  font-weight: 600;
  line-height: 1.4em;
  font-size: 14px;
  padding: 4px 0 0;
  margin: auto;
}
.entery-category {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 11;
  width: 100%;
  box-sizing: border-box;
  padding: 5px 10px 10px;
}
.BiggerRelated {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 10px 0 0;
}
.oOlIiI-related {
  position: relative;
  margin: 0 0 25px;
  clear: both;
  display: block;
  padding: 15px;
  background: var(--bg-cards);
  box-shadow: var(--bg-cards-shadow);
  border-radius: 4px;
}
.oOlIiI-myrelated .entry-title a {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 17px;
}
a.post-filter-inner.gaint {
  position: relative;
  display: block;
  overflow: hidden;
}
.Bentery-category {
  position: relative;
  overflow: hidden;
}
.relatedui-posts {
  width: calc((100% - 20px) / 3);
  position: relative;
  margin: 0 auto 10px;
}
.relatedui-posts .post-filter-link {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.relatedui-posts .post-filter-inner {
  position: relative;
  width: 100%;
  height: 320px;
  display: block;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 2px 4px 1px rgb(0 0 0 / 0.37);
}
.blog-posts .widget-title,
.oOlIiI-related .widget-title,
.title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
a.simple-viewmore {
  position: relative;
  color: var(--theme-text-color);
  font-size: 13px;
  font-weight: 500;
  background: var(--block-bg);
  border-radius: 3px;
  border: 1px solid rgb(155 155 155 / 0.39);
  padding: 3px 7px;
}
.oOlIiI-blocke .widget {
  display: none;
  float: left;
  width: 100%;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 7px;
}
.oOlIiI-blocke .open-iki,
.oOlIiI-blocke .widget.PopularPosts {
  display: block !important;
}
.oOlIiI-blocke .widget .widget-content {
  position: relative;
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  min-height: 365px;
}
div#mega-wrap {
  position: relative;
  overflow: hidden;
  padding: 30px 0;
  background: linear-gradient(45deg, #ff3283, #9e0e2f);
}
.featured-grid-all {
  position: relative;
  display: flex;
  margin: 10px 0 0;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.oOlIiI-blocke .widget-title {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.oOlIiI-blocke .widget-title h3 {
  position: relative;
  display: block;
  line-height: 35px;
  font-size: 21px;
  color: #fff;
  margin: 0 0 10px;
}
.oOlIiI-blocke .widget-title h3:after {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  bottom: -5px;
  background-image: linear-gradient(
    to right,
    rgb(255 255 255 / 0),
    #fff,
    rgba(0, 0, 0, 0)
  );
  content: "";
  height: 2px;
  width: 80%;
}
.oOlIiI-myft {
  position: relative;
  width: calc((100% - 30px) / 4);
  margin: 0 0 10px;
}
.post-tag-color {
  display: block;
  color: var(--lables-buttons-color);
  font-size: 13px;
  font-weight: 600;
}
#miner-flex {
  position: relative;
  overflow: hidden;
  margin-top: 10px;
  background: rgb(16 32 62);
  background-image: url(https://blogger.googleusercontent.com/img/a/AVvXsEhMVy33mf_kdeUQfclb3oVOagMF_NtGIx6URuA2vGik2kaJqBB6vEURbeNQhNW5gUML3GzskQ1u7fytKSKLlBLIvzIlIj2Dz_hTzE4-rsC34S6kOaKn8n0uPwdqcmpeWhdrOmwrrb-uxAlck-xD17f4AI6m-vVzZpP0ZYRogB0I-HMIt01Z9Kqk3Qzt);
}
#miner-flex:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://blogger.googleusercontent.com/img/a/AVvXsEj2NE2OPzitOvRSii8USgubQPcH4zbeD3U2ifHxItvXesyL-zy6Rxp5GWr2_O9MlVZof9Sw2YxyY6G0O_RR8F3dcrS3kboxHVSns5PZnfUso79RrenvQEtnUrzyoO-7XLYl9xgCRwZZBHVABDCUpslXtudoEIm8KA8TF6kj5Ilv9Q60l8k5rSXbkS_v=s16000),
    rgb(5 14 42 / 0.79);
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: overlay;
}
.pixo-flex {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  height: 360px;
}
.pixo-flex .pixo-area {
  position: relative;
  width: 30%;
  display: flex;
  height: 240px;
  align-items: center;
  align-content: center;
}
.pixo-flex .pixo-area .widget {
  margin: 0 10px;
}
.pixo-flex .pixo-area .widget.Text .widget-content {
  position: relative;
  display: block;
  line-height: 20px;
  float: left;
  color: #d1d1d1;
  margin: 10px 0 0;
}
.pixo-flex .pixo-area .widget .widget-title {
  position: relative;
  display: block;
  margin: 0;
}
.pixo-flex .pixo-area .widget .widget-title h3 {
  font-size: 22px;
  line-height: 26px;
  margin: 0 0 10px;
  color: #fff;
}
.pixo-category {
  display: flex;
  margin: 0;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
}
.pixo-category .widget {
  position: relative;
  width: calc((100% - 110px) / 4);
  float: left;
  margin: 0 0 10px;
  background: var(--main-menu-bg);
  overflow: hidden;
  border-radius: 10px;
  box-shadow: -1px 7px 8px 0 rgb(0 0 0 / 0.1);
  transition: all 0.3s ease;
}
.pixo-category-img {
  position: relative;
  margin: auto;
  text-align: center;
  overflow: hidden;
  height: 182px;
}
.pixo-category-img a {
  height: 182px;
  overflow: hidden;
  width: 100%;
  display: block;
  margin: 0;
}
.pixo-category-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.pixo-category-title {
  text-align: center;
  padding: 0 5px;
}
.pixo-category-title h2 {
  margin: 0;
}
.pixo-category-title h2 a {
  display: block;
  line-height: 38px;
  font-size: 14px;
  text-align: center;
  text-transform: capitalize;
}
.pixo-category-title h2 a:hover {
  color: var(--read-more-color);
}
.modal-grid .modal-image .entry-title {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 18px;
}
.oOlIiI-blocke .widget .post-filter-inner {
  width: 100%;
  height: 412px;
  position: relative;
  display: block;
  overflow: hidden;
  box-shadow: 0 2px 4px 1px rgb(0 0 0 / 0.37);
  border-radius: 7px;
}
.oOlIiI-blocke .widget .post-filter-link {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
.oOlIiI-raw .widget {
  float: left;
  width: 100%;
  padding: 15px;
  margin: 10px 0;
  box-sizing: border-box;
}
.oOlIiI-raw .widget-title {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.oOlIiI-raw .type-col-right {
  float: right;
}
.oOlIiI-raw .type-col-left,
.oOlIiI-raw .type-col-right {
  width: calc((100% - 25px) / 2);
}
.oOlIiI-raw .modal-grid .modal-image .post-filter-link {
  height: 100%;
  width: 100%;
  display: block;
}
#footer-hall {
  background: var(--bg-cards-video);
}
#footer-hall:after {
  background: url(https://1.bp.blogspot.com/-YTjPASOWTAQ/YNQ3xSlBNjI/AAAAAAAAB34/G7kSHdwBZYI5xmb2cytxEkyRhswXCHXsgCLcBGAsYHQ/s1320/eFrame.png)
    no-repeat scroll left top;
  right: 0;
  transform: rotate(180deg);
}
#footer-hall:before {
  background: url(https://1.bp.blogspot.com/-YTjPASOWTAQ/YNQ3xSlBNjI/AAAAAAAAB34/G7kSHdwBZYI5xmb2cytxEkyRhswXCHXsgCLcBGAsYHQ/s1000/eFrame.png)
    no-repeat scroll left top;
  left: 0;
}
#footer-hall:after,
#footer-hall:before {
  position: absolute;
  top: 40px;
  content: "";
  width: 150px;
  height: 426px;
}
#room-box1 .widget {
  --featured-posts-title: var(--snip-text-color);
  --block-bg: transparent;
  --featured-gadgets-title: var(--snip-text-color);
  --theme-text-color: var(--snip-text-color);
}
.blog-posts .widget-title,
.oOlIiI-raw .widget-title,
.oOlIiI-related .widget-title,
.sidebar .widget-title,
.title-wrap {
  position: relative;
  float: none;
  width: 100%;
  height: 32px;
  box-sizing: border-box;
  margin: 0 0 20px;
}
.blog-posts .widget-title h3,
.oOlIiI-raw .widget-title h3,
.oOlIiI-related .widget-title h3,
.sidebar .widget-title h3,
.title-wrap h3 {
  position: relative;
  float: left;
  font-family: var(--title-font);
  height: 32px;
  font-size: 17px;
  color: var(--theme-text-color);
  font-weight: 600;
  line-height: 32px;
  border-left: 2px solid var(--button-bg-color);
  padding: 0 12px 0 8px;
  margin: 0;
}
.blog-posts .widget-title h3:after,
.oOlIiI-raw .widget-title h3:after,
.oOlIiI-related .widget-title h3:after,
.sidebar .widget-title h3:after,
.title-wrap h3:after {
  left: 0;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  content: "";
  width: 100%;
  border-bottom: 2px solid var(--button-bg-color);
}
.rtl .blog-posts .widget-title h3,
.rtl .oOlIiI-raw .widget-title h3,
.rtl .oOlIiI-related .widget-title h3,
.rtl .sidebar .widget-title h3 {
  float: right;
}
.sidebar .PopularPosts .gaint h2.entry-title {
  font-size: 16px;
}
.error-status {
  display: block;
  text-align: center;
  font-size: 13px;
  color: var(--theme-text-color);
  padding: 35px 0;
  font-weight: 400;
}
.error-status b {
  font-weight: 600;
}
.wait {
  font-size: 14px;
  text-align: center;
  height: 300px;
  line-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.BiggerSidebarOk {
  position: relative;
  float: left;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.BiggerSidebarOk .oOlIiI-sidebare {
  position: relative;
  display: flex;
  flex-direction: column;
}
.BiggerSidebarOk .oOlIiI-sidebare .post-filter-inner {
  position: relative;
  width: 100%;
  height: 185px;
  margin: 0 0 8px;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 2px 4px 1px rgb(0 0 0 / 0.37);
}
.BiggerSidebarOk .oOlIiI-sidebare .post-filter-link {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.BiggerSidebarOk .oOlIiI-sidebare .entry-title {
  font-size: 14px;
  display: block;
  font-weight: 600;
  line-height: 1.3em;
}
.featured-meta {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 5px 10px;
}
.queryMessage {
  display: block;
  font-size: 15px;
  font-weight: 600;
  padding: 0 0 0 10px;
  border-radius: 4px;
  margin: 0 0 10px;
  color: var(--theme-text-color);
  overflow: hidden;
}
.queryMessage .query-info {
  margin: 0 5px;
}
.queryMessage .search-query {
  font-weight: 700;
  text-transform: uppercase;
}
.queryMessage .query-info:before {
  content: "\e5cc";
  font-family: "Material Icons Round";
  float: left;
  font-size: 24px;
  font-weight: 400;
  margin: 0;
}
.queryEmpty {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  padding: 10px 0;
  margin: 0 0 20px;
}
.dark table,
.dark td {
  border-color: rgba(255, 255, 255, 0.1);
}
.share-top {
  position: relative;
  display: block;
  margin: 0 10px;
  font-size: 15px;
  color: var(--featured-posts-title);
  background: rgb(128 128 128 / 0.07);
  width: 35px;
  height: 32px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  border: 1px solid rgb(129 129 129 / 0.19);
  border-radius: 3px;
}
.post-inner-area .post-snip:not(.post-inner-area.post-card.post-snip) {
  color: var(--theme-text-color);
  padding: 10px 5px 10px;
  font-size: 13px;
  border-bottom: 1px solid #ccc;
}
.comment-bubble {
  margin-top: 4px;
  color: var(--cm-count);
}
.comment-bubble:after {
  content: "\e0b9";
  font-family: "Material Icons Round";
  vertical-align: middle;
  font-size: 15px;
  font-weight: 400;
  margin-left: 5px;
}
.rtl .comment-bubble:after {
  margin: 0 0 0 5px;
}
.post-inner-area {
  position: relative;
  float: left;
  overflow: hidden;
  padding: 15px 10px 20px;
  box-sizing: border-box;
  margin: 0 0 15px;
  background: var(--bg-cards);
  box-shadow: var(--bg-cards-shadow);
  border-radius: 4px;
}
.post-filter-wrap {
  position: relative;
  float: left;
  display: block;
  padding: 15px;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
}
.blog-post {
  display: block;
  word-wrap: break-word;
}
.post-filter-wrap .grid-posts {
  display: flex;
  margin: 0;
  flex-wrap: wrap;
  justify-content: space-between;
}
.post-filter .post-filter-inner.video-nos:after,
.post-filter-link.video-nos:after {
  content: "\e037";
  font-family: "Material Icons Round";
  font-size: 24px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 6px;
  font-weight: 400;
  background: var(--ico-relative);
  color: #fff;
  opacity: 0.7;
  align-items: center;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  position: absolute;
  z-index: 111;
  padding: 0;
  margin: 0;
  text-align: center;
  transition: background 0.3s ease;
}
.type-video .post-filter-link.video-nos:hover:after {
  background: #fe1111;
}
.PopularPosts .post:not(.post-0) .post-filter-link.video-nos:after,
.feat-posts .post-filter-link.video-nos:after,
.oOlIiI-fblocks .oOlIiI-fblocks-thumb .post-filter-link.video-nos:after,
.video-step .post-filter-link.video-nos:after {
  transform: translate(50%, -50%) scale(0.4);
}
.post-filter {
  position: relative;
  float: left;
  width: calc((100% - 30px) / 4);
  overflow: visible;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 0;
  margin: 10px 0;
}
.post-filter-inside-wrap {
  display: flex;
  float: left;
  width: 100%;
  height: 100%;
  padding: 0;
  box-sizing: border-box;
  flex-direction: column;
}
.post-filter .post-filter-image {
  float: left;
  width: 100%;
  height: 412px;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 2px 4px 1px rgb(0 0 0 / 0.37);
  margin: 0 0 15px;
}
.post-filter .post-filter-image .post-filter-link {
  width: 100%;
  display: block;
  z-index: 1;
  overflow: hidden;
}
.post-filter .post-filter-image .snip-thumbnail {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none;
  max-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.label-news-flex {
  color: var(--label-text-color);
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  white-space: nowrap;
  width: auto;
  overflow: hidden;
  padding: 5px 0 0;
  margin: 0;
}
#feed-view #main {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 5px 26px;
  padding: 0 5px;
}
.widget iframe,
.widget img {
  max-width: 100%;
}
.fl-footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.oOlIiI-footer {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc((100% - 90px) / 3);
  float: left;
  padding: 25px 0;
  margin: 0;
}
.Footer-adv {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 25px 0;
  margin: 0;
  border-top: 1px solid rgb(133 133 133 / 0.12);
  align-items: center;
  justify-content: space-between;
}
.Footer-adv .widget {
  position: relative;
  float: left;
  box-sizing: border-box;
  margin: 0 auto;
}
.Footer-adv .Image {
  width: calc(100% - 320px);
  padding: 0 25px 0 0;
}
.Footer-adv .Image .widget-content {
  position: relative;
  float: left;
  margin: 0;
  width: 100%;
}
.Footer-adv .about-content .widget-title {
  position: relative;
  display: block;
  text-align: center;
  box-sizing: border-box;
}
.Footer-adv .about-content {
  display: flex;
  float: left;
  padding: 0;
  box-sizing: border-box;
}
.Footer-adv .Image .no-image .about-content {
  max-width: 100%;
  padding: 0 30px 0 0;
}
.Footer-adv .Image .image-caption {
  float: left;
  font-size: 13px;
  margin: 0;
  color: var(--footer-about-text);
}
.Footer-adv .colorful-ico li,
.oOlIiI-social .colorful-ico li {
  float: left;
  margin: 0 7px 0 0;
}
.Footer-adv .colorful-ico li:last-child,
.oOlIiI-social .colorful-ico li:last-child {
  margin: 0;
}
.Footer-adv .colorful-ico li a,
.oOlIiI-social .colorful-ico li a {
  display: block;
  width: 25px;
  height: 25px;
  font-size: 13px;
  background: rgb(153 153 153 / 0.08);
  border: 1px solid rgb(117 117 117 / 0.3);
  text-align: center;
  line-height: 25px;
  margin: 5px 0;
  border-radius: 5px;
}
.Footer-adv .footer-logo {
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
}
.Footer-adv .footer-logo a {
  float: left;
  position: relative;
  margin: 0 0 10px;
}
.Footer-adv .footer-logo img {
  width: auto;
  height: auto;
  max-height: 40px;
}
.oOlIiI-footer.no-items {
  padding: 0;
  border: 0;
}
.oOlIiI-footer .widget {
  position: relative;
  float: left;
  box-sizing: border-box;
  margin: 0 0 15px;
}
.oOlIiI-footer .widget-title > h3 {
  position: relative;
  font-family: var(--title-font);
  line-height: 30px;
  font-size: 16px;
  font-weight: 500;
  color: var(--footer-gadgets-title);
  margin: 0 0 10px;
}
#footer-wrapper .about-content .widget-title {
  position: relative;
  float: left;
  width: 70%;
  margin: 0 15px;
  text-align: left;
}
#footer-wrapper .about-content .widget-title h3 {
  display: block;
  color: var(--footer-title-color);
  font-size: 15px;
  line-height: 20px;
  margin: 0 0 5px;
}
.Footer-adv .Image .image-caption {
  float: left;
  font-size: 13px;
  margin: 0;
  color: var(--footer-about-text);
}
.oOlIiI-fblocks {
  position: relative;
  float: left;
  margin: 0 0 10px;
}
.oOlIiI-fblocks-thumb {
  position: relative;
  display: block;
  float: left;
  width: 100px;
  height: 75px;
  margin: 0 8px 0 0;
  border-radius: 4px;
  overflow: hidden;
}
.footer-nut .Bentery-category h2 {
  position: relative;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
.footer-nut .Bentery-category h2 a {
  --featured-posts-title: var(--footer-title-color);
}
.oOlIiI-footer .popular-post {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 0 0 10px;
  margin: 0 0 11px 10px;
  border-bottom: 1px solid rgb(129 129 129 / 0.2);
}
.oOlIiI-footer .popular-post.post:hover:before {
  box-shadow: inset 0 0 0 6px var(--button-bg-color);
  border-color: rgb(34 127 255 / 0.19);
}
.oOlIiI-footer .popular-post.post:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  left: -16px;
  border: 2px solid rgba(155, 155, 155, 0.05);
  border-radius: 50%;
  transition: all 0.17s ease;
  box-shadow: inset 0 0 0 6px rgb(155 155 155 / 15%);
}
.oOlIiI-footer .popular-post h2 {
  position: relative;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
.oOlIiI-footer .popular-post h2 a {
  color: var(--footer-title-color);
}
.oOlIiI-footer .popular-post {
  color: var(--footer-about-text);
}
.oOlIiI-footer .sidebar-posts {
  position: relative;
  float: left;
  width: 100%;
  border-left: 2px solid rgb(143 143 143 / 0.14);
}
.oOlIiI-footer .popular-post.post:last-child {
  border: none;
}
.oOlIiI-footer.list .LinkList ul li,
.oOlIiI-footer.list .PageList ul li {
  position: relative;
  display: block;
  margin: 10px 0;
}
.oOlIiI-footer.list .LinkList ul li a,
.oOlIiI-footer.list .PageList ul li a {
  font-size: 14px;
  color: var(--footer-title-color);
}
.oOlIiI-footer.list .LinkList ul li a:before,
.oOlIiI-footer.list .PageList ul li a:before {
  content: "\e941";
  font-family: "Material Icons Round";
  font-size: 14px;
  font-weight: 400;
  color: #767676;
  margin: 0 8px 0 0;
}
.oOlIiI-footer .loading-icon {
  height: 180px;
}
.oOlIiI-footer .LinkList {
  margin: 15px 0 0;
}
.oOlIiI-footer .LinkList .widget-content {
  float: left;
}
.oOlIiI-social {
  float: left;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.post-snippet {
  position: relative;
  color: var(--post-snip-data);
  float: left;
  font-size: 13px;
  line-height: 1.6em;
  font-weight: 400;
  margin: 0 0 12px;
}
a.read-more {
  display: inline-block;
  background: var(--button-bg-color);
  color: var(--button-text-color);
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
  margin: 15px 0 0;
  transition: color 0.3s ease;
}
a.read-more:hover {
  opacity: 0.8;
}
.CSS_LAYOUT_COMPONENT {
  color: transparent !important;
}
#breadcrumb {
  font-size: 13px;
  font-weight: 400;
  color: #aaa;
  margin: 0 0 10px;
}
#breadcrumb a {
  color: #aaa;
  transition: color 0.4s;
}
#breadcrumb a:hover {
  opacity: 0.8;
}
#breadcrumb a,
#breadcrumb em {
  display: inline-block;
}
#breadcrumb .delimiter:after {
  content: "\e5cc";
  font-family: "Material Icons Round";
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  vertical-align: middle;
  margin: 0;
}
.item-post h1.entry-title {
  color: var(--theme-text-color);
  text-align: left;
  font-size: 25px;
  line-height: 1.5em;
  font-weight: 600;
  position: relative;
  display: block;
  margin: 0 0 15px;
  padding: 0;
}
.static_page .item-post h1.entry-title {
  margin: 0;
  border-bottom: 1px solid rgb(100 100 100 / 0.66);
}
.item-post .post-body {
  width: 100%;
  font-family: var(--text-font);
  color: var(--text-font-color);
  font-size: 15px;
  line-height: 1.8em;
  padding: 0;
  margin: 0;
}
.item-post .post-body img {
  max-width: 100%;
}
.main .widget {
  margin: 0;
}
.comment-list {
  display: flex;
  flex-direction: column;
}
.comment-list .commentsBiggerSidebar {
  position: relative;
  width: 100%;
  padding: 0 0 15px;
  margin: 0 0 15px;
  border-bottom: 1px solid rgb(100 100 100 / 0.12);
}
.comment-list .engine-link {
  display: flex;
}
.comment-list .comment-image {
  width: 35px;
  height: 35px;
  z-index: 1;
  margin: 0 12px 0 0;
  border-radius: 50%;
}
.rtl .comment-list .comment-image {
  margin: 0 0 0 12px;
}
.comment-image {
  display: block;
  position: relative;
  overflow: hidden;
  background-color: #eee;
  z-index: 5;
  color: transparent !important;
}
.comment-list .comment-hero {
  flex: 1;
}
.comment-list .entry-title {
  font-size: 14px;
  color: var(--main-text-color);
  display: block;
  font-weight: 600;
  line-height: 1.3em;
  margin: 0;
}
.comment-list .comment-snippet {
  font-size: 12px;
  color: var(--comments-dec);
  margin: 5px 0 0;
}
.post-footer {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
}
.label-container {
  overflow: hidden;
  height: auto;
  position: relative;
  margin: 10px 0;
  padding: 0;
}
.label-container a,
.label-container span {
  float: left;
  height: 19px;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  margin: 0;
  padding: 0 5px;
}
.label-container span {
  color: var(--main-text-color);
}
.label-container span:before {
  content: "\e9ef";
  font-family: "Material Icons Round";
  font-size: 17px;
  font-weight: 400;
  margin: 0;
  vertical-align: middle;
}
.label-container a {
  color: var(--theme-text-color);
  margin: 0 5px 5px;
  transition: all 0.3s ease;
}
.label-container a:hover {
  opacity: 0.8;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.rtl .feed-share,
.rtl .label-container,
.rtl .label-head.Label,
.rtl .navigation-runs {
  float: right;
}
ul.oOlIiI-eshare {
  position: relative;
}
.oOlIiI-eshare li {
  float: left;
  overflow: hidden;
  margin: 5px 5px 0 0;
}
.oOlIiI-eshare li a {
  display: block;
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid rgb(110 110 110 / 0.33);
  border-radius: 3px;
}
ul.oOlIiI-eshare.colorful-ico.social-front-hover a:not(.show-hida):before {
  font-size: 18px;
  margin: 0 5px 0 0;
}
.rtl ul.oOlIiI-eshare.colorful-ico.social-front-hover a:not(.show-hida):before {
  margin: 0 0 0 5px;
}
.oOlIiI-eshare li.share-icon span {
  position: relative;
  height: 45px;
  line-height: 45px;
  padding: 0 5px;
  font-size: 16px;
  color: var(--theme-text-color);
  cursor: auto;
  margin: 0 5px 0 0;
}
.oOlIiI-eshare li.share-icon span:after {
  content: "Share:";
  position: relative;
  height: 6px;
  font-size: 17px;
  font-weight: 600;
}
.oOlIiI-eshare li a span {
  font-size: 14px;
  padding: 0 15px;
}
.oOlIiI-eshare li a:hover {
  opacity: 0.8;
}
.oOlIiI-eshare .show-hid a {
  font-size: 18px;
  color: var(--featured-posts-title);
  padding: 0 14px;
  line-height: 42px;
}
.oOlIiI-eshare .show-hid a:before {
  content: "\e80d";
  font-family: "Material Icons Round";
  font-weight: 900;
  transition: 0.71s;
}
.feed-share {
  position: relative;
  clear: both;
  overflow: hidden;
  line-height: 0;
  margin: 0 0 30px;
}
ul.navigation-runs {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  display: block;
  padding: 0 10px;
  border-bottom: 1px solid rgb(100 100 100 / 0.12);
  margin: 0 0 30px;
}
.navigation-runs li {
  display: inline-block;
  width: 50%;
}
.navigation-runs .post-prev {
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding: 0 0 5px;
}
.navigation-runs .post-next {
  float: right;
  text-align: right;
  box-sizing: border-box;
  border-left: 1px solid rgb(100 100 100 / 0.12);
  padding: 0 0 5px;
}
.navigation-runs li a {
  color: var(--theme-text-color);
  line-height: 1.4em;
  display: block;
  overflow: hidden;
  transition: color 0.4s;
}
.navigation-runs li:hover a {
  opacity: 0.8;
}
.navigation-runs li span {
  display: block;
  font-size: 11px;
  color: #aaa;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0 0 2px;
}
.navigation-runs .post-next span:after,
.navigation-runs .post-prev span:before {
  font-family: "Material Icons Round";
  font-size: 15px;
  font-weight: 400;
  vertical-align: middle;
}
.navigation-runs .post-prev span:before {
  content: "\e5cb";
}
.navigation-runs .post-next span:after {
  content: "\e5cc";
}
.navigation-runs p {
  font-size: 12px;
  font-weight: 400;
  color: var(--navigation-runs-text);
  line-height: 1.4em;
  margin: 0;
}
.navigation-runs .post-MenuNews-open p {
  color: #aaa;
}
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
  color: var(--theme-text-color);
  font-weight: 600;
  margin: 0 0 15px;
}
.oOlIiI-author {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 10px 20px;
  margin: 10px 0 20px;
  background: var(--bg-cards);
  box-shadow: var(--bg-cards-shadow);
  border-radius: 4px;
}
.oOlIiI-author .author-avatar {
  float: left;
  width: 100%;
  height: 100%;
}
.oOlIiI-author .avatar-container {
  float: left;
  margin: 10px 20px 0 0;
  height: 70px;
  width: 70px;
  overflow: hidden;
  border-radius: 50%;
}
.oOlIiI-author .avatar-container .author-avatar.lazy-img {
  opacity: 1;
}
.author-name {
  overflow: visible;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  margin: 1px 0 3px;
}
.author-name span {
  color: var(--theme-text-color);
}
.author-name a {
  color: var(--main-text-color);
  transition: opacity 0.4s;
}
.author-name a:after {
  content: "\e86c";
  float: right;
  font-family: "Material Icons Round";
  font-size: 14px;
  line-height: 21px;
  color: #0093e6;
  font-weight: 400;
  text-transform: none;
  margin: 0 0 0 4px;
}
.author-name a:hover {
  opacity: 0.8;
}
.author-description {
  overflow: hidden;
}
.author-description span {
  display: block;
  overflow: hidden;
  font-size: 13px;
  color: var(--black-text);
  font-weight: 400;
  line-height: 1.6em;
}
.author-description span br {
  display: none;
}
.author-description a {
  display: none;
  margin: 0;
}
ul.description-links {
  display: none;
  padding: 0 1px;
}
ul.description-links.show {
  display: block;
}
.description-links li {
  float: left;
  margin: 12px 12px 0 0;
}
.description-links li a {
  display: block;
  font-size: 20px;
  color: var(--share-author-links);
  line-height: 1;
  box-sizing: border-box;
  padding: 0;
}
.description-links li a:hover {
  opacity: 0.8;
}
#blog-pager-ok {
  float: left;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding: 10px 0 0;
  margin: 0;
}
#blog-pager-ok .load-more {
  display: block;
  width: 135px;
  height: 35px;
  font-size: 16px;
  color: var(--featured-gadgets-title);
  border-radius: 4px;
  background: var(--button-bg-color);
  font-weight: 600;
  line-height: 34px;
  box-sizing: border-box;
  padding: 0 8px;
  margin: 0 auto;
}
#blog-pager-ok .load-more:hover {
  opacity: 0.8;
}
#blog-pager-ok .load-more:after {
  content: "\eac9";
  font-family: "Material Icons Round";
  font-size: 18px;
  font-weight: 400;
  vertical-align: middle;
  margin: 0;
}
#blog-pager {
  float: left;
  width: 100%;
  overflow: hidden;
  clear: both;
  margin: 10px 0 30px;
}
.blog-pager a,
.blog-pager span {
  float: left;
  display: block;
  min-width: 32px;
  height: 32px;
  background-color: rgba(0 0 0 / 0.16);
  color: var(--theme-text-color);
  font-size: 13px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0 5px 0 0;
  border-radius: 3px;
  transition: all 0.17s ease;
}
.blog-pager span.page-dots {
  min-width: 20px;
  font-size: 16px;
  color: var(--pager-text-color);
  font-weight: 400;
  line-height: 32px;
  padding: 0;
}
.blog-pager .page-of {
  display: none;
  width: auto;
  float: right;
  border-color: transparent;
  margin: 0;
}
.blog-pager .page-active,
.blog-pager a:hover {
  background-color: rgb(157 157 157 / 0.2);
  color: var(--theme-text-color);
  border-color: rgb(157 157 157 / 0.5);
}
.blog-pager .page-next:before,
.blog-pager .page-prev:before {
  font-family: "Material Icons Round";
  font-size: 11px;
  font-weight: 400;
}
.blog-pager .page-prev:before {
  content: "\e5cb";
}
.blog-pager .page-next:before {
  content: "\e5cc";
}
.blog-pager .blog-pager-newer-link,
.blog-pager .blog-pager-older-link {
  float: left;
  display: inline-block;
  width: auto;
  padding: 0 10px;
  margin: 0;
}
.blog-pager .blog-pager-older-link {
  float: right;
}
@-webkit-keyframes slidein {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
    bottom: 0;
  }
  50% {
    opacity: 1;
    bottom: 0;
  }
  80% {
    opacity: 1;
    bottom: 0;
  }
  100% {
    opacity: 0;
    bottom: -70px;
    visibility: hidden;
  }
}
@keyframes slidein {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
    bottom: 0;
  }
  50% {
    opacity: 1;
    bottom: 0;
  }
  80% {
    opacity: 1;
    bottom: 0;
  }
  100% {
    opacity: 0;
    bottom: -70px;
    visibility: hidden;
  }
}
.archive #blog-pager,
.home .blog-pager .blog-pager-newer-link,
.home .blog-pager .blog-pager-older-link {
  display: none;
}
.oOlIiI-comments {
  display: none;
  overflow: hidden;
  padding: 15px;
  margin: 0 0 10px;
  box-sizing: border-box;
  background: var(--bg-cards);
  box-shadow: var(--bg-cards-shadow);
  border-radius: 4px;
}
.comments-msg-alert {
  position: relative;
  font-size: 13px;
  font-weight: 400;
  color: var(--cm-count);
  font-style: italic;
  margin: 0 0 17px;
}
.oOlIiI-comments .comments-title {
  margin: 0 0 20px;
}
.all-comments {
  float: right;
  position: relative;
  color: var(--cm-count);
}
.comments-system-disqus .comments-title,
.comments-system-facebook .comments-title {
  margin: 0;
}
#comments {
  margin: 0;
}
.comments {
  display: block;
  clear: both;
  margin: 0;
  color: var(--theme-text-color);
}
.comments .comment-thread > ol {
  padding: 0;
}
.comments > h3 {
  font-size: 13px;
  font-weight: 400;
  font-style: italic;
  padding-top: 1px;
}
.comments .comments-content .comment {
  position: relative;
  list-style: none;
  padding: 10px;
}
.comment-thread .comment {
  border: 1px solid rgb(126 126 126 / 0.16);
  border-radius: 5px;
  background: rgba(45 45 45 / 0.02);
  margin: 10px 0 0;
  position: relative;
}
.facebook-tab,
.fb_iframe_widget iframe,
.fb_iframe_widget_fluid span {
  width: 100% !important;
}
.comments .item-control {
  position: static;
}
.comments .avatar-image-container {
  float: left;
  overflow: hidden;
  position: absolute;
}
.comments .avatar-image-container {
  height: 35px;
  max-height: 35px;
  width: 35px;
  top: 15px;
  left: 15px;
  max-width: 35px;
  border-radius: 100%;
}
.comments .avatar-image-container img {
  width: 100%;
  height: 100%;
}
.comments .comment-block,
.comments .comments-content .comment-replies {
  margin: 0 0 0 50px;
}
.comments .comments-content .inline-thread {
  padding: 0;
}
.comments .comment-actions {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
}
.comments .comments-content .comment-header {
  font-size: 15px;
  display: block;
  overflow: hidden;
  clear: both;
  margin: 0 0 3px;
  padding: 0 0 5px;
}
.comments .comments-content .comment-header a {
  float: left;
  width: 100%;
  color: var(--theme-text-color);
  transition: color 0.4s;
}
.comments .comments-content .comment-header a:hover {
  opacity: 0.8;
}
.comments .comments-content .user {
  float: left;
  font-style: normal;
  font-weight: 600;
}
.comments .comments-content .icon.blog-author:after {
  content: "\e86c";
  font-family: "Material Icons Round";
  font-size: 14px;
  color: #0093e6;
  font-weight: 400;
  vertical-align: middle;
  margin: 0 0 0 4px;
}
.comments .comments-content .comment-content {
  float: left;
  font-family: var(--text-font);
  font-size: 13px;
  color: var(--comment-text);
  font-weight: 400;
  text-align: left;
  line-height: 1.4em;
  width: 100%;
  padding: 20px 0 20px 8px;
  background: rgb(110 110 110 / 0.08);
  margin: 5px 0 9px;
  border-radius: 3px;
}
.comment-content .video-frame {
  position: relative;
  width: 100%;
  padding: 0;
  padding-top: 56%;
}
.comment-content .video-frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.comments .comment .comment-actions a {
  margin-right: 5px;
  padding: 2px 5px;
  color: var(--main-text-color);
  font-weight: 400;
  font-size: 13px;
  transition: all 0.3s ease;
}
.comments .comment .comment-actions a:hover {
  color: #333;
  text-decoration: none;
}
.comments .comments-content .datetime {
  position: relative;
  padding: 0 1px;
  margin: 4px 0 0;
  display: block;
}
.comments .comments-content .datetime a {
  color: #888;
  font-size: 11px;
  float: left;
}
.comments .comments-content .datetime a:hover {
  color: #aaa;
}
.comments .thread-toggle {
  margin-bottom: 4px;
}
.comments .thread-toggle .thread-arrow {
  height: 7px;
  margin: 0 3px 2px 0;
}
.comments .continue a,
.comments .thread-count a {
  transition: opacity 0.4s;
}
.comments .continue a:hover,
.comments .thread-count a:hover {
  opacity: 0.8;
}
.comments .thread-expanded {
  padding: 5px 0 0;
}
.comments .thread-chrome.thread-collapsed {
  display: none;
}
.comments .comment-replies .continue .comment-reply,
.comments .continue.hidden {
  display: none;
}
.comments #top-continue a {
  float: left;
  width: 100%;
  height: 35px;
  line-height: 35px;
  background-color: var(--button-bg-color);
  font-size: 14px;
  color: var(--button-text-color);
  font-weight: 400;
  text-align: center;
  padding: 0;
  margin: 25px 0 0;
  border-radius: 4px;
}
.loadmore,
.thread-expanded .thread-count a {
  display: none;
}
.comments .comments-content .comment-thread {
  margin: 0;
}
.comments .comments-content .loadmore.loaded {
  margin: 0;
  padding: 0;
}
#show-comment-form,
.comments #top-continue a {
  float: left;
  width: 100%;
  height: 36px;
  background-color: #1a88f7;
  font-size: 15px;
  color: #fbfbfb;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
  box-sizing: border-box;
  padding: 0 30px;
  margin: 25px 0 0;
}
.btn {
  position: relative;
  border: 0;
  border-radius: 5px;
}
.comment-section-visible #show-comment-form {
  display: none;
}
.comments .comment-replybox-thread,
.no-comments .comment-form {
  display: none;
}
.comment-section-visible .comments .comment-replybox-thread,
.comment-section-visible .no-comments .comment-form {
  display: block;
}
.comments #top-ce.comment-replybox-thread,
.comments.no-comments .comment-form {
  background-color: var(--widget-bg);
  padding: 5px 16px;
  margin: 20px 0 0;
  border-radius: 4px;
}
.comment-thread .comment .comment {
  background: var(--comment-content);
  border: 0;
}
.comments .comments-content .loadmore,
.comments .comments-content .loadmore.loaded,
.oOlIiI-comments.comments-system-disqus .all-comments,
.oOlIiI-comments.comments-system-facebook .all-comments {
  display: none;
}
blockquote {
  position: relative;
  font-style: italic;
  float: left;
  color: var(--black-color);
  margin-left: 0;
  padding: 10px 15px;
  width: 100%;
  box-sizing: border-box;
  background: rgb(181 181 181 / 0.09);
  border-radius: 5px;
}
blockquote:before {
  content: "\e244";
  color: rgb(133 133 133 / 0.23);
  display: inline-block;
  font-family: "Material Icons Round";
  font-size: 62px;
  position: absolute;
  font-style: normal;
  font-weight: 400;
}
.post-body ul {
  line-height: 1.5em;
  font-weight: 400;
  padding: 0 0 0 15px;
  margin: 10px 0;
}
.post-body li {
  margin: 5px 0;
  padding: 0;
  line-height: 1.5em;
}
.post-body ol > li {
  counter-increment: inc;
  list-style: none;
}
.post-body ol > li:before {
  display: inline-block;
  content: counters(inc, ".") ".";
  margin: 0 5px 0 0;
}
.post-body ol {
  counter-reset: inc;
  padding: 0 0 0 15px;
  margin: 10px 0;
}
.post-body ul li {
   list-style: square;
}
.post-body u {
  text-decoration: underline;
}
.post-body table {
  width: 100%;
  overflow-x: auto;
  text-align: left;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid rgb(155 155 155 / 0.17);
}
.post-body strike {
  text-decoration: line-through;
}
.post-body .video-frame {
  position: relative;
  width: 100%;
  padding: 50% 0 0;
}
.post-body .video-frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.widget .post-body li {
    margin: 15px 0;
    padding: 0;
    line-height: 1.5;
    text-align: justify;
}
.rtl .widget .post-body li {
  text-align: right;
}
.post-card {
  display: grid;
  grid-template-columns: min(200px, 50%) 1fr;
  border: 1px solid rgb(120 120 120 / 0.11);
  border-radius: 6px;
  margin: 15px 10px;
  box-shadow: 0 0 4px 2px rgb(129 129 129 / 0.05);
}
.post-image {
  position: relative;
  width: 100%;
  height: 135px;
  margin: 0;
  overflow: hidden;
  border-radius: 10px;
}
.post-card .entery-category-box {
  margin: 15px 0 0 10px;
  text-align: left;
}
.card-healine {
  position: relative;
  display: block;
  color: var(--button-bg-color);
  font-size: 15px;
  padding: 0 0 0 25px;
}
.card-healine:before {
  position: absolute;
  left: 0;
  content: "\f10d";
  font-family: "Material Icons Round";
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 0 3px;
  vertical-align: middle;
  transform: rotate(40deg);
}
.pagination {
  display: flex;
  justify-content: center;
  margin: 15px 15px;
}
.pagination .btn {
  position: relative;
  display: block;
  color: var(--button-text-color);
  background: var(--button-bg-color);
  padding: 8px 12px;
  margin: 0;
  min-width: 70px;
  text-align: center;
  border-radius: 6px;
  font-size: 15px;
}
.pagination .btn:after,
.pagination .btn:before {
  font-family: "Material Icons Round";
  font-size: 20px;
  font-weight: 400;
  margin: 0;
  vertical-align: middle;
}
.pagination .prev.btn:before {
  content: "\e5cb";
}
.pagination .next.btn:after {
  content: "\e5cc";
}
.pagination .info {
  padding: 8px 0;
  margin: 0 15px;
}
.contact-form {
  overflow: hidden;
}
div#footer-wrapper .contact-form-widget form {
  color: #fff;
}
.contact-form .widget-title {
  display: none;
}
.contact-form .contact-form-name {
  width: calc(50% - 5px);
}
.contact-form .contact-form-email {
  width: calc(50% - 5px);
  float: right;
}
.home .sidebar .widget {
  --bg-cards: transparent;
  --bg-cards-shadow: transparent;
}
.sidebar .widget {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 15px;
  margin: 0 0 25px;
  background: var(--bg-cards);
  box-shadow: var(--bg-cards-shadow);
}
.sidebar .widget-content {
  float: left;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 0;
}
div#footer-ads {
  margin: 0;
  position: relative;
  overflow: hidden;
}
ul.socialFilter {
  margin: 0 -5px;
}
.socialFilter a:before {
  font-style: normal;
  line-height: 40px;
  -webkit-font-smoothing: antialiased;
  margin-right: -12px;
  width: 40px;
  height: 40px;
  text-align: center;
  float: left;
  border-right: 1px solid rgb(161 161 161 / 0.8);
  font-size: 22px;
  vertical-align: middle;
}
.socialFilter li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0 5px;
  margin: 10px 0 0;
}
.socialFilter li:nth-child(1),
.socialFilter li:nth-child(2) {
  margin-top: 0;
}
.socialFilter li a {
  display: block;
  height: 40px;
  color: var(--share-author-links);
  border: 1px solid rgb(151 151 151 / 0.45);
  background: rgb(197 197 197 / 0.14);
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  line-height: 40px;
  border-radius: 6px;
}
.list-label li {
  position: relative;
  display: block;
  padding: 7px 0;
}
.list-label li a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--list-text-color);
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
  transition: all 0.3s ease;
}
.list-label li a:hover {
  opacity: 0.8;
  padding-left: 25px;
  transition: all 0.3s ease;
}
.Text .widget-content {
  font-family: var(--text-font);
  font-size: 14px;
  color: var(--main-text-color);
  margin: 0;
}
.list-label .label-count {
  position: relative;
  float: right;
  color: var(--theme-text-color);
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  line-height: 16px;
}
.oOlIiI-footer .list-label .label-count {
  --theme-text-color: var(--footer-about-text);
}
.oOlIiI-footer .list-label li a {
  --list-text-color: var(--footer-title-color);
}
.cloud-label li {
  position: relative;
  float: left;
  margin: 0 5px 5px 0;
}
.cloud-label li a {
  display: block;
  height: 26px;
  overflow: hidden;
  color: var(--cloud-bg-color);
  font-size: 12px;
  line-height: 26px;
  font-weight: 400;
  padding: 0 10px;
  border: 1px solid var(--cloud-border-color);
  border-radius: 5px;
  transition: all 0.3s ease;
}
.cloud-label li a:hover {
  background-color: rgb(96 96 96 / 0.14);
  color: #585858;
  border-color: rgb(52 52 52 / 0.24);
  transition: all 0.2s ease;
}
.cloud-label .label-count {
  display: none;
}
.sibForm .widget-content {
  position: relative;
  background-color: rgb(112 112 112 / 0.15);
  text-align: center;
  font-weight: 400;
  box-sizing: border-box;
  padding: 20px 20px 5px;
  border-radius: 2px;
}
.sibForm .follow-by-email-caption {
  font-size: 13px;
  letter-spacing: 1px;
  color: var(--post-snip-data);
  line-height: 1.5em;
  margin: 0 0 15px;
  display: block;
  padding: 0 10px;
  overflow: hidden;
}
.sibForm .follow-by-email:before {
  content: "\e7f4";
  position: absolute;
  font-family: "Material Icons Round";
  color: var(--email-text-color);
  top: 0;
  left: 50%;
  width: 34px;
  overflow: hidden;
  height: 34px;
  background-color: var(--email-bg-color);
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  text-align: center;
  transform: translate(-50%, -30%);
  margin: 0;
  border-radius: 50%;
}
.sibForm .follow-by-email-inner {
  position: relative;
}
.follow-by-email-title {
  font-size: 17px;
  font-weight: 700;
  padding: 7px;
  margin: 15px 0;
  color: var(--theme-text-color);
}
.sibForm .follow-by-email-inner .follow-by-email-address {
  width: 100%;
  height: 32px;
  color: var(--theme-text-color);
  background: var(--input-form);
  font-size: 11px;
  font-family: inherit;
  padding: 0 10px;
  margin: 0 0 10px;
  box-sizing: border-box;
  border: 1px solid rgb(122 122 122 / 0.53);
  border-radius: 4px;
  transition: ease 0.4s;
}
.sibForm .follow-by-email-inner .follow-by-email-address:focus {
  border: 1px solid var(--email-bg-color);
}
.sibForm .follow-by-email-inner .follow-by-email-address::placeholder {
  color: var(--placeholder-text-color);
  opacity: 0.67;
}
.sibForm .follow-by-email-inner .follow-by-email-submit {
  width: 100%;
  height: 32px;
  font-family: inherit;
  border-radius: 4px;
  font-size: 11px;
  color: var(--email-text-color);
  background-color: var(--email-bg-color);
  text-transform: uppercase;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
  margin: 0;
  border: 0;
  transition: opacity 0.3s ease;
}
.sibForm .follow-by-email-inner .follow-by-email-submit:hover {
  opacity: 0.8;
}
.Follow-by-alert {
  position: relative;
  display: block;
  color: var(--post-snip-data);
  font-size: 12px;
  text-align: left;
  margin: 10px 0 0;
}
.rtl .Follow-by-alert,
.rtl .comments-msg-alert {
  float: right;
}
#ArchiveList ul.flat li {
  color: var(--theme-text-color);
  font-size: 13px;
  font-weight: 400;
  padding: 7px 0;
  border-bottom: 1px dotted #eaeaea;
}
#ArchiveList ul.flat li:first-child {
  padding-top: 0;
}
#ArchiveList ul.flat li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
#ArchiveList .flat li > a {
  display: block;
  color: var(--theme-text-color);
  transition: color 0.4s;
}
#ArchiveList .flat li > a:hover {
  opacity: 0.8;
}
#ArchiveList .flat li > a:before {
  content: "\e5cc";
  font-family: "Material Icons Round";
  float: left;
  color: #161619;
  font-size: 16px;
  font-weight: 400;
  margin: 0 2px 0 0;
  display: inline-block;
  transition: color 0.3s;
}
#ArchiveList .flat li > a > span {
  position: relative;
  background-color: var(--main-text-color);
  color: #fff;
  float: right;
  width: 16px;
  height: 16px;
  font-size: 10px;
  font-weight: 400;
  text-align: center;
  line-height: 15px;
}
.sidebar .PopularPosts .post {
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
}
.sidebar .PopularPosts .post-filter-inner {
  position: relative;
  width: 80px;
  height: 70px;
  float: left;
  overflow: hidden;
  display: block;
  border-radius: 5px;
  box-shadow: 0 2px 4px 1px rgb(0 0 0 / 0.37);
  margin: 0 12px 12px 0;
}
.sidebar .PopularPosts .post-filter-inner.gaint {
  width: 100%;
  height: 257px;
  margin: 0 0 10px;
}
.sidebar .PopularPosts .gaint .Bentery-category {
  float: left;
  margin: 0;
}
.sidebar .PopularPosts .entry-title {
  overflow: hidden;
  font-size: 13px;
  font-weight: 600;
  position: relative;
  line-height: 1.4em;
  margin: 0;
}
.sidebar .PopularPosts .entry-title a {
  display: block;
  padding: 0;
  transition: color 0.4s;
}
.FeaturedPost .post-filter-link {
  display: block;
  position: relative;
  width: 100%;
  height: 170px;
  overflow: hidden;
  margin: 0 0 10px;
  border-radius: 5px;
}
.FeaturedPost .entry-title {
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  line-height: 1.2em;
  margin: 0;
}
.FeaturedPost .entry-title a {
  color: var(--theme-text-color);
  display: block;
  transition: color 0.3s ease;
}
.contact-form-widget form {
  font-weight: 400;
  margin: 15px;
}
.contact-form-name {
  float: left;
  width: 100%;
  height: 30px;
  font-family: inherit;
  color: var(--theme-text-color);
  background: rgb(217 217 217 / 0.07);
  font-size: 13px;
  line-height: 30px;
  box-sizing: border-box;
  padding: 5px 10px;
  margin: 0 0 10px;
  border: 1px solid rgb(139 139 139 / 0.32);
  border-radius: 8px;
}
.contact-form-email {
  float: left;
  width: 100%;
  height: 30px;
  font-family: inherit;
  color: var(--theme-text-color);
  background: rgb(217 217 217 / 0.07);
  font-size: 13px;
  line-height: 30px;
  box-sizing: border-box;
  padding: 5px 10px;
  margin: 0 0 10px;
  border: 1px solid rgb(139 139 139 / 0.32);
  border-radius: 8px;
}
.contact-form-email-message {
  float: left;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  font-family: inherit;
  color: var(--theme-text-color);
  background: rgb(217 217 217 / 0.07);
  font-size: 13px;
  box-sizing: border-box;
  padding: 5px 10px;
  margin: 0 0 10px;
  border: 1px solid rgb(139 139 139 / 0.32);
  border-radius: 8px;
}
.contact-form-button-submit {
  float: left;
  width: 100%;
  height: 30px;
  background-color: var(--button-bg-color);
  font-size: 13px;
  color: var(--button-text-color);
  line-height: 30px;
  cursor: pointer;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 10px 0;
  border: 0;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.contact-form-button-submit:hover {
  opacity: 0.8;
}
.contact-form-error-message-with-border {
  float: left;
  width: 100%;
  background-color: #fbe5e5;
  font-size: 11px;
  text-align: center;
  line-height: 11px;
  padding: 3px 0;
  margin: 10px 0;
  box-sizing: border-box;
  border: 1px solid #fc6262;
}
.contact-form-success-message-with-border {
  float: left;
  width: 100%;
  background-color: #eaf6ff;
  font-size: 11px;
  text-align: center;
  line-height: 11px;
  padding: 3px 0;
  margin: 10px 0;
  box-sizing: border-box;
  border: 1px solid #5ab6f9;
}
.contact-form-cross {
  margin: 0 0 0 3px;
}
.contact-form-error-message,
.contact-form-success-message {
  margin: 0;
}
.BlogSearch .search-form {
  display: flex;
  padding: 0;
  border-radius: 4px;
}
.BlogSearch .search-input {
  float: left;
  width: 75%;
  height: 40px;
  background-color: rgb(153 153 153 / 0.13);
  color: var(--theme-text-color);
  font-weight: 400;
  font-size: 13px;
  line-height: 30px;
  border-radius: 4px 0 0 4px;
  box-sizing: border-box;
  padding: 5px 10px;
}
.rtl .BlogSearch .search-input {
  border-radius: 0 4px 4px 0;
}
.rtl .BlogSearch .search-action {
  border-radius: 4px 0 0 4px;
}
.BlogSearch .search-action {
  float: right;
  width: 25%;
  height: 40px;
  font-family: inherit;
  font-size: 13px;
  line-height: 40px;
  cursor: pointer;
  box-sizing: border-box;
  background-color: var(--button-bg-color);
  color: var(--button-text-color);
  padding: 0 5px;
  border: 0;
  border-radius: 0 4px 4px 0;
  transition: background 0.3s ease;
}
.BlogSearch .search-action:hover {
  opacity: 0.8;
}
.oOlIiI-footer .BlogSearch .search-input {
  --theme-text-color: var(--footer-title-color);
}
.Profile .profile-img {
  float: left;
  width: 70px;
  height: 70px;
  margin: 0 15px 0 0;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.team-member {
  position: relative;
  display: block;
  overflow: hidden;
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 15px;
}
.team-member .team-member-img {
  position: relative;
  display: block;
  float: left;
  margin: 0;
}
.profile-datablock,
.team-flex {
  position: relative;
  display: block;
  overflow: hidden;
}
.profile-datablock a,
.team-flex a {
  position: relative;
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--main-menu-text-color);
  margin: 0;
}
.profile-textblock {
  position: relative;
  display: block;
  font-size: 12px;
  color: var(--post-snip-data);
}
.Profile .profile-info > .profile-link {
  color: var(--theme-text-color);
  font-size: 11px;
  margin: 5px 0 0;
}
.Profile .profile-info > .profile-link:hover {
  opacity: 0.8;
}
.Profile .profile-datablock .profile-textblock a {
  position: relative;
  overflow: hidden;
  display: block;
  float: left;
  margin: 13px 0;
}
.Profile .profile-info ul.description-links.show {
  display: flex;
  justify-content: center;
}
.Profile .profile-datablock .profile-textblock {
  position: relative;
  display: block;
  z-index: 11;
  float: left;
  overflow: hidden;
}
.profile-data.location:before {
  content: "\e55e";
  font-family: "Material Icons Round";
  font-size: 15px;
  font-weight: 400;
  vertical-align: middle;
}
a.user-image {
  position: relative;
  display: block;
  overflow: hidden;
  float: left;
  z-index: 1;
}
.profile-data.location {
  position: relative;
  font-size: 13px;
  color: var(--button-bg-color);
  text-align: center;
  margin: 10px auto 0;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.LinkList .widget-control ul li,
.PageList .widget-control ul li {
  width: calc(50% - 8px);
  padding: 7px 0 0;
}
#footer-wrapper .widget-control .PopularPosts {
  border: none;
}
.LinkList .widget-control ul li a,
.PageList .widget-control ul li a,
.TextList .widget-content ul li {
  color: #000;
  font-size: 13px;
  font-weight: 500;
  background: rgb(203 203 203 / 0.52);
  border-radius: 4px;
  width: 100%;
  float: left;
  margin: 4px 0;
  padding: 3px 5px;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.3s ease;
}
.LinkList .widget-control ul li:nth-child(odd),
.PageList .widget-control ul li:nth-child(odd) {
  float: left;
}
.LinkList .widget-control ul li:nth-child(even),
.PageList .widget-control ul li:nth-child(even) {
  float: right;
}
.LinkList .widget-control ul li a:before,
.PageList .widget-control ul li a:before {
  content: "\e061";
  float: left;
  color: #000;
  font-weight: 400;
  font-family: "Material Icons Round";
  font-size: 12px;
  margin: 0 4px 0 0;
}
.LinkList .widget-control ul li a:hover,
.PageList .widget-control ul li a:hover {
  opacity: 0.8;
  border-radius: 4px;
}
.LinkList .widget-control ul li:first-child,
.LinkList .widget-control ul li:nth-child(2),
.PageList .widget-control ul li:first-child,
.PageList .widget-control ul li:nth-child(2) {
  padding: 0;
}
.flex-footer {
  display: flex;
  flex-direction: column;
}
#footer-wrapper {
  position: relative;
  float: left;
  width: 100%;
}
#footer-wrapper .footer-data {
  background-color: var(--footer-bg-color);
}
#footer-wrapper .footer {
  display: inline-block;
  float: left;
  width: 33.33333333%;
  box-sizing: border-box;
  padding: 0 15px;
}
#footer-wrapper .footer .widget {
  float: left;
  width: 100%;
  padding: 5px 0;
  margin: 10px 0 0;
}
#footer-wrapper .footer .Text {
  margin: 10px 0 0;
}
#footer-wrapper .footer .widget:first-child {
  margin: 0;
}
.footer-outer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.backTop {
  display: none;
  z-index: 10;
  position: fixed;
  bottom: 25px;
  right: 25px;
  cursor: pointer;
  overflow: hidden;
  font-size: 27px;
  font-weight: 400;
  color: var(--featured-gadgets-title);
  text-align: center;
  line-height: 32px;
  padding: 2px 7px;
  border-radius: 4px;
  background: var(--button-bg-color);
  box-shadow: var(--bg-cards-shadow);
}
.backTop:after {
  content: "\e5ce";
  position: relative;
  font-family: "Material Icons Round";
  font-weight: 400;
  margin: 0;
  vertical-align: middle;
  opacity: 0.8;
  transition: opacity 0.3s ease;
}
.MenuNews-open .backTop:after,
.MenuNews-open .backTop:before {
  opacity: 1;
}
.error404 #feed-view {
  width: 100% !important;
  margin: 0 !important;
}
.error404 #sidebar-container {
  display: none;
}
.errorPage {
  color: var(--theme-text-color);
  text-align: center;
  padding: 80px 0 100px;
}
.errorPage h3 {
  font-size: 160px;
  line-height: 1;
  margin: 0 0 30px;
}
.errorPage h4 {
  font-size: 25px;
  margin: 0 0 20px;
}
.errorPage p {
  margin: 0 0 10px;
}
.errorPage a {
  display: block;
  color: var(--main-text-color);
  padding: 10px 0 0;
}
.errorPage a i {
  font-size: 20px;
}
.errorPage a:hover {
  text-decoration: underline;
}
.firstword {
  float: left;
  color: #7a5a5a;
  font-size: 70px;
  line-height: 60px;
  padding-top: 3px;
  padding-right: 8px;
  padding-left: 3px;
}
table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100% !important;
}
.code-box input#showlink {
  line-height: 0;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  width: 1px;
  height: 0;
  opacity: 0;
}
button.tune {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  border: none;
  margin: 0;
  color: #fff;
  background: #1499ff;
  font-size: 12px;
  padding: 2px 13px;
  border-radius: 2px;
}
.rtl button.tune {
  right: initial;
  left: 0;
}
button.tune:hover {
  opacity: 0.8;
}
.tg {
  border-collapse: collapse;
  border-spacing: 0;
}
.tg td {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  border: 1px solid #000;
  background-color: #fff;
}
.main-button {
  display: inline-block;
  color: var(--button-text-color);
  background: var(--button-bg-color);
  font-size: 14px;
  font-weight: 400;
  padding: 5px 12px;
  margin: 5px;
  text-align: center;
  border: 0;
  cursor: pointer;
  border-radius: 4px;
  text-decoration: none;
  min-width: 80px;
}
.main-button:before {
  font-family: "Material Icons Round";
  font-size: 19px;
  font-weight: 400;
  vertical-align: middle;
  color: #fff;
  display: inline-block;
  margin: 0 5px 0 0;
}
.rtl .main-button:before {
  margin: 0 0 0 5px;
}
.main-buttonhover {
  box-shadow: inset 0 0 19px 8px rgb(0 0 0 / 0.22);
}
.l-bt {
  padding: 16px 35px;
}
.main-button.buy:before {
  content: "\e8cc";
}
.main-button.demo:before {
  content: "\e2c8";
}
.main-button.share:before {
  content: "\e80d";
}
.main-button.gift:before {
  content: "\e8b1";
}
.main-button.download:before {
  content: "\f090";
}
.main-button.contact:before {
  content: "\e0ba";
}
.main-button.link:before {
  content: "\e157";
}
.main-button.cart:before {
  content: "\eb88";
}
.main-button.info:before {
  content: "\e88e";
}
.main-button.paypal:before {
  content: "\f1ed";
  font-family: "FONT AWESOME 5 BRANDS";
  font-weight: 400;
}
.main-button.whatsapp:before {
  content: "\f40c";
  font-family: "FONT AWESOME 5 BRANDS";
  font-weight: 400;
}
.main-button.telegram:before {
  content: "\f3fe";
  font-family: "FONT AWESOME 5 BRANDS";
  font-weight: 400;
}
.main-button.facebook:before {
  content: "\f09a";
  font-family: "FONT AWESOME 5 BRANDS";
  font-weight: 400;
}
.alert-message {
  position: relative;
  clear: both;
  display: inline-block;
  background-color: #293dc9;
  padding: 20px;
  margin: 20px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #2978c9;
  border: 1px solid #ec6868;
}
.alert-message.success:before {
  content: "\e86c";
  color: #13d864;
}
.alert-message:before {
  font-family: "Material Icons Round";
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  margin: 0 5px 0 0;
}
.alert-message.passed:before {
  content: "\ea2f";
  color: #1984ce;
}
.alert-message.warning:before {
  content: "\e002";
  color: #c58519;
}
.alert-message.error:before {
  content: "\e000";
  color: #d02615;
}
.alert-message.success {
  background-color: #f1f9f7;
  border-color: #e0f1e9;
  color: #1d9d74;
}
.alert-message.passed {
  background-color: #f5fbff;
  border: 1px solid #7ebbe4;
}
.alert-message.alert {
  background-color: #daefff;
  border-color: #8ed2ff;
  color: #378fff;
}
.alert-message.warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-message.error {
  background-color: #ffd7d2;
  border-color: #ff9494;
  color: #f55d5d;
}
.code-box {
  position: relative;
  display: block;
  color: #eaeaea;
  background-color: #0d1642;
  font-family: Monospace;
  font-size: 13px;
  white-space: pre-wrap;
  line-height: 1.4em;
  padding: 15px 10px 10px;
  margin: 0;
  border: 1px solid rgba(155, 155, 155, 0.3);
  border-radius: 2px;
}
.card-wrap {
  display: flex;
  justify-content: space-between;
  margin: 18px 20px;
  padding: 25px 10px;
  align-items: center;
  border: 1px solid rgb(120 120 120 / 0.11);
  border-radius: 6px;
  box-shadow: 0 0 4px 2px rgb(129 129 129 / 0.05);
}
.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-icon {
  display: block;
  background: rgb(129 129 129 / 0.14);
  width: 50px;
  min-width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 4px;
  margin: 0 10px;
}
.card-info {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
}
span.card-title {
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
span.card-data {
  font-size: 12px;
  color: #767676;
}
@media screen and (max-width: 880px) {
  #outer-wrapper .flex-section .outer-container {
    flex-direction: column;
  }
  #oOlIiI-jblocks ul > li,
  ul#oOlIiI-menufl {
    display: block;
  }
  .SuperLogo {
    padding: 0;
  }
  .modal-grid {
    width: calc((100% - 10px) / 2);
    margin: 0 0 10px;
  }
  #oOlIiI-menufl > li > a,
  .hide-oOlIiI-Menu {
    --main-menu-text-color: var(--sub-menu-text-color);
  }
  div#Header1 {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0;
  }
  .outer-container {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .main-menu-wrap {
    display: none;
  }
  .header-section {
    flex-wrap: nowrap;
  }
  .post-filter {
    width: calc((100% - 15px) / 2);
  }
  .oOlIiI-menuok {
    display: flex;
    align-items: center;
  }
  .header-left {
    position: relative;
  }
  .header-right {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
  }
  .oOlIiI-Menu-logo {
    display: block;
    width: 100%;
    text-align: center;
    z-index: 15;
    margin: 0;
  }
  .oOlIiI-Menu-logo img {
    height: 40px;
  }
  .oOlIiI-Menu-logo .logo-content > a {
    height: 36px;
    display: inline-block;
    padding: 0 25px 10px 0;
  }
  .oOlIiI-Menu-logo .logo-content {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    height: 56px;
    text-align: center;
    z-index: 1;
  }
  #oOlIiI-menufl > li:after {
    content: none;
  }
  #oOlIiI-menufl > li > a:hover,
  .social-runs ul li a {
    opacity: 0.8;
  }
  #oOlIiI-menufl > li > a {
    line-height: initial;
    height: initial;
    padding: 10px 10px;
    margin: 10px 0;
  }
  #feed-view,
  #sidebar-container {
    width: 100%;
  }
  .oOlIiI-jblocks {
    display: none;
  }
  .SuperLogo-wrap {
    border-radius: 0;
    margin: 0;
  }
  #menu-space,
  .overlay {
    display: block;
    transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
  }
  .spring-open .overlay {
    filter: blur(2.5px);
    backdrop-filter: saturate(100%) blur(2.5px);
    visibility: visible;
    opacity: 1;
  }
  body.active-search {
    overflow: visible;
    left: initial;
    right: initial;
  }
  .pixo-flex {
    height: initial;
    display: block;
    padding: 25px 0;
  }
  .pixo-flex .pixo-area {
    width: 100%;
    justify-content: center;
    text-align: center;
    height: 110px;
  }
  .oOlIiI-myft {
    width: calc((100% - 10px) / 2);
  }
  .oOlIiI-author {
    text-align: center;
  }
  .oOlIiI-footer {
    width: 100%;
  }
  .Footer-adv .LinkList {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    margin: 15px auto 0;
  }
  .Footer-adv .about-content {
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
  }
  .Footer-adv {
    flex-wrap: wrap;
  }
  #footer-wrapper .about-content .widget-title {
    width: 100%;
    text-align: center;
  }
  .Footer-adv {
    flex-direction: column;
  }
  .Footer-adv .Image {
    width: 100%;
  }
  .footer-outer {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 768px) {
  .video-section {
    float: left;
    width: 100%;
  }
  .oOlIiI-author .avatar-container {
    float: none;
    margin: 10px auto;
  }
  .author-name {
    text-align: center;
  }
  .author-name a:after {
    float: none;
  }
  .author-description {
    text-align: center;
  }
  .description-links li {
    float: none;
    display: inline-block;
  }
  .post-footer {
    margin: 0;
  }
  .BiggerSidebarOk {
    grid-gap: 7px;
  }
  ul.navigation-runs {
    padding: 5px;
  }
  .oOlIiI-raw .widget,
  .post-filter-wrap,
  .sidebar .widget {
    padding: 15px 5px;
  }
  #footer-wrapper .footer {
    width: 100%;
    margin-right: 0;
  }
  .oOlIiI-footer .LinkList,
  .oOlIiI-footer .LinkList .widget-content {
    width: 100%;
  }
  .oOlIiI-footer .LinkList {
    margin: 30px 0 0;
  }
  .oOlIiI-footer .LinkList .widget-content .widget-title > h3 {
    margin: 0 0 20px;
  }
  #footer-wrapper .copyright-area,
  #menu-footer {
    width: 100%;
    height: auto;
    line-height: 1.7em;
    text-align: center;
  }
  #menu-footer {
    margin: 10px 0 0;
  }
  #footer-wrapper .copyright-area {
    margin: 10px 0 5px;
  }
  #footer-checks-menu,
  .footer-container .footer-copyright {
    text-align: center;
    margin: 0 auto;
  }
  #footer-checks-menu ul li {
    display: inline-block;
    float: none;
    margin: 0;
  }
  #footer-checks-menu ul li a {
    margin: 0 7px;
  }
  .footer-container .footer-copyright .widget {
    float: left;
    width: 100%;
    margin: 10px 0 0;
  }
}
@media screen and (max-width: 680px) {
  .oOlIiI-blocke .widget .widget-content {
    min-height: 228px;
  }
  .oOlIiI-raw .type-col-left,
  .oOlIiI-raw .type-col-right,
  .video-vg .vg-s {
    width: 100%;
  }
  .video-vg {
    flex-direction: column;
  }
  .video-section .vblock-img {
    height: 285px;
  }
  .post-snippet {
    display: none;
  }
  .pixo-category .widget {
    width: calc((100% - 15px) / 2);
  }
  .post-filter .post-filter-image {
    margin: 0;
  }
  #oOlIiI-cookies {
    right: 0 !important;
    left: 0 !important;
    bottom: 0;
    width: initial;
    margin: 0;
    padding: 20px 15px;
    border-radius: 0;
    transform: translate3d(0, 50%, 0);
  }
  #oOlIiI-cookies.cookies-show {
    transform: translate3d(0, 0, 0);
  }
}
@media screen and (max-width: 640px) {
  .header-room img {
    max-height: 40px;
  }
  .search-msg {
    font-size: 14px;
  }
  .mega-mode {
    padding: 0 5px;
    margin: 0;
  }
  .search-msg {
    font-size: 14px;
  }
  ul.oOlIiI-eshare.colorful-ico.social-front-hover a:not(a.fa-facebook):before {
    margin: 0;
  }
  .rtl ul.oOlIiI-eshare.colorful-ico.social-front-hover a.fa-facebook:before {
    margin: 0 0 0 5px;
  }
  .social-front-hover a.fa-twitter,
  .social-front-hover a.fa-whatsapp {
    width: 47px;
    overflow: hidden;
  }
  .post-filter {
    margin: 5px 0;
  }
  .post-filter .entry-title,
  .video-section.item0 .entry-title {
    font-size: 15px;
  }
  .oOlIiI-raw .modal-grid {
    position: relative;
    float: left;
    width: 50%;
    padding: 0 5px;
    box-sizing: border-box;
  }
  .oOlIiI-raw .erhero,
  .oOlIiI-raw .raw-main,
  .related-post .erhero {
    width: 100%;
    clear: both;
  }
  .oOlIiI-raw .raw-main .raw-main-sum {
    display: block !important;
  }
  .oOlIiI-raw .raw-main .raw-main-box h3 a {
    font-size: initial !important;
  }
  .rtl .post-inner-comments.flex {
    left: 0;
    right: unset;
  }
  .StickyDemo {
    margin: 0 4px;
  }
  .share-wrapper-icons.colorful-ico li {
    width: 33%;
  }
  .share-wrapper-icons.colorful-ico a:before {
    font-size: 19px;
  }
  .share-wrapper-icons.colorful-ico li a {
    height: 30px;
    line-height: 20px;
  }
  .share-wrapper-icons.colorful-ico {
    padding: 10px 0 20px;
  }
  .StickyTab label,
  .oOlIiI-eshare li a {
    cursor: unset;
  }
  input.search-input {
    font-size: 20px;
  }
  #feed-view #main {
    margin: 0;
  }
  .pixo-category-img,
  .pixo-category-img a {
    height: 140px;
  }
  .modal-grid .modal-image .entry-title,
  .post-filter .entry-title {
    font-size: 13px;
  }
  .oOlIiI-related .relatedui-posts {
    width: calc((100% - 20px) / 2);
    clear: both;
  }
  .post-snip .post-date {
    margin: 10px 10px 0 0;
  }
  .modal-grid .modal-image .post-filter-inner,
  .oOlIiI-blocke .widget .post-filter-inner,
  .post-filter .post-filter-image,
  .relatedui-posts .post-filter-inner {
    height: 300px;
  }
}
@media screen and (max-width: 480px) {
  .post-card {
    display: block;
  }
  .post-image {
    height: 190px;
  }
  .card-wrap {
    display: block;
  }
  .card-wrap {
    flex-direction: column;
    align-items: start;
  }
  a.card-button.main-button {
    display: block;
    max-width: 100%;
  }
  .card-header {
    justify-content: flex-start;
  }
  .oOlIiI-related {
    padding: 15px 5px;
  }
  .BiggerSidebarOk .oOlIiI-sidebare .glax-img {
    height: 125px;
  }
  .item-post h1.entry-title {
    font-size: 24px;
  }
  .description-links li {
    float: none;
    display: inline-block;
    margin: 10px;
  }
  .errorPage {
    padding: 70px 0 100px;
  }
  .errorPage h3 {
    font-size: 120px;
  }
  .modal-grid .modal-image .post-filter-inner,
  .oOlIiI-blocke .widget .post-filter-inner,
  .post-filter .post-filter-image,
  .relatedui-posts .post-filter-inner {
    height: 235px;
  }
  #comments ol {
    padding: 0;
  }
}
@media screen and (max-width: 380px) {
  .pagination .btn {
    min-width: unset;
    font-size: 0;
  }
  .search-thumb {
    width: 100px;
    height: 80px;
  }
  .oOlIiI-author .avatar-container {
    width: 60px;
    height: 60px;
  }
  .item .comment-bubble,
  .oOlIiI-eshare li.share-icon {
    display: none;
  }
  .share-top {
    margin: 0;
  }
  .post-filter .entry-title a {
    font-size: 12px;
  }
}

.demo-btd {
  position: fixed;
  top: 30%;
  right: 20px;
  gap: 12px;
  display: flex;
  flex-direction: column;
  z-index: 22;
}
.demo-btd a {
  position: relative;
  display: flex;
  background: var(--mobile-menu-bg);
  color: var(--featured-posts-title);
  fill: var(--featured-posts-title);
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 0 5px 0 rgb(39 39 39 / 0.12);
  width: 67px;
  height: 67px;
  border-radius: 10px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.demo-btd a svg:hover,
.demo-btd a:hover {
  color: var(--button-bg-color);
  fill: var(--button-bg-color);
}
@media screen and (max-width: 480px) {
  .demo-btd {
    bottom: 2.6%;
    transform: translate3d(-50%, 0, 0);
    top: unset;
    right: unset;
    left: 50%;
    flex-direction: row;
  }
}


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

.bordered-table th, .bordered-table td {
    border: 1px solid #fb003b;
    text-align: left;
    padding: 8px;
}

.bordered-table th {
    background-color: #fb003b;
    font-weight: bold;
    color: white;
}




.accordion-container {
    max-width: 600px;
    width: 100%;
  }
  
details {
    font-size: var(--title);
    margin: 0 auto;
    width: 98%;
    position: relative;
    border-bottom: 1px solid var(--border-color);
    transition: all 0.3s ease-in-out;
    background: #f8003a1f;
    margin: 7px;
    border-radius: 8px;
  
    &:hover {
      opacity: 1;
    }
  }
  
    span.accordion-title h3 {
       font-size: 18px;
       padding: 9px;
   }
  
     div.accordion-content p {
         font-size: 15px;
         padding: 9px;
         padding-top: 0;
         margin-top: 0;
      }
  summary {
    user-select: none;
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    padding: var(--header-padding);
  
      & .title {
        opacity: 1;
      }
  
      & .accordion-icon {
        opacity: 1;
      }
    }
  }
  
  .accordion-title {
    color: #151518;
    width: 90%;
    font-weight: 500;
    transition: all 250ms ease-in-out;
  }
  
  .accordion-icon {
    opacity: 0.5;
    pointer-events: none;
    position: absolute;
    right: 1rem;
    transition: all 150ms ease-out;
  
    svg {
      width: var(--icon-size);
      height: var(--icon-size);
      transition: transform 0.3s ease-in-out;
    }
  }
  
  .accordion-content {
    color: #3c3e47;
    padding: var(--content-padding);
    font-size: var(--content);
    font-weight: 400;
    line-height: 1.65;
  }
  
  /** Remove Marker */
  summary::-webkit-details-marker {
    display: none;
  }
  
  /** Rotate Icon */
  details[open] .accordion-icon svg {
    transform: rotate(180deg);
  }
  
                    
  .post-body h2 {
    background: #f8003a;
    padding: 0px;
    margin: 10px;
    font-size: 18px;
    /* text-align: center; */
    border-radius: 6px;
    color: white;
    padding-left: 15px;
}                  
 p {
    margin: 10px;
    text-align: justify;
} 
.sugested {
    margin: 7px;
    padding: 3px;
    color: #ff005e;
    font-size: 17px;
}
div#suggestionContainer {
    max-height: 400px;
    overflow-y: scroll;
    font-weight: bold;
}

.pages-area h2 {
    background: #f8003a;
    padding: 0px;
    margin: 10px;
    font-size: 18px;
    border-radius: 6px;
    color: white;
    padding-left: 15px;
}
span.image-caption {
    text-align: justify;
}