.main-header {
  transition: top .3s;
  top: -100px
}

.header-top-row {
  background-color: #eceef1;
  color: #152046;
  font-size: 13px;
  line-height: 12px;
  padding-block: 20px 16px
}

.header-top-inner {
  align-items: center
}

.header-date {
  margin-right: 12px;
  font-family: pf regal text pro
}

.header-weather {
  align-items: center;
  font-family: pf regal text pro
}

.powered-info span {
  padding-right: 5px;
  margin-top: 5px;
}

.weather-icon {
  margin-right: 11px
}

.header-websites {
  padding-inline: 25px 32px;
  margin-inline: 25px 25px;
  border-left: 1px solid #777c8c;
  border-right: 1px solid #777c8c
}

.header-websites li {
  margin-right: 14px;
  font-family: pf regal text pro
}

.header-social li {
  width: 15px;
  height: 15px;
  margin-right: 32px
}

.subscribe-btn {
  margin-left: auto
}

.main-header .btn {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -.02px;
  padding-block: 6px;
  color: #152046
}

@media screen and (max-width:1340px) {
  .header-websites {
    display: none
  }

  .header-social {
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: 1px solid #777c8c
  }
}

@media screen and (max-width:680px) {
  .header-social {
    display: none
  }
}

@media screen and (max-width:520px) {
  .header-top-row {
    display: none
  }
}

.header-bottom-row {
  border-bottom: 1px solid #001356
}

.header-nav {
  border-bottom: 3px solid #152046;
  font-size: 15px;
  line-height: 18.75px;
  align-items: flex-end;
  transform: translateY(2px)
}

.header-nav .logo {
  width: 313px;
  flex-shrink: 0;
  padding-inline: 22px 31px;
  background-color: #fff;
  transform: translateY(10px)
}

.header-navigation {
  margin-bottom: 5px
}

.header-navigation li {
  color: #000927;
  margin-right: 20px;
  font-family: pfspekkvar-bold
}

.header-extra-row {
  margin-block: 3px 18px
}

.powered-info {
  align-items: baseline;
  font-size: 14.5px;
  line-height: 16.5px;
  padding-left: 115px
}

.powered-info img {
  transform: translateY(10px)
}

.header-search-btn {
  margin-left: auto;
  width: 20px;
  margin-bottom: 10px
}

.header-search-wrapper {
  position: absolute;
  width: 0;
  right: 0;
  bottom: -2px;
  overflow: hidden;
  transition: width .3s
}

.header-search-wrapper.on {
  width: 300px
}

.header-search-input {
  border: 2px solid #152046;
  position: relative
}

.header-search-input input {
  width: 100%;
  padding: .5rem 1.5rem .5rem 1rem
}

.app-header-search-close,
.header-search-close {
  position: absolute;
  width: 1.5rem;
  height: 2rem;
  right: 0;
  top: 0
}

.app-header-search-close .line,
.header-search-close .line {
  display: block;
  width: 60%;
  border-top: 1px solid #152046;
  transform-origin: center;
  transform: rotate(45deg);
  position: absolute;
  left: 20%;
  top: 50%
}

.app-header-search-close .line:last-of-type,
.header-search-close .line:last-of-type {
  transform: rotate(-45deg)
}

@media screen and (max-width:1520px) {
  .header-navigation {
    display: none
  }
}

@media screen and (max-width:920px) {
  .header-nav .logo {
    width: 250px
  }

  .powered-info {
    padding-left: 105px
  }
}

@media screen and (max-width:620px) {
  .top-home-left .card .title {
    margin-bottom: 9px
  }

  .header-search-wrapper.on {
    width: 100%
  }
}

@media screen and (max-width:520px) {
  .header-search-wrapper {
    bottom: 0
  }

  .header-nav .logo {
    width: 210px;
    background-color: transparent;
    transform: translateY(0px)
  }

  .header-nav .logo::before {
    content: "";
    width: 1rem;
    border-top: 5px solid #fff;
    position: absolute;
    left: 20px;
    bottom: 0;
    z-index: -1
  }

  .powered-info {
    padding-left: 0;
    width: fit-content;
    margin-inline: auto;
    font-size: 13px;
    line-height: 15px
  }

  .powered-info img {
    width: 70px;
    transform: translateY(8px)
  }

  .header-nav {
    justify-content: center;
    border-bottom: none;
    margin-top: 1rem
  }

  .menu-btn.btn-container {
    margin-right: auto
  }
}

.menu {
  position: fixed;
  top: 68px;
  background-color: #fff;
  left: -500px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  width: 300px;
  z-index: 100;
  transition: left .5s
}

.menu.on {
  left: 0
}

.menu-nav-wrapper {
  padding: 30px 7px 30px 31px
}

.menu-nav-header {
  border-bottom: 2px solid #152046;
  padding-bottom: 10px;
  margin-bottom: 20px;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 10px)
}

.menu-nav-header .logo {
  width: 104px
}

.menu-close-btn {
  width: 20px;
  height: 20px;
  padding: 2px;
  transform: translateX(4px);
  cursor: pointer
}

.menu-close-btn>div {
  position: relative;
  width: 100%;
  height: 100%
}

.menu-close-btn .line {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  border-top: 2px solid #000;
  transform-origin: center;
  transform: rotate(45deg)
}

.menu-close-btn .line:last-of-type {
  transform: rotate(-45deg)
}

.menu-inner-wrapper {
  max-height: calc(100dvh - 68px - 60px - 56px);
  overflow-y: scroll;
  color: #152046
}

.app-search-btn,
.app-search-wrapper {
  display: none
}

.menu-navigation {
  padding-right: 10px
}

nav.menu-navigation .nav-item {
  padding: 5px 8px;
  font-size: 15px;
  line-height: 125%;
  width: fit-content
}

nav.menu-navigation .nav-item.category,
nav.menu-navigation .nav-item.nav-category {
  font-weight: 600
}

nav.menu-navigation .nav-item.highlighted {
  background-color: #f1f4ff;
  color: #0025a8
}

nav.menu-navigation .nav-item:hover {
  color: #0025a8
}

nav.menu-navigation .nav-list-item>div:only-child {}

nav.menu-navigation .nav-item-sublist {
  padding-left: 10px;
  margin-block: 5px 15px
}

nav.menu-navigation .nav-item.nav-subcategory {
  font-size: 14px;
  line-height: 120%;
  padding-block: 0
}

nav.menu-navigation .nav-item.nav-subcategory:not(:last-of-type) {
  margin-bottom: 8px
}

.menu-social p {
  margin-bottom: 20px
}

.menu-social li {
  width: 16px;
  height: 16px;
  margin-right: 25px
}

.menu-buttons {
  margin-block: 40px
}

.menu-buttons>.btn {
  border: 1px solid #001356;
  margin-inline: 0
}

.menu-buttons>.btn:not(:last-of-type) {
  margin-bottom: 18px
}

@media screen and (max-width:820px) {
  .menu {
    width: 100%;
    height: 100%;
    top: 0;
    left: -320vw
  }

  .nav-item-sublist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 600px
  }

  .nav-item.nav-subcategory {
    width: 33% !important
  }

  .menu-nav-wrapper {
    max-width: 600px
  }

  .menu-inner-wrapper {
    max-height: calc(100dvh - 68px);
    padding-bottom: 2rem
  }
}

@media screen and (max-width:560px) {
  .nav-item.nav-subcategory {
    width: 50% !important
  }
}

.main-header.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #fff
}

.main-header.fixed .header-top-row {
  display: none
}

.main-header.fixed .header-nav .logo {
  width: 200px
}

.main-header.fixed .powered-info {
  padding-left: 93px
}

.main-header.fixed .powered-info img {
  width: 60px;
  transform: translateY(6px)
}

.main-header.fixed .menu {
  top: 0
}

.main-header.fixed .menu-inner-wrapper {
  max-height: calc(100dvh - 60px - 56px)
}

.search-fixed {
  position: fixed;
  top: -300px;
  left: 0;
  width: 100%;
  height: 170px;
  background-color: #152046;
  z-index: 200;
  padding-block: 50px;
  transition: top .3s
}

.search-fixed.on {
  top: 0
}

.search-fixed .logo {
  filter: brightness(0) invert(1)
}

.search-fixed-close {
  width: 60px;
  height: 60px;
  padding: 10px
}

.search-fixed-wrapper {
  align-items: center;
  justify-content: space-between
}

.search-fixed-wrapper .search-box {
  width: 80%;
  max-width: 1000px
}

.search-fixed-wrapper .search-box input {
  border: none;
  background-color: transparent;
  font-size: 2rem;
  color: #fff;
  width: 100%;
  padding-inline: 2rem;
  font-family: pfspekkvar-regular
}

