@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
@font-face {
  font-family: 'mv-aammu-fk';
  src: url("../../public/fonts/mv-aammu-fk.ttf") format("truetype"); }
@font-face {
  font-family: 'mv-waheed';
  src: url("../../public/fonts/mv-waheed.otf") format("opentype"); }
@font-face {
  font-family: 'mv-faseyha';
  src: url("../../public/fonts/mv-faseyha.otf") format("opentype"); }
.thaana-heading {
  font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
  line-height: 1.5em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  direction: rtl;
  letter-spacing: 1px; }

.thaana-bodu {
  font-family: 'mv-aammu-fk', 'MV Aammu FK';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  direction: rtl; }

.thaana-faseyha {
  font-family: 'mv-faseyha', 'MV Faseyha', 'Faruma';
  line-height: 1.8em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  direction: rtl;
  letter-spacing: 1px; }

.thaana-waheed {
  font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
  line-height: 1.5em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  direction: rtl;
  letter-spacing: 1px; }

.custom-gutter {
  margin-left: -10px;
  margin-right: -10px; }
  .custom-gutter > [class*='col'] {
    padding-left: 10px;
    padding-right: 10px; }

body {
  background-color: #eeeeee;
  text-align: right;
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }
  body.dark-mode {
    background-color: #111; }

a, a:hover, a:focus, a:visited {
  text-decoration: none;
  outline: none; }

.no-scroll {
  overflow: hidden; }

@media (max-width: 768px) {
  body {
    overflow-x: hidden; } }
.page-about {
  background-color: #ffffff; }
  .page-about .menu .bar {
    height: 80px;
    opacity: 0.66;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
  .page-about .menu nav {
    display: flex;
    justify-content: space-between;
    text-align: center;
    flex-wrap: wrap;
    flex-direction: row; }
    .page-about .menu nav a {
      font-family: 'Roboto', sans-serif, Arial;
      direction: ltr;
      display: block;
      color: #535353;
      font-size: 19px;
      padding: 20px;
      opacity: 0.56;
      position: relative; }
      .page-about .menu nav a.active::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: -4px;
        height: 4px;
        background-color: #ababab; }
      .page-about .menu nav a:hover, .page-about .menu nav a.active {
        color: #535353;
        opacity: 0.97; }
  @media (max-width: 768px) {
    .page-about .menu nav a {
      font-size: 15px; } }
  .page-about .content-about {
    background-image: linear-gradient(65deg, #a181d1, #ff2d2d);
    position: relative; }
    .page-about .content-about .text-block {
      font-family: 'Roboto', sans-serif, Arial;
      direction: ltr;
      text-align: left;
      color: #ffffff;
      opacity: 0.97;
      width: 260px;
      margin-left: 100px;
      margin-top: 200px;
      margin-bottom: 180px; }
      .page-about .content-about .text-block h2 {
        font-size: 39px;
        font-weight: 500;
        margin-bottom: 15px; }
      .page-about .content-about .text-block p {
        font-size: 15px; }
    .page-about .content-about .smg-vector {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 800px; }
    @media (max-width: 1200px) {
      .page-about .content-about .smg-vector {
        width: 600px; } }
    @media (max-width: 992px) {
      .page-about .content-about .smg-vector {
        width: 400px; } }
    @media (max-width: 992px) {
      .page-about .content-about .text-block {
        margin-left: 0; }
      .page-about .content-about .smg-vector {
        width: 400px; } }
    @media (max-width: 768px) {
      .page-about .content-about .text-block {
        width: auto;
        margin-left: 40px;
        margin-right: 40px; }
      .page-about .content-about .smg-vector {
        display: none; } }
  .page-about .content-products {
    position: relative;
    height: 1147px; }
    .page-about .content-products .prods {
      margin-left: 100px;
      position: absolute; }
      .page-about .content-products .prods > div {
        display: flex; }
        .page-about .content-products .prods > div .img {
          border: solid 1px #ddd;
          user-select: none; }
          .page-about .content-products .prods > div .img img {
            width: 380px; }
        .page-about .content-products .prods > div .desc {
          display: flex;
          padding: 0 100px;
          border: solid 1px #ddd;
          margin: 1px; }
          .page-about .content-products .prods > div .desc p {
            font-family: 'Roboto', sans-serif, Arial;
            direction: ltr;
            text-align: left;
            opacity: 0.57;
            font-size: 15px;
            color: #000;
            align-self: center; }
    @media (max-width: 1200px) {
      .page-about .content-products {
        height: 785px; }
        .page-about .content-products .prods {
          position: static; }
          .page-about .content-products .prods > div {
            left: 0; }
            .page-about .content-products .prods > div .img img {
              width: 260px; }
            .page-about .content-products .prods > div .desc {
              padding: 0 30px; } }
    @media (max-width: 992px) {
      .page-about .content-products {
        height: auto; }
        .page-about .content-products .prods {
          margin-left: 0; }
          .page-about .content-products .prods > div .img img {
            width: 260px; } }
    @media (max-width: 768px) {
      .page-about .content-products .prods > div {
        flex-direction: column;
        margin: 40px 0; }
        .page-about .content-products .prods > div .img {
          padding-top: 30px;
          text-align: center;
          border-bottom: none; }
          .page-about .content-products .prods > div .img img {
            max-width: 100%; }
        .page-about .content-products .prods > div .desc {
          border-top: none;
          margin: 0;
          padding: 30px; } }
  .page-about .content-editorial .wrapper {
    display: flex;
    flex-wrap: wrap; }
    .page-about .content-editorial .wrapper > div {
      opacity: 0.58;
      height: 350px;
      background-color: #000000;
      margin: 1px;
      flex-grow: 1;
      flex-shrink: 1;
      flex-basis: 0; }
    .page-about .content-editorial .wrapper > div:not(.team) {
      display: flex;
      justify-content: center; }
      .page-about .content-editorial .wrapper > div:not(.team) p {
        font-family: 'Roboto', sans-serif, Arial;
        direction: ltr;
        color: #FFF;
        font-size: 12px;
        font-weight: bold;
        align-self: flex-end;
        margin-bottom: 30px; }
    .page-about .content-editorial .wrapper > div.job > span {
      align-self: center;
      text-align: center;
      margin: 50px; }
    .page-about .content-editorial .wrapper > div.job h3, .page-about .content-editorial .wrapper > div.job a {
      font-family: 'Roboto', sans-serif, Arial;
      direction: ltr;
      color: #FFF; }
    .page-about .content-editorial .wrapper > div.job h3 {
      font-size: 28px;
      display: block;
      margin-bottom: 28px; }
    .page-about .content-editorial .wrapper > div.job a {
      display: inline-block;
      padding: 15px 20px;
      background-color: #555;
      border-radius: 10px;
      font-weight: bold;
      font-size: 13px;
      user-select: none;
      transition: opacity 0.3s ease; }
      .page-about .content-editorial .wrapper > div.job a:hover {
        opacity: 0.8; }
    .page-about .content-editorial .wrapper > div.team {
      opacity: 0.67;
      background-image: linear-gradient(to bottom, #003bfe, #03c6ef);
      display: flex; }
      .page-about .content-editorial .wrapper > div.team > span {
        margin: 50px;
        display: block;
        text-align: center;
        align-self: center; }
      .page-about .content-editorial .wrapper > div.team h3, .page-about .content-editorial .wrapper > div.team p {
        font-family: 'Roboto', sans-serif, Arial;
        direction: ltr;
        color: #FFF; }
      .page-about .content-editorial .wrapper > div.team h3 {
        font-size: 30px; }
      .page-about .content-editorial .wrapper > div.team p {
        font-size: 15px; }
  @media (max-width: 992px) {
    .page-about .content-editorial .wrapper > div {
      flex-basis: auto;
      width: 300px; } }
  .page-about .content-terms {
    position: relative;
    overflow: hidden;
    border-bottom: solid 1px #bbb; }
    .page-about .content-terms .col {
      min-height: 960px;
      display: flex; }
    .page-about .content-terms .text-block {
      align-self: center;
      font-family: 'Roboto', sans-serif, Arial;
      direction: ltr;
      text-align: left;
      color: #8b8b8b;
      opacity: 0.97;
      width: 520px;
      margin-left: 100px;
      margin-top: 100px;
      margin-bottom: 180px; }
      .page-about .content-terms .text-block h2 {
        font-size: 39px;
        font-weight: 500;
        margin-bottom: 50px; }
      .page-about .content-terms .text-block p {
        font-size: 15px;
        color: #8b8b8b; }
      .page-about .content-terms .text-block .readmore {
        height: 190px;
        overflow: hidden;
        display: block; }
      .page-about .content-terms .text-block button {
        background-color: #ddd;
        padding: 13px 50px;
        font-size: 13px;
        font-weight: bold;
        color: #888;
        border: none;
        border-radius: 10px;
        cursor: pointer;
        margin-top: 25px;
        transition: opacity 0.3s ease; }
        .page-about .content-terms .text-block button:hover {
          opacity: 0.8; }
        .page-about .content-terms .text-block button:focus, .page-about .content-terms .text-block button:active {
          outline: none; }
    .page-about .content-terms .img {
      position: absolute;
      top: 120px;
      right: -200px;
      width: 700px; }
    @media (max-width: 1200px) {
      .page-about .content-terms .img {
        width: 600px; } }
    @media (max-width: 992px) {
      .page-about .content-terms .text-block {
        margin-left: 0; }
      .page-about .content-terms .img {
        width: 500px; } }
    @media (max-width: 768px) {
      .page-about .content-terms .col {
        min-height: auto; }
      .page-about .content-terms .text-block {
        margin-left: 30px;
        margin-right: 30px; }
      .page-about .content-terms .img {
        display: none; } }

.header-desktop-v2 {
  margin-bottom: 20px;
  position: relative;
  height: 134px; }
  .header-desktop-v2 .main-nav {
    background-image: linear-gradient(to left, #c90606, #132981);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
    height: 97px;
    overflow: hidden;
    transition: height 0.3s ease; }
    .header-desktop-v2 .main-nav.shown {
      height: 155px; }
      .header-desktop-v2 .main-nav.shown .wrapper {
        border-bottom: solid 1px rgba(255, 255, 255, 0.5); }
        .header-desktop-v2 .main-nav.shown .wrapper nav {
          opacity: 0.1; }
    .header-desktop-v2 .main-nav .wrapper {
      transition: border 0.3s ease; }
      .header-desktop-v2 .main-nav .wrapper .col {
        display: flex;
        flex-direction: row-reverse; }
      .header-desktop-v2 .main-nav .wrapper .logo {
        margin: 15px 0; }
        .header-desktop-v2 .main-nav .wrapper .logo a {
          display: block;
          font-size: 0; }
        .header-desktop-v2 .main-nav .wrapper .logo svg {
          width: 67px;
          margin-left: 10px; }
      .header-desktop-v2 .main-nav .wrapper .active {
        font-family: 'mv-aammu-fk', 'MV Aammu FK';
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        direction: rtl;
        color: #ffffff;
        font-size: 21px;
        align-self: center;
        margin-right: 20px;
        padding-left: 20px;
        border-left: solid 1px #FFF;
        user-select: none; }
      .header-desktop-v2 .main-nav .wrapper nav {
        align-self: center;
        display: flex;
        flex-direction: row-reverse;
        margin-right: 25px;
        user-select: none;
        transition: opacity 0.3s ease; }
        .header-desktop-v2 .main-nav .wrapper nav a {
          font-family: 'mv-aammu-fk', 'MV Aammu FK';
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          direction: rtl;
          color: #ffffff;
          font-size: 18px;
          display: inline-block;
          padding: 5px 15px;
          transition: opacity 0.3s ease; }
          .header-desktop-v2 .main-nav .wrapper nav a:hover {
            opacity: 0.7; }
      .header-desktop-v2 .main-nav .wrapper .left {
        display: flex;
        margin-right: auto;
        flex-direction: row-reverse; }
      .header-desktop-v2 .main-nav .wrapper .search {
        display: flex;
        flex-direction: row-reverse;
        margin-left: 40px; }
        .header-desktop-v2 .main-nav .wrapper .search .input {
          align-self: center;
          position: relative;
          width: 158px;
          transition: width 0.3s ease;
          user-select: none; }
          .header-desktop-v2 .main-nav .wrapper .search .input .sponsor {
            margin-right: 10px;
            transition: opacity 0.3s ease; }
          .header-desktop-v2 .main-nav .wrapper .search .input form {
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            top: -7px;
            z-index: 2;
            width: 1px;
            overflow: hidden;
            transition: width 0.3s ease; }
            .header-desktop-v2 .main-nav .wrapper .search .input form input {
              font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
              line-height: 1.5em;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              direction: rtl;
              letter-spacing: 1px;
              color: #FFF;
              font-size: 18px;
              padding: 6px 11px;
              background: transparent;
              border: solid 1px #fff;
              border-radius: 6px;
              width: 100%; }
              .header-desktop-v2 .main-nav .wrapper .search .input form input:focus, .header-desktop-v2 .main-nav .wrapper .search .input form input:active {
                outline: none; }
          .header-desktop-v2 .main-nav .wrapper .search .input.shown {
            width: 176px; }
            .header-desktop-v2 .main-nav .wrapper .search .input.shown .sponsor {
              opacity: 0.2; }
            .header-desktop-v2 .main-nav .wrapper .search .input.shown form {
              width: 177px; }
        .header-desktop-v2 .main-nav .wrapper .search .icon {
          align-self: center;
          margin: 0 20px 0 5px;
          background-image: url("../../public/assets/search-icon.svg");
          background-repeat: no-repeat;
          height: 22px;
          width: 22px;
          cursor: pointer; }
      .header-desktop-v2 .main-nav .wrapper .menu-btn {
        align-self: center;
        margin-right: auto;
        /* https://codepen.io/designcouch/pen/Atyop */
        cursor: pointer;
        margin-top: 9px; }
        .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon {
          width: 25px;
          height: 25px;
          position: relative;
          transform: rotate(0deg);
          transition: .5s ease-in-out;
          cursor: pointer; }
        .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon span {
          display: block;
          position: absolute;
          height: 2px;
          width: 100%;
          background-color: #FFF;
          opacity: 1;
          left: 0;
          transform: rotate(0deg);
          transition: .25s ease-in-out; }
        .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon span:nth-child(1) {
          top: 0px; }
        .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon span:nth-child(2), .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon span:nth-child(3) {
          top: 7px; }
        .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon span:nth-child(4) {
          top: 14px; }
        .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon.open span:nth-child(1) {
          top: 7px;
          width: 0%;
          left: 50%; }
        .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon.open span:nth-child(2) {
          transform: rotate(45deg); }
        .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon.open span:nth-child(3) {
          transform: rotate(-45deg); }
        .header-desktop-v2 .main-nav .wrapper .menu-btn .menu-icon.open span:nth-child(4) {
          top: 7px;
          width: 0%;
          left: 50%; }
    .header-desktop-v2 .main-nav .more nav {
      margin-top: 10px;
      display: flex;
      flex-direction: row-reverse;
      margin-right: 87px;
      user-select: none;
      transition: opacity 0.3s ease;
      justify-content: space-between; }
      .header-desktop-v2 .main-nav .more nav a {
        font-family: 'mv-aammu-fk', 'MV Aammu FK';
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        direction: rtl;
        color: #ffffff;
        font-size: 18px;
        display: inline-block;
        padding: 5px 15px;
        transition: opacity 0.3s ease; }
        .header-desktop-v2 .main-nav .more nav a:hover {
          opacity: 0.7; }
    @media (max-width: 1200px) {
      .header-desktop-v2 .main-nav .wrapper nav a {
        font-size: 16px;
        padding: 5px 12px; }
      .header-desktop-v2 .main-nav .more nav {
        margin-top: 13px; }
        .header-desktop-v2 .main-nav .more nav a {
          font-size: 16px; } }
    @media (max-width: 992px) {
      .header-desktop-v2 .main-nav .wrapper nav a:nth-last-child(1),
      .header-desktop-v2 .main-nav .wrapper nav a:nth-last-child(2),
      .header-desktop-v2 .main-nav .wrapper nav a:nth-last-child(3),
      .header-desktop-v2 .main-nav .wrapper nav a:nth-last-child(4) {
        display: none; }
      .header-desktop-v2 .main-nav .more nav {
        margin-right: 0; }
        .header-desktop-v2 .main-nav .more nav a {
          padding: 5px 12px; } }
  .header-desktop-v2 .sub-nav {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.13);
    background-color: #ffffff;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0; }
    .header-desktop-v2 .sub-nav .col {
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between; }
    .header-desktop-v2 .sub-nav .todaysdate {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 14px;
      color: #a5a5a5;
      margin: 8px 0;
      user-select: none; }
      .header-desktop-v2 .sub-nav .todaysdate i {
        font-size: 16px;
        float: right;
        margin-left: 10px; }
    .header-desktop-v2 .sub-nav .social-nav {
      display: flex; }
      .header-desktop-v2 .sub-nav .social-nav a {
        color: #999;
        width: 58px;
        display: flex;
        justify-content: center;
        border-left: solid 1px #ddd;
        user-select: none;
        transition: opacity 0.3s ease; }
        .header-desktop-v2 .sub-nav .social-nav a:hover {
          opacity: 0.7; }
        .header-desktop-v2 .sub-nav .social-nav a img {
          align-self: center; }
      .header-desktop-v2 .sub-nav .social-nav a.int-edition {
        padding: 8px 25px 0 25px;
        font-family: 'Roboto', sans-serif, Arial;
        direction: ltr;
        font-size: 14px;
        width: auto; }
    body.dark-mode .header-desktop-v2 .sub-nav {
      background-color: #1b1b1b; }
      body.dark-mode .header-desktop-v2 .sub-nav .social-nav a {
        border-color: #3e3e3e; }
  @media (max-width: 768px) {
    .header-desktop-v2 {
      display: none; } }

header .header-mobile {
  background: linear-gradient(to left, #c90606, #6a3b81);
  height: 60px;
  display: none;
  position: relative; }
  header .header-mobile .overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    height: 60px;
    background: linear-gradient(to left, #c90606, #6a3b81);
    overflow: hidden;
    box-shadow: 0 0 40px rgba(113, 113, 113, 0.55);
    transition: height 0.5s ease; }
  header .header-mobile.slide-down .overlay {
    height: 100vh;
    overflow: auto;
    box-shadow: none;
    background-image: linear-gradient(217deg, #c90606, #6a3b81); }
  header .header-mobile.slide-down .menu {
    height: 180px; }
    header .header-mobile.slide-down .menu .logo a {
      opacity: 0.8; }
    header .header-mobile.slide-down .menu .menu-btn {
      margin-left: 10%; }
    header .header-mobile.slide-down .menu .search-btn {
      margin-right: 10%; }
  header .header-mobile.slide-down .nav-bar, header .header-mobile.slide-down .search-bar {
    height: calc(100% - 180px); }
  header .header-mobile.slide-down-nav .nav-bar {
    display: flex; }
  header .header-mobile.slide-down-search .search-bar {
    display: block; }
  header .header-mobile.slide-down-search .menu {
    justify-content: center; }
    header .header-mobile.slide-down-search .menu .menu-btn, header .header-mobile.slide-down-search .menu .search-btn {
      display: none; }
  header .header-mobile .menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    transition: height 0.5s ease;
    text-align: center; }
    header .header-mobile .menu .logo {
      font-size: 0; }
      header .header-mobile .menu .logo a {
        display: block;
        transition: opacity 0.5s ease; }
      header .header-mobile .menu .logo svg {
        width: 100px; }
    header .header-mobile .menu .menu-btn {
      padding: 18px 30px 15px 30px;
      opacity: 0.7;
      /* https://codepen.io/designcouch/pen/Atyop */
      cursor: pointer;
      transition: margin 0.5s ease; }
      header .header-mobile .menu .menu-btn .menu-icon {
        width: 25px;
        height: 25px;
        position: relative;
        transform: rotate(0deg);
        transition: .5s ease-in-out;
        cursor: pointer; }
      header .header-mobile .menu .menu-btn .menu-icon span {
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        background-color: #FFF;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out; }
      header .header-mobile .menu .menu-btn .menu-icon span:nth-child(1) {
        top: 0px; }
      header .header-mobile .menu .menu-btn .menu-icon span:nth-child(2), header .header-mobile .menu .menu-btn .menu-icon span:nth-child(3) {
        top: 8px; }
      header .header-mobile .menu .menu-btn .menu-icon span:nth-child(4) {
        top: 16px; }
      header .header-mobile .menu .menu-btn .menu-icon.open span:nth-child(1) {
        top: 8px;
        width: 0%;
        left: 50%; }
      header .header-mobile .menu .menu-btn .menu-icon.open span:nth-child(2) {
        transform: rotate(45deg); }
      header .header-mobile .menu .menu-btn .menu-icon.open span:nth-child(3) {
        transform: rotate(-45deg); }
      header .header-mobile .menu .menu-btn .menu-icon.open span:nth-child(4) {
        top: 8px;
        width: 0%;
        left: 50%; }
    header .header-mobile .menu .search-btn {
      width: 85px;
      min-width: 85px;
      padding: 17px 30px 10px 30px;
      opacity: 0.7;
      cursor: pointer;
      transition: margin 0.5s ease; }
  header .header-mobile .nav-bar {
    display: none;
    flex-direction: column;
    align-items: center; }
    header .header-mobile .nav-bar::after {
      font-family: 'Material Icons';
      font-weight: normal;
      font-size: 60px;
      content: '\e313';
      display: block;
      color: #efd0d0; }
    header .header-mobile .nav-bar nav {
      text-align: center;
      height: 80%;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      overflow-scrolling: touch; }
      header .header-mobile .nav-bar nav::-webkit-scrollbar {
        display: none; }
      header .header-mobile .nav-bar nav a {
        font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
        line-height: 1.5em;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        direction: rtl;
        letter-spacing: 1px;
        font-size: 25px;
        color: #efd0d0;
        display: block;
        margin: 25px 0;
        padding: 0 80px; }
  header .header-mobile .search-bar {
    display: none; }
    header .header-mobile .search-bar .icon {
      text-align: center;
      margin-bottom: 15px;
      height: 35px; }
      header .header-mobile .search-bar .icon svg {
        width: 30px; }
    header .header-mobile .search-bar .form {
      min-height: calc(100% - (35px + 15px) );
      background-color: #eee;
      display: flex;
      flex-direction: column; }
      header .header-mobile .search-bar .form input[type="text"] {
        font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
        line-height: 1.5em;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        direction: rtl;
        letter-spacing: 1px;
        width: 100%;
        padding: 25px 20px 20px 20px;
        background-color: #FFF;
        font-size: 35px;
        color: #f37a7a;
        text-align: center;
        border: none; }
        header .header-mobile .search-bar .form input[type="text"]::placeholder {
          color: #f37a7a;
          font-size: 35px; }
        header .header-mobile .search-bar .form input[type="text"]:active, header .header-mobile .search-bar .form input[type="text"]:hover, header .header-mobile .search-bar .form input[type="text"]:focus {
          outline: none; }
      header .header-mobile .search-bar .form .date {
        position: relative; }
        header .header-mobile .search-bar .form .date .title {
          text-align: center;
          color: #888;
          border-bottom: solid 3px rgba(101, 0, 0, 0.16);
          display: flex;
          justify-content: space-between;
          padding: 20px 20px 15px 20px; }
          header .header-mobile .search-bar .form .date .title span:last-child {
            font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
            line-height: 1.5em;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            direction: rtl;
            letter-spacing: 1px;
            font-size: 25px; }
        header .header-mobile .search-bar .form .date .date-selector {
          position: absolute;
          top: 0;
          left: 0;
          right: 0; }
          header .header-mobile .search-bar .form .date .date-selector input {
            font-family: 'Roboto', sans-serif, Arial;
            direction: ltr;
            background-color: transparent;
            padding: 18px 20px 18px 20px;
            appearance: none;
            -webkit-appearance: none;
            text-align: center;
            width: 100%;
            display: block;
            font-size: 20px;
            color: #999;
            border: none; }
            header .header-mobile .search-bar .form .date .date-selector input:active, header .header-mobile .search-bar .form .date .date-selector input:hover, header .header-mobile .search-bar .form .date .date-selector input:focus {
              outline: none; }
            header .header-mobile .search-bar .form .date .date-selector input::-webkit-inner-spin-button, header .header-mobile .search-bar .form .date .date-selector input::-webkit-calendar-picker-indicator {
              -webkit-appearance: none;
              display: none; }
      header .header-mobile .search-bar .form .bottom {
        align-self: center;
        background-color: #eee;
        width: 100%;
        text-align: center; }
        header .header-mobile .search-bar .form .bottom .close-btn {
          display: inline-block;
          margin-bottom: 10px;
          padding: 10px 20px; }
          header .header-mobile .search-bar .form .bottom .close-btn i {
            font-size: 40px;
            color: #aaa;
            font-weight: bold; }
  @media (max-width: 768px) {
    header .header-mobile {
      display: block; } }
  @media (max-width: 576px) {
    header .header-mobile.slide-down .menu {
      height: 160px; }
      header .header-mobile.slide-down .menu .menu-btn {
        margin-left: 5%; }
      header .header-mobile.slide-down .menu .search-btn {
        margin-right: 5%; }
    header .header-mobile.slide-down .nav-bar, header .header-mobile.slide-down .search-bar {
      height: calc(100% - 160px); }
    header .header-mobile .menu .logo svg {
      width: 90px; }
    header .header-mobile .search-bar .form form {
      margin-bottom: 25px; }
    header .header-mobile .search-bar .form input[type="text"] {
      font-size: 30px;
      padding: 20px 20px 15px 20px; }
    header .header-mobile .search-bar .form .date .title span:last-child {
      font-size: 20px;
      margin-top: 0; }
    header .header-mobile .search-bar .form .date .date-selector select {
      font-size: 17px; } }

footer {
  margin-top: 60px;
  background: linear-gradient(to top, #480000, #070020); }
  footer .row > [class*='col'] {
    border-right: solid 1px rgba(255, 255, 255, 0.5); }
    footer .row > [class*='col']:last-child {
      border: none; }
    footer .row > [class*='col'] > div {
      padding: 60px 0 20px 0; }
  footer .logo {
    text-align: left; }
    footer .logo svg {
      width: 220px; }
  footer .address {
    font-family: 'Roboto', sans-serif, Arial;
    direction: ltr;
    font-size: 14px;
    color: #FFF;
    text-align: left;
    line-height: 1.7em;
    display: flex;
    flex-direction: column; }
    footer .address a {
      color: #FFF; }
    footer .address address {
      align-self: center; }
      footer .address address > span {
        display: block;
        margin-bottom: 10px; }
  footer .about-links {
    display: flex;
    flex-direction: column;
    text-align: left; }
    footer .about-links ul, footer .about-links ul li {
      margin: 0;
      padding: 0;
      list-style-type: none; }
    footer .about-links ul {
      align-self: center; }
    footer .about-links ul li a {
      font-family: 'Roboto', sans-serif, Arial;
      direction: ltr;
      color: #FFF;
      font-size: 14px;
      margin-bottom: 10px;
      display: block; }
      footer .about-links ul li a:hover {
        text-decoration: underline; }
  footer .social-links {
    display: flex;
    flex-direction: column;
    text-align: left; }
    footer .social-links ul, footer .social-links ul li {
      margin: 0;
      padding: 0;
      list-style-type: none; }
    footer .social-links ul {
      align-self: center; }
    footer .social-links ul li a {
      font-family: 'Roboto', sans-serif, Arial;
      direction: ltr;
      color: #FFF;
      font-weight: 500;
      font-size: 16px;
      display: flex;
      margin-bottom: 15px;
      transition: opacity 0.3s ease; }
      footer .social-links ul li a:hover {
        opacity: 0.7; }
    footer .social-links ul li a div:first-child {
      padding-right: 10px; }
    footer .social-links ul li a div:last-child span {
      display: block; }
    footer .social-links ul li a div:last-child span:first-child {
      font-family: 'Roboto', sans-serif, Arial;
      direction: ltr;
      font-size: 12px;
      font-weight: 500;
      color: #FFF; }
    footer .social-links ul li a div:last-child span:last-child {
      font-family: 'Roboto', sans-serif, Arial;
      direction: ltr;
      font-size: 16px;
      font-weight: 500;
      color: #FFF;
      line-height: 15px; }
  footer .app-download {
    display: flex;
    flex-direction: column; }
    footer .app-download .wrapper {
      align-self: center; }
    footer .app-download .label {
      font-family: 'Roboto', sans-serif, Arial;
      direction: ltr;
      font-size: 12px;
      font-weight: 500;
      color: #FFF;
      margin-bottom: 25px;
      text-align: center; }
    footer .app-download a {
      display: block;
      margin-bottom: 15px;
      text-align: center;
      transition: opacity 0.3s ease; }
      footer .app-download a:hover {
        opacity: 0.7; }
      footer .app-download a img {
        max-width: 100%; }
  @media (max-width: 1200px) {
    footer .logo svg {
      width: 180px; }
    footer .address, footer .about-links ul li a {
      font-size: 12px; }
    footer .social-links ul li a div:last-child span:first-child {
      font-size: 10px; }
    footer .social-links ul li a div:last-child span:last-child {
      font-size: 14px; }
    footer .social-links ul li a div:first-child img {
      width: 35px; }
    footer .app-download .label {
      font-size: 11px; }
    footer .app-download a img {
      width: 110px; } }
  @media (max-width: 992px) {
    footer .row > [class*='col'] {
      border-right: none; }
    footer .row > [class*='col']:nth-child(4), footer .row > [class*='col']:last-child {
      border-top: solid 1px rgba(255, 255, 255, 0.5); }
    footer .row > [class*='col'] > div {
      padding: 40px 0 15px 0; }
    footer .social-links ul li a div:last-child span:first-child {
      font-size: 12px; }
    footer .social-links ul li a div:last-child span:last-child {
      font-size: 16px; }
    footer .social-links ul li a div:first-child img {
      width: auto; }
    footer .app-download .label {
      font-size: 11px;
      margin-bottom: 10px; }
    footer .app-download a {
      margin-bottom: 10px; }
      footer .app-download a img {
        width: 120px; } }
  @media (max-width: 768px) {
    footer .row > [class*='col']:nth-child(2), footer .row > [class*='col']:nth-child(4) {
      border-right: none; }
    footer .row > [class*='col']:nth-child(3), footer .row > [class*='col']:nth-child(4), footer .row > [class*='col']:last-child {
      border-top: solid 1px rgba(255, 255, 255, 0.5); }
    footer .row > [class*='col'] > div {
      padding: 40px 0 30px 0; }
    footer .logo {
      text-align: center; } }
  @media (max-width: 576px) {
    footer .row > [class*='col']:nth-child(2), footer .row > [class*='col']:nth-child(3), footer .row > [class*='col']:nth-child(4), footer .row > [class*='col']:last-child {
      border-top: solid 1px rgba(255, 255, 255, 0.5); }
    footer .row > [class*='col'] > div {
      padding: 40px 0 30px 0; }
    footer .logo svg {
      width: 165px; }
    footer .address, footer .about-links {
      text-align: center;
      font-size: 11px; }
    footer .social-links ul li a div:last-child span:first-child {
      font-size: 10px; }
    footer .social-links ul li a div:last-child span:last-child {
      font-size: 14px; }
    footer .social-links ul li a div:first-child img {
      width: 35px; }
    footer .app-download .label {
      font-size: 10px; }
    footer .app-download a {
      margin-bottom: 5px; }
      footer .app-download a img {
        width: 100px; } }

.component-notification {
  direction: rtl; }
  .component-notification a {
    color: #FFF;
    display: block;
    transition: opacity 0.3s ease; }
    .component-notification a:hover {
      opacity: 0.8; }
  .component-notification p {
    font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
    line-height: 1.5em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    direction: rtl;
    letter-spacing: 1px;
    font-size: 18px;
    color: #FFF;
    display: inline-block;
    margin: 15px; }
  .component-notification .brk-icon {
    width: 80px;
    margin-top: 12px;
    margin-right: 15px;
    display: inline-block;
    float: right; }
  .component-notification .live-icon {
    width: 55px;
    margin-top: 12px;
    margin-right: 15px;
    display: inline-block;
    float: right; }
    .component-notification .live-icon img {
      width: 100%; }
  .component-notification.--breaking, .component-notification.--live {
    background-color: rgba(255, 0, 0, 0.98); }
  @media (max-width: 576px) {
    .component-notification {
      margin-left: -15px;
      margin-right: -15px; }
      .component-notification p {
        margin-top: 5px; } }

.component-sponsor {
  font-size: 0; }
  .component-sponsor .label::after {
    content: 'Advertisement';
    font-family: 'Roboto', sans-serif, Arial;
    direction: ltr;
    color: #95989a;
    font-size: 12px; }
  .component-sponsor img {
    width: 100%;
    max-width: 100%; }
  .component-sponsor.--auto-width {
    text-align: center; }
    .component-sponsor.--auto-width > div {
      display: inline-block; }
    .component-sponsor.--auto-width .label {
      display: block;
      text-align: right; }
    .component-sponsor.--auto-width img {
      width: 100%;
      margin: auto;
      max-width: 100%; }
  .component-sponsor.--float-label .label {
    display: block;
    position: relative; }
  .component-sponsor.--float-label .label::after {
    position: absolute;
    right: 0;
    top: -20px; }
  .component-sponsor.--reserved {
    height: 200px;
    margin-bottom: 20px;
    background: linear-gradient(to bottom, rgba(171, 171, 171, 0.18), rgba(86, 86, 86, 0.17)); }
  .component-sponsor.--center {
    text-align: center; }
    .component-sponsor.--center > div {
      text-align: right;
      display: inline-block; }
  .component-sponsor.--placeholder .demo-sponsor {
    position: relative; }
    .component-sponsor.--placeholder .demo-sponsor .details {
      position: absolute;
      height: 44px;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      text-align: center;
      user-select: none; }
      .component-sponsor.--placeholder .demo-sponsor .details > span {
        font-family: 'Roboto', sans-serif, Arial;
        direction: ltr;
        display: block;
        color: #d46d48; }
      .component-sponsor.--placeholder .demo-sponsor .details > span:first-child {
        font-size: 18px;
        font-weight: 700; }
      .component-sponsor.--placeholder .demo-sponsor .details > span:last-child {
        font-size: 13px;
        font-weight: 400; }
  @media (max-width: 768px) {
    .component-sponsor .label::after {
      font-size: 9px; } }

.component-widget-main > .label {
  font-family: 'mv-aammu-fk', 'MV Aammu FK';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  direction: rtl;
  border-bottom: solid 3px #eeee;
  padding: 0 20px;
  font-size: 0;
  user-select: none;
  background-color: #FFF; }
  .component-widget-main > .label.--gradient-border {
    border-bottom: none;
    position: relative; }
    .component-widget-main > .label.--gradient-border::after {
      content: '';
      background: linear-gradient(to left, #d8d8d8, rgba(0, 57, 106, 0.2));
      height: 1px;
      left: 0;
      right: 0;
      bottom: -1px;
      position: absolute;
      display: block; }
  .component-widget-main > .label > span {
    color: #95989a;
    display: inline-block;
    font-size: 17px;
    margin-left: 3px;
    vertical-align: middle;
    line-height: 1.9em; }
    .component-widget-main > .label > span:not(:first-child) {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      color: #bbb;
      font-size: 17px; }
      .component-widget-main > .label > span:not(:first-child)::after {
        transform: translateY(8px);
        line-height: 0;
        margin-right: 3px; }
    .component-widget-main > .label > span::after {
      font-family: 'Material Icons';
      font-weight: normal;
      font-size: 25px;
      content: '\e314';
      transform: translateY(6px);
      display: inline-block; }
    .component-widget-main > .label > span:last-child:not(:first-child)::after {
      content: ''; }
  .component-widget-main > .label.--linkify {
    padding-top: 8px;
    padding-bottom: 8px; }
    .component-widget-main > .label.--linkify > span {
      font-size: 0;
      line-height: 0; }
      .component-widget-main > .label.--linkify > span a:hover {
        text-decoration: none;
        opacity: 0.7; }
      .component-widget-main > .label.--linkify > span a {
        color: #95989a;
        font-size: 17px;
        transition: opacity 0.3s ease;
        display: inline-block; }
      .component-widget-main > .label.--linkify > span:first-child::after {
        transform: translateY(7px); }
      .component-widget-main > .label.--linkify > span:not(:first-child) {
        font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
        line-height: 1.5em;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        direction: rtl;
        letter-spacing: 1px;
        color: #bbb;
        font-size: 17px; }
        .component-widget-main > .label.--linkify > span:not(:first-child) a {
          font-size: 17px;
          color: #bbb; }
  .component-widget-main > .label.--transparent-bkg {
    background-color: transparent;
    border-bottom: none;
    padding-right: 0;
    padding-left: 0;
    padding-top: 8px;
    padding-bottom: 8px; }
    .component-widget-main > .label.--transparent-bkg.--linkify span {
      font-size: 17px;
      line-height: 1.9em; }
    @media (max-width: 576px) {
      .component-widget-main > .label.--transparent-bkg {
        padding-right: 17px; } }
  .component-widget-main > .label.--color-blue > span:first-child, .component-widget-main > .label.--color-blue > span:first-child a {
    color: #102d72; }
  .component-widget-main > .label.--color-yellow > span:first-child, .component-widget-main > .label.--color-yellow > span:first-child a {
    color: #ffb300; }
  .component-widget-main > .label.--color-light-blue > span:first-child, .component-widget-main > .label.--color-light-blue > span:first-child a {
    color: #00b8d4; }
  .component-widget-main > .label.--color-blue-green > span:first-child, .component-widget-main > .label.--color-blue-green > span:first-child a {
    color: #0e8968; }
  .component-widget-main > .label.--color-black > span:first-child, .component-widget-main > .label.--color-black > span:first-child a {
    color: #000000; }
.component-widget-main.--overlay {
  position: relative; }
  .component-widget-main.--overlay .label {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    border: none;
    background-color: transparent; }
    .component-widget-main.--overlay .label span {
      color: #FFF; }
      .component-widget-main.--overlay .label span a {
        color: #FFF; }
      .component-widget-main.--overlay .label span a:hover {
        opacity: 1; }
    .component-widget-main.--overlay .label span:not(:first-child) {
      color: #FFF; }
      .component-widget-main.--overlay .label span:not(:first-child) a {
        opacity: 0.8;
        color: #FFF; }
      .component-widget-main.--overlay .label span:not(:first-child) a:hover {
        opacity: 1; }
      .component-widget-main.--overlay .label span:not(:first-child)::after {
        opacity: 0.5; }
.component-widget-main .content {
  background-color: #FFF; }
  .component-widget-main .content.--transparent-bkg {
    background-color: transparent; }
  .component-widget-main .content.--gray-gradient {
    background: linear-gradient(to bottom, #ffffff, #ffffff 43%, #c9c9c9 77%, #808080); }
  .component-widget-main .content.--all-gray-gradient {
    background-image: linear-gradient(to bottom, #ffffff, #dedcdc); }
  @media (max-width: 768px) {
    .component-widget-main .content.--light-gradient-sm {
      background: linear-gradient(to top, #d8d8d8, #ffffff); } }
.component-widget-main.--with-loadmore .loadmore {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
  margin-top: 2px;
  text-align: center;
  display: block; }
  .component-widget-main.--with-loadmore .loadmore div {
    font-family: 'mv-aammu-fk', 'MV Aammu FK';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    direction: rtl;
    font-size: 16px;
    color: #b5b5b5;
    display: inline-block;
    padding: 12px 20px;
    cursor: pointer;
    user-select: none; }
    .component-widget-main.--with-loadmore .loadmore div img {
      width: 20px; }
  .component-widget-main.--with-loadmore .loadmore .spinner {
    display: none; }
    .component-widget-main.--with-loadmore .loadmore .spinner.--heart-beat > span {
      margin-top: 5px;
      display: inline-block;
      width: 12px;
      height: 12px;
      background-color: #CCC;
      border-radius: 100%;
      animation: heart-beat 0.5s ease-in-out infinite alternate; }
@keyframes heart-beat {
  0% {
    transform: scale(1);
    background-color: #CCC; }
  100% {
    transform: scale(1.6);
    background-color: #3a0005; } }
.component-widget-main.--dark-mode .content, .component-widget-main.--dark-mode .loadmore, .component-widget-main.--dark-mode .label {
  background: #1b1b1b; }
.component-widget-main.--dark-mode .label {
  border-color: #111; }

.component-featured-big a {
  color: #111; }
  .component-featured-big a:hover h1,
  .component-featured-big a:hover h2,
  .component-featured-big a:hover h3,
  .component-featured-big a:hover h4,
  .component-featured-big a:hover h5,
  .component-featured-big a:hover h6 {
    background: linear-gradient(to left, #c90606, #6a3b81);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
.component-featured-big img {
  border-radius: 4px; }
.component-featured-big .meta {
  margin: 25px 0 15px 0;
  display: block; }
  .component-featured-big .meta .tag {
    font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
    line-height: 1.5em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    direction: rtl;
    letter-spacing: 1px;
    display: inline-block;
    float: right;
    padding-right: 6px;
    font-size: 14px;
    border-right: solid 4px #95989a;
    color: #95989a;
    line-height: 1em; }
  .component-featured-big .meta .time {
    font-family: 'Roboto', sans-serif, Arial;
    direction: ltr;
    float: left;
    font-size: 12px;
    color: #95989a; }
.component-featured-big h1 {
  margin: 0 0 20px 0;
  color: #111;
  font-size: 35px;
  font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
  line-height: 1.5em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  direction: rtl;
  letter-spacing: 1px; }
.component-featured-big p {
  margin-bottom: 20px;
  color: #95989a;
  font-size: 15px;
  font-family: 'mv-faseyha', 'MV Faseyha', 'Faruma';
  line-height: 1.8em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  direction: rtl;
  letter-spacing: 1px; }
.component-featured-big ul {
  font-size: 16px;
  color: #888;
  padding-right: 30px;
  margin-top: 25px;
  font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
  line-height: 1.5em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  direction: rtl;
  letter-spacing: 1px; }
  .component-featured-big ul > li {
    margin-bottom: 5px; }
.component-featured-big.--live a {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 5px; }
  .component-featured-big.--live a:hover h1,
  .component-featured-big.--live a:hover h2,
  .component-featured-big.--live a:hover h3,
  .component-featured-big.--live a:hover h4,
  .component-featured-big.--live a:hover h5,
  .component-featured-big.--live a:hover h6 {
    background: transparent;
    -webkit-background-clip: none;
    -webkit-text-fill-color: #FFF; }
.component-featured-big.--live a > img {
  height: 100%;
  min-width: 100%;
  object-fit: cover;
  border-radius: 0; }
.component-featured-big.--live .meta {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding-top: 80px;
  background-image: linear-gradient(to bottom, transparent, #870000); }
  .component-featured-big.--live .meta .livetag img {
    width: 60px;
    margin-right: 25px; }
  .component-featured-big.--live .meta h1 {
    font-family: 'mv-aammu-fk', 'MV Aammu FK';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    direction: rtl;
    display: block;
    color: #FFF;
    margin: 25px 25px 40px 25px;
    font-size: 35px; }
@media (max-width: 400px) {
  .component-featured-big .time {
    font-size: 11px; }
  .component-featured-big.--live a > img {
    height: 430px; } }

.component-featured-thumb a {
  color: #444; }
  .component-featured-thumb a:hover h1,
  .component-featured-thumb a:hover h2,
  .component-featured-thumb a:hover h3,
  .component-featured-thumb a:hover h4,
  .component-featured-thumb a:hover h5,
  .component-featured-thumb a:hover h6 {
    background: linear-gradient(to left, #c90606, #6a3b81);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
.component-featured-thumb ul,
.component-featured-thumb ul li {
  margin: 0;
  padding: 0;
  list-style: none; }
.component-featured-thumb ul li a {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 30px; }
.component-featured-thumb ul li:last-item a {
  margin-bottom: 0; }
.component-featured-thumb .image {
  align-self: center;
  width: 75%; }
  .component-featured-thumb .image img {
    border-radius: 5px;
    width: 100%; }
.component-featured-thumb .title {
  margin-right: 15px;
  width: 320px; }
.component-featured-thumb .time {
  font-family: 'Roboto', sans-serif, Arial;
  direction: ltr;
  font-size: 12px;
  color: #95989a; }
.component-featured-thumb h2 {
  font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
  line-height: 1.5em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  direction: rtl;
  letter-spacing: 1px;
  color: #444;
  font-size: 18px; }
.component-featured-thumb.--auto-fix-height ul {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
@media (max-width: 1200px) {
  .component-featured-thumb ul li a {
    margin-bottom: 15px; }
    .component-featured-thumb ul li a .image {
      align-self: unset;
      width: 70%; }
    .component-featured-thumb ul li a .title {
      margin-right: 20px;
      width: 250px; }
    .component-featured-thumb ul li a h2 {
      font-size: 17px;
      margin-bottom: 0; } }
@media (max-width: 992px) {
  .component-featured-thumb ul li a {
    margin-bottom: 20px; }
    .component-featured-thumb ul li a .image {
      width: 45%; }
    .component-featured-thumb ul li a h2 {
      font-size: 19px;
      margin-bottom: 0; } }
@media (max-width: 768px) {
  .component-featured-thumb ul li a {
    margin-bottom: 15px; }
    .component-featured-thumb ul li a .image {
      width: 70%; }
    .component-featured-thumb ul li a .title {
      margin-right: 20px; }
    .component-featured-thumb ul li a h2 {
      font-size: 17px;
      margin-bottom: 0; } }
@media (max-width: 576px) {
  .component-featured-thumb ul li a {
    margin: 20px; }
    .component-featured-thumb ul li a .image {
      width: 65%; }
    .component-featured-thumb ul li a h2 {
      font-size: 20px; } }
@media (max-width: 400px) {
  .component-featured-thumb ul li a {
    margin: 5px;
    margin-bottom: 20px; }
    .component-featured-thumb ul li a .image {
      width: 75%; }
      .component-featured-thumb ul li a .image img {
        height: 85px;
        object-fit: cover; }
    .component-featured-thumb ul li a h2 {
      font-size: 18px; }
    .component-featured-thumb ul li a .time {
      font-size: 11px; } }

.component-thumb-feetha {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.07); }
  .component-thumb-feetha a {
    color: #333; }
    .component-thumb-feetha a:hover h1,
    .component-thumb-feetha a:hover h2,
    .component-thumb-feetha a:hover h3,
    .component-thumb-feetha a:hover h4,
    .component-thumb-feetha a:hover h5,
    .component-thumb-feetha a:hover h6 {
      background: linear-gradient(to left, #c90606, #6a3b81);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
  .component-thumb-feetha ul,
  .component-thumb-feetha ul li {
    margin: 0;
    padding: 0;
    list-style: none; }
  .component-thumb-feetha ul li {
    display: block;
    padding: 11px;
    border-bottom: solid 2px #eee; }
  .component-thumb-feetha ul li a {
    display: flex;
    flex-direction: row-reverse;
    min-height: 85px;
    align-items: center; }
  .component-thumb-feetha .image img {
    border-radius: 5px;
    width: 110px;
    max-width: 110px; }
  .component-thumb-feetha .meta {
    display: block;
    margin-right: 20px; }
    .component-thumb-feetha .meta .tag {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 12px;
      color: #95989a;
      float: right; }
    .component-thumb-feetha .meta .time {
      font-family: 'Roboto', sans-serif, Arial;
      direction: ltr;
      font-size: 11px;
      color: #bdbdbd;
      display: block; }
  .component-thumb-feetha h2 {
    font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
    line-height: 1.5em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    direction: rtl;
    letter-spacing: 1px;
    font-size: 16px;
    color: #333;
    margin-top: 6px;
    margin-bottom: 0; }
  .component-thumb-feetha.--shadow-all {
    box-shadow: 0 3px 23px 0 rgba(0, 0, 0, 0.16); }
  @media (max-width: 1200px) {
    .component-thumb-feetha ul li {
      padding: 11px; }
    .component-thumb-feetha .meta .time {
      font-size: 11px; }
    .component-thumb-feetha h2 {
      font-size: 15px; } }
  @media (max-width: 992px) {
    .component-thumb-feetha ul {
      display: flex;
      flex-direction: row-reverse;
      flex-wrap: wrap; }
    .component-thumb-feetha ul li {
      display: inline-block;
      width: 50%; }
    .component-thumb-feetha ul li:nth-child(even) {
      border-right: solid 1px #eee; } }
  @media (max-width: 768px) {
    .component-thumb-feetha ul, .component-thumb-feetha ul li {
      display: block; }
    .component-thumb-feetha ul li {
      width: auto;
      border-right: none;
      min-height: auto;
      padding-right: 20px;
      padding-left: 20px; }
    .component-thumb-feetha h2 {
      font-size: 17px; } }

.component-section-box .item-thumb {
  overflow: hidden;
  position: relative;
  margin-bottom: 20px; }
  .component-section-box .item-thumb a {
    color: #FFF;
    display: block; }
    .component-section-box .item-thumb a:hover {
      color: rgba(255, 255, 255, 0.6); }
  .component-section-box .item-thumb img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 50px; }
  .component-section-box .item-thumb .title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 70px 20px 20px 20px;
    background-image: linear-gradient(to bottom, transparent, #000000 50%, #0f0c06);
    white-space: normal; }
    .component-section-box .item-thumb .title .tag {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 14px;
      color: #95989a; }
    .component-section-box .item-thumb .title h3 {
      margin-top: 15px;
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 20px; }
  .component-section-box .item-thumb.--list {
    background-color: #FFF;
    height: 103px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: box-shadow 0.3s ease; }
    .component-section-box .item-thumb.--list:hover {
      box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.05); }
    .component-section-box .item-thumb.--list a {
      color: #666; }
      .component-section-box .item-thumb.--list a:hover h1,
      .component-section-box .item-thumb.--list a:hover h2,
      .component-section-box .item-thumb.--list a:hover h3,
      .component-section-box .item-thumb.--list a:hover h4,
      .component-section-box .item-thumb.--list a:hover h5,
      .component-section-box .item-thumb.--list a:hover h6 {
        background: linear-gradient(to left, #c90606, #6a3b81);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
    .component-section-box .item-thumb.--list img {
      display: none; }
    .component-section-box .item-thumb.--list .title {
      position: static;
      background: #FFF;
      padding: 0 15px; }
      .component-section-box .item-thumb.--list .title h3 {
        margin-top: 8px;
        font-size: 16px;
        margin-bottom: 0; }
@media (max-width: 768px) {
  .component-section-box > .custom-gutter {
    margin-left: 0;
    margin-right: 0; }
    .component-section-box > .custom-gutter > [class*='col'] {
      padding-left: 0;
      padding-right: 0; } }
@media (max-width: 768px) {
  .component-section-box.--scroll-on-mobile > .row {
    display: block;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    direction: rtl;
    -webkit-overflow-scrolling: touch; }
    .component-section-box.--scroll-on-mobile > .row > div {
      display: inline-block;
      width: 290px;
      margin-left: 12px; }
      .component-section-box.--scroll-on-mobile > .row > div .item-thumb {
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.15); } }
@media (max-width: 576px) {
  .component-section-box.--scroll-on-mobile > .row {
    margin-left: 12px;
    margin-right: 12px; }
    .component-section-box.--scroll-on-mobile > .row > div {
      width: 250px; }
      .component-section-box.--scroll-on-mobile > .row > div .item-thumb img {
        height: 260px; } }

.component-home-gallery {
  width: 100%;
  height: 600px;
  margin-top: 10px;
  overflow: hidden;
  position: relative;
  background-color: #FFF; }
  .component-home-gallery .inner {
    position: absolute;
    font-size: 0;
    width: 4680px; }
  .component-home-gallery .inner > div {
    width: 1148px;
    padding-left: 10px;
    padding-right: 10px;
    height: 600px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    background-color: #FFF; }
    .component-home-gallery .inner > div .gallery-image {
      width: 100%;
      height: 100%;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      background-size: cover;
      cursor: pointer;
      position: relative; }
      .component-home-gallery .inner > div .gallery-image .overlay {
        position: absolute;
        background-color: #FFF;
        opacity: 0.7;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transition: opacity 1s ease-in-out; }
        .component-home-gallery .inner > div .gallery-image .overlay.active {
          opacity: 0; }
      .component-home-gallery .inner > div .gallery-image .title {
        position: absolute;
        bottom: 45px;
        right: 50px;
        z-index: 3;
        width: 600px;
        display: none;
        direction: rtl; }
        .component-home-gallery .inner > div .gallery-image .title .photo-icon {
          display: inline-block;
          width: 45px;
          height: 45px;
          float: right;
          background-image: url("../../public/assets/icon-camera-lg.png");
          background-repeat: no-repeat;
          background-position: center center;
          background-size: contain;
          margin-left: 30px; }
        .component-home-gallery .inner > div .gallery-image .title h2 {
          font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
          line-height: 1.5em;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          direction: rtl;
          letter-spacing: 1px;
          font-size: 30px;
          color: #FFF;
          margin-top: 4px;
          display: inline-block; }
          .component-home-gallery .inner > div .gallery-image .title h2:hover {
            color: #FFF; }
    .component-home-gallery .inner > div .bottom-gradient {
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, black 80%, black 100%);
      height: 300px;
      position: absolute;
      z-index: 2;
      left: 10px;
      right: 10px;
      bottom: 0;
      opacity: 0;
      transition: opacity 1s ease; }
    .component-home-gallery .inner > div.active .bottom-gradient {
      opacity: 1; }
  .component-home-gallery .nav-link {
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
    cursor: pointer; }
    .component-home-gallery .nav-link span {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 65px;
      width: 65px;
      margin: auto;
      top: 0;
      bottom: 0;
      background-color: #FFF;
      border-radius: 50%;
      box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
      user-select: none; }
      .component-home-gallery .nav-link span i {
        font-size: 45px;
        color: #464646; }
    .component-home-gallery .nav-link.next span {
      left: -30px; }
    .component-home-gallery .nav-link.prev span {
      right: -30px; }
    .component-home-gallery .nav-link.next {
      right: 0; }
    .component-home-gallery .nav-link.prev {
      left: 0; }

.component-thumb-column a {
  color: #333; }
  .component-thumb-column a:hover h1,
  .component-thumb-column a:hover h2,
  .component-thumb-column a:hover h3,
  .component-thumb-column a:hover h4,
  .component-thumb-column a:hover h5,
  .component-thumb-column a:hover h6 {
    background: linear-gradient(to left, #c90606, #6a3b81);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
.component-thumb-column ul,
.component-thumb-column ul li {
  margin: 0;
  padding: 0;
  list-style: none; }
.component-thumb-column ul li {
  display: block; }
.component-thumb-column ul li a {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  background-color: #FFF;
  min-height: 110px;
  padding: 5px 10px;
  margin-bottom: 9px; }
.component-thumb-column .img {
  align-self: center; }
  .component-thumb-column .img img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 50px; }
.component-thumb-column .title {
  padding-left: 5px;
  padding-right: 15px; }
  .component-thumb-column .title span {
    font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
    line-height: 1.5em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    direction: rtl;
    letter-spacing: 1px;
    font-size: 12px;
    color: #95989a;
    display: block; }
  .component-thumb-column .title h3 {
    font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
    line-height: 1.5em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    direction: rtl;
    letter-spacing: 1px;
    font-size: 16px;
    color: #333;
    margin-top: 5px;
    margin-bottom: 0; }
@media (max-width: 992px) {
  .component-thumb-column ul {
    display: flex;
    flex-direction: column; }
  .component-thumb-column ul li:nth-child(even) {
    border-right: solid 1px #eee; } }
@media (max-width: 768px) {
  .component-thumb-column ul {
    display: block; }
  .component-thumb-column ul li {
    min-height: auto;
    border-right: none; } }
@media (max-width: 576px) {
  .component-thumb-column .title h3 {
    font-size: 17px; } }

.component-news-feetha {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.07); }
  .component-news-feetha a {
    color: #333; }
    .component-news-feetha a:hover h1,
    .component-news-feetha a:hover h2,
    .component-news-feetha a:hover h3,
    .component-news-feetha a:hover h4,
    .component-news-feetha a:hover h5,
    .component-news-feetha a:hover h6 {
      background: linear-gradient(to left, #c90606, #6a3b81);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
  .component-news-feetha ul,
  .component-news-feetha ul li {
    margin: 0;
    padding: 0;
    list-style: none; }
  .component-news-feetha ul li {
    display: block;
    padding: 20px 25px;
    border-bottom: solid 1px #eee;
    min-height: 120px; }
  .component-news-feetha ul .hidden {
    display: none; }
  .component-news-feetha .meta {
    display: block; }
    .component-news-feetha .meta .tag {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 12px;
      color: #95989a;
      float: right; }
    .component-news-feetha .meta .time {
      @inlcude eng-roboto;
      font-size: 12px;
      color: #95989a;
      float: right; }
  .component-news-feetha h2 {
    font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
    line-height: 1.5em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    direction: rtl;
    letter-spacing: 1px;
    font-size: 16px;
    color: #333;
    margin-top: 10px;
    margin-bottom: 0; }
  .component-news-feetha.--shadow-all {
    box-shadow: 0 3px 23px 0 rgba(0, 0, 0, 0.16); }
  .component-news-feetha .loadmore {
    display: none; }
  @media (max-width: 1200px) {
    .component-news-feetha ul li {
      padding: 20px 25px;
      min-height: 112px; }
    .component-news-feetha .meta .time {
      font-size: 11px; }
    .component-news-feetha h2 {
      font-size: 15px; } }
  @media (max-width: 992px) {
    .component-news-feetha ul {
      display: flex;
      flex-direction: row-reverse;
      flex-wrap: wrap; }
    .component-news-feetha ul li {
      padding: 20px 25px;
      min-height: 112px;
      display: inline-block;
      width: 50%; }
    .component-news-feetha ul li:nth-child(even) {
      border-right: solid 1px #eee; } }
  @media (max-width: 576px) {
    .component-news-feetha ul, .component-news-feetha ul li {
      display: block; }
    .component-news-feetha ul li {
      width: auto;
      border-right: none;
      min-height: auto; }
    .component-news-feetha h2 {
      font-size: 17px; }
    .component-news-feetha .loadmore {
      display: block; } }

.component-thumb-card .wrapper {
  width: 100%;
  font-size: 0;
  padding: 0 7px;
  direction: rtl;
  /*		@include media('sm') {*/
  /*			white-space: nowrap;*/
  /*			overflow-y: hidden;*/
  /*			overflow-x: auto;*/
  /*			*/
  /*			> .item-sm {*/
  /*				width: 230px;*/
  /*			}*/
  /*			*/
  /*			> .item-lg {*/
  /*				width: 350px;*/
  /*			}*/
  /*		}*/ }
  .component-thumb-card .wrapper > div {
    display: inline-block;
    font-size: 20px; }
  .component-thumb-card .wrapper > .item-sm {
    width: 28%; }
  .component-thumb-card .wrapper > .item-lg {
    width: 44%; }
  @media (max-width: 768px) {
    .component-thumb-card .wrapper {
      white-space: nowrap;
      overflow-y: hidden;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; }
      .component-thumb-card .wrapper::-webkit-scrollbar {
        display: none; }
      .component-thumb-card .wrapper > .item-sm {
        width: 250px; }
      .component-thumb-card .wrapper > .item-lg {
        width: 250px; } }
.component-thumb-card .thumb-card {
  overflow: hidden; }
  .component-thumb-card .thumb-card a {
    display: block;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-top: 10px;
    margin-left: 7px;
    margin-right: 7px;
    overflow: hidden;
    position: relative;
    height: 240px;
    color: #fff;
    transform: translateY(9px);
    transition: transform 0.5s ease;
    /*			@include media('sm') {*/
    /*				.title {*/
    /*					padding: 15px 15px 30px 15px;*/
    /*					*/
    /*					.tag {*/
    /*						font-size: 12px;*/
    /*					}*/
    /*					*/
    /*					h1, h2, h3, h4 {*/
    /*						font-size: 16px;*/
    /*					}*/
    /*				*/
    /*				}*/
    /*			}*/ }
    .component-thumb-card .thumb-card a:hover {
      transform: translateY(1px);
      text-decoration: none; }
    .component-thumb-card .thumb-card a img {
      height: 100%;
      min-width: 100%;
      object-fit: cover; }
    .component-thumb-card .thumb-card a .title {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 5;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.63), #032737);
      padding: 15px 15px 30px 15px;
      white-space: normal; }
      .component-thumb-card .thumb-card a .title .tag {
        font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
        line-height: 1.5em;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        direction: rtl;
        letter-spacing: 1px;
        font-size: 12px;
        border: solid 1px #CCC;
        border-radius: 10px;
        display: inline-block;
        color: #CCC;
        padding: 2px 8px; }
        .component-thumb-card .thumb-card a .title .tag.--purple {
          color: #7d57ec !important;
          border-color: #7d57ec !important; }
        .component-thumb-card .thumb-card a .title .tag.--yellow {
          color: #ffb300 !important;
          border-color: #ffb300 !important; }
      .component-thumb-card .thumb-card a .title h1, .component-thumb-card .thumb-card a .title h2, .component-thumb-card .thumb-card a .title h3, .component-thumb-card .thumb-card a .title h4 {
        font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
        line-height: 1.5em;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        direction: rtl;
        letter-spacing: 1px;
        margin-top: 10px;
        font-size: 16px; }
      .component-thumb-card .thumb-card a .title .time {
        font-family: 'Roboto', sans-serif, Arial;
        direction: ltr;
        font-size: 12px;
        color: #95989a;
        display: block; }
    @media (max-width: 1200px) {
      .component-thumb-card .thumb-card a .title {
        padding: 12px 10px 20px 10px; }
        .component-thumb-card .thumb-card a .title .tag {
          font-size: 11px; }
        .component-thumb-card .thumb-card a .title h1, .component-thumb-card .thumb-card a .title h2, .component-thumb-card .thumb-card a .title h3, .component-thumb-card .thumb-card a .title h4 {
          font-size: 15px; } }
    @media (max-width: 768px) {
      .component-thumb-card .thumb-card a {
        height: 270px;
        transform: translateY(0);
        margin: 20px 10px;
        border-radius: 10px;
        box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.15);
        color: #8a8a8a; }
        .component-thumb-card .thumb-card a:hover {
          transform: translateY(0) scale(1.03);
          text-decoration: none; }
        .component-thumb-card .thumb-card a .title {
          background: #FFF;
          padding: 0;
          min-height: 125px; }
          .component-thumb-card .thumb-card a .title .tag {
            font-size: 12px;
            border: none;
            border-bottom: solid 1px #CCC;
            border-radius: 0;
            display: block;
            color: #989898;
            padding: 10px 15px; }
          .component-thumb-card .thumb-card a .title h1, .component-thumb-card .thumb-card a .title h2, .component-thumb-card .thumb-card a .title h3, .component-thumb-card .thumb-card a .title h4 {
            margin: 18px 15px 20px 15px; } }
    @media (max-width: 576px) {
      .component-thumb-card .thumb-card a img {
        height: auto; }
      .component-thumb-card .thumb-card a .title h1, .component-thumb-card .thumb-card a .title h2, .component-thumb-card .thumb-card a .title h3, .component-thumb-card .thumb-card a .title h4 {
        font-size: 17px; } }
  .component-thumb-card .thumb-card.--slim .title {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.63), #041f5e);
    text-align: center;
    padding: 30px 15px;
    min-height: 150px; }
  @media (max-width: 1200px) {
    .component-thumb-card .thumb-card.--slim .title {
      padding: 15px 10px 20px 10px; } }
  @media (max-width: 768px) {
    .component-thumb-card .thumb-card.--slim {
      color: #8a8a8a; }
      .component-thumb-card .thumb-card.--slim .title {
        background: #FFF;
        padding: 0;
        min-height: 85px; } }
  @media (max-width: 576px) {
    .component-thumb-card .thumb-card.--slim a {
      height: 230px; }
    .component-thumb-card .thumb-card.--slim img {
      height: 100%; } }
  .component-thumb-card .thumb-card.--sm-height a {
    height: 160px; }
  @media (max-width: 768px) {
    .component-thumb-card .thumb-card.--sm-height a {
      height: 270px; } }
  .component-thumb-card .thumb-card.--image-on-over a {
    color: #444; }
    .component-thumb-card .thumb-card.--image-on-over a .title {
      top: 0;
      background: #FFF;
      transition: background 0.5s ease; }
      .component-thumb-card .thumb-card.--image-on-over a .title .tag {
        color: #919191;
        border-color: #919191; }
    .component-thumb-card .thumb-card.--image-on-over a:hover {
      color: #FFF; }
      .component-thumb-card .thumb-card.--image-on-over a:hover .title {
        background: linear-gradient(to bottom, rgba(87, 87, 87, 0.36), #000000); }
        .component-thumb-card .thumb-card.--image-on-over a:hover .title .tag {
          color: #ccc;
          border-color: #ccc; }
  @media (max-width: 1200px) {
    .component-thumb-card .thumb-card.--image-on-over a .title .time {
      font-size: 11px; } }
  @media (max-width: 768px) {
    .component-thumb-card .thumb-card.--image-on-over a {
      color: #989898; }
      .component-thumb-card .thumb-card.--image-on-over a .title {
        top: auto; }
        .component-thumb-card .thumb-card.--image-on-over a .title .tag {
          color: #989898;
          border-color: #ccc; }
        .component-thumb-card .thumb-card.--image-on-over a .title .time {
          display: none; }
      .component-thumb-card .thumb-card.--image-on-over a:hover {
        color: #989898; }
        .component-thumb-card .thumb-card.--image-on-over a:hover .title {
          background: #FFF; }
          .component-thumb-card .thumb-card.--image-on-over a:hover .title .tag {
            color: #989898;
            border-color: #ccc; } }
  .component-thumb-card .thumb-card.--featured .title {
    padding: 15px 20px 50px 20px; }
    .component-thumb-card .thumb-card.--featured .title h1, .component-thumb-card .thumb-card.--featured .title h2, .component-thumb-card .thumb-card.--featured .title h3, .component-thumb-card .thumb-card.--featured .title h4 {
      font-size: 28px; }
    .component-thumb-card .thumb-card.--featured .title .time {
      color: #ececec; }
  @media (max-width: 768px) {
    .component-thumb-card .thumb-card.--featured .title {
      padding: 0; }
      .component-thumb-card .thumb-card.--featured .title h1, .component-thumb-card .thumb-card.--featured .title h2, .component-thumb-card .thumb-card.--featured .title h3, .component-thumb-card .thumb-card.--featured .title h4 {
        font-size: 15px; } }
.component-thumb-card.--category-big .wrapper {
  display: flex;
  flex-direction: row; }
  .component-thumb-card.--category-big .wrapper > div:first-child {
    display: inline-block;
    width: 40%;
    font-size: 0; }
    .component-thumb-card.--category-big .wrapper > div:first-child > div,
    .component-thumb-card.--category-big .wrapper > div:first-child .thumb-card,
    .component-thumb-card.--category-big .wrapper > div:first-child .thumb-card a {
      height: 100%; }
  .component-thumb-card.--category-big .wrapper > div:last-child {
    display: inline-block;
    width: 60%;
    font-size: 0; }
    .component-thumb-card.--category-big .wrapper > div:last-child > div {
      width: 49.9%;
      display: inline-block; }
.component-thumb-card.--category-big .thumb-card .title {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.69), #000000); }
@media (max-width: 768px) {
  .component-thumb-card.--category-big .wrapper > div:first-child {
    width: auto; }
    .component-thumb-card.--category-big .wrapper > div:first-child > div {
      width: 250px; }
    .component-thumb-card.--category-big .wrapper > div:first-child > div,
    .component-thumb-card.--category-big .wrapper > div:first-child .thumb-card {
      height: auto; }
    .component-thumb-card.--category-big .wrapper > div:first-child .thumb-card a {
      height: 270px; }
  .component-thumb-card.--category-big .wrapper > div:last-child {
    width: auto; }
    .component-thumb-card.--category-big .wrapper > div:last-child > div {
      width: 250px; }
  .component-thumb-card.--category-big .thumb-card .title {
    background: #FFF; }
    .component-thumb-card.--category-big .thumb-card .title .time {
      display: none; } }

.component-news-column {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.07); }
  .component-news-column a {
    color: #333; }
    .component-news-column a:hover h1,
    .component-news-column a:hover h2,
    .component-news-column a:hover h3,
    .component-news-column a:hover h4,
    .component-news-column a:hover h5,
    .component-news-column a:hover h6 {
      background: linear-gradient(to left, #c90606, #6a3b81);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
  .component-news-column ul,
  .component-news-column ul li {
    margin: 0;
    padding: 0;
    list-style: none; }
  .component-news-column ul li {
    display: block;
    padding: 15px 10px;
    border-bottom: solid 1px #eee;
    min-height: 120px; }
  .component-news-column ul li a {
    display: flex;
    flex-direction: row-reverse; }
  .component-news-column .img {
    align-self: center; }
    .component-news-column .img img {
      width: 64px;
      height: 64px;
      object-fit: cover;
      border-radius: 50px; }
  .component-news-column .title {
    padding-left: 5px;
    padding-right: 15px; }
    .component-news-column .title span {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 12px;
      color: #95989a;
      display: block; }
    .component-news-column .title h3 {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 16px;
      color: #333;
      margin-top: 5px;
      margin-bottom: 0; }
  @media (max-width: 992px) {
    .component-news-column ul {
      display: flex;
      flex-direction: row-reverse;
      flex-wrap: wrap; }
    .component-news-column ul li {
      width: 50%;
      padding: 15px 25px; }
      .component-news-column ul li:nth-child(even) {
        border-right: solid 1px #eee; } }
  @media (max-width: 768px) {
    .component-news-column ul {
      display: block; }
    .component-news-column ul li {
      width: 100%;
      padding: 15px 10px;
      min-height: auto;
      border-right: none; } }
  @media (max-width: 576px) {
    .component-news-column .title h3 {
      font-size: 17px; } }

.component-thumb-gallery {
  display: flex;
  height: 100%;
  width: 100%; }
  .component-thumb-gallery .carousel {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    background-color: #000;
    align-self: stretch;
    width: 100%; }
  .component-thumb-gallery .carousel-inner,
  .component-thumb-gallery .carousel-item {
    height: 100%;
    width: 100%;
    overflow: hidden; }
  .component-thumb-gallery .carousel-item img {
    max-height: 540px;
    width: 100%; }
  .component-thumb-gallery.--fixed-height {
    height: 480px; }
    .component-thumb-gallery.--fixed-height .carousel-inner,
    .component-thumb-gallery.--fixed-height .carousel-item {
      height: 480px; }
    .component-thumb-gallery.--fixed-height .carousel-item img {
      height: 480px; }
    @media (max-width: 576px) {
      .component-thumb-gallery.--fixed-height {
        height: 350px; }
        .component-thumb-gallery.--fixed-height .carousel-inner,
        .component-thumb-gallery.--fixed-height .carousel-item {
          height: 350px; } }
  .component-thumb-gallery .carousel-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 150px;
    z-index: 5;
    background: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.13) 20%, rgba(0, 0, 0, 0.6) 86%, rgba(0, 0, 0, 0.6)); }
    .component-thumb-gallery .carousel-header .carousel-indicators {
      right: auto;
      left: 35px;
      top: 30px;
      bottom: auto;
      margin: 0; }
      .component-thumb-gallery .carousel-header .carousel-indicators li {
        width: 8px;
        height: 8px;
        border-radius: 50px; }
    .component-thumb-gallery .carousel-header .component-widget-main {
      margin-top: 15px; }
  .component-thumb-gallery .carousel-item img {
    object-fit: cover; }
  .component-thumb-gallery .carousel-caption {
    right: 0;
    left: 0;
    bottom: 0;
    height: 250px;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8) 86%, rgba(0, 0, 0, 0.8)); }
    .component-thumb-gallery .carousel-caption .title {
      position: absolute;
      bottom: 30px;
      right: 35px;
      left: 35px;
      text-align: right; }
      .component-thumb-gallery .carousel-caption .title a {
        display: block;
        color: #FFF; }
      .component-thumb-gallery .carousel-caption .title a:hover h2 {
        opacity: 0.7; }
      .component-thumb-gallery .carousel-caption .title .tag {
        font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
        line-height: 1.5em;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        direction: rtl;
        letter-spacing: 1px;
        border: solid 1px #CCC;
        border-radius: 10px;
        display: inline-block;
        color: #CCC;
        padding: 5px 8px 4px 12px;
        font-size: 0; }
        .component-thumb-gallery .carousel-caption .title .tag i {
          font-size: 21px;
          margin-left: 8px; }
        .component-thumb-gallery .carousel-caption .title .tag span {
          font-size: 12px; }
        .component-thumb-gallery .carousel-caption .title .tag span, .component-thumb-gallery .carousel-caption .title .tag i {
          vertical-align: middle; }
      .component-thumb-gallery .carousel-caption .title h2 {
        font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
        line-height: 1.5em;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        direction: rtl;
        letter-spacing: 1px;
        font-size: 28px;
        color: #FFF;
        margin-top: 10px;
        transition: opacity 0.3s ease; }
  .component-thumb-gallery .carousel-control-prev,
  .component-thumb-gallery .carousel-control-next {
    z-index: 5; }
    .component-thumb-gallery .carousel-control-prev i,
    .component-thumb-gallery .carousel-control-next i {
      font-size: 70px; }
  @media (max-width: 576px) {
    .component-thumb-gallery {
      width: auto; }
      .component-thumb-gallery .carousel {
        border-radius: 0; }
      .component-thumb-gallery .carousel-item img,
      .component-thumb-gallery .carousel-inner,
      .component-thumb-gallery .carousel-item {
        height: 320px; }
      .component-thumb-gallery .carousel-caption .title .tag i {
        font-size: 16px;
        margin-left: 8px; }
      .component-thumb-gallery .carousel-caption .title .tag span {
        font-size: 12px; }
      .component-thumb-gallery .carousel-caption .title h2 {
        font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
        line-height: 1.5em;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        direction: rtl;
        letter-spacing: 1px;
        font-size: 22px;
        margin-bottom: 0; } }

.component-popular-news {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.07); }
  .component-popular-news a {
    color: #333; }
    .component-popular-news a:hover h1,
    .component-popular-news a:hover h2,
    .component-popular-news a:hover h3,
    .component-popular-news a:hover h4,
    .component-popular-news a:hover h5,
    .component-popular-news a:hover h6 {
      background: linear-gradient(to left, #c90606, #6a3b81);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
  .component-popular-news ol {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: item; }
  .component-popular-news ol li {
    display: flex;
    flex-direction: row-reverse;
    padding: 15px 10px;
    border-bottom: solid 1px #eee;
    min-height: 105px; }
  .component-popular-news ol li {
    counter-increment: item;
    margin-bottom: 0; }
  .component-popular-news ol li:before {
    font-family: 'Roboto', sans-serif, Arial;
    direction: ltr;
    content: counter(item);
    background-color: #FFF;
    border-radius: 50px;
    color: #8d8d8d;
    padding: 5px 13px;
    margin-right: 3px;
    text-align: center;
    display: inline-block;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
    align-self: center; }
  .component-popular-news ol li a {
    align-self: center; }
  .component-popular-news .title {
    padding-left: 10px;
    padding-right: 15px; }
    .component-popular-news .title span {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 12px;
      color: #95989a;
      display: block; }
    .component-popular-news .title h3 {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 14px;
      color: #333;
      margin-top: 5px;
      margin-bottom: 0; }
  .component-popular-news.--lg-height ol li {
    min-height: 123px; }
  @media (max-width: 992px) {
    .component-popular-news ol {
      display: flex;
      flex-direction: row-reverse;
      flex-wrap: wrap; }
    .component-popular-news ol li {
      width: 50%;
      margin-bottom: 0;
      padding: 20px 10px; }
      .component-popular-news ol li:nth-child(even) {
        border-right: solid 1px #eee; } }
  @media (max-width: 576px) {
    .component-popular-news ol {
      display: block; }
    .component-popular-news ol li {
      width: 100%;
      padding: 20px 10px;
      border-right: none; }
    .component-popular-news .title h3 {
      font-size: 17px; } }

.component-article-title h1 {
  font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
  line-height: 1.5em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  direction: rtl;
  letter-spacing: 1px;
  color: #000000;
  font-size: 40px; }
@media (max-width: 576px) {
  .component-article-title h1 {
    font-size: 35px;
    margin: 0 15px; } }
@media (max-width: 400px) {
  .component-article-title h1 {
    font-size: 32px; } }

.component-article-byline {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between; }
  .component-article-byline .author {
    display: flex;
    flex-direction: row-reverse; }
    .component-article-byline .author > div:last-child {
      margin-right: 15px; }
    .component-article-byline .author img {
      width: 50px;
      height: 50px;
      object-fit: cover;
      border-radius: 50px;
      box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.36); }
    .component-article-byline .author span.name,
    .component-article-byline .author span.time {
      display: block; }
    .component-article-byline .author .name {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 20px;
      color: #707070; }
    .component-article-byline .author .time {
      font-family: 'Roboto', sans-serif, Arial;
      direction: ltr;
      font-size: 15px;
      color: #707070; }
  .component-article-byline.--footer .author .tw {
    display: block; }
    .component-article-byline.--footer .author .tw .handle {
      color: #777;
      margin-right: 5px; }
    .component-article-byline.--footer .author .tw .follow {
      background-image: url("../../public/assets/twitter-follow-sm.svg");
      background-repeat: no-repeat;
      background-position: 2px;
      padding-left: 30px;
      color: #0a9fe0; }
      .component-article-byline.--footer .author .tw .follow::after {
        content: 'Follow';
        font-family: 'Roboto', sans-serif, Arial;
        direction: ltr;
        color: #0a9fe0;
        font-size: 15px; }
  .component-article-byline.--footer .author .about {
    font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
    line-height: 1.5em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    direction: rtl;
    letter-spacing: 1px;
    color: #707070;
    font-size: 15px; }
  @media (max-width: 992px) {
    .component-article-byline.--footer {
      flex-direction: column; }
      .component-article-byline.--footer .author {
        border-bottom: solid 1px #ccc;
        padding-bottom: 15px;
        margin-bottom: 25px; }
      .component-article-byline.--footer .component-article-share {
        display: flex;
        align-items: center;
        justify-content: center; } }
  @media (max-width: 576px) {
    .component-article-byline {
      flex-direction: column; }
      .component-article-byline .author {
        border-bottom: solid 1px #ccc;
        padding-bottom: 15px;
        margin-bottom: 25px; } }

.component-article-share ul, .component-article-share ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0; }
.component-article-share ul li, .component-article-share ul li a {
  display: inline-block; }
.component-article-share ul li a {
  transition: opacity 0.3s ease; }
  .component-article-share ul li a:hover {
    opacity: 0.7; }
  .component-article-share ul li a img {
    width: 50px; }
.component-article-share ul li:first-child {
  border-right: solid 1px #b4b4b4;
  padding-right: 15px;
  margin-right: 10px; }
.component-article-share ul li:not(:first-child) {
  margin: 0 5px; }
@media (max-width: 992px) {
  .component-article-share ul li a img {
    width: 40px; } }
@media (max-width: 576px) {
  .component-article-share {
    display: flex;
    align-items: center;
    justify-content: center; }
    .component-article-share ul li a img {
      width: 35px; } }
.component-article-share.--xxs ul li a img {
  width: 30px; }
.component-article-share.--xxs ul li:first-child {
  border-right: none;
  padding: 0;
  margin: 0 5px; }
.component-article-share.--liveblog ul li a img {
  width: 30px; }
.component-article-share.--mobile-fixed {
  position: fixed;
  bottom: -95px;
  left: 0;
  right: 0;
  z-index: 100;
  box-shadow: 0 3px 33px 0 rgba(0, 0, 0, 0.19);
  background-color: #ffffff;
  transition: bottom 0.5s ease;
  display: none;
  text-align: center; }
  .component-article-share.--mobile-fixed.shown {
    bottom: 0; }
  .component-article-share.--mobile-fixed ul li a img {
    width: 34px; }
  .component-article-share.--mobile-fixed ul li:first-child {
    border-right: none;
    padding: 0; }
  .component-article-share.--mobile-fixed ul li:first-child,
  .component-article-share.--mobile-fixed ul li:not(:first-child) {
    margin: 0; }
  .component-article-share.--mobile-fixed ul li a {
    padding: 13px 6px; }
  @media (max-width: 576px) {
    .component-article-share.--mobile-fixed {
      display: block; } }

.component-article-featured figure {
  position: relative;
  background-color: #ddd; }
  .component-article-featured figure img {
    max-width: 100%; }
  .component-article-featured figure figcaption {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(42, 42, 42, 0.67) 68%, #000000);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 80px 20px 20px 20px;
    font-family: 'mv-faseyha', 'MV Faseyha', 'Faruma';
    line-height: 1.8em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    direction: rtl;
    letter-spacing: 1px;
    color: #FFF;
    font-size: 13px; }
@media (max-width: 576px) {
  .component-article-featured {
    margin-right: -15px;
    margin-left: -15px; } }

.component-article-content {
  background-color: #ffffff;
  box-shadow: 0 3px 23px 0 rgba(0, 0, 0, 0.16);
  padding: 60px 0;
  font-family: 'mv-faseyha', 'MV Faseyha', 'Faruma';
  line-height: 1.8em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  direction: rtl;
  letter-spacing: 1px; }
  .component-article-content .component-sponsor {
    margin-right: 50px;
    margin-left: 30px;
    margin-bottom: 20px;
    float: right; }
    .component-article-content .component-sponsor > div {
      background-color: #f5f5f5;
      padding: 15px;
      padding-top: 5px;
      min-height: 120px;
      min-width: 180px; }
  .component-article-content h1, .component-article-content h2, .component-article-content h3, .component-article-content h4, .component-article-content h5, .component-article-content p, .component-article-content ul, .component-article-content ol {
    margin-left: 50px;
    margin-right: 50px; }
  .component-article-content p {
    font-size: 18px;
    color: #444;
    font-family: 'mv-faseyha', 'MV Faseyha', 'Faruma';
    line-height: 1.8em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    direction: rtl;
    letter-spacing: 1px;
    margin-bottom: 30px;
    line-height: 1.8em; }
  .component-article-content h1, .component-article-content h2, .component-article-content h3, .component-article-content h4, .component-article-content h5 {
    font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
    line-height: 1.5em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    direction: rtl;
    letter-spacing: 1px;
    color: #444; }
  .component-article-content figure {
    position: relative;
    display: inline-block;
    margin: 20px 0 50px 0; }
    .component-article-content figure img {
      max-width: 100%; }
    .component-article-content figure figcaption {
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(42, 42, 42, 0.67) 68%, #000000);
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 80px 20px 20px 20px;
      font-family: 'mv-faseyha', 'MV Faseyha', 'Faruma';
      line-height: 1.8em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      color: #FFF;
      font-size: 13px; }
  .component-article-content .article_caption {
    color: #737373cc;
    font-size: 15px;
    padding: 10px;
    display: block;
    border-bottom: solid 1px #eee; }
  .component-article-content ul {
    font-size: 18px;
    color: #444;
    font-family: 'mv-faseyha', 'MV Faseyha', 'Faruma';
    line-height: 1.8em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    direction: rtl;
    letter-spacing: 1px;
    margin-bottom: 30px;
    line-height: 1.8em;
    list-style-type: square; }
  .component-article-content blockquote {
    float: right;
    width: 240px;
    background-color: #ffffff;
    box-shadow: 0 3px 23px 0 rgba(0, 0, 0, 0.16);
    padding: 40px 30px;
    margin-left: 25px;
    margin-top: 25px;
    margin-bottom: 25px;
    position: relative; }
    .component-article-content blockquote::before {
      content: '';
      background-image: url("../../public/assets/blockquote-icon.png");
      background-repeat: no-repeat;
      background-position: center;
      margin: auto;
      width: 50px;
      height: 40px;
      position: absolute;
      top: -15px;
      left: 0;
      right: 0;
      display: inline-block; }
    .component-article-content blockquote .q {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 19px;
      color: #555;
      margin-top: 5px; }
    .component-article-content blockquote .by {
      margin-top: 30px; }
      .component-article-content blockquote .by span:first-child {
        font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
        line-height: 1.5em;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        direction: rtl;
        letter-spacing: 1px;
        font-size: 19px;
        color: #393939;
        display: block; }
      .component-article-content blockquote .by span:last-child {
        font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
        line-height: 1.5em;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        direction: rtl;
        letter-spacing: 1px;
        font-size: 14px;
        color: #777;
        margin-top: 8px;
        display: block; }
  .component-article-content .mceNonEditable {
    margin-left: 50px;
    margin-right: 50px; }
  .component-article-content .twitter-tweet {
    letter-spacing: normal !important;
    margin-bottom: 40px !important;
    margin-left: auto !important;
    margin-right: auto !important; }
  .component-article-content .embedurl {
    display: flex;
    flex-direction: column;
    width: 240px;
    margin: 20px -50px 20px 40px;
    float: right;
    box-shadow: 0 3px 23px 0 rgba(0, 0, 0, 0.16); }
    .component-article-content .embedurl .img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .component-article-content .embedurl .desc {
      padding: 23px;
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 18px; }
      .component-article-content .embedurl .desc .title {
        display: block;
        color: #393939; }
      .component-article-content .embedurl .desc .more {
        font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
        line-height: 1.5em;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        direction: rtl;
        letter-spacing: 1px;
        display: block;
        margin-top: 10px;
        font-size: 14px;
        color: #848484; }
    @media (max-width: 992px) {
      .component-article-content .embedurl {
        margin-right: -30px;
        margin-left: 20px;
        flex-direction: column; }
        .component-article-content .embedurl .img {
          padding: 0;
          width: auto; } }
    @media (max-width: 576px) {
      .component-article-content .embedurl {
        width: auto;
        float: none;
        margin: 30px 30px; } }
  @media (max-width: 992px) {
    .component-article-content {
      padding: 40px 0 30px 0; }
      .component-article-content h1, .component-article-content h2, .component-article-content h3, .component-article-content h4, .component-article-content h5, .component-article-content p, .component-article-content ul, .component-article-content ol {
        margin-left: 30px;
        margin-right: 30px; }
      .component-article-content blockquote {
        border-radius: 10px;
        float: none;
        width: 60%;
        padding: 40px 30px;
        margin: 50px auto; }
      .component-article-content .component-sponsor {
        margin-left: 30px;
        margin-right: 30px;
        width: calc(100% - 60px); } }
  @media (max-width: 576px) {
    .component-article-content {
      margin-right: -15px;
      margin-left: -15px; }
      .component-article-content .mceNonEditable {
        margin-left: 30px;
        margin-right: 30px; } }
  @media (max-width: 400px) {
    .component-article-content blockquote {
      width: 80%; } }

.component-related-feetha {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.07); }
  .component-related-feetha a {
    color: #333; }
    .component-related-feetha a:hover h1,
    .component-related-feetha a:hover h2,
    .component-related-feetha a:hover h3,
    .component-related-feetha a:hover h4,
    .component-related-feetha a:hover h5,
    .component-related-feetha a:hover h6 {
      background: linear-gradient(to left, #c90606, #6a3b81);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
  .component-related-feetha ul,
  .component-related-feetha ul li {
    margin: 0;
    padding: 0;
    list-style: none; }
  .component-related-feetha ul li {
    display: block;
    padding: 20px 25px;
    border-bottom: solid 1px #eee;
    min-height: 120px; }
  .component-related-feetha .meta {
    display: block; }
    .component-related-feetha .meta .tag {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 12px;
      color: #95989a;
      float: right; }
    .component-related-feetha .meta .time {
      @inlcude eng-roboto;
      font-size: 12px;
      color: #95989a;
      float: right; }
  .component-related-feetha h2 {
    font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
    line-height: 1.5em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    direction: rtl;
    letter-spacing: 1px;
    font-size: 16px;
    color: #333;
    margin-top: 10px;
    margin-bottom: 0; }
  .component-related-feetha.--shadow-all {
    box-shadow: 0 3px 23px 0 rgba(0, 0, 0, 0.16); }
  @media (max-width: 1200px) {
    .component-related-feetha ul li {
      padding: 20px 25px;
      min-height: 112px; }
    .component-related-feetha .meta .time {
      font-size: 11px; }
    .component-related-feetha h2 {
      font-size: 15px; } }
  @media (max-width: 576px) {
    .component-related-feetha ul, .component-related-feetha ul li {
      display: block; }
    .component-related-feetha ul li {
      width: auto;
      border-right: none;
      min-height: auto; }
    .component-related-feetha h2 {
      font-size: 16px; } }

.component-next-feetha-thumb {
  box-shadow: 0 3px 23px 0 rgba(0, 0, 0, 0.16); }
  .component-next-feetha-thumb a {
    color: #333; }
    .component-next-feetha-thumb a:hover h1,
    .component-next-feetha-thumb a:hover h2,
    .component-next-feetha-thumb a:hover h3,
    .component-next-feetha-thumb a:hover h4,
    .component-next-feetha-thumb a:hover h5,
    .component-next-feetha-thumb a:hover h6 {
      background: linear-gradient(to left, #c90606, #6a3b81);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
  .component-next-feetha-thumb ul,
  .component-next-feetha-thumb ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0; }
  .component-next-feetha-thumb ul li {
    display: block;
    flex-direction: row-reverse; }
    .component-next-feetha-thumb ul li a {
      display: flex;
      flex-direction: row-reverse; }
      .component-next-feetha-thumb ul li a > div {
        width: 180px;
        background-position: center;
        background-size: cover; }
      .component-next-feetha-thumb ul li a h2 {
        font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
        line-height: 1.5em;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        direction: rtl;
        letter-spacing: 1px;
        font-size: 16px;
        color: #1c1c1c;
        margin-top: 0;
        margin-bottom: 0;
        padding: 15px; }
  @media (max-width: 992px) {
    .component-next-feetha-thumb ul li a > div {
      display: none; } }
  @media (max-width: 768px) {
    .component-next-feetha-thumb ul li a > div {
      display: block;
      width: 200px;
      min-height: 100px; }
    .component-next-feetha-thumb ul li a h2 {
      font-size: 17px; } }
  @media (max-width: 576px) {
    .component-next-feetha-thumb ul li a > div {
      width: 180px;
      min-height: 90px; }
    .component-next-feetha-thumb ul li a h2 {
      font-size: 16px; } }

.component-article-tag {
  box-shadow: 0 3px 23px 0 rgba(0, 0, 0, 0.16);
  padding: 10px 5px; }
  .component-article-tag ul,
  .component-article-tag ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0; }
  .component-article-tag ul li {
    display: inline-block; }
  .component-article-tag ul li a {
    font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
    line-height: 1.5em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    direction: rtl;
    letter-spacing: 1px;
    font-size: 12px;
    color: #FFF;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 10px;
    background: linear-gradient(to left, #f30f0f, #9c0089);
    margin: 5px 5px;
    transition: opacity 0.3s ease; }
    .component-article-tag ul li a:hover {
      opacity: 0.7; }

.component-comment-form .label {
  direction: rtl;
  padding: 15px 0;
  user-select: none; }
  .component-comment-form .label span:first-child {
    background-color: #6e6e6e;
    padding: 5px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    font-size: 0;
    margin-left: 8px; }
    .component-comment-form .label span:first-child i {
      align-self: center;
      font-size: 13px;
      color: #FFF; }
  .component-comment-form .label span:last-child {
    font-family: 'mv-aammu-fk', 'MV Aammu FK';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    direction: rtl;
    font-size: 17px;
    color: #95989a; }
.component-comment-form form {
  background-color: #FFF;
  display: flex;
  flex-direction: column; }
  .component-comment-form form textarea, .component-comment-form form input, .component-comment-form form button {
    outline: none; }
    .component-comment-form form textarea:hover, .component-comment-form form textarea:focus, .component-comment-form form textarea:active, .component-comment-form form input:hover, .component-comment-form form input:focus, .component-comment-form form input:active, .component-comment-form form button:hover, .component-comment-form form button:focus, .component-comment-form form button:active {
      outline: none; }
  .component-comment-form form textarea {
    font-family: 'mv-faseyha', 'MV Faseyha', 'Faruma';
    line-height: 1.8em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    direction: rtl;
    letter-spacing: 1px;
    font-size: 17px;
    color: #666;
    padding: 25px;
    max-width: 100%;
    min-height: 100px;
    height: 250px;
    border: none;
    border-bottom: solid 1px #ccc; }
  .component-comment-form form .bottom {
    display: flex;
    flex-direction: row-reverse; }
    .component-comment-form form .bottom .name {
      flex-grow: 1; }
      .component-comment-form form .bottom .name input {
        font-family: 'mv-faseyha', 'MV Faseyha', 'Faruma';
        line-height: 1.8em;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        direction: rtl;
        letter-spacing: 1px;
        font-size: 17px;
        color: #666;
        padding: 15px 25px;
        width: 100%;
        border: none; }
    .component-comment-form form .bottom .submit {
      align-self: center;
      padding: 0 20px; }
      .component-comment-form form .bottom .submit button {
        font-family: 'Roboto', sans-serif, Arial;
        direction: ltr;
        color: #ccc;
        font-size: 15px;
        padding: 1px 10px;
        border-radius: 9px;
        border: solid 1px #ddd;
        background-color: transparent;
        cursor: pointer;
        font-weight: bold;
        transition: color, border-color 0.3s ease; }
        .component-comment-form form .bottom .submit button:hover {
          color: #bbb;
          border-color: #bbb; }
.component-comment-form .alert {
  padding: 10px 20px;
  font-family: 'mv-faseyha', 'MV Faseyha', 'Faruma';
  line-height: 1.8em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  direction: rtl;
  letter-spacing: 1px;
  font-size: 16px;
  color: #FFF;
  border-radius: 0;
  display: none; }
  .component-comment-form .alert.--red {
    background-color: #f4030f; }
  .component-comment-form .alert.--green {
    background-color: #2f8652; }
@media (max-width: 576px) {
  .component-comment-form form .bottom .submit button {
    font-size: 12px;
    padding: 5px 5px;
    min-width: 120px; } }

.component-comment-listing .comment-list {
  background-color: #FFF;
  padding: 0 25px;
  border-right: solid 3px #CCC;
  transition: border-right-color 0.3s ease;
  margin-top: 20px; }
  .component-comment-listing .comment-list:hover {
    border-right-color: #c90606; }
    .component-comment-listing .comment-list:hover .avatar .name i {
      color: #c90606; }
  .component-comment-listing .comment-list .avatar {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    border-bottom: solid 1px #eee; }
    .component-comment-listing .comment-list .avatar p {
      display: inline-block;
      margin: 0;
      padding: 15px 0; }
    .component-comment-listing .comment-list .avatar .name {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 18px;
      color: #666; }
      .component-comment-listing .comment-list .avatar .name i {
        float: right;
        color: #CCC;
        margin-left: 8px;
        transition: color 0.3s ease;
        user-select: none; }
    .component-comment-listing .comment-list .avatar .datetime {
      font-family: 'Roboto', sans-serif, Arial;
      direction: ltr;
      font-size: 12px;
      color: #aaa; }
  .component-comment-listing .comment-list .content {
    padding: 30px 0; }
    .component-comment-listing .comment-list .content p {
      font-family: 'mv-faseyha', 'MV Faseyha', 'Faruma';
      line-height: 1.8em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 16px;
      color: #888;
      display: block;
      margin: 0; }
  .component-comment-listing .comment-list.--reply {
    margin-top: 10px;
    margin-right: 40px;
    border-right: none; }
    .component-comment-listing .comment-list.--reply .avatar .name i {
      transform: rotate(180deg) scaleX(-1); }
    @media (max-width: 576px) {
      .component-comment-listing .comment-list.--reply {
        margin-right: 25px; } }

.component-liveblog-title .featured-image {
  height: 600px;
  position: relative;
  overflow: hidden; }
  .component-liveblog-title .featured-image, .component-liveblog-title .featured-image .blurred-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed; }
  .component-liveblog-title .featured-image .blurred-image {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    filter: blur(5px);
    transform: scale(1.1); }
  @media (max-width: 768px) {
    .component-liveblog-title .featured-image {
      height: 400px; }
    .component-liveblog-title .featured-image .video iframe {
      height: 360px; } }
  @media (max-width: 576px) {
    .component-liveblog-title .featured-image {
      height: 300px; }
    .component-liveblog-title .featured-image .video iframe {
      height: 260px; } }
.component-liveblog-title .title {
  margin-top: -40px;
  margin-bottom: 20px; }
  .component-liveblog-title .title .title-bar {
    box-shadow: 0 3px 23px 0 rgba(0, 0, 0, 0.16);
    background-color: #bb0101;
    padding: 25px 30px;
    color: #FFF; }
    .component-liveblog-title .title .title-bar .meta {
      margin-bottom: 25px;
      direction: rtl; }
      .component-liveblog-title .title .title-bar .meta .livetag {
        display: inline-block;
        margin-left: 20px; }
        .component-liveblog-title .title .title-bar .meta .livetag img {
          width: 56px; }
      .component-liveblog-title .title .title-bar .meta .updatetime {
        font-family: 'Roboto', sans-serif, Arial;
        direction: ltr;
        font-weight: 500;
        font-size: 15px;
        display: inline-block; }
    .component-liveblog-title .title .title-bar h1 {
      font-family: 'mv-aammu-fk', 'MV Aammu FK';
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      font-size: 36px;
      display: block;
      margin-bottom: 25px; }
    .component-liveblog-title .title .title-bar ul {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 20px;
      opacity: 0.77;
      list-style-type: none;
      padding: 0; }
      .component-liveblog-title .title .title-bar ul li {
        margin-bottom: 6px; }
        .component-liveblog-title .title .title-bar ul li::before {
          float: right;
          content: '•';
          font-size: 35px;
          margin-left: 16px;
          display: inline-block; }

.component-liveblog-summary {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  margin-bottom: 20px; }
  .component-liveblog-summary .summary {
    padding: 25px 30px; }
    .component-liveblog-summary .summary .title {
      font-family: 'mv-aammu-fk', 'MV Aammu FK';
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      font-size: 17px;
      color: #95989a;
      margin-bottom: 8px; }
    .component-liveblog-summary .summary .content {
      font-family: 'mv-faseyha', 'MV Faseyha', 'Faruma';
      line-height: 1.8em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 14px;
      color: #848484; }
  .component-liveblog-summary .highlights {
    margin-top: 0;
    padding: 15px 30px;
    border-top: solid 1px #ddd; }
    .component-liveblog-summary .highlights ul {
      list-style-type: none;
      padding: 0; }
      .component-liveblog-summary .highlights ul li {
        margin-bottom: 20px; }
        .component-liveblog-summary .highlights ul li .time {
          font-family: 'Roboto', sans-serif, Arial;
          direction: ltr;
          font-size: 13px;
          font-weight: bold;
          color: #a90000;
          display: block;
          margin-bottom: 5px; }
          .component-liveblog-summary .highlights ul li .time::after {
            font-family: 'Material Icons';
            font-weight: normal;
            font-size: 22px;
            margin-left: 10px;
            content: '\e314';
            transform: translateY(8px);
            display: inline-block; }
        .component-liveblog-summary .highlights ul li .desc {
          font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
          line-height: 1.5em;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          direction: rtl;
          letter-spacing: 1px;
          font-size: 15px;
          color: #848484;
          display: block;
          margin-right: 15px; }
  .component-liveblog-summary .share {
    border-top: solid 1px #ddd;
    padding: 20px 30px; }

.component-liveblog-bullet {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  margin-bottom: 8px; }
  .component-liveblog-bullet .meta {
    border-bottom: solid 1px #ddd;
    direction: rtl;
    padding-top: 25px;
    padding-bottom: 8px; }
    .component-liveblog-bullet .meta img {
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
      object-fit: cover;
      border: solid 1px rgba(162, 162, 162, 0.52);
      width: 67px;
      float: right;
      margin-right: 32px;
      margin-left: 25px; }
    .component-liveblog-bullet .meta .time {
      font-family: 'Roboto', sans-serif, Arial;
      direction: ltr;
      font-weight: bold;
      font-size: 15px;
      color: #dc0404;
      display: inline-block;
      padding-left: 10px;
      margin-left: 10px;
      position: relative; }
      .component-liveblog-bullet .meta .time::before {
        content: '';
        position: absolute;
        top: 3px;
        bottom: 3px;
        width: 2px;
        left: -1px;
        background-color: #bbb; }
    .component-liveblog-bullet .meta .author {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 16px;
      color: #777; }
    .component-liveblog-bullet .meta .location {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 16px;
      color: #bbb;
      margin-right: 20px;
      display: inline-block; }
      .component-liveblog-bullet .meta .location::before {
        font-family: 'Material Icons';
        font-weight: normal;
        font-size: 20px;
        margin-left: 5px;
        content: '\e0c8';
        transform: translateY(6px);
        display: inline-block;
        color: #d5d5d5; }
  .component-liveblog-bullet .content {
    margin-right: 125px;
    margin-left: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'mv-faseyha', 'MV Faseyha', 'Faruma';
    line-height: 1.8em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    direction: rtl;
    letter-spacing: 1px;
    color: #848484; }
    .component-liveblog-bullet .content h2, .component-liveblog-bullet .content h3 {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 20px;
      color: #333;
      margin-bottom: 10px; }
    .component-liveblog-bullet .content h3 {
      color: #4e4e4e; }
    .component-liveblog-bullet .content ul, .component-liveblog-bullet .content ol {
      padding-right: 20px; }
    .component-liveblog-bullet .content p {
      font-family: 'mv-faseyha', 'MV Faseyha', 'Faruma';
      line-height: 1.8em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 15px;
      color: #848484; }
    .component-liveblog-bullet .content img {
      max-width: 100%; }
    .component-liveblog-bullet .content .embedurl {
      display: flex;
      flex-direction: row;
      margin: 20px 0;
      box-shadow: 0 3px 23px 0 rgba(0, 0, 0, 0.16); }
      .component-liveblog-bullet .content .embedurl .img img {
        width: 200px;
        height: 100%;
        object-fit: cover; }
      .component-liveblog-bullet .content .embedurl .desc {
        padding: 23px;
        font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
        line-height: 1.5em;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        direction: rtl;
        letter-spacing: 1px;
        font-size: 18px; }
        .component-liveblog-bullet .content .embedurl .desc .title {
          display: block;
          color: #393939; }
        .component-liveblog-bullet .content .embedurl .desc .more {
          font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
          line-height: 1.5em;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          direction: rtl;
          letter-spacing: 1px;
          display: block;
          margin-top: 10px;
          font-size: 14px;
          color: #848484; }
      @media (max-width: 768px) {
        .component-liveblog-bullet .content .embedurl {
          flex-direction: column;
          margin-left: 0;
          margin-right: 0; }
          .component-liveblog-bullet .content .embedurl .img img {
            width: 100%;
            height: 180px; } }
  .component-liveblog-bullet figure img {
    width: 100%; }
  .component-liveblog-bullet.--no-author {
    display: flex;
    flex-direction: row-reverse; }
    .component-liveblog-bullet.--no-author .meta {
      padding-right: 35px;
      padding-left: 35px;
      border-bottom: none; }
      .component-liveblog-bullet.--no-author .meta .time {
        padding: 0;
        margin: 0;
        line-height: 2.5em;
        border-bottom: solid 1px #dc0404; }
        .component-liveblog-bullet.--no-author .meta .time::before {
          display: none; }
    .component-liveblog-bullet.--no-author .content {
      margin-right: 0; }
    .component-liveblog-bullet.--no-author.--image {
      flex-direction: column; }
      .component-liveblog-bullet.--no-author.--image .meta {
        margin-bottom: 15px;
        padding-top: 15px; }
      .component-liveblog-bullet.--no-author.--image figure {
        margin-bottom: 0; }
  .component-liveblog-bullet.--quote {
    box-shadow: 0 3px 23px 0 rgba(0, 0, 0, 0.16); }
    .component-liveblog-bullet.--quote .meta {
      padding-bottom: 10px; }
      .component-liveblog-bullet.--quote .meta .q {
        background-color: #FFF;
        background-image: url("../../public/assets/blockquote-icon-liveblog.png");
        background-repeat: no-repeat;
        background-position: center;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        border: solid 1px rgba(162, 162, 162, 0.52);
        width: 67px;
        height: 67px;
        float: right;
        margin-right: 32px;
        margin-left: 25px; }
      .component-liveblog-bullet.--quote .meta .author {
        position: relative;
        padding-left: 15px;
        margin-left: 8px;
        font-size: 20px;
        color: #383838; }
        .component-liveblog-bullet.--quote .meta .author::before {
          display: none;
          content: '';
          position: absolute;
          top: 3px;
          bottom: 5px;
          width: 2px;
          left: -1px;
          background-color: #bbb; }
      .component-liveblog-bullet.--quote .meta .location {
        margin-right: 0; }
        .component-liveblog-bullet.--quote .meta .location::before {
          display: none; }
    .component-liveblog-bullet.--quote .content {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 23px;
      color: #252525;
      opacity: 0.7; }
  .component-liveblog-bullet.--tweet {
    box-shadow: 0 3px 23px 0 rgba(0, 0, 0, 0.16); }
    .component-liveblog-bullet.--tweet .meta {
      padding-bottom: 10px; }
      .component-liveblog-bullet.--tweet .meta .tweet {
        background-color: #0fa7eb;
        background-image: url("../../public/assets/liveblog-tweet-icon.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 38px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        border: solid 1px rgba(162, 162, 162, 0.52);
        width: 67px;
        height: 67px;
        float: right;
        margin-right: 32px;
        margin-left: 25px; }
      .component-liveblog-bullet.--tweet .meta .author {
        position: relative;
        padding-left: 15px;
        margin-left: 8px; }
        .component-liveblog-bullet.--tweet .meta .author::before {
          content: '';
          position: absolute;
          top: 3px;
          bottom: 5px;
          width: 2px;
          left: -1px;
          background-color: #bbb; }
      .component-liveblog-bullet.--tweet .meta .location {
        margin-right: 0; }
        .component-liveblog-bullet.--tweet .meta .location::before {
          display: none; }
    .component-liveblog-bullet.--tweet .content {
      margin-left: 35px; }
  @media (max-width: 576px) {
    .component-liveblog-bullet .meta {
      padding-top: 40px;
      position: relative;
      margin-bottom: 34px; }
      .component-liveblog-bullet .meta .info {
        position: absolute;
        right: 96px;
        top: 19px; }
      .component-liveblog-bullet .meta img {
        margin-top: -20px;
        width: 58px;
        margin-right: 25px; }
      .component-liveblog-bullet .meta .author {
        margin-bottom: 5px;
        display: inline-block; }
      .component-liveblog-bullet .meta .location {
        margin-right: 0;
        display: block; }
    .component-liveblog-bullet .content {
      margin-right: 25px;
      margin-left: 25px; }
    .component-liveblog-bullet.--no-author {
      flex-direction: column; }
      .component-liveblog-bullet.--no-author .meta {
        padding-right: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        padding-top: 15px; }
        .component-liveblog-bullet.--no-author .meta .info {
          position: static; }
      .component-liveblog-bullet.--no-author .content {
        padding-top: 5px;
        margin-right: 25px; }
    .component-liveblog-bullet.--quote .meta .info, .component-liveblog-bullet.--tweet .meta .info {
      right: 105px; }
    .component-liveblog-bullet.--quote .meta .tweet, .component-liveblog-bullet.--quote .meta .q, .component-liveblog-bullet.--tweet .meta .tweet, .component-liveblog-bullet.--tweet .meta .q {
      margin-top: -20px;
      width: 58px;
      height: 58px;
      margin-right: 25px; }
    .component-liveblog-bullet.--quote .meta .author, .component-liveblog-bullet.--tweet .meta .author {
      margin-bottom: 10px;
      font-size: 15px; }
      .component-liveblog-bullet.--quote .meta .author::before, .component-liveblog-bullet.--tweet .meta .author::before {
        display: none; } }

.component-featured-card {
  /* changed to --small (fixed height) instead / causing height imbalance
  &.--full-height {
  	a {
  		height: 100%;
  	}
  }*/ }
  .component-featured-card a {
    display: block;
    position: relative;
    height: 550px;
    border-radius: 10px;
    overflow: hidden;
    color: #FFF; }
  .component-featured-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px; }
  .component-featured-card .title {
    position: absolute;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.19), #0b152b);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0; }
    .component-featured-card .title .meta {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 25px; }
    .component-featured-card .title h1, .component-featured-card .title h2, .component-featured-card .title h3 {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 35px;
      margin-top: 15px; }
    .component-featured-card .title h2 {
      font-size: 24px; }
    .component-featured-card .title h3 {
      font-size: 20px; }
    .component-featured-card .title .time {
      font-family: 'Roboto', sans-serif, Arial;
      direction: ltr;
      font-size: 12px;
      color: #eee; }
    .component-featured-card .title .tag {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 13px;
      border: solid 1px #CCC;
      border-radius: 10px;
      display: inline-block;
      color: #CCC;
      padding: 3px 10px; }
      .component-featured-card .title .tag.--invert.--purple {
        background-color: #7d57ec !important;
        color: #FFF !important; }
      .component-featured-card .title .tag.--invert.--yellow {
        background-color: #ffb300 !important;
        color: #FFF !important; }
      .component-featured-card .title .tag.--purple {
        color: #7d57ec !important;
        border-color: #7d57ec !important; }
      .component-featured-card .title .tag.--yellow {
        color: #ffb300 !important;
        border-color: #ffb300 !important; }
  .component-featured-card.--small a {
    height: 265px; }
  @media (max-width: 576px) {
    .component-featured-card.--small a {
      height: auto; } }
  .component-featured-card.--big-lg a {
    height: 600px; }
  .component-featured-card.--big-lg .title .meta {
    padding: 35px; }
  .component-featured-card.--normal a {
    color: #222;
    height: auto;
    border-radius: 5px; }
  .component-featured-card.--normal img {
    height: 263px;
    border-radius: 5px; }
  .component-featured-card.--normal .title {
    position: static;
    background: transparent; }
    .component-featured-card.--normal .title .meta {
      position: static;
      padding: 20px 0; }
      .component-featured-card.--normal .title .meta .time {
        display: block;
        text-align: left;
        color: #95989a; }
      .component-featured-card.--normal .title .meta p {
        font-family: 'mv-faseyha', 'MV Faseyha', 'Faruma';
        line-height: 1.8em;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        direction: rtl;
        letter-spacing: 1px;
        color: #95989a;
        font-size: 15px; }
  @media (max-width: 992px) {
    .component-featured-card.--normal img {
      height: 450px; } }
  @media (max-width: 768px) {
    .component-featured-card.--normal img {
      height: auto; } }
  .component-featured-card.--cat-entertain-small a {
    border-radius: 5px;
    height: 278px; }
  .component-featured-card.--cat-entertain-small img {
    border-radius: 5px; }
  .component-featured-card.--cat-entertain-small .title {
    background: linear-gradient(to bottom, transparent, #000000); }
  @media (max-width: 768px) {
    .component-featured-card.--cat-entertain-small a {
      height: auto; } }
  .component-featured-card.--cat-sports-small a {
    border-radius: 5px;
    height: 278px; }
  .component-featured-card.--cat-sports-small img {
    border-radius: 5px; }
  .component-featured-card.--cat-sports-small .title {
    top: auto;
    background: linear-gradient(to bottom, rgba(100, 100, 100, 0.57), #0f0f0f); }
    .component-featured-card.--cat-sports-small .title .meta {
      position: static;
      padding: 20px; }
      .component-featured-card.--cat-sports-small .title .meta .tag {
        position: absolute;
        right: 20px;
        top: -12px; }
  @media (max-width: 768px) {
    .component-featured-card.--cat-sports-small a {
      height: auto; } }
  @media (max-width: 1200px) {
    .component-featured-card .title h2 {
      font-size: 20px; } }
  @media (max-width: 576px) {
    .component-featured-card a {
      height: 500px; } }

.component-card-row {
  font-size: 0;
  padding: 1.5%;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap; }
  .component-card-row a {
    display: flex;
    flex-direction: row-reverse;
    width: 48%;
    margin: 1%;
    overflow: hidden;
    border-radius: 10px;
    color: #555;
    font-size: 0;
    height: 150px;
    background: #FFF;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease; }
    .component-card-row a:hover {
      transform: scale(1.005); }
  .component-card-row img {
    height: 100%;
    width: 40%;
    object-fit: cover; }
  .component-card-row .meta {
    margin: 20px; }
    .component-card-row .meta .title .time {
      font-family: 'Roboto', sans-serif, Arial;
      direction: ltr;
      font-size: 12px;
      color: #95989a; }
    .component-card-row .meta .title h3 {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 17px;
      margin-bottom: 0;
      margin-top: 5px;
      color: #8a8a8a; }
  @media (max-width: 1200px) {
    .component-card-row a {
      height: 128px; }
    .component-card-row .meta .title h3 {
      font-size: 16px; } }
  @media (max-width: 992px) {
    .component-card-row {
      padding: 2% 1.5%; }
      .component-card-row a {
        width: 48%; } }
  @media (max-width: 768px) {
    .component-card-row {
      padding: 3%; }
      .component-card-row a {
        height: 138px;
        width: 100%;
        margin: 1.5%; } }
  @media (max-width: 576px) {
    .component-card-row {
      padding: 15px 10px; }
      .component-card-row a {
        height: 140px;
        width: 100%;
        margin: 1.5%; }
        .component-card-row a:hover {
          transform: scale(1.03);
          color: inherit; }
          .component-card-row a:hover .meta {
            background: #FFF; }
      .component-card-row img {
        width: 35%; }
      .component-card-row .meta {
        right: 35%; }
        .component-card-row .meta .title {
          top: 10px;
          bottom: 10px;
          right: 20px;
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .component-card-row .meta .title h3 {
            font-size: 17px; } }
  @media (max-width: 400px) {
    .component-card-row a {
      margin: 3% 1.5%; }
    .component-card-row .meta .title h3 {
      font-size: 16px; } }
  .component-card-row.--gallery-style a {
    background: linear-gradient(rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0.85)); }
    .component-card-row.--gallery-style a:hover .meta {
      background: transparent; }
      .component-card-row.--gallery-style a:hover .meta .title {
        opacity: 1; }
  .component-card-row.--gallery-style .meta {
    background: transparent; }
    .component-card-row.--gallery-style .meta .title {
      transition: opacity 0.3s ease; }
  @media (max-width: 992px) {
    .component-card-row.--gallery-style {
      padding: 15px 10px; }
      .component-card-row.--gallery-style a {
        height: 140px;
        width: 47%;
        margin: 1.5%;
        color: #CCC; }
        .component-card-row.--gallery-style a:hover {
          transform: scale(1.03);
          color: #CCC; }
      .component-card-row.--gallery-style img {
        width: 35%; }
      .component-card-row.--gallery-style .meta {
        right: 35%; }
        .component-card-row.--gallery-style .meta .title {
          top: 10px;
          bottom: 10px;
          right: 20px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          opacity: 1; }
          .component-card-row.--gallery-style .meta .title h3 {
            font-size: 17px; } }
  @media (max-width: 768px) {
    .component-card-row.--gallery-style a {
      width: 100%; } }

.component-gallery-detail-featured {
  position: relative; }
  .component-gallery-detail-featured img {
    width: 100%;
    height: 800px;
    object-fit: cover; }
  .component-gallery-detail-featured .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0.85)); }
    .component-gallery-detail-featured .overlay .title {
      position: absolute;
      bottom: 40px;
      left: 0;
      right: 0;
      width: 900px;
      margin: auto;
      text-align: center; }
      .component-gallery-detail-featured .overlay .title .time {
        font-family: 'Roboto', sans-serif, Arial;
        direction: ltr;
        font-size: 14px;
        display: block;
        color: #95989a; }
      .component-gallery-detail-featured .overlay .title h1 {
        margin: 20px 0 20px 0;
        color: #FFF;
        font-size: 45px;
        font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
        line-height: 1.5em;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        direction: rtl;
        letter-spacing: 1px; }
  @media (max-width: 992px) {
    .component-gallery-detail-featured .overlay .title {
      width: 90%; } }
  @media (max-width: 768px) {
    .component-gallery-detail-featured img {
      height: 500px; } }

.component-gallery-detail-photo-block {
  margin: 50px 0; }
  .component-gallery-detail-photo-block.do-focus .container {
    transform: scale(1.05);
    position: relative;
    z-index: 5;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.48);
    border: solid 2px rgba(182, 17, 42, 0.76); }
  .component-gallery-detail-photo-block .container {
    background-color: #1b1b1b; }
  .component-gallery-detail-photo-block .title {
    padding: 25px;
    padding-left: 10px; }
    .component-gallery-detail-photo-block .title h2 {
      font-family: 'mv-waheed', 'MV Waheed', 'MV Eamaan XP';
      line-height: 1.5em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 28px;
      color: #eee; }
    .component-gallery-detail-photo-block .title p {
      font-family: 'mv-faseyha', 'MV Faseyha', 'Faruma';
      line-height: 1.8em;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      direction: rtl;
      letter-spacing: 1px;
      font-size: 14px;
      color: #CCC; }
    .component-gallery-detail-photo-block .title .component-article-share {
      margin-top: 5px; }
  .component-gallery-detail-photo-block img {
    width: 100%; }
  @media (max-width: 768px) {
    .component-gallery-detail-photo-block img {
      margin-bottom: 15px; } }

.section-header-sponsor {
  margin: 15px 0; }

.section-home-featured {
  background-color: #FFF;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 0; }
  .section-home-featured .row > [class*='col']:first-child {
    border-left: solid 1px #eee; }
  .section-home-featured .component-featured-big,
  .section-home-featured .component-featured-thumb {
    margin-top: 25px;
    margin-bottom: 25px; }
  .section-home-featured .component-featured-big {
    margin-left: 10px; }
  .section-home-featured .component-featured-thumb {
    margin-right: 10px;
    margin-left: 10px; }
  .section-home-featured .--fill-height {
    display: flex; }
    .section-home-featured .--fill-height > div {
      flex-grow: 1; }
  .section-home-featured .block-home-featured-sponsors {
    display: flex;
    flex-direction: column;
    padding-top: 25px;
    padding-bottom: 0; }
  @media (max-width: 992px) {
    .section-home-featured .component-featured-big {
      margin-bottom: 50px;
      margin-left: 0; }
    .section-home-featured .component-featured-thumb {
      margin-left: 30px;
      margin-right: 0; }
    .section-home-featured .row > [class*='col']:first-child {
      border-left: none; } }
  @media (max-width: 576px) {
    .section-home-featured .component-featured-big {
      margin-right: 10px;
      margin-left: 10px;
      margin-bottom: 15px;
      padding-bottom: 20px;
      position: relative; }
      .section-home-featured .component-featured-big::after {
        content: '';
        display: block;
        height: 1px;
        background-color: #CCC;
        position: absolute;
        left: -25px;
        right: -25px;
        bottom: 0; }
    .section-home-featured .component-featured-thumb {
      margin-left: 0;
      margin-bottom: 20px; }
    .section-home-featured .block-home-featured-sponsors {
      display: none; }
      .section-home-featured .block-home-featured-sponsors > .component-sponsor:first-child {
        display: none; }
      .section-home-featured .block-home-featured-sponsors > .component-sponsor:last-child {
        display: none; } }

.section-home-greetings {
  margin-top: 35px; }

.section-home-top-left-sponsor-mobile {
  display: none;
  margin-top: 40px; }
  @media (max-width: 576px) {
    .section-home-top-left-sponsor-mobile {
      display: block; } }

.section-home-middle {
  margin-top: 40px; }
  .section-home-middle .--auto-height-fix {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .section-home-middle .block-middle-sponsor {
    margin-top: 8px;
    margin-bottom: 8px; }
  .section-home-middle .block-feetha-bottom-sponsor {
    margin-top: 10px; }
  @media (max-width: 992px) {
    .section-home-middle .block-news-feetha {
      margin-bottom: 30px; }
    .section-home-middle .block-middle-sponsor {
      margin-top: 20px;
      margin-bottom: 30px; } }
  @media (max-width: 576px) {
    .section-home-middle .component-widget-main {
      margin-right: -15px;
      margin-left: -15px; }
    .section-home-middle .block-middle-sponsor {
      margin-top: 20px;
      margin-bottom: 30px; } }

.section-home-gallery-main {
  margin-top: 30px;
  background-color: #FFF;
  margin-bottom: 30px;
  padding-top: 15px; }
  .section-home-gallery-main .component-widget-main .label .sponsor {
    font-family: 'Roboto', sans-serif, Arial;
    direction: ltr;
    font-weight: 500;
    font-size: 12px;
    color: #777;
    margin-top: 8px;
    float: left; }
  @media (max-width: 1200px) {
    .section-home-gallery-main {
      background-color: transparent;
      padding-top: 0; } }

.section-home-gallery {
  margin-top: 30px; }
  @media (max-width: 992px) {
    .section-home-gallery .block-news-column {
      margin-top: 30px; } }
  @media (max-width: 576px) {
    .section-home-gallery .block-news-column,
    .section-home-gallery .component-thumb-gallery {
      margin-right: -15px;
      margin-left: -15px; } }

.section-home-row-sponsor {
  margin-top: 50px;
  margin-bottom: 50px; }
  @media (max-width: 576px) {
    .section-home-row-sponsor {
      margin-top: 20px;
      margin-bottom: 20px; } }

@media (max-width: 992px) {
  .section-home-popular .block-popular-news {
    margin-top: 30px; } }
@media (max-width: 992px) {
  .section-home-popular .component-widget-main {
    margin-right: -15px;
    margin-left: -15px; } }

@media (max-width: 992px) {
  .section-home-bottom .block-bottom-content-sponsor {
    margin-top: 40px; } }
@media (max-width: 768px) {
  .section-home-bottom .block-bottom-content-sponsor {
    margin: 20px 0; } }
@media (max-width: 576px) {
  .section-home-bottom .component-widget-main {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 50px; } }

.section-article-overlay {
  position: relative; }
  .section-article-overlay::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 675px;
    background-color: #fcfcfc;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05); }

.section-article-main {
  position: relative;
  z-index: 2; }
  .section-article-main .component-article-title {
    margin-top: 40px; }
  .section-article-main .component-article-byline {
    margin-top: 60px;
    margin-bottom: 40px; }
    .section-article-main .component-article-byline.--footer {
      padding-bottom: 30px;
      border-bottom: solid 1px #bbb; }
  .section-article-main .component-article-featured {
    margin-bottom: 20px; }
  .section-article-main .component-comment-form {
    margin-top: 30px;
    margin-bottom: 30px; }
  .section-article-main .component-comment-listing {
    margin-top: 30px;
    margin-bottom: 30px; }
  .section-article-main .component-widget-main {
    margin-top: 10px; }
  @media (max-width: 992px) {
    .section-article-main .component-article-byline.--footer {
      margin-bottom: 20px;
      border-bottom: none; } }
  @media (max-width: 768px) {
    .section-article-main .block-article-top-sponsor {
      margin-top: 50px; } }
  @media (max-width: 576px) {
    .section-article-main .component-article-byline {
      margin-top: 44px;
      margin-bottom: 30px; }
      .section-article-main .component-article-byline .author {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0; }
    .section-article-main .component-article-share:not(.--mobile-fixed) {
      display: none !important; } }

.section-category-featured {
  background-color: #FFF;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
  padding: 20px 0; }
  .section-category-featured .component-featured-card {
    margin: 20px 0; }
  .section-category-featured .--fill-height {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .section-category-featured .--fill-height .component-featured-card {
      height: 50%; }
      .section-category-featured .--fill-height .component-featured-card:first-child {
        margin-bottom: 0; }
    @media (max-width: 768px) {
      .section-category-featured .--fill-height .component-featured-card img {
        height: 250px; } }
  .section-category-featured .line-sep > div:first-child {
    position: relative; }
    .section-category-featured .line-sep > div:first-child::after {
      content: '';
      width: 2px;
      background-color: #eee;
      display: block;
      position: absolute;
      top: -20px;
      left: 0;
      bottom: -20px; }
    .section-category-featured .line-sep > div:first-child > div {
      margin-left: 10px; }
  .section-category-featured .line-sep > div:nth-child(2) > div {
    margin-right: 10px; }
  @media (max-width: 992px) {
    .section-category-featured .line-sep > div:first-child::after {
      display: none; }
    .section-category-featured .line-sep > div:first-child > div {
      margin-left: 0; }
    .section-category-featured .line-sep > div:nth-child(2) > div {
      margin-right: 0; } }
  @media (max-width: 576px) {
    .section-category-featured .row > div:last-child > .component-featured-card:first-child {
      margin-top: 0; } }

.section-category-card-row {
  margin-top: 40px;
  margin-bottom: 40px; }

.section-category-gallery {
  margin-top: 30px;
  margin-bottom: 30px; }
  @media (max-width: 576px) {
    .section-category-gallery .component-thumb-gallery {
      margin-right: -15px;
      margin-left: -15px; } }

.section-category-sponsor {
  margin-top: 40px;
  margin-bottom: 40px; }

.section-category-middle {
  margin-top: 40px; }
  .section-category-middle .block-middle-sponsor,
  .section-category-middle .block-thumb-gallery,
  .section-category-middle .block-popular-news {
    margin-bottom: 30px; }
  @media (max-width: 576px) {
    .section-category-middle .block-thumb-gallery,
    .section-category-middle .component-widget-main {
      margin-right: -15px;
      margin-left: -15px; } }

.section-category-pagination {
  margin-top: 30px; }

.section-gallery-featured {
  background-color: rgba(255, 255, 255, 0.04);
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
  padding: 10px 0; }
  .section-gallery-featured .component-featured-card {
    margin: 20px 0; }
  .section-gallery-featured .--fill-height {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .section-gallery-featured .--fill-height .component-featured-card {
      height: 50%; }
      .section-gallery-featured .--fill-height .component-featured-card:first-child {
        margin-bottom: 0; }
    @media (max-width: 768px) {
      .section-gallery-featured .--fill-height .component-featured-card {
        height: 250px; } }
  @media (max-width: 576px) {
    .section-gallery-featured .row > div:last-child > .component-featured-card:first-child {
      margin-top: 0; } }

.section-gallery-pagination {
  margin: 70px 0; }
  @media (max-width: 576px) {
    .section-gallery-pagination .component-widget-main {
      margin-left: -15px;
      margin-right: -15px; } }

.section-gallery-detail-byline {
  margin: 60px 0;
  text-align: left; }

/*# sourceMappingURL=style.css.map */