/*-----------------------------------------------------------------------------------

  Theme Name: Africa4U - Blog, News & Magazine HTML Template.
  Author: RRDevs
  Support: https://support.rrdevs.net
  Version: 1.0
  Description: Blog,News is a modern and responsive HTML5 template specially crafted for blogs,
  online magazines, news portals, and content publishers. With its clean design,
  flexible layout, and SEO-friendly structure, it helps you showcase articles, categories,
  and trending stories beautifully across all devices. Easy to customize and built with the latest web technologies,
  MagNews ensures a smooth and engaging reading experience for your audience.
  Developer: Mamun khan (https://github.com/mk-mamun-khan)
-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************
/* variable css */
/* typography css */
/* animation css */
/* common css */
/* theme css */
/* preloader css */
/* scroll css */
/* button css */
/* menu css */
/* modal css */
/* cursor css */
/* header css */
/* footer css */
/* digital agency page css */
/* startup agency page css */
/* creative agency page css */
/* design studio page css */
/* branding agency page css */
/* video production page css */
/* portfolio minimal page css */
/* Portfolio Grid page css */
/* full screen menu slider page css */
/* ai agency page css */
/* about us page css */
/* service page css */
/* service details page css */
/* work page css */
/* work details page css */
/* team page css */
/* team details page css */
/* blog page css */
/* blog details page css */
/* contact page css */
/* error page css */
/* marketing agency page css */
/* modern agency page css */
/* image reveal hover page css */
/* agency portfolio page css */
/* agency portfolio 2 page css */
/* portfolio massonary page css */
/* portfolio full page css */
/* full screen clam slider page css */
/* === Colors variable scss (index 01) === */
/* Google Font (Host Grotesk) is enqueued by the WordPress theme (functions.php) */
:root {
  --primary: #DC2626;
  --primary2: #3C4CF6;
  --primary3: #7D0EDE;
  --primary4: #FF6000;
  --secondary: #191717;
  --bg: #191717;
  --bg-2: #16181A;
  --black: #000000;
  --white: #FFFFFF;
  --border: #E2E2E2;
  --body_text: #74787C;
  --grey-bg: #F3F4F6;
  --bg-3: #271515;
}

/* === Responsive variable scss (index 02) === */
/* === For Box Layout scss (index 03) === */
/* === Responsive container scss (index 04) === */
/* === heading scss (index 01) === */
/* === dark scss (index 01) === */
/* === bg primary  scss (index 01) === */
/* === Transition multiple scss (index 01) === */
/* === Transform scss (index 01) === */
/* === Flexbox scss (index 01) === */
/* === Font Family scss (index 01) === */
:root {
  --font_header: "Host Grotesk", sans-serif;
  --font_body: "Host Grotesk", sans-serif;
  --font_awesome: "Font Awesome 6 Pro";
}

/* === Defalut Style scss (index 03) === */
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font_body);
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: var(--secondary);
}

html {
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  line-height: 1.22;
  font-weight: 500;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media only screen and (max-width: 767px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    max-width: 100%;
  }
}

ul,
ol {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  transition: all 0.3s;
  color: inherit;
}
a:hover {
  color: var(--primary);
}

button {
  background-color: transparent;
  border: 0;
}

p {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: var(--body_text);
}
@media only screen and (max-width: 767px) {
  p {
    max-width: 100%;
  }
}

strong {
  font-weight: 500;
}