.search-fixed-wrapper .search-box input::placeholder {
  font-size: 2rem;
  color: #fff;
  font-family: pfspekkvar-semibold
}

.search-fixed-close {
  cursor: pointer
}

.search-fixed-close>div {
  position: relative;
  width: 100%;
  height: 100%
}

.search-fixed-close .line {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  display: block;
  transform-origin: center;
  border-top: 2px solid #fff;
  border-radius: 5px
}

.search-fixed-close .line {
  transform: rotate(45deg)
}

.search-fixed-close .line:last-of-type {
  transform: rotate(-45deg)
}

@media screen and (max-width:1160px) {
  .search-fixed .logo {
    width: 150px
  }
}

@media screen and (max-width:920px) {
  .search-fixed {
    height: 160px
  }

  .search-fixed .logo {
    display: none
  }

  .search-fixed-wrapper .search-box input {
    padding-left: 0
  }
}

@media screen and (max-width:720px) {
  .search-fixed-wrapper .search-box {
    width: calc(100% - 60px)
  }

  .search-fixed-wrapper .search-box input {
    font-size: 1.5rem;
    padding-right: 1.5rem
  }

  .search-fixed-wrapper .search-box input::placeholder {
    font-size: 1.5rem
  }
}

@media screen and (max-width:580px) {
  .search-fixed-close {
    width: 40px;
    height: 40px;
    padding: 5px
  }

  .search-fixed-wrapper .search-box {
    width: calc(100% - 40px)
  }
}

@media screen and (max-width:480px) {
  .search-fixed-close {
    margin-right: -1rem
  }

  .search-fixed-wrapper .search-box {
    width: calc(100% - 40px + 1rem)
  }

  .search-fixed-wrapper .search-box input {
    padding-right: 1rem
  }
}

.weather-temprature {
  display: flex;
}

.weather-icon {
  width: 35px;
}

.main-header.fixed .powered-info {
  padding-left: 70px;
}

.main-header.fixed .powered-info img {
  width: 60px;
  transform: translateY(3px);
}

.main-header.fixed .header-nav .logo {
  width: 200px;
}

@import "fonts.css";:root {
    --colorBg: #fff;
    --colorSecBg: #ECEEF1;
    --colorBn: #F8F8F8;
    --wrapperWidth: 1515px;
    --wrapperWidthSm: 1276px;
    --wrapperWidthXs: 907px;
    --wrapperWidthLg: 1876px;
    --mobilePadding: 12px
}

body,div,h1,h2,h3,h4,h5,h6,p,ol,ul,blockquote,figure {
    margin: 0;
    padding: 0;
    font-weight: 400
}

body {
    position: relative;
    max-width: 2500px;
    margin: 0 auto;
    font-family: pfspekkvar-regular,sans-serif;
    -webkit-text-size-adjust: 100%
}

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

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

ul,ol {
    list-style: none
}

ul.flex>li:last-of-type {
    margin-right: 0!important
}

ul.flex.col>li:last-of-type {
    margin-bottom: 0!important
}

ul.flex.border>li {
    border-right: 1px solid #000
}

ul.flex.border>li:last-of-type {
    border-right: 0!important
}

ul.flex.col.border>li {
    border-bottom: 1px solid #000
}

ul.flex.col.border>li:last-of-type {
    border-bottom: 0!important
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none
}

address {
    font-style: normal
}

html {
    scroll-behavior: smooth;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*,*:before,*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

[style*="--aspect-ratio"]>:first-child {
    width: 100%
}

[style*="--aspect-ratio"]>img {
    height: auto
}

@supports(--custom: property) {
    [style*="--aspect-ratio"] {
        position:relative
    }

    [style*="--aspect-ratio"]::before {
        content: "";
        display: block;
        padding-bottom: calc(100%/(var(--aspect-ratio)))
    }

    [style*="--aspect-ratio"]>:first-child {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%
    }
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex.col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.clearfix::after {
    content: "";
    clear: both;
    display: table
}

.flex.centered {
    justify-content: center;
    align-items: center
}

.stop-scrolling {
    height: 100%;
    overflow: hidden
}

.img-center {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.scrollbar-hide {
    overflow-x: scroll;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch
}

.scrollbar-hide::-webkit-scrollbar {
    display: none
}

@media screen and (max-width: 880px) {
    .ms-scroll-hide {
        overflow-x:scroll;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        -ms-overflow-style: none;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch
    }

    .ms-scroll-hide::-webkit-scrollbar {
        display: none
    }
}

@media screen and (max-width: 750px) {
    .tab-scroll-hide {
        overflow-x:scroll;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        -ms-overflow-style: none;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch
    }

    .tab-scroll-hide::-webkit-scrollbar {
        display: none
    }
}

.scrollbar-hide>div {
    scroll-snap-align: start;
    scroll-margin-inline: var(--mobilePadding)
}

.pntr {
    cursor: pointer
}

.bold {
    font-family: pfspekkvar-bold
}

.light {
    font-family: pfspekkvar-regular
}

.tab-show {
    display: none
}

@media screen and (max-width: 920px) {
    .tab-show {
        display:block
    }
}

.wrapper {
    max-width: var(--wrapperWidth);
    padding-inline:2rem;margin-inline:auto}

.wrapper.sm {
    max-width: var(--wrapperWidthSm)
}

.wrapper.xs {
    max-width: var(--wrapperWidthXs)
}

.wrapper.lg {
    max-width: var(--wrapperWidthLg)
}

.wrapper.pr-0 {
    padding-right: 0
}

@media screen and (max-width: 1200px) {
    .wrapper {
        padding-inline:2rem
    }
}

@media screen and (max-width: 1020px) {
    .wrapper.tab-0 {
        padding-inline:0
    }

    .wrapper.tab-pr-0 {
        padding-right: 0
    }
}

@media screen and (max-width: 820px) {
    .wrapper {
        padding-inline:var(--mobilePadding)
    }

    .wrapper.tab-0 {
        padding-inline:0}
}

.grid {
    --gridGap: 25px;
    --columnWidth: calc(((100% - (var(--columns) - 1) * (var(--gridGap))) / var(--columns) ));
    display: grid;
    grid-template-columns: repeat(var(--columns),var(--columnWidth));
    column-gap: var(--gridGap)
}

.grid.align-center {
    align-items: center
}

.subgrid {
    grid-column: span var(--columns);
    align-self: start
}

.grid>.full-row-card,.subgrid .section-header,.grid-more {
    grid-column: 1/-1;
    font-family: pfspekkvar-bold;
    color: #1c2d69
}

.grid-more-link {
    width: fit-content;
    margin-inline:auto;text-transform: uppercase;
    font-size: 14px;
    line-height: 120%;
    border-bottom: 1px solid #2545b0
}

.grid-more-link.left {
    margin-inline:0}

.subgrid .grid-more-link {
    margin-top: 30px
}

.grid-more-link.btn.sm {
    font-size: 15px;
    line-height: 125%
}

@media screen and (max-width: 1180px) {
    .grid.md-3 {
        --columns: 3!important
    }
}

@media screen and (max-width: 1250px) {
    .md-grid-2-3 {
        --cardWidth: calc((100% - 2 * var(--gridGap)) / 3);
        grid-template-columns: var(--cardWidth) 1fr 1fr var(--cardWidth)
    }

    .md-grid-2-3>div:nth-of-type(1) {
        grid-column: 1/3
    }

    .md-grid-2-3>div:nth-of-type(2) {
        grid-column: 3/-1
    }

    .md-grid-2-3>div:nth-of-type(3) {
        grid-column: 1/2
    }

    .md-grid-2-3>div:nth-of-type(4) {
        grid-column: 2/4
    }

    .md-grid-2-3>div:nth-of-type(5) {
        grid-column: 4/-1
    }

    .grid.md-2 {
        --columns: 2!important
    }
}

@media screen and (max-width: 1020px) {
    .grid {
        --columns: 2!important
    }

    .grid.tab-5 {
        --columns: 5!important
    }

    .grid.tab-4 {
        --columns: 4!important
    }

    .grid.tab-3 {
        --columns: 3!important
    }

    .grid.tab-2 {
        --columns: 2!important
    }

    .tab-grid-2-3 {
        --cardWidth: calc((100% - 2 * var(--gridGap)) / 3);
        grid-template-columns: var(--cardWidth) 1fr 1fr var(--cardWidth)
    }

    .tab-grid-2-3>div:nth-of-type(1) {
        grid-column: 1/3
    }

    .tab-grid-2-3>div:nth-of-type(2) {
        grid-column: 3/-1
    }

    .tab-grid-2-3>div:nth-of-type(3) {
        grid-column: 1/2
    }

    .tab-grid-2-3>div:nth-of-type(4) {
        grid-column: 2/4
    }

    .tab-grid-2-3>div:nth-of-type(5) {
        grid-column: 4/-1
    }
}

@media screen and (max-width: 520px) {
    .grid,.grid.mob-1 {
        --columns: 1!important
    }

    .grid.mob-2 {
        --columns: 2!important
    }

    .tab-grid-2-3 {
        display: block
    }
}

.insider-type-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
    place-items: flex-start
}

.insider-type-grid .insider-type-major {
    grid-column: 1/2;
    grid-row: 1/2;
    margin-bottom: 40px;
    width: 100%
}

.insider-type-grid .insider-type-secondary {
    grid-column: 1/2;
    grid-row: 2/3;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.insider-type-grid .insider-type-right {
    grid-column: 2/3;
    grid-row: 1/3
}

.insider-type-grid .insider-type-secondary .card-wrapper {
    width: calc((100% - 35px)/2);
    flex-grow: 0
}

.insider-type-grid .insider-type-secondary .card-wrapper:nth-last-of-type(n+2) {
    margin-bottom: 37px
}

@media screen and (max-width: 1240px) {
    .insider-type-grid .insider-type-major {
        grid-column:1/-1
    }

    .insider-type-grid .insider-type-right {
        grid-row: 2/3
    }

    .insider-type-grid .insider-type-secondary {
        display: block
    }

    .insider-type-grid .insider-type-secondary .card-wrapper {
        margin-bottom: 37px;
        width: 100%
    }
}

@media screen and (max-width: 880px) {
    .insider-type-grid {
        display:block
    }

    .insider-type-grid .insider-type-right {
        display: flex;
        width: 100%;
        margin-inline:0}
}

@media screen and (max-width: 820px) {
    .insider-type-major {
        width:calc(100% + 2 * var(--mobilePadding))!important;
        margin-left: calc(-1 * var(--mobilePadding))
    }
}

@media screen and (max-width: 680px) {
    .insider-type-major .card {
        flex-direction:column
    }

    .insider-type-major .card>div {
        width: 100%!important
    }

    .insider-type-major .card .card-info {
        padding-inline:0!important;margin-bottom: 20px
    }
}

@media screen and (max-width: 620px) {
    .insider-type-grid .insider-type-right {
        display:block
    }

    .insider-type-secondary .card .card-image,.insider-type-right .card .card-image {
        --aspect-ratio: 1.23!important;
        flex: 0 0 115px
    }

    .insider-type-secondary .card .card-info,.insider-type-right .card .card-info {
        padding-left: 10px!important
    }

    .insider-type-grid .insider-type-right .card-wrapper,.insider-type-grid .insider-type-secondary .card-wrapper,.insider-type-grid .insider-type-secondary .card-wrapper:nth-last-of-type(n+2) {
        margin-bottom: 22px
    }
}

.right-fixed-col {
    width: 348px;
    flex-shrink: 0
}

.col-35 {
    flex: 0 0 35%
}

.full-column {
    background-color: #eeefef;
    padding: 15px 14px
}

@media screen and (max-width: 880px) {
    .right-fixed-col {
        width:300px;
        margin-inline:auto}
}

@media screen and (max-width: 620px) {
    .right-fixed-col {
        margin-inline:auto
    }
}

.section {
    margin-bottom: 50px
}

.section.mg-lg {
    margin-bottom: 80px
}

.section.mg-md {
    margin-bottom: 60px
}

.section.mg-sm {
    margin-bottom: 40px
}

@media screen and (max-width: 620px) {
    .section,.section.mg-lg,.section.mg-md {
        margin-bottom:40px
    }
}

.card {
    --cardBorder: #BBCEEA
}

.card.row {
    display: flex
}

.card.row.blogger {
    align-items: center
}

.card.row>.card-image {
    width: 47%
}

.card.row>.card-info {
    width: 50%;
    flex-grow: 1
}

.card.row.blogger>div,.card.cover {
    display: grid
}

.card.cover>div {
    grid-column: 1/-1;
    grid-row: 1/-1
}

.full-row-card {
    background-color: #eeefef;
    padding: 13px 14px 13px 40px
}

@media screen and (max-width: 1150px) {
    .card.md-row {
        display:flex
    }

    .card.md-bl {
        display: block
    }

    .card.md-bl .card-image {
        width: 100%
    }

    .card.md-bl .card-info {
        width: 100%
    }
}

@media screen and (max-width: 920px) {
    .card.tab-row {
        display:flex
    }

    .card.tab-bl {
        display: block
    }

    .card.tab-bl .card-image {
        width: 100%
    }

    .card.tab-bl .card-info {
        width: 100%
    }
}

@media screen and (max-width: 820px) {
    .full-row-card {
        padding-inline:var(--mobilePadding)
    }
}

@media screen and (max-width: 880px) {
    .card.sm-bl {
        display:block
    }

    .card.sm-bl .card-image {
        width: 100%!important
    }

    .card.sm-bl .card-info {
        width: 100%
    }
}

@media screen and (max-width: 750px) {
    .card.t-sm-bl {
        display:block
    }

    .card.t-sm-bl .card-image {
        width: 100%
    }

    .card.t-sm-bl .card-info {
        width: 100%
    }
}

@media screen and (max-width: 640px) {
    .card.sm-row {
        display:flex
    }
}

@media screen and (max-width: 520px) {
    .card.mob-row {
        display:flex
    }
}

.card-image {
    margin-bottom: 10px;
    position: relative
}

.card.row .card-image {
    margin-bottom: 0;
    flex-grow: 0;
    height: fit-content
}

.card.row.img-r .card-image {
    order: 2
}

.card.row.img-sm .card-image {
    width: 86px
}

.card.row.img-md .card-image {
    width: 43%
}

.card.row.img-lg .card-image {
    width: 49%
}

.card.row.img-50 .card-image {
    width: 50%
}

.card.row.img-30 .card-image {
    width: 35%;
    max-width: 300px
}

.card.row.blogger .card-image {
    width: 73px;
    flex-grow: 0
}

.card.row.blogger .card-sec-image {
    width: 140px;
    margin-left: 15px;
    flex-grow: 0
}

.card.cover .card-image {
    z-index: -1;
    margin-bottom: 0
}

.card-image .play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    width: 33px;
    aspect-ratio: 1
}

.zebra-image>div:nth-of-type(even) .card-image {
    display: none
}

.card-image.m-xs {
    margin-bottom: 8px
}

.card-image.m-sm {
    margin-bottom: 9px
}

.card-image.m-md {
    margin-bottom: 12px
}

.card-image.mg-lg,.card-image.m-lg {
    margin-bottom: 16px
}

@media screen and (max-width: 920px) {
    .card.md-row .card-image {
        flex:0 0 30%;
        margin-bottom: 0;
        height: 100%
    }

    .card.tb-bl .card-image {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 1150px) {
    .card.md-bl .card-image {
        margin-bottom:10px
    }
}

@media screen and (max-width: 980px) {
    .card.row.blogger .card-image {
        width:64px
    }
}

@media screen and (max-width: 920px) {
    .card.tab-row .card-image {
        flex:0 0 30%;
        margin-bottom: 0;
        height: 100%
    }

    .card.tab-bl .card-image {
        margin-bottom: 10px
    }

    .card-image.m-lg {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 750px) {
    .card.t-sm-bl .card-image {
        margin-bottom:10px
    }
}

@media screen and (max-width: 640px) {
    .card.sm-row .card-image {
        flex:0 0 115px;
        --aspect-ratio: 1.28!important;
        margin-bottom: 0;
        height: 100%
    }
}

@media screen and (max-width: 520px) {
    .card.mob-row .card-image {
        flex:0 0 115px;
        --aspect-ratio: 1.28!important;
        margin-bottom: 0;
        height: 100%
    }
}

.card-info {
    display: flex;
    flex-direction: column
}

.card.row .card-info {
    padding-left: 12px
}

.card.row.pd-md .card-info {
    padding-left: 25px
}

.zebra-image>div:nth-of-type(even) .card-info,.card.row .card-info:only-child {
    padding-left: 0!important
}

.card.row.img-r .card-info {
    padding-inline:0 1rem}

.card.row.img-r.pd-lg .card-info {
    padding-right: 34px
}

.card.cover .card-info {
    display: flex
}

.card.cover.center .card-info {
    align-items: center;
    justify-content: center
}

.card.cover.bottom .card-info {
    justify-content: flex-end
}

.card-info.pd {
    padding-inline:1rem}

.card-info.pd-sm {
    padding-inline:5px}

.full-row-card .card-info {
    margin-top: 1rem
}

.card-info.mg-top-sm {
    margin-top: 2px
}

.card-info.mg-top {
    margin-top: 7px
}

.card.row .card-info.p-xs {
    padding-left: 8px
}

.card.row .card-info.p-sm {
    padding-left: 9px
}

.card.row .card-info.p-ms {
    padding-left: 10px
}

.card.row .card-info.p-lg {
    padding-left: 15px
}

.card.row .card-info.p-xl {
    padding-left: 23px
}

@media screen and (max-width: 1150px) {
    .card.md-row .card-info.pd,.card.md-row .card-info {
        padding-left:12px
    }

    .card.md-bl .card-info {
        padding-left: 0!important
    }
}

@media screen and (max-width: 920px) {
    .card.tab-row .card-info.pd,.card.tab-row .card-info {
        padding-left:12px
    }

    .card.tab-bl .card-info.pd,.card.tab-bl .card-info {
        padding-left: 0!important
    }
}

@media screen and (max-width: 750px) {
    .card.t-sm-bl .card-info {
        padding-left:0!important
    }
}

@media screen and (max-width: 680px) {
    .card-info.pd,.card-info.pd-sm {
        padding-inline:0
    }

    .card.row .card-info.p-lg {
        padding-left: 12px
    }
}

@media screen and (max-width: 640px) {
    .card.sm-row .card-info.pd,.card.sm-row .card-info {
        padding-left:12px!important
    }

    .card-info.mg-top {
        margin-top: 0
    }
}

@media screen and (max-width: 520px) {
    .card.sm-row .card-info.pd,.card.sm-row .card-info {
        padding-left:10px!important
    }

    .card.row .card-info.p-lg,.card.sm-row .card-info.pd,.card.sm-row .card-info,.card.mob-row .card-info.pd,.card.mob-row .card-info,.card.row .card-info {
        padding-left: 10px
    }

    .card.mob-row .card-info.m-p-lg,.card.mob-row .card-info.pd.m-p-lg,.card.row .card-info.pd.m-p-lg,.card.row .card-info.m-p-lg {
        padding-left: 12px
    }
}

.card .category {
    --categoryColor: #253775;
    --categoryBorder: #92A1D4;
    order: -1;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 120%;
    width: fit-content;
    color: var(--categoryColor);
    border-bottom: 2px solid var(--categoryBorder);
    font-family: pfspekkvar-bold
}

.card .category.txt-sm {
    font-size: 12px
}

:is(.no-border-both,.no-border-cat) .category {
    border-bottom: none
}

@media screen and (max-width: 620px) {
    .card .category {
        font-size:12px
    }
}

.card .title {
    --titleColor: #152046;
    font-size: 20px;
    line-height: 115%;
    letter-spacing: -.1px;
    border-bottom: 2px solid var(--cardBorder);
    color: var(--titleColor);
    font-family: pfspekkvar-bold
}

:is(.no-border-both,.no-border-title) .title {
    border-bottom: none
}

.card .title:only-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.card .title.btm-0 {
    margin-bottom: 0;
    padding-bottom: 0
}

.card .title.txt-xxs {
    font-size: 14px
}

.card .title.txt-xs {
    font-size: 15px
}

.card .title.txt-sm {
    font-size: 16px
}

.card .title.txt-ms {
    font-size: 18px
}

.card .title.txt-md {
    font-size: 22px
}

.card .title.txt-lg {
    font-size: 28px
}

.card .title.txt-xlg {
    font-size: 30px
}

.card .title.txt-extra {
    font-size: 34px
}

.card .title.ln-0 {
    line-height: 100%
}

.card .title.ln-10 {
    line-height: 110%
}

.card .title.ln-20 {
    line-height: 120%
}

.card .title.lsp-2 {
    letter-spacing: -.02em
}

.card .author {
    font-size: 12px;
    line-height: 100%;
    color: #152046;
    font-family: pf regal text pro
}

.card .author.lg {
    font-size: 14px
}

.card.blogger .author {
    color: #4862b9
}

@media screen and (max-width: 980px) {
    .card .title.txt-tab,.card .title {
        font-size:18px
    }

    .card .title.txt-lg,.card .title.txt-xlg,.card .title.txt-extra {
        font-size: 24px
    }
}

@media screen and (max-width: 680px) {
    .card .title,.card .title.txt-mob {
        font-size:16px
    }

    .card .title.txt-mob-sm {
        font-size: 14px
    }

    .card .title.txt-mob-md,.card .title.txt-lg,.card .title.txt-xlg,.card .title.txt-extra {
        font-size: 20px
    }
}

@media screen and (max-width: 680px) {
    .show-author .author {
        display:none
    }
}

.card .lead {
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -.02em
}

.card .lead.ln-lg {
    line-height: 150%
}

.card .lead.ln-sm {
    line-height: 115%
}

.card-details+.lead {
    margin-top: 8px
}

.card .lead>p:not(:last-of-type) {
    margin-bottom: .5rem
}

.card-details {
    justify-content: space-between;
    align-items: center
}

.card-details.right {
    justify-content: flex-end
}

.card-details.border {
    border-bottom: 2px solid #d8e3f3
}

.card-details.top {
    order: -1;
    justify-content: flex-start
}

.card-details.last {
    order: 10;
    border-top: 1px solid #4862b9;
    margin-top: 10px;
    padding-top: 10px
}

.card-details>.category {
    margin-bottom: 0;
    margin-right: 25px
}

@media screen and (max-width: 520px) {
    .card-details.mob-right {
        justify-content:flex-end
    }

    .card-details.mob-left {
        justify-content: flex-start
    }
}

.show-author .time {
    display: none
}

.card-info .time {
    font-size: 12px;
    line-height: 125%
}

.card-info .time::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #000;
    display: inline-block;
    margin-right: 6px
}

.card-info .time.dot::before {
    background-color: #000
}

@media screen and (max-width: 680px) {
    .show-author .time {
        display:block
    }
}

.card-container.scroll {
    max-height: 320px;
    overflow-y: auto;
    padding-right: 20px
}

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block:0;margin-bottom: 26px;
    position: relative;
    --txtColor: #303546
}

.section-header.logo {
    margin-bottom: 32px;
    padding-block:0}

.section-header::before {
    content: "";
    position: absolute;
    --headerBorder: #D8E3F3;
    width: 100%;
    border-top: 7px solid var(--headerBorder);
    left: 0;
    bottom: 4px
}

.section-header h2 {
    font-size: 22px;
    line-height: 110%;
    width: fit-content;
    margin-inline:auto;background-color: #fff;
    padding-inline:20px;position: relative;
    z-index: 2;
    color: var(--txtColor);
    font-family: pf regal text pro
}

.section-header.sm {
    margin-top: 6px
}

.section-header.sm h2 {
    font-size: 16px
}

.section-header.lg h2 {
    font-size: 40px
}

.section-header h2 img {
    display: inline-block;
    margin-right: 10px
}

.section-header.img-right h2 img {
    margin-inline:10px 0}

.section-header.img-txt h2 {
    display: flex;
    align-items: center
}

.section-header.multi-line {
    flex-wrap: wrap;
    border-bottom: none;
    justify-content: space-between;
    align-items: center
}

.section-header.multi-line>div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.section-header.multi-line>.top-row {
    margin-bottom: .5rem
}

.section-header.multi-line>.top-row.border {
    border-bottom: 1px solid #fff
}

.section-header-logo {
    width: fit-content;
    margin-inline:auto;background-color: #fff;
    padding-inline:20px;position: relative;
    z-index: 2;
    transform: translateY(4px)
}

.section-header .sponsor {
    position: relative;
    z-index: 2;
    padding-left: 20px;
    bottom: 4px
}

.section-header.solid {
    background-color: #152046;
    align-items: center;
    justify-content: space-between;
    padding: 5px 11px;
    color: #fff
}

.section-header.solid.center {
    display: grid;
    grid-template-columns: repeat(3,1fr)
}

.section-header.solid .section-header-logo {
    transform: translateY(0);
    display: flex;
    align-items: center;
    background-color: transparent;
    margin-inline:0;padding-inline:0}

.section-header.solid.center .section-header-logo {
    grid-column: 2/3;
    margin-inline:auto}

.section-header.solid .third-col,.section-header.solid .section-header-link {
    grid-column: 3/4;
    text-align: right;
    font-size: 1rem;
    line-height: 110%;
    letter-spacing: -.01em;
    text-transform: uppercase
}

.section-header.solid .logo-img {
    align-items: center
}

.section-header.solid .logo-img:not(:last-of-type) {
    margin-right: 9px
}

.section-header.solid .logo-img span {
    display: block;
    margin-right: 9px
}

.section-header.solid .third-col {
    margin-left: auto
}

.section-header.solid::before {
    display: none
}

.subgrid>div {
    align-self: start
}

.subgrid .section-header {
    position: relative;
    margin-bottom: 40px
}

.subgrid .section-header::before {
    top: 0
}

.subgrid .section-header-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

@media screen and (max-width: 1390px) {
    .section-header.solid.center {
        display:flex;
        justify-content: space-between
    }

    .section-header.solid.center .section-header-logo {
        margin-inline:0}
}

@media screen and (max-width: 780px) {
    .section-header.solid {
        width:calc(100% + 2 * var(--mobilePadding));
        margin-left: calc(-1 * var(--mobilePadding));
        padding-inline:var(--mobilePadding)}
}

@media screen and (max-width: 680px) {
    .section-header .sponsor {
        display:none
    }

    .section-header .third-col {
        display: none
    }
}

@media screen and (max-width: 620px) {
    .section-header {
        margin-bottom:20px
    }

    .section-header h2 {
        font-size: 20px;
        padding-inline:10px}

    .section-header::before {
        width: calc(100% + 2 * var(--mobilePadding));
        left: calc(-1 * var(--mobilePadding))
    }

    .section-header-logo {
        padding-inline:10px}

    .section-header.mob-multi {
        text-align: center
    }

    .section-header.mob-multi h2 span {
        display: block
    }
}

@media screen and (max-width: 520px) {
    .section-header-logo img {
        max-width:180px
    }

    .section-header.solid .logo-img img {
        max-width: 100px
    }

    .section-header.solid .third-col,.section-header.solid .section-header-link {
        font-size: .75rem
    }
}

.social ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.social li {
    width: 19px;
    height: 16px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 25px
}

.social1 li {
    width: 28px;
    height: 25px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 50px;
}

.social.border li {
    border: 1px solid #000
}

.social.border.rnd li {
    border-radius: 50%
}

.social.white li {
    filter: invert(1)
}

.social.round li {
    background-color: #fff;
    border-radius: 50%
}

.social ul li:last-of-type {
    margin-right: 0
}

.social ul li.pin {
    background-image: url("")
}





.social ul li.tt {
    background-image: url("")
}

.social ul li.sf {
    background-image: url("")
}

.social ul li.ml {
    background-image: url("")
}

.social ul li.fb-msg {
    background-image: url("")
}

.social ul li.ap {
    background-image: url("")
}

.social ul li.rss {
    background-image: url("")
}

.social ul li.wup {
    background-image: url("");
    background-size: contain;
    background-color: transparent;
    border-radius: 0
}

.social ul li.lg {
    width: 2.25rem;
    height: 1.85rem;
    margin-right: 3rem
}

.social ul li>a {
    width: 100%;
    height: 100%;
    display: inline-block
}

.social.md ul li {
    width: 36px;
    height: 36px;
    margin-right: 32px
}

.social.md ul li.fb {
    background-image: url("");
    background-size: 10px 20px
}

.social.md ul li.tw {
    background-image: url("");
    background-size: 19px 15px
}

.darkmode .social ul li {
    filter: invert(1)
}

.search-header-wrapper {
    position: relative
}

.search-icon {
    width: 1rem;
    height: 1rem;
    background-image: url("../images/search.svg");
    background-size: 50%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

.search-icon.white {
    filter: invert(1)
}

.search-inner-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    width: 0;
    position: absolute;
    background-color: #000;
    transition: width .3s
}

.search-form {
    width: 200px;
    display: flex;
    align-items: center
}

.search-inner-wrapper.on {
    width: 200px
}

.search-form input {
    background: 0 0;
    color: #fff
}

.search-close.btn-container {
    width: 25px;
    height: 25px
}

.search-close .line {
    transform-origin: center;
    top: 50%!important
}

.search-close .line:first-of-type {
    transform: rotate(-45deg)
}

.search-close .line:last-of-type {
    transform: rotate(45deg)
}

.fixed-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding-block:1rem;background-color: var(--colorBg);
    z-index: 100
}

.btn-container {
    width: 38px;
    height: 38px;
    padding: .5rem
}

.btn-container>div {
    height: 100%;
    width: 100%;
    position: relative;
    cursor: pointer
}

.btn-container .line {
    width: 22px;
    border-top: 2px solid #001356;
    position: absolute;
    left: 0;
    top: 50%
}

.btn-container .line:first-of-type {
    top: 25%
}

.btn-container .line:last-of-type {
    top: 75%
}

.btn-container .line:first-of-type,.btn-container .line:last-of-type {
    width: 18px;
    left: 2px
}

.btn1 {
    border-radius: 110px;
    padding: 10px 20px;
    background-color: #fff;
    color: #253775;
    font-size: 15px;
/*    line-height: 25px;*/
    width: fit-content;
    cursor: pointer
}

.btn .flex {
    align-items: center
}

.btn span {
    display: block
}

.btn-icon {
    margin-right: .5rem
}

.btn-icon.right {
    margin-left: .5rem;
    margin-right: 0
}

.top-bnr-section {
    background: #f8f8f8;
    justify-content: center;
    padding: 15px;
    margin-bottom: 35px
}

.extra-content-box {
    width: 300px;
    height: 250px;
    background-color: #dde3e5;
    position: sticky;
    top: 6rem;
    margin-inline:auto}

.left-align .extra-content-box {
    margin-inline:0}

.extra-content-box.wide {
    width: 728px
}

.extra-content-box.tall {
    height: 600px
}

.extra-content-box.sm {
    height: 90px
}

.top-bnr-section .extra-content-box {
    margin-inline:0;position: relative;
    top: 0
}

.top-bnr-section>div {
    flex-shrink: 0
}

.top-bnr-section>div:first-of-type {
    margin-right: 70px
}

.top-inside-bnr {
    width: 347px;
    height: 50px;
    background-color: #1c2d69;
    margin-bottom: 15px
}

.mob-extra {
    display: none
}

@media screen and (max-width: 1240px) {
    .top-bnr-section>div:first-of-type {
        margin-right:2rem
    }
}

@media screen and (max-width: 1150px) {
    .top-bnr-section {
        flex-direction:column;
        align-items: center
    }

    .top-bnr-section>div:first-of-type {
        margin-right: 0;
        margin-bottom: 2rem
    }
}

@media screen and (max-width: 980px) {
    .top-inside-bnr {
        width:300px
    }
}

@media screen and (max-width: 800px) {
    .extra-content-box.wide {
        display:none
    }
}

@media screen and (max-width: 740px) {
    .top-bnr-section {
        display:none
    }

    .mob-extra {
        display: block
    }
}

@media screen and (max-width: 326px) {
    .extra-content-box {
        max-width:300px;
        width: 100%
    }
}
/*
::-webkit-scrollbar {
    width: 8px
}

::-webkit-scrollbar-track {
    background: #fff
}

::-webkit-scrollbar-thumb {
    background: #777c8c;
    border-radius: 4px
}

::-webkit-scrollbar-thumb:hover {
    background: #444
}*/

.in-app {
    display: none
}


.main-footer-top {
    background-color: #efefef;
    padding-block:42px 54px;margin-bottom: 6px
}

.newsletter-row {
    margin-bottom: 42px
}

.newsletter.btn1 {
    margin-inline:auto}

.one-third {
    width: 33.33%!important;
    width: calc(100%/3)!important
}

.main-footer .websites-list {
    border-top: 6px solid #fff;
    border-bottom: 6px solid #fff;
    padding-block:42px;justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.main-footer .website-logos {
    width: 276px;
    padding-inline:1rem;margin-bottom: 6px
}

.main-footer .website-logos img {
    margin-inline:auto}

.social-app-row {
    align-items: center;
    font-size: 1rem
}

.social-app-row>div {
    width: calc((100% - 160px)/2);
    text-align: center
}

.social-app-row .brand-logo {
    width: 120px;
    border-radius: 8px;
    overflow: hidden
}

.footer-social-wrapper {
    max-width: 335px;
    margin-inline:auto}

.footer-social-wrapper .social-header {
    margin-bottom: 24px;
    line-height: 19.2px
}

.footer-app-wrapper {
    max-width: 365px;
    margin-inline:auto}

.footer-app-wrapper .footer__app-heading {
    font-size: 26px;
    line-height: 22.1px;
    margin-bottom: 8px
}

.footer-app .app-logos {
    justify-content: space-around;
    max-width: 330px;
    margin-inline:auto;margin-top: 20px
}

@media screen and (max-width: 980px) {
    .main-footer .website-logos {
        width:180px
    }
}

@media screen and (max-width: 920px) {
    .social-app-row {
        display:block
    }

    .social-app-row .brand-logo,.social-app-row>div {
        width: 100%
    }

    .social-app-row .brand-logo>img {
        margin-inline:auto}
}

@media screen and (max-width: 680px) {
    .main-footer-top {
        padding-block:47px 32px
    }

    .newsletter-row {
        margin-bottom: 30px
    }

    .main-footer .websites-list {
        display: none
    }

    .footer-social-wrapper {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 480px) {
    .footer-social-wrapper {
        max-width:247px
    }

    .footer-social-wrapper .social li {
        margin-right: 26px
    }

    .footer-app-wrapper .footer__app-heading {
        margin-bottom: 0
    }

    .footer-app-wrapper p {
        display: none
    }

    .footer-app .app-logos {
        flex-direction: column
    }

    .footer-app .app-logos>.app-logo:first-of-type {
        margin-bottom: 16px
    }
}

.main-footer-bottom {
    background-color: #f6f6f6;
    padding-block:32px 42px;font-size: 14px;
    line-height: 17.5px
}

.footer-nav-header {
    margin-inline:auto;width: fit-content;
    position: relative;
    transform: translateY(4px)
}

.footer-nav-header::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 8px;
    background-color: #f6f6f6;
    bottom: -2px;
    z-index: -1
}

.footer-nav-header::after {
    left: 0
}

.footer-nav {
    justify-content: space-between;
    font-size: 14px;
    line-height: 23.8px;
    margin-bottom: 20px;
    padding-top: 30px;
    border-top: 4px solid #dce1e7
}

.footer-info .small-logo {
    margin-inline:auto;width: fit-content;
    margin-bottom: 24px
}

.footer-info-links-wrapper>* {
    margin-bottom: 10px
}

.footer-info-links li {
    padding-inline:1ch}

.footer-info .developer {
    font-size: 12px;
    line-height: 13.8px;
    font-weight: 600;
    align-items: center
}

@media screen and (max-width: 920px) {
    .footer-nav-header,.footer-nav {
        display:none
    }
}

@media screen and (max-width: 580px) {
    .footer-info-links {
        flex-wrap:wrap;
        justify-content: center
    }

    .footer-info-links>li {
        margin-bottom: 8px
    }
}

figure.wp-block-video video {
  max-width: 100% !important
}

@media print {
  .header-top-row {
    display: none
  }

  .header-navigation,
  .menu-btn.btn-container,
  .header-search-btn,
  .right-column,
  .left-column,
  .article-comments,
  .single.home-part,
  .section.most-read-single,
  .section.popular-home,
  .main-footer,
  .in-app,
  .pull-to-refresh,
  #cookiescript_badge,
  .lds-ring,
  .mid-banner,
  ._mid-banner,
  ._article-footer-extra,
  .menu,
  .search-fixed,
  .article-footer,
  .article-header-social.flex {
    display: none !important
  }

  .header-nav .logo,
  a.powered-info.flex {
    margin-inline: auto
  }

  .article-grid {
    display: block
  }

  .article-title {
    font-size: 38px;
    line-height: 100%
  }

  .article-image {
    --aspect-ratio: 2.5 !important
  }
}

@media screen and (max-width:640px) {
  [page=single-item] {
    overflow-x: hidden
  }
}

span.last-update {
  color: #c00
}

img.img-center.no-image {
  object-fit: contain;
  box-shadow: inset 0 0 20px 10px rgba(0, 0, 0, .6)
}

.card.row.blogger .card-image {
  border-radius: 50px;
  overflow: hidden
}

.single .article-body blockquote p {
  max-width: 450px;
  font-size: 24px;
  line-height: 115%;
  margin-left: 90px;
  position: relative;
  font-family: pfspekkvar-regular, sans-serif;
  width: 100%;
  margin-inline: 0
}

.single-agenda .prev-btn,
.single-agenda .next-btn {
  width: 26px;
  position: relative;
  height: 15px;
  z-index: 1;
  display: block
}

.header-search-wrapper.on {
  width: 300px;
  box-shadow: 1px 1px 8px 1px #152046;
  border-radius: 3px
}

.header-search-input {
  border: unset;
  border-bottom: 2px solid #152046;
  position: relative
}

.card-wrapper {
  position: relative
}

a.ab-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000
}

.category a,
.author a {
  z-index: 1001;
  position: relative;
  color: #000927;
  font-family: pfspekkvar-bold
}

.menu {
  z-index: 10000
}

.main-header.fixed {
  z-index: 10002
}

.card .category {
  border-bottom: unset
}

h4.category a:after {
  content: '';
  border-bottom: 2px solid var(--categoryBorder);
  width: 100%;
  display: block;
  transition: width .35s
}

h4.category a:hover:after {
  content: '';
  display: block;
  width: 100%
}

.grid-more-link a:hover {
  background-image: linear-gradient(transparent 0px, #2d2f75 0);
  color: #fff
}

.grid-more-link a {
  transition: all .35s
}

[page=archive] .sticky {
  position: sticky;
  top: 6rem
}

.extra-content-box.tall {
  min-height: 500px;
  height: auto
}

.extra-content-box.wide.sm {
  width: auto;
  height: auto;
  z-index: 1
}

.article-body {
  position: relative;
  z-index: 1
}

.single.para .article-header-social .social li {
  cursor: pointer
}

.article-grid .right-column {
  z-index: 1
}

.archive-subcat.subcategory .right-fixed-col .extra-content-box {
  position: relative;
  margin-bottom: 40px;
  top: auto
}

nav.menu-navigation .nav-item.nav-subcategory {
  font-size: 15px
}

.polla-box {
  height: 200px
}

.martiras-box {
  margin-bottom: 30px;
  background-image: url("polla-bgr.svg"), linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  background-blend-mode: overlay
}

.martiras-box::before {
  background-color: #000
}

.extra-content-box {
  width: 100%;
  max-width: 300px
}

@media screen and (min-width:768px) {
  section.section.mg-lg.blog-par .wrapper-inner.custom-bg {
    min-height: 250px
  }
}

.cat-section .card .category {
  display: none
}

.section-header.lg::before {
  bottom: 9px
}

section.section.business-home.mg-md.cat-section.videos-home.custom-section.custom-bg .author,
section.section.business-home.mg-md.cat-section.videos-home.custom-section.custom-bg .time {
  color: #fff
}

section.section.business-home.mg-md.cat-section.videos-home.custom-section.custom-bg .card-info .time::before {
  border: 1px solid #fff
}

.loadmore-btn {
  background-color: #efefef
}

.real-estate-home .card-info.m-p-lg p strong {
  --titleColor: #152046;
  font-size: 15px;
  line-height: 115%;
  letter-spacing: -.1px;
  color: var(--titleColor);
  font-family: pfspekkvar-bold
}

.real-estate-home .card-info.m-p-lg p {
  color: #152046;
  border-bottom: 2px solid var(--cardBorder);
  font-family: pfspekkvar-regular
}

.blogs-category .blogs-home {
  margin-right: 0
}

nav.menu-navigation .nav-item.nav-category {
  font-family: pfspekkvar-bold
}

.subcategory.archive-subcat.dark-room {
  background-color: #1a1e2d
}

.dark-room .card-details.border {
  border-bottom: 2px solid #363b4c
}

.dark-room .card .title {
  border-bottom: 2px solid #363b4c;
  color: #fff
}

.dark-room .card-info .time::before {
  content: "";
  border: 1px solid #fff
}

.dark-room .card .author,
.dark-room .card .time,
.dark-room .card .lead {
  color: #fff
}

.dark-room.subcategory .article-list-wrapper .card-container .category {
  margin-bottom: 12px;
  color: #92a1d4
}

.dark-room .insider-type-grid .insider-type-major {
  background: #363b4c
}

.dark-room .properties-week-home .section-header h2 {
  background-color: #303546;
  z-index: 2;
  color: #92a1d4
}

.dark-room .section-header h2 {
  background-color: #1a1e2d
}

.dark-room .properties-week-home .section-header::before {
  border: unset
}

.dark-room ::-webkit-scrollbar-track {
  background: #303546
}

.dark-room .section-header::before {
  content: "";
  border-top: 7px solid #303546
}

.dark-room .section-header {
  padding-top: 26px;
  position: relative
}

.btn.btn-light {
  background-color: #253775;
  color: #e3eaf4
}

.btn404 {
  text-align: center;
  padding: 18px
}

.broken-link form {
  padding-top: 20px
}

.broken-link form {
  width: 100%;
  background-color: #e3eaf4;
  border-radius: 110px;
  margin-top: 20px;
  padding: 10px 20px;
  position: relative
}

.broken-link form .searchBox {
  width: 95%;
  background-color: #e3eaf4;
  padding: 10px 20px;
  position: relative
}

.broken-link form button {
  position: absolute;
  width: 35px;
  height: 35px;
  background: 0 0;
  border: unset;
  right: 2px
}

.videos-home .card .category a {
  color: #777c8c
}

.footer-nav-col li {
  list-style-type: none
}

.main-footer .website-logos img {
  filter: grayscale(1);
  transition: filter .35s
}

.main-footer .website-logos:hover img {
  filter: grayscale(0)
}

.pod .card-image:after {
  content: '';
  position: absolute;
  width: 44px;
  height: 44px;
  bottom: 12px;
  right: 12px;
  background: url("");
  background-size: cover;
  background-repeat: no-repeat
}

.video .card-image:after {
  content: '';
  position: absolute;
  width: 34px;
  height: 34px;
  bottom: 12px;
  right: 12px;
  background: url("play.svg");
  background-size: cover;
  background-repeat: no-repeat
}

.videos-home .video .card-image:after {
  display: none
}

#scroll-to-top {
  display: none;
  position: fixed;
  bottom: 25px;
  right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #777c8c;
  color: #fff;
  text-align: center;
  transition: opacity .4s;
  z-index: 1000
}

.arrow-up {
  display: inline;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  transform: rotate(0deg)
}

@media screen and (max-width:640px) {
  #scroll-to-top {
    right: 10px
  }
}

figure.wp-block-embed.is-type-video.wp-embed-aspect-16-9.wp-has-aspect-ratio iframe {
  height: 100%
}

figure.wp-block-embed.is-type-video.wp-embed-aspect-16-9.wp-has-aspect-ratio .wp-block-embed__wrapper {
  position: relative;
  height: 100%
}

@media screen and (max-width:768px) {
  .article-footer {
    margin-top: 120px
  }
}

.banners-col-2 .extra-content-box.wide.sm {
  max-width: 728px;
  flex: 1 1 100%
}

.banners-col-2 .extra-content-box.sm {
  z-index: 100
}

@media screen and (max-width:1150px) {
  .banners-col-2 .extra-content-box.sm:nth-child(2) {
    display: none
  }
}

aside div.extra-content-box:first-child {
  margin-bottom: 1.25rem
}

.unstick {
  position: relative;
  height: unset;
  top: 0
}

@media screen and (max-width:920px) {
  .brand-logo.center-item {
    max-width: 150px;
    margin: 20px auto
  }
}

@media screen and (min-width:768px) {
  .mid-banner {
    margin-bottom: 1rem
  }

  .cls.mid-banner {
    position: relative;
    background-color: #e3eaf442;
    min-height: 250px;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
    margin-inline: auto
  }

  .mid-banner .sticky-banner {
    flex-grow: 1
  }

  .cls.mid-banner:before {
    content: 'Advertisement';
    font-size: 14px;
    margin: 2px auto;
    text-align: center;
    color: #888;
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50%
  }

  .article-body .mid-banner iframe {
    width: inherit
  }
}

