html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
  }
  
  body {
    margin: 0;
  }
  
  article, footer, header, main, menu, nav, section {
    display: block;
  }
  
  [hidden], template {
    display: none;
  }
  
  a {
    background-color: rgba(0, 0, 0, 0);
  }
  
  a:active, a:hover {
    outline: 0;
  }
  
   strong {
    font-weight: bold;
  }
  
  h1 {
    margin: .67em 0;
    font-size: 2em;
  }
  
  img {
    border: 0;
  }
  
  svg:not(:root) {
    overflow: hidden;
  }
  
  code {
    font-family: monospace;
    font-size: 1em;
  }
  
  button, input {
    color: inherit;
    font: inherit;
    margin: 0;
  }
  
  button {
    overflow: visible;
  }
  
  button {
    text-transform: none;
  }
  
  button, html input[type="button"] {
    -webkit-appearance: button;
    cursor: pointer;
  }
  
  button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  
  input {
    line-height: normal;
  }
  
  input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  input[type="search"] {
    -webkit-appearance: none;
  }
  
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  @font-face {
    font-family: webflow-icons;
    src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
  
  * {
    box-sizing: border-box;
  }
  
  html {
    height: 100%;
  }
  
  body {
    min-height: 100%;
    color: #333;
    background-color: #fff;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  
  img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
  }
  
  .w-inline-block {
    max-width: 100%;
    display: inline-block;
  }
  
  .w-clearfix:before, .w-clearfix:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
  }
  
  .w-clearfix:after {
    clear: both;
  }
  
  .w-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: #3898ec;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block;
  }
  
  input.w-button {
    -webkit-appearance: button;
  }
  
  h1, h2, h3, h4 {
    margin-bottom: 10px;
    font-weight: bold;
  }
  
  h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px;
  }
  
  h2 {
    margin-top: 20px;
    font-size: 32px;
    line-height: 36px;
  }
  
  h3 {
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px;
  }
  
  h4 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px;
  }
  
  p {
    margin-top: 0;
    margin-bottom: 10px;
  }
  
  ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
  }
  
  .w-embed:before, .w-embed:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
  }
  
  .w-embed:after {
    clear: both;
  }
  
  button, [type="button"] {
    cursor: pointer;
    -webkit-appearance: button;
    border: 0;
  }
  
  .w-form {
    margin: 0 0 15px;
  }
  
  .w-form-done {
    text-align: center;
    background-color: #ddd;
    padding: 20px;
    display: none;
  }
  
  .w-form-fail {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 10px;
    display: none;
  }
  
  label {
    margin-bottom: 5px;
    font-weight: bold;
    display: block;
  }
  
  .w-input {
    width: 100%;
    height: 38px;
    color: #333;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    display: block;
  }
  
  .w-input:-moz-placeholder {
    color: #999;
  }
  
  .w-input::-moz-placeholder {
    color: #999;
    opacity: 1;
  }
  
  .w-input::-webkit-input-placeholder {
    color: #999;
  }
  
  .w-input:focus {
    border-color: #3898ec;
    outline: 0;
  }
  
  .w-tabs {
    position: relative;
  }
  
  .w-tabs:before, .w-tabs:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
  }
  
  .w-tabs:after {
    clear: both;
  }
  
  .w-tab-menu {
    position: relative;
  }
  
  .w-tab-link {
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    color: #222;
    background-color: #ddd;
    padding: 9px 30px;
    text-decoration: none;
    display: inline-block;
    position: relative;
  }
  
  .w-tab-link.w--current {
    background-color: #c8c8c8;
  }
  
  .w-tab-link:focus {
    outline: 0;
  }
  
  .w-tab-content {
    display: block;
    position: relative;
    overflow: hidden;
  }
  
  .w-tab-pane {
    display: none;
    position: relative;
  }
  
  .w--tab-active {
    display: block;
  }
  
  @media screen and (max-width: 479px) {
    .w-tab-link {
      display: block;
    }
  }
  
  @keyframes spin {
    0% {
      transform: rotate(0);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
  
  .w-dyn-empty {
    background-color: #ddd;
    padding: 10px;
  }
  
  /*.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {*/
  /*  display: none !important;*/
  /*}*/
  
  :root {
    --ic-gold: #ffcc05;
    --ic-red: #b1060f;
    --black-2: black;
    --ghost-white: #f5f6ff;
    --black: #141414;
    --light-grey: #ededed;
    --slate-blue: #4353ff;
  }
  
  .w-layout-hflex {
    flex-direction: row;
    align-items: flex-start;
    display: flex;
  }
  
  body {
    color: #fff;
    font-family: Rubik, sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  
  h1 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 38px;
    font-weight: bold;
    line-height: 44px;
  }
  
  h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 32px;
    font-weight: bold;
    line-height: 36px;
  }
  
  h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
  }
  
  p {
    margin-bottom: 10px;
  }
  
  a {
    text-decoration: underline;
  }
  
  strong {
    font-weight: bold;
  }
  
  .logo {
    width: auto;
    height: 33.7813px;
  }
  
  .logo.mobile {
    display: none;
  }
  
  .navbar-menu-button {
    width: 40px;
    height: 44px;
    border: 2px solid var(--ic-gold);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
    display: flex;
  }
  
  .navbar-menu-button-dash {
    width: 100%;
    height: 3px;
    background-color: #fff;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }
  
  .menu-wrap {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: space-around;
    display: flex;
  }
  
  .latest-stories-section.mob {
    display: none;
  }
  
  .latest-stories-section.desktop {
    display: block;
  }
  
  .latest-stories-inner {
    width: 100%;
    height: auto;
    color: #000;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  .heading-block {
    flex-direction: column;
    align-items: center;
    /*margin-bottom: 40px;*/
    display: flex;
  }
  
  .heading-block.white {
    height: auto;
    margin-bottom: 20px;
  }
  
  .heading-block.left-aligned {
    align-items: flex-start;
  }
  
  .heading-dash-line {
    width: 59px;
    height: 5px;
    background-color: var(--ic-gold);
  }
  
  .h1 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 400;
    display: inline-block;
    color:#000000;
  }
  
  .h1.white {
    color: #fff;
  }
  
  .latest-stories-content-grid {
    width: 100%;
    height: 460px;
    max-width: 100%;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: .5fr .5fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .story-block {
    background-image: url("https://assets-global.website-files.com/603e5347ebc03b0ff9361628/603e64ec5afbb523b5ac606e__116711942_z_atzdpl.jpg");
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 15px 10px;
    display: flex;
    position: relative;
  }
  
  .story-block.collection-item {
    background-image: url("https://assets-global.website-files.com/603e5347ebc03b0ff9361628/603e64ec5afbb523b5ac606e__116711942_z_atzdpl.jpg");
    background-size: cover;
  }
  
  .story-block-tag {
    z-index: 1;
    height: 20px;
    background-color: var(--ic-gold);
    color: #000;
    text-transform: uppercase;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    position: relative;
    overflow: hidden;
  }
  
  .h2 {
    z-index: 1;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 32px;
    position: relative;
    font-weight:900;
  }
  
  .block-overlay {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .58));
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .h3 {
    z-index: 1;
    width: auto;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    position: relative;
  }
  
  .todays-guide {
    height: 420px;
    padding-top: 0;
    position: relative;
    overflow: scroll;
  }
  
  .todays-guide-item {
    z-index: 1;
    border-bottom: 1px solid var(--ic-gold);
    display: flex;
    position: relative;
  }
  
  .todays-guide-time {
    width: 30%;
  }
  
  .todays-guide-text-and-progress {
    flex: 1;
  }
  
  .sub-heading-block.left-aligned {
    max-width: none;
  }
  
  .heading {
    font-size: 24px;
    font-weight: 400;
  }
  
  .owl-carousel {
    justify-content: space-between;
    display: flex;
  }
  
  .prayer-section-inner {
    z-index: 1;
    width: 100%;
    height: auto;
    max-width: 100%;
    color: #fff;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    /*padding-bottom: 20px;*/
    position: relative;
  }
  
  .latest-stories-mobile {
    display: none;
  }
  
  .strong-text-yellow {
    color: var(--ic-gold);
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
  }
  
  .white-point {
    color: #fff;
    margin-left: 3px;
    margin-right: 3px;
  }
  
  .prayer-time-items {
    height: 100%;
    border-right: 1px solid var(--ic-gold);
    align-items: center;
    padding-left: 19px;
    padding-right: 19px;
    display: flex;
  }
  
  .prayer-section-flex-row {
    height: 30px;
    justify-content: center;
    margin-bottom: 20px;
    display: flex;
  }
  
  .prayer-item-time {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    display: block;
  }
  
  .body {
    width: 360px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 28px;
  }
  
  .footer-inner {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
  }
  
  .footer-inner.mobile {
    display: block;
  }
  
  .container {
    width: 100%;
    max-width: 1048px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }
  
  .time-published-text {
    color: #9f9f9f;
    text-transform: uppercase;
  }
  
  .sub-heading {
    color: var(--black);
    margin-top: 10px;
    font-size: 24px;
    font-weight: 400;
  }
  
  .sub-heading.text-w {
    color: var(--ghost-white);
  }
  
  .tv-guide-content-section {
    background-color: #000;
  }
  
  .menu {
    z-index: 10;
    width: 100%;
    height: 100vh;
    background-color: var(--black);
    margin-left: auto;
    margin-right: auto;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: none;
  }
  
  .nav-menu-heading {
    text-transform: uppercase;
    margin-top: 0;
    font-weight: 700;
  }
  
  .dropdown-box {
    margin-bottom: 10px;
  }
  
  .dropdown-trigger {
    color: #fff;
    text-decoration: none;
    display: flex;
  }
  
  .dropdown-content {
    flex-wrap: wrap;
    align-items: flex-start;
    padding-left: 40px;
    font-weight: 400;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  
  .nav-menu-link-text {
    text-transform: uppercase;
    margin-top: 0;
    font-weight: 400;
  }
  
  .nav-menu-link-text:hover {
    color: var(--ic-gold);
  }
  
  .nav-menu-link-item {
    color: #fff;
    margin-bottom: 10px;
    margin-right: 0;
    text-decoration: none;
  }
  
  .nav-menu-link-item.hide {
    display: none;
  }
  
  .gold-plus {
    color: var(--ic-gold);
    margin-top: 0;
    margin-left: 10px;
    font-family: Rubik, sans-serif;
    font-weight: 700;
  }
  
  .story-block-tag-cover {
    float: left;
    background-color: var(--ic-gold);
    display: block;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .story-block-tag-wrap {
    z-index: 1;
    height: 20px;
    background-color: var(--ic-gold);
    color: #000;
    text-transform: uppercase;
    margin-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    position: relative;
    overflow: hidden;
  }
  
  .story-item {
    width: 100%;
    height: 100%;
    background-image: url("https://assets-global.website-files.com/603e5347ebc03b0ff9361628/603e6246d6fe1d68c886b611_Big%20image%403x.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 15px 10px;
    transition: all 1s;
    display: flex;
    position: relative;
  }
  
  .story-item:hover {
    background-size: auto 104%;
  }
  
  .latest-stories-grid {
    width: 100%;
    height: auto;
    max-width: 100%;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: .25fr .5fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .filter {
    margin-top: 0;
    margin-bottom: 40px;
  }
  
  .filters-wrapper {
    width: 1008px;
    display: flex;
    overflow: scroll;
  }
  
  .filters-wrapper.center {
    width: 780px;
    max-width: 100%;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: visible;
  }
  
  .filters-wrapper.days {
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .filter-button {
    border-right: 1px solid var(--ic-gold);
    border-left: 1px solid var(--ic-gold);
    text-transform: uppercase;
    background-color: rgba(56, 152, 236, 0);
    padding: 0 28px;
  }
  
  .filter-button:hover {
    color: var(--black);
    background-color: #ffcb00;
    padding-top: 0;
    font-weight: 700;
  }
  
  .filter-button.a {
    border-right: 1px solid var(--ic-gold);
    border-left: 1px solid var(--ic-gold);
    background-color: rgba(0, 0, 0, 0);
    padding: 0 28px;
  }
  
  .filter-button.d {
    border-right: 1px solid var(--ic-gold);
    border-left: 1px none var(--ic-gold);
    background-color: rgba(0, 0, 0, 0);
    padding: 0 28px;
  }
  
  .filter-button.d:hover {
    background-color: var(--ic-gold);
  }
  
  .filter-button.e {
    border-right: 1px solid var(--ic-gold);
    border-left: 1px none var(--ic-gold);
    background-color: rgba(0, 0, 0, 0);
    padding: 0 28px;
  }
  
  .filter-button.e:hover {
    background-color: var(--ic-gold);
  }
  
  .filter-button.i {
    border-right: 1px solid var(--ic-gold);
    border-left: 1px none var(--ic-gold);
    background-color: rgba(0, 0, 0, 0);
    padding: 0 28px;
  }
  
  .filter-button.i:hover {
    background-color: var(--ic-gold);
  }
  
  .filter-button.n {
    border-right: 1px solid var(--ic-gold);
    border-left: 1px none var(--ic-gold);
    background-color: rgba(0, 0, 0, 0);
    padding: 0 28px;
  }
  
  .filter-button.n:hover {
    background-color: var(--ic-gold);
  }
  
  .filter-button.p, .filter-button.n, .filter-button.s, .filter-button.t {
    border-right: 1px solid var(--ic-gold);
    border-left: 1px none var(--ic-gold);
    background-color: rgba(0, 0, 0, 0);
    padding: 0 28px;
  }
  
  .filter-button.weekday {
    border: 2px solid var(--ic-gold);
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    margin-right: 10px;
    padding: 6px 28px;
  }
  
  .filter-button.weekday:hover {
    background-color: var(--ic-gold);
    color: #fff;
  }
  
  .filter-button.weekday.end {
    margin-right: 0;
  }
  
  .time {
    text-transform: uppercase;
    margin-right: 5px;
    font-size: 13px;
  }
  
  .link {
    color: var(--black);
    text-decoration: none;
  }
  
  .name {
    display: none;
  }
  
  .fs-hide {
    display: none;
  }
  
  .tv {
    width: 110%;
    height: auto;
    flex: 0 auto;
    position: relative;
    bottom: -107px;
  }
  
  .img {
    width: auto;
    height: 200px;
    max-width: none;
    text-align: left;
    margin-top: 0;
  }
  
  .full-width {
    width: 100%;
  }
  
  .pt-main-content {
    max-width: 100%;
    border: 1px solid rgba(0, 0, 0, .25);
  }
  
  .pt-aside-today-block {
    margin-bottom: 20px;
  }
  
  .pt-aside-today-block.mobile {
    display: none;
  }
  
  .pt-aside-today-top {
    width: 100%;
    color: #fff;
    background-color: #000;
    padding-top: 17px;
    padding-bottom: 17px;
  }
  
  .pt-aside-today-top-inner-flex {
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
    line-height: 19px;
    display: flex;
  }
  
  .pt-aside-today-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .pt-top {
    width: 100%;
    max-width: 100%;
    background-color: #000;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  
  .pt-top-inner-flex {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    line-height: 19px;
    display: flex;
  }
  
  .pt-date {
    flex: 0 auto;
    align-items: center;
    display: flex;
  }
  
  .pt-date-text {
    text-align: right;
    font-size: 18px;
    line-height: 22px;
    display: flex;
  }
  
  .pt-aside-today-date-text {
    text-align: right;
  }
  
  .calander {
    height: 50px;
    margin-left: 15px;
  }
  
  .pt-aside-today-list {
    color: #000;
  }
  
  .pt-aside-today-list-item {
    border: 1px solid rgba(0, 0, 0, .25);
    justify-content: space-between;
    margin-top: 5px;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 22px;
    display: flex;
  }
  
  .pt-aside-today-list-item:hover {
    background-color: var(--ic-gold);
    border-style: solid;
  }
  
  .pt-main-content-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    color: #000;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 20px;
    display: grid;
  }
  
  .pt-grid-item {
    justify-content: center;
    align-items: center;
    font-size: 14px;
    display: flex;
  }
  
  .pt-grid-item.today {
    font-weight: 700;
  }
  
  .pt-main-content-grid-heading {
    color: var(--black-2);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
  }
  
  .pt-main-content-grid-heading.invisible {
    opacity: 0;
  }
  
  .tv-guide-list {
    border-top: 1px solid var(--ic-gold);
  }
  
  .tv-guide-item {
    width: 100%;
    border-top: 1px none var(--ic-gold);
    border-bottom: 1px solid var(--ic-gold);
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding: 12px 51px;
    text-decoration: none;
  }
  
  .tv-guide-item:hover {
    border-width: 2px;
    border-right-style: solid;
    border-right-color: var(--ic-gold);
    border-left-style: solid;
    border-left-color: var(--ic-gold);
  }
  
  .tv-guide-item:focus {
    border-right: 1px solid var(--ic-gold);
    border-left: 1px solid var(--ic-gold);
  }
  
  .tv-guide-item-inner-flex {
    display: flex;
  }
  
  .tv-item-time {
    width: 20%;
    text-align: right;
    text-transform: uppercase;
    margin-right: 15px;
    padding-right: 0;
    font-weight: 700;
  }
  
  .tv-guide-item-show-details {
    flex: 1;
  }
  
  .tv-guide-item-show-summary {
    font-size: 11px;
    line-height: 17px;
  }
  
  .tv-guide-item-show-title {
    color: var(--ic-gold);
    text-transform: capitalize;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 700;
  }
  
  .day-of-week {
    color: var(--ic-gold);
    margin-bottom: 5px;
    font-size: 13px;
    display: block;
  }
  
  .tv-guide-content-section-inner {
    width: 1048px;
    height: auto;
    max-width: 100%;
    min-height: 100vh;
    padding-top: 0;
  }
  
  .tv-guide {
    width: 880px;
    max-width: 100%;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  
  .tv-guide-content-wrapper {
    margin-bottom: 40px;
  }
  
  .other-tv-guide-list {
    border-top: 1px solid var(--ic-gold);
  }
  
  .other-filters-wrapper {
    width: 1008px;
    display: flex;
    overflow: scroll;
  }
  
  .other-filters-wrapper.days {
    width: auto;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }
  
  .other-day-of-week {
    color: var(--ic-gold);
    margin-bottom: 5px;
    font-size: 13px;
    display: none;
  }
  
  .other-tv-guide-content-wrapper {
    margin-bottom: 40px;
  }
  
  .tv-guide-tab-link {
    border: 2px none var(--ic-gold);
    background-color: var(--black-2);
    color: #fff;
    text-transform: uppercase;
    padding-top: 9px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .tv-guide-tab-link.w--current {
    color: var(--ic-gold);
    background-color: #000;
    border-style: none;
    padding-top: 9px;
  }
  
  .tv-guide-tabs-menu {
    width: 1082px;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    bottom: -87px;
    left: -36px;
  }
  
  .tv-guide-tabs {
    display: block;
  }
  
  .tv-guide-tabs.mobile {
    display: none;
  }
  
  .html-embed-2 {
    height: 50px;
  }
  
  .arrow-text {
    padding-top: 0;
    font-family: Fontawesome5pro, sans-serif;
    font-size: 20px;
    font-weight: 400;
  }
  
  .nav-menu-link-divider {
    width: 10px;
    height: 10px;
    background-color: var(--ic-gold);
    border-radius: 100%;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
  }
  
  .sub-heading-title {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: 400;
    color:#fff;
  }
  
  .pt-aside-today-day {
    text-transform: uppercase;
  }
  
  .nav-menu-link-divider-wrap {
    height: 30px;
    align-items: center;
    display: flex;
  }
  
  .pt-date-block {
    text-transform: uppercase;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
  }
  
  .pt-date-text-year {
    text-align: right;
    font-size: 18px;
    line-height: 22px;
    display: flex;
  }
  
  .pt-time {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 2px;
    font-size: 18px;
    line-height: 28px;
    font-weight:900;
  }
  
  .prayer-time-items-content {
    align-items: center;
    display: flex;
  }
  
  .prayer-times-title-blocj {
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
  }
  
  .hide {
    display: none;
  }
  
   .image {
    width: 100%;
    height: 100%;
  }
  
  .charity-partners {
    justify-content: space-between;
    display: flex;
  }
  
  .white {
    color: #000;
  }
  
  .text-block-6 {
    transition: opacity .2s;
  }
  
  .form-block-3 {
    margin-top: 10px;
  }
  
  .form-block-3.other-minthly-amount-form, .form-block-3.other-one-off-amouunt {
    margin-top: 15px;
  }
  
  .s-right-sec {
    width: 45%;
  }
  
  .one-time-btn-tab {
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    flex: 1;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    font-weight: 700;
  }
  
  .one-time-btn-tab.w--current {
    background-color: #ffcc05;
    flex: 1;
    font-weight: 500;
  }
  
  .one-time-btn-tab.one-time-btn-tab2 {
    border: 1px solid #c4c4c4;
  }
  
  .one-time-btn-tab.one-time-btn-tab2.w--current {
    border-style: none;
  }
  
  .button-3 {
    flex: 1;
  }
  
  .button-3.one-off-option {
    color: #4f4f4f;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
  }
  
  .button-3.one-off-option:active {
    background-color: #ffcc05;
  }
  
  .button-3.one-off-option.one-off-option2 {
    border: 1px solid #c4c4c4;
  }
  
  .cards-icon-containers {
    width: 50%;
    max-width: 50%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }
  
  .support-heading {
    margin-top: 0;
    font-size: 40px;
    font-weight: 700;
    line-height: 42px;
  }
  
  .support-heading.in-articale {
    width: 100%;
    color: var(--black-2);
    font-size: 32px;
    line-height: 32px;
    display: block;
  }
  
  .support-heading.in-articale.support-heading2 {
    font-size: 23px;
    line-height: 30px;
  }
  
  .support-popup-section {
    z-index: 50;
    min-height: 250px;
    background-color: #000;
    border-top: 1px solid #ffcc05;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 60px;
    display: block;
    position: fixed;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  
  .support-popup-section.in-articales {
    background-color: var(--light-grey);
    padding: 20px 30px;
    position: static;
  }
  
  .support-popup-section.in-articales.support-popup-section2 {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .single-card-icon-div {
    width: 25%;
    max-width: 25%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
  
  .contenue-btn-flex {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
  }
  
  .tab-one-off-flex {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-top: 15px;
  }
  
  .html-embed-5, .html-embed-5.monthly-hidden-in {
    height: 0;
    display: none;
  }
  
  .monthly-btn-text {
    color: #4f4f4f;
    font-size: 14px;
    font-weight: 600;
  }
  
  .monthly-tab-btn {
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    flex: 1;
    margin-left: 0;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  
  .monthly-tab-btn.w--current {
    text-align: center;
    background-color: #ffcc05;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  
  .monthly-tab-btn.monthly-tab-btn2 {
    border: 1px solid #c4c4c4;
  }
  
  .monthly-tab-btn.monthly-tab-btn2.w--current {
    border-style: none;
  }
  
  .s-other-amount-input {
    height: 44px;
    color: #4f4f4f;
    text-align: center;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  
  .s-other-amount-input::-ms-input-placeholder {
    color: #4f4f4f;
    text-align: center;
  }
  
  .s-other-amount-input::placeholder {
    color: #4f4f4f;
    text-align: center;
  }
  
  .s-other-monthly-amount-input {
    height: 44px;
    color: #4f4f4f;
    text-align: center;
    border-radius: 5px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  
  .s-other-monthly-amount-input::-ms-input-placeholder {
    color: #4f4f4f;
  }
  
  .s-other-monthly-amount-input::placeholder {
    color: #4f4f4f;
  }
  
  .par-mid-sec-text {
    padding-right: 0;
    font-size: 16px;
    line-height: 26px;
  }
  
  .par-mid-sec-text.down-text {
    margin-top: 20px;
    font-size: 22px;
    font-weight: 700;
  }
  
  .par-mid-sec-text.down-text.down-text2 {
    color: var(--black-2);
    font-size: 13px;
    line-height: 22px;
  }
  
  .par-mid-sec-text.par-mid-sec-text2 {
    color: var(--black-2);
    font-size: 14px;
    line-height: 20px;
  }
  
  .one-off-btn-text {
    color: #4f4f4f;
    font-weight: 600;
    font-size:14px;
  }
  
  .tabs-menu-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: space-between;
    display: flex;
  }
  
  .s-mid-dev {
    width: 66%;
    padding-right: 20px;
  }
  
  .contenu-btn {
    width: 100%;
    max-width: 100%;
    text-align: center;
    background-color: #b1060f;
    /*border-radius: 20px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
  }
  
  .support-heading-div {
    width: auto;
    max-width: 100%;
    flex: 1;
  }
  
  .div-block-15 {
    width: 50%;
  }
  
  .div-block-15.contenue-btn-container {
    max-width: 50%;
  }
  
  .support-second-flex {
    padding-top: 20px;
  }
  
  .heading-dash-line-4 {
    width: 59px;
    height: 5px;
    background-color: #ffcc05;
  }
  
  .heading-dash-line-4.support-dash-line {
    width: 110px;
  }
  
  .suport-heding-flex-box {
    justify-content: space-between;
  }
  
  .suport-heding-flex-box.suport-heding-flex-box2 {
    flex-wrap: nowrap;
    justify-content: flex-start;
    display: flex;
  }
  
  .bold-text-6, .bold-text-7 {
    font-weight: 600;
  }
  
  .mobile-only-div {
    display: none;
  }
  
  .donate-text-h-in-aritocles {
    color: var(--black-2);
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 20px;
  }
  
  .donate-text-h-in-aritocles.donate-text-h-in-aritocles2 {
    font-size: 18px;
    line-height: 24px;
  }
  
  @media screen and (max-width: 991px) {
  
    .navbar-menu-button {
      margin-left: 15px;
    }
  
    .todays-guide {
      margin-top: 0;
    }
  
    .sub-heading-block.left-aligned {
      text-align: left;
    }
  
    .prayer-time-items {
      padding-left: 19px;
      padding-right: 19px;
      display: block;
    }
  
    .prayer-section-flex-row {
      height: 30px;
    }
  
    .footer-inner.mobile {
      display: block;
    }
  
    .nav-menu-heading {
      margin-bottom: 0;
      font-size: 28px;
    }
  
    .dropdown-content {
      align-items: flex-start;
    }
  
    .nav-menu-link-text {
      font-size: 20px;
    }
  
    .filter {
      width: 90%;
      margin-left: 30px;
      display: flex;
    }
  
    .filters-wrapper.center {
      max-width: 100%;
    }
  
    .filters-wrapper.days {
      width: auto;
      justify-content: flex-start;
      padding-right: 0;
      overflow: scroll;
    }
  
    .img {
      width: 140px;
    }
  
    .other-filters-wrapper.days {
      justify-content: flex-start;
    }
  
    .tv-guide-tab-link.w--current {
      z-index: 10;
    }
  
    .tv-guide-tabs-menu {
      width: 100%;
      margin-bottom: -40px;
      top: 0;
      bottom: 0;
      left: 0;
    }
  
    .tv-guide-tabs {
      padding-top: 40px;
    }
  
    .nav-menu-link-divider {
      margin-left: 10px;
      margin-right: 10px;
      padding-left: 0;
      padding-right: 0;
    }
  
    .nav-menu-link-divider-wrap {
      height: 24px;
      align-items: center;
      display: flex;
    }
  
    .pt-time {
      display: block;
    }
  
    .prayer-time-items-content {
      flex-direction: row;
      align-items: flex-start;
      display: flex;
    }
  
    .s-right-sec {
      width: 100%;
      margin-top: 10px;
    }
  
    .cards-icon-containers {
      grid-column-gap: 30px;
      grid-row-gap: 30px;
    }
  
    .support-heading {
      margin-top: 10px;
      font-size: 30px;
      line-height: 32px;
    }
  
    .support-popup-section {
      padding: 20px 40px;
    }
  
    .par-mid-sec-text {
      font-size: 14px;
      line-height: 20px;
    }
  
    .par-mid-sec-text.down-text {
      font-size: 18px;
      line-height: 20px;
    }
  
    .s-mid-dev {
      width: 100%;
      padding-right: 0;
      line-height: 20px;
    }
  
    .support-heading-div {
      max-width: 95%;
    }
  
    .support-second-flex {
      flex-wrap: wrap;
      padding-top: 10px;
    }
  }
  
  @media screen and (max-width: 767px) {
  
    .navbar-menu-button {
      margin-left: 0;
    }
  
    .latest-stories-section.mob {
      display: block;
    }
  
    .latest-stories-section.desktop {
      display: none;
    }
  
    .heading-block.left-aligned {
      text-align: left;
    }
  
    .prayer-time-items {
      border-right-style: none;
      display: flex;
    }
  
    .prayer-section-flex-row {
      height: auto;
      flex-direction: column;
      display: block;
    }
  
    .prayer-item-time {
      border-bottom: 2px none var(--ic-gold);
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 5px;
      padding-bottom: 5px;
      display: inline-block;
      font-weight:400 !important;
    }
  
    .body {
      width: 100%;
    }
  
    .footer-inner.mobile {
      grid-template-rows: auto auto;
      grid-template-columns: 1fr 1fr;
      grid-auto-columns: 1fr;
      display: block;
    }
  
    .menu {
      overflow: scroll;
    }
  
    .filters-wrapper {
      max-width: 100%;
    }
  
    .filters-wrapper.center {
      flex-direction: column;
      align-items: center;
    }
  
    .filters-wrapper.days {
      justify-content: flex-start;
    }
  
    .pt-aside-today-block {
      display: none;
    }
  
    .pt-aside-today-block.mobile {
      display: block;
    }
  
    .pt-main-content-grid {
      padding-left: 10px;
    }
  
    .other-filters-wrapper {
      max-width: 100%;
    }
  
    .tv-guide-tab-link.w--current {
      border-style: none;
    }
  
    .tv-guide-tabs {
      display: none;
    }
  
    .tv-guide-tabs.mobile {
      display: block;
    }
  
    .prayer-time-items-content {
      width: 100%;
      border-bottom: 2px solid var(--ic-gold);
      flex: 0 auto;
      justify-content: space-between;
      align-items: flex-end;
    }
  
    .support-heading {
      font-size: 28px;
      line-height: 30px;
    }
  
    .support-heading.in-articale.support-heading2 {
      font-size: 28px;
    }
  
    .support-popup-section {
      z-index: 1000;
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .par-mid-sec-text {
      font-size: 12px;
      line-height: 16px;
    }
  
    .par-mid-sec-text.down-text {
      margin-top: 10px;
      font-size: 14px;
      line-height: 18px;
    }
  
    .par-mid-sec-text.down-text.down-text2 {
      font-size: 18px;
    }
  
    .s-mid-dev.s-mid-dev2 {
      width: 100%;
    }
  
    .support-second-flex.support-second-flex2 {
      padding-top: 10px;
    }
  
    .donate-text-h-in-aritocles.donate-text-h-in-aritocles2 {
      font-size: 18px;
    }
  }
  
  @media screen and (max-width: 479px) {
  
    .logo {
      display: none;
    }
  
    .logo.mobile {
      width: 30px;
      display: block;
    }
  
    .latest-stories-inner {
      max-width: 100%;
      padding-bottom: 20px;
    }
  
    .heading-block {
      max-width: 100%;
      text-align: center;
    }
  
    .heading-block.white {
      text-align: center;
      margin-bottom: 40px;
      padding-left: 0;
      padding-right: 0;
    }
  
    .heading-block.left-aligned {
      text-align: left;
      align-items: center;
    }
  
    .heading-dash-line {
      width: 41px;
      height: 5px;
    }
  
    .h1 {
      margin-top: 5px;
      margin-bottom: 5px;
      font-size: 26px;
      line-height: 33px;
    }
  
    .latest-stories-content-cont {
      display: none;
    }
  
    .latest-stories-content-grid {
      display: flex;
    }
  
    .story-block.collection-item {
      width: 100%;
      height: 460px;
      flex: none;
      padding-bottom: 20px;
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .story-block-tag {
      margin-bottom: 10px;
    }
  
    .block-overlay {
      padding-left: 0;
    }
  
    .h3 {
      font-size: 20px;
      line-height: 26px;
    }
  
    .todays-guide {
      height: 280px;
      margin-top: 0;
      margin-bottom: 20px;
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
    }
  
    .sub-heading-block {
      width: 100%;
      flex-direction: column;
      align-items: center;
      padding-top: 15px;
      display: flex;
    }
  
    .sub-heading-block.left-aligned {
      text-align: center;
      align-items: center;
      margin-bottom: 0;
      padding-top: 0;
      font-size: 14px;
    }
  
    .sub-heading-block.left-aligned.location, .sub-heading-block.left-aligned.prayer {
      text-align: left;
      align-items: flex-start;
    }
  
    .heading {
      text-align: center;
      margin-top: 5px;
      margin-bottom: 5px;
      font-size: 15px;
      line-height: 25px;
    }
  
    .owl-carousel.owl-theme, .owl-carousel.test {
      width: 100%;
    }
  
    .prayer-section-inner {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  
    .latest-stories-mobile {
      height: 460px;
      display: block;
    }
  
    .strong-text-yellow {
      margin-top: 0;
      margin-bottom: 10px;
    }
  
    .strong-text-yellow.pt {
      color: var(--ghost-white);
      margin-right: 3px;
      font-size: 20px;
    }
  
    .strong-text-yellow.api-date {
      font-size: 20px;
    }
  
    .white-point {
      display: none;
    }
  
    .prayer-time-items {
      text-align: center;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
      padding-left: 0%;
      padding-right: 0%;
      display: flex;
    }
  
    .prayer-section-flex-row {
      grid-template-rows: auto auto;
      grid-template-columns: 1fr;
      grid-auto-columns: 1fr;
      align-items: start;
      justify-items: start;
      display: block;
    }
  
    .prayer-item-time {
      border-bottom-style: none;
    }
  
    .body {
      width: auto;
      font-size: 14px;
      line-height: 24px;
    }
  
    .footer-inner {
      max-width: 100%;
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .container {
      padding-bottom: 0;
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .container.nav {
      padding-bottom: 0;
    }
  
    .sub-heading {
      margin-top: 5px;
      margin-bottom: 5px;
      font-size: 20px;
      line-height: 25px;
    }
  
    .menu {
      padding-bottom: 0;
      display: none;
    }
  
    .dropdown-box {
      z-index: 0;
      position: relative;
    }
  
    .dropdown-content {
      z-index: auto;
      padding-left: 20px;
      position: relative;
    }
  
    .nav-menu-link-text {
      margin-right: 20px;
      position: relative;
    }
  
    .nav-menu-link-item {
      z-index: 5;
      position: relative;
    }
  
    .story-item {
      height: 100%;
    }
  
    .latest-stories-grid {
      display: flex;
    }
  
    .work {
      width: 100%;
      align-items: stretch;
      display: flex;
    }
  
    .filter {
      width: 80%;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-bottom: 40px;
      margin-left: 30px;
      display: block;
      position: relative;
    }
  
    .filters-wrapper.center {
      width: 100%;
      text-align: center;
      flex-direction: column;
      align-items: flex-start;
    }
  
    .filters-wrapper.days {
      border-top: 1px solid var(--ic-gold);
      border-bottom: 1px solid var(--ic-gold);
      justify-content: flex-start;
      align-items: center;
    }
  
    .filter-button.weekday {
      height: 100%;
      text-align: center;
      border-style: none;
      align-items: center;
      margin-top: auto;
      margin-bottom: auto;
      display: flex;
    }
  
    .filter-button.weekday:hover {
      color: var(--ic-gold);
      background-color: rgba(0, 0, 0, 0);
      font-weight: 400;
    }
  
    .tv {
      display: none;
    }
  
    .img {
      width: 40%;
      height: auto;
    }
  
    .pt-main-content {
      width: 100%;
      margin-bottom: 40px;
      display: block;
      position: relative;
    }
  
    .pt-aside-today-block {
      display: none;
    }
  
    .pt-aside-today-block.mobile, .pt-aside-today-container, .prayer-times, .pt-top {
      display: block;
    }
  
    .calander {
      display: none;
    }
  
    .pt-main-content-grid {
      width: 100%;
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-rows: auto auto;
      grid-template-columns: minmax(100px, 2.5fr) 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-auto-columns: 1fr;
      display: grid;
      position: static;
      overflow: scroll;
    }
  
    .tv-guide-item {
      padding-left: 0;
      padding-right: 0;
    }
  
    .tv-guide-item-show-title {
      text-transform: capitalize;
      font-weight: 700;
    }
  
    .other-filters-wrapper.days {
      border-top: 1px solid var(--ic-gold);
      border-bottom: 1px solid var(--ic-gold);
      align-items: center;
      padding-right: 0;
      position: static;
    }
  
    .tv-guide-tab-link {
      z-index: 10;
      border: 2px none var(--ic-gold);
      text-transform: uppercase;
      padding-left: 10px;
      padding-right: 10px;
      font-size: 12px;
    }
  
    .tv-guide-tab-link.w--current {
      z-index: 10;
      border: 2px none var(--ic-gold);
      background-color: var(--black-2);
      color: var(--ic-gold);
      text-transform: uppercase;
      justify-content: center;
      align-items: center;
      padding-left: 10px;
      padding-right: 10px;
      font-weight: 400;
      display: flex;
    }
  
    .tv-guide-tabs-menu {
      margin-bottom: -15px;
      padding-left: 0;
      padding-right: 0;
      display: flex;
      top: 29px;
    }
  
    .tv-guide-tabs {
      display: block;
    }
  
    .tv-guide-tabs.mobile {
      display: none;
    }
  
    .arrow-text {
      font-size: 20px;
    }
  
    .sub-heading-title {
      text-align: center;
      margin-top: 5px;
      margin-bottom: 5px;
      font-size: 22px;
      line-height: 25px;
    }
  
    .nav-menu-link-divider-wrap {
      display: none;
    }
  
    .pt-time {
      border: 1px #000;
      margin-bottom: 0;
      margin-left: 5px;
      padding-top: 5px;
      padding-bottom: 5px;
      display: block;
      
    }
  
    .prayer-time-items-content {
      width: 100%;
      max-width: none;
      border-bottom: 2px solid var(--ic-gold);
      justify-content: space-between;
      align-items: flex-end;
      display: flex;
    }
  
    .prayer-times-title-blocj {
      flex-flow: column wrap;
      align-items: center;
      margin-bottom: 20px;
    }
  
    .charity-partners.owl-theme, .charity-partners.test {
      width: 100%;
    }
  
    .one-time-btn-tab.one-time-btn-tab2, .one-time-btn-tab.one-time-btn-tab2.w--current {
      padding-left: 5px;
      padding-right: 5px;
    }
  
    .button-3.one-off-option.one-off-option2 {
      padding-left: 5px;
      padding-right: 5px;
      font-size: 14px;
    }
  
    .cards-icon-containers {
      grid-column-gap: 3px;
      grid-row-gap: 3px;
    }
  
    .support-heading {
      font-size: 22px;
      line-height: 24px;
    }
  
    .support-heading.in-articale.support-heading2 {
      font-size: 20px;
      line-height: 24px;
    }
  
    .support-popup-section {
      max-height: none;
      padding: 15px 10px;
      overflow: visible;
    }
  
    .support-popup-section.in-articales.support-popup-section2 {
      padding-left: 10px;
      padding-right: 10px;
    }
  
    .tab-one-off-flex {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
    }
  
    .monthly-tab-btn.monthly-tab-btn2, .monthly-tab-btn.monthly-tab-btn2.w--current {
      padding-left: 5px;
      padding-right: 5px;
    }
  
    .par-mid-sec-text, .par-mid-sec-text.down-text, .par-mid-sec-text.down-text.down-text2, .par-mid-sec-text.par-mid-sec-text2 {
      font-size: 16px;
      line-height: 20px;
    }
  
    .tabs-menu-2 {
      grid-column-gap: 10px;
      grid-row-gap: 10px;
    }
  
    .s-mid-dev {
      width: 100%;
      margin-top: 10px;
    }
  
    .contenu-btn {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  
    .support-heading-div {
      max-width: 90%;
    }
  
    .support-second-flex, .support-second-flex.support-second-flex2 {
      padding-top: 0;
    }
  
    .heading-dash-line-4 {
      width: 41px;
      height: 5px;
      text-align: left;
    }
  
    .mobile-only-div {
      width: 100%;
      display: block;
    }
  
    .yellow-text {
      color: var(--ic-gold);
      font-size: 16px;
      font-weight: 700;
    }
  
    .yellow-text.s-popup-yellow {
      margin-top: 0;
      font-size: 14px;
      display: none;
    }
  
    .text-block-15 {
      font-size: 14px;
      display: none;
    }
  
     .text-span-3 {
      color: var(--ic-gold);
    }
  
    .donate-text-h-in-aritocles.donate-text-h-in-aritocles2 {
      font-size: 16px;
      line-height: 20px;
    }
  }
  .todays-guide-item-heading {
    color: var(--ic-gold);
    font-size: 13px;
  }
  #w-node-de437f90-bc80-8ee4-c83e-e5094f2c909f-42db026f {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }
  
  #w-node-ed7ce008-fce2-92f5-3725-32a970552b2c-58db0289 {
    justify-self: center;
  }
  
  @media screen and (max-width: 767px) {
    #w-node-_6fae356f-a159-1770-5bfc-5d61887344dd-42db026f, #w-node-fda9215d-a255-9036-40ef-25fb2f281b04-42db026f {
      grid-area: span 1 / span 2 / span 1 / span 2;
    }
  }
  
  @media screen and (max-width: 479px) {
  
    #w-node-ed7ce008-fce2-92f5-3725-32a970552b2c-58db0289 {
      justify-self: center;
    }
  }
  
  @font-face {
    font-family: 'Rubik';
    src: url('https://assets.website-files.com/603e5347ebc03b0ff9361628/603e5a03ed7c98fff7013ba8_Rubik-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Rubik';
    src: url('https://assets.website-files.com/603e5347ebc03b0ff9361628/603e5a02ed7c98e446013ba7_Rubik-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Fa solid 900';
    src: url('https://assets.website-files.com/603e5347ebc03b0ff9361628/605da971377dbed8f9727c5e_fa-solid-900.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Fa 400';
    src: url('https://assets.website-files.com/603e5347ebc03b0ff9361628/605daa199b4ed47e144f9cae_fa-regular-400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Lucida grande';
    src: url('https://assets.website-files.com/603e5347ebc03b0ff9361628/607406326cf6c04008da99fa_lucida%20grande%20bold.ttf') format('truetype'), url('https://assets.website-files.com/603e5347ebc03b0ff9361628/607406326cf6c04008da99fa_lucida%20grande%20bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Rubik';
    src: url('https://assets.website-files.com/603e5347ebc03b0ff9361628/658d811944471300d9837dd2_Rubik-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Rubik';
    src: url('https://assets.website-files.com/603e5347ebc03b0ff9361628/658d814da1e7f143786b8135_Rubik-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Minionpro';
    src: url('https://assets.website-files.com/603e5347ebc03b0ff9361628/603e5a028b0b9d7bf9f329a4_MinionPro-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Fontawesome5pro';
    src: url('https://assets.website-files.com/603e5347ebc03b0ff9361628/605dab6c2a42644dfa5e3111_FontAwesome5Pro-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }