@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@100..900&display=swap");
/*
* https://remixicon.com
* https://github.com/Remix-Design/RemixIcon
* Copyright RemixIcon.com
* Released under the Apache License Version 2.0
*/
@font-face {
  font-family: "remixicon";
  src: url("../fonts/remixicon/remixicon.eot?t=1736691153208"); /* IE9*/
  src: url("../fonts/remixicon/remixicon.eot?t=1736691153208#iefix") format("embedded-opentype"), url("../fonts/remixicon/remixicon.woff2?t=1736691153208") format("woff2"), url("../fonts/remixicon/remixicon.woff?t=1736691153208") format("woff"), url("../fonts/remixicon/remixicon.ttf?t=1736691153208") format("truetype"), url("../fonts/remixicon/remixicon.svg?t=1736691153208#remixicon") format("svg"); /* iOS 4.1- */
  font-display: swap;
}
[class^=ri-], [class*=ri-] {
  font-family: "remixicon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:global .ri-lg {
  font-size: 1.3333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}
:global .ri-xl {
  font-size: 1.5em;
  line-height: 0.6666em;
  vertical-align: -0.075em;
}
:global .ri-xxs {
  font-size: 0.5em;
}
:global .ri-xs {
  font-size: 0.75em;
}
:global .ri-sm {
  font-size: 0.875em;
}
:global .ri-1x {
  font-size: 1em;
}
:global .ri-2x {
  font-size: 2em;
}
:global .ri-3x {
  font-size: 3em;
}
:global .ri-4x {
  font-size: 4em;
}
:global .ri-5x {
  font-size: 5em;
}
:global .ri-6x {
  font-size: 6em;
}
:global .ri-7x {
  font-size: 7em;
}
:global .ri-8x {
  font-size: 8em;
}
:global .ri-9x {
  font-size: 9em;
}
:global .ri-10x {
  font-size: 10em;
}
:global .ri-fw {
  text-align: center;
  width: 1.25em;
}
:global .ri-search-line:before {
  content: "\f0d1";
}
:global .ri-user-line:before {
  content: "\f264";
}
:global .ri-share-line:before {
  content: "\f0fe";
}
:global .ri-close-line:before {
  content: "\eb99";
}
:global .ri-close-large-line:before {
  content: "\f4c8";
}
:global .ri-add-line:before {
  content: "\ea13";
}
:global .ri-subtract-line:before {
  content: "\f1af";
}
:global .ri-time-line:before {
  content: "\f20f";
}
:global .ri-map-2-line:before {
  content: "\ef06";
}
:global .ri-map-pin-line:before {
  content: "\ef14";
}
:global .ri-facebook-fill:before {
  content: "\ecbc";
}
:global .ri-twitter-x-line:before {
  content: "\f3e7";
}
:global .ri-linkedin-fill:before {
  content: "\eeb5";
}
:global .ri-file-copy-line:before {
  content: "\ecd5";
}
:global .ri-printer-fill:before {
  content: "\f028";
}
:global .ri-youtube-fill:before {
  content: "\f2d4";
}
:global .ri-home-7-line:before {
  content: "\ee23";
}
:global .ri-pen-nib-fill:before {
  content: "\efdd";
}
:global .ri-menu-line:before {
  content: "\ef3e";
}
:global .ri-arrow-up-line:before {
  content: "\ea76";
}
:global .ri-instagram-line:before {
  content: "\ee66";
}
:global .ri-arrow-down-s-line:before {
  content: "\ea4e";
}
:global .ri-play-circle-line:before {
  content: "\f009";
}
:global .ri-play-circle-fill:before {
  content: "\f008";
}

:root {
  --font-default: Noto Serif Bengali, sans-serif;
  --font-bengali: Noto Serif Bengali, sans-serif;
  --font-solaiman-lipi: SolaimanLipi;
  --font-light: 300;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-primary: #ED0202;
  --color-heading: #1d222f;
  --color-secondary: #defcf0;
  --color-content: #3b3b3b;
  --color-border: #e0e0e0;
  --color-gray-light: #f7f7f7;
  --color-gray-dark: #333333;
  --radius: 16px;
  --transition: unset;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 16px;
}

body {
  background: transparent;
  font-family: "Noto Serif Bengali", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.15;
}

a {
  text-decoration: none;
  color: #ED0202;
}
a:hover, a:focus {
  text-decoration: none;
  outline: 0px;
}

button:hover, button:focus {
  outline: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

ul {
  margin: 0;
  padding: 0;
  list-style: inherit;
}
ul li {
  margin: 0;
}

figure {
  margin: 0;
}

section {
  display: block;
  position: relative;
  margin: clamp(26px, 2vw, 36px) 0;
  width: 100%;
}

/*********************************
/*  Input Apperance Start
*********************************/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield !important;
}

input[type=date]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  border-radius: 4px;
  margin-right: 2px;
  -webkit-filter: invert(1);
  filter: invert(1);
}

/*********************************
/*  Input Apperance End
*********************************/
body div {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
body div::-webkit-scrollbar,
body div ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: rgba(237, 2, 2, 0);
}
body div::-webkit-scrollbar-track,
body div ::-webkit-scrollbar-track {
  background: rgba(237, 2, 2, 0);
}
body div::-webkit-scrollbar-thumb,
body div ::-webkit-scrollbar-thumb {
  background: rgba(237, 2, 2, 0.1);
  border-radius: 99px;
  -webkit-transition: 500ms ease-in-out background;
  transition: 500ms ease-in-out background;
  position: relative;
}
body div::-webkit-scrollbar-thumb:hover,
body div ::-webkit-scrollbar-thumb:hover {
  background: rgba(237, 2, 2, 0.2);
  cursor: move;
}

/*********************************
/*  Common Css Start
*********************************/
.d-none {
  display: none;
}

.border-none {
  border: none !important;
}

.btn-round {
  border-radius: 4px !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-color {
  background: #fafafb !important;
}

.bg-primary {
  background: #ED0202 !important;
}

.bg-secondary {
  background: #defcf0 !important;
}

/* button, .btn {
	&:focus,
	&:focus-visible,
	&:active {
		outline: 0px;
		background-color: $color-primary !important;
		border-color: $color-primary !important;
		box-shadow: none !important;
	}
} */
/*********************************
/*  row Custom
*********************************/
@media (max-width: 991px) {
  .column-reverse-lg {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}
@media (max-width: 767px) {
  .column-reverse-md {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}
@media (max-width: 575px) {
  .column-reverse-sm {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media (min-width: 479px) and (max-width: 575px) {
  .col-xs-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
}
/*********************************
/*  Content Typography
*********************************/
p {
  font-family: "Noto Serif Bengali", sans-serif;
}
p:empty, p:blank {
  display: none !important;
  margin: 0;
}

input:not([type=submit]), input:not([type=button]) {
  border: 1px solid rgba(59, 59, 59, 0.5);
  -webkit-transition: unset;
  transition: unset;
}
input:not([type=submit]):hover, input:not([type=button]):hover {
  border-color: rgba(237, 2, 2, 0.75);
}
input:focus, input:focus-visible {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
}

.form-group {
  margin-bottom: 12px;
}

@media (min-width: 1400px) {
  .container-xl {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }
}

.ds-font-bold {
  font-weight: 600;
}

.ds-text-primary {
  color: #ED0202 !important;
}

.remixicon {
  font-family: "remixicon" !important;
}

.sidebar__wrapper {
  position: sticky;
  top: calc(60px + 1rem);
}

.devider {
  margin: clamp(25px, 4vw, 72px) 0;
  background: rgba(224, 224, 224, 0.2);
  height: clamp(25px, 2.5vw, 36px);
}

.btn {
  line-height: 1;
  display: inline-block;
  border: transparent;
}
.btn-primary {
  font-size: 20px;
  padding: 8px 20px;
  border-radius: 8px;
  background-color: #e0e0e0;
  color: #ED0202;
  -webkit-transition: background-color 350ms ease-in-out;
  transition: background-color 350ms ease-in-out;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #ED0202;
}
.btn-sm {
  font-size: 16px;
  padding: 8px;
}
.btn-tab-nav {
  font-size: 20px;
  padding: 4px 8px;
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid #e0e0e0;
}
.btn-tab-nav:active, .btn-tab-nav.active {
  border-color: #ED0202;
  background-color: transparent;
}
.btn-tab-nav:focus, .btn-tab-nav:focus-visible {
  background-color: transparent;
  color: #ED0202;
}
.btn-tab-nav:hover {
  color: #ED0202;
  border-color: #1d222f;
}
@media (max-width: 575px) {
  .btn-tab-nav {
    font-size: 16px;
  }
}

.header {
  text-align: center;
  margin-bottom: 16px;
  /*** Header (v2) ***/
  /*** Header (v3) ***/
}
@media (max-width: 575px) {
  .header {
    margin-bottom: 12px;
  }
}
.header__topbar {
  background-color: #ba0202;
  padding: 8px 0;
}
.header__topbar__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 479px) {
  .header__topbar__inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.header__topbar__item {
  font-weight: 400;
  color: #000000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.header__topbar__item .material-symbols-outlined {
  font-size: 20px;
  line-height: 1;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  margin-right: 6px;
}
@media (max-width: 767px) {
  .header__topbar__item {
    font-size: 13px;
  }
  .header__topbar__item.mail {
    display: none;
  }
}
@media (max-width: 479px) {
  .header__topbar__item {
    font-size: 13px;
  }
  .header__topbar__item.phone {
    display: none;
  }
}
.header__logo {
  display: block;
  padding: 8px 0;
}
@media (max-width: 399px) {
  .header__logo {
    grid-column: 2/4;
  }
}
.header__logo h1 {
  font-family: "Noto Serif Bengali", sans-serif;
  font-size: clamp(32px, 5vw, 120px);
  line-height: 1.15;
  color: #ED0202;
}
.header__logo img {
  width: clamp(150px, 5vw, 250px);
  margin: auto;
}
@media (max-width: 767px) {
  .header__logo img {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
}
.header__logo__wrapper {
  min-height: 56px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 399px) {
  .header__logo__wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
.header .header__datetime {
  font-size: clamp(14px, 2vw, 16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.header .header__datetime p {
  margin-bottom: 0;
}
.header .header__menu {
  padding: 8px;
  background-color: #ffffff;
  position: relative;
  border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 991px) {
  .header .header__menu {
    display: none;
  }
}
.header .header__menu.sticky {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateY(calc(-100% - 10px));
          transform: translateY(calc(-100% - 10px));
  -webkit-transition: unset;
  transition: unset;
  display: block;
}
.header .header__menu.sticky.sticky-on {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.header .header__menu.sticky .header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .header__menu.sticky .header__nav .button-group-left {
  display: none;
}
@media (max-width: 991px) {
  .header .header__menu.sticky .header__nav .button-group-left {
    display: block;
  }
}
.header .header__menu.sticky .header__nav .sticky__brand .header__logo {
  padding: 0;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
@media (max-width: 767px) {
  .header .header__menu.sticky .header__nav .sticky__brand .header__logo {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
}
@media (max-width: 1199px) {
  .header .header__menu.sticky .header__nav .sticky-menu > * {
    display: none;
  }
  .header .header__menu.sticky .header__nav .sticky-menu > :nth-child(-n+7) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.header .header__menu.sticky .header__nav .sticky-menu a {
  font-size: clamp(14px, 1.5vw, 16px);
}
.header .header__nav {
  text-align: left;
}
@media (max-width: 991px) {
  .header .header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 991px) {
  .header .header__nav.active {
    border-radius: 8px 8px 0 0;
  }
}
.header .header__nav .main-menu,
.header .header__nav .sticky-menu {
  list-style: none;
  position: relative;
  text-align: center;
}
@media (max-width: 991px) {
  .header .header__nav .main-menu,
  .header .header__nav .sticky-menu {
    display: none;
  }
}
.header .header__nav .main-menu li,
.header .header__nav .sticky-menu li {
  padding: 8px;
  display: inline-block;
  position: relative;
  border-bottom: 2px solid transparent;
}
.header .header__nav .main-menu li.active,
.header .header__nav .sticky-menu li.active {
  border-bottom: 2px solid #ED0202;
}
.header .header__nav .main-menu li.active a,
.header .header__nav .sticky-menu li.active a {
  color: #ED0202;
}
.header .header__nav .main-menu li:last-of-type,
.header .header__nav .sticky-menu li:last-of-type {
  border-right: 0;
}
.header .header__nav .main-menu li + li::before,
.header .header__nav .sticky-menu li + li::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(59, 59, 59, 0.075);
  position: absolute;
  top: -2px;
  left: 0;
  display: none;
}
@media (max-width: 991px) {
  .header .header__nav .main-menu li + li::before,
  .header .header__nav .sticky-menu li + li::before {
    display: block;
  }
}
.header .header__nav .main-menu li a,
.header .header__nav .sticky-menu li a {
  display: block;
  white-space: nowrap;
  font-size: 1.2em;
  font-weight: 700;
  color: #3b3b3b;
  -webkit-transition: unset;
  transition: unset;
}
.header .header__nav .main-menu li a:hover,
.header .header__nav .sticky-menu li a:hover {
  color: #ED0202;
}
.header .header__nav .main-menu li.menu-item-has-children,
.header .header__nav .sticky-menu li.menu-item-has-children {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 8px;
}
.header .header__nav .main-menu li.menu-item-has-children::after,
.header .header__nav .sticky-menu li.menu-item-has-children::after {
  content: "\ea4e";
  font-family: "remixicon";
  font-size: 24px;
  line-height: 16px;
  color: currentColor;
  -webkit-transition: unset;
  transition: unset;
  -webkit-transform-origin: center 45%;
          transform-origin: center 45%;
}
.header .header__nav .main-menu li.menu-item-has-children:hover::after,
.header .header__nav .sticky-menu li.menu-item-has-children:hover::after {
  color: #ED0202;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (max-width: 991px) {
  .header .header__nav .main-menu li.menu-item-has-children.active > .sub-menu,
  .header .header__nav .sticky-menu li.menu-item-has-children.active > .sub-menu {
    margin-top: 8px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    background-color: white;
    visibility: visible;
    opacity: 1;
  }
}
@media (max-width: 991px) {
  .header .header__nav .main-menu li.menu-item-has-children.active::after,
  .header .header__nav .sticky-menu li.menu-item-has-children.active::after {
    color: #ED0202;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
.header .header__nav .main-menu li > ul.sub-menu,
.header .header__nav .sticky-menu li > ul.sub-menu {
  min-width: 160px;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  padding: 4px 0;
  text-align: left;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  -webkit-box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.05);
          box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 3;
}
.header .header__nav .main-menu li > ul.sub-menu a,
.header .header__nav .sticky-menu li > ul.sub-menu a {
  color: #3b3b3b;
}
.header .header__nav .main-menu li > ul.sub-menu a:hover,
.header .header__nav .sticky-menu li > ul.sub-menu a:hover {
  color: #ED0202;
}
@media (max-width: 991px) {
  .header .header__nav .main-menu li > ul.sub-menu,
  .header .header__nav .sticky-menu li > ul.sub-menu {
    width: 100%;
    position: initial;
    top: 0;
    left: 0;
    height: 0;
    -webkit-transition: unset;
    transition: unset;
    margin-top: -8px;
  }
  .header .header__nav .main-menu li > ul.sub-menu a,
  .header .header__nav .sticky-menu li > ul.sub-menu a {
    white-space: initial;
  }
}
.header .header__nav .main-menu li > ul.sub-menu li,
.header .header__nav .sticky-menu li > ul.sub-menu li {
  display: block;
  padding: 6px 12px;
  border-right: 0;
  border-bottom: 1px solid #e0e0e0;
}
.header .header__nav .main-menu li > ul.sub-menu li:hover,
.header .header__nav .sticky-menu li > ul.sub-menu li:hover {
  background-color: #e0e0e0;
}
.header .header__nav .main-menu li > ul.sub-menu li:last-of-type,
.header .header__nav .sticky-menu li > ul.sub-menu li:last-of-type {
  border-bottom: 0;
}
.header .header__nav .main-menu li:hover > a,
.header .header__nav .sticky-menu li:hover > a {
  color: #ED0202;
}
@media (min-width: 992px) {
  .header .header__nav .main-menu li:hover > ul.sub-menu,
  .header .header__nav .sticky-menu li:hover > ul.sub-menu {
    visibility: visible;
    opacity: 1;
  }
}
.header .button-group-left,
.header .button-group-right {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}
.header .button-group-left button,
.header .button-group-right button {
  border: none;
  width: 40px;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  font-size: 24px;
}
.header .button-group-left button svg,
.header .button-group-right button svg {
  width: 24px;
}
.header .button-group-left button:hover, .header .button-group-left button:focus, .header .button-group-left button:focus-visible, .header .button-group-left button:active,
.header .button-group-right button:hover,
.header .button-group-right button:focus,
.header .button-group-right button:focus-visible,
.header .button-group-right button:active {
  background: rgba(59, 59, 59, 0.25) !important;
}
.header .button-group-right {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.header.header--v2 .container-fluid {
  padding: 0;
}
.header.header--v2 .header__logo__wrapper {
  padding: 0 8px;
}
.header.header--v2 .header__nav .main-menu li,
.header.header--v2 .header__nav .sticky-menu li {
  border-radius: 6px;
  padding-left: 16px;
  padding-right: 16px;
}
.header.header--v2 .header__nav .main-menu li:hover,
.header.header--v2 .header__nav .sticky-menu li:hover {
  background: rgba(0, 0, 0, 0.25);
}
.header.header--v2 .sub-menu {
  background-color: #ED0202 !important;
}
.header.header--v2 .sub-menu li {
  border-color: rgba(255, 255, 255, 0.35);
}
.header.header--v2 .sub-menu li:hover {
  background-color: rgba(59, 59, 59, 0.35) !important;
}
.header.header--v2 .header__menu {
  background-color: #ED0202;
}
.header.header--v2 .header__menu li.menu-item-has-children::after {
  color: #ffffff !important;
}
.header.header--v2 .header__menu a {
  color: #ffffff !important;
}
.header.header--v2 .header__menu.sticky {
  padding: 0;
  padding-right: 8px;
}
@media (max-width: 991px) {
  .header.header--v2 .header__menu.sticky {
    padding-left: 8px;
    background-color: #ffffff;
  }
}
.header.header--v2 .header__menu.sticky .button-group-left button:hover,
.header.header--v2 .header__menu.sticky .button-group-right button:hover {
  background: rgba(0, 0, 0, 0.25) !important;
  color: #ffffff;
}
.header.header--v2 .header__menu.sticky .sticky__brand .header__logo {
  padding: 8px;
  -webkit-transform: unset;
          transform: unset;
  height: 60px;
}
.header.header--v2 .header__menu.sticky .sticky__brand .header__logo img {
  height: 100%;
  width: auto;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}
.header.header--v2 .header__menu.sticky .sticky-menu {
  padding: 8px;
}
.header.header--v3 {
  margin-bottom: 0;
}
.header.header--v3 .container-fluid {
  padding: 0;
}
.header.header--v3 .header__logo__wrapper {
  padding: 0 8px;
}
.header.header--v3 .header__nav .main-menu li,
.header.header--v3 .header__nav .sticky-menu li {
  border-radius: 6px;
  padding-left: 16px;
  padding-right: 16px;
  -webkit-transition: 300ms ease-in-out background;
  transition: 300ms ease-in-out background;
}
.header.header--v3 .header__nav .main-menu li:hover,
.header.header--v3 .header__nav .sticky-menu li:hover {
  background: rgba(0, 0, 0, 0.1);
}
.header.header--v3 .header__nav .main-menu li.active,
.header.header--v3 .header__nav .sticky-menu li.active {
  border-radius: 0;
}
.header.header--v3 .header__menu {
  background-color: #ffefef;
}
.header.header--v3 .header__menu.sticky button {
  background-color: #ffffff !important;
}

/*Menu Styling*/
.menu__offscreen,
.search__offscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: none;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.menu-show,
.search-show {
  display: block;
}

.menu__linkContainer {
  background: #ffffff;
  width: 100vw;
  height: 100%;
  display: none;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.menu__linkContainer-show {
  display: block;
}

.offscreen .offscreen__inner {
  overflow-y: auto;
  height: calc(100% - 60px);
}
.offscreen .offscreen__inner::-webkit-scrollbar {
  display: none;
}
.offscreen .header__logo__wrapper {
  padding-right: 7px;
  border-bottom: 2px solid #e0e0e0;
}
.offscreen .offscreen__menu__wrapper {
  min-height: 100vh;
  padding-top: 25px;
  border-right: 1px solid #e0e0e0;
}
@media (max-width: 575px) {
  .offscreen .offscreen__menu__wrapper {
    min-height: unset;
    padding-bottom: 50px;
    border-right: 0;
    border-bottom: 1px solid #e0e0e0;
  }
}
.offscreen .offscreen__menu__wrapper ul.offscreen__menu {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(100px, 20vw, 200px), 1fr));
  list-style: none;
  text-align: left;
  gap: clamp(25px, 4vw, 50px) 20px;
}
@media (max-width: 575px) {
  .offscreen .offscreen__menu__wrapper ul.offscreen__menu {
    grid-template-columns: repeat(2, 1fr);
  }
}
.offscreen .offscreen__menu__wrapper ul.offscreen__menu > li {
  font-size: 24px;
}
@media (max-width: 1199px) {
  .offscreen .offscreen__menu__wrapper ul.offscreen__menu > li {
    font-size: clamp(18px, 3vw, 20px);
  }
}
.offscreen .offscreen__menu__wrapper ul.offscreen__menu > li > a {
  color: #ED0202;
  border-left: 5px solid #ED0202;
  padding-left: 8px;
  font-weight: 700;
}
.offscreen .offscreen__menu__wrapper ul.offscreen__menu > li ul {
  margin-top: 16px;
  list-style: "◈ ";
  padding-left: 16px;
}
@media (max-width: 575px) {
  .offscreen .offscreen__menu__wrapper ul.offscreen__menu > li ul {
    margin-top: 10px;
  }
}
.offscreen .offscreen__menu__wrapper ul.offscreen__menu > li ul li {
  font-size: 0.8em;
}
.offscreen .offscreen__menu__wrapper ul.offscreen__menu > li ul a {
  color: #3b3b3b;
  text-decoration: none;
  -webkit-transition: unset;
  transition: unset;
  line-height: 1.4;
}
.offscreen .offscreen__menu__wrapper ul.offscreen__menu > li ul a:hover {
  color: #ED0202;
}
.offscreen .offscreen__about_us {
  padding-top: 25px;
}
.offscreen .search__bar__container {
  height: auto;
}
.offscreen .search__bar__container .header__logo__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  position: relative;
}
.offscreen .search__bar__container .header__logo__wrapper input#search {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  padding: 8px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 24px;
  text-align: center;
  line-height: 1;
  height: 40px;
}
.offscreen .search__bar__container .header__logo__wrapper .search__suggestion {
  position: absolute;
  top: 100%;
  left: 50%;
  width: clamp(350px, 75vw, 600px);
  max-height: calc(100vh - 56px - 8px);
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1000;
  border-radius: 0 0 8px 8px;
}
@media (max-width: 575px) {
  .offscreen .search__bar__container .header__logo__wrapper .search__suggestion {
    width: 100%;
  }
}
.offscreen .search__bar__container .header__logo__wrapper .search__suggestion .search__suggestion__no-results {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ED0202;
  font-size: 1.5em;
}
.offscreen .search__bar__container .header__logo__wrapper .search__suggestion .search__suggestion__item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 8px 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.offscreen .search__bar__container .header__logo__wrapper .search__suggestion .search__suggestion__item:hover {
  background: #f7f7f7;
}
.offscreen .search__bar__container .header__logo__wrapper .search__suggestion .search__suggestion__item:hover .search__suggestion__item__content .title {
  color: #ED0202;
}
.offscreen .search__bar__container .header__logo__wrapper .search__suggestion .search__suggestion__item img {
  width: 48px;
  height: 48px;
  aspect-ratio: 1/1;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.offscreen .search__bar__container .header__logo__wrapper .search__suggestion .search__suggestion__item .search__suggestion__item__content {
  text-align: left;
  width: calc(100% - 56px);
}
.offscreen .search__bar__container .header__logo__wrapper .search__suggestion .search__suggestion__item .search__suggestion__item__content .title {
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1d222f;
}
.offscreen .search__bar__container .header__logo__wrapper .search__suggestion .search__suggestion__item .search__suggestion__item__content .desc {
  font-size: 12px;
  margin-bottom: 0;
  color: #999;
}
.offscreen .search__bar__container .header__logo__wrapper .search__suggestion .search__suggestion__footer {
  text-align: center;
  border-top: 1px solid #e0e0e0;
}
.offscreen .search__bar__container .header__logo__wrapper .search__suggestion .search__suggestion__footer button {
  width: 100%;
  padding: 8px 12px;
  border-radius: 0 0 8px 8px;
  background-color: #e0e0e0;
  color: #ED0202;
  border: 0;
}
.offscreen .search__bar__container .header__logo__wrapper .search__suggestion .search__suggestion__footer button:hover {
  background-color: #ED0202;
  color: #ffffff;
}

.news-widget {
  margin-bottom: 16px;
  /* news-widget-v2 */
  /* news-widget-v3 */
}
.news-widget.post-video .news__thumb {
  position: relative;
}
.news-widget.post-video .news__thumb::after {
  content: "\f008";
  font-family: "remixicon";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 72px;
  color: #ffffff;
  -webkit-filter: drop-shadow(0 0 16px black);
          filter: drop-shadow(0 0 16px black);
}
.news-widget .news__thumb {
  margin-bottom: 10px;
}
.news-widget .news__thumb img,
.news-widget .news__thumb picture {
  width: 100%;
  height: auto;
  aspect-ratio: 5/3;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.news-widget .news__content {
  padding-left: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 60%;
}
.news-widget .news__content .news__title {
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.25;
  color: #000000;
  font-weight: 600;
  margin-bottom: 10px;
}
@media (max-width: 1199px) {
  .news-widget .news__content .news__title {
    font-size: clamp(22px, 3.5vw, 28px);
  }
}
.news-widget .news__content .news__title a {
  color: currentColor;
  -webkit-transition: unset;
  transition: unset;
}
.news-widget .news__content .news__title a:hover {
  color: #ED0202;
}
.news-widget .news__content .news__excerpt {
  font-size: 1.15rem;
  line-height: 1.35;
  margin-bottom: 10px;
  font-weight: 300;
  color: #494949;
  font-size: 1rem;
}
.news-widget .news__content .news__meta {
  font-size: 0.875rem;
  color: #494949;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin-bottom: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.news-widget .news__content .news__meta .remixicon {
  font-size: 1.2em;
}
.news-widget .news__content .news__meta svg {
  width: 16px !important;
}
.news-widget .news__content .news__meta a {
  color: #ED0202;
  -webkit-transition: unset;
  transition: unset;
}
.news-widget .news__content .news__meta a:hover {
  color: #000000;
}
.news-widget .news__content .news__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.news-widget .news__content .news__list .news__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
}
.news-widget .news__content .news__list .news__item .news__thumb {
  margin-bottom: 10px;
}
.news-widget .news__content .news__list .news__item .news__thumb img,
.news-widget .news__content .news__list .news__item .news__thumb picture {
  width: 100%;
  height: auto;
  border-radius: 16px;
}
.news-widget.news-widget-v2 .news__title {
  font-size: clamp(18px, 3vw, 20px);
}
.news-widget.news-widget-v2 .news__title a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 575px) {
  .news-widget.news-widget-v2 .news__title a {
    -webkit-line-clamp: 2;
  }
}
.news-widget.news-widget-v2 .news__excerpt {
  display: none;
}
.news-widget.news-widget-v3 {
  width: 100%;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.news-widget.news-widget-v3 .news__content {
  padding-left: 0;
}
.news-widget.news-widget-v3 .news__thumb {
  width: clamp(220px, 50%, 350px);
  margin-bottom: 0;
  height: 100%;
}
.news-widget.news-widget-v3 .news__thumb img,
.news-widget.news-widget-v3 .news__thumb picture {
  border-radius: 8px;
  aspect-ratio: 3/2;
}
.news-widget.news-widget-v3 .news__title {
  font-size: clamp(16px, 2vw, 18px);
  margin-top: 8px;
}
.news-widget.news-widget-v3 .news__title a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 575px) {
  .news-widget.news-widget-v3 .news__title a {
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 767px) {
  .news-widget.news-widget-v3 .news__title {
    font-size: clamp(18px, 3vw, 20px);
  }
}
@media (max-width: 1399px) {
  .news-widget.news-widget-v3 .news__meta {
    display: none;
  }
}
.news-widget.news-widget-v4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 992px) {
  .news-widget.news-widget-v4 .news__thumb {
    width: 40%;
  }
  .news-widget.news-widget-v4 .news__thumb img,
  .news-widget.news-widget-v4 .news__thumb picture {
    aspect-ratio: unset;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 991px) {
  .news-widget.news-widget-v4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.news-widget.news-widget-v4 .news__content {
  margin-top: clamp(5px, 1vw, 10px);
}
.news-widget.news-widget-v4 .news__excerpt {
  margin-top: 10px;
  font-size: 19px;
  font-weight: 500;
}
.news-widget.news-widget-v5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 992px) {
  .news-widget.news-widget-v5 .news__thumb {
    width: 40%;
  }
  .news-widget.news-widget-v5 .news__thumb img,
  .news-widget.news-widget-v5 .news__thumb picture {
    aspect-ratio: unset;
    width: 100%;
    height: 100%;
  }
}
.news-widget.news-widget-v5 .news__content {
  margin-top: clamp(5px, 1vw, 10px);
}
.news-widget.news-widget-v5 .news__content .news__meta {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.news-widget.news-widget-v5 .news__title {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (max-width: 1199px) {
  .news-widget.news-widget-v5 .news__title {
    font-size: clamp(18px, 3vw, 20px);
  }
}
.news-widget.news-widget-v5 .news__excerpt {
  margin-top: 10px;
  font-size: 19px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .news-widget.news-widget-v5 .news__excerpt {
    display: none;
  }
}
.news-widget-only-title a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(17px, 3vw, 20px);
  font-weight: 500;
  line-height: 1.4;
  color: #3b3b3b;
  padding: 8px;
  border-bottom: 1px solid #e0e0e0;
  -webkit-transition: unset;
  transition: unset;
}
@media (max-width: 1399px) {
  .news-widget-only-title a {
    font-size: 17px;
  }
}
.news-widget-only-title a:hover {
  color: #ED0202;
}
.news-widget-only-title a:hover span {
  color: #ED0202;
}
.news-widget-only-title a:last-of-type {
  border-bottom: none;
}
.news-widget-only-title a span {
  font-size: 2em;
  color: rgba(237, 2, 2, 0.5);
  line-height: 1;
  -webkit-transition: unset;
  transition: unset;
}

.ads {
  width: 100%;
  background-color: #e0e0e0;
  color: #494949;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  opacity: 0.5;
  margin: auto;
}
.ads::before {
  content: "বিজ্ঞাপন";
  font-size: 1em;
  letter-spacing: 0.01em;
}
.ads.ads-300x250 {
  max-width: 300px;
  height: 250px;
  font-size: 2.5rem;
}
.ads.ads-300x250::after {
  content: "৩০০x২৫০";
  letter-spacing: 0.01em;
}
.ads.ads-970x90 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  max-width: 970px;
  height: 90px;
  font-size: 2.5rem;
}
.ads.ads-970x90::after {
  content: "৯৭০x৯০";
  letter-spacing: 0.01em;
}

.ad_block.center p {
  text-align: center;
}
.ad_block.center img, .ad_block.center iframe {
  margin: auto;
}
.ad_block img {
  width: auto;
  height: auto;
}

.story__widget {
  position: relative;
  padding: 0;
  margin: 0;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 16px;
  overflow: hidden;
  /* Linear progress styles */
}
@media (max-width: 767px) {
  .story__widget {
    margin-top: 16px;
  }
}
.story__widget .story__item {
  aspect-ratio: 9/16;
}
.story__widget .story__item::before {
  content: "";
  width: 100%;
  height: 35%;
  display: block;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(0, 0, 0, 0.5)), color-stop(90%, rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0) 90%);
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(36px);
          transform: translateY(36px);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.story__widget .story__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.story__widget .story__item:hover::before {
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(0, 0, 0, 0.9)), color-stop(90%, rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 20%, rgba(0, 0, 0, 0) 90%);
}
.story__widget .story__item:hover .story__caption a {
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.story__widget .story__item.post-video {
  position: relative;
}
.story__widget .story__item.post-video::after {
  content: "\f008";
  font-family: "remixicon";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 72px;
  color: #ffffff;
  -webkit-filter: drop-shadow(0 0 16px black);
          filter: drop-shadow(0 0 16px black);
}
.story__widget .story__caption {
  width: 100%;
  padding: 16px 8px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #ffffff;
  font-size: 1.15rem;
}
.story__widget .story__caption a {
  display: inline-block;
  color: #ffffff;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.story__widget .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.story__widget .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.story__widget .autoplay-progress {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
}
.story__widget .progress-bar {
  position: relative;
  width: 100%;
  height: 4px;
  background: #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
}
.story__widget .progress {
  height: 100%;
  width: 0%; /* Start with 0% progress */
  background: #ED0202;
  -webkit-transition: width 0.1s linear;
  transition: width 0.1s linear;
}
.story__widget .swiper-button-prev::after,
.story__widget .swiper-button-next::after {
  font-size: 20px;
  color: #333333;
}

.section__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section__header.bg-white {
  background-color: #ffffff;
}
.section__header.sticky {
  position: sticky;
  top: 60px;
  z-index: 1;
}
.section__header.sticky-top {
  top: 60px;
}
.section__header .mobile-tab-select {
  display: none;
  padding: 2px 12px;
  border-radius: 6px;
  cursor: pointer;
}
.section__header .mobile-tab-select:focus {
  outline: none;
}
@media (max-width: 767px) {
  .section__header .mobile-tab-select {
    display: block;
  }
}
.section__header .tav__nav {
  display: block;
  position: relative;
  text-align: right;
}
@media (max-width: 767px) {
  .section__header .tav__nav {
    display: none;
  }
}
.section__header .tav__nav::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #e0e0e0;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.section__title {
  margin-bottom: 16px;
  color: #1d222f;
  font-weight: 700;
  overflow: hidden;
  margin-right: 12px;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  border-left: 5px solid #ED0202;
  padding-left: 12px;
}
.section__title a {
  color: currentColor;
}
.section__title a:hover {
  color: #ED0202;
}
.section__title.text-small {
  font-size: clamp(20px, 3vw, 22px);
}
.section__title small {
  display: block;
  font-size: clamp(14px, 0.7em, 24px);
  color: #ED0202;
  margin: 4px 0;
}

.line {
  width: 100%;
  height: 2px;
  background-color: #999;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 575px) {
  .line {
    display: none;
  }
}

section.dark-bg .section__title {
  color: #ffffff;
}
section.dark-bg .line {
  background-color: #e0e0e0;
}
@media (max-width: 1199px) {
  section.main-section .second-column {
    text-align: center;
  }
  section.main-section .second-column .news-widget-v3 {
    text-align: left;
  }
  section.main-section .second-column > * {
    display: none;
  }
  section.main-section .second-column > :nth-child(-n+7) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  section.main-section .news-widget-v2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }
  section.main-section .news-widget-v2 .news__content {
    padding-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (min-width: 768px) and (max-width: 1024px) {
  section.main-section .news-widget-v2 .news__meta {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  section.main-section .news-widget-v2 .news__title {
    font-size: clamp(16px, 4vw, 20px);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (min-width: 768px) and (max-width: 1199px) {
  section.main-section .news-widget-v2 .news__title {
    font-size: clamp(16px, 2vw, 18px);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  section.main-section .news-widget-v2 .news__thumb {
    width: clamp(220px, 50%, 350px);
    margin-bottom: 0;
    height: 100%;
  }
  section.main-section .news-widget-v2 .news__thumb img,
  section.main-section .news-widget-v2 .news__thumb picture {
    border-radius: 8px;
    aspect-ratio: 3/2;
  }
}
@media (max-width: 767px) {
  section.main-section .news__grid-v1, section.common-section .news__grid-v1 {
    display: block;
  }
  section.main-section .news-widget-v1, section.common-section .news-widget-v1 {
    margin-bottom: clamp(25px, 2vw, 50px);
  }
  section.main-section .news-widget-v2, section.common-section .news-widget-v2 {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }
  section.main-section .news-widget-v2 .news__content, section.common-section .news-widget-v2 .news__content {
    padding-left: 0;
  }
}
@media (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  section.main-section .news-widget-v2, section.common-section .news-widget-v2 {
    font-size: clamp(16px, 3vw, 20px);
  }
}
@media (max-width: 767px) {
  section.main-section .news-widget-v2 .news__thumb, section.common-section .news-widget-v2 .news__thumb {
    width: clamp(220px, 50%, 350px);
    margin-bottom: 0;
    height: 100%;
  }
  section.main-section .news-widget-v2 .news__thumb img,
  section.main-section .news-widget-v2 .news__thumb picture, section.common-section .news-widget-v2 .news__thumb img,
  section.common-section .news-widget-v2 .news__thumb picture {
    border-radius: 8px;
    aspect-ratio: 3/2;
  }
}
@media (max-width: 767px) {
  section.main-section .news-widget-v3 .news__meta, section.common-section .news-widget-v3 .news__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .news__grid-v8 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

section.tranding {
  padding: clamp(32px, 4vw, 65px) 0 clamp(32px, 4vw, 65px);
  background-color: #e0e0e0;
}
section.tranding.dark-bg {
  background-color: #1d222f;
}
section.tranding.dark-bg .news__title {
  font-size: 1.2rem;
  line-height: 1.3;
  color: #ffffff !important;
}
section.tranding.dark-bg .news__meta {
  color: #999 !important;
}
section.tranding .nav-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
section.tranding .nav-wrapper .next, section.tranding .nav-wrapper .prev {
  width: 36px;
  aspect-ratio: 1/1;
  border-radius: 6px;
  background-color: #ffffff;
  color: #ED0202;
  -webkit-transition: unset;
  transition: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.tranding .nav-wrapper .next::after, section.tranding .nav-wrapper .next::after, section.tranding .nav-wrapper .prev::after, section.tranding .nav-wrapper .prev::after {
  content: "prev";
  font-family: swiper-icons;
  font-size: 20px;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  color: currentColor;
}
section.tranding .nav-wrapper .next:hover, section.tranding .nav-wrapper .prev:hover {
  background-color: #ED0202;
  color: #ffffff;
}
section.tranding .nav-wrapper .next::after {
  content: "next";
}
section.tranding .swiper .swiper-slide {
  width: 300px;
}
section.tranding .swiper .swiper-slide .news__title {
  font-size: 1.2rem;
  line-height: 1.3;
  color: #1d222f;
}
section.tranding .swiper .swiper-slide .news__meta {
  color: #494949;
}

.news__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 1199px) {
  .news__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 399px) {
  .news__grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 399px) {
  .news__grid.news-widget-v2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
  }
}
@media (max-width: 399px) {
  .news__grid.news-widget-v2 .news__content {
    padding-left: 0;
  }
}
@media (max-width: 399px) {
  .news__grid.news-widget-v2 .news__thumb {
    width: clamp(220px, 50%, 350px);
    margin-bottom: 0;
    height: 100%;
  }
}
.news__grid.news-widget-v2 .news__thumb img,
.news__grid.news-widget-v2 .news__thumb picture {
  border-radius: clamp(6px, 1vw, 12px);
}
@media (max-width: 399px) {
  .news__grid.news-widget-v2 .news__thumb img,
  .news__grid.news-widget-v2 .news__thumb picture {
    aspect-ratio: 3/2;
  }
}
.news__grid.news-widget-v2 .news__title {
  font-size: clamp(18px, 2vw, 22px);
}
@media (max-width: 1199px) {
  .news__grid.news-widget-v2 .news__title {
    font-size: clamp(18px, 3vw, 20px);
  }
}
.news__grid.news-widget-v3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.news__grid.news-widget-v3:first-child {
  grid-column: 1/span 2;
}
@media (max-width: 767px) {
  .news__grid.news-widget-v3 {
    grid-template-columns: 1fr;
  }
  .news__grid.news-widget-v3:first-child {
    grid-column: unset;
  }
}
.news__grid .news-widget-v4.full-width {
  grid-column: -1/1;
}
.news__grid.news__grid-v4 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.news__grid.news__grid-v4 .news-widget-v4.full-width {
  background-color: #f7f7f7;
  border-radius: 12px;
  overflow: hidden;
}
.news__grid.news__grid-v4 .news-widget-v4.full-width .news__thumb {
  margin-bottom: 0;
}
.news__grid.news__grid-v4 .news-widget-v4.full-width .news__thumb img,
.news__grid.news__grid-v4 .news-widget-v4.full-width .news__thumb picture {
  border-radius: 0;
}
.news__grid.news__grid-v4 .news-widget-v4.full-width .news__content {
  padding: 8px 16px;
}
.news__grid.news__grid-v4 .news-widget-v3 {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .news__grid.news__grid-v4 .news-widget-v3 .news__title {
    font-size: clamp(18px, 2vw, 20px);
  }
}
.news__grid.news__grid-v4 .news-widget-v3 .news__title a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 575px) {
  .news__grid.news__grid-v4 .news-widget-v3 .news__title a {
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 1199px) {
  .news__grid.news__grid-v4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .news__grid.news__grid-v4 > .grid-item:nth-child(n+10) {
    display: none;
  }
}
@media (max-width: 991px) {
  .news__grid.news__grid-v4 {
    grid-template-columns: 1fr;
  }
  .news__grid.news__grid-v4 > .grid-item:nth-child(n+7) {
    display: none;
  }
  .news__grid.news__grid-v4 .news-widget-v3 .news__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.news__grid.news__grid-v4 > .grid-item:nth-child(n+1) {
  position: relative;
}
@media (min-width: 992px) {
  .news__grid.news__grid-v4 > .grid-item:nth-child(n+1) {
    padding-left: 12px;
  }
  .news__grid.news__grid-v4 > .grid-item:nth-child(n+1):nth-child(3n+2) {
    padding-left: 0;
  }
  .news__grid.news__grid-v4 > .grid-item:nth-child(n+1):nth-child(3n+2)::before {
    display: none;
  }
}
.news__grid.news__grid-v4 > .grid-item:nth-child(n+1)::before {
  content: "";
  width: 1px;
  height: calc(100% + 16px);
  background-color: #e0e0e0;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 991px) {
  .news__grid.news__grid-v4 > .grid-item:nth-child(n+1)::before {
    display: none;
  }
}
@media (max-width: 1199px) {
  .news__grid.news__grid-v4 .grid-item {
    padding-left: 12px !important;
  }
  .news__grid.news__grid-v4 .grid-item::before {
    display: block !important;
  }
  .news__grid.news__grid-v4 .grid-item:nth-child(2n+2) {
    padding-left: 0 !important;
  }
  .news__grid.news__grid-v4 .grid-item:nth-child(2n+2)::before {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .news__grid.news__grid-v4 .grid-item {
    padding-left: 0 !important;
  }
  .news__grid.news__grid-v4 .grid-item::before {
    display: none !important;
  }
}
.news__grid.news__grid-v4 > :first-child {
  grid-column: 1/-1;
  padding-left: 0 !important;
}
.news__grid.news__grid-v4 > :first-child::before {
  display: none !important;
}
.news__grid.news__grid-v4 .ad_block {
  grid-row: span 2;
}
@media (max-width: 575px) {
  .news__grid.news__grid-v5 .swiper-slide .news-widget.news-widget-v2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
  }
}
.news__grid.news__grid-v5 .swiper-slide .news-widget .news__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news__grid.news__grid-v6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 600px;
  overflow-y: auto;
  padding-right: 12px;
}
.news__grid.news__grid-v6 .news-widget.news-widget-v3 .news__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.9em;
}
.news__grid.news__grid-v7 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.news__grid.news__grid-v7 .grid-item {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .news__grid.news__grid-v7 {
    grid-template-columns: repeat(2, 1fr);
  }
  .news__grid.news__grid-v7 > .grid-item:nth-child(n+10) {
    display: none;
  }
}
@media (max-width: 575px) {
  .news__grid.news__grid-v7 {
    grid-template-columns: 1fr;
  }
  .news__grid.news__grid-v7 > .grid-item:nth-child(n+7) {
    display: none;
  }
}
.news__grid.news__grid-v7 > .grid-item:nth-child(n+1) {
  position: relative;
}
@media (min-width: 992px) {
  .news__grid.news__grid-v7 > .grid-item:nth-child(n+1) {
    padding-left: 12px;
  }
  .news__grid.news__grid-v7 > .grid-item:nth-child(n+1):nth-child(3n+2) {
    padding-left: 0;
  }
  .news__grid.news__grid-v7 > .grid-item:nth-child(n+1):nth-child(3n+2)::before {
    display: none;
  }
}
.news__grid.news__grid-v7 > .grid-item:nth-child(n+1)::before {
  content: "";
  width: 1px;
  height: calc(100% + 16px);
  background-color: #e0e0e0;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 991px) {
  .news__grid.news__grid-v7 > .grid-item:nth-child(n+1)::before {
    display: none;
  }
}
@media (max-width: 575px) {
  .news__grid.news__grid-v7 > .grid-item:nth-child(n+1):not(.block-news--3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.75rem;
  }
  .news__grid.news__grid-v7 > .grid-item:nth-child(n+1):not(.block-news--3) .news__thumb {
    width: 40%;
  }
  .news__grid.news__grid-v7 > .grid-item:nth-child(n+1):not(.block-news--3) .news__content {
    padding: 0;
    padding-top: 8px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .news__grid.news__grid-v7 > .grid-item:nth-child(n+1):not(.block-news--3) .news__title {
    font-size: 1rem;
  }
}
@media (max-width: 1199px) {
  .news__grid.news__grid-v7 .grid-item {
    padding-left: 12px !important;
  }
  .news__grid.news__grid-v7 .grid-item::before {
    display: block !important;
  }
  .news__grid.news__grid-v7 .grid-item:nth-child(2n+2) {
    padding-left: 0 !important;
  }
  .news__grid.news__grid-v7 .grid-item:nth-child(2n+2)::before {
    display: none !important;
  }
}
@media (max-width: 575px) {
  .news__grid.news__grid-v7 .grid-item {
    padding-left: 0 !important;
  }
  .news__grid.news__grid-v7 .grid-item::before {
    display: none !important;
  }
}
.news__grid.news__grid-v7 > :first-child {
  grid-column: 1/-1;
  padding-left: 0 !important;
}
.news__grid.news__grid-v7 > :first-child::before {
  display: none !important;
}
.news__grid.news__grid-v7 .ad_block {
  grid-row: span 2;
}
.news__grid.news__grid-v8 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 1199px) {
  .news__grid.news__grid-v8 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .news__grid.news__grid-v8 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .news__grid.news__grid-v8 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
}
.news__grid.news__grid-v8 > .full-width {
  grid-column: -1/1;
  background: #f4f4f4;
  border-radius: 12px;
  overflow: hidden;
  gap: 1rem;
}
.news__grid.news__grid-v8 > .full-width .news__content {
  padding-top: 1.5rem;
}
.news__grid.news__grid-v8 > .full-width .news__title {
  font-size: clamp(1.125rem, 1.5em, 2rem);
  font-weight: 700;
}
.news__grid.news__grid-v8 > .full-width .news__time {
  font-size: 1rem;
}
@media (max-width: 991px) {
  .news__grid.news__grid-v8 > .full-width {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .news__grid.news__grid-v8 > .full-width .news__content {
    padding: 1rem;
  }
  .news__grid.news__grid-v8 > .full-width .news__title {
    font-size: 1.3rem;
  }
  .news__grid.news__grid-v8 > .full-width .news__thumb {
    -webkit-box-flex: unset !important;
        -ms-flex: unset !important;
            flex: unset !important;
    width: 100%;
    aspect-ratio: 16/9;
  }
}
.news__grid.news__grid-v8 .block-news:not(.full-width) .news__title--small {
  font-size: 1.3rem;
}
.news__grid.news__grid-v8 .block-news:not(.full-width) .news__title a {
  -webkit-line-clamp: 3;
}
@media (max-width: 1199px) {
  .news__grid.news__grid-v8 .block-news:not(.full-width) .news__title {
    font-size: 1.2rem;
  }
}
@media (max-width: 575px) {
  .news__grid.news__grid-v8 .block-news:not(.full-width) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.75rem;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 1rem;
  }
  .news__grid.news__grid-v8 .block-news:not(.full-width):last-of-type {
    border-bottom: 0;
  }
  .news__grid.news__grid-v8 .block-news:not(.full-width) .news__thumb {
    max-width: 40%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
  }
  .news__grid.news__grid-v8 .block-news:not(.full-width) .news__content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .news__grid.news__grid-v8 .block-news:not(.full-width) .news__title {
    font-size: 1.1rem;
  }
}

.social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.social-icons .social-icons__title {
  font-size: clamp(14px, 1.5vw, 16px);
  margin-bottom: 0;
}
.social-icons.inline {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.social-icons ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
.social-icons ul a, .social-icons ul button {
  color: #ffffff;
  font-size: 16px;
  line-height: 1;
  display: block;
  width: 28px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 0;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #3b3b3b;
  -webkit-transition: unset;
  transition: unset;
}
.social-icons ul a:hover, .social-icons ul button:hover {
  background-color: #ED0202;
}
.social-icons ul a span, .social-icons ul button span {
  font-size: 1em;
}

footer {
  border-top: 1px solid #999;
  padding-top: 16px;
}
footer .footer__top {
  text-align: center;
}
footer .footer__top .footer__logo {
  display: inline-block;
}
footer .footer__top .footer__logo img {
  width: 100%;
  max-width: 200px;
}
footer .footer__middle .footer__nav {
  margin: 20px auto;
  list-style: none;
}
footer .footer__middle .footer__nav li {
  display: inline-block;
}
footer .footer__middle .footer__nav, footer .footer__middle .footer__address {
  text-align: center;
  color: #3b3b3b;
}
footer .footer__middle .footer__nav a, footer .footer__middle .footer__address a {
  display: inline-block;
  padding: 4px;
  color: currentColor;
  -webkit-transition: unset;
  transition: unset;
  font-size: clamp(16px, 1.4vw, 18px);
  font-weight: 700;
}
footer .footer__middle .footer__nav a:hover, footer .footer__middle .footer__address a:hover {
  color: #ED0202;
}
footer .footer__middle .footer__nav strong, footer .footer__middle .footer__address strong {
  font-weight: 600;
  margin-left: 6px;
}
footer .footer__middle .footer__address {
  line-height: 1.5;
}
footer .footer__middle .footer__address p {
  margin-bottom: 4px;
  display: inline-block;
}
footer .footer__middle .footer__address a {
  font-weight: 400;
  padding: 0;
  font-size: 1rem;
}
footer .footer__bottom {
  background-color: #e0e0e0;
  padding: 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  footer .footer__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
footer .footer__bottom p {
  margin-bottom: 0;
}

#back-to-top {
  width: 48px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid #ffffff;
  padding: 4px;
  background-color: #e0e0e0;
  color: #ED0202;
  -webkit-transition: unset;
  transition: unset;
  position: fixed;
  bottom: 50px;
  right: 12px;
  z-index: 99;
  -webkit-transform: translateY(120px) scale(0);
          transform: translateY(120px) scale(0);
  -webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.5);
          box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.5);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  font-size: 1.75rem;
}
@media (max-width: 767px) {
  #back-to-top {
    width: 40px;
    font-size: 1.5rem;
  }
}
#back-to-top.show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#back-to-top:hover, #back-to-top:focus, #back-to-top:active {
  background-color: #ED0202;
  color: #ffffff;
}
#back-to-top:hover {
  -webkit-transform: translateY(0) scale(1.2);
          transform: translateY(0) scale(1.2);
}

.news__pagination {
  margin-top: 32px;
}
.news__pagination nav.navigation.pagination {
  width: 100%;
}
.news__pagination .nav-links {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.news__pagination .nav-links span,
.news__pagination .nav-links a {
  padding: 6px 10px;
  background: #e0e0e0;
  border-radius: 4px;
  background-color: #e0e0e0;
  color: #1d222f;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  border-bottom: 2px solid transparent;
  -webkit-transition: unset;
  transition: unset;
  border-radius: 4px;
}
.news__pagination .nav-links span:hover,
.news__pagination .nav-links a:hover {
  background-color: lightgray;
  border-color: #ED0202;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}
.news__pagination .nav-links span.dots,
.news__pagination .nav-links a.dots {
  background: transparent;
  pointer-events: none;
}
.news__pagination .nav-links span.current,
.news__pagination .nav-links a.current {
  background-color: #ED0202;
  color: #ffffff;
  pointer-events: none;
}

#location-filter-form {
  width: 100%;
  max-width: 900px;
  background-color: #ffefef;
  padding: 16px;
  margin: 16px auto;
  border-radius: 12px;
}
#location-filter-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
#location-filter-form select {
  display: block;
  padding: 5px 8px;
  font-size: 20px;
  border-radius: 8px;
  border-color: #e0e0e0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 250px;
}
#location-filter-form select:disabled {
  background-color: #e0e0e0;
}
#location-filter-form button {
  max-width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 20px;
  font-size: 20px;
  border: 1px solid #ED0202;
  background-color: #ED0202;
  color: #ffffff;
  border-radius: 8px;
}
#location-filter-form.layout-column form {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#location-filter-form.layout-column form > * {
  width: 100%;
  max-width: 100%;
}

.poll-archive .load-more-container {
  text-align: center;
}
.poll__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(325px, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .poll__grid {
    grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
  }
}
.poll__item {
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 36px;
}
.poll__time {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 8px;
  font-weight: 500;
}
.poll__time .poll__download {
  margin-left: auto;
  cursor: pointer;
  border: 0;
  background-color: transparent;
}
.poll__time .poll__download:hover {
  color: #ED0202;
}
.poll__thumb {
  display: block;
  width: 100%;
  aspect-ratio: 3.7/2;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 16px;
}
.poll__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  -webkit-transition: 300ms ease-in-out transform;
  transition: 300ms ease-in-out transform;
}
.poll__thumb:hover img {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}
.poll__title {
  display: block;
  font-size: clamp(20px, 2.5vw, 22px);
  color: #1d222f;
  line-height: 1.35;
  font-weight: 700;
  margin-bottom: 12px;
}
.poll__title:hover {
  color: #ED0202;
}
.poll__content {
  font-size: clamp(19px, 2.5vw, 18px);
  line-height: 1.3;
  display: inline-block;
  font-weight: 400;
  margin-bottom: 1rem;
  color: #1d222f;
}
.poll__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.poll__options .option-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.poll__options .option-group input {
  width: 20px;
  aspect-ratio: 1/1;
  margin: 0;
  cursor: pointer;
}
.poll__options .option-group label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  border: 1px solid #999;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  z-index: 0;
  -webkit-transition: border-color 300ms ease-in-out;
  transition: border-color 300ms ease-in-out;
}
.poll__options .option-group label:hover {
  border-color: #ED0202;
}
.poll__options .option-group label::before {
  content: "";
  width: 0;
  max-width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: -1;
  -webkit-transition: width 350ms ease-in-out;
  transition: width 350ms ease-in-out;
}
.poll__options .option-group label .option-res {
  display: none;
}
.poll__options.voted label {
  border-color: #ff7474;
}
.poll__options.voted label::before {
  width: var(--vote-percentage, 0);
  background-color: #ffa7a7;
}
.poll__options.voted label .option-res {
  display: block;
}
.poll__result {
  font-size: clamp(16px, 2vw, 18px);
  text-align: center;
  margin-bottom: 12px;
  margin-top: auto;
}
.poll__share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.poll__share ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.poll__share ul li > * {
  color: #ffffff;
  font-size: 16px;
  line-height: 1;
  width: 28px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 0;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1d222f;
  -webkit-transition: unset;
  transition: unset;
  -webkit-transition: background-color 300ms ease-in-out;
  transition: background-color 300ms ease-in-out;
}
.poll__share ul li > *:hover {
  background-color: #ED0202;
}

/*
.poll__item {
  &--horizontal {
    width: 100%;
    max-width: 800px;
    background-color: lighten($color-primary, 52);
    border-color: lighten($color-primary, 30);
    // grid-template-rows: minmax(15vw, 120px) auto;
    gap: 12px;
    padding-bottom: 12px;
    @include respond(phone-mid){
      grid-template-columns: 1fr;
      grid-template-rows: auto;
    }
    div {
      margin-bottom: 0 !important;
    }

    .poll__title {
      width: 100%;
      margin-top: 8px;

      @include respond(phone-mid){
        margin: 0;
      }
    }
    .poll__content {
      width: 100%;
    }

    .mobile-poll-result {
      display: none;
      @include respond(phone-mid) {
        grid-column: 1 / -1;
        display: block;
        .poll__share, .poll__result {
          display: inline-block;
        }
      }
    }

    .poll__share ul {
      margin-bottom: 0 !important;
    }
    .poll__options {
      grid-column: 1 / -1;
      width: 100%;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
      @include respond(phone-mid){
        grid-template-columns: 1fr;
      }
      input {
        display: none;
      }
    }
    .poll__result,
    .poll__share {
      display: inline-block;
      ul {
        padding-left: 0 !important;
      }
      @include respond(phone-mid) {
        display: none;
      }
    }
  }
}
*/
.poll__item.shortcode-poll {
  padding-bottom: 0.75rem;
  background-color: #fff9f9;
  border-color: #fe8a8a;
  -webkit-transition: border 250ms ease-in-out, -webkit-box-shadow 250ms ease-in-out;
  transition: border 250ms ease-in-out, -webkit-box-shadow 250ms ease-in-out;
  transition: border 250ms ease-in-out, box-shadow 250ms ease-in-out;
  transition: border 250ms ease-in-out, box-shadow 250ms ease-in-out, -webkit-box-shadow 250ms ease-in-out;
}
.poll__item.shortcode-poll:hover {
  border-color: #ED0202;
  -webkit-box-shadow: 2px 2px 2px 2px rgba(237, 2, 2, 0.5);
          box-shadow: 2px 2px 2px 2px rgba(237, 2, 2, 0.5);
}
.poll__item--horizontal {
  display: grid;
  grid-template-columns: minmax(25%, 200px) 1fr;
  gap: 16px;
}
.poll__item--horizontal .poll__time {
  display: none;
}
.poll__item--horizontal .poll__title {
  margin-bottom: 0;
}
.poll__item--horizontal .poll__thumb {
  grid-row: 1/span 2;
  aspect-ratio: unset;
  margin-bottom: 0;
}
.poll__item--horizontal .poll__thumb img {
  height: 100% !important;
}
.poll__item--horizontal .poll__options {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
}
.poll__item--horizontal .poll__options .option-group label {
  -webkit-transition: border 250ms ease-in-out, -webkit-box-shadow 250ms ease-in-out;
  transition: border 250ms ease-in-out, -webkit-box-shadow 250ms ease-in-out;
  transition: border 250ms ease-in-out, box-shadow 250ms ease-in-out;
  transition: border 250ms ease-in-out, box-shadow 250ms ease-in-out, -webkit-box-shadow 250ms ease-in-out;
}
.poll__item--horizontal .poll__options .option-group input {
  display: none;
}
.poll__item--horizontal .poll__options .option-group input:checked + label {
  border-color: #ED0202;
  -webkit-box-shadow: 2px 2px 2px 2px rgba(237, 2, 2, 0.5);
          box-shadow: 2px 2px 2px 2px rgba(237, 2, 2, 0.5);
}
.poll__item--horizontal .poll__result {
  margin-left: 0;
  text-align: left;
}
.poll__item--horizontal .poll__share {
  margin-left: auto;
}
.poll__item--horizontal .poll__share ul {
  margin-bottom: 0 !important;
}
@media (max-width: 575px) {
  .poll__item--horizontal .poll__thumb,
  .poll__item--horizontal .poll__title,
  .poll__item--horizontal .poll__content {
    grid-row: unset;
    grid-column: 1/span 2;
  }
}

.news__body .poll__item.shortcode-poll div, .news__body .poll__item.shortcode-poll p {
  margin-bottom: 0.5rem !important;
}

.poll-wrappper {
  position: relative;
}
.poll-wrappper .poll__time {
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: #ffffff;
}
.poll-wrappper .section__header {
  margin-bottom: 16px;
  background-color: #ED0202;
  border-radius: 8px 8px 0 0;
}
.poll-wrappper .section__header .section__title a {
  color: #ffffff;
}
.poll-wrappper .section__header .section__title a:hover {
  color: #ffffff;
}
.poll-wrappper .poll__item {
  border-color: #ffd6d6;
  border-radius: 0 0 8px 8px;
  background-color: #ffefef;
}
.poll-wrappper .poll__item .poll__thumb img {
  background-color: #febdbd;
}
.poll-wrappper .poll__item .poll__options .option-group label {
  overflow: hidden;
  z-index: 1;
}
.poll-wrappper .poll__item .poll__options .option-group label::before {
  z-index: -1;
}

.salah__time {
  width: 100%;
  max-width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: url("../images/slah-time-top.webp") no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(204, 20, 43, 0)), color-stop(25%, rgba(204, 20, 43, 0.3)), color-stop(40%, rgb(204, 20, 43)));
  background: url("../images/slah-time-top.webp") no-repeat, linear-gradient(180deg, rgba(204, 20, 43, 0) 6%, rgba(204, 20, 43, 0.3) 25%, rgb(204, 20, 43) 40%);
  background-size: contain;
  padding: 1rem;
}
.salah__time__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 200px;
}
.salah__time__header .title {
  font-weight: 700;
}
.salah__time__header .title small {
  display: block;
  font-weight: 400;
  font-size: 1.2rem;
}
.salah__time .salah__time__share__btn {
  border: none;
  width: 40px;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  font-size: 24px;
  background-color: #ffefef;
  border: 1px solid #ED0202;
}
.salah__time .salah__time__share__btn:hover {
  background-color: #ED0202;
  color: #ffffff;
}
.salah__time__inner {
  background-color: #ffffff;
  margin-top: auto;
  border-radius: 1rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.salah__time__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem;
  padding-right: 1.5rem;
  font-size: 1.2rem !important;
  font-weight: 700;
  color: #ED0202;
  border-radius: 0.7rem;
  border: 1px solid #e0e0e0;
  -webkit-box-shadow: 1px 3px 16px rgba(29, 34, 47, 0.2);
          box-shadow: 1px 3px 16px rgba(29, 34, 47, 0.2);
}
.salah__time__item .title, .salah__time__item .time {
  font-size: 1.2rem !important;
  color: #1d222f;
  margin-bottom: 0;
}
.salah__time__item .title {
  font-weight: 600;
}
.salah__time__item .title small {
  font-weight: 400;
  font-size: 1.2rem !important;
}

.salah__time__share__btn {
  display: none !important;
}

#SalatTimeWrapper {
  max-width: 400px;
  margin-bottom: 1rem;
}
#SalatTimeWrapper * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#SalatTimeWrapper .ST__header {
  background: #D72424;
  background: -webkit-gradient(linear, right top, left top, from(rgb(113, 19, 19)), color-stop(81%, rgb(255, 0, 0)), to(rgb(215, 36, 36)));
  background: linear-gradient(-90deg, rgb(113, 19, 19) 0%, rgb(255, 0, 0) 81%, rgb(215, 36, 36) 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
  padding: 2.5rem 1.25rem 0rem;
  text-align: center;
  position: relative;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#SalatTimeWrapper .ST__header__left {
  margin-bottom: 15px;
  text-align: left;
  font-size: 1rem;
}
#SalatTimeWrapper .ST__header__name {
  font-size: 1.25em;
  margin-bottom: 0.25rem;
}
#SalatTimeWrapper .ST__header__time {
  font-size: 2.5em;
  font-weight: 600;
  line-height: 0.7;
  margin-bottom: 0.75rem;
  position: relative;
}
#SalatTimeWrapper .ST__header__time small {
  position: absolute;
  top: 0;
  left: calc(100% - 4px);
  font-size: 1rem;
  font-weight: 400;
}
#SalatTimeWrapper .ST__header__location {
  font-size: 1em;
  cursor: pointer;
}
#SalatTimeWrapper .ST__header__location svg {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
#SalatTimeWrapper .ST__header__right {
  margin-bottom: 15px;
  text-align: right;
  font-size: 1rem;
}
#SalatTimeWrapper .ST__header__right .ST__countdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
}
#SalatTimeWrapper .ST__header__right .ST__countdown__hour, #SalatTimeWrapper .ST__header__right .ST__countdown__min {
  width: 72px;
  aspect-ratio: 1/0.75;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.5em;
  font-weight: bold;
  border: 1px solid #fff;
  border-radius: 0.25em;
}
#SalatTimeWrapper .ST__header__right .ST__countdown__hartbeat {
  display: none;
}
#SalatTimeWrapper .ST__body {
  font-size: 1rem;
}
#SalatTimeWrapper .ST__body .ST__calender {
  display: none;
  padding: 12px 1rem;
}
#SalatTimeWrapper .ST__body .ST__date {
  font-size: 0.85rem;
  background-color: #fde2e2;
  grid-column: -1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
#SalatTimeWrapper .ST__body .ST__date--en {
  margin: 0;
}
#SalatTimeWrapper .ST__body .ST__date--en svg {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
#SalatTimeWrapper .ST__body .ST__date--fullCalender {
  display: none;
  text-decoration: none;
  color: #000;
}
#SalatTimeWrapper .ST__body .ST__times {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  background-color: #fde2e2;
  padding: 12px;
}
#SalatTimeWrapper .ST__body .ST__times__item {
  background: #fff;
  padding: 15px;
  border-radius: 0.75em;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  cursor: pointer;
  -webkit-transition: -webkit-box-shadow 350ms ease-in-out;
  transition: -webkit-box-shadow 350ms ease-in-out;
  transition: box-shadow 350ms ease-in-out;
  transition: box-shadow 350ms ease-in-out, -webkit-box-shadow 350ms ease-in-out;
}
#SalatTimeWrapper .ST__body .ST__times__item:hover {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
#SalatTimeWrapper .ST__body .ST__times__item__name {
  font-size: 1em;
}
#SalatTimeWrapper .ST__body .ST__times__item__time {
  font-size: 1.25em;
  font-weight: bold;
}
#SalatTimeWrapper .ST__body .ST__times__item.featured {
  background: #FFB700;
}
#SalatTimeWrapper .ST__footer {
  background-color: #fde2e2;
  padding: 12px;
  grid-column: -1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#SalatTimeWrapper .ST__footer button {
  padding: 3px 5px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  background-color: transparent;
  color: #000;
  -webkit-transition: 350ms ease-in-out background-color;
  transition: 350ms ease-in-out background-color;
}
#SalatTimeWrapper .ST__footer button:hover {
  background-color: #ffffff;
}
#SalatTimeWrapper .ST__footer button.time_toggler {
  background-color: #D72424;
  color: #fff;
}
#SalatTimeWrapper .ST__footer button.time_toggler.on svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#SalatTimeWrapper .st__today--arabic {
  font-size: 1rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  border-radius: 0 0 10px 10px;
  background: #FFB700;
  color: #000;
  text-align: center;
  padding: 0.25rem 1rem 0.15rem;
}
#SalatTimeWrapper .ST__modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
#SalatTimeWrapper .ST__modal__content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border-radius: 8px;
  width: 80%;
  max-width: 500px;
}
#SalatTimeWrapper .ST__modal__close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}
#SalatTimeWrapper .ST__modal__close:hover {
  color: #000;
}
#SalatTimeWrapper .select2-container {
  margin-top: 15px;
}

@-webkit-keyframes pulseBackground {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    background: radial-gradient(circle, rgba(237, 2, 2, 0.5) 0%, rgba(237, 2, 2, 0) 50%);
  }
  50% {
    opacity: 1;
    background: radial-gradient(circle, rgba(237, 2, 2, 0.5) 0%, rgba(237, 2, 2, 0) 70%);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.25);
            transform: translate(-50%, -50%) scale(1.25);
    background-color: #ededed;
    opacity: 0.25;
  }
}

@keyframes pulseBackground {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    background: radial-gradient(circle, rgba(237, 2, 2, 0.5) 0%, rgba(237, 2, 2, 0) 50%);
  }
  50% {
    opacity: 1;
    background: radial-gradient(circle, rgba(237, 2, 2, 0.5) 0%, rgba(237, 2, 2, 0) 70%);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.25);
            transform: translate(-50%, -50%) scale(1.25);
    background-color: #ededed;
    opacity: 0.25;
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.post__feedback {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1rem 0;
  font-size: 1.2rem;
}
.post__feedback br {
  display: none;
}
@media (max-width: 767px) {
  .post__feedback {
    font-size: 1rem;
  }
}
.post__feedback__inner {
  width: 100%;
  margin-bottom: 0 !important;
  background-color: #ffffff;
  border-radius: 0.5rem;
  padding: 1.5rem 1.25rem 0.75rem;
  border: 1px solid #e0e0e0;
  -webkit-transition: border 250ms ease-in-out, -webkit-box-shadow 250ms ease-in-out;
  transition: border 250ms ease-in-out, -webkit-box-shadow 250ms ease-in-out;
  transition: border 250ms ease-in-out, box-shadow 250ms ease-in-out;
  transition: border 250ms ease-in-out, box-shadow 250ms ease-in-out, -webkit-box-shadow 250ms ease-in-out;
}
@media (max-width: 575px) {
  .post__feedback__inner {
    padding: 1rem 0.5rem;
  }
}
.post__feedback__inner:hover {
  border-color: #ED0202;
  -webkit-box-shadow: 2px 2px 2px 2px rgba(237, 2, 2, 0.5);
          box-shadow: 2px 2px 2px 2px rgba(237, 2, 2, 0.5);
}
.post__feedback__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 0 !important;
}
@media (max-width: 399px) {
  .post__feedback__options {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.post__feedback__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.25rem;
  border-radius: 0.75rem;
  font-size: 1em;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  -webkit-box-shadow: 1px 1px 0.25rem rgba(224, 224, 224, 0.25);
          box-shadow: 1px 1px 0.25rem rgba(224, 224, 224, 0.25);
  cursor: pointer;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .post__feedback__option {
    font-size: 1rem;
  }
}
@media (max-width: 575px) {
  .post__feedback__option {
    padding: 0.25rem 0.5rem;
    font-size: 14px;
    border-radius: 4px;
  }
}
.post__feedback__option .emoji {
  -webkit-transition: all 250ms cubic-bezier(0.5, 0.5, 0.25, 2);
  transition: all 250ms cubic-bezier(0.5, 0.5, 0.25, 2);
  font-size: 1.5em;
}
@media (max-width: 767px) {
  .post__feedback__option .emoji {
    font-size: 1.25em;
  }
}
.post__feedback__option::before {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(237, 2, 2, 0.5) 0%, rgba(237, 2, 2, 0) 70%);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
  z-index: -1;
}
.post__feedback__option:hover {
  background-color: #ededed;
}
.post__feedback__option:hover .emoji {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}
.post__feedback__option:hover::before {
  -webkit-animation: pulseBackground 600ms ease-in-out forwards;
          animation: pulseBackground 600ms ease-in-out forwards;
}
.post__feedback__option.selected {
  border-color: #ED0202;
  -webkit-box-shadow: 0 0 2px 2px rgba(237, 2, 2, 0.5);
          box-shadow: 0 0 2px 2px rgba(237, 2, 2, 0.5);
}
.post__feedback__option.selected .emoji {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}
.post__feedback__title {
  margin-bottom: 1.15em;
}
@media (max-width: 575px) {
  .post__feedback__title {
    margin-bottom: 1rem;
  }
}
.post__feedback__response {
  margin-top: 1rem;
  font-size: 1rem;
  color: #3b3b3b;
  display: none;
}
.post__feedback__result {
  width: 100%;
  font-size: 1rem;
  color: #999;
}
.post__feedback__result br {
  display: none;
}
.post__feedback__suggestions {
  margin-top: 20px;
}
.post__feedback__suggestions .suggestions-loader {
  text-align: center;
  padding: 20px;
}
.post__feedback__suggestions .suggestions-loader .spinner {
  border: 4px solid #e0e0e0;
  border-top: 4px solid #ED0202;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  margin: 0 auto;
}
.post__feedback__suggestions .suggestions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.post__feedback__suggestions .suggestions-grid .block-news {
  margin-bottom: 0;
  padding: 15px;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.post__feedback__suggestions .suggestions-grid .block-news:nth-child(even) {
  border-right: 0;
}
@media (min-width: 1200px) {
  .post__feedback__suggestions .suggestions-grid .block-news:nth-last-child(-n+2) {
    border-bottom: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .post__feedback__suggestions .suggestions-grid .block-news {
    padding: 10px 0;
    border-right: 0;
  }
  .post__feedback__suggestions .suggestions-grid .block-news:last-of-type {
    border-bottom: 0;
  }
}
@media (max-width: 767px) {
  .post__feedback__suggestions .suggestions-grid .block-news {
    padding: 10px 0;
    border-right: 0;
  }
  .post__feedback__suggestions .suggestions-grid .block-news:last-of-type {
    -webkit-border-before: 0;
            border-block-start: 0;
  }
}
.post__feedback__suggestions .suggestions-grid .block-news .news__thumb {
  max-width: 100px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100px;
          flex: 1 1 100px;
}
.post__feedback__suggestions .suggestions-grid .block-news .news__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.block-news {
  display: block;
  position: relative;
  font-size: clamp(18px, 1.35vw, 32px);
  margin-bottom: 1rem;
}
.block-news .news__thumb {
  display: block;
  margin: 0;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1.9/1.1;
}
.block-news .news__thumb figure {
  display: block;
  width: 100%;
  height: 100%;
}
.block-news .news__thumb picture {
  display: block;
  height: 100%;
}
.block-news .news__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.block-news .news__thumb:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.block-news .news__content {
  padding: 15px 0;
}
.block-news .news__meta {
  margin-bottom: 8px;
  font-size: 0.8em;
}
.block-news .news__title {
  font-size: 1.3em;
  line-height: 1.35em;
  margin-bottom: 10px;
  font-weight: 600;
}
.block-news .news__title a {
  color: #1d222f;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.block-news .news__title a:hover {
  color: #ED0202;
}
.block-news .news__title--small {
  font-size: clamp(1.3rem, 1.1em, 1.5rem);
}
.block-news .news__title--small a {
  -webkit-line-clamp: 2;
}
.block-news .news__title--small + .news__excerpt {
  font-size: 1rem;
}
.block-news .news__excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: clamp(1rem, 0.85em, 1.1rem);
  line-height: 1.3em;
  color: #999;
}
.block-news .news__excerpt--small {
  font-size: clamp(0.9em, 0.7em, 1rem);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.block-news .news__time {
  font-size: 1rem;
  color: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  margin-top: 10px;
  margin-bottom: 0;
}
.block-news .news__time .remixicon {
  font-size: 1em;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.block-news--small {
  font-size: clamp(1.1rem, 1vw, 1.5rem);
}
.block-news--small .news__title {
  font-size: 1em;
}
.block-news.divider {
  border-bottom: 1px solid #e0e0e0;
}
.block-news.divider:last-of-type {
  border-bottom: 0;
}

.no-thumb .news__thumb {
  display: none;
}

.no-excerpt .news__excerpt {
  display: none;
}

.no-time .news__time {
  display: none;
}

.no-meta .news__meta {
  display: none;
}

.block-news--2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.7rem;
  position: relative;
  font-size: clamp(16px, 1vw, 22px);
}
.block-news--2 .news__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.5rem 0;
}
.block-news--2 .news__thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  aspect-ratio: 1.9/1.25;
  border-radius: clamp(6px, 0.35em, 12px);
}
@media (max-width: 575px) {
  .block-news--2 .news__thumb {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 130px;
            flex: 0 0 130px;
  }
}
.block-news--2 .news__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.1rem;
  margin-bottom: 6px;
}
.block-news--2 .news__time {
  font-size: 0.8em;
}
.block-news--2.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.block-news--3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 0.7rem;
  position: relative;
  font-size: clamp(1.3rem, 1.2vw, 1.5rem);
  background-color: #f7f7f7;
  border-radius: 12px;
  overflow: hidden;
}
.block-news--3 .news__thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  aspect-ratio: 1.9/1.25;
  border-radius: clamp(6px, 0.35em, 12px);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (max-width: 575px) {
  .block-news--3 .news__thumb {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    border-bottom-left-radius: 0;
  }
}
.block-news--3 .news__content {
  padding: 8px 16px;
}
.block-news--3 .news__title {
  font-weight: 700;
  color: #1d222f;
}
@media (max-width: 575px) {
  .block-news--3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}
.block-news--3 .news__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 1199px) {
  .block-news--3 .news__title {
    font-size: 1.1em;
  }
}

.block-widget {
  border: 1px solid #ffd6d6;
  background-color: #fff4f4;
  border-radius: 8px;
  overflow: hidden;
}
.block-widget .widget__title {
  background-color: #ED0202;
  padding: 8px;
}
.block-widget .widget__title h2 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 0;
  color: #ffffff;
}
.block-widget .widget__content {
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1199px) {
  .block-widget .widget__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 991px) {
  .block-widget .widget__content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.block-widget .widget__content .no-excerpt .news__title {
  margin-bottom: 0;
}
.block-widget .block-news {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(237, 2, 2, 0.25);
}
@media (max-width: 1199px) {
  .block-widget .block-news {
    border: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .block-widget .block-news {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(237, 2, 2, 0.25);
    border-right: 1px solid rgba(237, 2, 2, 0.25);
  }
  .block-widget .block-news:nth-child(2n) {
    border-right: 0;
    padding-left: 8px;
  }
  .block-widget .block-news:nth-last-child(-n+2) {
    border-bottom: 0;
  }
}
@media (max-width: 479px) {
  .block-widget .block-news {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(237, 2, 2, 0.25) !important;
    border-right: 0;
  }
}
.block-widget .block-news:last-of-type {
  border-bottom: 0 !important;
  margin-bottom: 0;
  padding-bottom: 0;
}

.block-widget.block-widget--tab .section__header {
  height: 42px;
  background-color: #ED0202;
  color: #ffffff;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.block-widget.block-widget--tab .section__header .tav__nav::after {
  display: none !important;
}
.block-widget.block-widget--tab .section__header .tav__nav .btn.btn-tab-nav {
  height: 100%;
  color: #ffffff;
  border-bottom: 0;
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.block-widget.block-widget--tab .section__header .tav__nav .btn.btn-tab-nav::after {
  content: "";
  width: clamp(20px, 100% - 1rem, 200px);
  height: 5px;
  background: #ED0202;
  border-radius: 99px;
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 50%;
  -webkit-transform: translateX(-50%) scaleX(0);
          transform: translateX(-50%) scaleX(0);
  z-index: 1;
  -webkit-transition: 300ms ease-in-out transform;
  transition: 300ms ease-in-out transform;
}
.block-widget.block-widget--tab .section__header .tav__nav .btn.btn-tab-nav:hover, .block-widget.block-widget--tab .section__header .tav__nav .btn.btn-tab-nav.active {
  background-color: #ba0202;
}
.block-widget.block-widget--tab .section__header .tav__nav .btn.btn-tab-nav.active::after {
  -webkit-transform: translateX(-50%) scaleX(1);
          transform: translateX(-50%) scaleX(1);
}
.block-widget.block-widget--tab .block-content {
  max-height: 540px;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.block-widget.block-widget--tab .block-footer {
  padding: 0.5rem;
}
.block-widget.block-widget--tab .block-footer a {
  width: 100%;
  text-align: center;
  border-radius: 8px;
  display: block;
  padding: 0.5rem;
  font-weight: 700;
  background-color: #ffd6d6;
  border: 1px solid #febdbd;
  -webkit-transition: 300ms ease-in-out color background-color;
  transition: 300ms ease-in-out color background-color;
}
.block-widget.block-widget--tab .block-footer a:hover {
  background-color: #ED0202;
  color: #ffffff;
}
.block-widget.block-widget--tab .block-news {
  padding: 1rem 0.5rem;
  margin-bottom: 0;
  border-bottom: 1px solid #febdbd;
  border-right: 0;
}
.block-widget.block-widget--tab .block-news .news__thumb {
  max-width: 100px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100px;
          flex: 1 1 100px;
}
.block-widget.block-widget--tab .block-news .news__content {
  padding: 0;
}
.block-widget.block-widget--tab .block-news .news__title {
  margin-bottom: 0;
}

.three-cols .salah__time__share__btn {
  display: none !important;
}
@media (min-width: 1720px) {
  .three-cols .block-news .news__thumb {
    max-width: 150px !important;
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 150px !important;
            flex: 1 1 150px !important;
  }
}

.main__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media (max-width: 1719px) {
  .main__section {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 1199px) {
  .main__section {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.main__featured {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}
@media (max-width: 991px) {
  .main__featured {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 767px) {
  .main__featured {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .main__featured {
    grid-template-columns: repeat(1, 1fr);
  }
}
.main__featured .block-news {
  margin-bottom: 0;
}
.main__featured .block-news .news__title {
  font-size: 1.65em;
  font-weight: 700;
}
.main__featured .block-news .news__content {
  padding-bottom: 0;
}
.main__featured .block-news:not(:first-of-type) .news__title {
  font-size: clamp(20px, 0.9em, 22px);
}
@media (max-width: 991px) {
  .main__featured .block-news:not(:first-of-type) .news__title {
    font-size: 17px;
  }
}
.main__featured > :first-child {
  grid-column: -1/1;
}
.main__featured .block-news--2 {
  width: 100%;
}
.main__featured .block-news--2 .news__title a {
  -webkit-line-clamp: 3;
}

.main__centar {
  width: 30%;
  padding: 8px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  height: clamp(500px, 100vh - 100px, 820px);
}
@media (max-width: 1199px) {
  .main__centar {
    width: 40%;
  }
}
@media (max-width: 991px) {
  .main__centar {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .main__centar {
    width: 100%;
  }
}
.main__centar .block-scroll-y {
  height: 100%;
  padding-right: 8px;
  overflow-y: auto;
}
.main__centar .block-news {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}
.main__centar .block-news .news__title {
  font-size: clamp(17px, 1em, 20px);
}
.main__centar .block-news:last-of-type {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.main__sidebar {
  width: 20%;
  grid-column: span 3;
}
@media (max-width: 1199px) {
  .main__sidebar {
    width: 100%;
  }
}

.polupar-with-poll {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (max-width: 1199px) {
  .polupar-with-poll {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .polupar-with-poll {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1200px) {
  .single__news .container-xl {
    max-width: 1200px;
  }
}
.single__news .single__news__inner .news__header {
  background-color: #ffffff;
  border-bottom: 1px solid #999;
  margin-bottom: 20px;
  padding-top: 16px;
  z-index: 9;
}
.single__news .single__news__inner .news__header .meta {
  margin-bottom: 8px;
}
.single__news .single__news__inner .news__header .title {
  font-family: "Noto Serif Bengali", sans-serif;
  font-size: clamp(22px, 6vw, 32px);
  font-weight: 700;
}
.single__news .single__news__inner .news__header .author {
  font-size: clamp(18px, 3vw, 22px);
  margin-bottom: 5px;
}
.single__news .single__news__inner .news__header .publish {
  margin-bottom: 0;
}
.single__news .single__news__inner .news__header .sub_meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  padding-bottom: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 575px) {
  .single__news .single__news__inner .news__header .social-icons__title {
    display: none;
  }
}
.single__news .single__news__inner .news__thumb--single {
  margin-bottom: 20px;
}
.single__news .single__news__inner .news__thumb--single img,
.single__news .single__news__inner .news__thumb--single picture {
  width: 100%;
  height: auto;
  aspect-ratio: 5/3;
  -o-object-fit: cover;
     object-fit: cover;
}
.single__news .single__news__inner .news__thumb--caption {
  font-size: 1rem;
  line-height: 1.35;
  font-style: italic;
  margin-top: 0.5rem;
  margin-bottom: 0 !important;
}
.single__news .single__news__inner .news__body,
.single__news .single__news__inner .news__thumb {
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  line-height: 1.6;
}
.single__news .single__news__inner .news__body p,
.single__news .single__news__inner .news__thumb p {
  margin-bottom: 1.25em;
}
.single__news .single__news__inner .news__body .adjustable-content div {
  margin-bottom: 1em;
}
.single__news .single__news__inner .news__body .adjustable-content div[dir=auto] {
  margin-bottom: 1em;
}
.single__news .single__news__inner .news__body .adjustable-content ul {
  padding-left: 40px;
  margin-bottom: 16px;
}
.single__news .single__news__inner .news__body .adjustable-content .table-wrapper {
  width: 100%;
  overflow: hidden;
  overflow-x: scroll;
}
.single__news .single__news__inner .news__body .adjustable-content table {
  margin-bottom: 16px;
}
.single__news .single__news__inner .news__body .adjustable-content table td,
.single__news .single__news__inner .news__body .adjustable-content table th {
  padding: 0px 12px;
  border: 1px solid;
}
.single__news .single__news__inner .news__body .adjustable-content blockquote {
  background: #f7f7f7;
  border-left: 5px solid #ED0202;
  padding: 16px;
  font-weight: 700;
  font-style: italic;
}
.single__news .single__news__inner .news__body .adjustable-content blockquote p {
  margin-bottom: 0 !important;
}
.single__news .single__news__inner .news__body .adjustable-content figure {
  width: 100% !important;
}
.single__news .single__news__inner .news__body .adjustable-content figure img {
  width: 100%;
  height: auto;
}
.single__news .single__news__inner .news__body .adjustable-content figure figcaption {
  font-size: 0.8em;
  font-style: italic;
}
.single__news .single__news__inner .news__tags {
  margin: 25px 0;
  font-size: 1rem;
}
.single__news .single__news__inner .news__tags ul {
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-left: 8px;
}
.single__news .single__news__inner .news__tags ul .tag-item {
  display: inline-block;
  padding: 4px 8px;
  margin-left: 0;
  line-height: 1.35;
  background-color: #e0e0e0;
  color: #1d222f;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  border-bottom: 2px solid transparent;
  -webkit-transition: unset;
  transition: unset;
  border-radius: 4px;
}
.single__news .single__news__inner .news__tags ul .tag-item:hover {
  background-color: lightgray;
  border-color: #ED0202;
}
.single__news .single__news__inner--v2 .news__header {
  background-color: #AB0000;
  padding: clamp(2rem, 5vw, 3rem) 0 clamp(8rem, 20vw, 15rem);
  color: #ffffff;
  font-size: clamp(16px, 1.5vw, 24px);
}
.single__news .single__news__inner--v2 .news__header .meta {
  color: #ffffff;
  font-size: 1em;
  margin-bottom: 0.75rem;
}
.single__news .single__news__inner--v2 .news__header .meta-link {
  color: #ffffff;
}
.single__news .single__news__inner--v2 .news__header .title {
  font-size: 2em;
  margin-bottom: 0.75rem;
}
.single__news .single__news__inner--v2 .news__header .title a {
  color: currentColor;
}
.single__news .single__news__inner--v2 .news__header .excerpt {
  color: #ffffff;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  line-height: 1.45;
  margin-bottom: 1rem;
  opacity: 0.85;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.single__news .single__news__inner--v2 .news__thumb--single {
  margin-top: calc(clamp(8rem, 20vw, 15rem) * -1);
  margin-bottom: 1rem;
  border-radius: 12px;
  overflow: hidden;
  max-width: unset;
  position: relative;
  -webkit-box-shadow: 0 4px 0.75rem rgba(59, 59, 59, 0.25);
          box-shadow: 0 4px 0.75rem rgba(59, 59, 59, 0.25);
}
.single__news .single__news__inner--v2 .news__thumb--single img,
.single__news .single__news__inner--v2 .news__thumb--single picture {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all ease-in-out 350ms;
  transition: all ease-in-out 350ms;
}
.single__news .single__news__inner--v2 .news__thumb--single:hover img,
.single__news .single__news__inner--v2 .news__thumb--single:hover picture {
  -webkit-transform: scale(1.025);
          transform: scale(1.025);
}
.single__news .single__news__inner--v2 .news__thumb--single .news__thumb--caption {
  width: 100%;
  padding: 0.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 991px) {
  .single__news .single__news__inner--v2 .news__thumb--single .news__thumb--caption {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .single__news .single__news__inner--v2 .news__thumb--single .news__thumb--caption {
    font-size: 0.88rem;
  }
}
.single__news .single__news__inner--v2 .sub_meta {
  width: 100%;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e0e0e0;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  position: sticky;
  z-index: 10;
}
.single__news .single__news__inner--v2 .sub_meta p {
  margin-bottom: 0;
}
.single__news .single__news__inner--v2 .sub_meta .author {
  font-size: 1.35rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
@media (max-width: 399px) {
  .single__news .single__news__inner--v2 .sub_meta .author {
    font-size: 1.15rem;
  }
}
.single__news .single__news__inner--v2 .sub_meta .publish {
  font-size: 1.125rem;
}
@media (max-width: 399px) {
  .single__news .single__news__inner--v2 .sub_meta .publish {
    font-size: 1rem;
  }
}
.single__news .single__news__inner--v2 .sub_meta .social-icons.inline {
  margin-left: auto;
}
.single__news .single__news__inner--v2 .sub_meta .social-icons.inline ul li a, .single__news .single__news__inner--v2 .sub_meta .social-icons.inline ul li button {
  width: 2.25rem;
  font-size: 1.5rem;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.single__news .single__news__inner--v2 .sub_meta .social-icons.inline ul li a .remixicon, .single__news .single__news__inner--v2 .sub_meta .social-icons.inline ul li button .remixicon {
  font-size: 0.8em;
}
@media (max-width: 575px) {
  .single__news .single__news__inner--v2 .sub_meta .social-icons.inline ul li a, .single__news .single__news__inner--v2 .sub_meta .social-icons.inline ul li button {
    font-size: 1.25rem;
    width: 2rem;
  }
}
@media (max-width: 399px) {
  .single__news .single__news__inner--v2 .sub_meta .social-icons.inline ul li a, .single__news .single__news__inner--v2 .sub_meta .social-icons.inline ul li button {
    font-size: 1rem;
    width: 1.75rem;
  }
}
.single__news .single__news__inner--v2 .sub_meta .social-icons.inline ul li a:hover, .single__news .single__news__inner--v2 .sub_meta .social-icons.inline ul li button:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.single__news .single__news__inner--v2 .sub_meta .social-icons.inline .social-icons__title {
  font-size: 1rem;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
@media (max-width: 575px) {
  .single__news .single__news__inner--v2 .sub_meta .social-icons.inline .social-icons__title {
    display: none;
  }
}
.single__news .single__news__inner--v2 .news__body {
  max-width: 100%;
  padding: 0 0.25rem;
  margin-top: clamp(1rem, 2vw, 2.5rem);
}
@media (max-width: 991px) {
  .single__news .single__news__inner--v2 .sidebar__wrapper {
    display: none;
  }
}

.font-controls {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.font-controls button {
  height: 36px;
  width: auto;
  min-width: 36px;
  border: 0;
  padding: 0 8px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 28px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  border-bottom: 2px solid transparent;
  -webkit-transition: unset;
  transition: unset;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.font-controls button:hover {
  background-color: lightgray;
  border-color: #ED0202;
}
.font-controls button:active, .font-controls button:focus, .font-controls button:focus-within {
  color: #1d222f;
}
.font-controls button.font-increase {
  font-size: 1.2em;
  font-weight: 700;
}
.font-controls button.font-decrease {
  font-size: 0.8em;
}

.news__footer .fb-comments {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 8px;
}

#print-template {
  display: none;
}

@media print {
  #print-template {
    display: block;
  }
  .print-section {
    display: none;
  }
}
.font-controls-fixed {
  position: fixed;
  bottom: 5.8rem;
  right: 0.75rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  z-index: 11;
  gap: 10px;
}
@media (max-width: 767px) {
  .font-controls-fixed {
    bottom: 5.25rem;
  }
}
.font-controls-fixed button {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 1.2em;
  border: 1px solid #ffffff;
  padding: 4px;
  background-color: #3b3b3b;
  color: #ffffff;
  -webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.25);
          box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.25);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
@media (max-width: 767px) {
  .font-controls-fixed button {
    width: 42px;
    height: 42px;
    font-size: 1.1em;
  }
}
.font-controls-fixed button:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background-color: #ED0202;
  color: #ffffff;
}
.font-controls-fixed button.font-decrease {
  font-size: 1.1em;
}

@media print {
  .news__content div[dir=auto] {
    margin-bottom: 16px;
  }
  .news__content ul {
    padding-left: 40px;
    margin-bottom: 16px;
  }
  .news__content .table-wrapper {
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
  }
  .news__content table {
    margin-bottom: 16px;
  }
  .news__content table td,
  .news__content table th {
    padding: 0px 12px;
    border: 1px solid;
  }
  .news__content blockquote {
    background: #f7f7f7;
    border-left: 5px solid #ED0202;
    padding: 16px;
    font-weight: 700;
    font-style: italic;
  }
  .news__content blockquote p {
    margin-bottom: 0 !important;
  }
  .news__content figure {
    width: 100% !important;
  }
  .news__content figure img {
    width: 100%;
    height: auto;
  }
  .news__content figure figcaption {
    font-size: 0.8em;
    font-style: italic;
  }
}
.search-title {
  font-size: clamp(20px, 3vw, 36px);
}

@media (max-width: 991px) {
  .search-results-section {
    max-width: 450px;
    margin: auto;
  }
}

.search-form-container .search-form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.search-form-container .search-form label {
  width: 100%;
}
.search-form-container .search-form input[type=search] {
  margin-top: 0;
  padding: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  width: 100%;
  font-size: 20px;
  line-height: 1;
  color: #3b3b3b;
}
.search-form-container .search-form input[type=search]:focus {
  outline: none;
  border-color: #3b3b3b;
}
.search-form-container .search-form .search-submit {
  margin-top: 0;
  padding: 18px 20px;
  border: none;
  border-radius: 5px;
  background-color: #3b3b3b;
  color: #ffffff;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.search-form-container .search-form .search-submit:hover {
  background-color: #ED0202;
}

.single__news__inner--v2 .sub_meta {
  top: 56px;
}
@media (max-width: 600px) {
  .single__news__inner--v2 .sub_meta {
    top: 60px;
  }
}
.single__news__inner--v2 .sidebar__wrapper {
  top: calc(120px + 1rem);
}
@media (max-width: 600px) {
  .single__news__inner--v2 .sidebar__wrapper {
    top: 60px;
  }
}

.site-header {
  margin-top: 0;
}

.header__menu.sticky-on {
  top: 0;
}

.menu__offscreen,
.search__offscreen {
  padding-top: 0;
}

.admin-bar .site-header {
  margin-top: 32px;
}
.admin-bar .single__news__inner--v2 .sub_meta {
  top: 88px;
}
@media (max-width: 767px) {
  .admin-bar .single__news__inner--v2 .sub_meta {
    top: 102px;
  }
}
@media (max-width: 600px) {
  .admin-bar .single__news__inner--v2 .sub_meta {
    top: 60px;
  }
}
.admin-bar .single__news__inner--v2 .sidebar__wrapper {
  top: calc(120px + 32px + 1rem);
}
@media (max-width: 767px) {
  .admin-bar .single__news__inner--v2 .sidebar__wrapper {
    top: calc(120px + 46px + 1rem);
  }
}
@media (max-width: 600px) {
  .admin-bar .single__news__inner--v2 .sidebar__wrapper {
    top: 60px;
  }
}
.admin-bar .header__menu.sticky-on {
  top: 32px;
}
@media (max-width: 767px) {
  .admin-bar .header__menu.sticky-on {
    top: 46px;
  }
}
@media (max-width: 600px) {
  .admin-bar .header__menu.sticky-on {
    top: 0;
    padding-top: 8px;
  }
}
.admin-bar .menu__offscreen,
.admin-bar .search__offscreen {
  padding-top: 32px;
}
@media (max-width: 767px) {
  .admin-bar .menu__offscreen,
  .admin-bar .search__offscreen {
    padding-top: 46px;
  }
}
@media (max-width: 600px) {
  .admin-bar .menu__offscreen,
  .admin-bar .search__offscreen {
    padding-top: 0;
  }
}
@media (max-width: 600px) {
  .admin-bar .offscreen.sticky-on {
    padding-top: 0 !important;
  }
}/*# sourceMappingURL=style.css.map */