@media screen and (min-width:820px) {
  .article-grid .right-column {
    min-height: 1320px
  }
}

.grid-more-link {
  font-family: pfspekkvar-bold;
  color: #1c2d69;
  padding-top: 10px
}

.blogs-home.custom-section .blogger .title {
  font-family: pf regal text pro
}

.subcategory.opinions-category.archive-subcat {
  margin-bottom: 40px
}

figcaption.pic-caption {
  position: relative;
  z-index: 1;
  background-color: #33333345;
  width: fit-content;
  padding: 4px 8px;
  color: #fff;
  font-size: 14px;
  border-top-right-radius: 5px
}

@media screen and (max-width:640px) {
  .grid-col.full-column .card-wrapper .card {
    display: flex
  }

  .grid-col.full-column .card-wrapper .card .card-image {
    width: 49%;
    --aspect-ratio: 1.28 !important;
    flex: 0 0 115px;
    height: 100%
  }

  .grid-col.full-column .card-wrapper .card .card-info {
    width: 50%;
    flex-grow: 1;
    padding-left: 10px
  }

  .grid-col.full-column .card-wrapper .card .card-info h3.title.txt-md.text-mob-md.ln-10 {
    font-size: 16px
  }
}

.powered-info {
  width: fit-content
}

main.subcategory.archive-subcat.dark-room .card .category {
  color: #92a1d4
}