video,
iframe,
img {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

.medium {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

/* === Gutter scss (index 03) === */
@media only screen and (max-width: 767px) {
  .g-0 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .row.g-0 {
    padding-right: 0;
    padding-left: 0;
  }
  br {
    display: none;
  }
}
main {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 32px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

/* animation css */
.skillInLeft {
  animation: skillInLeft 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes skillInLeft {
  0% {
    transform: translateX(-100%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.custom-anim-left {
  opacity: 0;
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
}

@keyframes img-anim-left {
  0% {
    opacity: 0;
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
  }
}
.fadeInUp {
  opacity: 0;
  animation: fadeInUp 2s ease-out forwards;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.upDown {
  animation: upDown 1.3S infinite alternate;
}

@keyframes upDown {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.ripple {
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  border-radius: 50%;
  animation: ripple 1.5s linear infinite;
  background: rgba(255, 255, 255, 0.5);
}

.ripple.delay {
  animation-delay: 0s;
}

@keyframes ripple {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
/* === Scrollbar scss (index 01) === */
::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #d6d6d6;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* === positioning scss (index 02) === */
.rr-pos-rel {
  position: relative;
}

.rr-pos-abs {
  position: absolute;
}

.rr-ov-hidden {
  overflow: hidden;
}

/* === Container scss (index 03) === */
.container {
  --bs-gutter-x: 30px;
  max-width: 1320px;
}
.container.large {
  --bs-gutter-x: 30px;
  max-width: 1790px;
}
.container.custom-container {
  --bs-gutter-x: 30px;
  max-width: 1710px;
}

/* === Background scss (index 04) === */
.rr-bg-primary {
  background-color: var(--primary);
}

.go-down {
  width: 28px;
  height: 28px;
  background-color: var(--primary);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 50%;
}
.dark .go-down {
  color: var(--black);
}

.heading-display__wrap {
  gap: 20px;
  display: flex;
  margin-bottom: 40px;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .heading-display__wrap {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .heading-display__wrap {
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 25px;
  }
}

.body-3 {
  background-color: var(--grey-bg);
}

.hover-item_2:hover {
  color: var(--primary2);
}
.hover-item_2 a:hover {
  color: var(--primary2);
}
.hover-item_3:hover {
  color: var(--primary3);
}
.hover-item_3 a:hover {
  color: var(--primary3);
}
.hover-item_4:hover {
  color: var(--primary4);
}
.hover-item_4 a:hover {
  color: var(--primary4);
}

.mt-minus-3 {
  margin-top: -3px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-minus-30 {
  margin-bottom: -30px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-minus-24 {
  margin-bottom: -24px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-minus-25 {
  margin-bottom: -25px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-minus-15 {
  margin-bottom: -15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-minus-20 {
  margin-bottom: -20px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-minus-40 {
  margin-bottom: -40px;
}

@media only screen and (max-width: 991px) {
  .mb-md-20 {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .mt-md-30 {
    margin-top: 30px;
  }
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.fix {
  overflow: hidden;
}

.br-5 {
  border-radius: 5px;
}
.br-5 img {
  border-radius: 5px;
}

.br-10 {
  border-radius: 10px;
}
.br-10 img {
  border-radius: 10px;
}

.br-20 {
  border-radius: 20px;
}
.br-20 img {
  border-radius: 20px;
}

.mb-0 {
  margin-bottom: 0;
}

.text_center {
  text-align: center;
}

.text_white {
  color: var(--white) !important;
}

.text_secondary {
  color: var(--secondary) !important;
}

.z-index-1 {
  z-index: 1;
}

.z-index-11 {
  z-index: 11;
}

/* === ontainer styling with full HD support  scss (index 08) === */
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: var(--white);
  right: -6px;
  width: 20px;
  background: transparent;
  text-align: center;
  line-height: 50px;
  padding: 0;
  height: 10px;
  margin-top: 0px;
  opacity: 1;
}

/* ===Inverted scss (index 09) === */
.text-invert > div {
  background-image: linear-gradient(to right, var(--primary) 50%, #CDC9C6 51%);
  background-size: 200% 100%;
  background-position-x: 100%;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

/* === Sticky header scss (index 14) === */
.header-sticky {
  transition: all 0.6s ease-in-out;
}

.transformed {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999 !important;
  position: fixed !important;
  transform: translateY(-100%);
}
.transformed .header-area__inner {
  height: 80px;
}

.sticky {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999 !important;
  transform: translateY(0%);
  position: fixed !important;
  background-color: var(--white);
}

/* === inverted text scss (index 15) === */
.text-invert > div {
  background-image: linear-gradient(to right, var(--primary) 50%, rgba(17, 17, 17, 0.3) 50%);
  background-size: 200% 100%;
  background-position-x: 100%;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

/* === theme scss (index 01) === */
html {
  --container-max-widths: 1320px;
}
@media only screen and (max-width: 1399px) {
  html {
    --container-max-widths: 1140px;
  }
}
@media only screen and (max-width: 1199px) {
  html {
    --container-max-widths: 960px;
  }
}
@media only screen and (max-width: 991px) {
  html {
    --container-max-widths: 720px;
  }
}
@media only screen and (max-width: 767px) {
  html {
    --container-max-widths: 540px;
  }
}

.body-wrapper {
  background-color: var(--white);
}
.body-wrapper.dark {
  background-color: var(--black);
}

.img_anim_reveal {
  visibility: hidden;
  overflow: hidden;
}
.img_anim_reveal img {
  object-fit: cover;
  transform-origin: left;
}

.anim-reveal {
  overflow: hidden;
}

.anim-reveal-line {
  overflow: hidden;
}

.color-white {
  color: var(--white);
}
.color-black {
  color: var(--black);
}
.color-primary {
  color: var(--primary);
}
.color-secondary {
  color: var(--secondary);
}

/* === BG Color scss (index 02) === */
.theme-bg-white {
  background-color: var(--white);
}
.theme-bg-black {
  background-color: var(--black);
}
.dark .theme-bg-black {
  background-color: #171717;
}
.theme-bg-primary {
  background-color: var(--primary);
}
.theme-bg-secondary {
  background-color: var(--secondary);
}
.theme-bg-transparent {
  background-color: transparent;
}
.theme-bg-theme {
  background-color: var(--theme);
}

/* === Z-index scss (index 03) === */
.zi-1 {
  z-index: 1;
}
.zi-2 {
  z-index: 2;
}
.zi-0 {
  z-index: 0;
}
.zi--1 {
  z-index: -1;
}

/* === Text Border scss (index 04) === */
.text-underline {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
  text-decoration-skip-ink: none;
}

.vertically-center {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* === Text Indent scss (index 05) === */
.text-indent-40 {
  text-indent: 40px;
}
.text-indent-50 {
  text-indent: 50px;
}

header {
  margin-bottom: -1px;
  z-index: 100;
}

section {
  margin-bottom: -1px;
}

.mb--1 {
  margin-bottom: -1px;
}

.dir-rtl {
  direction: rtl;
}

.show-light {
  display: inline-block;
}
.dark .show-light {
  display: none;
}

.show-dark {
  display: none;
}
.dark .show-dark {
  display: inline-block;
}

.line-divider-sm {
  height: 0.5px;
  background-color: var(--black-9);
}

/* === Section spacing  scss (index 07) === */
.section-space {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 991px) {
  .section-space {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .section-space {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.section-space-top {
  padding-top: 100px;
}
@media only screen and (max-width: 991px) {
  .section-space-top {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .section-space-top {
    padding-top: 70px;
  }
}

.section-space-bottom {
  padding-bottom: 100px;
}
@media only screen and (max-width: 991px) {
  .section-space-bottom {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .section-space-bottom {
    padding-bottom: 70px;
  }
}

.section-space-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 991px) {
  .section-space-120 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .section-space-120 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.section-space-top-120 {
  padding-top: 120px;
}
@media only screen and (max-width: 991px) {
  .section-space-top-120 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .section-space-top-120 {
    padding-top: 70px;
  }
}

.section-space-bottom-120 {
  padding-bottom: 120px;
}
@media only screen and (max-width: 991px) {
  .section-space-bottom-120 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .section-space-bottom-120 {
    padding-bottom: 70px;
  }
}

.section-space-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 991px) {
  .section-space-80 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .section-space-80 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.section-space-top-80 {
  padding-top: 80px;
}
@media only screen and (max-width: 991px) {
  .section-space-top-80 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .section-space-top-80 {
    padding-top: 60px;
  }
}

.section-space-bottom-80 {
  padding-bottom: 80px;
}
@media only screen and (max-width: 991px) {
  .section-space-bottom-80 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .section-space-bottom-80 {
    padding-bottom: 60px;
  }
}

.section-space-bottom-60 {
  padding-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  .section-space-bottom-60 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .section-space-bottom-60 {
    padding-bottom: 40px;
  }
}

/*----------------------------------------*/
/*  2.12 preloader
/*----------------------------------------*/
#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #121212;
  z-index: 99999999;
}

.sk-three-bounce {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #121212;
}
.sk-three-bounce_2 .sk-child {
  background-color: var(--primary2) !important;
}
.sk-three-bounce_3 .sk-child {
  background-color: var(--primary3) !important;
}
.sk-three-bounce_4 .sk-child {
  background-color: var(--primary4) !important;
}

.sk-three-bounce .sk-child {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-color: var(--primary);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}

.sk-three-bounce.is-brick-red.sk-three-bounce .sk-child {
  background-color: var(--primary);
}

.sk-three-bounce.is-mainly-blue.sk-three-bounce .sk-child {
  background-color: var(--primary);
}

.sk-three-bounce.is-orange.sk-three-bounce .sk-child {
  background-color: var(--primary);
}

.sk-three-bounce.is-purple.sk-three-bounce .sk-child {
  background-color: var(--primary);
}

.sk-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.sk-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* === scroll scss (index 01) === */
.scroll__down {
  display: flex;
  gap: 20px;
  align-items: center;
}
.scroll__down p {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.9;
  text-transform: uppercase;
  color: var(--white);
}
.scroll__down span {
  width: 66px;
  height: 106px;
  border: 1px solid var(--black-6);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 89px;
}
.scroll__down span i {
  color: var(--white);
}
.scroll__down-wrapper {
  height: 425px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1399px) {
  .scroll__down-wrapper {
    height: 380px;
  }
}
@media only screen and (max-width: 1199px) {
  .scroll__down-wrapper {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .scroll__down-wrapper {
    height: auto;
    padding: 40px 0;
  }
}
.scroll-top {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 15px;
  bottom: 0px;
  z-index: 9999;
  background: var(--white);
  border-radius: 100px;
  mix-blend-mode: exclusion;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
.scroll-top.showed {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}

.go-top-writer {
  width: 105px;
  font-size: 16px;
  cursor: pointer;
  text-align: left;
  color: var(--white);
  background-image: url(assets/imgs/writer/go-top.webp);
  background-position: right center;
  background-repeat: no-repeat;
  right: 16%;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
  transition: all 0.5s;
}
.go-top-writer:hover {
  color: var(--primary);
}
.go-top-writer.showed {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .go-top-writer br {
    display: block;
  }
}

/* === progress-wrap scss (index 01) === */
.progress-wrap {
  position: fixed;
  right: 80px;
  bottom: 50px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 9999;
  opacity: 0;
  background-color: var(--primary);
  visibility: hidden;
  transform: translateY(-100px);
  transition: all 300ms linear;
}
@media only screen and (max-width: 767px) {
  .progress-wrap {
    right: 20px;
    bottom: 30px;
  }
}

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  background-color: var(--primary);
}

.progress-wrap::after {
  position: absolute;
  content: "\f062";
  font: var(--fa-font-solid);
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  color: var(--white);
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition: all 200ms linear;
  border-radius: 50px;
  background-color: var(--primary);
}
.dark .progress-wrap::after {
  color: var(--black);
}
.progress-wrap_2::after {
  background-color: var(--primary2);
}
.progress-wrap_3::after {
  background-color: var(--primary3);
}
.progress-wrap_4::after {
  background-color: var(--primary4);
}

.progress-wrap svg path {
  fill: var(--black-6);
}

.progress-wrap svg.progress-circle path {
  fill: var(--white);
  stroke: transparent;
  stroke-width: 5;
  box-sizing: border-box;
  transition: all 200ms linear;
}

/* === primary btn scss (index 01) === */
.rr-btn {
  z-index: 5;
  font-size: 16px;
  overflow: hidden;
  font-weight: 700;
  line-height: 1;
  position: relative;
  padding: 17px 32.8px;
  align-items: center;
  display: inline-flex;
  border-radius: 500px;
  justify-content: center;
  text-transform: capitalize;
  font-family: var(--font_header);
  background-color: var(--primary);
}
.rr-btn:hover::before, .rr-btn:focus::before {
  height: 100%;
}
.rr-btn:hover .btn-wrap .text-one, .rr-btn:focus .btn-wrap .text-one {
  transform: translateY(-150%);
}
.rr-btn:hover .btn-wrap .text-two, .rr-btn:focus .btn-wrap .text-two {
  top: 50%;
  transform: translateY(-50%);
}
.rr-btn:after {
  display: block;
  clear: both;
  content: "";
}
.rr-btn::before {
  background-color: var(--secondary);
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  position: absolute;
  transition: all 0.5s;
}
.rr-btn .btn-wrap {
  z-index: 1;
  float: left;
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.rr-btn .btn-wrap .text-one,
.rr-btn .btn-wrap .text-two {
  gap: 4px;
  display: flex;
  margin-right: 1px;
  align-items: center;
}
.rr-btn .btn-wrap .text-one i,
.rr-btn .btn-wrap .text-two i {
  font-weight: 900;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
}
.rr-btn .btn-wrap .text-one {
  position: relative;
  color: var(--white);
  transition: all 0.5s;
}
.rr-btn .btn-wrap .text-two {
  top: 100%;
  position: absolute;
  color: var(--white);
  transition: all 0.5s;
}
.rr-btn-2 {
  width: 100px;
  padding: 9.5px 14px;
}
.rr-btn-3 {
  width: 100px;
  padding: 9.5px 15px;
  background-color: var(--white);
}
.rr-btn-3 .btn-wrap .text-one {
  color: var(--secondary);
}
.rr-btn-4 {
  padding: 17px 36.21px;
  background-color: var(--primary2);
}
.rr-btn-5 {
  width: 100px;
  padding: 9.5px 15.8px;
  background-color: var(--primary3);
}
.rr-btn-6 {
  width: 100px;
  padding: 9.5px 15.8px;
  background-color: var(--primary4);
}

.mean-container {
  margin-bottom: 35px;
}
.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: var(--white);
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  font-weight: 700;
  display: none !important;
}
.mean-container a.meanmenu-reveal span {
  height: 3px;
  display: block;
  margin-top: 3px;
  background: var(--white);
}
.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}
.mean-container .mean-nav {
  background: none;
  margin-top: 0;
  float: left;
  width: 100%;
}
.mean-container .mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}
.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}
.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}
.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}
.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}
.mean-container .mean-nav ul li.dropdown-opened > a, .mean-container .mean-nav ul li.dropdown-opened > span {
  color: var(--primary);
}
.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked, .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked {
  background: var(--primary);
  color: var(--white);
  border-color: transparent;
}
.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked i, .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked i {
  color: var(--white);
  -webkit-transform: rotate(90deg) translate(-84%, 30%);
  -moz-transform: rotate(90deg) translate(-84%, 30%);
  -ms-transform: rotate(90deg) translate(-84%, 30%);
  -o-transform: rotate(90deg) translate(-84%, 30%);
  transform: rotate(90deg) translate(-84%, 30%);
}
.mean-container .mean-nav ul li.mean-last {
  border-bottom: none;
  margin-bottom: 0;
}
.mean-container .mean-nav ul li > a.mean-expand i {
  top: 50%;
  left: 50%;
  color: var(--white);
  position: absolute;
  display: inline-block;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
}
.mean-container .mean-nav ul li > a > i {
  display: none;
}
.mean-container .mean-nav ul li a, .mean-container .mean-nav ul li span {
  margin: 0;
  float: left;
  width: 100%;
  display: block;
  padding: 10px 0;
  font-size: 16px;
  text-align: left;
  line-height: 1.5;
  font-weight: 500;
  color: var(--white);
  text-decoration: none;
  text-transform: capitalize;
  border-top: 1px solid rgba(255, 255, 255, 0.079);
}
.mean-container .mean-nav ul li a:hover, .mean-container .mean-nav ul li span:hover {
  color: var(--primary);
}
.mean-container .mean-nav ul li a:hover i, .mean-container .mean-nav ul li span:hover i {
  color: var(--white);
}
.mean-container .mean-nav ul li a.mean-expand, .mean-container .mean-nav ul li span.mean-expand {
  right: 0;
  top: 1px;
  z-index: 2;
  height: 30px;
  width: 30px;
  line-height: 1;
  font-size: 14px;
  margin-top: 5px;
  font-weight: 400;
  border-radius: 3px;
  position: absolute;
  text-align: center;
  font-family: var(--font_awesome);
  padding: 0 !important;
  color: var(--body_text);
  border: 1px solid rgba(255, 255, 255, 0.079) !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover, .mean-container .mean-nav ul li span.mean-expand:hover {
  background: var(--primary);
  color: var(--white);
  border-color: var(--primary);
}
.mean-container .mean-nav ul li a.mean-expand:hover i, .mean-container .mean-nav ul li span.mean-expand:hover i {
  color: var(--white);
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked, .mean-container .mean-nav ul li span.mean-expand.mean-clicked {
  color: var(--white);
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover, .mean-container .mean-nav ul li span.mean-expand.mean-clicked:hover {
  color: var(--white);
  background: var(--primary);
  border-color: var(--primary);
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked i, .mean-container .mean-nav ul li span.mean-expand.mean-clicked i {
  display: block;
  font-family: var(--font_awesome);
}
.mean-container .mean-nav ul li li a {
  width: 90%;
  padding: 10px 7%;
  text-shadow: none !important;
  visibility: visible;
}
.mean-container .mean-nav ul li li li a {
  width: 80%;
  padding: 10px 12%;
}
.mean-container .mean-nav ul li li li li a {
  width: 70%;
  padding: 10px 17%;
}
.mean-container .mean-nav ul li li li li li a {
  width: 60%;
  padding: 10px 20%;
}
.mean-container .mean-bar {
  background: none;
  float: left;
  width: 100%;
  position: relative;
  padding: 4px 0;
  min-height: 42px;
  z-index: 999999;
}
.mean-container .mean-bar, .mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.mean-container_2 .mean-nav ul li a.mean-expand.mean-clicked,
.mean-container_2 .mean-nav ul li span.mean-expand.mean-clicked {
  background: var(--primary2);
  border-color: var(--primary2);
}
.mean-container_2 .mean-nav ul li a.mean-expand.mean-clicked:hover,
.mean-container_2 .mean-nav ul li span.mean-expand.mean-clicked:hover {
  background: var(--primary2);
  border-color: var(--primary2);
}
.mean-container_2 .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked,
.mean-container_2 .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked {
  background: var(--primary2);
}
.mean-container_2 .mean-nav ul li a.mean-expand:hover,
.mean-container_2 .mean-nav ul li span.mean-expand:hover {
  background: var(--primary2);
}
.mean-container_2 .mean-nav ul li.dropdown-opened > a,
.mean-container_2 .mean-nav ul li > span {
  color: var(--primary2);
}
.mean-container_2 .mean-nav ul li a:hover,
.mean-container_2 .mean-nav ul li span:hover {
  color: var(--primary2);
}
.mean-container_3 .mean-nav ul li a.mean-expand.mean-clicked,
.mean-container_3 .mean-nav ul li span.mean-expand.mean-clicked {
  background: var(--primary3);
  border-color: var(--primary3);
}
.mean-container_3 .mean-nav ul li a.mean-expand.mean-clicked:hover,
.mean-container_3 .mean-nav ul li span.mean-expand.mean-clicked:hover {
  background: var(--primary3);
  border-color: var(--primary3);
}
.mean-container_3 .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked,
.mean-container_3 .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked {
  background: var(--primary3);
}
.mean-container_3 .mean-nav ul li a.mean-expand:hover,
.mean-container_3 .mean-nav ul li span.mean-expand:hover {
  background: var(--primary3);
}
.mean-container_3 .mean-nav ul li.dropdown-opened > a,
.mean-container_3 .mean-nav ul li > span {
  color: var(--primary3);
}
.mean-container_3 .mean-nav ul li a:hover,
.mean-container_3 .mean-nav ul li span:hover {
  color: var(--primary3);
}
.mean-container_4 .mean-nav ul li a.mean-expand.mean-clicked,
.mean-container_4 .mean-nav ul li span.mean-expand.mean-clicked {
  background: var(--primary4);
  border-color: var(--primary4);
}
.mean-container_4 .mean-nav ul li a.mean-expand.mean-clicked:hover,
.mean-container_4 .mean-nav ul li span.mean-expand.mean-clicked:hover {
  background: var(--primary4);
  border-color: var(--primary4);
}
.mean-container_4 .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked,
.mean-container_4 .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked {
  background: var(--primary4);
}
.mean-container_4 .mean-nav ul li a.mean-expand:hover,
.mean-container_4 .mean-nav ul li span.mean-expand:hover {
  background: var(--primary4);
}
.mean-container_4 .mean-nav ul li.dropdown-opened > a,
.mean-container_4 .mean-nav ul li > span {
  color: var(--primary4);
}
.mean-container_4 .mean-nav ul li a:hover,
.mean-container_4 .mean-nav ul li span:hover {
  color: var(--primary4);
}

/* === header scss (index 01) === */
.header__news p {
  gap: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
  color: var(--white);
  font-family: var(--font_body);
}
.header__news p span {
  gap: 8px;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  align-items: center;
  display: inline-flex;
  padding: 15.5px 18.6px;
  text-transform: uppercase;
  background-color: var(--primary);
}
.header__news p span i {
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.01em;
}
.header__social {
  gap: 15px;
  display: flex;
  align-items: center;
  justify-content: end;
}
.header__social ul {
  gap: 10px;
  display: flex;
  list-style: none;
  align-items: center;
}
.header__social ul li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: var(--white);
  letter-spacing: 0.01em;
}
.header__social ul li a:hover {
  color: var(--primary);
}
.header__social span {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: var(--white);
  letter-spacing: 0.01em;
  font-family: var(--font_body);
}
.header__wrap {
  z-index: 2;
  position: relative;
  background: var(--white);
  border-bottom: 1px solid var(--border);
}
.header__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .header__main {
    padding: 15px 0;
  }
}
.header__menu__wrapper .main-menu ul {
  list-style: none;
}
.header__menu__wrapper .main-menu ul li {
  margin: 0 22px;
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 1199px) {
  .header__menu__wrapper .main-menu ul li {
    margin: 0 10px;
  }
}
.header__menu__wrapper .main-menu ul li > a {
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  padding: 49px 0;
  position: relative;
  display: inline-block;
  color: var(--secondary);
  letter-spacing: 0.02em;
  font-family: var(--font_body);
}
.header__menu__wrapper .main-menu ul li.has-dropdown {
  position: relative;
  padding-right: 17px;
}
.header__menu__wrapper .main-menu ul li.has-dropdown::after {
  content: "\f107";
  right: 0;
  top: 50%;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  color: var(--secondary);
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  font-family: var(--font_awesome);
}
.header__menu__wrapper .main-menu ul li .sub-menu {
  left: 0;
  top: 90%;
  opacity: 0;
  width: 300px;
  padding: 15px 0;
  position: absolute;
  visibility: hidden;
  background: var(--white);
  transition: all 0.3s ease-in-out;
  box-shadow: 0 20px 30px rgba(1, 15, 28, 0.1);
}
.header__menu__wrapper .main-menu ul li .sub-menu li {
  margin: 0;
  display: block;
  transition: all 0.3s ease-in-out;
}
.header__menu__wrapper .main-menu ul li .sub-menu li a {
  display: block;
  font-size: 16px;
  font-weight: 400;
  padding: 8px 20px;
  color: var(--secondary);
  transition: all 0.3s ease-in-out;
}
.header__menu__wrapper .main-menu ul li .sub-menu li:hover {
  margin-left: 10px;
}
.header__menu__wrapper .main-menu ul li .sub-menu li:hover a {
  color: var(--primary);
}
.header__menu__wrapper .main-menu ul li .sub-menu li .sub-menu {
  right: 0;
  top: 90%;
  opacity: 0;
  width: 300px;
  padding: 15px 0;
  position: absolute;
  visibility: hidden;
  background: var(--white);
  transition: all 0.3s ease-in-out;
  box-shadow: 0 20px 30px rgba(1, 15, 28, 0.1);
}
.header__menu__wrapper .main-menu ul li .sub-menu li .sub-menu li {
  margin: 0;
  display: block;
  transition: all 0.3s ease-in-out;
}
.header__menu__wrapper .main-menu ul li .sub-menu li .sub-menu li a {
  display: block;
  font-size: 16px;
  font-weight: 400;
  padding: 8px 20px;
  color: var(--secondary);
  transition: all 0.3s ease-in-out;
}
.header__menu__wrapper .main-menu ul li .sub-menu li .sub-menu li:hover {
  margin-left: 10px;
}
.header__menu__wrapper .main-menu ul li .sub-menu li .sub-menu li:hover a {
  color: var(--primary);
}
.header__menu__wrapper .main-menu ul li:hover.has-dropdown::after {
  top: 50%;
  color: var(--primary);
  transform: translateY(-50%) rotate(180deg);
}
.header__menu__wrapper .main-menu ul li:hover a {
  color: var(--primary);
}
.header__menu__wrapper .main-menu ul li:hover .sub-menu {
  top: 100%;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
}
.header__menu__wrapper .main-menu ul li:hover .sub-menu li .sub-menu {
  top: 100%;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
}
.header__search button {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  background-color: var(--primary);
  transition: all 0.3s ease-in-out;
}
.header__search button i {
  font-size: 16px;
  line-height: 1;
  font-weight: 900;
  color: var(--white);
}
.header__search button:hover {
  background-color: var(--secondary);
}
.header__btn {
  margin-left: 10px;
}
.header__menu-toggle {
  width: 50px;
  height: 50px;
  margin-left: 10px;
  border-radius: 500px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary);
  transition: all 0.3s ease-in-out;
}
.header__menu-toggle .menu-toggle span {
  width: 17px;
  height: 2px;
  display: block;
  margin-bottom: 4px;
  background: var(--white);
}
.header__menu-toggle .menu-toggle span:last-of-type {
  margin-bottom: 0;
}
.header__menu-toggle:hover {
  background-color: var(--secondary);
}

.header-2 {
  position: relative;
}
.header-2__news p {
  gap: 10px;
  display: flex;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--white);
  align-items: center;
}
.header-2__news p span {
  gap: 14.8px;
  display: flex;
  font-weight: 700;
  align-items: center;
}
.header-2__news p span i {
  width: 20px;
  height: 20px;
  display: flex;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  align-items: center;
  border-radius: 4px;
  letter-spacing: 0.01em;
  justify-content: center;
  color: var(--primary2);
  background-color: var(--white);
}
.header-2__date p {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--white);
  font-family: var(--font_header);
}
.header-2__date p span {
  font-weight: 700;
}
.header-2 .header__main {
  gap: 66px;
}
@media only screen and (max-width: 1399px) {
  .header-2 .header__main {
    gap: 0;
  }
}
.header-2 .header__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-2 .header__top {
  padding: 12.5px 0px;
  background-color: var(--primary2);
}
.header-2 .header__top-right {
  display: flex;
  align-items: center;
  justify-content: end;
}
.header-2 .header__social {
  position: relative;
  padding-left: 16px;
  margin-left: 15px;
  justify-content: start;
}
.header-2 .header__social ::after {
  content: "";
  top: -13px;
  left: 0;
  width: 1px;
  height: 45px;
  position: absolute;
  background-color: #6572FF;
}
.header-2 .header__search button {
  background-color: var(--primary2);
}
.header-2 .header__search button:hover {
  background-color: var(--secondary);
}
.header-2 .header__wrap {
  border-bottom: none;
  background: var(--grey-bg);
}
.header-2 .header__menu__wrapper .main-menu ul li::before {
  content: "";
  top: 50%;
  right: -20px;
  width: 1px;
  height: 36px;
  position: absolute;
  transform: translateY(-50%);
  background-color: #CFD3DA;
}
@media only screen and (max-width: 1199px) {
  .header-2 .header__menu__wrapper .main-menu ul li::before {
    display: none;
  }
}
.header-2 .header__menu__wrapper .main-menu ul li:last-of-type::before {
  display: none;
}
.header-2 .header__menu__wrapper .main-menu ul li a {
  padding: 49.5px 0;
}
.header-2 .header__menu__wrapper .main-menu ul li .sub-menu li a {
  color: var(--secondary);
}
.header-2 .header__menu__wrapper .main-menu ul li .sub-menu li::before {
  display: none;
}
.header-2 .header__menu__wrapper .main-menu ul li .sub-menu li:hover a {
  color: var(--primary2);
}
.header-2 .header__menu__wrapper .main-menu ul li:hover.has-dropdown::after {
  color: var(--primary2);
}
.header-2 .header__menu__wrapper .main-menu ul li:hover a {
  color: var(--primary2);
}
.header-2 .header__menu-toggle {
  background-color: var(--primary2);
}
.header-2__sidebar {
  width: auto;
  height: auto;
  cursor: pointer;
  margin-left: 0px;
  background-color: var(--primary2);
}
.header-2__sidebar .menu-toggle {
  gap: 6px;
  display: flex;
  padding: 11px 15px;
  align-items: center;
  justify-content: center;
}
.header-2__sidebar .menu-toggle span {
  width: 12px;
  height: 2px;
  margin-bottom: 2px;
}
.header-2__sidebar .menu-toggle cite {
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  font-style: normal;
  color: var(--white);
  font-family: var(--font_header);
}

.header-3 {
  z-index: 102;
  position: relative;
}
.header-3 .header__top {
  padding: 10px 0px;
  background-color: var(--primary3);
}
.header-3 .header__wrap {
  position: relative;
  background: transparent;
}
.header-3 .header__wrap.sticky {
  background: var(--white);
}
.header-3 .header__menu__wrapper .main-menu ul li::before {
  display: none;
}
.header-3 .header__menu__wrapper .main-menu ul li:hover a {
  color: var(--primary3);
}
.header-3 .header__menu__wrapper .main-menu ul li:hover.has-dropdown::after {
  color: var(--primary3);
}
.header-3 .header__menu__wrapper .main-menu ul li .sub-menu li a {
  color: var(--secondary);
}
.header-3 .header__menu__wrapper .main-menu ul li .sub-menu li:hover a {
  color: var(--primary3);
}
.header-3 .header__search button {
  background-color: var(--primary3);
}
.header-3 .header__btn .rr-btn-4 {
  background-color: var(--primary3);
}
.header-3 .header__menu-toggle {
  background-color: var(--primary3);
}
.header-3__bg-shape {
  z-index: 1;
  top: -171px;
  left: 0;
  right: 0;
  width: 100%;
  height: 690px;
  filter: blur(175px);
  position: absolute;
  background: #EAD3FF;
}
.header-3__top-left {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-3__cat {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.header-3__item {
  gap: 8px;
  display: flex;
  align-items: center;
}
.header-3__item button {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  color: var(--white);
  font-family: var(--font_header);
  transition: all 0.3s ease-in-out;
}
.header-3__item button:hover {
  color: var(--primary);
}
.header-3__item span {
  width: 9px;
  height: 9px;
  border-radius: 500px;
  display: inline-block;
  background: var(--white);
}
.header-3 .header__social {
  margin-left: 0;
  padding-left: 0;
}
.header-3 .header__social span::after,
.header-3 .header__social ul::after,
.header-3 .header__social li::after,
.header-3 .header__social a::after,
.header-3 .header__social i::after {
  display: none;
}

.header-4 {
  z-index: 999;
  position: relative;
}
.header-4 .header__top {
  padding: 15px 0px;
  background-color: var(--primary4);
}
.header-4 .header__wrap {
  background-color: var(--grey-bg);
}
.header-4 .header__social {
  padding-left: 21px;
}
.header-4 .header__social span::after {
  top: -15px;
  height: 50px;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.2);
}
.header-4 .header__main {
  padding: 30px 0;
}
.header-4 .header__search button {
  margin-left: 10px;
  background-color: var(--primary4);
}
.header-4 .header__btn .rr-btn-4 {
  font-weight: 600;
  padding: 16px 33.8px;
  background-color: var(--white);
  border: 1px solid var(--border);
}
.header-4 .header__btn .rr-btn-4 .btn-wrap .text-one,
.header-4 .header__btn .rr-btn-4 .btn-wrap .text-two {
  gap: 11px;
  color: var(--secondary);
}
.header-4 .header__btn .rr-btn-4 .btn-wrap .text-one i,
.header-4 .header__btn .rr-btn-4 .btn-wrap .text-two i {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--secondary);
}
.header-4 .header__btn .rr-btn-4 .btn-wrap .text-two {
  color: var(--white);
}
.header-4 .header__btn .rr-btn-4 .btn-wrap .text-two i {
  color: var(--white);
}
.header-4 .header__menu-toggle {
  width: 40px;
  height: 40px;
  margin-left: 0;
  background-color: var(--primary4);
}
@media only screen and (max-width: 991px) {
  .header-4 .header__menu-toggle {
    margin-left: 10px;
  }
}
.header-4 .header__menu-toggle:hover {
  background-color: var(--secondary);
}
.header-4 .header__menu-toggle .menu-toggle {
  width: 100%;
  height: 100%;
}
.header-4 .header__menu-toggle .menu-toggle span {
  width: 12px;
  margin: 0 auto;
  margin-bottom: 3px;
}
.header-4 .header__menu-toggle .menu-toggle span:last-of-type {
  margin-bottom: 0;
}
.header-4 .header__menu__wrapper .main-menu ul li a {
  padding: 21px 0;
}
.header-4 .header__menu__wrapper .main-menu ul li:hover a {
  color: var(--primary4);
}
.header-4 .header__menu__wrapper .main-menu ul li:hover.has-dropdown::after {
  color: var(--primary4);
}
.header-4 .header__menu__wrapper .main-menu ul li .sub-menu li:hover a {
  color: var(--primary4);
}
.header-4 .header__discount a {
  gap: 12px;
  font-size: 16px;
  line-height: 1;
  display: flex;
  font-weight: 600;
  position: relative;
  padding: 21px 25.2px;
  color: var(--white);
  align-items: center;
  letter-spacing: 0.1px;
  font-family: var(--font_header);
  background-color: var(--primary4);
}
.header-4 .header__discount a span {
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  padding: 4px 12.1px;
  border-radius: 500px;
  color: var(--primary4);
  text-transform: uppercase;
  background-color: var(--white);
  font-family: var(--font_header);
}
.header-4 .header__discount a::before {
  content: "";
  top: 0;
  width: 24px;
  left: -23.5px;
  height: 16.5px;
  position: absolute;
  background-color: var(--primary4);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
}
.header-4__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-4__wrap-bottom {
  border: 1px solid var(--border);
}
.header-4__location span {
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 5px;
  display: inline-block;
  color: var(--secondary);
  font-family: var(--font_header);
}
.header-4__location p {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: var(--secondary);
  font-family: var(--font_body);
}

.header-5 {
  position: relative;
}
.header-5 .header__top {
  padding: 15px 0;
  border-bottom: 1px solid var(--border);
}
.header-5 .header-3__item button {
  color: var(--secondary);
}
.header-5 .header-3__item button:hover {
  color: var(--primary);
}
.header-5 .header-3__item span {
  background-color: var(--primary);
}
.header-5__top-menu ul {
  text-align: end;
  list-style: none;
}
.header-5__top-menu ul li {
  margin-right: 30px;
  display: inline-block;
}
.header-5__top-menu ul li a {
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  color: var(--secondary);
  font-family: var(--font_header);
}
.header-5__top-menu ul li a:hover {
  color: var(--primary);
}
.header-5__top-menu ul li:last-of-type {
  margin-right: 0;
}

.header-6__top {
  padding: 15px 0;
}
.header-6__weather p {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--white);
  font-family: var(--font_header);
}
.header-6__weather p span {
  font-weight: 700;
}
.header-6 .header__menu__wrapper .main-menu ul li > a {
  padding: 47px 0;
}

.header-7__top {
  padding: 15px 0;
}
.header-7__date p {
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  color: var(--white);
  font-family: var(--font_header);
}
.header-7 .header__social ul li a:hover {
  color: var(--secondary);
}

.header-8 .header__wrap {
  background-color: var(--white);
}
.header-8 .header__btn .rr-btn {
  background-color: var(--primary4);
}
.header-8 .header__main {
  padding: 0;
}
@media only screen and (max-width: 991px) {
  .header-8 .header__main {
    padding: 20px 0;
  }
}
.header-8 .header__menu__wrapper .main-menu ul li a {
  padding: 49.5px 0;
}

.header-9__top {
  padding: 10px 0;
}
.header-9__top .header__social span::after {
  display: none;
}
.header-9__left {
  display: flex;
  margin-right: 63px;
  align-items: center;
  justify-content: space-between;
}
.header-9__subscribe p {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--white);
  font-family: var(--font_header);
}
.header-9__subscribe p span {
  font-weight: 700;
}
.header-9 .header__btn .rr-btn {
  background-color: var(--primary4);
}

/* === Icon draw scss (index 01) === */
.bar-icon {
  width: 26px;
  height: 18px;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: space-between;
  transition: color 0.2s ease-out;
}
.bar-icon span {
  width: 100%;
  height: 2px;
  display: inline-block;
  background: var(--primary);
  transition: color 0.2s ease-out;
}
.bar-icon span:nth-child(2) {
  margin-left: 0px;
}
.bar-icon:hover span {
  animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.bar-icon:hover span:nth-child(2) {
  margin-left: 0px;
  animation-delay: 0.1s;
}
.bar-icon:hover span:nth-child(3) {
  animation-delay: 0.2s;
}
.bar-icon.is-black span {
  background: var(--rr-common-black);
}
.bar-icon.is-white span {
  background: var(--rr-common-white);
}

/* === Icon draw Animate scss (index 01) === */
@keyframes qode-draw {
  0%, 100% {
    -webkit-clip-path: inset(-2px 0);
    clip-path: inset(-2px 0);
  }
  42% {
    -webkit-clip-path: inset(-2px 0 -2px 100%);
    clip-path: inset(-2px 0 -2px 100%);
  }
  43% {
    -webkit-clip-path: inset(-2px 100% -2px 0);
    clip-path: inset(-2px 100% -2px 0);
  }
}
/* === footer scss (index 01) === */
.footer__widget.widget-col_2 {
  margin-left: -27px;
}
@media only screen and (max-width: 991px) {
  .footer__widget.widget-col_2 {
    margin-left: 0;
  }
}
.footer__widget.widget-col_3 {
  margin-left: -12px;
}
@media only screen and (max-width: 991px) {
  .footer__widget.widget-col_3 {
    margin-left: 0;
  }
}
.footer__widget.widget-col_4 {
  margin-left: -10px;
}
@media only screen and (max-width: 1199px) {
  .footer__widget.widget-col_4 {
    margin-left: 0;
  }
}
.footer__top {
  border-bottom: 1px solid #333436;
}
.footer__notification {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .footer__notification {
    margin-bottom: 20px;
  }
}
.footer__notification .icon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  background-color: var(--primary);
}
@media (max-width: 575px) {
  .footer__notification .icon {
    width: 70px;
    height: 70px;
  }
}
.footer__notification .info h3 {
  font-weight: 700;
  font-size: 34px;
  line-height: 1;
  margin-bottom: 20px;
  color: var(--white);
}
@media (max-width: 575px) {
  .footer__notification .info h3 {
    font-size: 23px;
    margin-bottom: 15px;
  }
}
.footer__notification .info p {
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #A9A9AA;
}
.footer__subscribe {
  max-width: 520px;
  text-align: end;
  margin: 0 0 0 auto;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .footer__subscribe {
    margin: 0;
    text-align: start;
  }
}
.footer__subscribe input {
  max-width: 520px;
  width: 100%;
  height: 60px;
  border: none;
  padding: 24px 30px;
  padding-right: 195px;
  border-radius: 500px;
  background: var(--white);
}
@media (max-width: 575px) {
  .footer__subscribe input {
    padding: 20px;
  }
}
.footer__subscribe input:focus {
  outline: none;
}
.footer__subscribe input::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--body_text);
  font-family: var(--font_header);
}
.footer__btn {
  top: 50%;
  right: 5px;
  position: absolute;
  transform: translateY(-50%);
}
@media (max-width: 575px) {
  .footer__btn {
    top: 0;
    right: 0;
    margin-top: 10px;
    position: inherit;
    transform: translateY(0%);
  }
}
.footer__btn .rr-btn {
  padding: 17px 37.1px;
}
.footer__btn .rr-btn .btn-wrap .text-two {
  color: var(--white);
}
@media (max-width: 575px) {
  .footer__btn .rr-btn .btn-wrap .text-two {
    color: var(--secondary);
  }
}
@media (max-width: 575px) {
  .footer__btn .rr-btn::before {
    background-color: var(--white);
  }
}
.footer__title {
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  color: var(--white);
  margin-bottom: 25px;
  font-family: var(--font_header);
}
.footer__categories {
  list-style: none;
}
.footer__categories li {
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  max-width: 240px;
  overflow: hidden;
  color: var(--black);
  border-radius: 50px;
  padding: 16px 25px;
  position: relative;
  padding-right: 0;
  margin-bottom: 10px;
  background-color: var(--white);
  font-family: var(--font_header);
}
.footer__categories li:last-of-type {
  margin-bottom: 0;
}
.footer__categories li span {
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  position: absolute;
  color: var(--white);
  padding: 13px 18.8px;
  background-color: var(--primary);
}
.footer__tags {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.footer__tags li {
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  border-radius: 500px;
  padding: 9.5px 18.9px;
  display: inline-block;
  color: var(--secondary);
  background-color: var(--white);
  font-family: var(--font_header);
}
.footer__post-item {
  gap: 20px;
  display: flex;
  margin-bottom: 25px;
  align-items: center;
}
.footer__post-item:last-of-type {
  margin-bottom: 0;
}
.footer__post-item .thumb {
  width: 80px;
  height: 80px;
}
.footer__post-item .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}
.footer__post-item .text .general {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: var(--primary);
  font-family: var(--font_header);
}
.footer__post-item .text .title {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  margin-top: 7px;
  margin-bottom: 4px;
  color: var(--white);
  font-family: var(--font_header);
}
.footer__post-item .text .title a:hover {
  color: var(--primary);
}
.footer__post-item .text .meta {
  gap: 6px;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 34px;
  align-items: center;
  letter-spacing: 0.02em;
  color: var(--body_text);
  font-family: var(--font_header);
}
.footer__post-item .text .meta i {
  font-weight: 900;
  font-size: 14px;
  line-height: 34px;
  letter-spacing: 0.02em;
  color: var(--body_text);
}
.footer__gallery {
  gap: 7px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.footer__gallery .gallery__thumb {
  max-width: 100px;
  height: 100px;
}
@media only screen and (max-width: 1399px) {
  .footer__gallery .gallery__thumb {
    max-width: 90px;
    height: 90px;
  }
}
.footer__gallery .gallery__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.copyright__wrap {
  display: flex;
  padding: 26.5px 0;
  align-items: center;
  justify-content: space-between;
  border-top: 2px solid #333436;
}
@media only screen and (max-width: 767px) {
  .copyright__wrap {
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.copyright__menu ul {
  gap: 48px;
  display: flex;
  list-style: none;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .copyright__menu ul {
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .copyright__menu ul {
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.copyright__menu ul li {
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  color: var(--white);
  font-family: var(--font_header);
}
.copyright__menu ul li a:hover {
  color: var(--primary);
}
.copyright__info p {
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  color: var(--white);
  font-family: var(--font_header);
}
@media (max-width: 575px) {
  .copyright__info p {
    text-align: center;
  }
}
.copyright__info p a:hover {
  color: var(--primary);
}

.footer-2__widget.widget-col-2 {
  display: flex;
  margin-left: 35px;
  align-items: start;
  justify-content: space-between;
}
@media (min-width: 1400px) and (max-width: 1675px) {
  .footer-2__widget.widget-col-2 {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1399px) {
  .footer-2__widget.widget-col-2 {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer-2__widget.widget-col-2 {
    gap: 70px;
    justify-content: start;
  }
}
@media (max-width: 575px) {
  .footer-2__widget.widget-col-2 {
    gap: 40px;
    flex-wrap: wrap;
  }
}
.footer-2__widget.widget-col-3 {
  margin-left: 65px;
}
@media (min-width: 1400px) and (max-width: 1675px) {
  .footer-2__widget.widget-col-3 {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1399px) {
  .footer-2__widget.widget-col-3 {
    margin-left: 0;
  }
}
.footer-2__widget.widget-col-4 {
  margin-left: 64px;
}
@media (min-width: 1400px) and (max-width: 1675px) {
  .footer-2__widget.widget-col-4 {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1399px) {
  .footer-2__widget.widget-col-4 {
    margin-left: 0;
  }
}
.footer-2__dec {
  font-size: 16px;
  font-weight: 400;
  max-width: 390px;
  line-height: 26px;
  margin-top: 22px;
  margin-bottom: 22px;
  color: var(--white);
  font-family: var(--font_header);
}
.footer-2__social ul {
  gap: 10px;
  display: flex;
  list-style: none;
  align-items: center;
}
.footer-2__social ul li a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  background-color: #27282A;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .footer-2__social ul li a {
    width: 47px;
    height: 47px;
  }
}
.footer-2__social ul li a i {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: var(--white);
}
.footer-2__social ul li a:hover {
  background-color: var(--primary2);
}
.footer-2__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 23px;
  color: var(--white);
  text-transform: uppercase;
  font-family: var(--font_header);
}
.footer-2__menu {
  list-style: none;
}
.footer-2__menu li a {
  gap: 13px;
  display: flex;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--white);
  align-items: center;
  margin-bottom: 23px;
  letter-spacing: 0.1px;
  text-transform: capitalize;
}
@media only screen and (max-width: 1399px) {
  .footer-2__menu li a {
    gap: 5px;
  }
}
.footer-2__menu li a i {
  color: var(--primary2);
}
.footer-2__menu li a:hover {
  color: var(--primary2);
}
.footer-2__menu li:last-of-type a {
  margin-bottom: 0;
}
.footer-2__post {
  gap: 20px;
  display: flex;
  max-width: 359px;
  align-items: center;
  margin-bottom: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid #302E2E;
}
@media (min-width: 1400px) and (max-width: 1675px) {
  .footer-2__post {
    gap: 15px;
  }
}
@media only screen and (max-width: 1399px) {
  .footer-2__post {
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.footer-2__post:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.footer-2__post-thumb {
  min-width: 75px;
  height: 75px;
}
.footer-2__post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}
.footer-2__post-title {
  font-size: 18px;
  font-weight: 700;
  max-width: 256px;
  line-height: 26px;
  margin-bottom: 9px;
  color: var(--white);
  font-family: var(--font_header);
}
.footer-2__post-title a:hover {
  color: var(--primary2);
}
.footer-2__post-meta ul {
  list-style: none;
}
.footer-2__post-meta ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin-left: 8px;
  padding-left: 13px;
  position: relative;
  display: inline-block;
  color: var(--body_text);
  font-family: var(--font_header);
}
.footer-2__post-meta ul li::before {
  content: "";
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 500px;
  transform: translateY(-50%);
  background-color: var(--white);
}
.footer-2__post-meta ul li:first-of-type {
  margin-left: 0;
  padding-left: 0;
  color: var(--primary2);
}
.footer-2__post-meta ul li:first-of-type::before {
  display: none;
}

.copyright-2__wrap {
  display: flex;
  padding: 21px 25px;
  align-items: center;
  border-radius: 8px 8px 0 0;
  background-color: #252424;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .copyright-2__wrap {
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .copyright-2__wrap {
    padding: 20px 10px;
  }
}
.copyright-2__wrap .copyright__info p a:hover {
  color: var(--primary2);
}
.copyright-2__wrap .copyright__menu ul li a:hover {
  color: var(--primary2);
}

.footer-3 .footer__widget.widget-col_2 {
  margin: 0 60px;
  padding: 0px 85px;
  position: relative;
}
@media only screen and (max-width: 1599px) {
  .footer-3 .footer__widget.widget-col_2 {
    margin: 0 40px;
    padding: 0px 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer-3 .footer__widget.widget-col_2 {
    margin: 0;
    padding: 0;
    margin-bottom: 40px;
  }
}
.footer-3 .footer__widget.widget-col_2::before {
  content: "";
  top: 0;
  left: 0;
  width: 1px;
  height: 287px;
  position: absolute;
  background-color: #3B3A3A;
}
@media only screen and (max-width: 1399px) {
  .footer-3 .footer__widget.widget-col_2::before {
    height: 400px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer-3 .footer__widget.widget-col_2::before {
    display: none;
  }
}
.footer-3 .footer__widget.widget-col_2::after {
  content: "";
  top: 0;
  right: 0;
  width: 1px;
  height: 287px;
  position: absolute;
  background-color: #3B3A3A;
}
@media only screen and (max-width: 1399px) {
  .footer-3 .footer__widget.widget-col_2::after {
    height: 400px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer-3 .footer__widget.widget-col_2::after {
    display: none;
  }
}
.footer-3 .footer__widget.widget-col-4 {
  margin-left: 0;
}
.footer-3 .footer__tags li {
  font-size: 16px;
  font-weight: 600;
  padding: 9.5px 21px;
  transition: all 0.3s ease-in-out;
}
.footer-3 .footer__tags li:hover {
  cursor: pointer;
  color: var(--white);
  background-color: var(--primary3);
}
.footer-3 .footer__tags li:hover a {
  color: var(--white);
}
.footer-3 .footer-2__widget.widget-col-4 {
  margin-left: 0;
}
@media only screen and (max-width: 1599px) {
  .footer-3 .footer-2__widget.widget-col-4 {
    margin-left: -20px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer-3 .footer-2__widget.widget-col-4 {
    margin-left: 0;
  }
}
.footer-3 .footer-2__post-title a:hover {
  color: var(--primary3);
}
.footer-3 .footer-2__post-meta ul li {
  color: var(--white);
}
.footer-3 .footer-2__post-meta ul li:first-of-type {
  color: var(--primary3);
}
.footer-3 .footer-2__social ul li a:hover {
  background-color: var(--primary3);
}
.footer-3 .footer-2__dec {
  font-size: 18px;
  max-width: 422px;
  line-height: 28px;
}
.footer-3 .footer-2__title {
  font-size: 24px;
  text-transform: capitalize;
}
.footer-3 .footer-2__post {
  gap: 25px;
  margin-bottom: 30px;
  padding-bottom: 0;
  border-bottom: none;
  max-width: 100%;
}
@media only screen and (max-width: 1599px) {
  .footer-3 .footer-2__post {
    gap: 14px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-3 .footer-2__post {
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  .footer-3 .footer-2__post {
    flex-wrap: wrap;
  }
}
.footer-3 .footer-2__post-thumb {
  min-width: 100px;
  height: 100px;
}
.footer-3 .copyright__info p a:hover {
  color: var(--primary3);
}

.footer-4__subscribe-input input {
  width: 100%;
  height: 55px;
  padding: 22px;
  color: var(--white);
  border-radius: 500px;
  background: transparent;
  border: 1px solid var(--white);
}
.footer-4__subscribe-input input:focus {
  outline: none;
}
.footer-4__subscribe-input input::placeholder {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  color: var(--white);
  font-family: var(--font_header);
}
.footer-4__subscribe-btn .rr-btn-6 {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 26px;
  padding: 19.5px 15.8px;
}
.footer-4__subscribe-btn .rr-btn-6::before {
  background-color: var(--white);
}
.footer-4__subscribe-btn .rr-btn-6 .btn-wrap .text-two {
  color: var(--secondary);
}
.footer-4__subscribe-dec {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  max-width: 377px;
  color: var(--white);
  font-family: var(--font_header);
}
.footer-4__subscribe-dec a {
  text-decoration: underline;
}
.footer-4__subscribe-dec a:hover {
  color: var(--primary4);
}
.footer-4 .footer-2__menu li a:hover {
  color: var(--primary4);
}
.footer-4 .footer-2__menu li a i {
  color: var(--primary4);
}
.footer-4 .footer-2__post-title a:hover {
  color: var(--primary4);
}
.footer-4 .footer-2__post-meta ul li:first-of-type {
  color: var(--primary4);
}
.footer-4 .footer-2__widget.widget-col-2 {
  margin-left: 117px;
}
@media only screen and (max-width: 1599px) {
  .footer-4 .footer-2__widget.widget-col-2 {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer-4 .footer-2__widget.widget-col-2 {
    margin-left: 0px;
  }
}
.footer-4 .footer-2__widget.widget-col-3 {
  margin-left: 107px;
}
@media only screen and (max-width: 1599px) {
  .footer-4 .footer-2__widget.widget-col-3 {
    margin-left: 0;
  }
}
.footer-4 .footer-2__social ul li a:hover {
  background-color: var(--primary4);
}
.footer-4 .footer-2__dec {
  font-size: 18px;
  max-width: 395px;
  line-height: 28px;
}
.footer-4__contact {
  padding: 45px 0;
  background-color: #252525;
}
@media only screen and (max-width: 1199px) {
  .footer-4__contact {
    padding: 30px 0;
  }
}
.footer-4__contact-wrap {
  display: grid;
  grid-template-columns: 338px 480px 479px 383px;
}
@media only screen and (max-width: 1700px) {
  .footer-4__contact-wrap {
    grid-template-columns: 335px 430px 420px 383px;
  }
}
@media only screen and (max-width: 1599px) {
  .footer-4__contact-wrap {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1199px) {
  .footer-4__contact-wrap {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .footer-4__contact-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .footer-4__contact-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
.footer-4__contact-item {
  gap: 25px;
  display: flex;
  align-items: start;
  position: relative;
  padding-left: 91px;
}
@media only screen and (max-width: 1599px) {
  .footer-4__contact-item {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 1399px) {
  .footer-4__contact-item {
    gap: 20px;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer-4__contact-item {
    padding-left: 0px;
  }
}
.footer-4__contact-item .icon i {
  font-weight: 900;
  font-size: 30px;
  line-height: 1;
  color: var(--primary4);
}
.footer-4__contact-item::before {
  content: "";
  top: -45px;
  right: 0;
  width: 1px;
  height: 170px;
  position: absolute;
  background-color: #373737;
}
@media only screen and (max-width: 1199px) {
  .footer-4__contact-item::before {
    display: none;
  }
}
.footer-4__contact-item:last-of-type::before {
  display: none;
}
.footer-4__contact-item:first-of-type {
  padding-left: 0;
}
.footer-4__contact-info span {
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 10px;
  color: var(--white);
  display: inline-block;
  font-family: var(--font_header);
}
.footer-4__contact-info ul {
  list-style: none;
}
.footer-4__contact-info ul li {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #999999;
  font-family: var(--font_header);
}
.footer-4__contact-info ul li a:hover {
  color: var(--primary4);
}

.copyright-4__wrap {
  padding: 27.5px 0;
  border-top: none;
}
.copyright-4__wrap .copyright__info p a:hover {
  color: var(--primary4);
}
.copyright-4__wrap .copyright__menu ul li a:hover {
  color: var(--primary4);
}
.copyright-4__wrap .copyright__info p {
  font-size: 16px;
}

.footer-5__wrapper {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  border-radius: 8px;
  background: #222020;
  border: 1px solid #2A2929;
}
@media (max-width: 575px) {
  .footer-5__wrapper {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.footer-5__wrapper .footer-2__dec {
  font-size: 18px;
  max-width: 850px;
  line-height: 28px;
  margin: 0 auto;
  margin-top: 22px;
  margin-bottom: 32px;
  letter-spacing: 0.1px;
}
@media (max-width: 575px) {
  .footer-5__wrapper .footer-2__dec {
    font-size: 16px;
    line-height: 27px;
  }
}
.footer-5__wrapper .footer-2__social ul {
  flex-wrap: wrap;
  justify-content: center;
}
.footer-5__wrapper .footer-2__social ul li a {
  background-color: var(--white);
}
.footer-5__wrapper .footer-2__social ul li a i {
  color: var(--primary);
}
.footer-5__wrapper .footer-2__social ul li a:hover {
  background-color: var(--primary);
}
.footer-5__wrapper .footer-2__social ul li a:hover i {
  color: var(--white);
}

.copyright-5 .copyright__wrap {
  padding: 27.5px 0;
  border-top: none;
}

.footer-7__wrapper {
  padding-top: 65px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .footer-7__wrapper {
    padding-top: 0;
  }
}
.footer-7__wrapper::before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 15px;
  position: absolute;
  background-color: var(--primary);
}
.footer-7__border {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 991px) {
  .footer-7__border {
    border-top: none;
  }
}
.footer-7 .footer-2__logo {
  max-width: 156px;
}
.footer-7 .footer-2__dec {
  font-size: 18px;
  line-height: 28px;
  max-width: 420px;
}
.footer-7 .footer-2__widget {
  position: relative;
}
.footer-7 .footer-2__widget.widget-col-1::before {
  content: "";
  top: -80px;
  right: 22px;
  width: 1px;
  height: 454px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 1199px) {
  .footer-7 .footer-2__widget.widget-col-1::before {
    right: -15px;
    height: 479px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-7 .footer-2__widget.widget-col-1::before {
    display: none;
  }
}
.footer-7 .footer-2__widget.widget-col-2 {
  gap: 100px;
  margin-left: 54px;
  justify-content: start;
}
@media only screen and (max-width: 1399px) {
  .footer-7 .footer-2__widget.widget-col-2 {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer-7 .footer-2__widget.widget-col-2 {
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-7 .footer-2__widget.widget-col-2 {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .footer-7 .footer-2__widget.widget-col-2 {
    gap: 40px;
    flex-wrap: wrap;
  }
}
.footer-7 .footer-2__widget.widget-col-3 {
  margin-left: 25px;
  padding-left: 80px;
}
@media only screen and (max-width: 1399px) {
  .footer-7 .footer-2__widget.widget-col-3 {
    padding-left: 55px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-7 .footer-2__widget.widget-col-3 {
    margin-left: 0;
    padding-left: 0px;
  }
}
.footer-7 .footer-2__widget.widget-col-3::before {
  content: "";
  left: 0;
  top: -80px;
  width: 1px;
  height: 454px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 1199px) {
  .footer-7 .footer-2__widget.widget-col-3::before {
    height: 479px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-7 .footer-2__widget.widget-col-3::before {
    display: none;
  }
}
.footer-7 .footer-2__social ul li a:hover {
  background-color: var(--primary);
}
.footer-7 .footer-2__menu li a:hover {
  color: var(--primary);
}
.footer-7 .footer-2__menu li a i {
  color: var(--primary);
}
.footer-7 .footer-4__contact-info {
  margin-bottom: 40px;
}
.footer-7 .footer-4__contact-info:last-of-type {
  margin-bottom: 0;
}
.footer-7 .footer-4__contact-info ul li a:hover {
  color: var(--primary);
}

.copyright-7 {
  overflow: hidden;
  padding: 22.5px 25px;
}
.copyright-7 .copyright__menu ul li a:hover {
  color: var(--primary);
}
.copyright-7 .copyright__info p a:hover {
  color: var(--primary);
}

.footer-8 .footer-5__wrapper {
  border: none;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
  text-align: center;
  background: transparent;
}
.footer-8 .footer-2__widget {
  max-width: 987px;
  margin: 0 auto;
  padding: 0 124px;
  padding-bottom: 80px;
  border-left: 1px solid #3B3A3A;
  border-right: 1px solid #3B3A3A;
}
@media only screen and (max-width: 1199px) {
  .footer-8 .footer-2__widget {
    padding: 0 60px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-8 .footer-2__widget {
    padding: 0 25px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-8 .footer-2__widget {
    padding: 0px;
    border: none;
    padding-bottom: 0px;
  }
}
.footer-8 .footer-2__social ul li a {
  background-color: #27282A;
}
.footer-8 .footer-2__social ul li a i {
  color: var(--white);
}
.footer-8 .footer-2__social ul li a:hover {
  background-color: var(--primary4);
}

.copyright-8 .copyright__wrap {
  padding: 27px 0;
  justify-content: center;
  border-top: 1px solid #25272B;
}
.copyright-8 .copyright__info p a:hover {
  color: var(--primary4);
}

.footer-9 .footer-2__widget.widget-col-2 {
  margin-left: 56px;
  padding-left: 79px;
  position: relative;
}
@media (min-width: 1700px) and (max-width: 1762px) {
  .footer-9 .footer-2__widget.widget-col-2 {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 1700px) {
  .footer-9 .footer-2__widget.widget-col-2 {
    margin-left: 30px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .footer-9 .footer-2__widget.widget-col-2 {
    margin-left: 20px;
    padding-left: 0px;
  }
  .footer-9 .footer-2__widget.widget-col-2::before {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .footer-9 .footer-2__widget.widget-col-2 {
    margin-left: 0px;
  }
}
.footer-9 .footer-2__widget.widget-col-2::before {
  content: "";
  top: -80px;
  left: 0;
  width: 1px;
  height: 420px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.1);
}
.footer-9 .footer-2__widget.widget-col-3 {
  margin-right: 55px;
  position: relative;
  margin-left: 76px;
}
@media only screen and (max-width: 1700px) {
  .footer-9 .footer-2__widget.widget-col-3 {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 1399px) {
  .footer-9 .footer-2__widget.widget-col-3 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .footer-9 .footer-2__widget.widget-col-3::before {
    display: none;
  }
}
.footer-9 .footer-2__widget.widget-col-3::before {
  content: "";
  top: -80px;
  right: 0;
  width: 1px;
  height: 420px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 767px) {
  .footer-9 .footer-2__post {
    flex-wrap: nowrap;
  }
}
@media (max-width: 575px) {
  .footer-9 .footer-2__post {
    flex-wrap: wrap;
  }
}
.footer-9 .footer-4__subscribe-dec {
  max-width: 385px;
}
.footer-9 .footer-4__widget.widget-col-4 {
  margin-left: 20px;
}
@media only screen and (max-width: 1399px) {
  .footer-9 .footer-4__widget.widget-col-4 {
    margin-left: 0px;
  }
}

.copyright-9__wrap {
  padding: 27px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.copyright-9__wrap .copyright__menu ul li a:hover {
  color: var(--primary4);
}
.copyright-9__wrap .copyright__info p a:hover {
  color: var(--primary4);
}

.footer-10 .footer-2__social ul li a:hover {
  background-color: var(--primary3);
}
.footer-10 .footer-2__menu li a:hover {
  color: var(--primary3);
}
.footer-10 .footer-2__menu li a i {
  color: var(--primary3);
}
.footer-10 .footer-2__post-title a:hover {
  color: var(--primary3);
}
.footer-10 .footer-2__post-meta ul li:first-of-type {
  color: var(--primary3);
}
.footer-10 .footer-4__contact {
  padding: 44px 0;
  background-color: transparent;
  border-top: 1px solid #373737;
  border-bottom: 1px solid #373737;
}
.footer-10 .footer-4__subscribe-btn .rr-btn {
  background-color: var(--primary3);
}
.footer-10 .footer-4__subscribe-dec a:hover {
  color: var(--primary3);
}
.footer-10 .footer-4__contact-item .icon i {
  color: var(--primary3);
}
.footer-10 .footer-4__contact-info ul li a:hover {
  color: var(--primary3);
}

.copyright-10__wrap .copyright__info p a:hover {
  color: var(--primary3);
}
.copyright-10__wrap .copyright__menu ul li a:hover {
  color: var(--primary3);
}

.white-bg {
  background-color: var(--white);
}

.black-bg {
  background-color: var(--black);
}

.black-bg-2 {
  background-color: var(--bg);
}

.black-bg-3 {
  background-color: var(--bg-2);
}

.black-bg-4 {
  background-color: var(--bg-3);
}

.grey-bg {
  background-color: var(--grey-bg);
}

.primary_bg {
  background-color: var(--primary);
}

.primary_bg2 {
  background-color: var(--primary2);
}

.primary_bg3 {
  background-color: var(--primary3);
}

.primary_bg4 {
  background-color: var(--primary4);
}

.breadcrumb-section__content {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  padding: 51.61px 0;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .breadcrumb-section__content {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb-section__content {
    padding: 37px 0;
  }
}
.breadcrumb-section__title {
  font-size: 36px;
  line-height: 1.3;
  font-weight: 700;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media (max-width: 575px) {
  .breadcrumb-section__title {
    font-size: 28px;
  }
}
.breadcrumb-section__list {
  list-style: none;
}
.breadcrumb-section__list li {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: var(--primary);
  display: inline-block;
  font-family: var(--font_header);
}
.breadcrumb-section__list li a {
  gap: 11px;
  display: flex;
  align-items: center;
  color: var(--secondary);
}
.breadcrumb-section__list li a i {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--secondary);
}
.breadcrumb-section__list li a:hover {
  color: var(--primary);
}

.offcanvas__area {
  position: fixed;
  right: 0;
  top: 0;
  width: 500px;
  height: 100%;
  backdrop-filter: blur(16px);
  background: rgba(25, 41, 41, 0.8);
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 99999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  border-left: 1px solid #1e2a2b;
}
.offcanvas__area ::-webkit-scrollbar {
  display: none;
}
@media (max-width: 575px) {
  .offcanvas__area {
    width: 400px;
  }
}
@media (max-width: 575px) {
  .offcanvas__area {
    width: 100%;
  }
}
.offcanvas__area.info-open {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.offcanvas__content {
  padding-bottom: 45px;
}
.offcanvas__wrapper {
  position: relative;
  height: 100%;
  padding: 35px 40px;
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 25px 25px;
  }
}
.offcanvas__top {
  padding-bottom: 20px;
  margin-bottom: 35px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.079);
}
@media (max-width: 575px) {
  .offcanvas__top {
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
}
.offcanvas__search {
  position: relative;
}
.offcanvas__search input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-right: 20px;
  background: transparent;
  border-bottom: 1px solid var(--border);
  font-size: 16px;
  color: var(--white);
  padding-bottom: 15px;
}
.offcanvas__search input::placeholder {
  color: var(--white);
}
.offcanvas__search input:focus {
  border-color: var(--white);
}
.offcanvas__search button {
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 20px;
  color: var(--white);
}
.offcanvas__search button:hover {
  color: var(--primary);
}
.offcanvas__title {
  font-size: 40px;
  line-height: 40px;
  color: var(--white);
  font-family: var(--font_inter);
}
@media (max-width: 575px) {
  .offcanvas__title {
    font-size: 20px;
  }
}
.offcanvas__text p {
  margin-bottom: 25px;
}
.offcanvas__social {
  margin-bottom: 40px;
}
.offcanvas__social ul {
  margin-top: 20px;
  list-style: none;
}
.offcanvas__social ul li {
  display: inline-block;
}
.offcanvas__social ul li:not(:last-child) {
  margin-right: 5px;
}
.offcanvas__social ul li a {
  color: var(--white);
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 16px;
  border-radius: 50%;
  background: var(--primary);
}
.offcanvas__social ul li a:hover {
  color: var(--primary);
  background: var(--white);
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
}
.offcanvas__social_2 ul li a {
  background-color: var(--primary2);
}
.offcanvas__social_3 ul li a {
  background-color: var(--primary3);
}
.offcanvas__social_4 ul li a {
  background-color: var(--primary4);
}
.offcanvas__notification-icon a {
  font-size: 14px;
  color: var(--white);
  position: relative;
}
.offcanvas__notification-icon a .notification-count {
  position: absolute;
  top: -4px;
  right: -13px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 22px;
  font-size: 12px;
  border-radius: 50%;
  font-weight: 700;
  background-color: var(--primary);
  color: var(--white);
  text-align: center;
}
.offcanvas__notification-text p {
  margin-bottom: 0;
  font-weight: 500;
  color: var(--white);
  font-size: 14px;
}
.offcanvas__notification-text p .notification-number {
  color: var(--primary);
}
.offcanvas__notification-text p a {
  color: var(--primary);
}
.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #262424;
  z-index: 9999;
  top: 0;
  opacity: 0;
  right: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.offcanvas__overlay.overlay-open {
  opacity: 0.6;
  visibility: visible;
}

.sidebar__toggle {
  cursor: pointer;
}

.offcanvas__contact-icon {
  margin-inline-end: 15px;
}

.offcanvas__slider-content {
  padding: 20px;
  border: 1px solid var(--border);
}

.offcanvas__navigation {
  display: flex;
  align-items: center;
  gap: 20px;
}
.offcanvas__navigation button svg {
  transition: all 0.3s ease-in-out;
}
.offcanvas__navigation button svg * {
  fill: var(--white);
}
.offcanvas__navigation button:hover svg * {
  fill: var(--primary);
}

.offcanvas__post-title {
  font-size: 26px;
  color: var(--white);
}
.offcanvas__post-title a:hover {
  color: var(--primary);
}

.offcanvas-close-icon {
  line-height: 1;
  color: var(--white);
}
.offcanvas-close-icon .offcanvas-m-lines {
  position: relative;
  display: block;
  height: 12px;
  width: 30px;
}
.offcanvas-close-icon.animation--flip .offcanvas-m-line.line--1 {
  top: 6px;
  transform: rotate(45deg);
}
.offcanvas-close-icon.animation--flip .offcanvas-m-line.line--3 {
  opacity: 0;
  opacity: 0;
}
.offcanvas-close-icon.animation--flip .offcanvas-m-line.line--2 {
  top: 6px;
  transform: rotate(-45deg);
}
.offcanvas-close-icon .offcanvas-m-line {
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: currentColor;
  transition: top 0.15s ease, transform 0.3s ease;
}
.offcanvas-close-icon .offcanvas-m-line.line--1 {
  top: 0;
}
.offcanvas-close-icon .offcanvas-m-line.line--2 {
  top: 5px;
}
.offcanvas-close-icon .offcanvas-m-line.line--3 {
  bottom: 0;
  bottom: 0;
}
.offcanvas-close-icon:hover .offcanvas-m-line {
  animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
  animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.offcanvas-close-icon:hover .offcanvas-m-line:nth-of-type(2) {
  animation-delay: 0.1s;
}

.search__popup {
  padding: 70px;
  padding-top: 70px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 55vh;
  z-index: 99999;
  background-color: rgba(25, 41, 41, 0.8);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  -webkit-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  -webkit-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

.search__popup.search-opened {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.search__popup.search-opened .search__input {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.search__popup.search-opened .search__input::after {
  width: 100%;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.search__top {
  margin-bottom: 80px;
}

.search__input {
  position: relative;
  height: 80px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  opacity: 0;
}

.search__input::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.search__input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 24px;
  color: var(--white);
  border-bottom: 1px solid transparent;
  padding: 0;
  padding-right: 30px;
}

.search__input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}

.search__input input::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}

.search__input input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}

.search__input input::-ms-input-placeholder {
  /* MODERN BROWSER */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}

.search__input input::placeholder {
  /* MODERN BROWSER */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}

.search__input button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--white);
}

.search__close-btn {
  font-size: 25px;
  color: rgba(255, 255, 255, 0.3);
}

.search__close-btn:hover {
  color: var(--white);
}

/* === Section title scss (index 06) === */
.section-heading__wrap {
  gap: 20px;
  width: 100%;
  display: flex;
  align-items: center;
}
.section-heading__wrap .section__title {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  white-space: nowrap;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media only screen and (max-width: 991px) {
  .section-heading__wrap .section__title {
    white-space: wrap;
  }
  .section-heading__wrap .section__title br {
    display: none;
  }
}
@media (max-width: 575px) {
  .section-heading__wrap .section__title {
    font-size: 28px;
  }
}
.section-heading__wrap .section__border {
  max-width: 892px;
  width: 100%;
  height: 7px;
  display: inline-block;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
@media only screen and (max-width: 991px) {
  .section-heading__wrap .section__border {
    display: none;
  }
}
.section-heading-2__wrap .section__title {
  color: var(--white);
}
.section-heading-2__wrap .section__border {
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}
.section-heading-3__wrap {
  margin-bottom: 48px;
}
@media only screen and (max-width: 991px) {
  .section-heading-3__wrap {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section-heading-3__wrap {
    margin-bottom: 30px;
  }
}
.section-heading-3__wrap .section__subtitle {
  gap: 8px;
  display: flex;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 14px;
  align-items: center;
  color: var(--primary);
  text-transform: uppercase;
  font-family: var(--font_header);
}
.section-heading-3__wrap .section__subtitle span {
  width: 17px;
  height: 17px;
  position: relative;
  display: inline-block;
}
.section-heading-3__wrap .section__subtitle span::before {
  content: "";
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  position: absolute;
  background-color: var(--primary);
}
.section-heading-3__wrap .section__subtitle span::after {
  content: "";
  right: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
  position: absolute;
  background-color: var(--white);
  border: 2px solid var(--primary);
}
.section-heading-3__wrap .section__title {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media only screen and (max-width: 991px) {
  .section-heading-3__wrap .section__title br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .section-heading-3__wrap .section__title {
    font-size: 35px;
    line-height: 45px;
  }
}
@media (max-width: 575px) {
  .section-heading-3__wrap .section__title {
    font-size: 30px;
    line-height: 40px;
  }
}

/* === pages scss (index 01) === */
.about-page__thumb {
  overflow: hidden;
  margin-right: 75px;
  border-radius: 8px;
}
@media only screen and (max-width: 1399px) {
  .about-page__thumb {
    margin-right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .about-page__thumb {
    margin-bottom: 30px;
  }
}
.about-page__thumb img {
  width: 100%;
  height: 100%;
  cursor: pointer;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.about-page__thumb:hover img {
  transform: scale(1.1);
}
.about-page__content {
  margin-left: -49px;
}
@media only screen and (max-width: 1399px) {
  .about-page__content {
    margin-left: 0;
  }
}
.about-page__content .section-heading-3__wrap {
  margin-bottom: 0;
}
.about-page__dec {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  max-width: 559px;
  margin-top: 21px;
  margin-bottom: 32px;
  color: var(--body_text);
  font-family: var(--font_header);
}
@media only screen and (max-width: 1199px) {
  .about-page__dec {
    margin-top: 15px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .about-page__dec {
    max-width: 100%;
  }
}
.about-page__author {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .about-page__author {
    gap: 10px;
  }
}
@media (max-width: 575px) {
  .about-page__author {
    flex-wrap: wrap;
  }
}
.about-page__call {
  gap: 20px;
  display: flex;
  position: relative;
  align-items: center;
  padding-right: 42px;
  margin-right: 30px;
}
@media only screen and (max-width: 1199px) {
  .about-page__call {
    gap: 10px;
    padding-right: 0;
    margin-right: 0;
  }
  .about-page__call::before {
    display: none;
  }
}
.about-page__call::before {
  content: "";
  top: 0;
  right: 0;
  width: 2px;
  height: 61px;
  position: absolute;
  background-color: var(--primary);
}
.about-page__call .icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  background-color: var(--grey-bg);
}
.about-page__call .icon i {
  font-size: 20px;
  line-height: 1;
  font-weight: 900;
  color: var(--primary);
  text-transform: uppercase;
}
.about-page__call .contact span {
  font-size: 14px;
  line-height: 1;
  display: block;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--secondary);
  text-transform: uppercase;
  font-family: var(--font_header);
}
.about-page__call .contact a {
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
  color: var(--primary);
  text-transform: uppercase;
  font-family: var(--font_header);
}
.about-page__admin {
  gap: 15px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .about-page__admin {
    gap: 10px;
  }
}
.about-page__admin .image {
  width: 60px;
  height: 60px;
}
.about-page__admin .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}
.about-page__admin .info span {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  color: var(--body_text);
}
.about-page__admin .info h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  margin-top: 8px;
  color: var(--secondary);
}
.about-page__btn {
  margin-top: 40px;
}
@media only screen and (max-width: 1199px) {
  .about-page__btn {
    margin-top: 30px;
  }
}
.about-page__btn .rr-btn {
  padding: 17px 37.6px;
}
.about-page__btn .rr-btn i {
  font-weight: 900;
  font-size: 16px;
  line-height: 1;
}
.about-page__btn .rr-btn .btn-wrap .text-one,
.about-page__btn .rr-btn .btn-wrap .text-two {
  gap: 5px;
}

.counter-section__count {
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 6px;
  color: var(--secondary);
  font-family: var(--font_header);
}
.counter-section__count .odometer.odometer-auto-theme,
.counter-section__count .odometer.odometer-theme-default {
  line-height: 1;
  font-family: var(--font_header);
}
.counter-section__dec {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  max-width: 269px;
  color: var(--body_text);
}

/* === Hero Section (Home 01) === */
.banner-section__wrapper {
  padding-top: 204px;
}
@media only screen and (max-width: 1199px) {
  .banner-section__wrapper {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .banner-section__wrapper {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-section__wrapper {
    padding-top: 70px;
  }
}
.banner-section__item {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: -59px;
  background-color: var(--white);
}
.banner-section__content {
  padding: 60px;
  padding-bottom: 75px;
}
@media only screen and (max-width: 991px) {
  .banner-section__content {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .banner-section__content {
    padding: 20px;
  }
}
.banner-section__content .new-post-3__info {
  padding-left: 0;
}
.banner-section__content .new-post-3__title {
  font-size: 36px;
  margin-top: 13px;
  max-width: 495px;
  line-height: 46px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .banner-section__content .new-post-3__title {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (max-width: 575px) {
  .banner-section__content .new-post-3__title {
    font-size: 22px;
    line-height: 32px;
  }
}
.banner-section__content .new-post-3__title a:hover {
  color: var(--primary4);
}
.banner-section__content .new-post-3__dec {
  max-width: 490px;
  margin-bottom: 28px;
  color: var(--body_text);
}
.banner-section__content .new-post-3__meta ul li:first-of-type {
  color: var(--primary4);
}
.banner-section__btn .rr-btn-6 {
  width: 100%;
  font-weight: 600;
  border-radius: 0;
  padding: 22px 15.8px;
}

.banner-section-5__wrapper {
  position: relative;
  padding-top: 301px;
  padding-bottom: 94px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 1400px) and (max-width: 1699px) {
  .banner-section-5__wrapper {
    padding-top: 200px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner-section-5__wrapper {
    padding-top: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .banner-section-5__wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-section-5__wrapper {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.banner-section-5__wrapper::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.54);
}
.banner-section-5__wrapper::after {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.63) 87.81%);
}
.banner-section-5__content {
  z-index: 1;
  margin: 0 auto;
  position: relative;
  margin-bottom: 118px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .banner-section-5__content {
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1199px) {
  .banner-section-5__content {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-section-5__content {
    margin-bottom: 40px;
  }
}
.banner-section-5__admin {
  display: flex;
  align-items: center;
  justify-content: start;
}
.banner-section-5__admin span {
  width: 30px;
  height: 30px;
  display: inline-block;
}
.banner-section-5__admin span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}
.banner-section-5__admin ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  padding-left: 14px;
  margin-left: 9px;
  position: relative;
  display: inline-block;
  color: var(--white);
  font-family: var(--font_header);
}
.banner-section-5__admin ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  top: 50%;
  left: 0;
  position: absolute;
  border-radius: 500px;
  transform: translateY(-50%);
  background-color: var(--white);
}
.banner-section-5__admin ul li:first-of-type {
  padding-left: 0;
}
.banner-section-5__admin ul li:first-of-type::before {
  display: none;
}
.banner-section-5__title {
  font-size: 54px;
  font-weight: 700;
  max-width: 940px;
  line-height: 64px;
  margin-top: 17px;
  margin-bottom: 18px;
  color: var(--white);
  font-family: var(--font_header);
}
.banner-section-5__title:hover {
  color: var(--primary);
}
@media only screen and (max-width: 991px) {
  .banner-section-5__title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-section-5__title {
    margin: 10px 0;
    font-size: 30px;
    line-height: 40px;
  }
}
@media (max-width: 575px) {
  .banner-section-5__title {
    font-size: 25px;
    line-height: 35px;
  }
}
.banner-section-5__dec {
  font-weight: 400;
  font-size: 20px;
  max-width: 900px;
  margin-bottom: 48px;
  line-height: 32px;
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .banner-section-5__dec {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .banner-section-5__dec {
    font-size: 18px;
    line-height: 28px;
  }
}
.banner-section-5__meta ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  padding-left: 14px;
  margin-left: 9px;
  position: relative;
  color: var(--white);
  display: inline-block;
  font-family: var(--font_header);
}
.banner-section-5__meta ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  top: 50%;
  left: 0;
  position: absolute;
  border-radius: 500px;
  transform: translateY(-50%);
  background-color: var(--white);
}
.banner-section-5__meta ul li:first-of-type {
  margin-left: 0;
  padding-left: 0;
  color: var(--primary);
}
.banner-section-5__meta ul li:first-of-type::before {
  display: none;
}
.banner-section-5__item {
  gap: 19px;
  z-index: 1;
  display: flex;
  padding: 30px;
  border-radius: 8px;
  position: relative;
  align-items: center;
  backdrop-filter: blur(40px);
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.17);
}
@media (max-width: 575px) {
  .banner-section-5__item {
    gap: 15px;
    padding: 20px;
    flex-wrap: wrap;
  }
}
.banner-section-5__thumb {
  width: 110px;
  height: 110px;
  overflow: hidden;
  border-radius: 8px;
}
@media (max-width: 575px) {
  .banner-section-5__thumb {
    width: 100%;
    height: 150px;
  }
}
.banner-section-5__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.banner-section-5__thumb:hover img {
  transform: scale(1.1);
}
.banner-section-5__info .title {
  font-weight: 700;
  font-size: 22px;
  max-width: 390px;
  line-height: 32px;
  margin-bottom: 12px;
  color: var(--white);
}
@media (max-width: 575px) {
  .banner-section-5__info .title {
    font-size: 20px;
    line-height: 30px;
  }
}
.banner-section-5__info .title a:hover {
  color: var(--primary);
}
.banner-section-5__button {
  gap: 20px;
  top: 38.5%;
  left: 140px;
  z-index: 1;
  display: flex;
  position: absolute;
  flex-direction: column;
}
@media (min-width: 1700px) and (max-width: 1800px) {
  .banner-section-5__button {
    left: 80px;
  }
}
@media (min-width: 1600px) and (max-width: 1699px) {
  .banner-section-5__button {
    left: 30px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .banner-section-5__button {
    top: 34.5%;
    left: 60px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner-section-5__button {
    display: none;
  }
}
.banner-section-5__arrow {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  border: 2px solid var(--white);
  transition: all 0.3s ease-in-out;
}
.banner-section-5__arrow i {
  font-weight: 900;
  font-size: 20px;
  line-height: 30px;
  color: var(--white);
}
.banner-section-5__arrow:hover {
  border-color: var(--primary);
  background-color: var(--primary);
}
.banner-section-5__active .swiper-slide-active .banner-section-5__anim {
  opacity: 0;
  z-index: 9;
  position: relative;
  animation: anim-down 0.7s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
}

.banner-section-6__wrapper {
  padding-top: 220px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.6s ease-in-out;
}
@media only screen and (max-width: 1399px) {
  .banner-section-6__wrapper {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .banner-section-6__wrapper {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-section-6__wrapper {
    padding-top: 70px;
  }
}
.banner-section-6__wrapper::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(25, 23, 23, 0.4);
}
.banner-section-6__active .swiper-slide-active .banner-section-6__wrap {
  opacity: 0;
  animation: anim-down 0.7s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
}
.banner-section-6__wrap {
  max-width: 662px;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  background-color: var(--white);
}
@media only screen and (max-width: 1599px) {
  .banner-section-6__wrap {
    margin-left: 75px;
  }
}
@media only screen and (max-width: 1399px) {
  .banner-section-6__wrap {
    margin-left: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .banner-section-6__wrap {
    margin-left: 0px;
  }
}
.banner-section-6__item {
  padding: 60px;
}
@media only screen and (max-width: 1199px) {
  .banner-section-6__item {
    padding: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .banner-section-6__item {
    padding: 30px;
  }
}
.banner-section-6__subtitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: rgba(25, 23, 23, 0.5);
  font-family: var(--font_header);
}
.banner-section-6__title {
  font-weight: 700;
  font-size: 36px;
  max-width: 500px;
  margin-top: 5px;
  line-height: 46px;
  margin-bottom: 12px;
  color: var(--secondary);
}
@media (max-width: 575px) {
  .banner-section-6__title {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 10px;
  }
}
.banner-section-6__title a:hover {
  color: var(--primary);
}
.banner-section-6__dec {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  max-width: 530px;
  margin-bottom: 22px;
  color: rgba(25, 23, 23, 0.5);
  font-family: var(--font_header);
}
@media (max-width: 575px) {
  .banner-section-6__dec {
    margin-bottom: 15px;
  }
}
.banner-section-6__admin {
  gap: 11px;
  display: flex;
  align-items: center;
}
.banner-section-6__admin span {
  width: 50px;
  height: 50px;
  display: inline-block;
}
.banner-section-6__admin span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}
.banner-section-6__admin ul {
  list-style: none;
}
.banner-section-6__admin ul .name {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 5px;
  color: var(--secondary);
  font-family: var(--font_header);
}
.banner-section-6__admin ul .name a:hover {
  color: var(--primary);
}
.banner-section-6__admin ul .date {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: rgba(25, 23, 23, 0.5);
  font-family: var(--font_header);
}
.banner-section-6__btn .rr-btn {
  width: 100%;
  padding: 22px 30px;
  border-radius: 0;
  letter-spacing: 0;
}
.banner-section-6__arrow {
  top: 50%;
  left: 50px;
  z-index: 1;
  width: 60px;
  height: 60px;
  display: flex;
  cursor: pointer;
  position: absolute;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  transform: translateY(-50%);
  background-color: var(--white);
  transition: all 0.3s ease-in-out;
}
.banner-section-6__arrow i {
  font-weight: 900;
  font-size: 16px;
  line-height: 30px;
  color: var(--primary);
}
.banner-section-6__arrow:hover {
  background-color: var(--primary);
}
.banner-section-6__arrow:hover i {
  color: var(--white);
}
.banner-section-6__arrow-next {
  left: auto;
  right: 50px;
}

.custom-anim-down {
  animation: anim-down 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes anim-down {
  0% {
    transform: translateY(15%);
    clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.cta-2__notification {
  gap: 25px;
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .cta-2__notification {
    gap: 10px;
    flex-wrap: wrap;
  }
}
.cta-2__notification .icon i {
  font-weight: 900;
  font-size: 72px;
  line-height: 0.8;
  color: var(--primary2);
}
@media (max-width: 575px) {
  .cta-2__notification .icon i {
    font-size: 40px;
  }
}
.cta-2__notification .info h3 {
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 13px;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media only screen and (max-width: 1199px) {
  .cta-2__notification .info h3 {
    font-size: 29px;
  }
}
@media (max-width: 575px) {
  .cta-2__notification .info h3 {
    font-size: 23px;
    margin-bottom: 10px;
  }
}
.cta-2__notification .info p {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--body_text);
  font-family: var(--font_header);
}
.cta-2__subscribe {
  position: relative;
}
.cta-2__subscribe input {
  max-width: 823px;
  width: 100%;
  height: 60px;
  border: none;
  border-radius: 500px;
  padding: 24px 51px;
  padding-right: 180px;
  background-color: var(--white);
}
@media (max-width: 575px) {
  .cta-2__subscribe input {
    padding: 20px;
  }
}
.cta-2__subscribe input:focus {
  outline: none;
}
.cta-2__subscribe input::placeholder {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--body_text);
  font-family: var(--font_header);
}
.cta-2__subscribe .email-icon {
  top: 50%;
  left: 25px;
  line-height: 0.7;
  position: absolute;
  transform: translateY(-50%);
}
@media (max-width: 575px) {
  .cta-2__subscribe .email-icon {
    display: none;
  }
}
.cta-2__subscribe .email-icon i {
  font-weight: 300;
  font-size: 16px;
  line-height: 0.8;
  color: var(--body_text);
}
.cta-2__btn {
  right: 0;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
@media (max-width: 575px) {
  .cta-2__btn {
    right: auto;
    top: auto;
    margin-top: 15px;
    position: inherit;
    transform: translateY(0);
  }
}
.cta-2__btn .rr-btn {
  padding: 22px 32.6px;
}

.latest-updates__top .section-heading__wrap .section__border {
  max-width: 647px;
}
.latest-updates__item {
  gap: 30px;
  width: 97%;
  display: flex;
  padding: 20px;
  border-radius: 8px;
  align-items: center;
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .latest-updates__item {
    gap: 20px;
    width: auto;
    padding: 15px;
    flex-wrap: wrap;
  }
}
.latest-updates__wrap {
  padding: 10px;
  border-radius: 8px;
  background-color: var(--white);
}
.latest-updates__wrap .latest-updates__content {
  padding: 15px 16px;
  padding-top: 25px;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .latest-updates__wrap .latest-updates__content {
    padding: 15px 8px;
    padding-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .latest-updates__wrap .latest-updates__content {
    padding: 15px 5px;
    padding-top: 20px;
  }
}
.latest-updates__wrap .latest-updates__title {
  font-size: 20px;
  max-width: 361px;
  margin: 0 auto;
  line-height: 28px;
  margin-top: 8px;
  margin-bottom: 18px;
}
@media only screen and (max-width: 1199px) {
  .latest-updates__wrap .latest-updates__title {
    font-size: 18px;
    line-height: 26px;
  }
}
.latest-updates__thumb {
  overflow: hidden;
  border-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .latest-updates__thumb {
    width: 100%;
  }
}
.latest-updates__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.latest-updates__thumb:hover img {
  transform: scale(1.1);
}
.latest-updates__meta span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin-right: 9px;
  position: relative;
  padding-right: 14px;
  color: var(--body_text);
  font-family: var(--font_header);
}
.latest-updates__meta span::before {
  content: "";
  right: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 500px;
  transform: translateY(-50%);
  background-color: var(--body_text);
}
.latest-updates__meta span:last-of-type {
  margin-right: 0;
  padding-right: 0;
}
.latest-updates__meta span:last-of-type::before {
  display: none;
}
.latest-updates__title {
  font-size: 30px;
  font-weight: 700;
  max-width: 323px;
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 20px;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media only screen and (max-width: 1399px) {
  .latest-updates__title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .latest-updates__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
  }
}
.latest-updates__title a:hover {
  color: var(primary);
}
.latest-updates__date p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: var(--primary);
  display: inline-block;
  font-family: var(--font_header);
}
.latest-updates__date span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin-left: 8px;
  padding-left: 13px;
  position: relative;
  color: var(--body_text);
  font-family: var(--font_header);
}
.latest-updates__date span::before {
  content: "";
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 500px;
  transform: translateY(-50%);
  background-color: var(--body_text);
}
.latest-updates__btn {
  width: 97%;
}
.latest-updates__btn .rr-btn {
  width: 100%;
}
.latest-updates__tab {
  gap: 30px;
  list-style: none;
  align-items: center;
  padding: 6.5px 25px;
  display: inline-flex;
  border-radius: 500px;
  background-color: var(--white);
  border: 1px solid var(--border);
}
@media (max-width: 575px) {
  .latest-updates__tab {
    gap: 15px;
    flex-wrap: wrap;
    border-radius: 0;
    padding: 15px 20px;
  }
}
.latest-updates__tab button {
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  color: var(--secondary);
  font-family: var(--font_header);
}
.latest-updates__tab button:hover, .latest-updates__tab button.active {
  color: var(--primary);
}

.featured-stories__top .section-heading__wrap {
  gap: 57px;
}
.featured-stories__item {
  padding: 10px;
  border-radius: 8px;
  background-color: var(--white);
}
.featured-stories__thumb {
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}
@media (max-width: 575px) {
  .featured-stories__thumb {
    width: 100%;
  }
}
.featured-stories__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.featured-stories__thumb:hover img {
  transform: scale(1.1);
}
.featured-stories__content {
  padding: 25px 20px;
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .featured-stories__content {
    padding: 15px 4px;
  }
}
@media only screen and (max-width: 991px) {
  .featured-stories__content {
    padding: 25px 10px;
    padding-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .featured-stories__content {
    padding: 20px 10px;
    padding-bottom: 15px;
  }
}
.featured-stories__play {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.featured-stories__play a {
  width: 60px;
  height: 60px;
  display: flex;
  border-radius: 500%;
  align-items: center;
  justify-content: center;
  background: var(--white);
  outline: 12px solid rgba(255, 255, 255, 0.2);
}
.featured-stories__play a i {
  font-weight: 900;
  font-size: 24px;
  line-height: 1;
  color: var(--primary);
}
.featured-stories__meta span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin-right: 9px;
  position: relative;
  padding-right: 14px;
  color: var(--body_text);
  font-family: var(--font_header);
}
.featured-stories__meta span::before {
  content: "";
  right: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 500px;
  transform: translateY(-50%);
  background-color: var(--body_text);
}
.featured-stories__meta span:last-of-type {
  margin-right: 0;
  padding-right: 0;
}
.featured-stories__meta span:last-of-type::before {
  display: none;
}
.featured-stories__title {
  font-size: 22px;
  font-weight: 700;
  max-width: 354px;
  line-height: 32px;
  margin-top: 8px;
  margin-bottom: 16px;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media only screen and (max-width: 1399px) {
  .featured-stories__title {
    font-size: 21px;
    line-height: 31px;
  }
}
@media only screen and (max-width: 991px) {
  .featured-stories__title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .featured-stories__title {
    line-height: 28px;
  }
}
.featured-stories__date p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: var(--primary);
  display: inline-block;
  font-family: var(--font_header);
}
.featured-stories__date span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin-left: 8px;
  padding-left: 13px;
  position: relative;
  color: var(--body_text);
  font-family: var(--font_header);
}
.featured-stories__date span::before {
  content: "";
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 500px;
  transform: translateY(-50%);
  background-color: var(--body_text);
}

.latest-updates-2__top .section-heading__wrap .section__border {
  max-width: 945px;
}
.latest-updates-2__info {
  gap: 20px;
  display: flex;
  align-items: center;
  padding: 21px 30px;
  border: 1px solid var(--border);
  border-bottom: none;
}
@media (max-width: 575px) {
  .latest-updates-2__info {
    gap: 15px;
    padding: 20px;
    flex-wrap: wrap;
  }
}
.latest-updates-2__info:first-of-type {
  padding-top: 25px;
  border-radius: 8px 8px 0 0;
}
.latest-updates-2__info:last-of-type {
  padding-bottom: 25px;
  border-radius: 0 0 8px 8px;
  border-bottom: 1px solid var(--border);
}
.latest-updates-2__number span {
  width: 75px;
  height: 75px;
  font-size: 30px;
  line-height: 1;
  font-weight: 600;
  font-style: italic;
  align-items: center;
  border-radius: 500px;
  color: var(--primary);
  display: inline-flex;
  justify-content: center;
  border: 1px solid var(--border);
  font-family: var(--font_header);
}
@media (max-width: 575px) {
  .latest-updates-2__number span {
    width: 60px;
    height: 60px;
    font-size: 25px;
  }
}
.latest-updates-2__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  max-width: 369px;
  margin-bottom: 10px;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media only screen and (max-width: 1199px) {
  .latest-updates-2__title {
    font-size: 17px;
    line-height: 24px;
  }
  .latest-updates-2__title br {
    display: none;
  }
}
.latest-updates-2__title a:hover {
  color: var(--primary);
}
.latest-updates-2__date p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: var(--primary);
  display: inline-block;
  font-family: var(--font_header);
}
.latest-updates-2__date span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin-left: 8px;
  padding-left: 13px;
  position: relative;
  color: var(--body_text);
  font-family: var(--font_header);
}
.latest-updates-2__date span::before {
  content: "";
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 500px;
  transform: translateY(-50%);
  background-color: #D9D9D9;
}
.latest-updates-2__item {
  gap: 25px;
  display: flex;
  padding-bottom: 27px;
  margin-bottom: 27px;
  align-items: center;
  border-bottom: 1px solid var(--border);
}
@media (max-width: 575px) {
  .latest-updates-2__item {
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.latest-updates-2__item:last-of-type {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: none;
}
.latest-updates-2__item .featured-stories__content {
  padding: 0;
}
.latest-updates-2__item .featured-stories__title {
  max-width: 512px;
}

.popular-posts__top .section-heading__wrap .section__border {
  max-width: 892px;
  margin: 0 0 0 auto;
}
.popular-posts__thumb {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .popular-posts__thumb {
    height: 300px;
  }
}
@media (max-width: 575px) {
  .popular-posts__thumb {
    height: 100%;
  }
}
.popular-posts__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.popular-posts__info {
  left: 10px;
  right: 10px;
  bottom: 10px;
  position: absolute;
  padding: 35px 44px;
  border-radius: 8px;
  text-align: center;
  background-color: var(--white);
}
@media only screen and (max-width: 991px) {
  .popular-posts__info {
    padding: 20px 19px;
  }
}
@media only screen and (max-width: 767px) {
  .popular-posts__info {
    padding: 20px 10px;
  }
}
@media (max-width: 575px) {
  .popular-posts__info {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    position: inherit;
  }
}
.popular-posts__info .latest-updates__title {
  font-size: 24px;
  max-width: 525px;
  line-height: 34px;
  margin: 0 auto;
  margin-top: 7px;
  margin-bottom: 18px;
}
@media only screen and (max-width: 991px) {
  .popular-posts__info .latest-updates__title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 575px) {
  .popular-posts__info .latest-updates__title {
    margin-bottom: 12px;
  }
}

.new-posts__top {
  margin-bottom: 33px;
}
.new-posts__top .section-heading__wrap .section__border {
  max-width: 546px;
}
.new-posts__thumb {
  height: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}
@media only screen and (max-width: 1199px) {
  .new-posts__thumb {
    max-height: 832px;
  }
}
@media only screen and (max-width: 991px) {
  .new-posts__thumb {
    max-height: 500px;
  }
}
.new-posts__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .new-posts__thumb img {
    height: 300px;
  }
}
@media (max-width: 575px) {
  .new-posts__thumb img {
    height: 100%;
  }
}
.new-posts__thumb::before {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  background: linear-gradient(180deg, rgba(23, 23, 23, 0) 0%, #171717 100%);
}
.new-posts__info {
  left: 30px;
  right: 24px;
  bottom: 30px;
  position: absolute;
}
@media only screen and (max-width: 1199px) {
  .new-posts__info {
    left: 15px;
    right: 15px;
    bottom: 25px;
  }
}
.new-posts__info .featured-stories__title {
  color: var(--white);
}
.new-posts__info .featured-stories__meta span {
  color: var(--white);
}
.new-posts__info .featured-stories__meta span::before {
  background-color: var(--white);
}
.new-posts__info .featured-stories__date span {
  color: var(--white);
}
.new-posts__info .featured-stories__date span::before {
  background-color: var(--white);
}

.editors-choice__top .section-heading__wrap .section__border {
  max-width: 568px;
}
.editors-choice__tab {
  gap: 10px;
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .editors-choice__tab {
    flex-wrap: wrap;
  }
}
.editors-choice__tab button {
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  border-radius: 500px;
  display: inline-block;
  padding: 8.5px 20.21px;
  color: var(--secondary);
  background-color: var(--white);
  font-family: var(--font_header);
  border: 1px solid var(--border);
  transition: all 0.3s ease-in-out;
}
.editors-choice__tab button:hover, .editors-choice__tab button.active {
  color: var(--white);
  border-color: var(--primary);
  background-color: var(--primary);
}
@media only screen and (max-width: 1399px) {
  .editors-choice__item {
    height: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .editors-choice__item {
    height: 96%;
  }
}
.editors-choice__item .featured-stories__title {
  max-width: 470px;
}
.editors-choice__item .new-posts__info {
  left: 40px;
  bottom: 36px;
}
@media only screen and (max-width: 1199px) {
  .editors-choice__item .new-posts__info {
    left: 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .editors-choice__wrap .latest-updates-2__item {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.editors-choice__wrap .latest-updates-2__item .featured-stories__title {
  max-width: 395px;
}
@media only screen and (max-width: 1199px) {
  .editors-choice__wrap .latest-updates-2__item .featured-stories__title {
    font-size: 18px;
  }
}

.post-category__top.heading-display__wrap {
  margin-bottom: 15px;
}
.post-category__top.heading-display__wrap .section__border {
  max-width: 81.7%;
  border-top: 1px dashed var(--border);
  border-bottom: 1px dashed var(--border);
}
.post-category__wrap {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  align-items: center;
  margin-right: -85px;
}
@media only screen and (max-width: 1399px) {
  .post-category__wrap {
    gap: 20px;
    margin-right: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .post-category__wrap {
    gap: 15px;
  }
}
.post-category__item {
  position: relative;
  padding: 40px 0;
  padding-bottom: 3px;
  margin-right: 20px;
  padding-right: 70px;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 991px) {
  .post-category__item {
    padding-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .post-category__item {
    padding-top: 10px;
  }
}
.post-category__item:last-of-type::before {
  display: none;
}
.post-category__item::before {
  content: "";
  right: 0;
  bottom: 4px;
  width: 1px;
  z-index: -1;
  height: 70px;
  position: absolute;
  transform: rotate(35deg);
  background-color: var(--border);
}
@media only screen and (max-width: 991px) {
  .post-category__item::before {
    height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .post-category__item::before {
    height: 30px;
  }
}
.post-category__item:hover {
  cursor: pointer;
}
.post-category__item:hover .post-category__title {
  color: var(--primary);
}
.post-category__item:hover .post-category__number span {
  border: none;
  color: var(--white);
}
.post-category__item:hover .post-category__thumb .image {
  transform: scale(1);
}
.post-category__title {
  font-size: 60px;
  line-height: 1;
  font-weight: 500;
  display: inline-block;
  color: var(--secondary);
  font-family: var(--font_header);
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1399px) {
  .post-category__title {
    font-size: 49px;
  }
}
@media only screen and (max-width: 1199px) {
  .post-category__title {
    font-size: 45px;
  }
}
@media only screen and (max-width: 991px) {
  .post-category__title {
    font-size: 32px;
  }
}
.post-category__number {
  top: 50%;
  left: 50%;
  z-index: 1;
  position: absolute;
  display: inline-block;
  transform: translate(-50%, -50%);
}
.post-category__number span {
  width: 35px;
  height: 35px;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  color: var(--secondary);
  border: 1px solid var(--border);
  font-family: var(--font_header);
  transition: all 0.3s ease-in-out;
}
.post-category__thumb {
  top: 2px;
  right: 0px;
  z-index: -1;
  position: absolute;
  transition: all 0.3s ease-in-out;
}
.post-category__thumb .image {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: relative;
  transform: scale(0);
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .post-category__thumb .image {
    width: 70px;
    height: 70px;
  }
}
.post-category__thumb .image::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 500px;
  mix-blend-mode: multiply;
  background-color: var(--primary);
}
.post-category__thumb .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}

.blog-post__slide .featured-stories__title {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 13px;
}
@media only screen and (max-width: 1399px) {
  .blog-post__slide .featured-stories__title {
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .blog-post__slide .featured-stories__title {
    font-size: 24px;
    line-height: 34px;
  }
}
/* News images are uploaded at 700x400, so the carousel box is landscape 3:2
   instead of the demo's portrait 523x856 — the image is only edge-cropped and
   never upscaled. The box is shorter than the old portrait one, so the title
   is clamped to three lines to keep the overlaid copy inside it. */
.blog-post__slide .new-posts__thumb {
  height: auto;
  max-height: none;
  aspect-ratio: 3 / 2;
}
.blog-post__slide .featured-stories__title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
/* Under 1200px the middle column is too narrow for the overlaid copy to fit a
   landscape box at all, so drop the excerpt and hold the headline to two lines
   — the same content reduction the template already makes at its smaller
   breakpoints. */
@media only screen and (max-width: 1199px) {
  .blog-post__slide .blog-post__dec {
    display: none;
  }
  .blog-post__slide .featured-stories__title a {
    -webkit-line-clamp: 2;
  }
}
@media only screen and (max-width: 767px) {
  .blog-post__slide .new-posts__thumb img {
    height: 100%;
  }
}
.blog-post__dec {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  max-width: 463px;
  color: var(--white);
  margin-bottom: 20px;
  font-family: var(--font_header);
}
.blog-post__active {
  position: relative;
}
/* The arrows are siblings of the swiper, so anchor them to the carousel
   itself — otherwise they resolve against whatever ancestor happens to be
   positioned (the Elementor widget wrapper). */
.blog-post__wrap {
  position: relative;
}
.blog-post__button {
  top: 12px;
  gap: 10px;
  z-index: 1;
  right: 12px;
  display: flex;
  position: absolute;
  align-items: center;
}
.blog-post__arrow {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  background-color: var(--white);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 575px) {
  .blog-post__arrow {
    width: 38px;
    height: 38px;
  }
}
.blog-post__arrow i {
  font-size: 14px;
  font-weight: 900;
  line-height: 40px;
  color: var(--primary);
  transition: all 0.3s ease-in-out;
}
.blog-post__arrow:hover {
  background-color: var(--primary);
}
.blog-post__arrow:hover i {
  color: var(--white);
}
.blog-post__item {
  padding: 23px 30px;
  border-radius: 8px;
  background: var(--white);
}
@media only screen and (max-width: 1399px) {
  .blog-post__item {
    padding: 20px 15px;
  }
}
.blog-post__item .latest-updates-2__info {
  padding: 0;
  border: none;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--border);
}
.blog-post__item .latest-updates-2__info:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.blog-post__item .latest-updates-2__title {
  margin-bottom: 9px;
}

.featured-news__space {
  padding-top: 60px;
  padding-bottom: 60px;
}
/* Swiper's `.swiper-slide { height: 100% }` stops the flex row from stretching
   the slides, so a card with a long headline sat taller than its neighbours.
   Let them stretch and fill so the cards stay level.

   The widths below mirror what Swiper applies inline once it starts — its
   slidesPerView / spaceBetween / breakpoints in main.js give
   width = (100% - 24px * (slidesPerView - 1)) / slidesPerView. Without them
   every slide is 100% wide before init, the headline fits on one line, and
   each card resizes when Swiper runs, shoving the page down (measured CLS 0.6
   on desktop, 0.36 on mobile). Keep these in step with main.js. */
.featured-news__active .swiper-slide {
  width: 100%;
  height: auto;
  margin-right: 24px;
}
@media (min-width: 767px) {
  .featured-news__active .swiper-slide {
    width: calc((100% - 19.2px) / 1.8);
  }
}
@media (min-width: 992px) {
  .featured-news__active .swiper-slide {
    width: calc((100% - 31.2px) / 2.3);
  }
}
@media (min-width: 1200px) {
  .featured-news__active .swiper-slide {
    width: calc((100% - 48px) / 3);
  }
}
.featured-news__item {
  height: 100%;
  gap: 18px;
  display: flex;
  padding: 20px;
  border-radius: 8px;
  align-items: center;
  background-color: var(--grey-bg);
}
@media only screen and (max-width: 1399px) {
  .featured-news__item {
    gap: 10px;
    padding: 15px;
  }
}
@media (max-width: 575px) {
  .featured-news__item {
    flex-wrap: wrap;
  }
}
.featured-news__thumb {
  flex: none;
  width: 150px;
  height: auto;
  aspect-ratio: 7 / 4;
  overflow: hidden;
  border-radius: 8px;
}
@media (max-width: 575px) {
  .featured-news__thumb {
    width: 100%;
    height: auto;
  }
}
.featured-news__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.featured-news__thumb:hover img {
  transform: scale(1.1);
}
.featured-news__meta span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: var(--body_text);
  font-family: var(--font_header);
}
.featured-news__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin-top: 4px;
  margin-bottom: 13px;
  color: var(--secondary);
}
@media only screen and (max-width: 1399px) {
  .featured-news__title {
    font-size: 17px;
  }
}
.featured-news__date span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin-left: 8px;
  padding-left: 13px;
  position: relative;
  color: var(--body_text);
  font-family: var(--font_header);
}
.featured-news__date span:first-of-type {
  margin-left: 0;
  padding-left: 0;
  color: var(--primary);
}
.featured-news__date span:first-of-type::before {
  display: none;
}
.featured-news__date span::before {
  content: "";
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 500px;
  transform: translateY(-50%);
  background-color: var(--body_text);
}
.featured-news__top {
  margin-bottom: 30px;
}
.featured-news__top .section-heading__wrap .section__border {
  max-width: 974px;
}
.featured-news__button {
  gap: 10px;
  display: flex;
  align-items: center;
}
.featured-news__arrow {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  background-color: var(--primary);
  transition: all 0.3s ease-in-out;
}
.featured-news__arrow i {
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
  color: var(--white);
  transition: all 0.3s ease-in-out;
}
.featured-news__arrow:hover {
  background-color: var(--secondary);
}

.featured-news-2__active .swiper-wrapper {
  transition-timing-function: linear;
}
.featured-news-2__active .swiper-wrapper .swiper-slide {
  width: auto;
}
.featured-news-2__item {
  padding: 35px;
  max-width: 170px;
  max-height: 203px;
  border-radius: 8px;
  border: 1px solid var(--border);
}
.featured-news-2__thumb {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 500px;
}
.featured-news-2__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.featured-news-2__thumb:hover img {
  transform: scale(1.1);
}
.featured-news-2__title {
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  margin-top: 18px;
  text-align: center;
  color: var(--secondary);
  font-family: var(--font_header);
}

.trending-posts__thumb {
  width: 100%;
  height: 100%;
  position: relative;
}
.trending-posts__thumb::before {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 8px 0 0 8px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
@media only screen and (max-width: 991px) {
  .trending-posts__thumb::before {
    border-radius: 8px;
  }
}
.trending-posts__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px 0 0 8px;
}
@media only screen and (max-width: 991px) {
  .trending-posts__thumb img {
    border-radius: 8px;
  }
}
@media (max-width: 575px) {
  .trending-posts__thumb img {
    height: 300px;
  }
}
.trending-posts__wrap {
  height: 100%;
  margin-right: -24px;
}
@media only screen and (max-width: 991px) {
  .trending-posts__wrap {
    margin-right: 0;
  }
}
.trending-posts__content {
  left: 60px;
  right: 58px;
  bottom: 55px;
  position: absolute;
}
@media only screen and (max-width: 1199px) {
  .trending-posts__content {
    left: 30px;
    right: 30px;
    bottom: 30px;
  }
}
@media (max-width: 575px) {
  .trending-posts__content {
    left: 15px;
    right: 15px;
    bottom: 20px;
  }
}
.trending-posts__admin {
  display: flex;
  align-items: center;
}
.trending-posts__admin span {
  width: 30px;
  height: 30px;
  display: inline-block;
}
.trending-posts__admin span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}
.trending-posts__admin ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  padding-left: 15px;
  margin-left: 10px;
  position: relative;
  color: var(--white);
  display: inline-block;
  font-family: var(--font_header);
}
.trending-posts__admin ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  top: 50%;
  left: 0;
  position: absolute;
  border-radius: 500px;
  transform: translateY(-50%);
  background-color: var(--white);
}
.trending-posts__admin ul li:first-of-type {
  padding-left: 0;
}
.trending-posts__admin ul li:first-of-type::before {
  display: none;
}
.trending-posts__title {
  font-size: 40px;
  font-weight: 700;
  margin-top: 17px;
  line-height: 50px;
  margin-bottom: 25px;
  color: var(--white);
  font-family: var(--font_header);
}
@media only screen and (max-width: 1399px) {
  .trending-posts__title {
    font-size: 30px;
    margin-top: 15px;
    line-height: 40px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .trending-posts__title {
    font-size: 25px;
    line-height: 35px;
  }
}
@media (max-width: 575px) {
  .trending-posts__title {
    font-size: 20px;
    line-height: 30px;
  }
}
.trending-posts__title a:hover {
  color: var(--primary2);
}
.trending-posts__meta ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  padding-left: 14px;
  margin-left: 9px;
  position: relative;
  color: var(--white);
  display: inline-block;
  font-family: var(--font_header);
}
.trending-posts__meta ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  top: 50%;
  left: 0;
  position: absolute;
  border-radius: 500px;
  transform: translateY(-50%);
  background-color: var(--white);
}
.trending-posts__meta ul li:first-of-type {
  margin-left: 0;
  padding-left: 0;
  color: var(--primary2);
}
.trending-posts__meta ul li:first-of-type::before {
  display: none;
}
.trending-posts__meta_2 ul li {
  color: var(--body_text);
}
.trending-posts__meta_2 ul li::before {
  background-color: var(--body_text);
}
.trending-posts__wrapper {
  padding: 35px 40px;
  border-radius: 0 8px 8px 0;
  background-color: var(--secondary);
}
@media (min-width: 1400px) and (max-width: 1600px) {
  .trending-posts__wrapper {
    padding: 30px;
  }
}
@media only screen and (max-width: 1399px) {
  .trending-posts__wrapper {
    padding: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .trending-posts__wrapper {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 991px) {
  .trending-posts__wrapper {
    margin-top: 30px;
    border-radius: 8px;
  }
}
@media (max-width: 575px) {
  .trending-posts__wrapper {
    padding: 25px 15px;
  }
}
.trending-posts__wrapper .section-heading__wrap .section__title {
  width: auto;
  margin-bottom: 25px;
}
.trending-posts__top-post .trending-posts__thumb {
  overflow: hidden;
}
.trending-posts__top-post .trending-posts__thumb img {
  border-radius: 8px;
}
@media (max-width: 575px) {
  .trending-posts__top-post .trending-posts__thumb img {
    height: 180px;
  }
}
.trending-posts__top-post .trending-posts__thumb::before {
  border-radius: 8px;
}
.trending-posts__top-post .trending-posts__info {
  left: 30px;
  right: 36px;
  bottom: 25px;
  position: absolute;
}
@media only screen and (max-width: 1399px) {
  .trending-posts__top-post .trending-posts__info {
    left: 15px;
    right: 15px;
    bottom: 15px;
  }
}
@media (max-width: 575px) {
  .trending-posts__top-post .trending-posts__info {
    left: 10px;
    right: 10px;
  }
}
.trending-posts__info .trending-posts__title {
  font-size: 20px;
  font-weight: 700;
  max-width: 409px;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 13px;
}
@media (max-width: 575px) {
  .trending-posts__info .trending-posts__title {
    font-size: 18px;
    line-height: 27px;
  }
}
.trending-posts__info-black .trending-posts__admin ul li {
  color: var(--body_text);
}
.trending-posts__info-black .trending-posts__admin ul li::before {
  background-color: var(--body_text);
}
.trending-posts__info-black .trending-posts__title {
  font-size: 22px;
  margin-top: 12px;
  max-width: 470px;
  line-height: 32px;
  margin-bottom: 8px;
  color: var(--secondary);
}
@media only screen and (max-width: 1399px) {
  .trending-posts__info-black .trending-posts__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.trending-posts__info-black .trending-posts__title a:hover {
  color: var(--primary2);
}
.trending-posts__info-black .trending-posts__meta ul li {
  color: var(--body_text);
}
.trending-posts__info-black .trending-posts__meta ul li::before {
  background-color: var(--body_text);
}
.trending-posts__info-black .trending-posts__meta ul li:first-of-type {
  color: var(--primary2);
}
.trending-posts-2__info .trending-posts__title {
  font-size: 22px;
  margin-top: 12px;
  max-width: 435px;
  line-height: 32px;
}
@media only screen and (max-width: 1399px) {
  .trending-posts-2__info .trending-posts__title {
    font-size: 19px;
    line-height: 28px;
  }
}
.trending-posts-2__info .trending-posts__title a:hover {
  color: var(--primary2);
}
.trending-posts__item {
  gap: 25px;
  display: flex;
  align-items: center;
  margin-bottom: 28.2px;
}
@media only screen and (max-width: 1399px) {
  .trending-posts__item {
    gap: 15px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1199px) {
  .trending-posts__item {
    flex-wrap: nowrap;
  }
}
@media (max-width: 575px) {
  .trending-posts__item {
    flex-wrap: wrap;
  }
}
.trending-posts__item:last-of-type {
  margin-bottom: 0;
}
.trending-posts__image {
  min-width: 80px;
  height: 80px;
  position: relative;
}
.trending-posts__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}
.trending-posts__image span {
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 1;
  display: flex;
  font-weight: 500;
  position: absolute;
  color: var(--white);
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  font-family: var(--font_header);
  background-color: var(--primary2);
}

.featured-posts-2__wrap {
  gap: 30px;
  display: flex;
  padding: 20px;
  border-radius: 8px;
  align-items: center;
  border: 1px solid var(--border);
}
@media only screen and (max-width: 1599px) {
  .featured-posts-2__wrap {
    gap: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .featured-posts-2__wrap {
    flex-wrap: wrap;
  }
}
.featured-posts-2__image {
  overflow: hidden;
  border-radius: 8px;
}
@media only screen and (max-width: 1199px) {
  .featured-posts-2__image {
    width: 100%;
  }
}
.featured-posts-2__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1399px) {
  .featured-posts-2__image img {
    height: 230px;
  }
}
.featured-posts-2__image:hover img {
  transform: scale(1.1);
}
.featured-posts-2__dec {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  max-width: 459px;
  margin-bottom: 18px;
  color: var(--body_text);
  font-family: var(--font_header);
}
.featured-posts-2__thumb {
  position: relative;
}
.featured-posts-2__thumb::before {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  background: linear-gradient(180deg, rgba(23, 23, 23, 0) 0%, #171717 100%);
}
.featured-posts-2__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.featured-posts-2__content {
  left: 30px;
  right: 30px;
  bottom: 25px;
  position: absolute;
}
@media only screen and (max-width: 1599px) {
  .featured-posts-2__content {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .featured-posts-2__content {
    left: 10px;
    right: 10px;
  }
}
@media (max-width: 575px) {
  .featured-posts-2__top {
    gap: 10px;
    flex-wrap: wrap;
  }
}
.featured-posts-2__top .section-heading__wrap .section__border {
  max-width: 1334px;
}
.featured-posts-2__btn .rr-btn {
  width: 185px;
  padding: 8.5px 18.8px;
  background-color: transparent;
  border: 1px solid var(--border);
}
.featured-posts-2__btn .rr-btn .btn-wrap .text-one {
  color: var(--primary2);
}
.featured-posts-2__button {
  margin-top: 40px;
}
@media only screen and (max-width: 991px) {
  .featured-posts-2__button {
    margin-top: 30px;
  }
}
.featured-posts-2__button .rr-btn-4 {
  width: 100%;
}

.featured-stories-2__wrap {
  height: 100%;
}
.featured-stories-2__thumb {
  max-height: 850px;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 1700px) {
  .featured-stories-2__thumb {
    max-height: 827px;
  }
}
@media only screen and (max-width: 1399px) {
  .featured-stories-2__thumb {
    max-height: 708px;
  }
}
@media only screen and (max-width: 1199px) {
  .featured-stories-2__thumb {
    max-height: 400px;
    height: 400px;
  }
}
.featured-stories-2__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.featured-stories-2__thumb::before {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  background: linear-gradient(180deg, rgba(23, 23, 23, 0) 0%, rgba(23, 23, 23, 0.84) 88.24%);
}
.featured-stories-2__thumb .featured-stories__play {
  left: 72px;
  top: 72px;
  transform: translate(0);
}
@media only screen and (max-width: 1399px) {
  .featured-stories-2__thumb .featured-stories__play {
    top: 40px;
    left: 40px;
  }
}
.featured-stories-2__thumb .featured-stories__play a i {
  color: var(--primary2);
}
@media only screen and (max-width: 1399px) {
  .featured-stories-2__thumb .trending-posts__content {
    left: 30px;
    right: 30px;
    bottom: 40px;
  }
}
@media (max-width: 575px) {
  .featured-stories-2__thumb .trending-posts__content {
    left: 15px;
    right: 15px;
    bottom: 30px;
  }
}
.featured-stories-2__item {
  padding: 20px;
  border-radius: 8px;
  background-color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .featured-stories-2__item {
    padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .featured-stories-2__item {
    padding: 15px 10px;
  }
}
.featured-stories-2__image {
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}
.featured-stories-2__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.featured-stories-2__image:hover img {
  transform: scale(1.1);
}
.featured-stories-2__content {
  padding: 5px;
  padding-top: 30px;
  padding-left: 10px;
}
@media only screen and (max-width: 1399px) {
  .featured-stories-2__content {
    padding: 0px;
    padding-top: 20px;
  }
}
.featured-stories-2__content .trending-posts__title {
  margin-bottom: 13px;
}
@media only screen and (max-width: 1399px) {
  .featured-stories-2__content .trending-posts__title {
    font-size: 20px;
  }
}
.featured-stories-2__list ul {
  gap: 50px;
  display: flex;
  list-style: none;
  margin-top: 43px;
  align-items: center;
  margin-bottom: 26px;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .featured-stories-2__list ul {
    gap: 30px;
    margin-top: 15px;
    justify-content: start;
  }
}
@media (max-width: 575px) {
  .featured-stories-2__list ul {
    gap: 15px;
    flex-wrap: wrap;
  }
}
.featured-stories-2__list ul li {
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  color: var(--white);
  text-transform: uppercase;
  font-family: var(--font_header);
}

.author-post__author {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media only screen and (max-width: 1399px) {
  .author-post__author {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .author-post__author {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 575px) {
  .author-post__author {
    grid-template-columns: repeat(1, 1fr);
  }
}
.author-post__author-top {
  margin-bottom: 34px;
}
.author-post__author-top .section-heading__wrap .section__border {
  max-width: 1069px;
}
.author-post__author-item {
  padding: 30px 34px;
  border-radius: 8px;
  text-align: center;
  display: inline-block;
  border: 1px solid var(--border);
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .author-post__author-item {
    padding: 18px;
  }
}
@media only screen and (max-width: 1399px) {
  .author-post__author-item {
    padding: 18px;
  }
}
.author-post__author-item .thumb {
  width: 85px;
  height: 85px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 500px;
}
.author-post__author-item .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.author-post__author-item .thumb:hover img {
  transform: scale(1.1);
}
.author-post__author-item .info .name {
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 6px;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media (min-width: 1400px) and (max-width: 1491px) {
  .author-post__author-item .info .name {
    font-size: 18px;
  }
}
.author-post__author-item .info p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: var(--body_text);
  font-family: var(--font_header);
}
.author-post__wrapper .blog-sidebar__wrap {
  padding: 29px;
  border: 1px solid var(--border);
}
@media only screen and (max-width: 1399px) {
  .author-post__wrapper .blog-sidebar__wrap {
    padding: 16px;
  }
}
.author-post__wrapper .blog-sidebar__social-media {
  list-style: none;
}
@media only screen and (max-width: 1399px) {
  .author-post__wrapper .blog-sidebar__social-media li {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .author-post__wrapper .blog-sidebar__social-media li {
    width: 48%;
  }
}
@media only screen and (max-width: 991px) {
  .author-post__wrapper .blog-sidebar__social-media li {
    width: 32%;
  }
}
@media only screen and (max-width: 767px) {
  .author-post__wrapper .blog-sidebar__social-media li {
    width: 48%;
  }
}
@media (max-width: 575px) {
  .author-post__wrapper .blog-sidebar__social-media li {
    width: 100%;
  }
}
@media only screen and (max-width: 1399px) {
  .author-post__wrapper .blog-sidebar__social-media li a {
    width: 100%;
  }
}
.author-post__wrapper .blog-sidebar__title {
  font-size: 20px;
}
@media only screen and (max-width: 991px) {
  .author-post__wrapper .blog-sidebar__gallery .gallery__thumb {
    width: 104px;
    height: 104px;
  }
}

.business-post__top {
  margin-bottom: 34px;
}
.business-post__item {
  padding: 10px;
  border-radius: 8px;
  border: 1px solid var(--border);
}
.business-post__wrap {
  padding: 26px 20px;
  padding-bottom: 15px;
}
@media (min-width: 1400px) and (max-width: 1722px) {
  .business-post__wrap {
    padding: 25px 10px;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 1399px) {
  .business-post__wrap {
    padding: 20px 10px;
  }
}
@media only screen and (max-width: 1700px) {
  .business-post__wrap .blog-sidebar__post-item-2 {
    gap: 10px;
  }
}
.business-post__text {
  left: 30px;
  right: 30px;
  bottom: 25px;
  position: absolute;
}
@media only screen and (max-width: 1399px) {
  .business-post__text {
    left: 10px;
    right: 10px;
    bottom: 20px;
  }
}
.business-post__text .blog-sidebar__post-title {
  max-width: 342px;
}
.business-post__text .blog-sidebar__post-title a:hover {
  color: var(--primary2);
}
.business-post__thumb {
  position: relative;
}
.business-post__thumb::before {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.business-post__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
@media only screen and (max-width: 1399px) {
  .business-post__thumb img {
    height: 200px;
  }
}
@media only screen and (max-width: 1199px) {
  .business-post__thumb img {
    height: 100%;
  }
}
@media (max-width: 575px) {
  .business-post__thumb img {
    height: 200px;
  }
}

@media only screen and (max-width: 1199px) {
  .breaking-news__wrapper {
    display: grid;
    column-gap: 24px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .breaking-news__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 575px) {
  .breaking-news__wrapper .featured-posts-2__wrap {
    padding: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .breaking-news__wrap {
    display: grid;
    column-gap: 24px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .breaking-news__wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
.breaking-news__top {
  margin-bottom: 35px;
}
.breaking-news__top .section-heading__wrap .section__border {
  max-width: 1540px;
}
.breaking-news__item .trending-posts__wrap {
  margin-right: 0;
}
.breaking-news__item .trending-posts__thumb img {
  border-radius: 8px;
}
.breaking-news__item .trending-posts__thumb::before {
  border-radius: 8px;
}
.breaking-news__item .trending-posts__content {
  left: 40px;
  right: 57px;
  bottom: 35px;
}
@media only screen and (max-width: 991px) {
  .breaking-news__item .trending-posts__content {
    left: 30px;
    right: 30px;
    bottom: 30px;
  }
}
@media (max-width: 575px) {
  .breaking-news__item .trending-posts__content {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
}
.breaking-news__item .trending-posts__title {
  margin-top: 13px;
}
@media only screen and (max-width: 1199px) {
  .breaking-news__item .trending-posts__title {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .breaking-news__item .trending-posts__title {
    font-size: 20px;
    line-height: 30px;
  }
}

.blog-slider__item {
  max-width: 422px;
  width: 100%;
  height: 613px;
  border-radius: 8px;
}
@media only screen and (max-width: 1399px) {
  .blog-slider__item {
    height: 500px;
  }
}
@media only screen and (max-width: 1199px) {
  .blog-slider__item {
    height: 380px;
  }
}
.blog-slider__thumb {
  height: 100%;
  position: relative;
}
.blog-slider__thumb::before {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(10, 12, 26, 0) 0%, rgba(10, 12, 26, 0.7) 90.21%);
}
.blog-slider__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.blog-slider__thumb .featured-stories__play {
  top: 10px;
  left: auto;
  right: 52px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transform: translate(0);
}
.blog-slider__thumb .featured-stories__play a i {
  color: var(--primary2);
}
.blog-slider__thumb .trending-posts__content {
  left: 30px;
  right: 30px;
  bottom: 25px;
}
.blog-slider__wrapper .swiper-slide {
  width: 422px !important;
}
.blog-slider__wrapper .swiper-slide.swiper-slide-active {
  width: 868px !important;
}
@media only screen and (max-width: 1399px) {
  .blog-slider__wrapper .swiper-slide.swiper-slide-active {
    width: 715px !important;
  }
}
@media only screen and (max-width: 1199px) {
  .blog-slider__wrapper .swiper-slide.swiper-slide-active {
    width: 510px !important;
  }
}
@media only screen and (max-width: 767px) {
  .blog-slider__wrapper .swiper-slide.swiper-slide-active {
    width: 100% !important;
  }
}
.blog-slider__wrapper .swiper-slide.swiper-slide-active .blog-slider__item {
  max-width: 868px;
  width: 100%;
}
.blog-slider__wrapper .swiper-slide.swiper-slide-active .blog-slider__item .trending-posts__title {
  font-size: 40px;
  line-height: 50px;
  max-width: 730px;
  margin-top: 9px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1199px) {
  .blog-slider__wrapper .swiper-slide.swiper-slide-active .blog-slider__item .trending-posts__title {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (max-width: 575px) {
  .blog-slider__wrapper .swiper-slide.swiper-slide-active .blog-slider__item .trending-posts__title {
    font-size: 20px;
    line-height: 30px;
  }
}
.blog-slider__wrapper .swiper-slide.swiper-slide-active .blog-slider__item .trending-posts__content {
  left: 40px;
  right: 30px;
  bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .blog-slider__wrapper .swiper-slide.swiper-slide-active .blog-slider__item .trending-posts__content {
    left: 30px;
    right: 20px;
    bottom: 30px;
  }
}
@media (max-width: 575px) {
  .blog-slider__wrapper .swiper-slide.swiper-slide-active .blog-slider__item .trending-posts__content {
    left: 15px;
    right: 15px;
    bottom: 25px;
  }
}
.blog-slider__wrapper .swiper-slide.swiper-slide-active .blog-slider__item .featured-stories__play {
  top: 52px;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 575px) {
  .blog-slider__wrapper .swiper-slide.swiper-slide-active .blog-slider__item .featured-stories__play {
    top: 30px;
    right: 30px;
  }
}
.blog-slider__info .trending-posts__title {
  font-size: 22px;
  line-height: 32px;
  margin-top: 13px;
  max-width: 340px;
  margin-bottom: 18px;
  transition: all 0.3s ease-in-out;
}

.news-alert__wrap {
  gap: 18px;
  z-index: 1;
  display: flex;
  position: relative;
  padding-right: 20px;
  border-radius: 500px;
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .news-alert__wrap {
    gap: 10px;
    padding: 10px;
    flex-wrap: wrap;
    border-radius: 10px;
  }
}
.news-alert__wrap h3 {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  padding-right: 50px;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media only screen and (max-width: 991px) {
  .news-alert__wrap h3 {
    padding-right: 0;
  }
}
.news-alert__wrap span {
  gap: 7px;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  align-items: center;
  color: var(--white);
  padding: 10px 33.5px;
  display: inline-flex;
  font-family: var(--font_header);
  background-color: var(--primary3);
  border-radius: 500px 1000px 0px 500px;
}
@media only screen and (max-width: 767px) {
  .news-alert__wrap span {
    border-radius: 500px;
  }
}
.news-alert__wrap span i {
  font-size: 16px;
  font-weight: 900;
  line-height: 30px;
  color: var(--white);
}
.news-alert__item {
  padding: 16px 0;
}
@media only screen and (max-width: 991px) {
  .news-alert__item {
    padding: 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .news-alert__item {
    padding: 0;
  }
}
.news-alert__btn {
  right: 0;
  top: 50%;
  z-index: 2;
  display: flex;
  position: absolute;
  align-items: center;
  transform: translateY(-50%);
}
@media only screen and (max-width: 991px) {
  .news-alert__btn {
    display: none;
  }
}
.news-alert__arrow {
  z-index: 2;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  margin-left: 10px;
  padding-left: 11px;
  position: relative;
  color: var(--body_text);
  transition: all 0.3s ease-in-out;
}
.news-alert__arrow::before {
  content: "";
  left: 0;
  top: 0;
  width: 1px;
  height: 12px;
  position: absolute;
  background-color: var(--border);
}
.news-alert__arrow:hover {
  color: var(--secondary);
}
.news-alert__arrow:first-of-type {
  margin-left: 0;
  padding-left: 0;
}
.news-alert__arrow:first-of-type::before {
  display: none;
}

.our-gallery__top .section-heading__wrap .section__border {
  max-width: 1350px;
}
.our-gallery__wrap {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 991px) {
  .our-gallery__wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .our-gallery__wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
.our-gallery__item:nth-child(2) {
  gap: 24px;
  display: flex;
  flex-direction: column;
}
.our-gallery__item:nth-child(4) {
  gap: 24px;
  display: flex;
  flex-direction: column;
}
.our-gallery__thumb {
  position: relative;
}
.our-gallery__thumb::before {
  content: "";
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 70%;
  border-radius: 8px;
  position: absolute;
  transform: scale(0);
  background-color: #1A1515;
  transition: all 0.3s ease-in-out;
}
.our-gallery__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.our-gallery__thumb .followers-section__social a i {
  font-size: 16px;
  color: var(--primary3);
}
.our-gallery__thumb:hover::before {
  transform: scale(1);
}
.our-gallery__thumb:hover .followers-section__social {
  transform: translate(-50%, -50%) scale(1);
}

.new-post-3__wrap {
  position: relative;
  z-index: 101;
  padding: 20px;
  border-radius: 8px;
  background-color: var(--white);
}
@media (max-width: 575px) {
  .new-post-3__wrap {
    padding: 12px;
  }
}
.new-post-3__thumb {
  overflow: hidden;
  border-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .new-post-3__thumb {
    width: 100%;
  }
}
.new-post-3__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.new-post-3__thumb:hover img {
  transform: scale(1.1);
}
.new-post-3__content {
  padding: 15px;
  padding-top: 39px;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .new-post-3__content {
    padding: 0;
    padding-top: 35px;
  }
}
.new-post-3__content .new-post-3__admin ul li {
  color: var(--body_text);
}
.new-post-3__content .new-post-3__admin ul li::before {
  background-color: var(--body_text);
}
.new-post-3__content .new-post-3__meta ul li {
  color: var(--body_text);
}
.new-post-3__content .new-post-3__meta ul li::before {
  background-color: var(--body_text);
}
.new-post-3__content .new-post-3__meta ul li:first-of-type {
  color: var(--primary3);
}
.new-post-3__admin {
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-post-3__admin span {
  width: 30px;
  height: 30px;
  display: inline-block;
}
.new-post-3__admin span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}
.new-post-3__admin ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  padding-left: 14px;
  margin-left: 9px;
  position: relative;
  display: inline-block;
  color: var(--secondary);
  font-family: var(--font_header);
}
.new-post-3__admin ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  top: 50%;
  left: 0;
  position: absolute;
  border-radius: 500px;
  transform: translateY(-50%);
  background-color: var(--secondary);
}
.new-post-3__admin ul li:first-of-type {
  padding-left: 0;
}
.new-post-3__admin ul li:first-of-type::before {
  display: none;
}
.new-post-3__title {
  font-size: 30px;
  font-weight: 700;
  margin-top: 14px;
  max-width: 765px;
  line-height: 40px;
  margin-bottom: 25px;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media only screen and (max-width: 1199px) {
  .new-post-3__title {
    font-size: 25px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .new-post-3__title {
    font-size: 25px;
    line-height: 35px;
  }
}
@media (max-width: 575px) {
  .new-post-3__title {
    font-size: 20px;
    line-height: 30px;
  }
}
.new-post-3__title a:hover {
  color: var(--primary3);
}
.new-post-3__meta ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  padding-left: 14px;
  margin-left: 9px;
  position: relative;
  color: var(--secondary);
  display: inline-block;
  font-family: var(--font_header);
}
.new-post-3__meta ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  top: 50%;
  left: 0;
  position: absolute;
  border-radius: 500px;
  transform: translateY(-50%);
  background-color: var(--secondary);
}
.new-post-3__meta ul li:first-of-type {
  margin-left: 0;
  padding-left: 0;
  color: var(--primary3);
}
.new-post-3__meta ul li:first-of-type::before {
  display: none;
}
.new-post-3__item {
  gap: 28px;
  z-index: 101;
  display: flex;
  padding: 20px;
  position: relative;
  border-radius: 8px;
  align-items: center;
  background-color: var(--white);
}
@media only screen and (max-width: 1599px) {
  .new-post-3__item {
    gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .new-post-3__item {
    gap: 15px;
    flex-wrap: wrap;
  }
}
@media (max-width: 575px) {
  .new-post-3__item {
    padding: 15px;
  }
}
.new-post-3__dec {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #9A9EA2;
  max-width: 437px;
  margin-bottom: 18px;
  font-family: var(--font_header);
}
.new-post-3__info {
  padding-left: 29px;
}
@media only screen and (max-width: 1599px) {
  .new-post-3__info {
    padding-left: 0;
  }
}
.new-post-3__info .new-post-3__admin {
  justify-content: start;
}
.new-post-3__info .new-post-3__admin ul li {
  color: var(--body_text);
}
.new-post-3__info .new-post-3__admin ul li::before {
  background-color: var(--body_text);
}
.new-post-3__info .new-post-3__meta ul li {
  color: var(--body_text);
}
.new-post-3__info .new-post-3__meta ul li::before {
  background-color: var(--body_text);
}
.new-post-3__info .new-post-3__meta ul li:first-of-type {
  color: var(--primary3);
}
.new-post-3__info .new-post-3__title {
  font-size: 22px;
  margin-top: 12px;
  max-width: 438px;
  line-height: 32px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1399px) {
  .new-post-3__info .new-post-3__title {
    font-size: 18px;
    line-height: 28px;
  }
}

.featured-news-3__top .section-heading__wrap .section__border {
  max-width: 1438px;
}
.featured-news-3__item {
  gap: 20px;
  padding: 20px;
  display: flex;
  max-width: 571px;
  align-items: center;
  border-radius: 8px;
  background-color: var(--white);
}
@media only screen and (max-width: 1599px) {
  .featured-news-3__item {
    gap: 12px;
    padding: 14px;
  }
}
@media only screen and (max-width: 1399px) {
  .featured-news-3__item {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1199px) {
  .featured-news-3__item {
    flex-wrap: nowrap;
  }
}
@media (max-width: 575px) {
  .featured-news-3__item {
    flex-wrap: wrap;
  }
}
.featured-news-3__thumb {
  overflow: hidden;
  border-radius: 8px;
}
@media only screen and (max-width: 1399px) {
  .featured-news-3__thumb {
    width: 100%;
    max-height: 200px;
  }
}
@media only screen and (max-width: 1199px) {
  .featured-news-3__thumb {
    width: inherit;
    max-height: inherit;
  }
}
@media (max-width: 575px) {
  .featured-news-3__thumb {
    width: 100%;
    max-height: 200px;
  }
}
.featured-news-3__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.featured-news-3__thumb:hover img {
  transform: scale(1.1);
}
.featured-news-3__content .new-post-3__info {
  padding-left: 0;
}
.featured-news-3__content .new-post-3__title {
  font-size: 20px;
  margin-top: 11px;
  max-width: 350px;
  line-height: 30px;
  margin-bottom: 13px;
}
.featured-news-3__button {
  gap: 10px;
  display: flex;
  align-items: center;
}
.featured-news-3__arrow {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  background-color: var(--primary3);
}
.featured-news-3__arrow i {
  font-weight: 900;
  font-size: 16px;
  line-height: 1;
  color: var(--white);
}
.featured-news-3__arrow:hover {
  background-color: var(--secondary);
}

.explore-categories__top {
  margin-bottom: 30px;
}
.explore-categories__top .section-heading__wrap .section__border {
  max-width: 1360px;
}
.explore-categories__item {
  padding: 10px;
  border-radius: 8px;
  background-color: var(--white);
}
.explore-categories__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.explore-categories__info {
  display: flex;
  margin-top: 17px;
  align-items: center;
  padding: 0 14px 10px 10px;
  justify-content: space-between;
}
.explore-categories__title {
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 5px;
  color: var(--secondary);
  font-family: var(--font_header);
}
.explore-categories__number {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: var(--body_text);
  font-family: var(--font_header);
}
.explore-categories__btn .arrow {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.explore-categories__btn .arrow i {
  font-size: 16px;
  line-height: 1;
  font-weight: 900;
  color: var(--secondary);
  transition: all 0.3s ease-in-out;
}
.explore-categories__btn .arrow:hover {
  background-color: var(--primary3);
}
.explore-categories__btn .arrow:hover i {
  color: var(--white);
}

.trending-posts-3__top .section-heading__wrap .section__border {
  max-width: 1360px;
}
.trending-posts-3__wrap {
  gap: 29px;
  display: flex;
  padding: 19px 20px;
  border-radius: 8px;
  align-items: center;
  justify-content: space-between;
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .trending-posts-3__wrap {
    gap: 20px;
    flex-wrap: wrap;
  }
}
@media (max-width: 575px) {
  .trending-posts-3__wrap {
    padding: 19px 12px;
  }
}
.trending-posts-3__content {
  padding: 20px;
  padding-right: 0;
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .trending-posts-3__content {
    padding: 0;
  }
}
.trending-posts-3__content .new-post-3__info {
  padding-left: 0;
}
.trending-posts-3__content .new-post-3__title {
  max-width: 530px;
}
.trending-posts-3__content .new-post-3__dec {
  max-width: 523px;
}
.trending-posts-3__thumb {
  overflow: hidden;
  border-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .trending-posts-3__thumb {
    width: 100%;
  }
}
.trending-posts-3__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.trending-posts-3__thumb:hover img {
  transform: scale(1.1);
}
.trending-posts-3__wrapper {
  padding: 0 30px;
  border-radius: 8px;
  background-color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .trending-posts-3__wrapper {
    padding: 0 20px;
  }
}
@media (max-width: 575px) {
  .trending-posts-3__wrapper {
    padding: 0 14px;
  }
}
.trending-posts-3__item {
  gap: 28px;
  display: flex;
  padding: 30px 0;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--border);
}
@media only screen and (max-width: 1399px) {
  .trending-posts-3__item {
    gap: 15px;
  }
}
@media (max-width: 575px) {
  .trending-posts-3__item {
    padding: 20px 0;
    flex-wrap: wrap;
  }
}
.trending-posts-3__image {
  overflow: hidden;
  border-radius: 8px;
}
@media (max-width: 575px) {
  .trending-posts-3__image {
    width: 100%;
  }
}
.trending-posts-3__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.trending-posts-3__image:hover img {
  transform: scale(1.1);
}
.trending-posts-3__text .new-post-3__info {
  padding-left: 0;
}
.trending-posts-3__text .new-post-3__title {
  font-size: 18px;
  margin-top: 12px;
  max-width: 400px;
  line-height: 28px;
  margin-bottom: 13px;
}

.newsletter-post__post-wrap {
  padding: 35px 40px;
  border-radius: 8px;
  background-color: var(--white);
}
@media only screen and (max-width: 1599px) {
  .newsletter-post__post-wrap {
    padding: 30px 20px;
  }
}
.newsletter-post__post-title {
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 30px;
  color: var(--secondary);
  font-family: var(--font_header);
  border-bottom: 1px solid var(--border);
}
.newsletter-post__top-post {
  gap: 25px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1599px) {
  .newsletter-post__top-post {
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .newsletter-post__top-post {
    flex-wrap: wrap;
  }
}
.newsletter-post__top-post:not(:last-of-type) {
  margin-bottom: 25px;
}
.newsletter-post__top-post .top-post-thumb {
  max-width: 132px;
  height: 133px;
}
@media (max-width: 575px) {
  .newsletter-post__top-post .top-post-thumb {
    max-width: 95px;
    max-height: 95px;
  }
}
.newsletter-post__top-post .top-post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}
.newsletter-post__top-post .top-post-content .new-post-3__info {
  padding-left: 0;
}
.newsletter-post__top-post .top-post-content .new-post-3__title {
  max-width: 338px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 1599px) {
  .newsletter-post__item {
    height: 480px;
  }
}
@media only screen and (max-width: 1399px) {
  .newsletter-post__item {
    height: inherit;
  }
}
@media only screen and (max-width: 1599px) {
  .newsletter-post__item_2 {
    height: 100%;
  }
}
@media only screen and (max-width: 1599px) {
  .newsletter-post__item_2 .thumb {
    height: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .newsletter-post__item_2 .thumb {
    height: 400px !important;
  }
}
.newsletter-post__item .thumb {
  position: relative;
}
@media only screen and (max-width: 1599px) {
  .newsletter-post__item .thumb {
    height: 100%;
  }
}
@media only screen and (max-width: 1399px) {
  .newsletter-post__item .thumb {
    height: inherit;
  }
}
.newsletter-post__item .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.newsletter-post__item .thumb::before {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(30, 16, 43, 0) 0%, #1E102B 100%);
}
.newsletter-post__item .content {
  left: 40px;
  right: 40px;
  bottom: 35px;
  position: absolute;
}
@media (max-width: 575px) {
  .newsletter-post__item .content {
    left: 20px;
    right: 20px;
    bottom: 30px;
  }
}
.newsletter-post__item .content .trending-posts__meta ul li:first-of-type {
  color: var(--primary3);
}
.newsletter-post__item .content .trending-posts__title a:hover {
  color: var(--primary3);
}
.newsletter-post__subscribe {
  max-height: 616px;
  height: 100%;
  display: flex;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  justify-content: center;
  flex-direction: column;
  background-color: var(--white);
}
@media only screen and (max-width: 991px) {
  .newsletter-post__subscribe {
    padding: 30px 15px;
  }
}
.newsletter-post__subscribe > .icon {
  width: 120px;
  height: 120px;
  display: flex;
  margin: 0 auto;
  margin-bottom: 35px;
  border-radius: 500px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border);
}
@media (max-width: 575px) {
  .newsletter-post__subscribe > .icon {
    width: 90px;
    height: 90px;
    margin-bottom: 20px;
  }
}
.newsletter-post__subscribe > .icon i {
  font-weight: 400;
  font-size: 40px;
  line-height: 1;
  color: var(--primary3);
}
@media (max-width: 575px) {
  .newsletter-post__subscribe > .icon i {
    font-size: 30px;
  }
}
.newsletter-post__subscribe .title {
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 14px;
  color: var(--secondary);
  font-family: var(--font_header);
}
.newsletter-post__subscribe p {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--body_text);
  font-family: var(--font_header);
}
.newsletter-post__subscribe .subscribe__form {
  max-width: 411px;
  width: 100%;
  margin: 0 auto;
  margin-top: 35px;
  margin-bottom: 28px;
  position: relative;
}
@media (max-width: 575px) {
  .newsletter-post__subscribe .subscribe__form {
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.newsletter-post__subscribe .subscribe__form input {
  max-width: 411px;
  width: 100%;
  height: 61px;
  padding: 25px 51px;
  border-radius: 8px;
  padding-right: 115px;
  border: 1px solid var(--border);
}
@media (max-width: 575px) {
  .newsletter-post__subscribe .subscribe__form input {
    padding: 20px;
  }
}
.newsletter-post__subscribe .subscribe__form input:focus {
  outline: none;
}
.newsletter-post__subscribe .subscribe__form input::placeholder {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--body_text);
  font-family: var(--font_header);
}
.newsletter-post__subscribe .subscribe__form .icon {
  top: 50%;
  left: 25px;
  position: absolute;
  transform: translateY(-50%);
}
@media (max-width: 575px) {
  .newsletter-post__subscribe .subscribe__form .icon {
    display: none;
  }
}
.newsletter-post__subscribe .subscribe__form .icon i {
  font-size: 16px;
  line-height: 1;
  font-weight: 300;
  color: var(--body_text);
}
.newsletter-post__subscribe .subscribe__form .form-btn {
  top: 50%;
  right: 10px;
  position: absolute;
  transform: translateY(-50%);
}
@media (max-width: 575px) {
  .newsletter-post__subscribe .subscribe__form .form-btn {
    top: 0;
    right: 0;
    margin-top: 20px;
    position: inherit;
    text-align: center;
    transform: translateY(0);
  }
}
.newsletter-post__subscribe .subscribe__form .form-btn .rr-btn-5 {
  width: 103px;
  border-radius: 8px;
  padding: 12px 12.8px;
}
.newsletter-post__subscribe .form-check {
  max-width: 290px;
  margin: 0 auto;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .newsletter-post__subscribe .form-check {
    z-index: 1;
    max-width: 240px;
    position: relative;
  }
}
.newsletter-post__subscribe .form-check label {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--secondary);
  font-family: var(--font_header);
}
.newsletter-post__subscribe .form-check .form-check-input {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  border: 1px solid var(--border);
}
.newsletter-post__subscribe .form-check .form-check-input:focus {
  border-color: var(--border);
  box-shadow: none;
}
.newsletter-post__subscribe .form-check .form-check-input:checked {
  background-color: var(--primary3);
  border-color: var(--primary3);
}
.newsletter-post__subscribe .form-check .form-check-input[type=checkbox] {
  border-radius: 2px;
}
.newsletter-post__bg-shape-1 {
  top: -222px;
  left: -127px;
  width: 401px;
  height: 401px;
  opacity: 0.4;
  position: absolute;
  filter: blur(75px);
  background: #7D0EDE;
}
.newsletter-post__bg-shape-2 {
  right: -141px;
  bottom: -94px;
  width: 377px;
  height: 377px;
  opacity: 0.4;
  position: absolute;
  filter: blur(75px);
  background: #7D0EDE;
}

.latest-updates-3__top .section-heading__wrap .section__border {
  max-width: 758px;
}
.latest-updates-3__item {
  padding: 20px;
  border-radius: 8px;
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .latest-updates-3__item {
    padding: 12px;
  }
}
@media (max-width: 575px) {
  .latest-updates-3__item {
    padding: 18px;
  }
}
.latest-updates-3__thumb {
  overflow: hidden;
  border-radius: 8px;
}
.latest-updates-3__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.latest-updates-3__thumb:hover img {
  transform: scale(1.1);
}
.latest-updates-3__content {
  padding: 30px 10px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 1599px) {
  .latest-updates-3__content {
    padding: 30px 0;
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .latest-updates-3__content {
    padding: 20px 0;
    padding-bottom: 5px;
  }
}
.latest-updates-3__content .new-post-3__info {
  padding-left: 0;
}
.latest-updates-3__content .new-post-3__title {
  max-width: 362px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 1199px) {
  .latest-updates-3__content .new-post-3__title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 575px) {
  .latest-updates-3__content .new-post-3__title {
    font-size: 19px;
    line-height: 29px;
  }
}

.latest-post-3__top .section-heading__wrap .section__border {
  max-width: 1414px;
}
@media only screen and (max-width: 1599px) {
  .latest-post-3__text-item .latest-updates-2__info {
    flex-wrap: wrap;
  }
}
.latest-post-3__text-item .latest-updates-2__title {
  max-width: 256px;
}
.latest-post-3__text-item .latest-updates-2__title a:hover {
  color: var(--primary3);
}
.latest-post-3__text-item .latest-updates-2__date p {
  color: var(--primary3);
}
.latest-post-3__text-item .latest-updates-2__number span {
  color: var(--primary3);
}
.latest-post-3__wrapper .latest-updates-2__item {
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.latest-post-3__wrapper .latest-updates-2__item:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
}
.latest-post-3__wrapper .new-post-3__admin {
  justify-content: start;
}
.latest-post-3__wrapper .featured-stories__title {
  margin-top: 10px;
  max-width: 450px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 1599px) {
  .latest-post-3__wrapper .featured-stories__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.latest-post-3__wrapper .featured-stories__title a:hover {
  color: var(--primary3);
}
.latest-post-3__wrapper .featured-stories__date p {
  color: var(--primary3);
}

.latest-stories-3__top .section-heading__wrap .section__border {
  max-width: 1434px;
}
.latest-stories-3__item {
  padding: 10px;
  border-radius: 8px;
  background-color: var(--white);
}
.latest-stories-3__thumb {
  overflow: hidden;
  border-radius: 8px;
}
.latest-stories-3__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.latest-stories-3__thumb:hover img {
  transform: scale(1.1);
}
.latest-stories-3__content {
  padding: 30px;
  padding-bottom: 15px;
}
@media (max-width: 575px) {
  .latest-stories-3__content {
    padding: 15px 5px;
  }
}
.latest-stories-3__content .new-post-3__info {
  padding-left: 0;
}
.latest-stories-3__content .new-post-3__title {
  font-size: 30px;
  margin-top: 13px;
  max-width: 942px;
  line-height: 34px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .latest-stories-3__content .new-post-3__title {
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .latest-stories-3__content .new-post-3__title {
    font-size: 20px;
    line-height: 30px;
  }
}
.latest-stories-3__content .new-post-3__dec {
  max-width: 1085px;
  color: var(--body_text);
}
.latest-stories-3__btn .rr-btn {
  width: 100%;
  margin-top: 6px;
  padding: 17px 15.8px;
}
.latest-stories-3__side-post-item {
  padding: 30px;
  border-radius: 8px;
  background-color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .latest-stories-3__side-post-item {
    padding: 20px;
  }
}
.latest-stories-3__side-post-item .latest-updates-3__item {
  padding: 0;
  border-radius: 0;
  padding-bottom: 25px;
  margin-bottom: 30px;
  background: transparent;
  border-bottom: 1px solid var(--border);
}
@media (max-width: 575px) {
  .latest-stories-3__side-post-item .latest-updates-3__item {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.latest-stories-3__side-post-item .latest-updates-3__content {
  padding: 0;
  padding-top: 30px;
}
.latest-stories-3__side-post-item .new-post-3__title {
  max-width: 510px;
}
@media (max-width: 575px) {
  .latest-stories-3__side-post-item .new-post-3__title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1399px) {
  .latest-stories-3__side-post-item .newsletter-post__top-post {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .latest-stories-3__side-post-item .newsletter-post__top-post {
    flex-wrap: nowrap;
  }
}
@media (max-width: 575px) {
  .latest-stories-3__side-post-item .newsletter-post__top-post {
    flex-wrap: wrap;
  }
}
.latest-stories-3__side-post-item .newsletter-post__top-post:not(:last-of-type) {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1399px) {
  .latest-stories-3__side-post-item .newsletter-post__top-post .top-post-thumb {
    min-width: 100px;
    height: 100px;
  }
}
.latest-stories-3__side-post-tag {
  padding: 30px;
  padding-top: 27px;
  border-radius: 8px;
  background-color: var(--white);
}
@media (max-width: 575px) {
  .latest-stories-3__side-post-tag {
    padding: 16px;
    padding-top: 20px;
  }
}
.latest-stories-3__side-post-tag-title {
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 25px;
  color: var(--secondary);
  font-family: var(--font_header);
}
.latest-stories-3__side-post-tag ul {
  gap: 10px;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  align-items: center;
}
.latest-stories-3__side-post-tag ul li {
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  padding: 8.5px 21.2px;
  border-radius: 500px;
  display: inline-block;
  color: var(--body_text);
  font-family: var(--font_header);
  border: 1px solid var(--border);
  transition: all 0.3s ease-in-out;
}
.latest-stories-3__side-post-tag ul li:hover {
  cursor: pointer;
  color: var(--white);
  border-color: var(--primary3);
  background-color: var(--primary3);
}
.latest-stories-3__side-post-tag ul li:hover a {
  color: var(--white);
}
.latest-stories-3__side-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
@media only screen and (max-width: 991px) {
  .latest-stories-3__side-banner img {
    height: 400px;
  }
}

.latest-updates-4__top .section-heading__wrap .section__border {
  max-width: 736px;
}
.latest-updates-4__item .new-post-3__title a:hover {
  color: var(--primary4);
}
@media only screen and (max-width: 1599px) {
  .latest-updates-4__item .new-post-3__title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .latest-updates-4__item .new-post-3__title {
    font-size: 17px;
    line-height: 27px;
  }
}
.latest-updates-4__item .new-post-3__meta ul li:first-of-type {
  color: var(--primary4);
}
.latest-updates-4__btn .rr-btn-6 {
  width: auto;
  margin-top: 26px;
  padding: 17px 39.52px;
  letter-spacing: 0.1px;
  background-color: var(--primary4);
}
@media only screen and (max-width: 767px) {
  .latest-updates-4__btn .rr-btn-6 {
    margin-top: 8px;
  }
}

.post-categories-4__wrapper {
  border-bottom: 1px solid var(--border);
}
.post-categories-4__top .section-heading__wrap .section__border {
  max-width: 225px;
}

.popular-posts-4__wrap {
  border-right: 1px solid var(--border);
}
@media only screen and (max-width: 767px) {
  .popular-posts-4__wrap {
    border-right: none;
  }
}
@media only screen and (max-width: 1199px) {
  .popular-posts-4__top {
    gap: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .popular-posts-4__top .section-heading__wrap {
    gap: 10px;
  }
}
.popular-posts-4__top .section-heading__wrap .section__border {
  max-width: 218px;
}
@media only screen and (max-width: 1199px) {
  .popular-posts-4__top .section-heading__wrap .section__border {
    display: none;
  }
}
.popular-posts-4__item {
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--border);
}
.popular-posts-4__item:last-of-type {
  padding-bottom: 25px;
  margin-bottom: 0;
  border-bottom: none;
}
.popular-posts-4__item .new-post-3__info {
  padding-left: 0;
}
.popular-posts-4__item .new-post-3__title {
  max-width: 535px;
}
@media (max-width: 575px) {
  .popular-posts-4__item .new-post-3__title {
    font-size: 19px;
    line-height: 29px;
  }
}
.popular-posts-4__item .new-post-3__title a:hover {
  color: var(--primary4);
}
.popular-posts-4__item .new-post-3__dec {
  max-width: 455px;
  color: var(--body_text);
}
.popular-posts-4__item .new-post-3__meta ul li:first-of-type {
  color: var(--primary4);
}

.updates-post-4__wrap {
  padding-right: 24px;
  border-right: 1px solid var(--border);
}
@media only screen and (max-width: 767px) {
  .updates-post-4__wrap {
    padding-right: 0;
    border-right: none;
  }
}
@media only screen and (max-width: 1199px) {
  .updates-post-4__top {
    gap: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .updates-post-4__top .section-heading__wrap {
    gap: 10px;
  }
}
.updates-post-4__top .section-heading__wrap .section__border {
  max-width: 180px;
}
@media only screen and (max-width: 1199px) {
  .updates-post-4__top .section-heading__wrap .section__border {
    display: none;
  }
}
.updates-post-4__item {
  padding-bottom: 27px;
}
.updates-post-4__thumb {
  margin-bottom: 25px;
}
.updates-post-4__thumb .main-thumb {
  margin-bottom: 11px;
}
.updates-post-4__thumb .main-thumb,
.updates-post-4__thumb .sub-image {
  overflow: hidden;
  border-radius: 8px;
}
.updates-post-4__thumb .main-thumb img,
.updates-post-4__thumb .sub-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.updates-post-4__thumb .main-thumb:hover img,
.updates-post-4__thumb .sub-image:hover img {
  transform: scale(1.1);
}
.updates-post-4__thumb .sub-image {
  width: 32%;
  margin-right: 5px;
  display: inline-block;
}
@media only screen and (max-width: 1599px) {
  .updates-post-4__thumb .sub-image {
    width: 31%;
  }
}
@media (max-width: 575px) {
  .updates-post-4__thumb .sub-image {
    width: 30%;
  }
}
.updates-post-4__thumb .sub-image:last-of-type {
  margin-right: 0;
}
.updates-post-4__content .new-post-3__info {
  padding-left: 0;
}
.updates-post-4__content .new-post-3__title {
  max-width: 535px;
}
.updates-post-4__content .new-post-3__title a:hover {
  color: var(--primary4);
}
.updates-post-4__content .new-post-3__dec {
  max-width: 490px;
  color: var(--body_text);
}
.updates-post-4__content .new-post-3__meta ul li:first-of-type {
  color: var(--primary4);
}

.recent-posts-4__item {
  gap: 20px;
  display: flex;
  margin-bottom: 18px;
  padding-bottom: 18px;
  align-items: center;
  border-bottom: 1px solid var(--border);
}
@media only screen and (max-width: 1399px) {
  .recent-posts-4__item {
    gap: 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .recent-posts-4__item {
    gap: 15px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 991px) {
  .recent-posts-4__item {
    flex-wrap: nowrap;
  }
}
@media (max-width: 575px) {
  .recent-posts-4__item {
    flex-wrap: wrap;
  }
}
.recent-posts-4__item:last-of-type {
  padding-bottom: 28px;
  margin-bottom: 0;
  border-bottom: none;
}
@media (max-width: 575px) {
  .recent-posts-4__item:last-of-type {
    padding-bottom: 20px;
  }
}
.recent-posts-4__thumb {
  overflow: hidden;
  border-radius: 8px;
}
@media only screen and (max-width: 1199px) {
  .recent-posts-4__thumb {
    height: 150px;
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .recent-posts-4__thumb {
    height: auto;
    width: auto;
  }
}
@media (max-width: 575px) {
  .recent-posts-4__thumb {
    height: 150px;
    width: 100%;
  }
}
.recent-posts-4__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.recent-posts-4__thumb:hover img {
  transform: scale(1.1);
}
.recent-posts-4__info .new-post-3__admin {
  justify-content: start;
}
.recent-posts-4__info .new-post-3__admin ul li {
  color: var(--body_text);
}
.recent-posts-4__info .new-post-3__admin ul li::before {
  background-color: var(--body_text);
}
.recent-posts-4__info .featured-stories__title {
  max-width: 374px;
  margin-top: 12px;
  margin-bottom: 13px;
  font-size: 18px;
  line-height: 28px;
}
.recent-posts-4__info .featured-stories__title a:hover {
  color: var(--primary4);
}
.recent-posts-4__info .featured-stories__content {
  padding: 0;
}
.recent-posts-4__info .featured-stories__date p {
  color: var(--primary4);
}

@media only screen and (max-width: 991px) {
  .latest-piblished__top {
    flex-wrap: wrap;
  }
}
.latest-piblished__item {
  padding: 5px;
  border-radius: 8px;
  background-color: var(--white);
}
.latest-piblished__thumb {
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.latest-piblished__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.latest-piblished__thumb:hover img {
  transform: scale(1.1);
}
.latest-piblished__play {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.latest-piblished__play a {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  background-color: var(--white);
}
.latest-piblished__play a i {
  font-weight: 900;
  font-size: 16px;
  line-height: 1;
  color: var(--primary4);
}
.latest-piblished__text {
  padding: 14px;
  padding-bottom: 9px;
}
@media only screen and (max-width: 1399px) {
  .latest-piblished__text {
    padding-left: 8px;
  }
}
.latest-piblished__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  max-width: 362px;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media only screen and (max-width: 1700px) {
  .latest-piblished__title br {
    display: none;
  }
}
@media only screen and (max-width: 1399px) {
  .latest-piblished__title {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .latest-piblished__title {
    font-size: 20px;
  }
}
.latest-piblished__title a:hover {
  color: var(--primary4);
}
.latest-piblished__list {
  gap: 31px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .latest-piblished__list {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.latest-piblished__list button {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: var(--white);
  text-transform: uppercase;
  font-family: var(--font_header);
}

@media only screen and (max-width: 991px) {
  .blog-posts-4__top {
    gap: 20px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1599px) {
  .blog-posts-4__wrap {
    height: 100%;
  }
}
.blog-posts-4__thumb {
  position: relative;
}
@media only screen and (max-width: 1599px) {
  .blog-posts-4__thumb {
    max-height: 505px;
    height: 100%;
  }
}
@media only screen and (max-width: 1599px) {
  .blog-posts-4__thumb {
    max-height: 520px;
  }
}
.blog-posts-4__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 575px) {
  .blog-posts-4__thumb img {
    height: 300px;
  }
}
.blog-posts-4__thumb .trending-posts__title {
  max-width: 900px;
}
.blog-posts-4__thumb .trending-posts__title a:hover {
  color: var(--primary4);
}
.blog-posts-4__thumb .trending-posts__meta ul li:first-of-type {
  color: var(--primary4);
}
.blog-posts-4__thumb .trending-posts__content {
  left: 40px;
  right: 40px;
  bottom: 35px;
}
@media only screen and (max-width: 1199px) {
  .blog-posts-4__thumb .trending-posts__content {
    left: 30px;
    right: 30px;
    bottom: 30px;
  }
}
@media (max-width: 575px) {
  .blog-posts-4__thumb .trending-posts__content {
    left: 15px;
    right: 15px;
    bottom: 20px;
  }
}
.blog-posts-4__image {
  width: 101px;
  height: 101px;
  position: relative;
}
.blog-posts-4__number {
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  display: flex;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  position: absolute;
  align-items: center;
  color: var(--white);
  border-radius: 500px;
  justify-content: center;
  font-family: var(--font_header);
  background-color: var(--primary4);
}
.blog-posts-4__item {
  gap: 25px;
  display: flex;
  padding: 40px;
  margin-bottom: 15px;
  padding-right: 28px;
  border-radius: 8px;
  align-items: center;
  padding-bottom: 39px;
  background-color: var(--white);
}
@media only screen and (max-width: 1599px) {
  .blog-posts-4__item {
    gap: 20px;
    padding: 25px;
  }
}
@media only screen and (max-width: 1399px) {
  .blog-posts-4__item {
    gap: 15px;
    padding: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .blog-posts-4__item {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .blog-posts-4__item {
    padding: 20px 15px;
    flex-wrap: wrap;
  }
}
.blog-posts-4__item:last-of-type {
  margin-bottom: 0;
}
.blog-posts-4__info .latest-updates-2__title {
  font-size: 20px;
  line-height: 30px;
  max-width: 350px;
  margin-bottom: 13px;
}
@media only screen and (max-width: 991px) {
  .blog-posts-4__info .latest-updates-2__title {
    max-width: 100%;
  }
}
.blog-posts-4__info .latest-updates-2__title a:hover {
  color: var(--primary4);
}
.blog-posts-4__info .latest-updates-2__date p {
  color: var(--primary4);
}
.blog-posts-4__top .latest-piblished__list button {
  color: var(--secondary);
  transition: all 0.3s ease-in-out;
}
.blog-posts-4__top .latest-piblished__list button.active, .blog-posts-4__top .latest-piblished__list button:hover {
  color: var(--primary4);
}

.join-us-4__wrapper {
  gap: 20px;
  display: flex;
  padding: 80px;
  flex-wrap: wrap;
  border-radius: 8px;
  align-items: center;
  background-color: var(--white);
  justify-content: space-between;
}
@media only screen and (max-width: 1399px) {
  .join-us-4__wrapper {
    padding: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .join-us-4__wrapper {
    padding: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .join-us-4__wrapper {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .join-us-4__wrapper {
    padding: 35px 25px;
  }
}
.join-us-4__text span {
  line-height: 1;
  font-size: 16px;
  font-weight: 400;
  color: var(--body_text);
  font-family: var(--font_header);
}
.join-us-4__text h3 {
  line-height: 1;
  font-size: 36px;
  font-weight: 700;
  color: var(--secondary);
  font-family: var(--font_header);
}
.join-us-4__subscribe {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.join-us-4__input input {
  width: 430px;
  height: 60px;
  padding: 24px 25px;
  border-radius: 500px;
  border: 1px solid var(--border);
}
@media only screen and (max-width: 1399px) {
  .join-us-4__input input {
    width: 415px;
  }
}
@media only screen and (max-width: 991px) {
  .join-us-4__input input {
    width: 319px;
  }
}
@media (max-width: 575px) {
  .join-us-4__input input {
    width: 100%;
  }
}
.join-us-4__input input:focus {
  outline: none;
}
.join-us-4__input input::placeholder {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--secondary);
  font-family: var(--font_header);
}
.join-us-4__btn .rr-btn-6 {
  width: auto;
  padding: 22px 42.21px;
  background-color: var(--primary4);
}

.latest-post-4__top .section-heading__wrap .section__border {
  max-width: 718px;
}
.latest-post-4__thumb {
  position: relative;
}
.latest-post-4__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.latest-post-4__thumb::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 8px;
  background-blend-mode: multiply, normal;
  background: linear-gradient(180deg, rgba(33, 33, 32, 0) 0%, rgba(33, 33, 32, 0.85) 68.29%);
}
.latest-post-4__thumb::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 8px;
  background: linear-gradient(0deg, rgba(36, 32, 29, 0.28), rgba(36, 32, 29, 0.28));
}
.latest-post-4__content {
  left: 30px;
  z-index: 1;
  bottom: 25px;
  position: absolute;
}
@media only screen and (max-width: 1199px) {
  .latest-post-4__content {
    left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .latest-post-4__content {
    left: 10px;
    right: 10px;
  }
}
.latest-post-4__content .trending-posts__title {
  font-size: 24px;
  margin-top: 12px;
  max-width: 460px;
  line-height: 34px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 991px) {
  .latest-post-4__content .trending-posts__title {
    font-size: 20px;
    line-height: 30px;
  }
}
.latest-post-4__content .trending-posts__title a:hover {
  color: var(--primary4);
}
.latest-post-4__content .trending-posts__meta ul li:first-of-type {
  color: var(--primary4);
}

.featured-updates-4__wrapper {
  padding: 30px;
  border-radius: 8px;
  background-color: var(--white);
}
@media (max-width: 575px) {
  .featured-updates-4__wrapper {
    padding: 25px 15px;
  }
}
.featured-updates-4__top {
  margin-bottom: 30px;
}
.featured-updates-4__top .section-heading__wrap .section__border {
  max-width: 1156px;
}
.featured-updates-4__btn .rr-btn {
  width: 185px;
  padding: 8.5px 20px;
  background-color: transparent;
  border: 1px solid var(--border);
}
.featured-updates-4__btn .rr-btn .btn-wrap .text-one {
  color: var(--primary4);
}
.featured-updates-4__warp {
  gap: 15px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 1399px) {
  .featured-updates-4__warp {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .featured-updates-4__warp {
    grid-template-columns: repeat(1, 1fr);
  }
}
.featured-updates-4__item {
  gap: 25px;
  display: flex;
  padding: 10px;
  max-width: 530px;
  border-radius: 8px;
  align-items: center;
  border: 1px solid var(--border);
}
@media only screen and (max-width: 1399px) {
  .featured-updates-4__item {
    gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .featured-updates-4__item {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .featured-updates-4__item {
    max-width: 100%;
    flex-wrap: nowrap;
  }
}
@media (max-width: 575px) {
  .featured-updates-4__item {
    flex-wrap: wrap;
  }
}
.featured-updates-4__thumb {
  overflow: hidden;
  border-radius: 8px;
}
@media only screen and (max-width: 991px) {
  .featured-updates-4__thumb {
    width: 100%;
    height: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .featured-updates-4__thumb {
    width: inherit;
    height: inherit;
  }
}
@media (max-width: 575px) {
  .featured-updates-4__thumb {
    width: 100%;
    height: 150px;
  }
}
.featured-updates-4__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.featured-updates-4__thumb:hover img {
  transform: scale(1.1);
}
.featured-updates-4__info .new-post-3__admin {
  justify-content: start;
}
.featured-updates-4__info .new-post-3__admin ul li {
  color: var(--body_text);
}
.featured-updates-4__info .new-post-3__admin ul li::before {
  background-color: var(--body_text);
}
.featured-updates-4__info .featured-stories__content {
  padding: 0;
}
.featured-updates-4__info .featured-stories__title {
  margin-top: 12px;
  max-width: 280px;
  margin-bottom: 12px;
}
@media (max-width: 575px) {
  .featured-updates-4__info .featured-stories__title {
    font-size: 20px;
  }
}
.featured-updates-4__info .featured-stories__title a:hover {
  color: var(--primary4);
}
.featured-updates-4__info .featured-stories__date p {
  color: var(--primary4);
}

.trending-posts-4__space {
  padding-top: 160px;
}
@media only screen and (max-width: 991px) {
  .trending-posts-4__space {
    padding-top: 135px;
  }
}
@media only screen and (max-width: 767px) {
  .trending-posts-4__space {
    padding-top: 125px;
  }
}
.trending-posts-4__top .section-heading__wrap .section__border {
  max-width: 1336px;
}
.trending-posts-4__wrapper {
  padding: 28px 30px;
  border-radius: 8px;
  background-color: var(--white);
}
@media (max-width: 575px) {
  .trending-posts-4__wrapper {
    padding: 25px 20px;
  }
}
.trending-posts-4__wrapper .new-post-3__admin {
  justify-content: start;
}
.trending-posts-4__wrapper .featured-stories__date p {
  color: var(--primary4);
}
.trending-posts-4__wrapper .featured-stories__title {
  max-width: 515px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.trending-posts-4__wrapper .featured-stories__title a:hover {
  color: var(--primary4);
}
.trending-posts-4__wrapper .latest-updates-2__item {
  padding-bottom: 23px;
  margin-bottom: 24px;
}
.trending-posts-4__wrapper .latest-updates-2__item:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
}
.trending-posts-4__item {
  padding: 0;
}
.trending-posts-4__item .latest-updates-3__content {
  padding: 30px;
  padding-bottom: 25px;
}
@media only screen and (max-width: 1399px) {
  .trending-posts-4__item .latest-updates-3__content {
    padding: 14px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .trending-posts-4__item .latest-updates-3__content {
    padding: 14px 7px;
    padding-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .trending-posts-4__item .latest-updates-3__content {
    padding: 14px;
    padding-bottom: 20px;
  }
}
.trending-posts-4__item .new-post-3__title {
  margin-bottom: 17px;
}
.trending-posts-4__item .new-post-3__title a:hover {
  color: var(--primary4);
}
.trending-posts-4__item .new-post-3__meta ul li:first-of-type {
  color: var(--primary4);
}
.trending-posts-4__wrap {
  gap: 30px;
  display: flex;
  padding: 20px;
  border-radius: 8px;
  align-items: center;
  background-color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .trending-posts-4__wrap {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .trending-posts-4__wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 575px) {
  .trending-posts-4__wrap {
    padding: 15px;
  }
}
.trending-posts-4__image {
  overflow: hidden;
  border-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .trending-posts-4__image {
    width: 100%;
  }
}
.trending-posts-4__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1199px) {
  .trending-posts-4__image img {
    height: 350px;
  }
}
@media only screen and (max-width: 991px) {
  .trending-posts-4__image img {
    height: 250px;
  }
}
.trending-posts-4__image:hover img {
  transform: scale(1.1);
}
.trending-posts-4__content .new-post-3__info {
  padding-left: 0;
}
.trending-posts-4__content .new-post-3__title {
  max-width: 450px;
}
.trending-posts-4__content .new-post-3__title a:hover {
  color: var(--primary4);
}
.trending-posts-4__content .new-post-3__meta ul li:first-of-type {
  color: var(--primary4);
}

.featured-stories-5__top .section-heading__wrap .section__border {
  margin: 0 0 0 auto;
}
.featured-stories-5__btn .rr-btn::before {
  background-color: var(--white);
}
.featured-stories-5__btn .rr-btn .btn-wrap .text-two {
  color: var(--secondary);
}
.featured-stories-5__item {
  border-radius: 8px;
  background: #2A1717;
  border: 1px solid #372626;
}
.featured-stories-5__item .new-post-3__admin {
  justify-content: start;
}
.featured-stories-5__item .new-post-3__admin ul li {
  color: var(--white);
}
.featured-stories-5__item .new-post-3__admin ul li::before {
  background-color: var(--white);
}
.featured-stories-5__item .featured-stories__content {
  padding: 30px 20px;
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .featured-stories-5__item .featured-stories__content {
    padding: 15px 3px;
    padding-bottom: 5px;
  }
}
@media (max-width: 575px) {
  .featured-stories-5__item .featured-stories__content {
    padding: 20px 5px;
    padding-bottom: 10px;
  }
}
.featured-stories-5__item .featured-stories__title {
  max-width: 350px;
  margin-top: 12px;
  margin-bottom: 12px;
  color: var(--white);
}
@media only screen and (max-width: 991px) {
  .featured-stories-5__item .featured-stories__title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .featured-stories-5__item .featured-stories__title {
    font-size: 18px;
  }
}
.featured-stories-5__item .featured-stories__date p {
  color: var(--primary);
}
.featured-stories-5__item .featured-stories__date span {
  color: var(--white);
}
.featured-stories-5__item .featured-stories__date span::before {
  background-color: var(--white);
}

.latest-blog-5__top .section-heading__wrap .section__border {
  max-width: 946px;
}
.latest-blog-5__item {
  padding: 20px;
  border-radius: 8px;
  background-color: var(--white);
}
@media (max-width: 575px) {
  .latest-blog-5__item {
    padding: 15px;
  }
}
.latest-blog-5__thumb {
  overflow: hidden;
  border-radius: 8px;
}
.latest-blog-5__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.latest-blog-5__thumb:hover img {
  transform: scale(1.1);
}
.latest-blog-5__content {
  padding: 30px 10px;
  padding-bottom: 5px;
}
@media (max-width: 575px) {
  .latest-blog-5__content {
    padding: 20px 0;
    padding-bottom: 0;
  }
}
.latest-blog-5__content .new-post-3__info {
  padding-left: 0;
}
.latest-blog-5__content .new-post-3__title {
  max-width: 340px;
}
.latest-blog-5__content .new-post-3__title a:hover {
  color: var(--primary);
}
@media only screen and (max-width: 1399px) {
  .latest-blog-5__content .new-post-3__title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 575px) {
  .latest-blog-5__content .new-post-3__title {
    font-size: 17px;
    line-height: 27px;
  }
}
.latest-blog-5__content .new-post-3__dec {
  max-width: 340px;
  color: var(--body_text);
}
.latest-blog-5__content .new-post-3__meta ul li:first-of-type {
  color: var(--primary);
}

.newsletter-subscribe-5__wrap {
  text-align: center;
}
.newsletter-subscribe-5__wrap .form-check {
  gap: 11px;
  min-height: 0;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575px) {
  .newsletter-subscribe-5__wrap .form-check {
    gap: 6px;
  }
}
.newsletter-subscribe-5__wrap .form-check .form-check-label {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--body_text);
  font-family: var(--font_header);
}
@media (max-width: 575px) {
  .newsletter-subscribe-5__wrap .form-check .form-check-label {
    font-size: 15px;
  }
}
.newsletter-subscribe-5__wrap .form-check-input {
  width: 18px;
  height: 18px;
  margin-top: 0;
  border-radius: 2px;
  background-color: var(--white);
  border: 1px solid var(--border);
}
.newsletter-subscribe-5__wrap .form-check-input:focus {
  box-shadow: none;
  border-color: var(--border);
}
.newsletter-subscribe-5__wrap .form-check-input:checked {
  border-color: var(--primary);
  background-color: var(--primary);
}
.newsletter-subscribe-5__title {
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 22px;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media (max-width: 575px) {
  .newsletter-subscribe-5__title {
    font-size: 26px;
    margin-bottom: 18px;
  }
}
.newsletter-subscribe-5__dec {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  color: var(--body_text);
}
.newsletter-subscribe-5__input {
  max-width: 851px;
  margin: 0 auto;
  margin-top: 36px;
  position: relative;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .newsletter-subscribe-5__input {
    margin: 20px 0;
  }
}
.newsletter-subscribe-5__input input {
  max-width: 851px;
  width: 100%;
  height: 59px;
  padding: 25px 51px;
  padding-right: 115px;
  border-radius: 8px;
  border: 1px solid var(--border);
}
@media (max-width: 575px) {
  .newsletter-subscribe-5__input input {
    padding: 20px 15px;
  }
}
.newsletter-subscribe-5__input input:focus {
  outline: none;
}
.newsletter-subscribe-5__input input::placeholder {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--body_text);
  font-family: var(--font_header);
}
.newsletter-subscribe-5__input .icon {
  top: 50%;
  left: 25px;
  line-height: 0.8;
  position: absolute;
  transform: translateY(-50%);
}
@media (max-width: 575px) {
  .newsletter-subscribe-5__input .icon {
    display: none;
  }
}
.newsletter-subscribe-5__input .icon i {
  font-size: 16px;
  line-height: 0.8;
  font-weight: 300;
  color: var(--body_text);
}
.newsletter-subscribe-5__btn {
  top: 50%;
  right: 10px;
  position: absolute;
  transform: translateY(-50%);
}
@media (max-width: 575px) {
  .newsletter-subscribe-5__btn {
    top: 0;
    right: 0;
    margin-top: 10px;
    position: inherit;
    text-align: center;
    transform: translateY(0%);
  }
}
.newsletter-subscribe-5__btn .rr-btn-2 {
  width: auto;
  border-radius: 8px;
  padding: 12px 14.9px;
}

.latest-updates-5__top .section-heading__wrap .section__border {
  max-width: 568px;
}
.latest-updates-5__wrap {
  gap: 30px;
  padding: 20px;
  display: flex;
  border-radius: 8px;
  align-items: center;
  justify-content: space-between;
  background-color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .latest-updates-5__wrap {
    gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .latest-updates-5__wrap {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .latest-updates-5__wrap {
    gap: 15px;
    padding: 12px;
    flex-wrap: wrap;
  }
}
.latest-updates-5__content {
  padding-left: 20px;
}
@media only screen and (max-width: 1199px) {
  .latest-updates-5__content {
    padding-left: 0;
  }
}
.latest-updates-5__content .new-post-3__info {
  padding-left: 0;
}
.latest-updates-5__content .new-post-3__title {
  max-width: 350px;
}
.latest-updates-5__content .new-post-3__title a:hover {
  color: var(--primary);
}
@media only screen and (max-width: 1199px) {
  .latest-updates-5__content .new-post-3__title {
    font-size: 19px;
    line-height: 29px;
  }
}
.latest-updates-5__content .new-post-3__meta ul li:first-of-type {
  color: var(--primary);
}
.latest-updates-5__content .new-post-3__dec {
  max-width: 325px;
  color: var(--body_text);
}
@media only screen and (max-width: 1199px) {
  .latest-updates-5__content .new-post-3__dec {
    font-size: 15px;
    max-width: 355px;
  }
}
@media only screen and (max-width: 991px) {
  .latest-updates-5__content .new-post-3__dec {
    font-size: 16px;
    max-width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .latest-updates-5__content .new-post-3__dec {
    font-size: 15px;
    max-width: 365px;
  }
}
@media (max-width: 575px) {
  .latest-updates-5__content .new-post-3__dec {
    font-size: 16px;
    max-width: 325px;
  }
}
.latest-updates-5__image {
  overflow: hidden;
  border-radius: 8px;
}
@media (max-width: 575px) {
  .latest-updates-5__image {
    width: 100%;
    height: 100%;
  }
}
.latest-updates-5__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.latest-updates-5__image:hover img {
  transform: scale(1.1);
}
.latest-updates-5__thumb {
  position: relative;
}
.latest-updates-5__thumb::before {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(23, 18, 18, 0) 0%, #171212 100%);
}
.latest-updates-5__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.latest-updates-5__thumb .trending-posts__title {
  max-width: 450px;
}
@media only screen and (max-width: 1700px) {
  .latest-updates-5__thumb .trending-posts__title br {
    display: none;
  }
}
.latest-updates-5__text {
  left: 40px;
  bottom: 35px;
  position: absolute;
}
@media only screen and (max-width: 1199px) {
  .latest-updates-5__text {
    left: 20px;
    right: 20px;
    bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .latest-updates-5__text {
    left: 12px;
    right: 12px;
    bottom: 20px;
  }
}
.latest-updates-5__text .trending-posts__title a:hover {
  color: var(--primary);
}
.latest-updates-5__text .trending-posts__meta ul li:first-of-type {
  color: var(--primary);
}

.latest-post-5__text {
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border);
}
.latest-post-5__text:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.latest-post-5__text .new-post-3__info {
  padding-left: 0;
}
.latest-post-5__text .new-post-3__title {
  font-size: 18px;
  margin-top: 12px;
  max-width: 290px;
  line-height: 28px;
  margin-bottom: 18px;
}
.latest-post-5__text .new-post-3__title a:hover {
  color: var(--primary);
}
@media only screen and (max-width: 767px) {
  .latest-post-5__text .new-post-3__title {
    max-width: 100%;
  }
}
.latest-post-5__text .new-post-3__meta ul li:first-of-type {
  color: var(--primary);
}
.latest-post-5__thumb {
  position: relative;
}
.latest-post-5__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 575px) {
  .latest-post-5__thumb img {
    height: 400px;
  }
}
.latest-post-5__thumb::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.72;
  position: absolute;
  border-radius: 8px;
  background-color: var(--black);
}
.latest-post-5__top .section-heading__wrap .section__border {
  max-width: 462px;
}
.latest-post-5__wrapper {
  gap: 24px;
  display: grid;
  grid-template-columns: 305px 523px;
}
@media only screen and (max-width: 1399px) {
  .latest-post-5__wrapper {
    grid-template-columns: 270px 479px;
  }
}
@media only screen and (max-width: 1199px) {
  .latest-post-5__wrapper {
    grid-template-columns: auto auto;
  }
}
@media only screen and (max-width: 767px) {
  .latest-post-5__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.latest-post-5__content {
  left: 30px;
  bottom: 25px;
  position: absolute;
}
@media (max-width: 575px) {
  .latest-post-5__content {
    left: 15px;
    bottom: 20px;
    right: 10px;
  }
}
.latest-post-5__content .trending-posts__title {
  margin-bottom: 8px;
}
.latest-post-5__content .trending-posts__title a:hover {
  color: var(--primary);
}
.latest-post-5__content .trending-posts__dec {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  max-width: 445px;
  margin-bottom: 18px;
  color: var(--white);
}
.latest-post-5__content .trending-posts__meta ul li:first-of-type {
  color: var(--primary);
}
.latest-post-5__image {
  position: relative;
}
.latest-post-5__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 575px) {
  .latest-post-5__image img {
    height: 300px;
  }
}
.latest-post-5__image::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(30, 16, 43, 0) 0%, #140202 100%);
}
.latest-post-5__image .trending-posts__title {
  margin-bottom: 13px;
}
.latest-post-5__image .trending-posts__title a:hover {
  color: var(--primary);
}
@media (max-width: 575px) {
  .latest-post-5__image .trending-posts__title {
    font-size: 17px;
    line-height: 27px;
  }
}
.latest-post-5__sidebar .blog-sidebar__wrap {
  background-color: var(--grey-bg);
}
@media only screen and (max-width: 1399px) {
  .latest-post-5__sidebar .blog-sidebar__wrap {
    padding: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .latest-post-5__sidebar .blog-sidebar__social-media li {
    width: auto;
  }
}
@media (max-width: 575px) {
  .latest-post-5__sidebar .blog-sidebar__social-media li {
    width: 100%;
  }
}
@media only screen and (max-width: 1399px) {
  .latest-post-5__sidebar .blog-sidebar__social-media li a {
    width: 160px;
  }
}
@media (max-width: 575px) {
  .latest-post-5__sidebar .blog-sidebar__social-media li a {
    width: 100%;
  }
}
.latest-post-5__sidebar .blog-sidebar__post-item {
  margin-bottom: 17px;
  padding-bottom: 17px;
}

.latest-news-5__top .section-heading__wrap .section__border {
  max-width: 946px;
}
.latest-news-5__item {
  border-radius: 8px;
  border: 1px solid var(--border);
}

.trending-post-5__top {
  margin-bottom: 30px;
}
.trending-post-5__top .section-heading__wrap .section__border {
  max-width: 1066px;
}
.trending-post-5__tab .nav-tabs {
  border: none;
  margin-bottom: 27px;
  padding-bottom: 17px;
  border-bottom: 1px solid #D9D9D9;
}
.trending-post-5__tab .nav-tabs .nav-link {
  padding: 0;
  border: none;
  line-height: 1;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  margin-right: 17px;
  padding-right: 21px;
  margin-bottom: 0;
  background: 0 0;
  border: none;
  color: var(--body_text);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  font-family: var(--font_header);
}
@media only screen and (max-width: 1399px) {
  .trending-post-5__tab .nav-tabs .nav-link {
    margin-right: 14px;
    padding-right: 14px;
  }
}
.trending-post-5__tab .nav-tabs .nav-link.active {
  color: var(--secondary);
  border-color: transparent;
  background-color: transparent;
}
.trending-post-5__tab .nav-tabs .nav-link.active::after {
  width: 100%;
}
.trending-post-5__tab .nav-tabs .nav-link::before {
  content: "";
  top: 50%;
  right: 0;
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 500px;
  transform: translateY(-50%);
  background-color: #D9D9D9;
}
.trending-post-5__tab .nav-tabs .nav-link::after {
  content: "";
  left: 0;
  width: 0;
  height: 1px;
  bottom: -18px;
  position: absolute;
  background-color: var(--primary);
  transition: all 0.3s ease-in-out;
}
.trending-post-5__tab .nav-tabs .nav-link:last-of-type {
  margin-right: 0;
  padding-right: 0;
}
.trending-post-5__tab .nav-tabs .nav-link:last-of-type::before {
  display: none;
}
.trending-post-5__list {
  overflow: hidden;
}
.trending-post-5__list button {
  gap: 10px;
  display: flex;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  margin-left: -27px;
  align-items: center;
  margin-bottom: 23px;
  color: var(--secondary);
  font-family: var(--font_header);
  transition: all 0.3s ease-in-out;
}
.trending-post-5__list button:last-of-type {
  margin-bottom: 0;
}
.trending-post-5__list button span {
  width: 18px;
  height: 2px;
  display: inline-block;
  background-color: var(--primary);
}
.trending-post-5__list button.active {
  margin-left: 0;
  color: var(--primary);
}
.trending-post-5__item {
  width: 96.2%;
  padding: 10px;
  border-radius: 8px;
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .trending-post-5__item {
    width: 94%;
  }
}
.trending-post-5__content {
  padding: 30px 20px;
  padding-bottom: 15px;
}
@media (max-width: 575px) {
  .trending-post-5__content {
    padding: 20px 5px;
    padding-bottom: 15px;
  }
}
.trending-post-5__content .new-post-3__info {
  padding-left: 0;
}
.trending-post-5__content .new-post-3__title {
  max-width: 520px;
  margin-bottom: 13px;
}
.trending-post-5__content .new-post-3__title a:hover {
  color: var(--primary);
}
@media (max-width: 575px) {
  .trending-post-5__content .new-post-3__title {
    font-size: 19px;
    line-height: 29px;
  }
}
.trending-post-5__content .new-post-3__meta ul li:first-of-type {
  color: var(--primary);
}
.trending-post-5__thumb {
  overflow: hidden;
  border-radius: 8px;
}
.trending-post-5__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.trending-post-5__thumb:hover img {
  transform: scale(1.1);
}
.trending-post-5__btn {
  width: 96.2%;
}
@media only screen and (max-width: 767px) {
  .trending-post-5__btn {
    width: 94%;
  }
}
.trending-post-5__btn .rr-btn-2 {
  width: 100%;
  padding: 17px 22.5px;
}
.trending-post-5__categor-item .title {
  gap: 11px;
  font-size: 24px;
  line-height: 1;
  display: flex;
  font-weight: 700;
  align-items: center;
  margin-bottom: 30px;
  color: var(--secondary);
}
.trending-post-5__categor-item .title span {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  background-color: var(--primary);
}
.trending-post-5__categor-item .title span i {
  font-weight: 900;
  font-size: 16px;
  line-height: 1;
  color: var(--white);
}
.trending-post-5__categor-list {
  list-style: none;
  padding: 20px;
  border-radius: 8px;
  background-color: var(--white);
}
.trending-post-5__categor-list li {
  display: flex;
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
  padding: 13px 0;
  align-items: center;
  color: var(--secondary);
  justify-content: space-between;
  border-bottom: 1px solid var(--border);
}
.trending-post-5__categor-list li:first-of-type {
  padding-top: 0;
}
.trending-post-5__categor-list li:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
.trending-post-5__categor-input {
  position: relative;
}
.trending-post-5__categor-input input {
  width: 100%;
  border: none;
  padding-right: 98px;
  padding-bottom: 10px;
  background: transparent;
  border-bottom: 1px solid #DDD6D6;
}
.trending-post-5__categor-input input:focus {
  outline: none;
}
.trending-post-5__categor-input input::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--body_text);
  font-family: var(--font_header);
}
.trending-post-5__categor-input button {
  right: 0;
  gap: 7px;
  top: 0;
  display: flex;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  align-items: center;
  position: absolute;
  color: var(--secondary);
  font-family: var(--font_header);
}
.trending-post-5__categor-input button i {
  font-weight: 900;
  font-size: 16px;
  line-height: 1;
  color: var(--primary);
}
.trending-post-5__categor-input button:hover {
  color: var(--primary);
}
.trending-post-5__categor-video .thumb {
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}
.trending-post-5__categor-video .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.trending-post-5__categor-video .thumb:hover img {
  transform: scale(1.1);
}
.trending-post-5__categor-video .thumb .play {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.trending-post-5__categor-video .thumb .play a {
  width: 76px;
  height: 76px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.25);
}
.trending-post-5__categor-video .thumb .play a i {
  font-weight: 900;
  font-size: 24px;
  line-height: 1;
  color: var(--white);
}

.news-page__item {
  padding: 10px;
  border-radius: 8px;
  background-color: var(--white);
}
.news-page__thumb {
  overflow: hidden;
  border-radius: 8px;
}
.news-page__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.news-page__thumb:hover img {
  transform: scale(1.1);
}
.news-page__contact {
  padding: 30px 20px;
  padding-bottom: 15px;
}
@media (max-width: 575px) {
  .news-page__contact {
    padding: 20px 5px;
    padding-bottom: 15px;
  }
}
.news-page__contact .new-post-3__info {
  padding-left: 0;
}
.news-page__contact .new-post-3__title {
  font-size: 24px;
  max-width: 740px;
}
@media (max-width: 575px) {
  .news-page__contact .new-post-3__title {
    font-size: 20px;
    line-height: 29px;
  }
}
.news-page__contact .new-post-3__title a:hover {
  color: var(--primary);
}
.news-page__contact .new-post-3__dec {
  max-width: 753px;
  color: var(--body_text);
}
.news-page__contact .new-post-3__meta ul li:first-of-type {
  color: var(--primary);
}
.news-page__list ul {
  gap: 10px;
  display: flex;
  list-style: none;
  margin-top: 40px;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .news-page__list ul {
    margin-top: 30px;
  }
}
.news-page__list ul li a {
  width: 50px;
  height: 50px;
  display: flex;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  align-items: center;
  border-radius: 500px;
  color: var(--secondary);
  justify-content: center;
  background-color: var(--white);
  transition: all 0.3s ease-in-out;
}
.news-page__list ul li a:hover {
  color: var(--white);
  background-color: var(--primary);
}
/* Current page + ellipsis are spans (not links) — give them the same circle. */
.news-page__list ul li .page-numbers.current,
.news-page__list ul li .page-numbers.dots {
  width: 50px;
  height: 50px;
  display: flex;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
}
.news-page__list ul li .page-numbers.current {
  color: var(--white);
  background-color: var(--primary);
}

@media (max-width: 575px) {
  .news-page-2__wrap .trending-posts__title {
    font-size: 18px;
  }
}
.news-page-2__wrap .trending-posts__title a:hover {
  color: var(--primary);
}
.news-page-2__wrap .trending-posts__meta ul li:first-of-type {
  color: var(--primary);
}
@media only screen and (max-width: 767px) {
  .news-page-2__wrap .featured-posts-2__thumb > img {
    height: 400px;
  }
}
@media (max-width: 575px) {
  .news-page-2__wrap .featured-posts-2__content {
    left: 15px;
    right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .news-page-2__wrapper .featured-posts-2__content .trending-posts__title {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .news-page-2__wrapper .featured-posts-2__content .trending-posts__admin ul li {
    margin-left: 8px;
    padding-left: 10px;
  }
}
.news-page-2__wrapper .featured-posts-2__content .trending-posts__admin ul li:first-of-type {
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
  .news-page-3__wrap .latest-updates-3__item {
    padding: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .news-page-3__wrap .latest-updates-3__content {
    padding: 15px 0;
    padding-bottom: 0;
  }
}
.news-page-3__wrap .new-post-3__title a:hover {
  color: var(--primary);
}
.news-page-3__wrap .new-post-3__meta ul li:first-of-type {
  color: var(--primary);
}
@media only screen and (max-width: 767px) {
  .news-page-3__wrap .new-post-3__admin ul li {
    margin-left: 8px;
    padding-left: 10px;
  }
}
.news-page-3__wrap .new-post-3__admin ul li:first-of-type {
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  .news-page-3__wrap .new-post-3__title {
    font-size: 17px;
    margin: 10px 0;
    line-height: 27px;
  }
}

/*----------------------------------------*/
/*  5.3 sidebar
/*----------------------------------------*/
.blog-sidebar__title {
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 25px;
  color: var(--secondary);
  font-family: var(--font_header);
}
.blog-sidebar__wrap {
  padding: 29px;
  padding-top: 27px;
  border-radius: 8px;
  background-color: var(--white);
  border: 1px solid var(--border);
}
@media (min-width: 1400px) and (max-width: 1757px) {
  .blog-sidebar__wrap {
    padding: 20px;
  }
}
@media only screen and (max-width: 1399px) {
  .blog-sidebar__wrap {
    padding: 20px;
  }
}
.blog-sidebar__wrap_2 {
  border: none;
  padding: 30px;
  padding-top: 27px;
  background-color: var(--grey-bg);
}
@media only screen and (max-width: 1599px) {
  .blog-sidebar__wrap_2 {
    padding: 20px;
  }
}
.blog-sidebar__categories ul {
  list-style: none;
}
.blog-sidebar__categories ul li {
  margin-bottom: 15px;
}
.blog-sidebar__categories ul li a {
  display: flex;
  line-height: 1;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  padding: 12px 25px;
  border-radius: 5px;
  align-items: center;
  color: var(--secondary);
  justify-content: space-between;
  font-family: var(--font_header);
  border: 1px solid var(--border);
  transition: all 0.3s ease-in-out;
}
.blog-sidebar__categories ul li a span {
  width: 34px;
  height: 34px;
  display: flex;
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
  align-items: center;
  border-radius: 500px;
  color: var(--secondary);
  justify-content: center;
  backdrop-filter: blur(240px);
  border: 1px solid var(--border);
  font-family: var(--font_header);
  transition: all 0.3s ease-in-out;
  background: rgba(255, 255, 255, 0.03);
}
.blog-sidebar__categories ul li a:hover {
  color: var(--white);
  background-color: var(--primary);
}
.blog-sidebar__categories ul li a:hover span {
  color: var(--white);
  border-color: var(--white);
}
.blog-sidebar__categories ul li:last-of-type {
  margin-bottom: 0;
}
.blog-sidebar__post-item {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding-bottom: 20px;
  align-items: center;
  border-bottom: 1px solid var(--border);
}
@media (min-width: 1400px) and (max-width: 1561px) {
  .blog-sidebar__post-item {
    gap: 15px;
  }
}
@media only screen and (max-width: 1399px) {
  .blog-sidebar__post-item {
    gap: 15px;
  }
}
.blog-sidebar__post-item:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.blog-sidebar__post-item-2 {
  margin-bottom: 0;
  padding-bottom: 19px;
  border-bottom: none;
}
.blog-sidebar__post-item-2 .blog-sidebar__post-thumb {
  min-width: 75px;
  min-height: 75px;
  overflow: hidden;
  border-radius: 500px;
}
.blog-sidebar__post-item-2 .blog-sidebar__post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.blog-sidebar__post-item-2 .blog-sidebar__post-thumb:hover img {
  transform: scale(1.1);
}
.blog-sidebar__post-item-2 .blog-sidebar__post-title {
  max-width: 259px;
  line-height: 26px;
}
.blog-sidebar__post-item-2 .blog-sidebar__post-title a:hover {
  color: var(--primary2);
}
.blog-sidebar__post-item-2 .blog-sidebar__post-meta li:first-of-type {
  color: var(--primary2);
}
.blog-sidebar__post-thumb {
  min-width: 90px;
  min-height: 90px;
  position: relative;
}
.blog-sidebar__post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}
.blog-sidebar__post-number {
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  display: flex;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  position: absolute;
  align-items: center;
  color: var(--white);
  border-radius: 500px;
  justify-content: center;
  font-family: var(--font_header);
  background-color: var(--primary);
}
.blog-sidebar__post-title {
  font-size: 18px;
  font-weight: 700;
  max-width: 235px;
  line-height: 28px;
  margin-bottom: 10px;
  letter-spacing: inherit;
  color: var(--secondary);
  font-family: var(--font_header);
}
.blog-sidebar__post-meta {
  list-style: none;
}
.blog-sidebar__post-meta li {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin-left: 8px;
  padding-left: 13px;
  position: relative;
  display: inline-block;
  color: var(--body_text);
  font-family: var(--font_header);
}
.blog-sidebar__post-meta li:first-of-type {
  margin-left: 0;
  padding-left: 0;
  color: var(--primary);
}
.blog-sidebar__post-meta li:first-of-type::before {
  display: none;
}
.blog-sidebar__post-meta li::before {
  content: "";
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 500px;
  transform: translateY(-50%);
  background-color: var(--body_text);
}
.blog-sidebar__post-content-2 .blog-sidebar__post-title {
  line-height: 26px;
  color: var(--white);
}
.blog-sidebar__post-content-2 .blog-sidebar__post-meta li {
  color: var(--white);
}
.blog-sidebar__post-content-2 .blog-sidebar__post-meta li::before {
  background-color: var(--white);
}
.blog-sidebar__post-content-2 .blog-sidebar__post-meta li:first-of-type {
  color: var(--primary2);
}
.blog-sidebar__social-media {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
}
@media only screen and (max-width: 1599px) {
  .blog-sidebar__social-media li {
    width: 48.33%;
  }
}
@media only screen and (max-width: 1199px) {
  .blog-sidebar__social-media li {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .blog-sidebar__social-media li {
    width: auto;
  }
}
@media (max-width: 575px) {
  .blog-sidebar__social-media li {
    width: 100%;
  }
}
.blog-sidebar__social-media li a {
  width: 172px;
  height: 70px;
  gap: 15.6px;
  border-radius: 8px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
@media (min-width: 1400px) and (max-width: 1677px) {
  .blog-sidebar__social-media li a {
    width: 137px;
    height: 65px;
    gap: 10px;
  }
}
@media only screen and (max-width: 1599px) {
  .blog-sidebar__social-media li a {
    width: 100%;
    height: 65px;
  }
}
@media only screen and (max-width: 1399px) {
  .blog-sidebar__social-media li a {
    width: 160px;
    height: 65px;
  }
}
@media only screen and (max-width: 1199px) {
  .blog-sidebar__social-media li a {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .blog-sidebar__social-media li a {
    width: 160px;
  }
}
@media (max-width: 575px) {
  .blog-sidebar__social-media li a {
    width: 100%;
  }
}
.blog-sidebar__social-media li a.facebook {
  background-color: #2E5AB6;
}
.blog-sidebar__social-media li a.instagram {
  background-color: #E1306C;
}
.blog-sidebar__social-media li a.twitter {
  background-color: #0F1419;
}
.blog-sidebar__social-media li a.pinterest {
  background-color: #1877F2;
}
.blog-sidebar__social-media li a.linkedin {
  background-color: var(--primary);
}
.blog-sidebar__social-media li a.youtube {
  background-color: var(--primary);
}
.blog-sidebar__social-media li a.telegram {
  background-color: #46D9FF;
}
.blog-sidebar__social-media li a.discord {
  background-color: #FF3E88;
}
.blog-sidebar__social-media li .icon i {
  font-size: 24px;
  line-height: 1;
  font-weight: 400;
  color: var(--white);
}
.blog-sidebar__social-media li cite {
  font-style: normal;
}
.blog-sidebar__social-media li .name {
  font-size: 16px;
  line-height: 1;
  display: block;
  font-weight: 600;
  color: var(--white);
  font-family: var(--font_header);
}
.blog-sidebar__social-media li .followers {
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  color: var(--white);
  font-family: var(--font_header);
}
.blog-sidebar__gallery {
  row-gap: 7px;
  column-gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
.blog-sidebar__gallery.margin-bottom {
  margin-bottom: 35px;
}
.blog-sidebar__gallery .gallery__thumb {
  width: 114px;
  height: 114px;
  overflow: hidden;
  border-radius: 8px;
}
@media only screen and (max-width: 1399px) {
  .blog-sidebar__gallery .gallery__thumb {
    width: 112px;
    height: 112px;
  }
}
.blog-sidebar__gallery .gallery__thumb a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.blog-sidebar__gallery .gallery__thumb:hover a img {
  transform: scale(1.1);
}
.blog-sidebar__gallery-2 {
  gap: 10px;
}
.blog-sidebar__gallery-2 .gallery__thumb {
  width: 31.33%;
  height: 111px;
}
@media only screen and (max-width: 1399px) {
  .blog-sidebar__gallery-2 .gallery__thumb {
    width: 104px;
    height: 104px;
  }
}
@media only screen and (max-width: 1199px) {
  .blog-sidebar__gallery-2 .gallery__thumb {
    width: 48%;
  }
}
@media only screen and (max-width: 991px) {
  .blog-sidebar__gallery-2 .gallery__thumb {
    width: 104px;
    height: 104px;
  }
}
.blog-sidebar__tag ul {
  gap: 10px;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  align-items: center;
}
.blog-sidebar__tag ul li {
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  padding: 8.5px 21.2px;
  border-radius: 500px;
  display: inline-block;
  color: var(--secondary);
  font-family: var(--font_header);
  border: 1px solid var(--border);
  background-color: var(--grey-bg);
  transition: all 0.3s ease-in-out;
}
.blog-sidebar__tag ul li:hover {
  cursor: pointer;
  border-color: var(--primary);
  background-color: var(--primary);
}
.blog-sidebar__tag ul li:hover a {
  color: var(--white);
}

.team-section__top .section-heading-3__wrap .section__subtitle {
  margin-bottom: 9px;
  justify-content: center;
}
.team-section__item {
  padding: 10px;
  border-radius: 8px;
  background-color: var(--white);
  border: 1px solid var(--border);
}
.team-section__item-2 .team-section__social ul li a {
  background-color: var(--grey-bg);
}
.team-section__item-2 .team-section__social ul li a i {
  color: var(--secondary);
}
.team-section__item-2 .team-section__social ul li a:hover i {
  color: var(--white);
}
.team-section__info {
  padding: 20px;
  padding-top: 28px;
}
.team-section__thumb {
  overflow: hidden;
  border-radius: 8px;
}
.team-section__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.team-section__thumb:hover img {
  transform: scale(1.1);
}
.team-section__name {
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  color: var(--secondary);
  font-family: var(--font_header);
}
.team-section__name a:hover {
  color: var(--primary);
}
.team-section__position {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  margin-top: 9px;
  margin-bottom: 21px;
  display: inline-block;
  color: var(--body_text);
}
.team-section__social ul {
  gap: 5px;
  display: flex;
  list-style: none;
  align-items: center;
}
.team-section__social ul li a {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  background-color: var(--secondary);
}
.team-section__social ul li a i {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: var(--white);
}
.team-section__social ul li a:hover {
  background-color: var(--primary);
}

.office-location__space {
  padding-bottom: 60px;
}
.office-location__wrap {
  padding: 20px;
  border-radius: 8px;
  background-color: var(--white);
  border: 1px solid var(--border);
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .office-location__wrap {
    padding: 10px;
  }
}
.office-location__wrap:hover {
  border-color: var(--primary);
  background-color: var(--primary);
}
.office-location__wrap:hover .office-location__title {
  color: var(--white);
}
.office-location__wrap:hover .office-location__location {
  color: var(--white);
}
.office-location__thumb {
  overflow: hidden;
  border-radius: 8px;
}
.office-location__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.office-location__thumb:hover img {
  transform: scale(1.1);
}
.office-location__info {
  text-align: center;
  padding: 5px 10px;
  padding-top: 26px;
}
@media only screen and (max-width: 767px) {
  .office-location__info {
    padding-top: 15px;
  }
}
.office-location__title {
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 7px;
  color: var(--secondary);
  font-family: var(--font_header);
}
.office-location__title a:hover {
  color: var(--white);
}
.office-location__location {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: var(--body_text);
}

.contact-page__address {
  padding: 57px 60px;
  border-radius: 8px;
  padding-bottom: 52px;
  background-color: var(--grey-bg);
}
@media only screen and (max-width: 1199px) {
  .contact-page__address {
    padding: 40px 30px;
  }
}
@media (max-width: 575px) {
  .contact-page__address {
    padding: 30px 25px;
  }
}
.contact-page__address-item {
  gap: 26px;
  display: flex;
  align-items: start;
  padding-bottom: 23px;
  margin-bottom: 29px;
  border-bottom: 1px solid var(--border);
}
@media (max-width: 575px) {
  .contact-page__address-item {
    gap: 20px;
  }
}
.contact-page__address-item:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.contact-page__address-item .icon i {
  font-size: 30px;
  line-height: 1;
  font-weight: 900;
  color: var(--primary);
}
.contact-page__address-item .info span {
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 10px;
  display: inline-block;
  color: var(--secondary);
}
.contact-page__address-item .info ul {
  list-style: none;
}
.contact-page__address-item .info ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: var(--body_text);
}
@media (max-width: 575px) {
  .contact-page__address-item .info ul li br {
    display: none;
  }
}
.contact-page__address-title {
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--secondary);
}
@media (max-width: 575px) {
  .contact-page__address-title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.contact-page__address-dec {
  font-size: 16px;
  max-width: 430px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 41px;
  color: var(--body_text);
}
.contact-page__wrap {
  padding: 60px;
  border-radius: 8px;
  padding-bottom: 48px;
  background-color: var(--grey-bg);
}
@media only screen and (max-width: 1199px) {
  .contact-page__wrap {
    padding: 40px 30px;
  }
}
@media (max-width: 575px) {
  .contact-page__wrap {
    padding: 30px 25px;
  }
}
.contact-page__wrap span {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--body_text);
  font-family: var(--font_header);
}
.contact-page__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 12px;
  color: var(--secondary);
}
.contact-page__from {
  margin-top: 25px;
}
.contact-page__input {
  position: relative;
  max-width: 246.5px;
}
@media only screen and (max-width: 1199px) {
  .contact-page__input {
    max-width: 100%;
  }
}
.contact-page__input-group {
  gap: 20px;
  display: grid;
  margin-bottom: 20px;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 1199px) {
  .contact-page__input-group {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .contact-page__input-group {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .contact-page__input-group {
    grid-template-columns: repeat(1, 1fr);
  }
}
.contact-page__input input {
  width: 100%;
  height: 50px;
  padding: 19px 25px;
  padding-right: 42px;
  border-radius: 500px;
  border: 1px solid var(--border);
}
.contact-page__input input::placeholder {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--body_text);
  font-family: var(--font_header);
}
.contact-page__input input:focus {
  outline: none;
}
.contact-page__icon {
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  position: absolute;
}
.contact-page__icon i {
  font-weight: 300;
  font-size: 16px;
  line-height: 1;
  color: var(--body_text);
}
.contact-page__select {
  position: relative;
  margin-bottom: 20px;
}
.contact-page__select i {
  top: 20px;
  left: 20px;
  display: block;
  position: absolute;
  color: var(--primary);
}
.contact-page__select .nice-select {
  float: inherit;
  height: 50px;
  border: none;
  padding: 0 25px;
  font-size: 16px;
  position: relative;
  border-radius: 500px;
  background-color: var(--white);
  transition: all 0.3s ease-in-out;
  border: 1px solid var(--border);
}
.contact-page__select .nice-select .icon {
  position: absolute;
  top: -3px;
  right: 58px;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.contact-page__select .nice-select .icon i {
  font-size: 16px;
  font-weight: 300;
  color: var(--body_text);
}
.contact-page__select .nice-select.open .icon i {
  transform: rotate(180deg);
}
.contact-page__select .nice-select::after {
  display: none;
}
.contact-page__select .nice-select .current {
  font-weight: 400;
  font-size: 16px;
  line-height: 0.8;
  display: flex;
  align-items: center;
  padding: 18px 0;
  color: var(--body_text);
  font-family: var(--font_header);
}
.contact-page__select .nice-select:focus {
  outline: none;
}
.contact-page__select .nice-select .list {
  width: 100%;
}
.contact-page__textarea {
  line-height: 1;
  margin-bottom: 16px;
}
.contact-page__textarea textarea {
  width: 100%;
  height: 177px;
  padding: 20px 25px;
  border-radius: 20px;
  background-color: var(--white);
  border: 1px solid var(--border);
}
.contact-page__textarea textarea:focus {
  outline: none;
}
.contact-page__textarea textarea::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--body_text);
  font-family: var(--font_header);
}
.contact-page__btn .rr-btn {
  width: 100%;
}
.contact-page__btn .rr-btn .btn-wrap .text-one,
.contact-page__btn .rr-btn .btn-wrap .text-two {
  gap: 5px;
}
.contact-page__btn .rr-btn .btn-wrap .text-one i,
.contact-page__btn .rr-btn .btn-wrap .text-two i {
  font-weight: 900;
  font-size: 16px;
  line-height: 1;
}

.ajax-response {
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
}
.ajax-response.success {
  color: var(--primary2);
}
.ajax-response.error {
  color: var(--primary);
}

.login-page__wrapper {
  max-width: 800px;
  margin: 0 auto;
  border-radius: 8px;
  padding: 100px 150px;
  background-color: var(--grey-bg);
}
@media only screen and (max-width: 767px) {
  .login-page__wrapper {
    padding: 70px 60px;
  }
}
@media (max-width: 575px) {
  .login-page__wrapper {
    padding: 45px 25px;
  }
}
.login-page__wrap {
  max-width: 500px;
  text-align: center;
}
@media (max-width: 575px) {
  .login-page__logo img {
    width: 60%;
  }
}
.login-page__title {
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 53px;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media (max-width: 575px) {
  .login-page__title {
    font-size: 23px;
    margin-bottom: 25px;
  }
}
.login-page__input {
  text-align: start;
  margin-bottom: 27px;
}
.login-page__input span {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 13px;
  display: inline-block;
  color: var(--secondary);
  font-family: var(--font_header);
}
.login-page__input input {
  width: 100%;
  height: 50px;
  padding: 15px 20px;
  border-radius: 5px;
  background-color: var(--white);
  border: 1px solid var(--border);
}
.login-page__input input:focus {
  outline: none;
}
.login-page__btn .rr-btn {
  width: 100%;
  border-radius: 5px;
}
.login-page__login p {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  margin-top: 28px;
  margin-bottom: 29px;
  position: relative;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media (max-width: 575px) {
  .login-page__login p {
    margin: 20px 0;
  }
}
.login-page__login p::before {
  content: "";
  top: 50%;
  left: 0;
  max-width: 185px;
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: var(--border);
}
@media only screen and (max-width: 991px) {
  .login-page__login p::before {
    max-width: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .login-page__login p::before {
    max-width: 150px;
  }
}
@media (max-width: 575px) {
  .login-page__login p::before {
    display: none;
  }
}
.login-page__login p::after {
  content: "";
  top: 50%;
  right: 0;
  max-width: 185px;
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: var(--border);
}
@media only screen and (max-width: 991px) {
  .login-page__login p::after {
    max-width: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .login-page__login p::after {
    max-width: 150px;
  }
}
@media (max-width: 575px) {
  .login-page__login p::after {
    display: none;
  }
}
.login-page__login-option {
  gap: 10px;
  display: flex;
  list-style: none;
  align-items: center;
  margin-bottom: 29px;
}
@media (max-width: 575px) {
  .login-page__login-option {
    margin-bottom: 20px;
  }
}
.login-page__login-option li {
  gap: 8px;
  width: 245px;
  height: 50px;
  display: flex;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  font-weight: 500;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  color: var(--secondary);
  background: var(--white);
  font-family: var(--font_header);
  border: 1px solid var(--border);
}
.login-page__login-option li img {
  width: 20px;
  height: 20px;
}
.login-page__register {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--body_text);
  font-family: var(--font_header);
}
.login-page__register a {
  font-weight: 600;
  color: var(--secondary);
}
.login-page__register a:hover {
  color: var(--primary);
}

.error-page__wrap {
  text-align: center;
}
@media (max-width: 575px) {
  .error-page__thumb img {
    width: 75%;
  }
}
.error-page__title {
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  margin-top: 43px;
  margin-bottom: 15px;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media only screen and (max-width: 767px) {
  .error-page__title {
    font-size: 40px;
    margin-top: 35px;
  }
}
@media (max-width: 575px) {
  .error-page__title {
    font-size: 25px;
    margin-top: 25px;
  }
}
.error-page__dec {
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  color: var(--body_text);
  font-family: var(--font_header);
}
@media (max-width: 575px) {
  .error-page__dec {
    line-height: 1.3;
  }
}
.error-page__btn {
  margin-top: 37px;
}
@media (max-width: 575px) {
  .error-page__btn {
    margin-top: 20px;
  }
}
.error-page__btn .rr-btn {
  padding: 17px 32.6px;
}

.author-page__author {
  gap: 20px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 63px 64px;
  margin-bottom: 60px;
  background-color: var(--white);
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .author-page__author {
    padding: 40px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .author-page__author {
    padding: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .author-page__author {
    padding: 23px;
    flex-wrap: wrap;
  }
}
.author-page__info .author-name {
  font-weight: 700;
  font-size: 30px;
  line-height: 32px;
  color: var(--secondary);
  font-family: var(--font_header);
}
.author-page__info .author-dec {
  font-size: 16px;
  font-weight: 400;
  max-width: 660px;
  margin-top: 12px;
  line-height: 26px;
  margin-bottom: 21px;
  color: var(--body_text);
}
.author-page__info .author-social ul {
  gap: 10px;
  display: flex;
  list-style: none;
  align-items: center;
}
@media (max-width: 575px) {
  .author-page__info .author-social ul {
    flex-wrap: wrap;
  }
}
.author-page__info .author-social ul li a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  background-color: var(--grey-bg);
}
.author-page__info .author-social ul li a i {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: var(--primary);
  transition: all 0.3s ease-in-out;
}
.author-page__info .author-social ul li a:hover {
  background-color: var(--primary);
}
.author-page__info .author-social ul li a:hover i {
  color: var(--white);
}
.author-page__item {
  gap: 30px;
  padding: 10px;
  display: flex;
  border-radius: 8px;
  align-items: center;
  background-color: var(--white);
}
@media (max-width: 575px) {
  .author-page__item {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.author-page__thumb {
  overflow: hidden;
  border-radius: 8px;
}
@media (max-width: 575px) {
  .author-page__thumb {
    width: 100%;
  }
}
.author-page__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.author-page__thumb:hover img {
  transform: scale(1.1);
}
.author-page__contact {
  padding: 10px 0;
  padding-right: 10px;
}
@media (max-width: 575px) {
  .author-page__contact {
    padding: 0;
    padding-bottom: 10px;
  }
}
.author-page__contact .new-post-3__info {
  padding-left: 0;
}
.author-page__contact .new-post-3__title {
  max-width: 480px;
  margin-bottom: 9px;
}
@media only screen and (max-width: 767px) {
  .author-page__contact .new-post-3__title {
    font-size: 19px;
    line-height: 28px;
  }
}
.author-page__contact .new-post-3__title a:hover {
  color: var(--primary);
}
.author-page__contact .new-post-3__meta ul li:first-of-type {
  color: var(--primary);
}
.author-page__list ul {
  gap: 10px;
  display: flex;
  list-style: none;
  margin-top: 40px;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .author-page__list ul {
    margin-top: 30px;
  }
}
.author-page__list ul li a {
  width: 50px;
  height: 50px;
  display: flex;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  align-items: center;
  border-radius: 500px;
  color: var(--secondary);
  justify-content: center;
  background-color: var(--white);
  transition: all 0.3s ease-in-out;
}
.author-page__list ul li a:hover {
  color: var(--white);
  background-color: var(--primary);
}

/* === followers-section (index 02) === */
.followers-section__top {
  margin-bottom: 25px;
}
.followers-section__thumb {
  position: relative;
}
.followers-section__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.followers-section__thumb::before {
  content: "";
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  opacity: 80%;
  border-radius: 8px;
  position: absolute;
  transform: scale(0);
  transition: all 0.3s ease-in-out;
  background-color: var(--primary2);
}
.followers-section__thumb:hover::before {
  transform: scale(1);
}
.followers-section__thumb:hover .followers-section__social {
  transform: translate(-50%, -50%) scale(1);
}
.followers-section__social {
  top: 50%;
  left: 50%;
  position: absolute;
  transition: all 0.3s ease-in-out;
  transform: translate(-50%, -50%) scale(0);
}
.followers-section__social a {
  width: 49px;
  height: 49px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  background-color: var(--white);
}
.followers-section__social a i {
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: var(--primary2);
}

.blog-details__thumb {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .blog-details__thumb {
    margin-bottom: 30px;
  }
}
.blog-details__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.blog-details__meta {
  gap: 21px;
  display: flex;
  align-items: center;
}
.blog-details__meta span {
  gap: 11px;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  line-height: 14px;
  align-items: center;
  color: var(--body_text);
  font-family: var(--font_header);
}
.blog-details__meta span i {
  font-weight: 400;
  font-size: 16px;
  line-height: 14px;
  color: var(--primary);
}
.blog-details__title {
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  margin-top: 22px;
  margin-bottom: 23px;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media only screen and (max-width: 767px) {
  .blog-details__title {
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .blog-details__title {
    font-size: 20px;
    line-height: 1.3;
  }
}
.blog-details__dec {
  font-size: 16px;
  max-width: 810px;
  font-weight: 400;
  line-height: 26px;
  color: var(--body_text);
  font-family: var(--font_header);
}
.blog-details__quote {
  padding: 50px 20px;
  padding-bottom: 45px;
  text-align: center;
  border-radius: 8px;
  margin-top: 32px;
  margin-bottom: 34px;
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .blog-details__quote {
    margin: 25px 0;
    padding: 25px 20px;
  }
}
.blog-details__quote .icon {
  width: 80px;
  height: 80px;
  display: flex;
  margin: 0 auto;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  background-color: var(--primary);
}
@media (max-width: 575px) {
  .blog-details__quote .icon {
    width: 60px;
    height: 60px;
  }
}
.blog-details__quote .icon i {
  font-weight: 900;
  font-size: 40px;
  line-height: 40px;
  color: var(--white);
}
@media (max-width: 575px) {
  .blog-details__quote .icon i {
    font-size: 30px;
  }
}
.blog-details__quote .title {
  margin: 0 auto;
  font-size: 24px;
  max-width: 640px;
  font-weight: 600;
  margin-top: 21px;
  line-height: 36px;
  margin-bottom: 23px;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media only screen and (max-width: 1199px) {
  .blog-details__quote .title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details__quote .title {
    font-size: 18px;
    line-height: 28px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.blog-details__quote .name {
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 7px;
  color: var(--primary);
}
.blog-details__quote .position {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: var(--body_text);
}
.blog-details__gallery {
  gap: 24px;
  display: grid;
  margin: 32px 0;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 767px) {
  .blog-details__gallery {
    margin: 22px 0;
  }
}
@media (max-width: 575px) {
  .blog-details__gallery {
    grid-template-columns: repeat(1, 1fr);
  }
}
.blog-details__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.blog-details__category {
  display: flex;
  margin-top: 35px;
  align-items: center;
  margin-bottom: 34px;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .blog-details__category {
    margin: 22px 0;
  }
}
@media (max-width: 575px) {
  .blog-details__category {
    gap: 15px;
    flex-wrap: wrap;
  }
}
.blog-details__tag {
  gap: 11px;
  display: flex;
  align-items: center;
}
.blog-details__tag ul {
  list-style: none;
}
.blog-details__tag ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--body_text);
  display: inline-block;
  font-family: var(--font_header);
}
.blog-details__tag-title, .blog-details__share-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  color: var(--secondary);
  font-family: var(--font_header);
}
.blog-details__share {
  gap: 10px;
  display: flex;
  align-items: center;
}
.blog-details__share ul {
  gap: 20px;
  display: flex;
  list-style: none;
  align-items: center;
}
.blog-details__share ul li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--body_text);
  transition: all 0.3s ease-in-out;
}
.blog-details__share ul li a:hover {
  color: var(--primary);
}
.blog-details__page-prev, .blog-details__page-next {
  gap: 20px;
  display: flex;
  align-items: center;
}
.blog-details__page-prev .image, .blog-details__page-next .image {
  width: 80px;
  height: 80px;
}
.blog-details__page-prev .image img, .blog-details__page-next .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.blog-details__page-prev a, .blog-details__page-next a {
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  color: var(--secondary);
  font-family: var(--font_header);
}
.blog-details__page-prev a:hover, .blog-details__page-next a:hover {
  color: var(--primary);
}
.blog-details__page {
  display: flex;
  flex-wrap: wrap;
  padding-top: 40px;
  padding-bottom: 30px;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
@media only screen and (max-width: 767px) {
  .blog-details__page {
    padding-top: 30px;
    padding-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .blog-details__page {
    gap: 15px;
  }
}
.blog-details__page-dot {
  gap: 4px;
  width: 38px;
  height: 38px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 575px) {
  .blog-details__page-dot {
    display: none;
  }
}
.blog-details__page-dot span {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: var(--border);
}
.blog-details__author {
  gap: 30px;
  display: flex;
  padding: 30px;
  margin-top: 60px;
  border-radius: 8px;
  margin-bottom: 55px;
  align-items: center;
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .blog-details__author {
    gap: 19px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 20px 20px;
  }
}
@media (max-width: 575px) {
  .blog-details__author {
    flex-wrap: wrap;
  }
}
.blog-details__author-thumb {
  min-width: 189px;
  height: 189px;
}
@media (max-width: 575px) {
  .blog-details__author-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.blog-details__author-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .blog-details__author-thumb img {
    height: 200px;
  }
}
.blog-details__author-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  color: var(--secondary);
  font-family: var(--font_header);
}
.blog-details__author-position {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  padding-top: 8px;
  padding-bottom: 15px;
  display: inline-block;
  color: var(--primary);
  font-family: var(--font_header);
}
.blog-details__author-dec {
  font-weight: 400;
  font-size: 16px;
  max-width: 521px;
  line-height: 26px;
  color: var(--body_text);
  font-family: var(--font_header);
}
.blog-details__comment-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  margin-bottom: 32px;
  color: var(--secondary);
  font-family: var(--font_header);
}
.blog-details__comment__author {
  gap: 25px;
  display: flex;
  padding: 30px 0;
  align-items: center;
  border-bottom: 1px solid var(--border);
}
@media only screen and (max-width: 767px) {
  .blog-details__comment__author {
    padding-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .blog-details__comment__author {
    gap: 10px;
    flex-wrap: wrap;
  }
}
.blog-details__comment__author .author_thumb {
  min-width: 110px;
  height: 110px;
}
.blog-details__comment__author .author_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}
.blog-details__comment__author .author_info {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
  justify-content: space-between;
}
.blog-details__comment__author .author_info .name {
  font-weight: 700;
  font-size: 20px;
  margin-top: 5px;
  line-height: 20px;
  color: var(--secondary);
  font-family: var(--font_header);
}
.blog-details__comment__author .author_info .date {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: var(--body_text);
  font-family: var(--font_header);
}
.blog-details__comment__author .author_info .reply a {
  gap: 9px;
  display: flex;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  align-items: center;
  color: var(--primary);
  font-family: var(--font_header);
}
.blog-details__comment__author .author_info .reply a:hover {
  color: var(--secondary);
}
.blog-details__comment__author .author_info .reply a i {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
}
.blog-details__comment__author .comment {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: var(--body_text);
  font-family: var(--font_header);
}
.blog-details__comment ul {
  list-style: none;
}
.blog-details__comment ul li:first-of-type .blog-details__comment__author {
  padding-top: 0;
}
.blog-details__comment ul li:last-of-type .blog-details__comment__author {
  padding-bottom: 0;
  border-bottom: none;
}
.blog-details__comment ul li .comment_reply .blog-details__comment__author {
  padding-left: 135px;
}
@media only screen and (max-width: 1199px) {
  .blog-details__comment ul li .comment_reply .blog-details__comment__author {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 767px), (max-width: 575px) {
  .blog-details__comment ul li .comment_reply .blog-details__comment__author {
    padding-left: 20px;
  }
}
@media (max-width: 575px) {
  .blog-details__comment ul li .comment_reply .blog-details__comment__author {
    padding-left: 0px;
  }
}
.blog-details__comment-form {
  margin-top: 55px;
}
@media only screen and (max-width: 767px) {
  .blog-details__comment-form {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .blog-details__comment-form {
    margin-top: 30px;
  }
}
.blog-details__input-group {
  gap: 18px;
  display: grid;
  margin-bottom: 20px;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 575px) {
  .blog-details__input-group {
    grid-template-columns: repeat(1, 1fr);
  }
}
.blog-details__form {
  padding: 30px;
  background-color: var(--white);
}
@media (max-width: 575px) {
  .blog-details__form {
    padding: 20px;
  }
}
.blog-details__form-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  margin-bottom: 25px;
  color: var(--secondary);
  font-family: var(--font_header);
}
.blog-details__form-dec {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--body_text);
  margin-bottom: 37px;
  font-family: var(--font_inter);
}
@media (max-width: 575px) {
  .blog-details__form-dec {
    line-height: 1.3;
  }
}
.blog-details__form-input {
  position: relative;
}
.blog-details__form-input input {
  width: 100%;
  height: 55px;
  padding: 10px 25px;
  padding-right: 41px;
  border-radius: 5px;
  background: var(--white);
  border: 1px solid var(--border);
}
.blog-details__form-input input:focus {
  outline: none;
}
.blog-details__form-input input::placeholder {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--body_text);
  font-family: var(--font_header);
}
.blog-details__form-input .icon {
  top: 50%;
  right: 25px;
  position: absolute;
  transform: translateY(-50%);
}
.blog-details__form-input .icon i {
  font-weight: 300;
  font-size: 16px;
  line-height: 1;
  color: var(--body_text);
}
.blog-details__form-textarea {
  line-height: 1;
  position: relative;
  margin-bottom: 17px;
}
.blog-details__form-textarea textarea {
  width: 100%;
  height: 150px;
  padding: 22px 25px;
  padding-right: 46px;
  border-radius: 5px;
  background: var(--white);
  border: 1px solid var(--border);
}
.blog-details__form-textarea textarea:focus {
  outline: none;
}
.blog-details__form-textarea textarea::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--body_text);
  font-family: var(--font_header);
}
.blog-details__form-button .rr-btn {
  width: 100%;
  line-height: 1.1;
  border-radius: 5px;
  padding: 18.71px 34.8px;
}

.team-details__wrapper {
  gap: 30px;
  padding: 40px;
  display: grid;
  border-radius: 8px;
  padding-right: 29px;
  justify-content: space-between;
  border: 1px solid var(--border);
  grid-template-columns: 289px 1fr;
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .team-details__wrapper {
    padding: 30px;
    grid-template-columns: 289px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .team-details__wrapper {
    gap: 25px;
    padding: 20px;
    grid-template-columns: 255px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .team-details__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .team-details__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.team-details__thumb {
  overflow: hidden;
  border-radius: 8px;
}
.team-details__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .team-details__thumb img {
    height: 300px;
  }
}
.team-details__thumb:hover img {
  transform: scale(1.1);
}
.team-details__name {
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 5px;
  color: var(--secondary);
  font-family: var(--font_header);
}
.team-details__position {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: var(--primary);
  font-family: var(--font_header);
}
.team-details__dec {
  max-width: 100%;
  font-size: 16px;
  font-weight: 400;
  margin-top: 18px;
  line-height: 26px;
  margin-bottom: 28px;
  color: var(--body_text);
  font-family: var(--font_header);
}
.team-details__btn {
  margin-top: 30px;
}
.team-details__btn .rr-btn {
  padding: 17px 27.6px;
}
.team-details__btn .rr-btn .btn-wrap .text-one,
.team-details__btn .rr-btn .btn-wrap .text-two {
  gap: 5px;
}
.team-details__btn .rr-btn .btn-wrap .text-one i,
.team-details__btn .rr-btn .btn-wrap .text-two i {
  font-size: 16px;
}
.team-details__skill-item {
  max-width: 540px;
  margin-bottom: 22px;
}
.team-details__skill-item:last-of-type {
  margin-bottom: 0;
}
.team-details__skill-item .progress {
  height: 6px;
  border-radius: 500px;
  background-color: var(--grey-bg);
}
.team-details__skill-item .progress-bar {
  border-radius: 500px;
  background-color: var(--primary);
  box-shadow: 0px 10px 31px rgba(169, 177, 193, 0.17);
}
.team-details__skill-info label {
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--secondary);
  font-family: var(--font_header);
}
.team-details__skill-info span {
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  position: absolute;
  color: var(--secondary);
  text-transform: uppercase;
  font-family: var(--font_header);
}
@media only screen and (max-width: 991px) {
  .team-details__skill-info span {
    left: 76% !important;
  }
}
@media only screen and (max-width: 767px) {
  .team-details__skill-info span {
    left: 60% !important;
  }
}
.team-details__contact {
  padding: 40px;
  max-width: 315px;
  width: 315px;
  position: absolute;
  right: 29px;
  top: 40px;
}
@media only screen and (max-width: 1199px) {
  .team-details__contact {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .team-details__contact {
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .team-details__contact {
    padding: 20px 15px;
  }
}
.team-details__contact-item {
  gap: 15px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .team-details__contact-item {
    display: block;
    margin-bottom: 15px;
  }
}
.team-details__contact-item:last-of-type {
  margin-bottom: 0;
}
.team-details__contact-item .icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  background: var(--white);
  box-shadow: 0px 7px 10px rgba(47, 25, 27, 0.07);
}
@media (max-width: 575px) {
  .team-details__contact-item .icon {
    margin-bottom: 10px;
  }
}
.team-details__contact-item .icon i {
  font-size: 16px;
  line-height: 1;
  font-weight: 900;
  color: var(--primary);
}
.team-details__contact-item .info span {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--body_text);
  font-family: var(--font_header);
}
.team-details__contact-item .info h4 {
  font-size: 18px;
  line-height: 1;
  margin-top: 9px;
  font-weight: 700;
  color: var(--secondary);
  font-family: var(--font_header);
}
.team-details__contact-item .info h4 a:hover {
  color: var(--primary);
}
.team-details__content {
  min-width: 0;
  padding-right: 345px;
}
@media only screen and (max-width: 991px) {
  .team-details__content {
    padding-right: 0;
  }

  .team-details__contact {
    position: static;
    width: 100%;
    max-width: 100%;
  }
}

.latest-blog-6__item {
  padding: 20px;
  border-radius: 8px;
  padding-bottom: 17px;
  background-color: var(--grey-bg);
  border: 1px solid rgba(25, 23, 23, 0.05);
}
@media only screen and (max-width: 767px) {
  .latest-blog-6__item {
    padding: 10px;
  }
}
.latest-blog-6__item .latest-blog-5__content {
  padding: 0;
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .latest-blog-6__item .latest-blog-5__content {
    padding-top: 20px;
  }
}
.latest-blog-6__item .latest-blog-5__content .new-post-3__title {
  max-width: 343px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1199px) {
  .latest-blog-6__item .latest-blog-5__content .new-post-3__title {
    font-size: 19px;
  }
}
@media only screen and (max-width: 767px) {
  .latest-blog-6__item .latest-blog-5__content .new-post-3__title {
    font-size: 18px;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.latest-blog-6__item .latest-blog-5__content .new-post-3__dec {
  margin-bottom: 12px;
  color: rgba(25, 23, 23, 0.5);
}
.latest-blog-6__pagination {
  gap: 5px;
  display: flex;
  margin-top: 47px;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .latest-blog-6__pagination {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .latest-blog-6__pagination {
    margin-top: 15px;
  }
}
.latest-blog-6__pagination .swiper-pagination-bullet {
  width: 50px;
  height: 3px;
  opacity: 1;
  border-radius: 0;
  margin: 0 !important;
  display: inline-block;
  transition: all 0.6s ease-in-out;
  background-color: rgba(25, 23, 23, 0.1);
}
.latest-blog-6__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--primary);
}

.author-section-6__top {
  margin-bottom: 32px;
}
@media only screen and (max-width: 991px) {
  .author-section-6__top {
    margin-bottom: 20px;
  }
}
.author-section-6__top .section-heading__wrap .section__border {
  max-width: 980px;
}
.author-section-6__wrapper {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media only screen and (max-width: 1199px) {
  .author-section-6__wrapper {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .author-section-6__wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .author-section-6__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 575px) {
  .author-section-6__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
.author-section-6__item {
  padding: 35px;
  max-width: 195px;
  border-radius: 8px;
  background-color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .author-section-6__item {
    padding: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .author-section-6__item {
    padding: 20px;
  }
}
.author-section-6__thumb {
  max-width: 124.46px;
  max-height: 124.46px;
  overflow: hidden;
  border-radius: 500px;
}
.author-section-6__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.author-section-6__thumb:hover img {
  transform: scale(1.1);
}
.author-section-6__title {
  font-size: 18px;
  line-height: 1;
  margin-top: 16px;
  font-weight: 700;
  text-align: center;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media (max-width: 575px) {
  .author-section-6__title {
    margin-top: 10px;
  }
}
.author-section-6__title a:hover {
  color: var(--primary);
}

.new-post-6__top {
  margin-bottom: 32px;
}
@media only screen and (max-width: 991px) {
  .new-post-6__top {
    margin-bottom: 20px;
  }
}
.new-post-6__top .section-heading__wrap .section__border {
  max-width: 1071px;
}
.new-post-6__wrap .featured-stories__title {
  max-width: 480px;
}
@media only screen and (max-width: 1700px) {
  .new-post-6__wrap .featured-stories__title br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .new-post-6__wrap .featured-stories__title {
    font-size: 19px;
  }
}
@media only screen and (max-width: 767px) {
  .new-post-6__wrap .new-posts__thumb img {
    height: 300px;
  }
}

.editors-choice-6__top {
  margin-bottom: 32px;
}
@media only screen and (max-width: 991px) {
  .editors-choice-6__top {
    margin-bottom: 25px;
  }
}
.editors-choice-6__top .section-heading__wrap .section__border {
  max-width: 1068px;
}
@media only screen and (max-width: 1199px) {
  .editors-choice-6__item {
    height: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .editors-choice-6__item {
    height: auto;
  }
}
.editors-choice-6__item .featured-stories__title {
  max-width: 450px;
}
@media (max-width: 575px) {
  .editors-choice-6__item .featured-stories__title {
    font-size: 19px;
    line-height: 29px;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .editors-choice-6__item .new-posts__thumb img {
    height: 300px;
  }
}
.editors-choice-6__wrap .latest-updates-2__item {
  border: none;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 20px !important;
  background-color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .editors-choice-6__wrap .latest-updates-2__item {
    gap: 15px;
    padding: 15px !important;
  }
}
.editors-choice-6__wrap .latest-updates-2__item .featured-stories__title {
  max-width: 347px;
}
@media only screen and (max-width: 1199px) {
  .editors-choice-6__wrap .latest-updates-2__item .featured-stories__title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 12px;
  }
}

.featured-stories-6__top .section-heading__wrap .section__border {
  max-width: 983px;
}
.featured-stories-6__btn .rr-btn {
  background-color: var(--white);
}
.featured-stories-6__btn .rr-btn .btn-wrap .text-one {
  color: var(--secondary);
}
.featured-stories-6__item {
  padding: 10px;
  border-radius: 8px;
  background-color: var(--white);
}
.featured-stories-6__item .new-post-3__admin {
  justify-content: start;
}
.featured-stories-6__item .featured-stories__title {
  margin-top: 11px;
}
@media only screen and (max-width: 1199px) {
  .featured-stories-6__item .featured-stories__title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 1199px) {
  .featured-stories-6__item .featured-stories__content {
    padding: 25px 10px;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .featured-stories-6__item .featured-stories__content {
    padding: 20px 0px;
    padding-bottom: 8px;
  }
}

.latest-updates-6__item {
  gap: 30px;
  padding: 20px;
  display: flex;
  border-radius: 8px;
  align-items: center;
  border: 1px solid var(--border);
}
@media only screen and (max-width: 1199px) {
  .latest-updates-6__item {
    gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .latest-updates-6__item {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .latest-updates-6__item {
    padding: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .latest-updates-6__item .latest-updates__title {
    font-size: 19px;
    line-height: 29px;
    margin-bottom: 14px;
  }
}
.latest-updates-6__sidebar .blog-sidebar__wrap {
  border: none;
  background-color: var(--grey-bg);
}
.latest-updates-6__sidebar-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
@media only screen and (max-width: 1399px) {
  .latest-updates-6__sidebar-thumb img {
    height: 320px;
  }
}

.personal-blog-7__space-top {
  padding-top: 40px;
}
.personal-blog-7__slider {
  padding: 20px;
  max-height: 750px;
  height: 100%;
  border-radius: 8px;
  background-color: var(--grey-bg);
}
@media only screen and (max-width: 991px) {
  .personal-blog-7__slider {
    padding: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .personal-blog-7__slider {
    height: auto;
  }
}
@media (max-width: 575px) {
  .personal-blog-7__slider {
    padding: 0;
    height: 360px;
  }
}
.personal-blog-7__active {
  height: 100%;
  position: relative;
}
.personal-blog-7__item {
  height: 100%;
}
.personal-blog-7__thumb {
  height: 100%;
  position: relative;
}
.personal-blog-7__thumb::before {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(23, 23, 23, 0) 0%, #171717 100%);
}
.personal-blog-7__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.personal-blog-7__info {
  left: 30px;
  right: 30px;
  bottom: 35px;
  position: absolute;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .personal-blog-7__info {
    left: 20px;
    right: 20px;
    bottom: 30px;
  }
}
.personal-blog-7__info .new-post-3__admin ul li {
  color: rgba(255, 255, 255, 0.5);
}
.personal-blog-7__info .new-post-3__admin ul li::before {
  background-color: rgba(255, 255, 255, 0.5);
}
.personal-blog-7__info .featured-stories__title {
  font-size: 30px;
  max-width: 660px;
  line-height: 40px;
  margin: 0 auto;
  margin-top: 15px;
  text-align: center;
  margin-bottom: 16px;
  color: var(--white);
}
@media only screen and (max-width: 991px) {
  .personal-blog-7__info .featured-stories__title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 575px) {
  .personal-blog-7__info .featured-stories__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.personal-blog-7__info .featured-stories__date span {
  color: rgba(255, 255, 255, 0.5);
}
.personal-blog-7__info .featured-stories__date span::before {
  background-color: rgba(255, 255, 255, 0.5);
}
.personal-blog-7__button {
  top: 30px;
  gap: 10px;
  z-index: 1;
  left: 30px;
  display: flex;
  position: absolute;
  align-items: center;
}
.personal-blog-7__arrow {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  background-color: var(--white);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 575px) {
  .personal-blog-7__arrow {
    width: 50px;
    height: 50px;
  }
}
.personal-blog-7__arrow i {
  font-size: 16px;
  font-weight: 900;
  line-height: 40px;
  color: var(--primary);
  transition: all 0.3s ease-in-out;
}
.personal-blog-7__arrow:hover {
  background-color: var(--primary);
}
.personal-blog-7__arrow:hover i {
  color: var(--white);
}
.personal-blog-7__author {
  padding: 24px 30px;
  padding-bottom: 22px;
  border-radius: 8px;
  background-color: var(--grey-bg);
}
.personal-blog-7__author .subtitle {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 22px;
  text-align: center;
  color: var(--secondary);
  font-family: var(--font_header);
}
.personal-blog-7__author .author-thumb {
  padding: 10px;
  margin: 0 auto;
  max-width: 154px;
  max-height: 154px;
  border-radius: 500px;
  border: 5px solid var(--primary);
}
.personal-blog-7__author .author-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}
.personal-blog-7__author .title {
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
  margin-top: 20px;
  margin-bottom: 8px;
  text-align: center;
  color: var(--secondary);
  font-family: var(--font_header);
}
.personal-blog-7__author .dec {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
  max-width: 345px;
  margin: 0 auto;
  font-family: var(--font_header);
}
.personal-blog-7__wrap .blog-sidebar__wrap {
  border: none;
  padding: 30px 20px;
  padding-top: 27px;
  background-color: var(--grey-bg);
}
.personal-blog-7__wrap .blog-sidebar__title {
  font-size: 20px;
  margin-bottom: 20px;
}
.personal-blog-7__wrap .blog-sidebar__social-media {
  gap: 10px 22px;
}
.personal-blog-7__wrap .blog-sidebar__social-media li {
  width: 47%;
}
@media only screen and (max-width: 1399px) {
  .personal-blog-7__wrap .blog-sidebar__social-media li {
    width: 46%;
  }
}
@media only screen and (max-width: 1199px) {
  .personal-blog-7__wrap .blog-sidebar__social-media li {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .personal-blog-7__wrap .blog-sidebar__social-media li {
    width: 47%;
  }
}
@media (max-width: 575px) {
  .personal-blog-7__wrap .blog-sidebar__social-media li {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .personal-blog-7__wrap .blog-sidebar__social-media li a {
    width: 100%;
  }
}

.my-experience-7__item {
  gap: 18px;
  padding: 20px;
  display: flex;
  max-width: 414px;
  border-radius: 8px;
  align-items: center;
  background-color: var(--grey-bg);
}
@media only screen and (max-width: 1199px) {
  .my-experience-7__item {
    padding: 14px;
  }
}
@media only screen and (max-width: 991px) {
  .my-experience-7__item {
    gap: 10px;
    flex-wrap: wrap;
  }
}
.my-experience-7__thumb {
  max-width: 95px;
  max-height: 95px;
}
@media only screen and (max-width: 767px) {
  .my-experience-7__thumb {
    max-width: 100%;
    width: 100%;
    max-height: 100px;
    height: 100px;
  }
}
.my-experience-7__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.my-experience-7__date span {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--body_text);
  font-family: var(--font_header);
}
.my-experience-7__title {
  font-size: 18px;
  margin: 3px 0;
  font-weight: 700;
  line-height: 28px;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media only screen and (max-width: 1199px) {
  .my-experience-7__title {
    font-size: 17px;
  }
}
.my-experience-7__title a:hover {
  color: var(--primary);
}
.my-experience-7__company p {
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  color: var(--body_text);
  font-family: var(--font_header);
}

.featured-section-7__top {
  margin-bottom: 32px;
}
.featured-section-7__top .section-heading__wrap .section__border {
  max-width: 1151px;
}
@media only screen and (max-width: 1399px) {
  .featured-section-7__wrap {
    height: 48%;
  }
}
@media only screen and (max-width: 991px) {
  .featured-section-7__wrap {
    height: auto;
  }
}
.featured-section-7__wrap .new-posts__info {
  left: 40px;
  right: 30px;
  bottom: 26px;
}
@media only screen and (max-width: 991px) {
  .featured-section-7__wrap .new-posts__info {
    left: 20px;
    right: 20px;
  }
}
@media (max-width: 575px) {
  .featured-section-7__wrap .new-posts__info {
    left: 15px;
    right: 15px;
  }
}
.featured-section-7__wrap .featured-stories__title {
  max-width: 450px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 991px) {
  .featured-section-7__wrap .featured-stories__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.featured-section-7__item {
  gap: 25px;
  display: flex;
  padding: 20px;
  border-radius: 8px;
  align-items: center;
  background-color: var(--grey-bg);
}
@media only screen and (max-width: 1199px) {
  .featured-section-7__item {
    gap: 15px;
    padding: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .featured-section-7__item {
    gap: 20px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .featured-section-7__item {
    flex-wrap: nowrap;
  }
}
@media (max-width: 575px) {
  .featured-section-7__item {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1199px) {
  .featured-section-7__info .featured-stories__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.featured-section-7__thumb {
  overflow: hidden;
  border-radius: 8px;
}
@media only screen and (max-width: 991px) {
  .featured-section-7__thumb {
    width: 100%;
    height: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .featured-section-7__thumb {
    width: auto;
    height: auto;
  }
}
@media (max-width: 575px) {
  .featured-section-7__thumb {
    width: 100%;
    height: 150px;
  }
}
.featured-section-7__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.featured-section-7__thumb:hover img {
  transform: scale(1.1);
}

.popular-post-7__top {
  margin-bottom: 32px;
}
.popular-post-7__top .section-heading__wrap .section__border {
  max-width: 1093px;
}
.popular-post-7__item {
  padding: 20px;
  border-radius: 8px;
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .popular-post-7__item {
    padding: 10px;
  }
}
.popular-post-7__thumb {
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.popular-post-7__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.popular-post-7__thumb:hover img {
  transform: scale(1.1);
}
.popular-post-7__tag {
  top: 20px;
  left: 20px;
  position: absolute;
}
.popular-post-7__tag span {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  padding: 5px 12.3px;
  border-radius: 500px;
  display: inline-block;
  color: var(--secondary);
  background-color: var(--white);
  font-family: var(--font_header);
}
.popular-post-7__info {
  padding: 26px 0;
  padding-bottom: 10px;
}
.popular-post-7__info .featured-stories__title {
  margin-top: 7px;
  max-width: 356px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .popular-post-7__info .featured-stories__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.popular-post-7__info .trending-posts__admin {
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.popular-post-7__info .trending-posts__admin ul li {
  color: var(--body_text);
}
.popular-post-7__info .trending-posts__admin ul li::before {
  background-color: var(--body_text);
}

.followers-section-7__item .followers-section__thumb::before {
  background-color: var(--primary);
}
.followers-section-7__item .followers-section__social a i {
  color: var(--primary);
}

.latest-blogs-7__item {
  padding: 30px 20px;
  border-radius: 8px;
  border: 1px solid rgba(25, 23, 23, 0.1);
}
@media only screen and (max-width: 1199px) {
  .latest-blogs-7__item {
    padding: 20px 10px;
  }
}
.latest-blogs-7__item .trending-posts__admin {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.latest-blogs-7__item .trending-posts__admin ul li {
  color: var(--body_text);
}
.latest-blogs-7__item .trending-posts__admin ul li::before {
  background-color: var(--body_text);
}
.latest-blogs-7__tag span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  border-radius: 500px;
  padding: 6.5px 11.3px;
  display: inline-block;
  color: var(--secondary);
  backdrop-filter: blur(7px);
  font-family: var(--font_header);
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(25, 23, 23, 0.1);
}
.latest-blogs-7__title {
  font-size: 22px;
  font-weight: 700;
  margin-top: 13px;
  line-height: 32px;
  color: var(--secondary);
  font-family: var(--font_header);
}
@media only screen and (max-width: 1199px) {
  .latest-blogs-7__title {
    font-size: 18px;
    line-height: 27px;
  }
}
@media only screen and (max-width: 767px) {
  .latest-blogs-7__title {
    font-size: 17px;
    line-height: 26px;
  }
}
.latest-blogs-7__thumb {
  overflow: hidden;
  border-radius: 8px;
  margin-top: 20px;
  margin-bottom: 17px;
}
.latest-blogs-7__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.latest-blogs-7__thumb:hover img {
  transform: scale(1.1);
}
.latest-blogs-7__dec {
  font-size: 16px;
  font-weight: 400;
  max-width: 347px;
  line-height: 26px;
  color: rgba(25, 23, 23, 0.5);
  font-family: var(--font_header);
}
.latest-blogs-7__image {
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .latest-blogs-7__image {
    height: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .latest-blogs-7__image {
    height: 94%;
  }
}
@media (max-width: 575px) {
  .latest-blogs-7__image {
    height: auto;
  }
}
.latest-blogs-7__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.latest-blogs-7__button {
  left: 0;
  right: 0;
  bottom: 30px;
  text-align: center;
  position: absolute;
}
.latest-blogs-7__button .rr-btn {
  font-weight: 500;
  padding: 22px 38.71px;
  background-color: var(--white);
}
.latest-blogs-7__button .rr-btn .btn-wrap .text-one {
  color: var(--secondary);
}
.latest-blogs-7__button .rr-btn::before {
  background-color: var(--primary);
}

.blog-slider-8__active .blog-slider__thumb .featured-stories__play a i {
  color: var(--primary4);
}
.blog-slider-8__active .blog-slider__info .trending-posts__title a:hover {
  color: var(--primary4);
}
.blog-slider-8__active .blog-slider__info .trending-posts__meta ul li:first-of-type {
  color: var(--primary4);
}

.categories-section-8__wrap {
  gap: 24px;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(6, 1fr);
}
@media only screen and (max-width: 1399px) {
  .categories-section-8__wrap {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (max-width: 1199px) {
  .categories-section-8__wrap {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .categories-section-8__wrap {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .categories-section-8__wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .categories-section-8__wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
.categories-section-8__item {
  border-radius: 8px;
  border: 1px solid var(--border);
}
.categories-section-8__thumb {
  padding: 10px;
  padding-bottom: 14px;
}
.categories-section-8__thumb .image {
  overflow: hidden;
  border-radius: 8px;
}
.categories-section-8__thumb .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.categories-section-8__thumb .image:hover img {
  transform: scale(1.1);
}
.categories-section-8__btn {
  margin: -1px;
  margin-top: 0;
}
.categories-section-8__btn .rr-btn {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  padding: 10.5px 20px;
  letter-spacing: 1px;
  border-radius: 8px;
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid var(--border);
}
.categories-section-8__btn .rr-btn .btn-wrap .text-one {
  color: var(--secondary);
}
.categories-section-8__btn .rr-btn::before {
  background-color: var(--primary4);
}
.categories-section-8__btn .rr-btn:hover {
  border-color: var(--primary4);
}

.breaking-news-8__item .trending-posts__wrap {
  margin-right: 0;
}
.breaking-news-8__item .trending-posts__thumb > img {
  border-radius: 8px;
}
@media only screen and (max-width: 1399px) {
  .breaking-news-8__item .trending-posts__thumb > img {
    height: 565px;
  }
}
@media only screen and (max-width: 1199px) {
  .breaking-news-8__item .trending-posts__thumb > img {
    height: 365px;
  }
}
@media (max-width: 575px) {
  .breaking-news-8__item .trending-posts__thumb > img {
    height: 310px;
  }
}
.breaking-news-8__item .trending-posts__thumb::before {
  border-radius: 8px;
}
.breaking-news-8__item .trending-posts__content {
  left: 40px;
  right: 40px;
  bottom: 35px;
}
@media only screen and (max-width: 1399px) {
  .breaking-news-8__item .trending-posts__content {
    left: 30px;
    right: 30px;
    bottom: 40px;
  }
}
@media (max-width: 575px) {
  .breaking-news-8__item .trending-posts__content {
    left: 12px;
    right: 12px;
    bottom: 20px;
  }
}
.breaking-news-8__item .trending-posts__title {
  max-width: 740px;
}
@media only screen and (max-width: 991px) {
  .breaking-news-8__item .trending-posts__title {
    font-size: 22px;
    line-height: 32px;
  }
}
@media (max-width: 575px) {
  .breaking-news-8__item .trending-posts__title {
    font-size: 19px;
    line-height: 29px;
  }
}
.breaking-news-8__item .trending-posts__title a:hover {
  color: var(--primary4);
}
.breaking-news-8__item .trending-posts__meta ul li:first-of-type {
  color: var(--primary4);
}
@media only screen and (max-width: 1199px) {
  .breaking-news-8__item .latest-piblished__play {
    top: 30px;
    left: auto;
    right: 30px;
    position: absolute;
    transform: translate(0);
  }
}
.breaking-news-8__item .latest-piblished__play a i {
  font-size: 24px;
}
.breaking-news-8__wrapper .featured-posts-8__wrap {
  border: none;
  background-color: var(--grey-bg);
}
.breaking-news-8__wrapper .featured-posts-8__wrap .trending-posts__title a:hover {
  color: var(--primary4);
}
.breaking-news-8__wrapper .featured-posts-8__wrap .trending-posts__meta ul li:first-of-type {
  color: var(--primary4);
}
.breaking-news-8__wrapper .featured-posts-8__wrap .latest-piblished__play a i {
  font-size: 24px;
}
.breaking-news-8__wrapper .featured-posts-2__image {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .breaking-news-8__wrapper .featured-posts-2__image {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .breaking-news-8__wrapper .featured-posts-2__image {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .breaking-news-8__wrapper .featured-posts-2__wrap {
    flex-wrap: nowrap;
  }
}
@media (max-width: 575px) {
  .breaking-news-8__wrapper .featured-posts-2__wrap {
    flex-wrap: wrap;
    padding: 12px;
    padding-bottom: 18px;
  }
}

.latest-stories-8__item .latest-stories-3__thumb {
  position: relative;
}
.latest-stories-8__item .latest-stories-3__content {
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .latest-stories-8__item .latest-stories-3__content {
    padding: 5px;
    margin-top: 20px;
  }
}
.latest-stories-8__item .latest-stories-3__content .new-post-3__title {
  max-width: 758px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1199px) {
  .latest-stories-8__item .latest-stories-3__content .new-post-3__title {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .latest-stories-8__item .latest-stories-3__content .new-post-3__title {
    font-size: 20px;
    line-height: 30px;
    margin-top: 10px;
  }
}
.latest-stories-8__item .latest-stories-3__content .new-post-3__title a:hover {
  color: var(--primary4);
}
.latest-stories-8__item .latest-stories-3__content .new-post-3__admin {
  justify-content: center;
}
.latest-stories-8__item .latest-stories-3__content .new-post-3__meta ul li:first-of-type {
  color: var(--primary4);
}
.latest-stories-8__item .latest-piblished__play a i {
  font-size: 24px;
}
.latest-stories-8__side-post-item {
  border-radius: 8px;
  padding: 28px 30px;
  background: var(--white);
}
@media only screen and (max-width: 991px) {
  .latest-stories-8__side-post-item {
    padding: 20px;
  }
}
.latest-stories-8__side-post-tab > ul {
  gap: 30px;
  display: flex;
  align-items: center;
  margin-bottom: 28px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--border);
}
.latest-stories-8__side-post-tab > ul li button {
  padding: 0;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  color: var(--body_text);
  text-transform: uppercase;
  font-family: var(--font_header);
}
.latest-stories-8__side-post-tab > ul li button:hover {
  color: var(--primary4);
}
.latest-stories-8__side-post-tab > ul li .nav-link.active {
  color: var(--primary4);
  background-color: transparent;
}
@media only screen and (max-width: 1599px) {
  .latest-stories-8__side-post-tab .newsletter-post__top-post {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .latest-stories-8__side-post-tab .newsletter-post__top-post {
    flex-wrap: nowrap;
  }
}
@media (max-width: 575px) {
  .latest-stories-8__side-post-tab .newsletter-post__top-post {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 991px) {
  .latest-stories-8__side-post-tab .newsletter-post__top-post .new-post-3__title {
    font-size: 19px;
    line-height: 29px;
  }
}
.latest-stories-8__side-post-tab .new-post-3__title a:hover {
  color: var(--primary4);
}
.latest-stories-8__side-post-tab .new-post-3__meta ul li:first-of-type {
  color: var(--primary4);
}
.latest-stories-8__side-post .blog-sidebar__wrap {
  border: none;
  padding: 30px;
  padding-top: 27px;
}
.latest-stories-8__side-post .blog-sidebar__title {
  margin-bottom: 20px;
}
.latest-stories-8__side-post .blog-sidebar__social-media li {
  width: 48.8%;
}
@media only screen and (max-width: 991px) {
  .latest-stories-8__side-post .blog-sidebar__social-media li {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .latest-stories-8__side-post .blog-sidebar__social-media li {
    width: 48%;
  }
}
@media (max-width: 575px) {
  .latest-stories-8__side-post .blog-sidebar__social-media li {
    width: 100%;
  }
}
.latest-stories-8__side-post .blog-sidebar__social-media li a {
  width: 100%;
}

.latest-updates-8__item {
  padding: 30px;
  border-radius: 8px;
  padding-bottom: 25px;
  background-color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .latest-updates-8__item {
    padding: 20px;
  }
}
.latest-updates-8__item .latest-updates-3__content {
  padding: 30px 0px;
  padding-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .latest-updates-8__item .latest-updates-3__content {
    padding-top: 20px;
  }
}
.latest-updates-8__item .latest-updates-3__content .new-post-3__title {
  max-width: 450px;
}
@media only screen and (max-width: 1199px) {
  .latest-updates-8__item .latest-updates-3__content .new-post-3__title {
    font-size: 19px;
    line-height: 29px;
  }
}
@media only screen and (max-width: 991px) {
  .latest-updates-8__item .latest-updates-3__content .new-post-3__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.latest-updates-8__item .latest-updates-3__content .new-post-3__title a:hover {
  color: var(--primary4);
}
.latest-updates-8__item .latest-updates-3__content .new-post-3__meta ul li:first-of-type {
  color: var(--primary4);
}

.blog-section-9__thumb {
  position: relative;
}
@media only screen and (max-width: 991px) {
  .blog-section-9__thumb {
    height: 300px;
  }
}
.blog-section-9__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.blog-section-9__thumb::before {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.blog-section-9__content {
  left: 40px;
  right: 30px;
  bottom: 35px;
  position: absolute;
}
@media only screen and (max-width: 1199px) {
  .blog-section-9__content {
    left: 25px;
    right: 25px;
    bottom: 30px;
  }
}
@media (max-width: 575px) {
  .blog-section-9__content {
    left: 12px;
    right: 12px;
    bottom: 25px;
  }
}
.blog-section-9__content .trending-posts__title {
  margin-top: 10px;
  max-width: 720px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1199px) {
  .blog-section-9__content .trending-posts__title {
    font-size: 25px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .blog-section-9__content .trending-posts__title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 575px) {
  .blog-section-9__content .trending-posts__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.blog-section-9__content .trending-posts__title a:hover {
  color: var(--primary4);
}
.blog-section-9__content .trending-posts__meta ul li:first-of-type {
  color: var(--primary4);
}
.blog-section-9__image {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .blog-section-9__image {
    height: 358px;
  }
}
@media only screen and (max-width: 991px) {
  .blog-section-9__image {
    height: 300px;
  }
}
.blog-section-9__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.blog-section-9__image::before {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.blog-section-9__item {
  margin-bottom: 10px;
}
.blog-section-9__item:last-of-type {
  margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
  .blog-section-9__item:last-of-type {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 1199px) {
  .blog-section-9__item {
    margin-bottom: 24px;
  }
}
.blog-section-9__text {
  left: 20px;
  bottom: 15px;
  position: absolute;
}
.blog-section-9__text .trending-posts__title {
  max-width: 360px;
}
@media only screen and (max-width: 1399px) {
  .blog-section-9__text .trending-posts__title {
    font-size: 18px;
  }
}
.blog-section-9__text .trending-posts__title a:hover {
  color: var(--primary4);
}
.blog-section-9__text .trending-posts__meta ul li:first-of-type {
  color: var(--primary4);
}

.trending-post-9__top {
  margin-bottom: 32px;
}
.trending-post-9__item {
  gap: 40px;
  display: flex;
  padding: 20px;
  border-radius: 8px;
  align-items: center;
  background-color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .trending-post-9__item {
    gap: 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .trending-post-9__item {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .trending-post-9__item {
    padding: 15px;
    flex-wrap: wrap;
  }
}
.trending-post-9__thumb {
  overflow: hidden;
  border-radius: 8px;
}
@media only screen and (max-width: 1199px) {
  .trending-post-9__thumb {
    height: 270px;
  }
}
@media only screen and (max-width: 767px) {
  .trending-post-9__thumb {
    width: 100%;
    height: 210px;
  }
}
.trending-post-9__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.trending-post-9__thumb:hover img {
  transform: scale(1.1);
}
.trending-post-9__content .trending-posts__title {
  max-width: 530px;
}
.trending-post-9__content .trending-posts__title a:hover {
  color: var(--primary4);
}
.trending-post-9__content .trending-posts__meta ul li:first-of-type {
  color: var(--primary4);
}
.trending-post-9__content .featured-posts-2__dec {
  max-width: 600px;
}
.trending-post-9__wrap {
  padding: 10px;
  border-radius: 8px;
  background-color: var(--white);
}
.trending-post-9__text {
  padding-top: 20px;
  padding-bottom: 15px;
  text-align: center;
}
.trending-post-9__text .trending-posts__title {
  margin: 0 auto;
  max-width: 710px;
  margin-top: 12px;
  text-align: center;
  margin-bottom: 16px;
}
.trending-post-9__text .trending-posts__title a:hover {
  color: var(--primary4);
}
.trending-post-9__text .trending-posts__admin {
  justify-content: center;
}
.trending-post-9__text .trending-posts__meta ul li:first-of-type {
  color: var(--primary4);
}
@media only screen and (max-width: 1199px) {
  .trending-post-9__sidebar .blog-sidebar__social-media li {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .trending-post-9__sidebar .blog-sidebar__social-media li {
    width: 48%;
  }
}
@media (max-width: 575px) {
  .trending-post-9__sidebar .blog-sidebar__social-media li {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .trending-post-9__sidebar .latest-updates-8__item {
    padding: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .trending-post-9__sidebar .latest-stories-8__side-post-item {
    padding: 20px 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .trending-post-9__sidebar .newsletter-post__top-post .new-post-3__title {
    font-size: 19px;
    line-height: 29px;
  }
}
@media (max-width: 575px) {
  .trending-post-9__sidebar .newsletter-post__top-post .new-post-3__title {
    font-size: 18px;
    line-height: 28px;
  }
}

.popular-posts-9__top {
  margin-bottom: 32px;
}
.popular-posts-9__top .section-heading__wrap .section__border {
  max-width: 1469px;
}
.popular-posts-9__item {
  padding: 20px;
  border-radius: 8px;
  background-color: var(--white);
}
@media (max-width: 575px) {
  .popular-posts-9__item {
    padding: 12px;
  }
}
.popular-posts-9__item.margin_right {
  margin-right: -40px;
}
@media only screen and (max-width: 991px) {
  .popular-posts-9__item.margin_right {
    margin-right: 0;
  }
}
.popular-posts-9__thumb {
  overflow: hidden;
  border-radius: 8px;
}
@media only screen and (max-width: 991px) {
  .popular-posts-9__thumb {
    height: 240px;
  }
}
.popular-posts-9__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.popular-posts-9__thumb:hover img {
  transform: scale(1.1);
}
.popular-posts-9__content {
  padding-top: 30px;
  text-align: center;
  padding-bottom: 15px;
}
.popular-posts-9__content .trending-posts__admin {
  justify-content: center;
}
.popular-posts-9__content .trending-posts__admin ul li {
  color: var(--secondary);
}
.popular-posts-9__content .trending-posts__admin ul li::before {
  background-color: var(--secondary);
}
.popular-posts-9__content .trending-posts__title {
  margin: 0 auto;
  margin-top: 9px;
  max-width: 720px;
  text-align: center;
  margin-bottom: 15px;
  color: var(--secondary);
}
@media only screen and (max-width: 1199px) {
  .popular-posts-9__content .trending-posts__title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 575px) {
  .popular-posts-9__content .trending-posts__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.popular-posts-9__content .trending-posts__title a:hover {
  color: var(--primary4);
}
.popular-posts-9__content .trending-posts__meta ul li {
  color: var(--secondary);
}
.popular-posts-9__content .trending-posts__meta ul li:first-of-type {
  color: var(--primary4);
}
.popular-posts-9__content .trending-posts__meta ul li::before {
  background-color: var(--secondary);
}
.popular-posts-9__wrap {
  margin-left: 40px;
}
@media only screen and (max-width: 991px) {
  .popular-posts-9__wrap {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .popular-posts-9__wrap .trending-posts-4__wrapper {
    padding: 20px 14px;
  }
}
@media only screen and (max-width: 1399px) {
  .popular-posts-9__wrap .featured-stories__thumb {
    height: 150px;
  }
}
@media only screen and (max-width: 1399px) {
  .popular-posts-9__wrap .featured-stories__title {
    font-size: 19px;
    line-height: 29px;
  }
}
@media (max-width: 575px) {
  .popular-posts-9__wrap .featured-stories__title {
    font-size: 18px;
    line-height: 28px;
  }
}

.latest-updates-9__top {
  margin-bottom: 32px;
}
.latest-updates-9__top .section-heading__wrap .section__border {
  max-width: 1593px;
}
.latest-updates-9__btn {
  margin-top: 14px;
}
@media only screen and (max-width: 1199px) {
  .latest-updates-9__btn {
    margin-top: 0;
  }
}
.latest-updates-9__btn .rr-btn-6 {
  width: 100%;
  padding: 17px 15.8px;
}
@media only screen and (max-width: 1399px) {
  .latest-updates-9__wrapper .latest-updates-3__item {
    padding: 13px;
  }
}
@media only screen and (max-width: 1199px) {
  .latest-updates-9__wrapper .latest-updates-3__item {
    padding: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .latest-updates-9__wrapper .latest-updates-3__item {
    padding: 14px;
  }
}
@media only screen and (max-width: 991px) {
  .latest-updates-9__wrapper .latest-updates-3__content {
    padding: 15px 0;
    padding-bottom: 0px;
  }
}

.news-alert-9__wrap span {
  background-color: var(--primary4);
}

.blog-post-10__wrap {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .blog-post-10__wrap {
    height: 100%;
  }
}
.blog-post-10__thumb {
  position: relative;
}
@media (max-width: 575px) {
  .blog-post-10__thumb {
    height: 250px;
    margin-bottom: 24px;
  }
}
.blog-post-10__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.blog-post-10__thumb::before {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.blog-post-10__thumb .featured-stories__play {
  left: 52px;
  top: 52px;
  transform: translate(0);
}
@media only screen and (max-width: 991px) {
  .blog-post-10__thumb .featured-stories__play {
    left: 35px;
    top: 35px;
  }
}
.blog-post-10__thumb .featured-stories__play a i {
  color: var(--primary3);
}
.blog-post-10__cat span {
  top: 40px;
  right: 40px;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  position: absolute;
  color: var(--white);
  border-radius: 500px;
  padding: 7.5px 17.7px;
  display: inline-block;
  background-color: var(--primary3);
}
@media only screen and (max-width: 767px) {
  .blog-post-10__cat span {
    top: 20px;
    right: 20px;
  }
}
.blog-post-10__content {
  left: 40px;
  right: 20px;
  bottom: 35px;
  position: absolute;
}
@media only screen and (max-width: 1599px) {
  .blog-post-10__content {
    left: 25px;
    bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-post-10__content {
    left: 15px;
    right: 15px;
    bottom: 25px;
  }
}
.blog-post-10__content .trending-posts__title {
  margin-top: 0px;
  max-width: 750px;
  margin-bottom: 18px;
}
@media only screen and (max-width: 991px) {
  .blog-post-10__content .trending-posts__title {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-post-10__content .trending-posts__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.blog-post-10__content .trending-posts__title a:hover {
  color: var(--primary3);
}
.blog-post-10__item {
  position: relative;
}
.blog-post-10__item .trending-posts__title {
  font-size: 30px;
  max-width: 450px;
  line-height: 40px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 1399px) {
  .blog-post-10__item .trending-posts__title {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .blog-post-10__item .trending-posts__title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
  }
}

.trending-post-10__top {
  margin-bottom: 22px;
}
.trending-post-10__wrapper {
  margin-right: 27px;
}
@media only screen and (max-width: 767px) {
  .trending-post-10__wrapper {
    margin-right: 0;
  }
}
.trending-post-10__wrapper .trending-posts__title a:hover {
  color: var(--primary3);
}
.trending-post-10__wrapper .trending-posts__meta ul li:first-of-type {
  color: var(--primary3);
}
@media only screen and (max-width: 991px) {
  .trending-post-10__wrapper .trending-post-9__item {
    padding: 15px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .trending-post-10__wrapper .trending-post-9__item {
    flex-wrap: nowrap;
  }
}
@media (max-width: 575px) {
  .trending-post-10__wrapper .trending-post-9__item {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 991px) {
  .trending-post-10__wrapper .trending-post-9__thumb {
    width: 100%;
    height: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .trending-post-10__wrapper .trending-post-9__thumb {
    height: 250px;
  }
}
@media (max-width: 575px) {
  .trending-post-10__wrapper .trending-post-9__thumb {
    height: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .trending-post-10__wrapper .popular-posts-9__thumb {
    height: 200px;
  }
}
@media only screen and (max-width: 991px) {
  .trending-post-10__wrapper .popular-posts-9__content {
    padding-top: 20px;
  }
}
.trending-post-10__sidebar {
  margin-left: -27px;
}
@media only screen and (max-width: 767px) {
  .trending-post-10__sidebar {
    margin-left: 0;
  }
}
.trending-post-10__sidebar .blog-sidebar__social-media li {
  width: 49%;
}
@media only screen and (max-width: 1700px) {
  .trending-post-10__sidebar .blog-sidebar__social-media li {
    width: 48%;
  }
}
@media only screen and (max-width: 991px) {
  .trending-post-10__sidebar .blog-sidebar__social-media li {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .trending-post-10__sidebar .blog-sidebar__social-media li {
    width: 48%;
  }
}
@media (max-width: 575px) {
  .trending-post-10__sidebar .blog-sidebar__social-media li {
    width: 100%;
  }
}
.trending-post-10__sidebar .blog-sidebar__social-media li a {
  width: 100%;
}
.trending-post-10__sidebar .blog-sidebar__categories ul li a:hover {
  background-color: var(--primary3);
}
.trending-post-10__thumb {
  overflow: hidden;
  border-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .trending-post-10__thumb {
    height: 400px;
  }
}
.trending-post-10__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.trending-post-10__thumb:hover img {
  transform: scale(1.1);
}

.join-us-10__btn .rr-btn-6 {
  background-color: var(--primary3);
}

.our-gallery-10__top {
  margin-bottom: 22px;
}

.popular-posts-10__top {
  margin-bottom: 30px;
}
.popular-posts-10__top .section-heading__wrap .section__border {
  max-width: 1376px;
}
.popular-posts-10__text {
  margin-right: -24px;
}
@media only screen and (max-width: 991px) {
  .popular-posts-10__text {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1599px) {
  .popular-posts-10__text .latest-updates-2__info {
    gap: 15px;
    flex-wrap: nowrap;
    padding: 18px 12px;
  }
}
@media only screen and (max-width: 1399px) {
  .popular-posts-10__text .latest-updates-2__info {
    gap: 10px;
    flex-wrap: wrap;
    padding: 15px 12px;
  }
}
@media only screen and (max-width: 1199px) {
  .popular-posts-10__text .latest-updates-2__info {
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 991px) {
  .popular-posts-10__text .latest-updates-2__info {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1399px) {
  .popular-posts-10__text .latest-updates-2__number span {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .popular-posts-10__text .latest-updates-2__number span {
    width: 55px;
    height: 55px;
    font-size: 25px;
  }
}
.popular-posts-10__image {
  margin-left: 24px;
  position: relative;
}
@media only screen and (max-width: 1700px) {
  .popular-posts-10__image {
    height: 95%;
  }
}
@media only screen and (max-width: 991px) {
  .popular-posts-10__image {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .popular-posts-10__image {
    height: 280px;
  }
}
.popular-posts-10__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.popular-posts-10__image .blog-post-10__cat span {
  top: 30px;
  right: 30px;
}
.popular-posts-10__image .featured-stories__play a i {
  color: var(--primary3);
}
.popular-posts-10__item {
  padding: 10px;
  border-radius: 8px;
  background-color: var(--white);
}
.popular-posts-10__content {
  padding: 20px;
  padding-top: 22px;
}
@media only screen and (max-width: 1700px) {
  .popular-posts-10__content {
    padding: 18px 5px;
  }
}
@media only screen and (max-width: 767px) {
  .popular-posts-10__content {
    padding: 18px 0px;
  }
}
.popular-posts-10__content .new-post-3__info {
  padding-left: 0;
}
.popular-posts-10__content .new-post-3__title {
  margin-top: 0;
  max-width: 350px;
}
@media only screen and (max-width: 1599px) {
  .popular-posts-10__content .new-post-3__title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .popular-posts-10__content .new-post-3__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.popular-posts-10__thumb {
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.popular-posts-10__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1399px) {
  .popular-posts-10__thumb img {
    height: 250px;
  }
}
.popular-posts-10__thumb .blog-post-10__cat span {
  top: 20px;
  right: 20px;
}
.popular-posts-10__thumb .featured-stories__play a i {
  color: var(--primary3);
}
@media only screen and (max-width: 1399px) {
  .popular-posts-10__wrapper .popular-posts-10__item {
    padding: 7px;
  }
}
.popular-posts-10__wrapper .popular-posts-10__content {
  padding: 15px 0;
}
@media only screen and (max-width: 1399px) {
  .popular-posts-10__wrapper .popular-posts-10__content .new-post-3__title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .popular-posts-10__wrapper .popular-posts-10__content .new-post-3__title {
    font-size: 17px;
    line-height: 27px;
  }
}

.latest-updates-10__top {
  margin-bottom: 30px;
}
.latest-updates-10__top .section-heading__wrap .section__border {
  max-width: 1337px;
}
.latest-updates-10__left {
  margin-right: -40px;
}
@media only screen and (max-width: 991px) {
  .latest-updates-10__left {
    margin-right: 0;
  }
}
.latest-updates-10__left .trending-post-9__item {
  gap: 30px;
}
@media only screen and (max-width: 1199px) {
  .latest-updates-10__left .trending-post-9__item {
    gap: 20px;
    padding: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .latest-updates-10__left .trending-post-9__item {
    flex-wrap: nowrap;
  }
}
@media (max-width: 575px) {
  .latest-updates-10__left .trending-post-9__item {
    flex-wrap: wrap;
  }
}
.latest-updates-10__left .trending-post-9__content .trending-posts__title {
  max-width: 445px;
}
.latest-updates-10__left .trending-post-9__content .trending-posts__title a:hover {
  color: var(--primary3);
}
.latest-updates-10__left .trending-post-9__content .trending-posts__meta ul li:first-of-type {
  color: var(--primary3);
}
.latest-updates-10__left .trending-post-9__content .featured-posts-2__dec {
  max-width: 430px;
}
.latest-updates-10__button .rr-btn {
  width: 100%;
  margin-top: 16px;
  background-color: var(--primary3);
}
@media only screen and (max-width: 1199px) {
  .latest-updates-10__button .rr-btn {
    margin-top: 0;
  }
}
.latest-updates-10__right {
  margin-left: 40px;
}
@media only screen and (max-width: 991px) {
  .latest-updates-10__right {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .latest-updates-10__right .blog-post-10__thumb {
    height: 290px;
  }
}
@media (max-width: 575px) {
  .latest-updates-10__right .blog-post-10__thumb {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .latest-updates-10__right .blog-post-10__content {
    left: 10px;
    right: 9px;
  }
}
.latest-updates-10__right .blog-post-10__content .trending-posts__title {
  margin-top: 8px;
  max-width: 700px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1199px) {
  .latest-updates-10__right .blog-post-10__content .trending-posts__title {
    font-size: 25px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .latest-updates-10__right .blog-post-10__content .trending-posts__title {
    font-size: 22px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .latest-updates-10__right .blog-post-10__content .trending-posts__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.latest-updates-10__right .blog-post-10__content .trending-posts__meta ul li:first-of-type {
  color: var(--primary3);
}

@media only screen and (max-width: 991px) {
  .popular-news-10__top {
    gap: 15px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1399px) {
  .popular-news-10__item {
    padding: 10px;
    border-radius: 8px;
    background-color: var(--white);
  }
}
.popular-news-10__thumb {
  position: relative;
}
.popular-news-10__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
@media only screen and (max-width: 1399px) {
  .popular-news-10__thumb img {
    height: 250px;
  }
}
.popular-news-10__thumb .blog-post-10__cat span {
  top: 20px;
  right: 20px;
}
.popular-news-10__content {
  left: 10px;
  right: 10px;
  bottom: 10px;
  padding: 30px;
  padding-top: 23px;
  position: absolute;
  border-radius: 8px;
  background-color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .popular-news-10__content {
    left: 0;
    right: 0;
    bottom: 0;
    position: inherit;
    padding: 20px 5px;
    padding-bottom: 10px;
    border-radius: 0 0 8px 8px;
  }
}
@media only screen and (max-width: 1199px) {
  .popular-news-10__content {
    padding: 20px 2px;
    padding-bottom: 10px;
  }
}
.popular-news-10__content .new-post-3__info {
  margin-left: 0;
  text-align: center;
}
@media only screen and (max-width: 1399px) {
  .popular-news-10__content .new-post-3__info {
    text-align: start;
  }
}
.popular-news-10__content .new-post-3__title {
  max-width: 520px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1399px) {
  .popular-news-10__content .new-post-3__title {
    margin: 0;
    font-size: 20px;
    text-align: start;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .popular-news-10__content .new-post-3__title {
    font-size: 18px;
  }
}
.popular-news-10__content .new-post-3__admin {
  justify-content: center;
}
@media only screen and (max-width: 1399px) {
  .popular-news-10__content .new-post-3__admin {
    justify-content: start;
  }
}
.popular-news-10__tab {
  gap: 30px;
  display: flex;
  padding: 13px 23px;
  align-items: center;
  border-radius: 500px;
  background-color: var(--white);
}
@media only screen and (max-width: 991px) {
  .popular-news-10__tab {
    gap: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .popular-news-10__tab {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.popular-news-10__tab button {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  color: var(--body_text);
  text-transform: uppercase;
  font-family: var(--font_header);
}
.popular-news-10__tab button.active, .popular-news-10__tab button:hover {
  color: var(--primary3);
}

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

/* ======================================================================
   Native Elementor header/footer (africa4u theme) helper styles
   ====================================================================== */
/* Hide the dark top bar below desktop (Elementor flex display applies >=992px). */
@media (max-width: 991.98px) {
  .af4u-hide-mobile {
    display: none !important;
  }
}

/* --- Header: replicate the template's .header__area / .main-menu look --- */
.af4u-mainbar {
  border-bottom: 1px solid var(--border);
  box-shadow: none;
}
.af4u-header-native .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item {
  font-family: var(--font_body);
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.02em;
  color: var(--secondary);
  padding: 49px 22px;
}
.af4u-header-native .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.af4u-header-native .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active {
  color: var(--primary);
}
.af4u-header-native .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu .elementor-item {
  font-size: 16px;
  font-weight: 400;
  padding: 8px 20px;
}
@media (max-width: 1199px) {
  .af4u-header-native .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item {
    padding: 49px 10px;
  }
}
@media (max-width: 991px) {
  .af4u-header-native .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item {
    padding: 12px 0;
  }
}

/* Top bar: breaking-news ticker like .header__news p */
.af4u-topbar .elementor-widget-af4u_breaking_news p {
  display: flex;
  gap: 20px;
  align-items: center;
  margin: 0;
  font-family: var(--font_body);
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: var(--white);
}
.af4u-topbar .elementor-widget-af4u_breaking_news p span {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 15.5px 18.6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  background-color: var(--primary);
}
.af4u-topbar .elementor-widget-af4u_breaking_news p a {
  color: var(--white);
}
.af4u-topbar .elementor-widget-af4u_breaking_news p a:hover {
  color: var(--primary);
}
/* Top bar: plain social links like .header__social (no circle background). */
.af4u-topbar .elementor-widget-social-icons .elementor-icon {
  background-color: transparent !important;
  border: none !important;
}
.af4u-topbar .elementor-widget-social-icons .elementor-social-icon:hover {
  color: var(--primary) !important;
}

/* --- Footer --- */
/* Newsletter icon circle (like .footer__notification .icon). */
.af4u-footer-native .af4u-footer-icon .elementor-widget-container {
  display: flex;
  width: 80px;
  height: 80px;
  align-items: center;
  justify-content: center;
  border-radius: 500px;
  background-color: var(--primary);
}
.af4u-footer-native .af4u-footer-icon img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
/* Newsletter heading / description (like .footer__notification .info). */
.af4u-footer-native .af4u-footer-notice-title .elementor-heading-title {
  margin-bottom: 20px;
  font-family: var(--font_header);
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  color: var(--white);
}
@media (max-width: 575px) {
  .af4u-footer-native .af4u-footer-notice-title .elementor-heading-title {
    font-size: 23px;
  }
}
.af4u-footer-native .af4u-footer-notice-desc {
  font-family: var(--font_header);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #A9A9AA;
}
/* Widget column titles (like .footer__title). */
.af4u-footer-native .af4u-footer-title .elementor-heading-title {
  margin-bottom: 25px;
  font-family: var(--font_header);
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: var(--white);
}
/* Copyright bar (like .copyright__wrap). */
.af4u-footer-native .af4u-copyright {
  border-top: 2px solid #333436;
}
.af4u-footer-native .af4u-copyright .elementor-text-editor,
.af4u-footer-native .af4u-copyright .elementor-icon-list-items .elementor-icon-list-text {
  font-family: var(--font_header);
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: var(--white);
}
.af4u-footer-native .af4u-copyright .elementor-icon-list-items .elementor-icon-list-item a:hover .elementor-icon-list-text {
  color: var(--primary);
}
/* Isotope grid widgets must fill their column. Once isotope absolutely
   positions the grid items the widget has no in-flow content, so inside an
   align-items:flex-start container it collapses to zero width (images vanish). */
.elementor-widget-af4u_isotope_grid {
  width: 100%;
}
/* Editor's Choice rows are full-width like the static template (isotope only
   positions items, it does not set their width). */
.editors-choice__wrap .latest-updates-2__item {
  width: 100%;
}
/* Load More button while the next batch is being fetched. */
.af4u-loading {
  opacity: 0.5;
  pointer-events: none;
}

/* --- Mobile side gutters ---
   Elementor stores --padding-left/right: 0 on every boxed container, so on
   mobile the section content (headings, grids) sat flush against the screen
   edges. Match the 15px .container gutter used by the archive templates.
   Only the outermost boxed container is padded, so nested rows do not stack
   a second gutter. The header keeps its own 10px gutter. */
@media (max-width: 767px) {
  .e-con.e-con-boxed:not(.elementor-location-header *) {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .e-con.e-con-boxed:not(.elementor-location-header *) .e-con.e-con-boxed {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* --- Native Elementor pages (About / Contact) ---
   Both pages are built from stock Elementor containers + widgets that carry
   the template's own class names. The template CSS below sets its typography
   on those class wrappers and expects a bare heading/span tag inside, while
   Elementor wraps the text in its own `.elementor-heading-title` element. The
   rules below let the template typography (including its responsive rules)
   flow into that inner element instead of Elementor's heading defaults. */
.elementor-widget-heading.section__title .elementor-heading-title,
.elementor-widget-heading.section__subtitle .elementor-heading-title,
.elementor-widget-heading.office-location__title .elementor-heading-title,
.elementor-widget-heading.office-location__location .elementor-heading-title,
.elementor-widget-heading.contact-page__address-title .elementor-heading-title,
.elementor-widget-heading.contact-page__title .elementor-heading-title {
  font: inherit;
  color: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  margin: 0;
  text-align: inherit;
}
/* The template puts the decorative marker span and the label on one flex row. */
.elementor-widget-heading.section__subtitle .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Counter widget carrying .counter-section__count: Elementor centres the number
   and lets the "%" suffix grow, the template keeps both flush left. */
.elementor-widget-counter.counter-section__count .elementor-counter-number-wrapper {
  justify-content: flex-start;
  text-align: left;
}
.elementor-widget-counter.counter-section__count .elementor-counter-number-prefix,
.elementor-widget-counter.counter-section__count .elementor-counter-number-suffix {
  flex-grow: 0;
}

/* Image widget standing in for .office-location__thumb: the theme wraps the
   image in an <a> that Elementor sets to inline-block, which stops the
   template's `img { width: 100% }` from resolving against the thumb. */
.elementor-widget-image.office-location__thumb a {
  display: block;
}

/* --- Article tag row, share row and comment form ---
   Tag terms are links now (the template rendered them as plain text) and the
   share row carries the real per-article networks, so it may wrap. */
.blog-details__tag ul li a {
  color: var(--body_text);
  transition: all 0.3s ease-in-out;
}
.blog-details__tag ul li a:hover {
  color: var(--primary);
}
.blog-details__share ul {
  flex-wrap: wrap;
  row-gap: 12px;
}
/* Comment form: the reply heading is empty (the template prints its own). */
.blog-details__comment-form #reply-title {
  display: none;
}
.blog-details__comment-none,
.blog-details__comment-closed {
  font-size: 16px;
  line-height: 26px;
  color: var(--body_text);
}
/* Anti-spam honeypot: off-screen for people, still parsed by form bots. */
.af4u-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/* WP's visitor-cookie consent checkbox, which the template did not include. */
.blog-details__form .comment-form-cookies-consent {
  gap: 8px;
  display: flex;
  margin: 0 0 17px;
  font-size: 14px;
  line-height: 1.45;
  align-items: flex-start;
  color: var(--body_text);
}
.blog-details__form .comment-form-cookies-consent input {
  margin-top: 3px;
}

/* --- Carousel thumbnails: images must fill their boxes ---
   Elementor's global sheet ends with `.elementor img { height: auto }`, which
   ties on specificity with the template's own `.featured-news__thumb img` and
   `.new-posts__thumb img` rules but loads later, so it won. The Featured News
   thumb rendered its image at its natural height inside the box (the rest of
   the box stayed empty) and the Blog Post carousel took its shape from the
   image instead of its 3:2 box. Re-stating the fill with a descendant in the
   selector wins the cascade without !important. */
.featured-news__item .featured-news__thumb img,
.blog-post__slide .new-posts__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* For the home page's H1: the magazine layout has no visible title, so the
   page's one heading is present for search engines and screen readers only. */
.af4u-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

/* --- Newsletter form result ---
   main.js writes the message from the AJAX response (or from the `af4u_nl`
   parameter the no-JS admin-post handler redirects back with). The slot has no
   height and the note is absolutely positioned inside it, so the message
   cannot reflow the footer — the subscribe column is vertically centred, so
   anything added in flow would push the form up. The note is a sibling of
   .footer__subscribe, never a child: .footer__btn is absolutely positioned at
   50% of that box and extra content in there would pull the button off the
   input. Alignment therefore mirrors .footer__subscribe's own rules. */
.af4u-nl-slot {
  display: block;
  height: 0;
  position: relative;
}
.af4u-nl-note {
  top: 12px;
  right: 0;
  width: 100%;
  max-width: 520px;
  margin: 0;
  font-size: 15px;
  line-height: 24px;
  position: absolute;
  text-align: end;
  color: var(--white);
}
.af4u-nl-note.af4u-nl-invalid,
.af4u-nl-note.af4u-nl-blocked {
  color: #ff8a8a;
}
@media only screen and (max-width: 991px) {
  .af4u-nl-note {
    text-align: start;
  }
}
.footer__subscribe button[disabled] {
  opacity: 0.7;
  cursor: default;
}