.footer-info .developer a {
  justify-content: center;
  align-items: center
}

.article-comments {
  margin-inline: inherit
}

section.section.sports-home.mg-lg .section-header-logo img {}

@media screen and (max-width:520px) {
  section.section.sports-home.mg-lg .section-header-logo img {
    max-width: 210px
  }

  .section.local-row.mg-md .grid.md-2.mob-2 {
    --columns: 1 !important
  }

  .section.local-row .card .title {
    margin-bottom: 3px;
    padding-bottom: 0;
    border-bottom: none
  }

  .subcategory .article-list-wrapper .card-container .author {
    display: block
  }
}

@media screen and (max-width:680px) {
  .section-header .sponsor {
    display: block
  }

  .card .title.txt-xlg {
    font-size: 26px
  }
}

@media screen and (max-width:420px) {
  .polla-box h3.title.txt-ms.ln-10 {
    font-size: 18px
  }

  .polla-box .title span {
    display: block
  }

  .polla-box {
    height: 165px
  }
}

.properties-week-home .section-logo img {
  margin: auto
}

a.bloom.flex img {
  object-fit: contain;
  align-items: center
}

.filters-container .agenda-pagination {
  margin-bottom: 0;
  margin-left: auto
}

@media screen and (max-width:480px) {
  .agenda-cards-container .filters-container .agenda-pagination .agenda-btn {
    font-size: 14px;
    font-weight: 600
  }

  .filters-container .agenda-pagination {
    margin-left: 0;
    align-self: center
  }

  .agenda-btn {
    padding-inline: 1rem
  }
}

.subcategory.opinions-category.archive-subcat h4.author {
  display: none
}

.alta-footer {
  display: none;
  padding: 20px 0
}

@media screen and (max-width:640px) {
  .alta-footer {
    display: block
  }
}

.alta-footer .properties-week-home.subcategory-sec {
  display: block
}

.top-inside-bnr {
  width: 100%;
  height: auto;
  background-color: unset;
  margin-bottom: 15px
}

.msticky,
#div-gpt-phn-hmm-2,
#div-gpt-phn-hmm-1,
#div-gpt-phn-hmm-3,
#div-gpt-phn-hmm-4,
#div-gpt-phn-hmm-5,
#div-gpt-phn-hmm-6,
#div-gpt-phn-hmm-7,
#div-gpt-phn-inm11,
#div-gpt-phn-inm22,
#div-gpt-phn-inm33,
#div-gpt-phn-inm44,
#div-gpt-phn-archm-1,
#div-gpt-phn-archm-2,
#div-gpt-phn-archm-3,
#div-gpt-phn-archm-4 {
  position: sticky;
  top: 100px
}

.article-body a {
  word-break: break-word
}

.alert__container {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, .5);
  border-radius: 0 0 16px 16px;
  transition: opacity .3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0
}

.alert__container--show {
  z-index: 1001;
  opacity: 1
}

.alert__message {
  width: 600px;
  height: 300px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  background-color: #e8e8e8;
  box-shadow: 0 3px 6px #00000029;
  border-radius: 16px
}

@media screen and (max-width:1299px) {
  .alert__message {
    width: 350px;
    height: 350px
  }

  .alert--txt {
    font-size: 21px
  }
}

@media screen and (max-width:767px) {
  .alert__message {
    width: 300px;
    height: 300px
  }
}

@media screen and (max-width:365px) {
  .alert__message {
    width: 270px;
    height: 270px
  }

  .alert--txt {
    font-size: 20px
  }
}

.alert--txt {
  font-size: 22px;
  line-height: 27px;
  letter-spacing: 0;
  opacity: 1;
  color: #000;
  text-align: center;
  font-family: manrope, sans-serif;
  border-radius: 16px;
  padding: 10px
}

.verification__icon {
  width: 100px;
  height: 100px;
  margin-bottom: 5%
}

.card-container .card-wrapper.observable:last-of-type {
  margin-bottom: 40px
}

.happ__now {
  border-bottom: 1px solid #fff;
  opacity: 1;
  padding: 0 24px;
  background-color: #d10024;
  position: relative;
  z-index: 2;
  font-family: pfspekkvar-regular, sans-serif;
  margin: 30px 0
}

.happ__now .swiper-wrapper {
  align-items: stretch
}

.hn__timestamp-container {
  padding-right: 32px;
  margin-right: 32px;
  border-right: 1px solid rgba(255, 255, 255, .5);
  padding-left: 52px;
  display: flex;
  flex-direction: column;
  color: #fff;
  position: relative;
  flex: 0 0 auto
}

.hn__timestamp-container::before {
  content: url("");
  width: 40px;
  height: 40px;
  font-size: 40px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  opacity: .6;
  position: absolute;
  left: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.hn__timestamp-container h6 {
  margin: 0 0 8px;
  font-size: 1.0714285714rem;
  font-weight: 700;
  line-height: 1.0666666667;
  font-family: pfspekkvar-bold
}

.hn__timestamp-container time {
  font-size: .8571428571rem;
  font-weight: 500;
  line-height: 1
}

.happ__now .hn__title-container h2 {
  font-size: 2.5714285714rem;
  line-height: 1.1666666667;
  letter-spacing: -.5px;
  margin: 0;
  font-family: pfspekkvar-bold
}

.happ__now .hn__title-container a {
  color: #fff;
  transition: color 250ms ease-out
}

.happ__now .hn__slide {
  display: flex;
  align-items: center;
  margin: 18px 0;
  width: 100%;
  background-color: #d10024;
  height: auto
}

.hn__pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  transition: opacity .3s ease-in-out;
  opacity: .5;
  margin: 0 4px
}

.hn__pagination {
  position: relative;
  padding: 5px 0;
  -webkit-transform: none;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0
}

.hn__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1
}

@media(max-width:1279px) {
  .happ__now .hn__slide h2 {
    font-size: 2.2857142857rem
  }
}

@media(max-width:1023px) {
  .happ__now .hn__slide h2 {
    font-size: 1.7142857143rem
  }
}

@media(max-width:767px) {
  .happ__now {
    padding-inline: 16px
  }

  .happ__now .hn__slide {
    flex-direction: column;
    align-items: flex-start
  }

  .hn__timestamp-container {
    padding: 0 0 16px 52px;
    margin: 0 0 16px;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    width: 100%
  }

  .hn__timestamp-container::before {
    top: calc(50% - 8px)
  }

  .happ__now .hn__title-container h2 {
    font-size: 1.4285714286rem;
    font-weight: 500
  }
}

@media(max-width:639px) {
  time {
    margin-right: 7px
  }
}

body {
  overscroll-behavior-y: auto
}

.pull-to-refresh {
  position: fixed;
  top: -100px;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: top 1.2s ease-in-out;
  z-index: 99
}

.pull-to-refresh.visible {
  top: 50px
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 35px;
  height: 35px;
  margin: 8px auto;
  border: 4px solid #efefef;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
  border-color: #3c99ea transparent transparent transparent
}

.lds-ring div:nth-child(1) {
  animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
  animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
  animation-delay: -.15s
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

.eko__holder,
.eko__holder {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end
}

.eko__text,
.eko__text {
  margin-right: 10px;
  margin-bottom: 25px
}

.eko__img,
.eko__img {
  max-width: 100px;
  aspect-ratio: 9/10;
  margin-bottom: 0
}

.auto-home .section-header,
.auto-home .section-header {
  position: relative;
  margin-top: 0
}

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

  .auto-home .section-header,
  .auto-home .section-header {
    margin-top: 0
  }

  .eko__holder,
  .eko__holder {
    bottom: 20px;
    right: 35%;
    flex-flow: column
  }

  .eko__text,
  .eko__text {
    margin-bottom: 5px
  }

  .eko__img,
  .eko__img {
    margin-bottom: 16px
  }
}

[page=single-item] .eko__article_bottom {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  border-bottom: 2px solid #d8e3f3
}

[page=single-item] .eko__holder {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: -10px
}

[page=single-item] .eko__text {
  margin-right: 10px;
  margin-bottom: 25px
}

[page=single-item] .eko__img {
  max-width: 100px;
  aspect-ratio: 9/10;
  margin-bottom: 0;
  align-self: unset
}

[page=single-item] .auto-home .section-header {
  position: relative;
  margin-top: 0
}

@media screen and (max-width:620px) {
  [page=single-item] .eko__article_bottom {
    justify-content: center
  }

  [page=single-item] .eko__holder {
    flex-flow: column;
    justify-content: center;
    align-items: center
  }

  [page=single-item] .eko__text {
    margin-right: 0;
    margin-bottom: 10px;
    font-size: 18px
  }

  [page=single-item] .eko__img {
    align-self: center
  }
}

@media screen and (max-width:740px) {
  .mob-extra .extra-content-box #div-gpt-phn-hmm-1 {
    display: none
  }
}

.happ__now--nonapp {
  display: block
}

.happ__now.happ__now--app {
  display: none
}

.powered-info img {
  transform: translateY(5px)
}

.karriera-home .card-image img {
  object-fit: contain;
  object-position: top
}

.book-thumbnail img {
  height: 321px
}

.news-home .full-column .title {
  word-break: break-word
}

.notifications-filters-container {
  position: relative
}

.notification-filter-btn {
  background-color: #eeefef;
  padding-inline: 30px;
  margin-left: auto;
  margin-right: 1rem
}

.notification-filters {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  background-color: #fff;
  z-index: 9999;
  transition: max-height .3s;
  max-height: 0;
  overflow: hidden
}

.notification-filters-close-btn {
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 2rem;
  top: 3rem
}

.notification-filters-close-btn .line {
  width: 100%;
  position: absolute;
  display: block;
  border-top: 1px solid #152046;
  left: 0;
  top: 50%;
  transform-origin: center;
  transform: rotate(45deg)
}

.notification-filters-close-btn .line:last-of-type {
  transform: rotate(-45deg)
}

.notification-filters.on {
  max-height: 1000px
}

.notification-filters-inner {
  padding: 2rem;
  box-shadow: 2px 2px 3px #a1a1a1
}

.notification-filters-header {
  text-align: center;
  font-size: 30px;
  line-height: 38px;
  color: #253775;
  border-bottom: 1px solid #001356;
  padding-bottom: 4px;
  margin-bottom: 35px
}

.notification-filter-category {
  margin-bottom: 20px
}

.notification-filter-parameters {
  flex-wrap: wrap;
  margin-top: 18px
}

.notification-filter-item {
  flex-basis: 27%;
  height: 38px;
  margin-right: 1rem;
  position: relative;
  margin-bottom: 4px
}

.notification-filter-item input {
  width: 100%;
  height: 38px;
  margin: 0;
  cursor: pointer
}

.notification-filter-item label {
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px 16px;
  border-radius: 40px;
  font-size: 14px;
  line-height: 16.8px;
  color: #152046;
  z-index: -1
}

.notification-filter-item input:checked+label {
  border: 1px solid #0025a8;
  color: #0025a8
}

.notification-filters-inner .submit-form {
  padding: 10px 23px;
  background-color: #eeefef;
  color: #1c2d69;
  font-size: 20px;
  line-height: 100%;
  margin-inline: auto;
  width: fit-content;
  border-radius: 40px;
  cursor: pointer
}

@media screen and (max-width:920px) {
  .notification-filter-item {
    flex-basis: 40%
  }

  .notification-filter-btn {
    margin-right: 0
  }
}

@media screen and (max-width:800px) {
  .notification-filters-inner {
    padding-inline: 0
  }

  .notification-filters-close-btn {
    right: 0
  }
}

@media screen and (max-width:780px) {
  .notifications-filters-container {
    position: unset
  }

  .notification-filters {
    top: 0
  }

  .notification-filters.on {
    max-height: 2000px
  }

  .notification-filters-header {
    width: calc(100% + 40px);
    margin-left: -20px
  }

  .notification-filters-inner {
    padding-inline: 20px;
    height: 100vh
  }

  .notification-filters-close-btn {
    right: 20px
  }
}

@media screen and (max-width:520px) {
  .notification-filter-btn span {
    display: none
  }

  .notification-filter-btn .btn-icon {
    margin-left: 0
  }
}

.switch {
  border: 1px solid #000;
  border-radius: 46px;
  display: flex;
  align-items: center;
  width: 80px;
  height: 30px;
  margin-top: 3px;
  overflow: hidden
}

.switch .sw-btn {
  flex: 1;
  padding: .5rem .25rem;
  cursor: pointer;
  text-align: center
}

.switch.text-handle>div:first-child {
  border-right: 1px solid #000;
  font-size: 16px
}

.switch.text-handle>div:last-child {
  font-size: 16px
}

@media screen and (max-width:620px) {
  .switch {
    height: 24px;
    width: 60px;
    margin-top: 0;
    overflow: hidden
  }

  .article-header-social .social li {
    margin-right: 16px
  }
}

@media screen and (max-width:1080px) {
  .switch {
    width: 68px;
    height: 26px;
    margin-top: 5px
  }
}

.para .article-grid .category a {
  color: #fff
}

.section.mg-lg.blog-par {
  margin-bottom: 40px
}

.section.properties-home.in-cyprus-desktop {
  display: block
}

.section.properties-home.in-cyprus-mobile {
  display: none
}

@media screen and (max-width:920px) {
  .section.properties-home.in-cyprus-desktop {
    display: none
  }

  .section.properties-home.in-cyprus-mobile {
    display: block;
    margin-block: 15%
  }
}

@media screen and (max-width:750px) {
  .news-home-outer .extra-content.under-eyewitness {
    order: 0;
    width: 100%
  }
}

.card-container.scroll.karriera-home-feed {
  max-height: 260px
}

.weather-icon img {
    filter: drop-shadow(0px 1px 1px black);
}