@charset "UTF-8";

/****************************

==============================

   Index

==============================



1.       Variable

2.       Mixins

3.       Animation

4.       Base

5.       Utility



6.       Header

7.       Banner

8.       About

9.       Team

10.      Post

11.      Single-post

10.      Category

10.      Top-games

10.      Slidebar

10.      Ad-banner

10.      Video-gallery

10.      Subscribe

10.      Contact

10.      Map

10.      404

10.      Shop

10.      Footer





******************************/

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Spartan:wght@300;400;500;600;700;800&display=swap");

:root {

  --font-body: "Roboto", sans-serif;

  --font-title: "Spartan", sans-serif;

  --font-awesome: "Font Awesome 5 Free";

  --color-primary: #2962ff;

  --color-primary-rgb: 41, 98, 255;

  --color-white: #fff;

  --color-white-rgb: 255, 255, 255;

  --color-black: #000;

  --color-black-rgb: 0, 0, 0;

  --color-border: #e5e5e5;

  --color-border-rgb: 229, 229, 229;

  --color-cat-normal: #7a7e83;

  --color-cat-normal-rgb: 122, 126, 131;

  --color-meta-normal: #85888b;/*#a5a6aa;*/

  --color-meta-normal-rgb: 165, 166, 170;

  --color-gray: #f7f7f7;

  --color-gray-rgb: 247, 247, 247;

  --color-body: #6c6f72;

  --color-body-rgb: 108, 111, 114;

  --color-body-bg: #fff;

  --border-radius-xs: 4px;

  --border-radius-sm: 6px;

  --border-radius-md: 10px;

  --border-radius-lg: 15px;

  --border-radius-xl: 20px;

  --color-fb: #1559c2;

  --color-tw: #1ea9e9;

  --color-in: #3f729b;

  --color-vm: #2cc0eb;

  --color-pn: #3b5998;

  --color-wh: #43ce13;

  --color-dr: #f65e97;

  --color-dw: #ff6b10;

  --color-yu: #ed1d25;

}



:root[data-theme=dark] {

  --color-white: #000;

  --color-white-rgb: 0, 0, 0;

  --color-black: #fff;

  --color-black-rgb: 255, 255, 255;

  --color-body: #d7d7d7;

  --color-body-rgb: 215, 215, 215;

  --color-body-bg: #101213;

  --color-border: #222121;

  --color-dark-bg_2: #171818;

}



/* pulseShadow */

@-webkit-keyframes pulseShadowlgprimary {

  0% {

    -webkit-box-shadow: 0 0 0 0 rgba(41, 98, 255, 0.7);

  }

  70% {

    -webkit-box-shadow: 0 0 0 20px rgba(41, 98, 255, 0);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(41, 98, 255, 0);

  }

}

@keyframes pulseShadowlgprimary {

  0% {

    -webkit-box-shadow: 0 0 0 0 rgba(41, 98, 255, 0.7);

            box-shadow: 0 0 0 0 rgba(41, 98, 255, 0.7);

  }

  70% {

    -webkit-box-shadow: 0 0 0 20px rgba(41, 98, 255, 0);

            box-shadow: 0 0 0 20px rgba(41, 98, 255, 0);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(41, 98, 255, 0);

            box-shadow: 0 0 0 0 rgba(41, 98, 255, 0);

  }

}

@-webkit-keyframes pulseShadowsmwhite {

  0% {

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);

  }

  70% {

    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

  }

}

@keyframes pulseShadowsmwhite {

  0% {

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);

            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);

  }

  70% {

    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);

            box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

  }

}

@-webkit-keyframes pulseShadowxlwhite {

  0% {

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);

  }

  70% {

    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

  }

}

@keyframes pulseShadowxlwhite {

  0% {

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);

            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);

  }

  70% {

    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);

            box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

  }

}

@-webkit-keyframes pulseShadowlgwhite {

  0% {

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);

  }

  70% {

    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

  }

}

@keyframes pulseShadowlgwhite {

  0% {

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);

            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);

  }

  70% {

    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);

            box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

  }

}

@-webkit-keyframes pulseShadowsmgray {

  0% {

    -webkit-box-shadow: 0 0 0 0 rgba(172, 172, 172, 0.7);

  }

  70% {

    -webkit-box-shadow: 0 0 0 10px rgba(172, 172, 172, 0);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(172, 172, 172, 0);

  }

}

@keyframes pulseShadowsmgray {

  0% {

    -webkit-box-shadow: 0 0 0 0 rgba(172, 172, 172, 0.7);

            box-shadow: 0 0 0 0 rgba(172, 172, 172, 0.7);

  }

  70% {

    -webkit-box-shadow: 0 0 0 10px rgba(172, 172, 172, 0);

            box-shadow: 0 0 0 10px rgba(172, 172, 172, 0);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(172, 172, 172, 0);

            box-shadow: 0 0 0 0 rgba(172, 172, 172, 0);

  }

}

/* pulseScale */

@-webkit-keyframes pulseScale {

  0% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}

@keyframes pulseScale {

  0% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}

/*read more button animation*/

@-webkit-keyframes qode-button-cap-out {

  0%, 50% {

    -webkit-transform: translateX(-35px) scaleX(-1);

    transform: translateX(-35px) scaleX(-1);

  }

  100%, 51% {

    -webkit-transform: translateX(-13px) scaleX(1);

    transform: translateX(-13px) scaleX(1);

  }

}

@keyframes qode-button-cap-out {

  0%, 50% {

    -webkit-transform: translateX(-35px) scaleX(-1);

    transform: translateX(-35px) scaleX(-1);

  }

  100%, 51% {

    -webkit-transform: translateX(-13px) scaleX(1);

    transform: translateX(-13px) scaleX(1);

  }

}

@-webkit-keyframes qode-button-cap-fake-out {

  0% {

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

  }

  49%, 51% {

    -webkit-clip-path: inset(50% 0 50% 0);

    clip-path: inset(50% 0 50% 0);

  }

  100% {

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

  }

}

@keyframes qode-button-cap-fake-out {

  0% {

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

  }

  49%, 51% {

    -webkit-clip-path: inset(50% 0 50% 0);

    clip-path: inset(50% 0 50% 0);

  }

  100% {

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

  }

}

@-webkit-keyframes qode-button-cap {

  0% {

    -webkit-transform: translateX(-13px) scaleX(1);

    transform: translateX(-13px) scaleX(1);

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

  }

  54% {

    -webkit-transform: translateX(-1px) scaleX(1);

    transform: translateX(-1px) scaleX(1);

    -webkit-clip-path: inset(50% 0 50% 0);

    clip-path: inset(50% 0 50% 0);

  }

  55% {

    -webkit-transform: translateX(-20px) scaleX(-1);

    transform: translateX(-20px) scaleX(-1);

    -webkit-clip-path: inset(50% 0 50% 0);

    clip-path: inset(50% 0 50% 0);

  }

  100% {

    -webkit-transform: translateX(-35px) scaleX(-1);

    transform: translateX(-35px) scaleX(-1);

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

  }

}

@keyframes qode-button-cap {

  0% {

    -webkit-transform: translateX(-13px) scaleX(1);

    transform: translateX(-13px) scaleX(1);

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

  }

  54% {

    -webkit-transform: translateX(-1px) scaleX(1);

    transform: translateX(-1px) scaleX(1);

    -webkit-clip-path: inset(50% 0 50% 0);

    clip-path: inset(50% 0 50% 0);

  }

  55% {

    -webkit-transform: translateX(-20px) scaleX(-1);

    transform: translateX(-20px) scaleX(-1);

    -webkit-clip-path: inset(50% 0 50% 0);

    clip-path: inset(50% 0 50% 0);

  }

  100% {

    -webkit-transform: translateX(-35px) scaleX(-1);

    transform: translateX(-35px) scaleX(-1);

    -webkit-clip-path: inset(0 0 0 0);

    clip-path: inset(0 0 0 0);

  }

}

@-webkit-keyframes qode-button-line {

  0%, 100% {

    -webkit-transform: translateX(-13px) scaleX(1);

    transform: translateX(-13px) scaleX(1);

  }

  10% {

    -webkit-transform: translateX(-13px) scaleX(1);

    transform: translateX(-13px) scaleX(1);

  }

  46%, 55% {

    -webkit-transform: translateX(0) scaleX(0.5);

    transform: translateX(0) scaleX(0.5);

  }

  99% {

    -webkit-transform: translateX(-13px) scaleX(0.6);

    transform: translateX(-13px) scaleX(0.6);

  }

}

@keyframes qode-button-line {

  0%, 100% {

    -webkit-transform: translateX(-13px) scaleX(1);

    transform: translateX(-13px) scaleX(1);

  }

  10% {

    -webkit-transform: translateX(-13px) scaleX(1);

    transform: translateX(-13px) scaleX(1);

  }

  46%, 55% {

    -webkit-transform: translateX(0) scaleX(0.5);

    transform: translateX(0) scaleX(0.5);

  }

  99% {

    -webkit-transform: translateX(-13px) scaleX(0.6);

    transform: translateX(-13px) scaleX(0.6);

  }

}

@-webkit-keyframes toBottomFromTop {

  49% {

    -webkit-transform: translateY(-100%);

            transform: translateY(-100%);

  }

  50% {

    opacity: 0;

    -webkit-transform: translateY(100%);

            transform: translateY(100%);

  }

  51% {

    opacity: 1;

  }

}

@keyframes toBottomFromTop {

  49% {

    -webkit-transform: translateY(-100%);

            transform: translateY(-100%);

  }

  50% {

    opacity: 0;

    -webkit-transform: translateY(100%);

            transform: translateY(100%);

  }

  51% {

    opacity: 1;

  }

}

@-webkit-keyframes toTopFromBottom {

  49% {

    -webkit-transform: translateY(100%);

            transform: translateY(100%);

  }

  50% {

    opacity: 0;

    -webkit-transform: translateY(-100%);

            transform: translateY(-100%);

  }

  51% {

    opacity: 1;

  }

}

@keyframes toTopFromBottom {

  49% {

    -webkit-transform: translateY(100%);

            transform: translateY(100%);

  }

  50% {

    opacity: 0;

    -webkit-transform: translateY(-100%);

            transform: translateY(-100%);

  }

  51% {

    opacity: 1;

  }

}

@-webkit-keyframes toLeftFromRight {

  49% {

    -webkit-transform: translateX(-100%);

            transform: translateX(-100%);

  }

  50% {

    opacity: 0;

    -webkit-transform: translateX(100%);

            transform: translateX(100%);

  }

  51% {

    opacity: 1;

  }

}

@keyframes toLeftFromRight {

  49% {

    -webkit-transform: translateX(-100%);

            transform: translateX(-100%);

  }

  50% {

    opacity: 0;

    -webkit-transform: translateX(100%);

            transform: translateX(100%);

  }

  51% {

    opacity: 1;

  }

}

@-webkit-keyframes toRightFromLeft {

  49% {

    -webkit-transform: translateX(100%);

            transform: translateX(100%);

  }

  50% {

    opacity: 0;

    -webkit-transform: translateX(-100%);

            transform: translateX(-100%);

  }

  51% {

    opacity: 1;

  }

}

@keyframes toRightFromLeft {

  49% {

    -webkit-transform: translateX(100%);

            transform: translateX(100%);

  }

  50% {

    opacity: 0;

    -webkit-transform: translateX(-100%);

            transform: translateX(-100%);

  }

  51% {

    opacity: 1;

  }

}

/*Import Fonts */

/* ===========================

// Typography

==============================*/

* {

  margin: 0;

  padding: 0;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



body {

  margin: 0;

  padding: 0;

  font-family: var(--font-body);

  font-size: 1rem;

  line-height: 1.5;

  color: var(--color-body);

  background-color: var(--color-body-bg);

}



main {

  position: relative;

  background-color: var(--color-white);

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  z-index: 2;

}

.center-container {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.btn-1 {
  display: inline-block;
  text-align: center;
  position: relative;
}
.YTSUB:link, .YTSUB:visited {
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 100px;
  padding: 10px 40px;
  
}

.YTSUB-blue {
  background-color: #ff1616;
  color: #fff;
}

.YTSUB:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  color: #fff;
}

.YTSUB:active {
  transform: translateY(-1px);
}

.YTSUB::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 100px;
  z-index: -1;
  
}

.YTSUB-blue::after {
  background-color: #ff1616;
}

.YTSUB:hover::after {
  transform: scale(1.4, 1.6);
  opacity: 0;
}

/*==== heading fonts setup ====*/

h1,

h2,

h3,

h4,

h5,

h6 {

  color: var(--color-black);

  font-family: var(--font-title);

  line-height: 1.4;

  font-weight: 700;

}



h1 {

  font-size: 2.281rem;

  line-height: 1.333;

}

@media (max-width: 767px) {

  h1 {

    font-size: 2rem;

  }

}



h2 {

  font-size: 1.802rem;

}



h3 {

  font-size: 1.424rem;

}



h4 {

  font-size: 1.266rem;

}



h5 {

  font-size: 1.125rem;

}



h6 {

  font-size: 1rem;

}



/*==== margin & paddings ====*/

.mt--5 {

  margin-top: 5px !important;

}



.pt--5 {

  padding-top: 5px !important;

}



.mb--5 {

  margin-bottom: 5px !important;

}



.pb--5 {

  padding-bottom: 5px !important;

}



.mt--10 {

  margin-top: 10px !important;

}



.pt--10 {

  padding-top: 10px !important;

}



.mb--10 {

  margin-bottom: 10px !important;

}



.pb--10 {

  padding-bottom: 10px !important;

}



.mt--15 {

  margin-top: 15px !important;

}



.pt--15 {

  padding-top: 15px !important;

}



.mb--15 {

  margin-bottom: 15px !important;

}



.pb--15 {

  padding-bottom: 15px !important;

}



.mt--20 {

  margin-top: 20px !important;

}



.pt--20 {

  padding-top: 20px !important;

}



.mb--20 {

  margin-bottom: 20px !important;

}



.pb--20 {

  padding-bottom: 20px !important;

}



.mt--25 {

  margin-top: 25px !important;

}



.pt--25 {

  padding-top: 25px !important;

}



.mb--25 {

  margin-bottom: 25px !important;

}



.pb--25 {

  padding-bottom: 25px !important;

}



.mt--30 {

  margin-top: 30px !important;

}



.pt--30 {

  padding-top: 30px !important;

}



.mb--30 {

  margin-bottom: 30px !important;

}



.pb--30 {

  padding-bottom: 30px !important;

}



.mt--35 {

  margin-top: 35px !important;

}



.pt--35 {

  padding-top: 35px !important;

}



.mb--35 {

  margin-bottom: 35px !important;

}



.pb--35 {

  padding-bottom: 35px !important;

}



.mt--40 {

  margin-top: 40px !important;

}



.pt--40 {

  padding-top: 40px !important;

}



.mb--40 {

  margin-bottom: 40px !important;

}



.pb--40 {

  padding-bottom: 40px !important;

}



.mt--45 {

  margin-top: 45px !important;

}



.pt--45 {

  padding-top: 45px !important;

}



.mb--45 {

  margin-bottom: 45px !important;

}



.pb--45 {

  padding-bottom: 45px !important;

}



.mt--50 {

  margin-top: 50px !important;

}



.pt--50 {

  padding-top: 50px !important;

}



.mb--50 {

  margin-bottom: 50px !important;

}



.pb--50 {

  padding-bottom: 50px !important;

}



.mt--60 {

  margin-top: 60px !important;

}



.pt--60 {

  padding-top: 60px !important;

}



.mb--60 {

  margin-bottom: 60px !important;

}



.pb--60 {

  padding-bottom: 60px !important;

}



.mb--24 {

  margin-bottom: 24px !important;

}



/*==== gutter ====*/

.gutter-10 {

  margin-top: -5px !important;

  margin-bottom: -5px !important;

}

.gutter-10 > li,

.gutter-10 > div {

  padding-top: 5px !important;

  padding-bottom: 5px !important;

}



.gutter-20 {

  margin-top: -10px !important;

  margin-bottom: -10px !important;

}

.gutter-20 > li,

.gutter-20 > div {

  padding-top: 10px !important;

  padding-bottom: 10px !important;

}



.gutter-30 {

  margin-top: -15px !important;

  margin-bottom: -15px !important;

}

.gutter-30 > li,

.gutter-30 > div {

  padding-top: 15px !important;

  padding-bottom: 15px !important;

}



.gutter-40 {

  margin-top: -20px !important;

  margin-bottom: -20px !important;

}

.gutter-40 > li,

.gutter-40 > div {

  padding-top: 20px !important;

  padding-bottom: 20px !important;

}



.gutter-50 {

  margin-top: -25px !important;

  margin-bottom: -25px !important;

}

.gutter-50 > li,

.gutter-50 > div {

  padding-top: 25px !important;

  padding-bottom: 25px !important;

}



.gutter-60 {

  margin-top: -30px !important;

  margin-bottom: -30px !important;

}

.gutter-60 > li,

.gutter-60 > div {

  padding-top: 30px !important;

  padding-bottom: 30px !important;

}



.gutter-70 {

  margin-top: -35px !important;

  margin-bottom: -35px !important;

}

.gutter-70 > li,

.gutter-70 > div {

  padding-top: 35px !important;

  padding-bottom: 35px !important;

}



.gutter-24 {

  margin-top: -12px !important;

  margin-bottom: -12px !important;

}



.gutter-24 > li,

.gutter-24 > div {

  padding-top: 12px !important;

  padding-bottom: 12px !important;

}



.gutter-15 {

  margin-top: -7.5px !important;

  margin-bottom: -7.5px !important;

}



.gutter-15 > li,

.gutter-15 > div {

  padding-top: 7.5px !important;

  padding-bottom: 7.5px !important;

}



.gutter-10 {

  margin: -5px !important;

}



.gutter-10 > li,

.gutter-10 > div {

  padding: 5px !important;

}



.rt-gutter-5 {

  margin: -2.5px !important;

}



.rt-gutter-5 > li,

.rt-gutter-5 > div {

  padding: 2.5px !important;

}



.rt-gutter-10 {

  margin-left: -5px !important;

  margin-right: -5px !important;

}



.rt-gutter-10 > li,

.rt-gutter-10 > div {

  padding-left: 5px !important;

  padding-right: 5px !important;

}



/*==== text color & bg color ====*/

.text--primary {

  color: #2962ff !important;

}



.bg--primary {

  background-color: #2962ff !important;

}



.text--white {

  color: #fff !important;

}



.bg--white {

  background-color: #fff !important;

}



.text--black {

  color: #000 !important;

}



.bg--black {

  background-color: #000 !important;

}



.text--gray {

  color: #f7f7f7 !important;

}



.bg--gray {

  background-color: #f7f7f7 !important;

}



/*============================ 

// Global styles

=============================*/

html {

  overflow-x: hidden !important;

  width: 100%;

  height: 100%;

  text-rendering: optimizeLegibility;

  scroll-behavior: smooth;

}



ul,

li {

  padding: 0;

  margin: 0;

  list-style: none;

}



a:link,

a:visited,

a:focus {

  text-decoration: none;

  outline: 0;

}



a {

  color: var(--color-primary);

  display: inline-block;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

a:hover {

  text-decoration: none;

  color: var(--color-primary);

}



img {

  max-width: 100%;

  height: auto;

}



input,

textarea,

select,

:focus {

  outline: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}



.no-padding {

  padding-left: 0 !important;

  padding-right: 0 !important;

}



.no-padding-left {

  padding-left: 0 !important;

}



.no-padding-right {

  padding-right: 0 !important;

}



.section-padding {

  padding-top: 30px;

  padding-bottom: 30px;

}

@media (max-width: 767px) {

  .section-padding {

    padding-top: 20px;

    padding-bottom: 60px;

  }

}



.section-padding-2 {

  padding-top: 50px;

  /*padding-bottom: 50px;*/

}

@media (max-width: 991px) {

  .section-padding-2 {

    padding: 30px 0;

  }

}



.inline-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



section,

.section {

  position: relative;

}



@media (min-width: 1200px) {

  .container,

.container-lg,

.container-md,

.container-sm,

.container-xl {

    max-width: 1320px;

  }

}

/*==================================

//  flaticon

==================================*/

[class^=flaticon-]:before,

[class*=" flaticon-"]:before,

[class^=flaticon-]:after,

[class*=" flaticon-"]:after {

  margin-left: 0;

}



/*======================

// back-to-top

========================*/

#back-to-top {

  font-size: 1rem;

  color: var(--color-white);

  background: var(--color-primary);

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 5px;

  position: fixed;

  right: 30px;

  bottom: 30px;

  z-index: 99;

  display: none;

  cursor: pointer;

  overflow: hidden;

}

#back-to-top:hover {

  color: var(--color-white);

  background: #0034c2;

}

#back-to-top:hover i {

  -webkit-animation: toBottomFromTop 0.5s forwards;

          animation: toBottomFromTop 0.5s forwards;

}

[data-theme=dark] #back-to-top {

  --color-white: #fff;

}



@keyframes toBottomFromTop {

  49% {

    -webkit-transform: translateY(-100%);

            transform: translateY(-100%);

  }

  50% {

    opacity: 0;

    -webkit-transform: translateY(100%);

            transform: translateY(100%);

  }

  51% {

    opacity: 1;

  }

}

/*===================================

// section-heading

==================================*/

.rt-section-heading {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  /*margin-bottom: 40px;*/

  margin-top: -3px;

  gap: 16px;

  /*font-size: 1.802rem;*/

  font-size:1.424rem;

}

.rt-section-heading.style-2 {

  font-size: 1.0625rem;

  text-transform: uppercase;

  margin-top: 0px;

}

.rt-section-heading.style-3 {

  font-size: 1.625rem;

  text-transform: uppercase;

  margin-top: 0px;

}

.rt-section-heading.white-style .rt-section-text {

  color: var(--color-white);

}

.rt-section-heading.white-style .rt-section-line {

  border-color: #595959;

}

[data-theme=dark] .rt-section-heading.white-style {

  --color-white: #fff;

}

[data-theme=dark] .rt-section-heading.white-style .rt-section-line {

  border-color: var(--color-border);

}

.rt-section-heading .rt-section-dot {

  width: 9px;

  height: 9px;

  border-radius: 50%;

  background-color: var(--color-primary);

  display: inline-block;

}

.rt-section-heading .rt-section-line {

  border: 1px solid var(--color-border);

  border-width: 1px 0;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  height: 4px;

}



/*rt-section-heading-style-2*/

.rt-section-heading-style-2 {

  margin-bottom: 34px;

}

.rt-section-heading-style-2 .sub-title {

  font-size: 0.875rem;

  color: #646464;

  text-transform: uppercase;

  position: relative;

  padding-left: 18px;

  font-weight: 500;

  display: block;

  margin-bottom: 20px;

}

.rt-section-heading-style-2 .sub-title::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background-color: var(--color-primary);

}

.rt-section-heading-style-2 .heading-tilte {

  margin-bottom: 15px;

  font-size: 1.424rem;/*1.802rem;*/

}

.rt-section-heading-style-2 p {

  margin-bottom: 10px;

}

.rt-section-heading-style-2 p:last-of-type {

  margin-bottom: 0;

}

.rt-section-heading-style-2 > .btn-wrap {

  margin-top: 32px;

}

[data-theme=dark] .rt-section-heading-style-2 > .btn-wrap .rt-read-more-primary_2 {

  border-color: transparent;

}

[data-theme=dark] .rt-section-heading-style-2 > .btn-wrap .rt-read-more-primary_2:hover {

  border-color: transparent;

}



/*=============================

// Utility Class

=============================*/

.image-link {

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: 1;

}



.img-link {

  width: 100%;

  height: 100%;

}



.fs-12 {

  font-size: 12px !important;

}



.after-before, .insta-gallery .galleryitem > a::before, .footer.footer-style-3::after, .content-single-wrapper .product-img-view ul.tab-nav-list li a::before, .shop-box-style-1 .figure-box:before, .ft-video-section-style-1 .ft-video-bg::after, .video-slide::after, .video-box-style-1 .item-img::after, .rt-categories a::after, .rt-cart-item .item-img::after, .about-video-wrap-style-1 .item-img::after, .banner.banner-style-7::before, .banner.banner-style-7::after, .banner.author-banner::after, .banner.banner-style-3::after, .banner.banner-style-2::after, .header-main-style-7 .humburger-area::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}



.border-with-spacer-1 {

  border: 1px solid var(--color-border);

  margin-bottom: 35px;

}



.rt-gradient-overaly {

  position: relative;

  z-index: 1;

}

.rt-gradient-overaly::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(59%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.8)));

  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 59%, rgba(0, 0, 0, 0.8) 100%);

  z-index: -1;

}



.rt-post-cat-normal {

  font-size: 0.75rem;

  text-transform: uppercase;

  letter-spacing: 0.05rem;

  font-weight: 500;

  color: var(--color-cat-normal);

  display: inline-block;

  margin-bottom: 10px;

}



.rt-date {

  font-size: 0.75rem;

  color: #8f8f8f;

  font-weight: 500;

  display: inline-block;

}

.post-xl .rt-date {

  color: #d0d0d0;

}

.post-thumb .rt-date {

  color: var(--color-white);

}

.rt-date .icon {

  margin-right: 2px;

}

[data-theme=dark] .rt-date {

  --color-white: #fff;

}



.rt-cat, .ft-workout, .ft-bodybuilding, .ft-yoga, .ft-fit, .ft-gym, .tr-bangladesh, .tr-canada, .tr-africa, .tr-america, .tr-asia, .tr-europe, .basketball, .sports, .swimming,

.animations,

.music, .politics, .cycling,

.fighter, .animal, .racing,

.travel, .mission,

.technology,

.football, .action,

.food,

.world,

.ragbi, .fashion-black, .fashion,

.life-style,

.tennis, .rt-cat-primary {

  font-size: 0.75rem;

  color: var(--color-white);

  font-weight: 500;

  padding: 0 8px;

  line-height: 2;

  letter-spacing: 0.05rem;

  text-transform: uppercase;

  height: 24px;

  display: inline-block;

  margin-bottom: 20px;

}

.rt-cat:hover, .ft-workout:hover, .ft-bodybuilding:hover, .ft-yoga:hover, .ft-fit:hover, .ft-gym:hover, .tr-bangladesh:hover, .tr-canada:hover, .tr-africa:hover, .tr-america:hover, .tr-asia:hover, .tr-europe:hover, .basketball:hover, .sports:hover, .swimming:hover,

.animations:hover,

.music:hover, .politics:hover, .cycling:hover,

.fighter:hover, .animal:hover, .racing:hover,

.travel:hover, .mission:hover,

.technology:hover,

.football:hover, .action:hover,

.food:hover,

.world:hover,

.ragbi:hover, .fashion-black:hover, .fashion:hover,

.life-style:hover,

.tennis:hover, .rt-cat-primary:hover {

  color: var(--color-white);

}

[data-theme=dark] .rt-cat, [data-theme=dark] .ft-workout, [data-theme=dark] .ft-bodybuilding, [data-theme=dark] .ft-yoga, [data-theme=dark] .ft-fit, [data-theme=dark] .ft-gym, [data-theme=dark] .tr-bangladesh, [data-theme=dark] .tr-canada, [data-theme=dark] .tr-africa, [data-theme=dark] .tr-america, [data-theme=dark] .tr-asia, [data-theme=dark] .tr-europe, [data-theme=dark] .basketball, [data-theme=dark] .sports, [data-theme=dark] .swimming,

[data-theme=dark] .animations,

[data-theme=dark] .music, [data-theme=dark] .politics, [data-theme=dark] .cycling,

[data-theme=dark] .fighter, [data-theme=dark] .animal, [data-theme=dark] .racing,

[data-theme=dark] .travel, [data-theme=dark] .mission,

[data-theme=dark] .technology,

[data-theme=dark] .football, [data-theme=dark] .action,

[data-theme=dark] .food,

[data-theme=dark] .world,

[data-theme=dark] .ragbi, [data-theme=dark] .fashion-black, [data-theme=dark] .fashion,

[data-theme=dark] .life-style,

[data-theme=dark] .tennis, [data-theme=dark] .rt-cat-primary {

  --color-white: #fff;

}



.rt-cat-primary {

  background-color: var(--color-primary);

}



.fashion,

.life-style,

.tennis {

  background-color: #ff3385;

}



.fashion-black {

  background-color: var(--color-black);

}

[data-theme=dark] .fashion-black {

  color: #fff;

  background-color: var(--color-primary);

}



.action,

.food,

.world,

.ragbi {

  background-color: #dd071a;

}



.mission,

.technology,

.football {

  background-color: #0073ff;

}



.racing,

.travel {

  background-color: #ff3d00;

}



.animal {

  background-color: #678c9d;

}



.cycling,

.fighter {

  background-color: #15c215;

}



.politics {

  background-color: #5c6bc0;

}



.swimming,

.animations,

.music {

  background-color: #1bddd4;

}



.sports {

  background-color: #00a651;

}



.basketball {

  background-color: #7747ff;

}



.tr-europe {

  background-color: #ffae25;

}



.tr-asia {

  background-color: #7747ff;

}



.tr-america {

  background-color: #ff3385;

}



.tr-africa {

  background-color: #3da5b4;

}



.tr-canada {

  background-color: #558811;

}



.tr-bangladesh {

  background-color: #0173ff;

}



.ft-gym {

  background-color: #ffae25;

}



.ft-fit {

  background-color: #0073ff;

}



.ft-yoga {

  background-color: #ff3385;

}



.ft-bodybuilding {

  background-color: #3da5b4;

}



.ft-workout {

  background-color: #3bd802;

}



.discrount-badge {

  font-size: 0.75rem;

  color: #fff;

  background-color: var(--color-primary);

  display: inline-block;

  border-radius: 4px;

  border-radius: 3px;

  padding: 2px 8px;

  font-weight: 600;

}



.anim-overflow {

  display: block;

  -webkit-transform: translateY(100%);

          transform: translateY(100%);

  -webkit-transition: all ease 1s;

  transition: all ease 1s;

}



.slider-navigation .slider-btn {

  position: relative;

  z-index: 1;

  font-size: 1.0625rem;

  color: var(--color-primary);

  width: 45px;

  height: 45px;

  border-radius: 50%;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  border: 1px solid var(--color-border);

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.slider-navigation .slider-btn::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  z-index: -1;

  background: -webkit-gradient(linear, left top, left bottom, from(#7fb7fa), to(#2962ff));

  background: linear-gradient(180deg, #7fb7fa 0%, #2962ff 100%);

  -webkit-transform: scale(0.4);

          transform: scale(0.4);

  visibility: hidden;

  opacity: 0;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.slider-navigation .slider-btn:hover {

  color: var(--color-white);

  border-color: transparent;

}

.slider-navigation .slider-btn:hover::after {

  visibility: visible;

  opacity: 1;

  -webkit-transform: scale(1);

          transform: scale(1);

}

.slider-navigation .slider-btn:focus {

  outline: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.slider-navigation .slider-btn.btn-next {

  margin-left: 3px;

}

[data-theme=dark] .slider-navigation .slider-btn {

  background-color: var(--color-white);

}

[data-theme=dark] .slider-navigation .slider-btn:hover {

  border-color: transparent;

}

.slider-navigation.style-2 .slider-btn {

  font-size: 0.9375rem;

  width: 36px;

  height: 36px;

  border-radius: 4px;

}

.slider-navigation.style-2 .slider-btn::after {

  border-radius: 4px;

}

.slider-navigation.style-2 .slider-btn.btn-next {

  margin-left: -3px;

}

.slider-navigation.style-2 .slider-btn:hover {

  -webkit-box-shadow: 0px 10px 18px 0px rgba(50, 112, 252, 0.27);

          box-shadow: 0px 10px 18px 0px rgba(50, 112, 252, 0.27);

}

[data-theme=dark] .slider-navigation {

  --color-white: #fff;

}



.swiper-pagination .swiper-pagination-bullet {

  width: 8px;

  height: 8px;

  background: #bfa99a;

  opacity: 1;

}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background-color: var(--color-white);

}

[data-theme=dark] .swiper-pagination {

  --color-white: #fff;

  --color-black: #000;

}



/*gap*/

.gap-top-90 {

  margin-top: 90px;

}

@media (max-width: 991px) {

  .gap-top-90 {

    margin-top: 50px;

  }

}



.gap-top-70 {

  margin-top: 70px;

}

@media (max-width: 991px) {

  .gap-top-70 {

    margin-top: 30px;

  }

}



/*button*/

.rt-btn-primary {

  font-size: 0.875rem;

  color: var(--color-white);

  background-color: var(--color-primary);

  font-weight: 700;

  border-radius: 4px;

  border: 1px solid transparent;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  text-transform: uppercase;

  height: 50px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  padding: 10px 30px;

}

.rt-btn-primary:hover {

  color: var(--color-white);

  background-color: #0034c2;

}

.rt-btn-primary:focus {

  outline: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}

[data-theme=dark] .rt-btn-primary {

  --color-white: #fff;

  --color-black: #000;

}



.rt-eye-btn-gray {

  font-size: 1.25rem;

  color: #000;

  background-color: #f0f0f0;

  border: 1px solid transparent;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  text-transform: uppercase;

  width: 50px;

  height: 50px;

  border-radius: 4px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  padding: 5px;

}

.rt-eye-btn-gray:hover {

  color: #000;

  background-color: #d7d7d7;

}

.rt-eye-btn-gray:focus {

  outline: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}



/*read more button*/

.rt-read-more, .rt-read-more-white, .rt-read-more-primary_2, .rt-read-more-primary {

  padding: 5px 18px 5px 25px;

  font-size: 0.75rem;

  font-weight: 700;

  height: 44px;

  background: transparent;

  color: #646464;

  text-transform: uppercase;

  border: 1px solid var(--color-border);

  border-radius: 3px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  letter-spacing: 0.05rem;

}

.rt-read-more:hover, .rt-read-more-white:hover, .rt-read-more-primary_2:hover, .rt-read-more-primary:hover {

  background-color: var(--color-primary);

  color: var(--color-white);

  border-color: transparent;

}

[data-theme=dark] .rt-read-more, [data-theme=dark] .rt-read-more-white, [data-theme=dark] .rt-read-more-primary_2, [data-theme=dark] .rt-read-more-primary {

  color: var(--color-black);

  border-color: var(--color-black);

}

[data-theme=dark] .rt-read-more:hover, [data-theme=dark] .rt-read-more-white:hover, [data-theme=dark] .rt-read-more-primary_2:hover, [data-theme=dark] .rt-read-more-primary:hover {

  color: var(--color-black);

  border-color: transparent;

}



.rt-read-more-primary {

  background-color: var(--color-primary);

  color: var(--color-white);

  border-color: transparent;

  height: 46px;

}

.rt-read-more-primary:hover {

  background-color: transparent;

  color: var(--color-white);

  border-color: var(--color-white);

}



.rt-read-more-primary_2 {

  background-color: var(--color-primary);

  color: var(--color-white);

  border-color: transparent;

  height: 46px;

}

.rt-read-more-primary_2:hover {

  background-color: #0034c2;

  color: var(--color-white);

}



.rt-read-more-white {

  background-color: var(--color-white);

  color: #282828;

  border-color: transparent;

  height: 46px;

}

.rt-read-more-white:hover {

  background-color: var(--color-primary);

  color: var(--color-white);

  border-color: transparent;

}



.rt-read-more rect.rt-button-line, .rt-read-more-primary rect.rt-button-line, .rt-read-more-primary_2 rect.rt-button-line, .rt-read-more-white rect.rt-button-line {

  height: 1.5px;

  y: 7;

}



.rt-read-more svg, .rt-read-more-primary svg, .rt-read-more-primary_2 svg, .rt-read-more-white svg,

.rt-read-more svg {

  fill: currentColor;

  vertical-align: middle;

  margin-left: 7px;

  width: 22px;

}



.rt-read-more .rt-button-line, .rt-read-more-primary .rt-button-line, .rt-read-more-primary_2 .rt-button-line, .rt-read-more-white .rt-button-line {

  stroke: currentColor;

  stroke-width: 0.5;

}



.rt-read-more .rt-button-cap-fake, .rt-read-more-primary .rt-button-cap-fake, .rt-read-more-primary_2 .rt-button-cap-fake, .rt-read-more-white .rt-button-cap-fake {

  stroke: currentColor;

  stroke-width: 1;

}



.rt-read-more .rt-button-cap, .rt-read-more-primary .rt-button-cap, .rt-read-more-primary_2 .rt-button-cap, .rt-read-more-white .rt-button-cap,

.rt-read-more .rt-button-line,

.rt-read-more-primary .rt-button-line,

.rt-read-more-primary_2 .rt-button-line,

.rt-read-more-white .rt-button-line {

  -webkit-transform: translateX(-13px);

  transform: translateX(-13px);

  -webkit-transform-origin: right;

  transform-origin: right;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.rt-read-more:hover .rt-button-line, .rt-read-more-primary:hover .rt-button-line, .rt-read-more-primary_2:hover .rt-button-line, .rt-read-more-white:hover .rt-button-line {

  -webkit-animation: qode-button-line 0.4s ease forwards;

  animation: qode-button-line 0.4s ease forwards;

}



.rt-read-more:hover .rt-button-cap, .rt-read-more-primary:hover .rt-button-cap, .rt-read-more-primary_2:hover .rt-button-cap, .rt-read-more-white:hover .rt-button-cap {

  -webkit-animation: qode-button-cap 0.4s ease forwards;

  animation: qode-button-cap 0.4s ease forwards;

}



.rt-button-animation-out .rt-button-cap-fake {

  -webkit-animation: qode-button-cap-fake-out 0.35s linear;

  animation: qode-button-cap-fake-out 0.35s linear;

}



.rt-button-animation-out .rt-button-cap {

  -webkit-animation: qode-button-cap-out 0.35s ease-in-out;

  animation: qode-button-cap-out 0.35s ease-in-out;

}



.rt-button-line {

  -webkit-transform: translateX(9px);

  transform: translateX(9px);

  stroke-width: 0.1;

  stroke: currentColor;

}



.rt-button-cap,

.rt-button-line {

  -webkit-transform-origin: right;

  transform-origin: right;

  -webkit-transition: 0.33s cubic-bezier(0.14, -0.07, 0.23, 0.9);

  transition: 0.33s cubic-bezier(0.14, -0.07, 0.23, 0.9);

}



.rt-play-btn, .play-btn-transparent_2, .play-btn-transparent, .play-btn-gray_2, .play-btn-gray-rectangle, .play-btn-gray, .play-btn-white_md, .play-btn-white_lg-2, .play-btn-white_lg, .play-btn-white_xl, .play-btn-white, .play-btn-primary {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  position: relative;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}



.play-btn-primary {

  width: 60px;

  height: 60px;

  border-radius: 50%;

  background-color: var(--color-primary);

  color: var(--color-white);

  font-size: 1.125rem;

  -webkit-animation: pulseShadowlgprimary 2000ms linear infinite;

          animation: pulseShadowlgprimary 2000ms linear infinite;

}

.play-btn-primary:hover {

  background-color: #0034c2;

  color: var(--color-white);

}



.play-btn-white {

  width: 42px;

  height: 42px;

  border-radius: 50%;

  background-color: var(--color-white);

  color: var(--color-primary);

  font-size: 0.875rem;

  -webkit-animation: pulseShadowsmwhite 2000ms linear infinite;

          animation: pulseShadowsmwhite 2000ms linear infinite;

}

.play-btn-white:hover {

  background-color: #0034c2;

  color: var(--color-white);

}



.play-btn-white_xl {

  width: 80px;

  height: 80px;

  border-radius: 50%;

  background-color: var(--color-white);

  color: #282828;

  font-size: 1.25rem;

  -webkit-animation: pulseShadowxlwhite 2000ms linear infinite;

          animation: pulseShadowxlwhite 2000ms linear infinite;

}

.play-btn-white_xl:hover {

  background-color: #0034c2;

  color: var(--color-white);

}

[data-theme=dark] .play-btn-white_xl {

  --color-white: #fff;

  --color-black: #000;

}



.play-btn-white_lg {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background-color: var(--color-white);

  color: #282828;

  font-size: 1.125rem;

  -webkit-animation: pulseShadowlgwhite 2000ms linear infinite;

          animation: pulseShadowlgwhite 2000ms linear infinite;

}

.play-btn-white_lg:hover {

  background-color: #0034c2;

  color: var(--color-white);

}

[data-theme=dark] .play-btn-white_lg {

  --color-white: #fff;

  --color-black: #000;

}



.play-btn-white_lg-2 {

  width: 70px;

  height: 70px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.4);

  color: #fff;

  font-size: 1.25rem;

  -webkit-animation: pulseShadowlgwhite 2000ms linear infinite;

          animation: pulseShadowlgwhite 2000ms linear infinite;

}

.play-btn-white_lg-2:hover {

  background-color: #0034c2;

  color: #fff;

}



.play-btn-white_md {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.4);

  color: #fff;

  font-size: 1.125rem;

  -webkit-animation: pulseShadowsmwhite 2000ms linear infinite;

          animation: pulseShadowsmwhite 2000ms linear infinite;

}

.play-btn-white_md:hover {

  background-color: #0034c2;

  color: #fff;

}



.play-btn-gray {

  width: 42px;

  height: 42px;

  border-radius: 50%;

  background-color: #acacac;

  color: var(--color-white);

  font-size: 0.875rem;

  -webkit-animation: pulseShadowsmgray 2000ms linear infinite;

          animation: pulseShadowsmgray 2000ms linear infinite;

}

.play-btn-gray:hover {

  background-color: #0034c2;

  color: var(--color-white);

}



.play-btn-gray-rectangle {

  width: 54px;

  height: 54px;

  background-color: rgba(255, 255, 255, 0.4);

  color: #fff;

  font-size: 0.9375rem;

}

.play-btn-gray-rectangle:hover {

  background-color: #0034c2;

  color: #fff;

}



.play-btn-gray_2 {

  width: 42px;

  height: 42px;

  border-radius: 50%;

  background-color: #646462;

  color: var(--color-white);

  font-size: 0.875rem;

  -webkit-animation: pulseShadowsmgray 2000ms linear infinite;

          animation: pulseShadowsmgray 2000ms linear infinite;

}

.play-btn-gray_2:hover {

  background-color: #0034c2;

  color: var(--color-white);

}

[data-theme=dark] .play-btn-gray_2 {

  --color-white: #fff;

}



.play-btn-transparent {

  width: 55px;

  height: 55px;

  border-radius: 50%;

  background-color: rgba(var(--color-black-rgb), 0.7);

  color: var(--color-white);

  font-size: 1rem;

  -webkit-animation: pulseShadowsmgray 2000ms linear infinite;

          animation: pulseShadowsmgray 2000ms linear infinite;

}

.play-btn-transparent:hover {

  background-color: #0034c2;

  color: var(--color-white);

}

[data-theme=dark] .play-btn-transparent {

  --color-black: #000;

  --color-white: #fff;

  --color-black-rgb: 0, 0, 0;

}



.play-btn-transparent_2 {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background-color: rgba(var(--color-black-rgb), 0.7);

  color: var(--color-white);

  font-size: 0.8125rem;

  -webkit-animation: pulseShadowsmgray 2000ms linear infinite;

          animation: pulseShadowsmgray 2000ms linear infinite;

}

.play-btn-transparent_2:hover {

  background-color: #0034c2;

  color: var(--color-white);

}

[data-theme=dark] .play-btn-transparent_2 {

  --color-black: #000;

  --color-white: #fff;

  --color-black-rgb: 0, 0, 0;

}



/*===========================

// post meta

===========================*/

.post-meta ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.post-meta ul li {

  margin-right: 20px;

}

.post-meta ul li:last-child {

  margin-right: 0;

}

.post-meta.style-2 .rt-post-meta, .post-meta.style-2 .rt-meta {

  color: #d0d0d0;

}

.post-meta.style-2 .rt-post-meta a, .post-meta.style-2 .rt-meta a {

  color: #d0d0d0;

}

.post-meta.style-2 .rt-post-meta a.name, .post-meta.style-2 .rt-meta a.name {

  color: var(--color-white);

}

.post-meta.style-2 .rt-post-meta a.name:hover, .post-meta.style-2 .rt-meta a.name:hover {

  color: var(--color-primary);

}

[data-theme=dark] .post-meta {

  --color-white: #fff;

}



.rt-post-meta, .rt-meta {

  font-size: 0.75rem;

  font-weight: 500;

  text-transform: uppercase;

  letter-spacing: 0.05rem;

  color: var(--color-meta-normal);

}



.single-post-banner .rt-meta, .rt-post-overlay .rt-meta, .video-slide .rt-meta {

  color: #d0d0d0;

}

.post-thumb .rt-meta {

  color: var(--color-white);

}

.rt-meta .icon {

  margin-right: 2px;

  font-size: 0.875rem;

}

.topbar .rt-meta .icon {

  color: var(--color-white);

}

.rt-meta a {

  display: inline-block;

}

.rt-meta a.name {

  font-weight: 700;

}

.single-post-banner .rt-meta a, .rt-post-overlay .rt-meta a, .video-slide .rt-meta a {

  color: #d0d0d0;

}

.single-post-banner .rt-meta a.name, .rt-post-overlay .rt-meta a.name, .video-slide .rt-meta a.name {

  color: var(--color-white);

}

.single-post-banner .rt-meta a.name:hover, .rt-post-overlay .rt-meta a.name:hover, .video-slide .rt-meta a.name:hover {

  color: var(--color-primary);

}

.grid-meta .rt-meta a.name {

  color: #444444;

}

[data-theme=dark] .grid-meta .rt-meta a.name {

  color: #fff;

}

.grid-meta .rt-meta a.name:hover {

  color: var(--color-primary);

}

[data-theme=dark] .rt-meta {

  --color-white: #fff;

}



/*===========================

// template-search

===========================*/

.template-search {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #f5f6fa;

  -webkit-transform: translate(0px, -100%) scale(0, 0);

          transform: translate(0px, -100%) scale(0, 0);

  opacity: 0;

  visibility: hidden;

  z-index: 999999;

  -webkit-transition: all 0.7s ease-in-out;

  transition: all 0.7s ease-in-out;

}

[data-theme=dark] .template-search {

  background: var(--color-dark-bg_2);

}

.template-search .search-form {

  text-align: center;

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

}

.template-search .search-form input[type=search] {

  width: 60%;

  color: var(--color-black);

  font-size: 40px;

  text-align: left;

  border: none;

  border-bottom: 2px solid var(--color-primary);

  margin: 0 auto;

  padding: 10px 0;

  outline: none;

  background-color: transparent;

}

.template-search .search-form .search-btn {

  padding: 28px 60px;

  -webkit-box-shadow: none;

          box-shadow: none;

  border: none;

  cursor: pointer;

  font-size: 24px;

  font-weight: 600;

  -webkit-transform: translateX(-150px) translateY(-10px);

          transform: translateX(-150px) translateY(-10px);

  background-color: transparent;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

.template-search .search-form .search-btn i {

  margin-left: 0;

}

.template-search .search-form .search-btn:focus {

  -webkit-box-shadow: none;

          box-shadow: none;

  outline: none;

}

.template-search .search-form input::-webkit-input-placeholder {

  color: #cfcfcf;

}

[data-theme=dark] .template-search .search-form input::-webkit-input-placeholder {

  color: #fff;

}

.template-search .search-form input::-moz-placeholder {

  color: #cfcfcf;

}

[data-theme=dark] .template-search .search-form input::-moz-placeholder {

  color: #fff;

}

.template-search .search-form input:-moz-placeholder {

  color: #cfcfcf;

}

[data-theme=dark] .template-search .search-form input:-moz-placeholder {

  color: #fff;

}

.template-search .search-form input:-ms-input-placeholder {

  color: #cfcfcf;

}

[data-theme=dark] .template-search .search-form input:-ms-input-placeholder {

  color: #fff;

}

.template-search .close {

  position: fixed;

  top: 15px;

  right: 20px;

  color: var(--color-black);

  border: none;

  opacity: 0.3;

  visibility: visible;

  padding: 3px 15px 5px;

  font-size: 70px;

  font-weight: 300;

  cursor: pointer;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  background: transparent;

}

.template-search .close:focus {

  -webkit-box-shadow: none;

          box-shadow: none;

  border: none;

  outline: none;

}

.template-search .close:hover {

  opacity: 1;

  background-color: transparent;

}

.template-search.open {

  -webkit-transform: translate(0px, 0px) scale(1, 1);

          transform: translate(0px, 0px) scale(1, 1);

  opacity: 1;

  visibility: visible;

}



/*===============================

//  button

================================*/

/*shop button*/

.rt-shop-btn, .btn-white-sm {

  font-size: 0.8125rem;

  text-transform: uppercase;

  font-weight: 700;

  letter-spacing: 0.1rem;

  border-radius: 2px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  padding: 0 20px;

  -webkit-box-shadow: 0px 8px 27px 0px rgba(20, 122, 128, 0.22);

          box-shadow: 0px 8px 27px 0px rgba(20, 122, 128, 0.22);

}

.rt-shop-btn:hover, .btn-white-sm:hover {

  color: var(--color-white);

  background-color: var(--color-primary);

}



.btn-white-sm {

  color: var(--color-black);

  background-color: var(--color-white);

  height: 38px;

}



/*=======================

// Off canvas menu

========================*/

.offcanvas-menu-wrap {

  max-width: 395px;

  width: 100%;

  position: fixed;

  -webkit-transform: translateX(-100%);

          transform: translateX(-100%);

  top: 0;

  left: 0;

  background-color: #fff;

  z-index: 9999;

  -webkit-transition: all ease 0.5s;

  transition: all ease 0.5s;

  overflow-y: scroll;

  -ms-overflow-style: none;

  -moz-scrollbar-width: none;

}

.offcanvas-menu-wrap::-webkit-scrollbar {

  display: none;

}

@media (max-width: 575px) {

  .offcanvas-menu-wrap {

    max-width: 320px;

  }

}

.offcanvas-menu-wrap[data-position=right] {

  left: auto;

  right: 0;

  -webkit-transform: translateX(100%);

  transform: translateX(100%);

}

[data-theme=dark] .offcanvas-menu-wrap {

  background-color: var(--color-dark-bg_2);

}

.offcanvas-menu-wrap .offcanvas-content {

  height: 100vh;

  padding: 50px;

  -webkit-transition: all ease 0.8s;

  transition: all ease 0.8s;

}

.offcanvas-menu-wrap .offcanvas-content.offcanvas-content-style-2 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  padding: 35px 40px;

}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-bottom: 40px;

  padding: 0;

}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-header .close-btn {

  font-size: 1.25rem;

  font-weight: 500;

  color: var(--color-white);

  background: var(--color-primary);

  width: 44px;

  height: 44px;

  border-radius: 50%;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  cursor: pointer;

}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-header .close-btn a {

  color: var(--color-white);

}

[data-theme=dark] .offcanvas-menu-wrap .offcanvas-content .offcanvas-header .close-btn {

  --color-white: #fff;

}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-widget {

  margin-bottom: 40px;

}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-widget:last-child {

  padding-bottom: 40px;

}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-widget .offcanvas-widget-title {

  font-size: 20px;

  line-height: 30px;

  margin-bottom: 20px;

}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-widget p {

  line-height: 24px;

}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-widget p:last-child {

  margin-bottom: 0;

}

[data-theme=dark] .offcanvas-menu-wrap .offcanvas-content .offcanvas-widget p {

  color: #d7d7d7;

}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-widget .contact-info-list {

  margin-top: -5px;

}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-widget .contact-info-list .widget-list-item {

  color: #646464;

  margin-bottom: 20px;

  padding-left: 25px;

  position: relative;

  line-height: 1.5;

}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-widget .contact-info-list .widget-list-item .list-icon {

  color: var(--color-primary);

  position: absolute;

  left: 0;

  top: 4px;

}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-widget .contact-info-list .widget-list-item a {

  padding-left: 0;

  line-height: 1.5;

}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-widget .contact-info-list .widget-list-item a::after {

  display: none;

}

.offcanvas-menu-wrap .offcanvas-content .offcanvas-widget .contact-info-list .widget-list-link {

  color: #646464;

}

[data-theme=dark] .offcanvas-menu-wrap .offcanvas-content .offcanvas-widget .contact-info-list .widget-list-item,

[data-theme=dark] .offcanvas-menu-wrap .offcanvas-content .offcanvas-widget .contact-info-list .widget-list-link {

  color: #d7d7d7;

}



.offcanvas-menu-wrap .offcanvas-content-style-2 .offcanvas-header {

  margin-bottom: 60px;

}

.offcanvas-menu-wrap .offcanvas-content-style-2 .offcanvas-bottom-area .offcanvas-widget {

  padding-top: 40px;

  margin-bottom: 0;

}



div#wrapper.open > .offcanvas-mask {

  content: "";

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  background: rgba(0, 0, 0, 0.7);

  z-index: 150;

  -webkit-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}



/*=======================================

// Off canvas cart menu

========================================*/

.cart-menu-btn {

  border: none;

  background-color: transparent;

  -webkit-box-shadow: none;

  box-shadow: none;

  cursor: pointer;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 0;

  border-radius: 0;

}

.cart-menu-btn i {

  margin-top: 3px;

}

.cart-menu-btn:focus {

  outline: none;

}

.cart-menu-btn .menu-btn-icon {

  padding: 10px;

  display: block;

  position: relative;

  text-align: center;

  border-radius: 0;

  width: 60px;

  height: 50px;

}

@media (max-width: 767px) {

  .cart-menu-btn .menu-btn-icon {

    width: 45px;

    height: 40px;

  }

}

.cart-menu-btn .menu-btn-icon span {

  position: absolute;

  height: 2px;

  right: 13px;

  z-index: 2;

  background-color: #000;

  -webkit-transition: 0.8s cubic-bezier(0.86, 0, 0.07, 1);

  transition: 0.8s cubic-bezier(0.86, 0, 0.07, 1);

}

.cart-menu-btn:hover .menu-btn-icon span {

  background-color: var(--color-primary);

}



.cart-menu-btn.menu-close-btn .menu-btn-icon {

  height: 15px;

  width: 15px;

  font-size: 12px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  border: 1px solid #aeafb1;

  background-color: #ffffff;

  color: #7b858a;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.cart-menu-btn.menu-close-btn .menu-btn-icon :hover {

  color: var(--color-primary);

  border-color: var(--color-primary);

}



.cart-header .cart-title {

  font-size: 20px;

  line-height: 1;

  color: var(--color-black);

  font-weight: 700;

}



.cart-wrap {

  height: 100vh;

  padding: 40px 35px;

  max-width: 395px;

  width: 100%;

  position: fixed;

  -webkit-transform: translateX(-100%);

          transform: translateX(-100%);

  top: 0;

  left: 0;

  background: #fff;

  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);

          box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);

  z-index: 999;

  -webkit-transition: all ease 0.5s;

  transition: all ease 0.5s;

  visibility: hidden;

  opacity: 0;

}

[data-theme=dark] .cart-wrap {

  background: var(--color-dark-bg_2);

}

.open-cart .cart-wrap {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateX(0%);

          transform: translateX(0%);

}

@media (max-width: 767px) {

  .cart-wrap {

    padding: 20px 30px;

  }

}

.cart-wrap[data-position=right] {

  left: auto;

  right: 0;

  -webkit-transform: translateX(100%);

          transform: translateX(100%);

}

.cart-wrap .cart-content {

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}

.cart-wrap .cart-content .cart-header {

  margin-bottom: 35px;

  padding-bottom: 25px;

  border-bottom: 1px solid var(--color-border);

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.cart-wrap .cart-content .cart-items {

  margin-bottom: 40px;

  width: 100%;

}

.cart-wrap .cart-content .cart-items li {

  margin-right: 0;

  position: relative;

  z-index: 1;

  border-bottom: 1px solid var(--color-border);

  padding-bottom: 15px;

  margin-bottom: 15px;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.cart-wrap .cart-content .cart-items li:last-child {

  border-bottom: 0;

  margin-bottom: 0;

  padding-bottom: 0;

}

.cart-wrap .cart-content .cart-items li .item-figure {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  position: relative;

  border-radius: 4px;

}

.cart-wrap .cart-content .cart-items li .item-figure img {

  border-radius: 4px;

}

.cart-wrap .cart-content .cart-items li .item-figure .item-dismiss {

  position: absolute;

  z-index: 2;

  left: -7px;

  top: -7px;

}

.cart-wrap .cart-content .cart-items li .item-figure .item-dismiss a {

  height: 15px;

  width: 15px;

  font-size: 12px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  border: 1px solid #aeafb1;

  background-color: #ffffff;

  color: #7b858a;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.cart-wrap .cart-content .cart-items li .item-figure .item-dismiss a:hover {

  color: var(--color-primary);

}

.cart-wrap .cart-content .cart-items li .item-description {

  margin-left: 20px;

  padding-right: 30px;

}

.cart-wrap .cart-content .cart-items li .item-description .item-main-title {

  display: block;

  font-weight: 600;

  font-size: 18px;

  margin-bottom: 5px;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.cart-wrap .cart-content .cart-items li .item-description .item-main-title a {

  color: var(--color-black);

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.cart-wrap .cart-content .cart-items li .item-description .item-main-title:hover a {

  color: var(--color-primary);

}

.cart-wrap .cart-content .cart-items li .item-description .item-amount .item-quantity {

  margin-right: 5px;

}

.cart-wrap .cart-content .cart-items li .item-description .item-amount .item-price {

  margin-left: 5px;

}

.cart-wrap .cart-content .total-amount {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  margin-bottom: 20px;

}

.cart-wrap .cart-content .total-amount .title {

  font-size: 22px;

  font-weight: 600;

  color: var(--color-black);

}

.cart-wrap .cart-content .total-amount .amount {

  font-size: 18px;

  font-weight: 600;

  color: var(--color-primary);

}

.cart-wrap .cart-content .cart-footer {

  width: 100%;

}

.cart-wrap .cart-content .action-buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}



div#wrapper.open-cart > .offcanvas-mask {

  content: "";

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  background: rgba(0, 0, 0, 0.7);

  z-index: 150;

  -webkit-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}



.wrapper {

  position: relative;

  z-index: 1;

}

.wrapper:before {

  content: "";

  background-color: rgba(0, 0, 0, 0);

  height: 100%;

  width: 0;

  top: 0;

  right: 0;

  position: absolute;

  z-index: 2;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.wrapper.open:before {

  width: 100%;

}



/*==========================

//  common pair elements

=========================*/

.common-pair-elemnets {

  position: relative;

}

.common-pair-elemnets .element-list li {

  position: absolute;

  z-index: -1;

}

.common-pair-elemnets .element-list li:nth-child(1) {

  left: -36px;

  bottom: -36px;

}

.common-pair-elemnets .element-list li:nth-child(2) {

  right: -36px;

  bottom: -30px;

}



/*===============================

//  rt-pagination

==============================*/

.rt-pagination {

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.rt-pagination .page-item {

  margin-right: 4px;

}

.rt-pagination .page-item i {

  font-size: 0.875rem;

  font-weight: 600;

}

.rt-pagination .page-item:last-child {

  margin-right: 0;

}

.rt-pagination .page-item.prev {

  margin-right: 14px;

}

.rt-pagination .page-item.next {

  margin-left: 10px;

}

.rt-pagination .page-link {

  width: 48px;

  height: 45px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 1.125rem;

  color: var(--color-black);

  border-radius: 3px;

}

.rt-pagination .page-link:focus {

  -webkit-box-shadow: none;

          box-shadow: none;

}

[data-theme=dark] .rt-pagination {

  --color-black: #000;

}

[data-theme=dark] .rt-pagination .page-link {

  background: var(--color-dark-bg_2);

  color: #fff;

}

[data-theme=dark] .rt-pagination .page-item.active .page-link {

  color: #fff;

  background-color: var(--color-primary);

  border-color: var(--color-primary);

}



/*============================

Modal

=============================*/

#rtModal {

  padding-left: 17px;

}

@media (max-width: 991px) {

  #rtModal {

    display: none;

  }

}

@media (min-width: 576px) {

  #rtModal .modal-dialog {

    max-width: 980px;

    margin: 1.75rem auto;

  }

}

#rtModal .rt-modal-wrapper {

  max-width: 100%;

  width: 100%;

  min-height: 510px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  position: relative;

  background-color: #fff;

}

#rtModal .rt-modal-wrapper::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 50%;

  height: 100%;

  background-image: url("../../media/gallery/newsletter-bg_1.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

}

#rtModal .modal-content {

  border: none;

  border-radius: 0;

}

#rtModal .close {

  position: absolute;

  right: 0;

  top: 0;

  font-size: 1.125rem;

  color: #fff;

  cursor: pointer;

  width: 60px;

  height: 60px;

  text-align: center;

  background-color: #313131;

  -webkit-clip-path: circle(100% at 100% 0);

  clip-path: circle(100% at 100% 0);

  z-index: 1;

  text-align: center;

  border: none;

  cursor: pointer;

}

#rtModal .close:focus {

  outline: none;

}

#rtModal .modal-body {

  padding: 0 45px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

#rtModal .modal-body .content-box {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  padding: 0 50px;

}

#rtModal .modal-body .content-box .title {

  font-size: 2.25rem;

  line-height: 1.22;

  margin-bottom: 25px;

  color: #000;

}

#rtModal .rt-form-group {

  margin-bottom: 15px;

  position: relative;

}

#rtModal .rt-form-group i {

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

}

#rtModal .form-control {

  padding: 5px 30px;

  height: 50px;

  color: #959595;

  background-color: transparent;

  border: none;

  border-radius: 0;

  border-bottom: 1px solid #e5e5e5;

  font-size: 1rem;

}

#rtModal .form-control:focus {

  outline: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}

#rtModal .form-check-label {

  color: #959595;

  font-size: 0.875rem;

}

#rtModal .form-check-input[type=checkbox] {

  border: 1px solid #acacac;

  margin-right: 10px;

}

#rtModal .form-check-input[type=checkbox]:focus {

  outline: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}

#rtModal .submit-btn {

  width: 100%;

  color: #ffffff;

  font-size: 15px;

  font-family: var(--font-title);

  font-weight: 600;

  letter-spacing: 2px;

  padding: 15px 30px;

  background-color: var(--color-primary);

  border: 1px solid var(--color-primary);

  border-radius: 3px;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

#rtModal .submit-btn:hover {

  background-color: #ffffff;

  color: var(--color-primary);

}

#rtModal .submit-btn:focus {

  outline: none;

  -webkit-box-shadow: none;

          box-shadow: none;

}

#rtModal input.form-control::-webkit-input-placeholder {

  font-size: 16px;

  color: #959595;

}



/*======================================

// pre-loader

=====================================*/

#preloader {

  background: url("../../media/neeon.gif") rgba(255, 255, 255, 0.99) no-repeat scroll center center;

  height: 100%;

  left: 0;

  overflow: visible;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 9999999;

}



/*========================================

// tooltip overwrite

==========================================*/

.bs-tooltip-top {

  margin-top: 20px;

}



.tooltip-inner {

  font-size: 0.75rem;

  font-weight: 500;

  text-transform: uppercase;

  max-width: 200px;

  padding: 3px 10px;

  color: #fff;

  text-align: center;

  background-color: var(--color-primary);

  border-radius: 4px;

  -webkit-box-shadow: 0 4px 18px rgba(var(--color-primary-rgb), 0.31);

          box-shadow: 0 4px 18px rgba(var(--color-primary-rgb), 0.31);

  height: 35px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.tooltip.show {

  opacity: 1;

}



.tooltip .tooltip-arrow {

  position: absolute;

  display: block;

  width: 0.8rem;

  height: 0.4rem;

}



.bs-tooltip-top .tooltip-arrow::before,

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {

  top: -1px;

  border-width: 0.4rem 0.4rem 0;

  border-top-color: var(--color-primary);

}



/*==================================

 // theme-swithcer-box

 ================================*/

.theme-switch-box-wrap {

  position: fixed;

  right: 12px;

  top: 320px;

  z-index: 100;

}



.theme-switch-box {

  display: -ms-grid;

  display: grid;

  gap: 8px;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  background: var(--color-primary);

  padding: 8px 6px;

  border-radius: 1.5rem;

}

[data-theme=dark] .theme-switch-box {

  background: #d8d8d8;

}

.theme-switch-box__theme-status {

  color: var(--color-white);

  line-height: 1;

  text-align: center;

}

.theme-switch-box__label {

  width: 18px;

  height: 36px;

  display: inline-block;

  position: relative;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  border-radius: 1.5rem;

  overflow: hidden;

}

.theme-switch-box__main {

  position: absolute;

  background: #000;

  width: 100%;

  height: 100%;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  cursor: pointer;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  border-radius: 1.5rem;

}

.theme-switch-box__main::before {

  position: absolute;

  content: "";

  width: 12px;

  height: 12px;

  background-color: #fff;

  left: 50%;

  top: 0;

  -webkit-transform: translateX(-50%) translateY(3px);

          transform: translateX(-50%) translateY(3px);

  border-radius: 100%;

  -webkit-transition: 1s cubic-bezier(0.52, 1.64, 0.37, 0.66);

  transition: 1s cubic-bezier(0.52, 1.64, 0.37, 0.66);

  border-radius: 1.5rem;

}

.theme-switch-box__input {

  display: none;

}

.theme-switch-box__input:checked + .theme-switch-box__main::before {

  top: 17px;

  -webkit-transition: 0.5s cubic-bezier(0.52, 1.64, 0.37, 0.66);

  transition: 0.5s cubic-bezier(0.52, 1.64, 0.37, 0.66);

}



.shape-element {

  position: absolute;

  z-index: -1;

}

.shape-element span {

  display: block;

}

@media (max-width: 991px) {

  .shape-element {

    display: none;

  }

}



/*==============================

// rt-header

==============================*/

.rt-header {

  position: relative;

  z-index: 9;

  background-color: var(--color-white);

}

.rt-header.rt-header-style-7 {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 44;

  background-color: transparent;

}

@media (min-width: 1200px) {

  .rt-header.rt-header-style-7 .container,

.rt-header.rt-header-style-7 .container-lg,

.rt-header.rt-header-style-7 .container-md,

.rt-header.rt-header-style-7 .container-sm,

.rt-header.rt-header-style-7 .container-xl {

    max-width: 1320px;

  }

}

@media (min-width: 1400px) {

  .rt-header.rt-header-style-7 .container,

.rt-header.rt-header-style-7 .container-lg,

.rt-header.rt-header-style-7 .container-md,

.rt-header.rt-header-style-7 .container-sm,

.rt-header.rt-header-style-7 .container-xl {

    max-width: 1600px;

  }

}

.rt-header.rt-header-style-9 {

  background-color: #000;

}

.rt-header.rt-header-style-9 .navbar-wrap {

  background-color: #000;

}

.rt-header.rt-header-style-9 .menu-wrap-style-9 {

  background-color: #202020;

  padding: 0 30px;

}



@media (max-width: 991px) {

  /* .rt-header {

    display: none;

  } */

  .navbar-wrap{

    display: none;

  }

}

.site-branding a {

  display: table-cell;

  vertical-align: middle;

}

.site-branding .light-logo {

  display: none;

}

[data-theme=dark] .site-branding .light-logo {

  display: table-cell;

}

[data-theme=dark] .site-branding .dark-logo {

  display: none;

}



.header-main-style-4 {

  min-height: 150px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.sticky .header-main-style-4 {

  min-height: 100px;

}



.header-main-style-5 {

  border-bottom: 1px solid var(--color-border);

}

.header-main-style-5 .header-action-bars {

  padding-top: 20px;

  padding-bottom: 20px;

}

.sticky .header-main-style-5 {

  display: none;

}



.header-main-style-6 {

  border-bottom: 1px solid var(--color-border);

}



.sticky-on .header-main-style-5_sticky {

  display: none;

}

.sticky .header-main-style-5_sticky {

  display: block;

}



.header-main-style-8 {

  border-top: 1px solid var(--color-border);

  border-bottom: 1px solid var(--color-border);

}



/*============================

// topbar

============================*/

.topbar {

  min-height: 50px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  background-color: #292929;

}

[data-theme=dark] .topbar {

  background-color: #171818;

}



.rt-trending-style-1 {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

          justify-content: center;

}



.rt-treding-slider1 {

  height: 40px;

  text-align: left;

  margin: 0;

}

.rt-treding-slider1 .swiper-slide {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  cursor: pointer;

}

.trending-anchor{

  color: #ffffff;

  text-decoration: none;

  transition: 0.05s;

}



.trending-anchor:hover{

  color: #9e9e9e;

  text-decoration: none;

  transform: scale(1.05);

}

.rt-trending .trending-title {

  font-size: 0.8125rem;

  color: var(--color-white);

  font-weight: 300;

  letter-spacing: 0.05rem;

  text-transform: uppercase;

  position: relative;

  padding-right: 12px;

  margin-right: 10px;

  margin-bottom: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

[data-theme=dark] .rt-trending .trending-title {

  color: var(--color-black);

}

[data-theme=dark] .rt-trending .trending-title::after {

  background-color: var(--color-black);

}

.rt-trending .trending-title::after {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  width: 1px;

  height: 17px;

  background-color: #414141;

}

.rt-trending .trending-title-last{

  font-size: 0.8125rem;

  color: var(--color-white);

  font-weight: 300;

  letter-spacing: 0.05rem;

  text-transform: uppercase;

  position: relative;

  padding-right: 12px;

  margin-right: 10px;

  margin-bottom: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;



}

.rt-trending .trending-title .icon {

  font-size: 0.75rem;

  background-image: linear-gradient(45deg, #0034c2, #2962ff);

  color: var(--color-white);

  width: 28px;

  height: 28px;

  border-radius: 50%;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-right: 6px;

}

[data-theme=dark] .rt-trending .trending-title .icon {

  color: var(--color-black);

  background-color: var(--color-primary);

}

.rt-trending .trending-slide-title {

  font-size: 13px;

  color: #e0e0e0;

  position: relative;

  padding-left: 12px;

  margin-bottom: 0;

}

.rt-trending .trending-slide-title::after {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  width: 5px;

  height: 5px;

  border-radius: 50%;

  background-color: #656565;

}

[data-theme=dark] .rt-trending .trending-slide-title {

  color: var(--color-black);

}

[data-theme=dark] .rt-trending .trending-slide-title::after {

  background-color: var(--color-black);

}



.rt-topbar-right {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.rt-topbar-right .rt-date-style-1 {

  font-size: 0.8125rem;

  color: #bebdbd;

  font-weight: 300;

  line-height: 2.1;

}

.rt-topbar-right .rt-date-style-1 .icon {

  color: var(--color-white);

  margin-right: 5px;

}



.rt-top-social {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  position: relative;

  padding-left: 17px;

  margin-left: 15px;

}

.rt-top-social::after {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 1px;

  height: 17px;

  background-color: #474747;

}

.rt-top-social .follow {

  font-size: 0.8125rem;

  text-transform: uppercase;

  margin-right: 12px;

  color: #fff;

}

.rt-top-social li {

  margin-right: 12px;

}

.rt-top-social li:last-child {

  margin-right: 0;

}

.rt-top-social a {

  font-size: 0.8125rem;

  color: #bebdbd;

}

.rt-top-social a:hover {

  color: #2962ff;

}

.fb-facebook {  

  color: #3b5998;

}

.fb-twitter {  

  color: #000000;

}

.fb-youtube {  

  color: #df1c31;

}

.fb-instagram{

  color: #dd2a7b;

}

.fb-envelope {  

  color: #f50;

}

.fb-tiktok {  

  color: #000000;

}

@media (max-width: 1199px) {

  .rt-top-social {

    padding-left: 0;

    margin-left: 0;

  }

  .rt-top-social::after {

    display: none;

  }

}



.navbar-wrap {

  background-color: var(--color-white);

  box-shadow: 0px 0px 3px gray;

}

.sticky .navbar-wrap {

  position: fixed;

  width: 100%;

  left: 0;

  top: 0;

  right: 0;

  margin: 0 auto;

  background-color: rgba(255, 255, 255, 0.98);

  -webkit-box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.16);

          box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.16);

  z-index: 99;

  -webkit-animation-name: fadeInDown;

          animation-name: fadeInDown;

  -webkit-animation-duration: 1s;

          animation-duration: 1s;

  -webkit-animation-fill-mode: both;

          animation-fill-mode: both;

  -webkit-animation-delay: 0s;

          animation-delay: 0s;

}

.sticky .navbar-wrap.header-main-style-7 {

  border-color: transparent;

  background-color: rgba(0, 0, 0, 0.98);

}

[data-theme=dark] .sticky .navbar-wrap {

  background-color: var(--color-dark-bg_2);

}



.header-main-style-7 {

  background: rgba(0, 0, 0, 0.625);

  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8);

          box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8);

  border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}

.header-main-style-7 .logo-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-left: 10px;

}

.header-main-style-7 .logo-area {

  padding-left: 25px;

  margin-left: 25px;

  position: relative;

}

.header-main-style-7 .logo-area::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 3px; /*bottom: -16px;*/

  width: 1px;

  height: 81px;

  background-color: rgba(255, 255, 255, 0.4);

}

.header-main-style-7 .humburger-area {

  padding-right: 0;

  position: relative;

}

.header-main-style-7 .humburger-area::after {

  border: 1px solid rgba(255, 255, 255, 0.625);

  border-radius: 50%;

  -webkit-transform: scale(1.375) translateX(-3px);

          transform: scale(1.375) translateX(-3px);

  z-index: 1;

}

.header-main-style-7 .humburger-area .humburger span, .header-main-style-7 .humburger-area .humburger::after, .header-main-style-7 .humburger-area .humburger::before {

  content: "";

  position: absolute;

  display: block;

  width: 20px;

  height: 2px;

  background-color: #fff;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.header-main-style-7 .humburger-area .humburger span {

  width: 16px;

}



.header-main-style-7 .main-menu__nav > ul > li > a {

  color: #fff;

  padding-top: 29px;

  padding-bottom: 29px;

}

.header-main-style-8 .main-menu__nav > ul > li > a {

  padding-top: 32px;

  padding-bottom: 32px;

}

.header-main-style-9 .main-menu__nav > ul > li > a {

  color: #fff;

  padding-top: 24px;

  padding-bottom: 24px;

}

.main-menu__nav ul li {

  display: inline-block;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  position: relative;

  margin-right: 17px;

}

.main-menu__nav ul li.active > a {

  color: #2962ff;

}

.main-menu__nav ul li:last-child {

  margin-right: 0;

}

@media (max-width: 1199px) {

  .main-menu__nav ul li:last-child:hover .main-menu__dropdown {

    right: 0;

    left: auto;

  }

}

.main-menu__nav ul li:hover .main-menu__dropdown {

  opacity: 1;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  visibility: visible;

  top: 100%;

  -webkit-transform: scaleY(1);

          transform: scaleY(1);

}

.main-menu__nav ul li > a {

  font-size: 0.9375rem;

  color: var(--color-black);

  font-weight: 500;

  position: relative;

  display: inline-block;

  padding: 39px 6px;

}

.header-main-style-5 .main-menu__nav ul li > a {

  padding-top: 20px;

  padding-bottom: 20px;

}

.main-menu__nav ul li > a::before {

  position: absolute;

  content: "";

  height: 4px;

  background: #2962ff;

  left: 0;

  right: 0;

  margin: 0 auto;

  bottom: 0;

  -webkit-transform: scaleX(0);

          transform: scaleX(0);

  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.51, 0.92, 0.24, 1);

  transition: -webkit-transform 0.4s cubic-bezier(0.51, 0.92, 0.24, 1);

  transition: transform 0.4s cubic-bezier(0.51, 0.92, 0.24, 1);

  transition: transform 0.4s cubic-bezier(0.51, 0.92, 0.24, 1), -webkit-transform 0.4s cubic-bezier(0.51, 0.92, 0.24, 1);

}

.main-menu__nav ul li:hover > a {

  color: #2962ff;

}

.main-menu__nav ul li:hover > a::before {

  background: #2962ff;

  -webkit-transform: scaleX(1);

          transform: scaleX(1);

}

.main-menu__nav ul li ul {

  visibility: hidden;

  -webkit-transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6);

  transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6);

  opacity: 0;

  z-index: 100;

  position: absolute;

  top: 100%;

  left: 0;

  width: 200px;

  margin: 0;

  padding: 10px 0;

  background-color: #fff;

  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);

          box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);

  text-align: left;

  padding: 15px 0;

  border-radius: 0 0 5px 5px;

  -webkit-transform: scaleY(0);

          transform: scaleY(0);

  -webkit-transform-origin: 0 0 0;

          transform-origin: 0 0 0;

}

.main-menu__nav ul li ul li {

  display: block;

  padding: 0 10px;

  margin: 0;

}

.main-menu__nav ul li ul li.menu-drop-icon > a {

  position: relative;

}

.main-menu__nav ul li ul li ul {

  left: 100%;

  top: 0;

}

.main-menu__nav ul li ul li a {

  display: block;

  padding: 8px 10px;

  color: #656567;

  font-size: 0.875rem;

  font-weight: 500;

  position: relative;

}

.header-main-style-5 .main-menu__nav ul li ul li a {

  padding: 8px 10px;

}

.main-menu__nav ul li ul li a::after {

  float: right;

}

.main-menu__nav ul li ul li a::before {

  content: "";

  position: absolute;

  width: 3px;

  height: 0px;

  top: 0;

  bottom: 0;

  margin: auto 0;

  left: 0;

  background: #2962ff;

  opacity: 0;

  visibility: hidden;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.main-menu__nav ul li ul li:hover ul {

  visibility: visible;

  opacity: 1;

  -webkit-transform: scaleY(1);

          transform: scaleY(1);

}

.main-menu__nav ul li ul li:hover a::before {

  height: 11px;

  opacity: 1;

  visibility: visible;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.main-menu__nav_sub > a::after {

  content: "";

  font-family: "Font Awesome 5 Free";

  font-weight: 600;

  vertical-align: middle;

  -webkit-transform: rotate(0deg);

          transform: rotate(0deg);

  display: inline-block;

  padding-left: 6px;

  font-size: 12px;

  -webkit-transition: all ease 0.5s;

  transition: all ease 0.5s;

}

.main-menu__nav_sub:hover > a::after {

  -webkit-transform: rotate(180deg) translateX(-6px);

          transform: rotate(180deg) translateX(-6px);

}



.header-action-items {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.header-action-items .item {

  margin-right: 16px;

}

.header-action-items .item:last-child {

  margin-right: 0;

}

.header-action-items .item a {

  color: #818181;

  font-size: 1.25rem;

}

.header-main-style-9 .header-action-items .item a {

  color: #b8b8b8;

}

.header-action-items .item a:hover {

  color: #2962ff;

}

.header-action-items .item.cart-icon {

  margin-right: 28px;

}

.header-action-items .item.cart-icon a {

  position: relative;

}

.header-action-items .item.cart-icon a .item-count {

  position: absolute;

  right: -12px;

  top: -8px;

  width: 20px;

  height: 20px;

  border-radius: 50%;

  background-color: #2962ff;

  color: var(--color-white);

  font-size: 0.875rem;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

[data-theme=dark] .header-action-items .item a {

  color: var(--color-black);

}

[data-theme=dark] .header-action-items .item.cart-icon a .item-count {

  color: var(--color-black);

  background-color: var(--color-primary);

}



.humburger {

  position: relative;

  z-index: 4;

  width: 32px;

  height: 32px;

  display: block;

  cursor: pointer;

}

.humburger.layout-2 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.humburger.layout-2 .menu-text {

  font-size: 0.875rem;

  font-weight: 600;

  text-transform: uppercase;

  margin-left: 40px;

  color: #292929;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

[data-theme=dark] .humburger.layout-2 .menu-text {

  color: var(--color-black);

}

.humburger span, .humburger::after, .humburger::before {

  content: "";

  position: absolute;

  display: block;

  width: 28px;

  height: 2px;

  background-color: #636363;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.header-main-style-9 .humburger span, .header-main-style-9 .humburger::after, .header-main-style-9 .humburger::before {

  background-color: #b8b8b8;

}

.humburger > span {

  top: 50%;

  margin-top: -1px;

}

.humburger::before {

  top: 8px;

}

.humburger::after {

  bottom: 8px;

}

.humburger:hover span, .humburger:hover::after, .humburger:hover::before {

  background-color: #2962ff;

}

.humburger:hover .menu-text {

  color: #2962ff;

}

.open .humburger span {

  visibility: hidden;

  opacity: 0;

}

.open .humburger::before {

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

  top: 15px;

}

.open .humburger::after {

  -webkit-transform: rotate(-45deg);

          transform: rotate(-45deg);

  bottom: 15px;

}

[data-theme=dark] .humburger span, [data-theme=dark] .humburger::after, [data-theme=dark] .humburger::before {

  background-color: var(--color-black);

}



.icon-two {

  position: absolute;

  top: 10%;

  left: 40%;

  width: 100px;

  height: 100px;

  cursor: pointer;

}



.hamburger-two:before,

.hamburger-two:after {

  content: "";

  position: absolute;

  width: 50px;

  height: 6px;

  background: #fcfcfc;

  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.icon-two.active-two .hamburger-two {

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);

  -webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);

          box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);

}



.icon-two.active-two .hamburger-two:before {

  top: -9px;

  right: -5px;

  width: 30px;

  -webkit-transform: rotate(-135deg);

          transform: rotate(-135deg);

  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0);

          box-shadow: 0 2px 5px rgba(0, 0, 0, 0);

}



.icon-two.active-two .hamburger-two:after {

  top: 9px;

  right: -5px;

  width: 30px;

  -webkit-transform: rotate(-45deg);

          transform: rotate(-45deg);

  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0);

          box-shadow: 0 2px 5px rgba(0, 0, 0, 0);

}



/*=====================================

//  Mobile menu

======================================*/

.offscreen-navigation .menu > li {

  border-bottom: 1px solid #e9e9e9;

}

[data-theme=dark] .offcanvas-content-style-2 .offscreen-navigation .menu > li {

  border-color: #222121;

}

.offscreen-navigation .menu > li:last-child {

  border-bottom: 0;

}

.offscreen-navigation .menu > li > a {

  background-color: #f3f3f3;

  font-size: 16px;

  padding: 12px 30px;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.offcanvas-content-style-2 .offscreen-navigation .menu > li > a {

  background-color: transparent;

  padding: 12px 0;

}

[data-theme=dark] .offcanvas-content-style-2 .offscreen-navigation .menu > li > a {

  color: #fff;

}

[data-theme=dark] .offcanvas-content-style-2 .offscreen-navigation .menu > li > a:hover {

  background: transparent;

}

.offscreen-navigation .menu > li > a:hover {

  background-color: #f8f8f8;

}

.offscreen-navigation .menu > li > a.opened {

  background-color: #f8f8f8;

}

[data-theme=dark] .offscreen-navigation .menu > li > a.opened {

  background: transparent;

}

[data-theme=dark] .offcanvas-content-style-2 .offscreen-navigation .menu > li > a.opened {

  background-color: transparent;

}

.offscreen-navigation .sub-menu {

  display: none;

  background-color: #ffffff;

}

[data-theme=dark] .offcanvas-content-style-2 .offscreen-navigation .sub-menu {

  background: var(--color-dark-bg_2);

}

.offscreen-navigation .sub-menu li.menu-item-has-children > a::after, .offscreen-navigation .sub-menu li.menu-item-has-children > a::before {

  right: 40px;

}

.offscreen-navigation .sub-menu li a {

  border-top: 1px solid #f1f1f1;

  padding: 7px 40px;

  font-size: 15px;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

[data-theme=dark] .offcanvas-content-style-2 .offscreen-navigation .sub-menu li a {

  border-color: #222121;

}

.offcanvas-content-style-2 .offscreen-navigation .sub-menu li a {

  padding-left: 30px;

}

.offscreen-navigation .sub-menu li a:hover {

  background-color: rgba(var(--color-primary-rgb), 0.05);

}

[data-theme=dark] .offcanvas-content-style-2 .offscreen-navigation .sub-menu li a {

  color: #fff;

}

.offscreen-navigation .sub-menu li .sub-menu li a {

  padding: 7px 50px;

}

.offscreen-navigation ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.offscreen-navigation ul li > a {

  display: block;

  position: relative;

  color: #000000;

  font-weight: 500;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.offscreen-navigation ul li > a:hover {

  color: #2962ff;

}

.offscreen-navigation ul li.menu-item-has-children > a:after {

  color: #999999;

  content: "";

  display: inline-block;

  font-family: "Font Awesome 5 Free";

  font-weight: 600;

  right: 20px;

  position: absolute;

  font-size: 12px;

  opacity: 1;

  visibility: visible;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.offscreen-navigation ul li.menu-item-has-children > a:before {

  color: #999999;

  content: "";

  display: inline-block;

  font-family: "Font Awesome 5 Free";

  font-weight: 600;

  right: 20px;

  position: absolute;

  font-size: 12px;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.offscreen-navigation ul li.menu-item-has-children > a.opened:after {

  opacity: 0;

  visibility: hidden;

}

.offscreen-navigation ul li.menu-item-has-children > a.opened:before {

  opacity: 1;

  visibility: visible;

}



.rt-slide-nav {

  position: absolute;

  background: #fff;

  width: 100%;

  left: 0;

  display: none;

  max-height: calc(100vh - 100px);

  overflow-y: auto;

  -webkit-box-shadow: 0 1px 3px 0 rgba(var(--color-black-rgb), 0.2);

          box-shadow: 0 1px 3px 0 rgba(var(--color-black-rgb), 0.2);

  top: 100%;

  z-index: 99;

}



.rt-mobile-header {

  position: relative;

  /* z-index: 999; */

}

@media (min-width: 992px) {

  .rt-mobile-header {

    display: none;

  }

  

}



.mobile-top-bar {

  border-bottom: 1px solid var(--color-border);

}

[data-theme=dark] .mobile-top-bar {

  background: var(--color-dark-bg_2);

}



.mobile-top-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  gap: 2px;

  padding: 12px 15px 12px;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.mobile-top-list .icon {

  color: var(--color-primary);

}

.mobile-top-list li {

  margin-right: 18px;

}

.mobile-top-list li:last-of-type {

  margin-right: 0;

}

[data-theme=dark] .mobile-top-list .rt-meta {

  color: #fff;

}



.mobile-menu-bar {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 6px 15px;

  border-bottom: 1px solid rgba(81, 81, 81, 0.15);

}

.mobile-menu-bar .logo img {

  max-width: 120px;

}

[data-theme=dark] .mobile-menu-bar {

  background: #fff;

}



.mobile-sticky .mobile-menu-bar-wrap {

  position: fixed;

  width: 100%;

  left: 0;

  top: 0;

  right: 0;

  margin: 0 auto;

  background-color: rgba(255, 255, 255, 0.98);

  -webkit-box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.16);

          box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.16);

  z-index: 99;

  -webkit-animation-name: fadeInDown;

          animation-name: fadeInDown;

  -webkit-animation-duration: 1s;

          animation-duration: 1s;

  -webkit-animation-fill-mode: both;

          animation-fill-mode: both;

  -webkit-animation-delay: 0s;

          animation-delay: 0s;

}

.mobile-sticky .mobile-menu-bar-wrap.header-main-style-7 {

  border-color: transparent;

  background-color: rgba(0, 0, 0, 0.98);

}

[data-theme=dark] .mobile-sticky .mobile-menu-bar-wrap {

  background-color: var(--color-dark-bg_2);

}



body .sidebarBtn {

  display: block;

  padding: 12px 0;

  cursor: pointer;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

body .sidebarBtn .bar {

  background: #000000;

  height: 2px;

  width: 30px;

  display: block;

  margin-bottom: 5px;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

body .sidebarBtn .bar:nth-child(2), body .sidebarBtn .bar:nth-child(3) {

  width: 25px;

  margin-left: 5px;

}

body .sidebarBtn .bar:last-child {

  margin-bottom: 0;

}



body.slidemenuon .sidebarBtn .bar:nth-child(2), body.slidemenuon .sidebarBtn .bar:nth-child(3) {

  opacity: 0;

}

body.slidemenuon .sidebarBtn .bar:nth-child(1) {

  -webkit-transform: rotate(45deg) translate(7px, 7px);

  transform: rotate(45deg) translate(7px, 7px);

}

body.slidemenuon .sidebarBtn .bar:nth-child(4) {

  -webkit-transform: rotate(-45deg) translate(8px, -8px);

  transform: rotate(-45deg) translate(8px, -8px);

}



.header-middlebar.header-middlebar-style-8 {

  padding: 25px 0;

}



.search-wrapper {

  position: relative;

  max-width: 190px;

}

@media (max-width: 1199px) {

  .search-wrapper {

    display: none;

  }

}

.search-wrapper .search-form-box .form-group {

  position: relative;

  margin-bottom: 0;

  padding: 0;

  border-radius: unset;

  border: none;

}

.search-wrapper .search-form-box .form-group .rt-search-control {

  font-size: 14px;

  font-weight: 400;

  color: #e7e7e7;

  border: none;

  background-color: transparent;

  height: 43px;

  padding: 5px 30px;

  padding-right: 30px;

  text-transform: capitalize;

}

.search-wrapper .search-form-box .form-group .rt-search-control::-webkit-input-placeholder {

  color: #fff;

  text-transform: capitalize;

}

.search-wrapper .search-form-box .form-group .rt-search-control::-moz-placeholder {

  color: #fff;

  text-transform: capitalize;

}

.search-wrapper .search-form-box .form-group .rt-search-control:-ms-input-placeholder {

  color: #fff;

  text-transform: capitalize;

}

.search-wrapper .search-form-box .form-group .rt-search-control::-ms-input-placeholder {

  color: #fff;

  text-transform: capitalize;

}

.search-wrapper .search-form-box .form-group .rt-search-control::placeholder {

  color: #fff;

  text-transform: capitalize;

}

.search-wrapper .search-form-box .form-group .search-submit {

  position: absolute;

  right: 5px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: auto;

  height: auto;

  border-radius: 3px;

  background-color: transparent;

  color: #fff;

  font-size: 18px;

  border: none;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.search-wrapper .search-form-box .form-group .search-submit:hover {

  background-color: transparent;

  color: #fff;

}

.search-wrapper.search-wrapper-style-1::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -19px;

  width: 1px;

  height: 81px;

  background-color: rgba(255, 255, 255, 0.4);

}

.search-wrapper.search-wrapper-style-2::after {

  display: none;

}

.search-wrapper.search-wrapper-style-2 .search-form-box .form-group .rt-search-control {

  font-size: 14px;

  font-weight: 400;

  color: #9b9b9b;

  border: none;

  background-color: transparent;

  height: 43px;

  padding: 5px 30px;

  padding-right: 30px;

  text-transform: capitalize;

}

.search-wrapper.search-wrapper-style-2 .search-form-box .form-group .rt-search-control::-webkit-input-placeholder {

  color: #9b9b9b;

  text-transform: capitalize;

}

.search-wrapper.search-wrapper-style-2 .search-form-box .form-group .rt-search-control::-moz-placeholder {

  color: #9b9b9b;

  text-transform: capitalize;

}

.search-wrapper.search-wrapper-style-2 .search-form-box .form-group .rt-search-control:-ms-input-placeholder {

  color: #9b9b9b;

  text-transform: capitalize;

}

.search-wrapper.search-wrapper-style-2 .search-form-box .form-group .rt-search-control::-ms-input-placeholder {

  color: #9b9b9b;

  text-transform: capitalize;

}

.search-wrapper.search-wrapper-style-2 .search-form-box .form-group .rt-search-control::placeholder {

  color: #9b9b9b;

  text-transform: capitalize;

}

.search-wrapper.search-wrapper-style-2 .search-form-box .form-group .search-submit {

  color: #9b9b9b;

  font-size: 20px;

}

.search-wrapper.search-wrapper-style-2 .search-form-box .form-group .search-submit:hover {

  color: var(--color-primary);

}



/*================================

// banner

================================*/

.banner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  position: relative;

  z-index: 1;

}

.banner.banner-style-2 {

  min-height: 800px;

}

.banner.banner-style-2::after {

  background-color: rgba(24, 24, 24, 0.3);

  z-index: -1;

}

@media (max-width: 991px) {

  .banner.banner-style-2 {

    min-height: 650px;

    display: block;

    padding: 100px 0;

  }



  .trending-title-span-h{

    display: none;

  }

}

@media (max-width: 767px) {

  .banner.banner-style-2 {

    min-height: 595px;

  }

  .rt-trending .trending-title{

    font-size: 12px;

    color: var(--color-white);

    font-weight: 800;

    letter-spacing: 0rem;

    text-transform: uppercase;

    position: relative;

    padding-right: 10px;

    margin-right: 2px;

    margin-bottom: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    

  }



  .rt-trending .trending-title-last{

    font-size: 12px;

    color: var(--color-white);

    font-weight: 800;

    letter-spacing: 0rem;

    text-transform: uppercase;

    position: relative;

    padding-right: 10px;

    margin-right: 2px;

    margin-bottom: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    

  }



  .trending-title-span-h{

    display: none;

  }

}

.banner.banner-style-3 {

  min-height: 720px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  padding: 60px 0;

}

.banner.banner-style-3::after {

  background-color: rgba(var(--color-black-rgb), 0.3);

  z-index: -1;

}

.banner.inner-banner {

  min-height: 90px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  background-color: #f7f7f7;

  padding: 30px 0;

}

[data-theme=dark] .banner.inner-banner {

  background: var(--color-dark-bg_2);

}

.banner.author-banner {

  min-height: 460px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  position: relative;

  z-index: 1;

  padding: 80px 0;

}

.banner.author-banner::after {

  background-color: rgba(var(--color-black-rgb), 0.5);

  z-index: -1;

}

.banner.banner-style-7 {

  min-height: 850px;

  padding-top: 120px;

  padding-bottom: 120px;

}

@media (max-width: 991px) {

  .banner.banner-style-7 {

    padding-top: 140px;

    padding-bottom: 320px;

    min-height: 640px;

  }

}

@media (max-width: 575px) {

  .banner.banner-style-7 {

    padding-top: 120px;

    padding-bottom: 280px;

  }

  .rt-trending .trending-title{

    font-size: 9px;

    color: var(--color-white);

    font-weight: 800;

    letter-spacing: 0rem;

    text-transform: uppercase;

    position: relative;

    padding-right: 6px;

    margin-right: 1px;

    margin-bottom: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .rt-trending .trending-title-last{

    font-size: 9px;

    color: var(--color-white);

    font-weight: 800;

    letter-spacing: 0rem;

    text-transform: uppercase;

    position: relative;

    padding-right: 6px;

    margin-right: 1px;

    margin-bottom: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .navbar{

    display: block !important;

  }

  .top-h{

    display: none;

  }

}

.banner.banner-style-7 .social-share-box-style-7 {

  position: absolute;

  left: 100px;

  bottom: 100px;

  z-index: 1;

}

@media (max-width: 1440px) {

  .banner.banner-style-7 .social-share-box-style-7 {

    left: 20px;

    bottom: 50px;

  }

}

@media (max-width: 1399px) {

  .banner.banner-style-7 .social-share-box-style-7 {

    left: auto;

    bottom: 220px;

    right: 20px;

  }

}

@media (max-width: 767px) {

  .banner.banner-style-7 .social-share-box-style-7 {

    display: none;

  }

}

.banner.banner-style-7 .social-share-box-style-7 .rt-top-social {

  padding: 0;

  margin: 0;

  display: block;

}

.banner.banner-style-7 .social-share-box-style-7 .rt-top-social::after {

  display: none;

}

.banner.banner-style-7 .social-share-box-style-7 .rt-top-social li {

  display: inline-block;

  margin-right: 10px;

}

.banner.banner-style-7 .social-share-box-style-7 .rt-top-social a {

  font-size: 1.0625rem;

  color: #fff;

  -webkit-transform: translateY(0);

          transform: translateY(0);

}

.banner.banner-style-7 .social-share-box-style-7 .rt-top-social a:hover {

  -webkit-transform: translateY(-5px);

          transform: translateY(-5px);

  color: var(--color-primary);

}

.banner.banner-style-7 .social-share-box-style-7 .rt-top-social .follow {

  position: relative;

  display: block;

  margin-top: 10px;

}

.banner.banner-style-7 .social-share-box-style-7 .rt-top-social .follow span {

  position: relative;

  display: inline-block;

  font-size: 0.8125rem;

  color: #fff;

  letter-spacing: 0.1rem;

}

.banner.banner-style-7 .social-share-box-style-7 .rt-top-social .follow span::after {

  content: "";

  position: absolute;

  right: -40px;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  width: 22px;

  height: 2px;

  background-color: #fff;

}

.banner.banner-style-7::before, .banner.banner-style-7::after {

  background: -webkit-gradient(linear, left top, left bottom, color-stop(-4.45%, #000000), color-stop(66.48%, rgba(0, 0, 0, 0)));

  background: linear-gradient(180deg, #000000 -4.45%, rgba(0, 0, 0, 0) 66.48%);

  z-index: -1;

  height: 100%;

}

.banner.banner-style-7::after {

  top: auto;

  bottom: 0;

  background: -webkit-gradient(linear, left bottom, left top, color-stop(-4.45%, #000000), color-stop(66.48%, rgba(0, 0, 0, 0)));

  background: linear-gradient(0deg, #000000 -4.45%, rgba(0, 0, 0, 0) 66.48%);

}

[data-theme=dark] .banner {

  --color-black-rgb: 0, 0, 0;

}



.banner-section-style-3 {

  position: relative;

}

.banner-section-style-3 .banner-thumnail-area-3 {

  counter-reset: post-counter;

  position: absolute;

  right: 0;

  bottom: 0;

  max-width: 1140px;

  background: rgba(0, 0, 0, 0.3);

  -webkit-backdrop-filter: blur(20px);

          backdrop-filter: blur(20px);

  z-index: 44;

  padding: 40px;

}

@media (max-width: 1399px) {

  .banner-section-style-3 .banner-thumnail-area-3 {

    max-width: 710px;

  }

}

@media (max-width: 991px) {

  .banner-section-style-3 .banner-thumnail-area-3 {

    max-width: calc(100% - 55px);

  }

}

@media (max-width: 575px) {

  .banner-section-style-3 .banner-thumnail-area-3 {

    max-width: 100%;

    padding: 40px 20px;

  }

}

.banner-section-style-3 .banner-thumnail-area-3 .swiper-container {

  position: static;

}

.banner-section-style-3 .banner-thumnail-area-3 .post-sm .post-img img {

  -webkit-filter: grayscale(1);

          filter: grayscale(1);

}

.banner-section-style-3 .banner-thumnail-area-3 .swiper-slide.swiper-slide-active .post-sm .post-img img {

  -webkit-filter: grayscale(0);

          filter: grayscale(0);

}

.banner-section-style-3 .banner-thumnail-area-3 .slider-navigation {

  position: absolute;

  left: -55px;

  top: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  height: 100%;

}

@media (max-width: 575px) {

  .banner-section-style-3 .banner-thumnail-area-3 .slider-navigation {

    display: none;

  }

}

.banner-section-style-3 .banner-thumnail-area-3 .slider-navigation .slider-btn {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  margin: 0;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

          flex: 0 0 50%;

  width: 55px;

  height: auto;

  border-radius: 0;

  border: none;

  background: rgba(0, 0, 0, 0.3);

  -webkit-backdrop-filter: blur(20px);

          backdrop-filter: blur(20px);

  border-radius: 0px;

  color: #fff;

  border: 1px solid rgba(255, 255, 255, 0.2);

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.banner-section-style-3 .banner-thumnail-area-3 .slider-navigation .slider-btn::after {

  display: none;

}

.banner-section-style-3 .banner-thumnail-area-3 .slider-navigation .slider-btn:hover {

  color: var(--color-primary);

}

.banner-section-style-3 .swiper-slide-active .sports-slider-bg-image {

  -webkit-transform: scale(1.15);

          transform: scale(1.15);

}

.banner-section-style-3 .swiper-slide-active .banner-content.style-7 {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(0) translateX(0);

  transform: translateY(0) translateX(0);

}

.banner-section-style-3 .sports-slider-bg-image {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  -webkit-transform-origin: top center;

          transform-origin: top center;

  -webkit-transform: scale(1);

  transform: scale(1);

  -webkit-transition: -webkit-transform 7000ms ease-in-out;

  transition: -webkit-transform 7000ms ease-in-out;

  transition: transform 7000ms ease-in-out;

  transition: transform 7000ms ease-in-out, -webkit-transform 7000ms ease-in-out;

  z-index: -1;

}

.banner-section-style-3 .banner-content.style-7 {

  position: relative;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(90px);

          transform: translateY(90px);

  -webkit-transition-delay: 1000ms;

          transition-delay: 1000ms;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;

  z-index: 2;

}



.banner-content .banner-title {

  color: var(--color-white);

}

.banner-content .banner-title a {

  color: inherit;

  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-white)), color-stop(98%, var(--color-white)));

  background: linear-gradient(to bottom, var(--color-white) 0%, var(--color-white) 98%);

  background-size: 0 2px;

  background-repeat: no-repeat;

  background-position: left 100%;

}

.banner-content .banner-title:hover a {

  background-size: 100% 2px;

}

@media (min-width: 992px) {

  .banner-content.style-2 {

    padding-top: 200px;

    padding-bottom: 200px;

  }

}

.banner-content.style-2 .banner-title {

  color: var(--color-white);

  font-size: 3rem;

}

.banner-content.style-2 .banner-title a {

  color: inherit;

}

@media (max-width: 767px) {

  .banner-content.style-2 .banner-title {

    font-size: 1.875rem;

  }

}

[data-theme=dark] .banner-content.style-2 {

  --color-white: #fff;

}

[data-theme=dark] .banner-content.style-2 .rt-read-more-primary {

  border-color: transparent;

}

[data-theme=dark] .banner-content.style-2 .rt-read-more-primary:hover {

  border-color: var(--color-white);

}

.banner-content.style-7 .banner-title {

  color: var(--color-white);

  font-size: 2.25rem;

}

.banner-content.style-7 .banner-title a {

  color: inherit;

}

[data-theme=dark] .banner-content.style-7 {

  --color-white: #fff;

}



.banner-thumb-area {

  position: absolute;

  top: 0;

  right: 0;

  width: 33%;

  height: 100%;

}

.banner-thumb-area::before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(var(--color-black-rgb), 0.5);

  z-index: -1;

}

@media (max-width: 1400px) {

  .banner-thumb-area {

    display: none;

  }

}



.thumb-list {

  height: 390px;

  max-width: 55%;

  position: absolute;

  top: 40%;

  -webkit-transform: translateY(-40%);

          transform: translateY(-40%);

  left: 56px;

  overflow-y: scroll;

}

@media (max-width: 1600px) {

  .thumb-list {

    max-width: 70%;

  }

}

.thumb-list .list-item {

  margin-bottom: 35px;

}

.thumb-list .list-item:last-child {

  margin-bottom: 0;

}

.thumb-list::-scrollbar {

  width: 2px;

}

.thumb-list::-scrollbar-track {

  -webkit-box-shadow: inset 0 0 5px #2e3240;

          box-shadow: inset 0 0 5px #2e3240;

  border-radius: 10px;

}

.thumb-list::-scrollbar-thumb {

  background: var(--color-primary);

  border-radius: 15px;

}

.thumb-list::-webkit-scrollbar {

  width: 2px;

}

.thumb-list::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 20px rgba(var(--color-white), 0.2);

          box-shadow: inset 0 0 20px rgba(var(--color-white), 0.2);

}

.thumb-list::-webkit-scrollbar-thumb {

  background: var(--color-primary);

}



/*inner banner breadcrumb*/

.rt-breadcrumb-wrap .breadcrumb {

  padding: 0;

  margin-bottom: 0;

  background-color: transparent;

  border-radius: 0;

}

.rt-breadcrumb-wrap .breadcrumb .breadcrumb-item {

  font-size: 0.875rem;

  padding-left: 8px;

}

.rt-breadcrumb-wrap .breadcrumb .breadcrumb-item a {

  font-size: 0.875rem;

  color: #646464;

  text-transform: capitalize;

}

[data-theme=dark] .rt-breadcrumb-wrap .breadcrumb .breadcrumb-item a {

  color: #d7d7d7;

}

.rt-breadcrumb-wrap .breadcrumb .breadcrumb-item a:hover {

  color: var(--color-primary);

}

.rt-breadcrumb-wrap .breadcrumb .breadcrumb-item a i {

  font-size: 0.75rem;

  margin-right: 2px;

  display: inline-block;

  font-weight: 600;

}

.rt-breadcrumb-wrap .breadcrumb .breadcrumb-item.active {

  color: var(--color-primary);

}

.rt-breadcrumb-wrap .breadcrumb .breadcrumb-item::before {

  padding-right: 8px;

  color: #646464;

  content: "";

  font-family: var(--font-awesome);

  font-size: 0.75rem;

  font-weight: 600;

  margin-top: 2px;

}

[data-theme=dark] .rt-breadcrumb-wrap .breadcrumb .breadcrumb-item::before {

  color: #d7d7d7;

}

.rt-breadcrumb-wrap .breadcrumb .breadcrumb-item:first-child {

  padding-left: 0;

}

.rt-breadcrumb-wrap .breadcrumb .breadcrumb-item:first-child::before {

  display: none;

}



.rt-text-truncate {

  display: inline-block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

@media (max-width: 991px) {

  .rt-text-truncate {

    max-width: 285px;

  }

}

@media (max-width: 767px) {

  .rt-text-truncate {

    max-width: 200px;

  }

}

@media (max-width: 575px) {

  .rt-text-truncate {

    max-width: 100px;

  }

}



/*author-big-box-style-1*/

.author-big-box-style-1 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.author-big-box-style-1 .author-img {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 170px;

          flex: 0 0 170px;

}

@media (min-width: 992px) {

  .author-big-box-style-1 .author-img {

    margin-right: 30px;

  }

}

.author-big-box-style-1 .author-img img {

  width: 170px;

  height: 170px;

  border-radius: 50%;

  border: 5px solid #fff;

}

.author-big-box-style-1 .author-content .title {

  color: #fff;

  margin-bottom: 4px;

  font-size: 1.875rem;

}

.author-big-box-style-1 .author-content .designation {

  color: #fff;

  display: block;

  font-family: var(--font-title);

  font-weight: 500;

  position: relative;

  padding-bottom: 10px;

  margin-bottom: 20px;

}

.author-big-box-style-1 .author-content .designation::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 45px;

  height: 3px;

  background: var(--color-primary);

}

.author-big-box-style-1 .author-content p {

  color: #ededed;

}

.author-big-box-style-1 .author-social-area {

  -ms-flex-preferred-size: 75%;

      flex-basis: 75%;

}

@media (max-width: 991px) {

  .author-big-box-style-1 {

    display: block;

  }

  .author-big-box-style-1 .author-img {

    margin-bottom: 25px;

  }

}



.banner-section-style-2 {

  position: relative;

}

.banner-section-style-2 .banner-thumnail-area-2 {

  position: absolute;

  top: 0;

  right: 0;

  width: 33%;

  height: 100%;

  z-index: 2;

}

.banner-section-style-2 .banner-thumnail-area-2::before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);

  z-index: -1;

  padding-right: 30px;

}

.banner-section-style-2 .banner-thumnail-area-2 .swiper-pagination {

  left: auto;

  right: 0;

}

.banner-section-style-2 .banner-thumnail-area-2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

  background-color: var(--color-primary);

}

@media (max-width: 991px) {

  .banner-section-style-2 .banner-thumnail-area-2 {

    left: 0;

    right: unset;

    top: unset;

    bottom: 0;

    width: 100%;

    height: 150px;

    padding-right: 0;

  }

  .banner-section-style-2 .banner-thumnail-area-2 .swiper-wrapper {

    margin-top: 0;

  }

}

.banner-section-style-2 .banner-slider-thumbnail-style-2 {

  height: 400px;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  max-width: 85%;

  width: 100%;

  overflow: hidden;

}

@media (max-width: 991px) {

  .banner-section-style-2 .banner-slider-thumbnail-style-2 {

    height: auto;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

  }

  .banner-section-style-2 .banner-slider-thumbnail-style-2 .outer-container {

    margin: 0 auto;

  }

}



.banner-slider-thumbnail-style-3 .rt-post.post-sm {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



/*===============================

//  who we are

===============================*/

.who-we-are-style-1 {

  position: relative;

  padding-top: 50;/*80px;*/

  padding-bottom:30; /*50px;*/

}

@media (max-width: 991px) {

  .who-we-are-style-1 {

    padding-top: 30px;

    padding-bottom: 1P11420px;

  }

}



.about-img-gallery-style-1 {

  position: relative;

  min-height: 690px;

  margin-right: 20px;

}

@media (max-width: 991px) {

  .about-img-gallery-style-1 {

    margin-right: 0;

  }

}

.about-img-gallery-style-1 .about-img-gallery-list li {

  position: absolute;

  overflow: hidden;

}

.about-img-gallery-style-1 .about-img-gallery-list li:nth-child(1) {

  left: 0;

  top: 0;

  max-width: 400px;

  width: 100%;

}

@media (max-width: 991px) {

  .about-img-gallery-style-1 .about-img-gallery-list li:nth-child(1) {

    max-width: 370px;

  }

}

.about-img-gallery-style-1 .about-img-gallery-list li:nth-child(2) {

  right: 0;

  top: 75px;

  max-width: 300px;

  width: 100%;

}

@media (max-width: 1199px) {

  .about-img-gallery-style-1 .about-img-gallery-list li:nth-child(2) {

    max-width: 330px;

  }

}

@media (max-width: 991px) {

  .about-img-gallery-style-1 .about-img-gallery-list li:nth-child(2) {

    max-width: 300px;

  }

}

.about-img-gallery-style-1 .about-img-gallery-list li:nth-child(3) {

  right: 0;

  bottom: 0;

  max-width: 520px;

  width: 100%;

  border: 25px solid var(--color-white);

}

@media (max-width: 767px) {

  .about-img-gallery-style-1 .about-img-gallery-list li {

    position: static;

    margin-bottom: 20px;

    max-width: 100%;

    width: 100%;

  }

  .about-img-gallery-style-1 .about-img-gallery-list li:nth-child(1) {

    max-width: 100%;

  }

  .about-img-gallery-style-1 .about-img-gallery-list li:nth-child(2) {

    max-width: 100%;

  }

  .about-img-gallery-style-1 .about-img-gallery-list li:nth-child(3) {

    max-width: 100%;

    border: none;

  }

}

@media (max-width: 767px) {

  .about-img-gallery-style-1 .shape-list {

    display: none;

  }

}

.about-img-gallery-style-1 .shape-list li {

  position: absolute;

  z-index: -1;

}

.about-img-gallery-style-1 .shape-list li:nth-child(1) {

  right: 60px;

  top: 28px;

}

.about-img-gallery-style-1 .shape-list li:nth-child(2) {

  left: 83px;

  bottom: 115px;

}

@media (max-width: 991px) {

  .about-img-gallery-style-1 .shape-list li:nth-child(2) {

    left: 54px;

    bottom: 140px;

  }

}



/*skill wrap layou t2*/

.skills-wrap-layout-1 .single-skill {

  margin-bottom: 16px;

}

.skills-wrap-layout-1 .title-bar .title {

  font-size: 0.875rem;

  text-transform: capitalize;

  color: var(--color-black);

  font-family: var(--font-body);

  font-weight: 400;

}

.skills-wrap-layout-1 .skill-bar {

  height: 6px;

  background-color: #e8e8e8;

  border-radius: 4px;

}

.skills-wrap-layout-1 .skill-bar .skill-per {

  position: relative;

  height: 6px;

  width: 0;

  border-radius: 4px;

  background-color: var(--color-primary);

  -webkit-transition: 2s linear;

  transition: 2s linear;

}

.skills-wrap-layout-1 .skill-bar .skill-per::before {

  content: attr(data-per);

  position: absolute;

  font-size: 1.125rem;

  font-weight: 500;

  color: var(--color-black);

  bottom: 12px;

  right: 0;

  font-family: var(--font-body);

}

.skills-wrap-layout-1 .skill-bar .skill-per::after {

  content: "";

  position: absolute;

  right: -1px;

  bottom: -5px;

  width: 18px;

  height: 18px;

  border-radius: 50%;

  background-color: #6b92ff;

  -webkit-box-shadow: 0 9px 10px 0 rgba(41, 98, 255, 0.42);

          box-shadow: 0 9px 10px 0 rgba(41, 98, 255, 0.42);

}



/*about-content-area-2*/

.about-content-area-2 {

  max-width: 88%;

  width: 100%;

}

@media (max-width: 1199px) {

  .about-content-area-2 {

    max-width: 100%;

  }

}



/*about-video-wrap-style-1*/

.about-video-wrap-style-1 {

  margin: 0 45px;

  position: relative;

}

.about-video-wrap-style-1 .shape {

  position: absolute;

  right: -35px;

  bottom: -32px;

  z-index: 1;

}

@media (max-width: 1199px) {

  .about-video-wrap-style-1 {

    margin: 0;

  }

}

.about-video-wrap-style-1 .item-img {

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.about-video-wrap-style-1 .item-img::after {

  background-color: rgba(var(--color-black), 0.2);

}

.about-video-wrap-style-1 .item-img img {

  -webkit-transform: scale(1);

          transform: scale(1);

  -webkit-transition: all 1.5s ease-out;

  transition: all 1.5s ease-out;

}

.about-video-wrap-style-1 .item-img img:hover {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}

.about-video-wrap-style-1 .item-img .rt-play-over {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  z-index: 2;

}



[data-theme=dark] .about-section-style-2 {

  background: var(--color-dark-bg_2) !important;

}



/*============================

// team-seciton-style-1

===========================*/

.team-seciton-style-1 {

  position: relative;

  overflow: hidden;

}

.team-seciton-style-1 .shape-circle {

  position: absolute;

  right: 0;

  top: -120px;

  z-index: -1;

}



/*=============================

//  team-box-style-1

=============================*/

.team-box-style-1 .team-img {

  overflow: hidden;

  position: relative;

  margin-bottom: 15px;

}

.team-box-style-1 .team-img img {

  -webkit-transform: scale(1);

          transform: scale(1);

  -webkit-transition: all 1.5s ease-out;

  transition: all 1.5s ease-out;

  -webkit-filter: grayscale(0);

          filter: grayscale(0);

}

.team-box-style-1 .team-content {

  text-align: center;

  padding: 10px;

}

.team-box-style-1 .team-content .name {

  font-size: 1.0rem;

  margin-bottom: 8px;

}

.team-box-style-1 .team-content .name a {

  color: var(--color-black);

}

.team-box-style-1 .team-content .name a:hover {

  color: var(--color-primary);

}

.team-box-style-1 .team-content .designation {

  display: block;

  margin-bottom: 15px;

}

.team-box-style-1:hover .team-img img {

  -webkit-filter: grayscale(0);

          filter: grayscale(0);

  -webkit-transform: scale(1.3);

          transform: scale(1.3);

}



/*=============================

// rt-post

=============================*/

.rt-post {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.rt-post.post-thumb {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.rt-post.post-thumb .post-img {

  border-radius: 0;

}

.rt-post.post-thumb .post-img img {

  border-radius: 0;

  -webkit-filter: grayscale(1);

          filter: grayscale(1);

}

.swiper-slide-thumb-active .rt-post.post-thumb .post-img {

  position: relative;

}

.swiper-slide-thumb-active .rt-post.post-thumb .post-img img {

  -webkit-filter: grayscale(0);

          filter: grayscale(0);

}

.rt-post.post-thumb .rt-post-cat-normal {

  color: var(--color-white);

}

.rt-post.post-thumb .post-title {

  color: var(--color-white);

  font-weight: 600;

}

.rt-post.post-thumb:hover .post-img img {

  -webkit-transform: scale(1.02);

          transform: scale(1.02);

}

.rt-post.white-style .post-title a {

  color: var(--color-white);

}

[data-theme=dark] .rt-post.white-style {

  --color-white: #fff;

}

.rt-post .post-img {

  -ms-flex-negative: 0;

      flex-shrink: 0;

  border-radius: var(--border-radius-xs);

  overflow: hidden;

  position: relative;

}

.rt-post .post-img .rt-play-over {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  z-index: 2;

}

.rt-post .post-img img {

  border-radius: var(--border-radius-xs);

  transition: all 1s ease;

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -ms-transition: all 1s ease;

  -webkit-transform: scale(1.02);

          transform: scale(1.02);

}

.rt-post .post-content {

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

}

.rt-post:hover .post-img img {

  -webkit-transform: scale3d(1.1, 1.1, 1);

          transform: scale3d(1.1, 1.1, 1);

}



.post-title {

  color: var(--color-black);

}

.post-title a,

.post-title .title-ex {

  color: inherit;

  display: inline;

  padding-bottom: 0;

  -webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);

  transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);

  background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor));

  background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);

  background-size: 0 1px;

  background-repeat: no-repeat;

  background-position: left 100%;

}

.post-title.title-ex_2 {

  font-size: 1.25rem;

}

.post-title.title-ex_2 a {

  background-size: 0 2px;

}

.post-title.title-ex_2:hover a {

  background-size: 100% 2px;

}

.post-title.bold-underline a {

  background-size: 0 2px;

}

.post-title.bold-underline:hover a {

  background-size: 100% 2px;

}

.post-title:hover a {

  background-size: 100% 1px;

}



/*===========================

//  feature-section-style-1

=============================*/

.feature-section-style-1 {

  background-color: #f7f7f7;

  padding-top: 40px;

  padding-bottom: 40px;

  counter-reset: post-counter;

}

[data-theme=dark] .feature-section-style-1 {

  background-color: #171818;

}



.feature-section-style-2 {

  padding-top: 30px;

  padding-bottom: 30px;

  counter-reset: post-counter;

  background-color: var(--color-white);

}

[data-theme=dark] .feature-section-style-2 {

  background-color: var(--color-dark-bg_2);

}



/*============================

// post-sm

=============================*/

.post-sm .post-content .post-title {

  font-size: 0.85rem;/*font-size: 1rem;*/

}

.post-sm.style-1 {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.post-sm.style-1 .post-img {

  border-radius: 50%;

  overflow: unset;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 100px;

          flex: 0 0 100px;

}

.post-sm.style-1 .post-img::after {

  right: 0;

  top: 10px;

  width: 24px;

  height: 24px;

  border-radius: 50%;

  border: 3px solid #fff;

  background-color: #555555;

  font-size: 0.75rem;

  color: #fff;

  counter-increment: post-counter;

  content: counter(post-counter);

  font-weight: 500;

}

[data-theme=dark] .post-sm.style-1 .post-img::after {

  color: var(--color-black);

}

.post-sm.style-1 .post-img img {

  width: 100px;

  height: 100px;

  border-radius: 50%;

}

.post-sm.style-1:hover .post-img img {

  -webkit-transform: scale(1.02);

          transform: scale(1.02);

}

.post-sm.style-2 .post-img {

  margin-left: 24px;

}

.post-sm.style-2 .post-img::after {

  left: 0;

  bottom: 0;

  width: 27px;

  height: 27px;

  border-top-right-radius: 3px;

  background-color: var(--color-white);

  font-size: 1rem;

  color: var(--color-primary);

  counter-increment: post-counter;

  content: counter(post-counter);

  font-weight: 500;

}

.whats-new-wrap .post-sm.style-2 .post-img::after {

  background-color: var(--color-black);

  color: var(--color-white);

}

[data-theme=dark] .post-sm.style-2 .post-img::after {

  --color-white: #fff;

  --color-black: #000;

}

.post-sm.style-2.layout-2 {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.post-sm.style-2.layout-2 .post-img {

  margin-left: 0px;

  /*margin-right: 24px;*/

}

.post-sm.style-2.layout-2 .post-img::after {

  display: none;

}

.post-sm .post-img {

  position: relative;

}

.post-sm .post-img::after {

  content: "";

  position: absolute;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-weight: 500;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.right-siderbar .post-sm .post-img {

  max-width: 100px;

  width: 100%;

}

@media (max-width: 767px) {

  .post-sm.white-style {

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

  }

}

.post-sm.white-style .post-img {

  border-radius: 50%;

}

.post-sm.white-style .post-title {

  font-size: 0.9375rem;

  font-weight: 600;

}

.post-sm.white-style .post-title a {

  color: #ebebeb;

  -webkit-transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);

  transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);

  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-white)), color-stop(98%, var(--color-white)));

  background: linear-gradient(to bottom, var(--color-white) 0%, var(--color-white) 98%);

  background-size: 0 1px;

  background-repeat: no-repeat;

  background-position: left 100%;

}

.post-sm.white-style .rt-post-cat-normal {

  color: #d0d0d0;

}

.post-sm.white-style .rt-meta {

  color: #d0d0d0;

}

.post-sm.white-style .post-img::after {

  display: none;

}

.post-sm.white-style:hover .post-title a {

  background-size: 100% 1px;

}

.post-sm.style-3 .post-img {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 216px;

          flex: 0 0 216px;

  border-radius: 0;

}

.post-sm.style-3 .post-img a {

  height: 100%;

}

.post-sm.style-3 .post-img a img {

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.post-sm.style-3 .post-content {

  border: 1px solid var(--color-border);

  border-right: none;

  padding: 20px;

}

@media (max-width: 575px) {

  .post-sm.style-3 {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

            flex-direction: column-reverse;

  }

  .post-sm.style-3 .post-img {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

            flex: 0 0 100%;

  }

  .post-sm.style-3 .post-img a {

    width: 100%;

  }

  .post-sm.style-3 .post-img img {

    width: 100%;

  }

  .post-sm.style-3 .post-content {

    border: 1px solid var(--color-border);

    border-top: none;

  }

}

.post-sm.style-4 .post-img {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 190px;

          flex: 0 0 190px;

  border-radius: 0;

}

.post-sm.style-4 .post-img a {

  height: 100%;

}

.post-sm.style-4 .post-img a img {

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.post-sm.style-4 .post-content {

  padding: 20px;

}

@media (min-width: 992px) {

  .post-sm.style-4.border-only {

    border-right: 1px solid var(--color-border);

  }

}

@media (max-width: 575px) {

  .post-sm.style-4 {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .post-sm.style-4 .post-img {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

            flex: 0 0 100%;

  }

  .post-sm.style-4 .post-img a {

    width: 100%;

  }

  .post-sm.style-4 .post-img img {

    width: 100%;

  }

  .post-sm.style-4 .post-content {

    border: 1px solid var(--color-border);

    border-top: none;

  }

}

.post-sm:hover .post-img::after {

  background-color: var(--color-primary);

  color: var(--color-white);

}

.whats-new-wrap .post-sm:hover .post-img::after {

  background-color: var(--color-primary);

  color: var(--color-white);

}



/*============================

// rt-post-overlay

=============================*/

/*rt-post-overlay*/

.rt-post-overlay {

  position: relative;

  height: 100%;

}

.rt-post-overlay .post-img {

  height: 100%;

  position: relative;

  border-radius: var(--border-radius-xs);

  overflow: hidden;

}

.rt-post-overlay .post-img > a:first-of-type {

  position: relative;

  display: block;

}

.rt-post-overlay .post-img > a:first-of-type::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(59%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.8)));

  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 59%, rgba(0, 0, 0, 0.8) 100%);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  border-bottom-left-radius: var(--border-radius-xs);

  border-bottom-right-radius: var(--border-radius-xs);

}

.rt-tending-slider-style-2 .rt-post-overlay .post-img > a:first-of-type::after {

  border-radius: 0;

}

.rt-post-overlay .post-img .rt-play-over-right-bottom {

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: 9;

}

.rt-post-overlay .post-img .rt-play-over {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  z-index: 3;

}

@media (max-width: 767px) {

  .rt-post-overlay .post-img .rt-play-over.sm-right {

    -webkit-transform: none;

            transform: none;

    left: unset;

    top: unset;

    right: 30px;

    top: 30px;

  }

}

@media (max-width: 991px) {

  .rt-post-overlay .post-img .rt-play-over.md-right {

    -webkit-transform: none;

            transform: none;

    left: unset;

    top: unset;

    right: 30px;

    top: 30px;

  }

}

.rt-post-overlay .post-img .right-top {

  position: absolute;

  right: 30px;

  top: 30px;

  z-index: 3;

}

.rt-post-overlay .post-img img {

  height: 100%;
   max-width: 100%;  
  -o-object-fit: cover;

    /* object-fit: cover;*/

  -webkit-transform: scale(1.02);

          transform: scale(1.02);

  transition: all 1.5s ease-out;

  -webkit-transition: all 1.5s ease-out;

  -moz-transition: all 1.5s ease-out;

  -ms-transition: all 1.5s ease-out;

}

.rt-post-overlay .post-img + .post-content {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  z-index: 2;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  -webkit-transform: translateY(0);

          transform: translateY(0);

  padding: 25px;

}

.rt-post-overlay .post-content .post-title {

  font-size: 1.424rem;

  margin-bottom: 10px;

  color: #fff;

}

.rt-post-overlay .post-content .post-title a {

  color: inherit;

  background-size: 0 2px;

}

.rt-post-overlay .post-content .post-title:hover {

  color: #fff;

}

.rt-post-overlay .post-content .post-title:hover a {

  background-size: 100% 2px;

}

.rt-post-overlay.rt-post-overlay-xl .post-img + .post-content {

  padding: 50px;

}

@media (max-width: 767px) {

  .rt-post-overlay.rt-post-overlay-xl .post-img + .post-content {

    padding: 25px;

  }

}

.rt-post-overlay.rt-post-overlay-xl .post-title {

  font-size: 1.5rem;

}

.rt-post-overlay.rt-post-overlay-xl.layout-1 .post-title {

  font-size: 1.50rem;/*font-size: 2.25rem;*/

}

@media (max-width: 575px) {

  .rt-post-overlay.rt-post-overlay-xl.layout-1 .post-title {

    font-size: 1.10rem;

  }

}

.rt-post-overlay.rt-post-overlay-xl.layout-2 .post-title {

  font-size: 1.75rem;

}

.rt-post-overlay.ex-layout .post-img img {

  min-height: 370px;

}

.rt-post-overlay.rt-post-overlay-lg .post-title {

  font-size: 1.5rem;

}

.rt-post-overlay.rt-post-overlay-lg.layout-4 .post-img img {

  min-height: 550px;

}

@media (max-width: 767px) {

  .rt-post-overlay.rt-post-overlay-lg.layout-4 .post-img img {

    min-height: 450px;

  }

}

.rt-post-overlay.rt-post-overlay-lg.layout-4 .post-title {

  font-size: 1.5rem;

}

@media (min-width: 1400px) {

  .rt-post-overlay.rt-post-overlay-lg.layout-5 .post-content {

    max-width: 70%;

    width: 100%;

  }

}

@media (min-width: 1200px) {

  .rt-post-overlay.rt-post-overlay-lg.layout-5 .post-content {

    max-width: 80%;

    width: 100%;

  }

}

@media (min-width: 992px) {

  .rt-post-overlay.rt-post-overlay-lg.layout-5 .post-content {

    max-width: 75%;

    width: 100%;

  }

}

.rt-post-overlay.rt-post-overlay-lg.layout-6 .post-img img {

  min-height: 520px;

}

@media (max-width: 767px) {

  .rt-post-overlay.rt-post-overlay-lg.layout-6 .post-img img {

    min-height: 450px;

  }

}

.rt-post-overlay.rt-post-overlay-lg.layout-6 .post-title {

  font-size: 1.375rem;

}

.rt-post-overlay.rt-post-overlay-md .post-img img {

  min-height: 350px;

}

.rt-post-overlay.rt-post-overlay-md .post-title {

  font-size: 1.25rem;

}

.rt-post-overlay.rt-post-overlay-md.layout-3 .post-img {

  height: auto;

}

.rt-post-overlay.rt-post-overlay-md.layout-3 .post-img img {

  min-height: 290px;

  height: 290px;

}

@media (max-width: 991px) {

  .rt-post-overlay.rt-post-overlay-md.layout-3 .post-img {

    height: 100%;

  }

  .rt-post-overlay.rt-post-overlay-md.layout-3 .post-img img {

    min-height: 350px;

    height: 350px;

  }

}

.rt-post-overlay.rt-post-overlay-md.layout-3 .post-title {

  font-size: 1.25rem;

}

.rt-post-overlay.rt-post-overlay-md.layout-4 {

  -webkit-box-shadow: 0px 11px 21px 0px rgba(0, 0, 0, 0.2);

          box-shadow: 0px 11px 21px 0px rgba(0, 0, 0, 0.2);

  border-radius: var(--border-radius-xs);

}

.rt-post-overlay.rt-post-overlay-md.layout-4 .post-img img {

  min-height: 520px;

}

.rt-post-overlay.rt-post-overlay-md.layout-6 .post-img img {

  min-height: 480px;

}

.rt-post-overlay.rt-post-overlay-sm .post-title {

  font-size: 1.125rem;

}

.rt-post-overlay.rt-post-overlay-sm .post-title a {

  background-size: 0 1px;

}

.rt-post-overlay.rt-post-overlay-sm .post-title:hover .post-title a {

  background-size: 100% 1px;

}

.rt-post-overlay.rt-post-overlay-sm:hover .post-title a {

  background-size: 100% 1px;

}

.rt-post-overlay:hover .post-img img {

  -webkit-transform: scale3d(1.1, 1.1, 1);

          transform: scale3d(1.1, 1.1, 1);

}

.rt-post-overlay.post-trending .post-img {

  border-radius: 0;

}

.rt-post-overlay.post-trending .post-img img {

  min-height: 600px;

  border-radius: 0;

}

.rt-post-overlay.post-trending .post-img::after {

  border-radius: 0;

}

@media (max-width: 767px) {

  .rt-post-overlay .post-img img {

    max-height: 300px;

  }

}

.rt-post-overlay.single-post-overlay .post-img {

  border-radius: 0;

}

.rt-post-overlay.single-post-overlay .post-img img {

  border-radius: 0;

}

@media (max-width: 991px) {

  .rt-post-overlay.single-post-overlay .post-img img {

    min-height: 500px;

  }

}

.rt-post-overlay.single-post-overlay .post-img::after {

  border-radius: 0;

}

@media (min-width: 1200px) {

  .rt-post-overlay.single-post-overlay .post-content {

    max-width: 80%;

    width: 100%;

  }

}



/*post md*/

.post-md .post-img {

  -ms-flex-negative: 1;

      flex-shrink: 1;

  overflow: hidden;

}



.post-md .post-img img {

  -webkit-transform: scale(1.02);

          transform: scale(1.02);

  transition: all 0.8s ease;

  -webkit-transition: all 0.8s ease;

  -moz-transition: all 0.8s ease;

  -ms-transition: all 0.8s ease;

}



.post-md .post-content {

  padding-left: 24px;

}

.post-md .post-content .post-title {

  font-size:1rem;/*1.125rem;*/

}

.post-md.style-2 .post-img {

  -webkit-box-flex: 1;

      -ms-flex: auto;

          flex: auto;

  min-width: 350px;

  max-width: 350px;

  width: 100%;

}

.post-md.style-2 .post-img > a:first-of-type {

  width: 100%;

  height: 100%;

  display: block;

}

.post-md.style-2 .post-img > a:first-of-type img {

  height: 100%;

}

.post-md.style-2 .post-img .rt-play-over-right-bottom {

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: 9;

  background-color: #6a6a6a;

}

.post-md.style-2 .post-img .rt-play-over-right-bottom:hover {

  background-color: var(--color-primary);

}

.post-md.style-2 .post-content {

  padding-left: 24px;

}

.post-md.style-2 .post-content .post-title {

  font-size: 1.375rem;

}

.post-md.style-2 .post-content .post-title a {

  background-size: 0 2px;

}

.post-md.style-2 .post-content .post-title:hover a {

  background-size: 100% 2px;

}

@media (max-width: 991px) {

  .post-md.style-2 {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .post-md.style-2 .post-img {

    max-width: 100%;

    min-width: 100%;

  }

  .post-md.style-2 .post-content {

    padding: 20px 0;

    padding-left: 0;

  }

}

.post-md.style-3 {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.post-md.style-3 .post-img {

  max-width: 220px;

  width: 100%;

}

.post-md.style-3 .post-title {

  font-size: 1rem;

}

@media (max-width: 767px) {

  .post-md.style-3 {

    display: block;

  }

  .post-md.style-3 .post-img {

    max-width: 100%;

  }

  .post-md.style-3 .post-img a {

    width: 100%;

    display: block;

  }

  .post-md.style-3 .post-img img {

    width: 100%;

  }

}

.post-md.style-3.layout-2 .post-img {

  max-width: 210px;

}

@media (max-width: 767px) {

  .post-md.style-3.layout-2 .post-img {

    max-width: 100%;

  }

  .post-md.style-3.layout-2 .post-img a {

    width: 100%;

    display: block;

  }

  .post-md.style-3.layout-2 .post-img img {

    width: 100%;

  }

}

.post-md.style-4 .post-img {

  max-width: 50%;

  width: 100%;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

          flex: 0 0 50%;

}

.post-md.style-4 .post-content {

  text-align: center;

}

.post-md.style-4 .post-meta ul {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

@media (min-width: 992px) {

  .post-md.style-4 .post-content {

    padding: 20px;

  }

}

@media (max-width: 991px) {

  .post-md.style-4 .post-img {

    max-width: 100%;

  }

  .post-md.style-4 .post-content {

    text-align: left;

  }

  .post-md.style-4 .post-meta ul {

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start;

  }

}

.post-md.style-5 {

  display: block;

}

.post-md.style-5 .post-img {

  max-width: 100%;

}

.post-md.style-5 .post-content {

  padding: 25px 0;

}

.post-md.style-5 .post-title {

  font-size: 1.25rem;/*font-size: 1.75rem;*/

}

.post-md.style-5 .post-title a {

  background-size: 0 2px;

}

.post-md.style-5 .post-title:hover a {

  background-size: 100% 2px;

}

.post-md.style-7 .post-img {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

}

.post-md.style-7 .post-content {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  padding-left: 24px;

}

@media (max-width: 991px) {

  .post-md.style-7 {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .post-md.style-7 .post-content {

    padding-left: 0;

    padding: 20px 0;

  }

}

.post-md.style-7 .post-title {

  font-size:1.125rem; /*1.375rem;*/

}

.post-md.style-7 .post-title a {

  background-size: 0 2px;

}

.post-md.style-7 .post-title:hover a {

  background-size: 100% 2px;

}

@media (max-width: 767px) {

  .post-md {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

  }

  .post-md .post-content {

    padding: 20px 0;

    padding-left: 0;

  }

}

.post-md.style-6 .post-img {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 280px;

          flex: 0 0 280px;

  width: 100%;

}

.post-md.style-6 .post-img > a:first-of-type {

  width: 100%;

  height: 100%;

  display: block;

}

.post-md.style-6 .post-img > a:first-of-type img {

  height: 100%;

}

.post-md.style-6 .post-content {

  padding-left: 24px;

}

@media (max-width: 991px) {

  .post-md.style-6 {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .post-md.style-6 .post-img {

    max-width: 100%;

  }

  .post-md.style-6 .post-content {

    padding: 20px 0;

    padding-left: 0;

  }

}

.post-md.style-8 {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.post-md.style-8 .post-img {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

}

.post-md.style-8 .post-content {

  padding: 0;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  padding-left: 24px;

}

.post-md.style-8 .post-title {

  font-size: 1rem;

}

.post-md.style-9 {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

      -ms-flex-direction: row-reverse;

          flex-direction: row-reverse;

}

.post-md.style-9 .post-img {

  -webkit-box-flex: 1;

      -ms-flex: auto;

          flex: auto;

  max-width: 350px;

  min-width: 350px;

}

.post-md.style-9 .post-img > a:first-of-type {

  width: 100%;

  height: 100%;

  display: block;

}

.post-md.style-9 .post-img > a:first-of-type img {

  height: 100%;

}

.post-md.style-9 .post-content {

  padding: 0;

  padding-right: 24px;

}

.post-md.style-9 .post-title {

  font-size: 1.375rem;

}

.post-md.style-9 .post-title a {

  background-size: 0 2px;

}

.post-md.style-9 .post-title:hover a {

  background-size: 100% 2px;

}

@media (max-width: 991px) {

  .post-md.style-9 {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .post-md.style-9 .post-img {

    -webkit-box-flex: 1;

        -ms-flex: auto;

            flex: auto;

    max-width: 100%;

    min-width: 100%;

  }

  .post-md.style-9 .post-content {

    padding: 20px 0;

  }

}

.post-md.style-10 .post-img {

  min-width: 180px;

  max-width: 180px;

}

.post-md.style-10 .post-img > a:first-of-type {

  width: 100%;

  display: block;

  height: 100%;

}

.post-md.style-10 .post-img > a:first-of-type img {

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.post-md.style-10 .post-content {

  padding: 0;

  padding-left: 24px;

}

@media (max-width: 767px) {

  .post-md.style-10 .post-img {

    min-width: 100%;

    max-width: 100%;

    margin-bottom: 24px;

  }

  .post-md.style-10 .post-content {

    padding: 0;

  }

}

.post-md.style-12 {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.post-md.style-12 .post-img {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  border-radius: 0;

}

.post-md.style-12 .post-content {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  padding: 20px;

  padding-left: 24px;

}

.post-md.style-12 .post-title {

  font-size: 1.375rem;

}

.post-md.style-12 .post-title a {

  background-size: 0 2px;

}

.post-md.style-12 .post-title:hover a {

  background-size: 100% 2px;

}

@media (max-width: 991px) {

  .post-md.style-12 {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .post-md.style-12 .post-content {

    padding-left: 0;

    padding: 20px 0;

  }

}



/*=====================================

//  Top stories

=====================================*/

.top-stories-style-1 {

  padding-bottom: 35px;

  background-color: #fbf8f5;

  overflow: hidden;

}

.top-stories-style-1 .element-list li {

  position: absolute;

}

.top-stories-style-1 .element-list li:nth-child(1) {

  left: 115px;

  top: 50%;

}

.top-stories-style-1 .element-list li:nth-child(2) {

  right: 80px;

  top: 0;

}

.top-stories-style-1 .element-list li:nth-child(3) {

  right: 0;

  bottom: 0;

}

[data-theme=dark] .top-stories-style-1 {

  background-color: transparent;

}



/*rt-post-grid-xl*/

.rt-post-grid-xl .post-img {

  border-radius: var(--border-radius-xs);

  overflow: hidden;

  position: relative;

  margin-bottom: 20px;

}

.rt-post-grid-xl .post-img img {

  border-radius: var(--border-radius-xs);

  -webkit-transform: scale(1.02);

          transform: scale(1.02);

  transition: all 0.8s ease;

  -webkit-transition: all 0.8s ease;

  -moz-transition: all 0.8s ease;

  -ms-transition: all 0.8s ease;

}

.rt-post-grid-xl .post-img .post-cat {

  position: absolute;

  left: 20px;

  top: 20px;

}

.rt-post-grid-xl .post-img:hover img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}

.rt-post-grid-xl .post-title {

  font-size:0.9375rem; /*1.125rem*/

}

.sidebar-wrap .rt-post-grid-xl .post-title {

  font-size: 1rem;

}

@media (min-width: 1200px) {

  .rt-post-grid-xl.b--r {

    border-right: 1px solid var(--color-border);

  }

}

@media (min-width: 1200px) {

  .rt-post-grid-xl {

    padding-right: 24px;

  }

}

.rt-post-grid-xl p {

  margin-top: 15px;

}

.rt-post-grid-xl .cat-list .post-title {

  font-size: 0.9375rem;

}

.rt-post-grid-xl .cat-list li {

  border-top: 1px solid var(--color-border);

  padding-top: 20px;

  padding-bottom: 20px;

}

.rt-post-grid-xl .cat-list li:last-child {

  padding-bottom: 0;

}



/*rt-post-grid*/

.rt-post-grid .post-img {

  border-radius: var(--border-radius-xs);

  overflow: hidden;

  position: relative;

}

.rt-post-grid .post-img img {

  border-radius: var(--border-radius-xs);

  -webkit-transform: scale(1.02);

          transform: scale(1.02);

  transition: all 0.8s ease;

  -webkit-transition: all 0.8s ease;

  -moz-transition: all 0.8s ease;

  -ms-transition: all 0.8s ease;

}

.rt-post-grid .post-img .rt-meta-over {

  position: absolute;

  left: 20px;

  top: 20px;

}

.rt-post-grid .post-img .rt-meta-over-left-bottom {

  position: absolute;

  left: 20px;

  bottom: 0;

}

.rt-post-grid .post-img .rt-play-over {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  z-index: 2;

}

.rt-post-grid .post-content {

  padding: 20px 0;

}

.rt-post-grid .post-content .post-title {

  font-size: 0.9rem;/*font-size: 1.125rem;*/

}

.rt-post-grid:hover .post-img img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}

.rt-post-grid.post-grid-md .post-content {

  padding: 15px 0;

  padding-right: 0;

}

.rt-post-grid.post-grid-md .post-title {

  font-size: 0.9rem;  /*font-size: 1rem;*/

}

.rt-post-grid.post-grid-style-2 .post-title {

  font-size: 1.0rem;/*1.25rem;*/

}

@media (min-width: 1200px) {

  .rt-post-grid.cat-post.b--r {

    border-right: 1px solid var(--color-border);

  }

}

@media (min-width: 1200px) {

  .rt-post-grid.cat-post {

    padding-right: 24px;

  }

}

.rt-post-grid.cat-post .post-img .post-cat {

  position: absolute;

  left: 20px;

  top: 20px;

}

.rt-post-grid.cat-post p {

  margin-top: 15px;

}

.rt-post-grid.cat-post .cat-list .post-title {

  font-size: 0.9375rem;

}

.rt-post-grid.cat-post .cat-list li {

  border-top: 1px solid var(--color-border);

  padding-top: 20px;

  padding-bottom: 20px;

}

.rt-post-grid.cat-post .cat-list li:last-child {

  padding-bottom: 0;

}

.rt-post-grid.post-grid-lg-style-1 .post-content {

  margin: 0 auto;

  padding: 30px 90px;

  text-align: center;

  position: relative;

}

@media (max-width: 1400px) {

  .rt-post-grid.post-grid-lg-style-1 .post-content {

    padding: 30px 20px;

  }

}

.rt-post-grid.post-grid-lg-style-1 .post-content .shape-13 {

  position: absolute;

  left: -45px;

  top: -80px;

  z-index: -1;

}

.rt-post-grid.post-grid-lg-style-1 .post-meta ul {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

.rt-post-grid.post-grid-lg-style-1 .post-title {

  font-size: 1.75rem;

}

.rt-post-grid.post-grid-lg-style-1 .post-title a {

  background-size: 0 2px;

}

.rt-post-grid.post-grid-lg-style-1 .post-title:hover a {

  background-size: 100% 2px;

}

.rt-post-grid.rt-post-grid-style-3, .rt-post-grid.rt-post-grid-style-4 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  height: 100%;

}

.rt-post-grid.rt-post-grid-style-3 .post-img, .rt-post-grid.rt-post-grid-style-4 .post-img {

  height: 100%;

}

.rt-post-grid.rt-post-grid-style-3 .post-img a, .rt-post-grid.rt-post-grid-style-4 .post-img a {

  display: block;

  width: 100%;

  height: 100%;

}

.rt-post-grid.rt-post-grid-style-3 .post-img img, .rt-post-grid.rt-post-grid-style-4 .post-img img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.rt-post-grid.rt-post-grid-style-3 .post-content, .rt-post-grid.rt-post-grid-style-4 .post-content {

  padding: 25px;

  border: 1px solid var(--color-border);

  border-top: none;

}

.rt-post-grid.rt-post-grid-style-3 .post-content .post-title, .rt-post-grid.rt-post-grid-style-4 .post-content .post-title {

  font-size: 1.375rem;

}

.rt-post-grid.rt-post-grid-style-3 .post-content .post-title a, .rt-post-grid.rt-post-grid-style-4 .post-content .post-title a {

  background-size: 0 2px;

}

.rt-post-grid.rt-post-grid-style-3 .post-content .post-title:hover a, .rt-post-grid.rt-post-grid-style-4 .post-content .post-title:hover a {

  background-size: 100% 2px;

}

.rt-post-grid.rt-post-grid-style-4 .post-img {

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

}

.rt-post-grid.rt-post-grid-style-4 .post-content {

  background-color: #f8f8f8;

  border-color: transparent;

  border-bottom-left-radius: 4px;

  border-bottom-right-radius: 4px;

}

[data-theme=dark] .rt-post-grid.rt-post-grid-style-4 .post-content {

  background-color: var(--color-dark-bg_2);

}



/*======================================

// whats-new-wrap-style-1

=====================================*/

.featured-area-style-1 {

  counter-reset: post-counter;

}

@media (min-width: 1400px) {

  .featured-area-style-1 {

    margin-right: 28px;

  }

}



.featured-sticky {

  position: sticky;

  top: 0;

}



.featured-tab-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  margin-bottom: 40px;

}

.featured-tab-title .rt-section-heading {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  margin-bottom: 0;

  margin-right: 8px;

}

@media (max-width: 767px) {

  .featured-tab-title {

    display: block !important;

    text-align: center;

  }

  .featured-tab-title .rt-section-text {

    margin-right: 0;

  }

  .featured-tab-title .rt-section-heading {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

  .featured-tab-title .rt-section-heading .rt-section-dot,

.featured-tab-title .rt-section-heading .rt-section-line {

    display: none;

  }

  .featured-tab-title .rt-tab-menu {

    margin: 0 auto;

    margin-top: 15px;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

  .featured-tab-title .rt-tab-menu .menu-link {

    padding: 10px;

    border: none;

    border-radius: 4px !important;

  }

}



.rt-tab-menu {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

}

.right-siderbar .rt-tab-menu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.right-siderbar .rt-tab-menu .menu-item {

  width: 50%;

  text-align: center;

}

.right-siderbar .rt-tab-menu .menu-link {

  width: 100%;

  padding: 13px 20px;

  text-transform: uppercase;

}

.rt-tab-menu .menu-item {

  margin: 0;

}

.rt-tab-menu .menu-item:first-child .menu-link {

  border-top-left-radius: 3px;

  border-bottom-left-radius: 3px;

  border-left-width: 1px;

}

.rt-tab-menu .menu-item:last-child .menu-link {

  border-top-right-radius: 3px;

  border-bottom-right-radius: 3px;

  border-right-width: 1px;

}

.rt-tab-menu .menu-link {

  font-size: 0.875rem;

  color: #929292;

  font-weight: 600;

  display: inline-block;

  padding: 9px 20px;

  line-height: 1.2;

  position: relative;

  font-family: var(--font-title);

  text-transform: capitalize;

  border-color: var(--color-border);

  border-width: 1px 0;

  border-style: solid;

}

[data-theme=dark] .rt-tab-menu .menu-link {

  color: var(--color-white);

}

.rt-tab-menu .menu-link.active, .rt-tab-menu .menu-link:hover {

  color: var(--color-white);

  background-color: var(--color-primary);

  border-color: var(--color-primary);

  -webkit-box-shadow: 0px 10px 18px 0px rgba(50, 112, 252, 0.27);

          box-shadow: 0px 10px 18px 0px rgba(50, 112, 252, 0.27);

}

[data-theme=dark] .rt-tab-menu {

  --color-black: #000;

  --color-white: #fff;

}



/*post-wrap*/

.post-wrap .post-item {

  padding-bottom: 30px;

  margin-bottom: 30px;

  border-bottom: 1px solid var(--color-border);

}

.post-wrap .post-item:last-child {

  padding-bottom: 0;

  margin-bottom: 0;

  border-bottom: none;

}

@media (max-width: 991px) {

  .post-wrap .post-item {

    padding-bottom: 10px;

  }

}



/*post-wrap-style-3*/

@media (min-width: 992px) {

  .post-wrap-style-3 .post-item .post-img {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

            flex: 0 0 50%;

    max-width: 50%;

  }

  .post-wrap-style-3 .post-item .post-content {

    padding: 20px;

    text-align: center;

  }

  .post-wrap-style-3 .post-item .post-content .post-meta ul {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

}

@media (min-width: 992px) {

  .post-wrap-style-3 .post-item:nth-of-type(even) .rt-post {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

        -ms-flex-direction: row-reverse;

            flex-direction: row-reverse;

  }

}

@media (max-width: 991px) {

  .post-wrap-style-3 .post-item {

    padding-bottom: 10px;

    margin-bottom: 30px;

    border-bottom: 1px solid var(--color-border);

  }

  .post-wrap-style-3 .post-item:last-child {

    padding-bottom: 0;

    margin-bottom: 0;

    border-bottom: none;

  }

}



.whats-new-wrap {

  background-color: #fbf8f5;

  padding: 10px;

}

@media (min-width: 1400px) {

  .whats-new-wrap {

    padding: 50px;

  }

}

[data-theme=dark] .whats-new-wrap {

  background-color: var(--color-dark-bg_2);

}



/*===================================

// featured-post-style-4

===================================*/

.featured-post-style-4 {

  overflow: hidden;

  padding-top: 0;

}

@media (max-width: 991px) {

  .featured-post-style-4 {

    padding-top: 60px;

    padding-bottom: 30px;

  }

}



/*====================================

// featured-middle-post-style-5

===================================*/

@media (min-width: 1400px) {

  .featured-middle-post-style-5 {

    margin: 0 16px;

  }

}



/*====================================

// featured-area-style-5

===================================*/

.featured-area-style-5 {

  margin-right: 16px;

}



.news-list-style-2 .item {

  border-bottom: 1px solid var(--color-border);

  padding: 15px 0;

}

.news-list-style-2 .item .post-title {

  font-size: 1rem;

}



/*=========================================

//  most-popular-section-style-1

=========================================*/

.most-popular-section-style-1 {

  margin-top: 25px;

}

@media (max-width: 991px) {

  .most-popular-section-style-1 {

    margin-top: 0;

  }

}



.titile-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

@media (max-width: 767px) {

  .titile-wrapper {

    display: block;

  }

  .titile-wrapper .slider-navigation {

    margin-top: 20px;

  }

}



.post-grid-list-style-6 .item {

  padding-bottom: 22px;

  margin-bottom: 50px;

  border-bottom: 1px solid var(--color-border);

}

.post-grid-list-style-6 .item:last-child {

  padding-bottom: 0;

  margin-bottom: 0;

  border-bottom: none;

}

.post-grid-list-style-6 .item:last-child .post-content {

  padding-bottom: 0;

}



/*=================================

// feature-section-style-6

==================================*/

.featured-wrapper-style-6 {

  padding: 40px 50px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  background-color: #f7f7f7;

  counter-reset: post-counter;

  position: relative;

}

@media (max-width: 767px) {

  .featured-wrapper-style-6 {

    background-image: unset !important;

    padding: 40px 20px;

  }

}

.featured-wrapper-style-6 .shape-14 {

  position: absolute;

  right: -90px;

  top: -90px;

  z-index: -1;

}

[data-theme=dark] .featured-wrapper-style-6 {

  background: var(--color-dark-bg_2) !important;

}



/*news-feature-sec-gap*/

.news-feature-sec-gap {

  padding: 100px 0;

}

@media (max-width: 991px) {

  .news-feature-sec-gap {

    padding: 60px 0;

  }

}



.rt-sidebar-section-layout-1 {

  padding-top: 10px;/*padding-top: 60px;*/

  /*padding-bottom: 130px;*/

}

@media (max-width: 991px) {

  .rt-sidebar-section-layout-1 {

    padding: 60px 0;

  }

}



.rt-sidebar-section-layout-2 {

  /*padding-top: 50px;*/

  padding-bottom: 10px;

}

@media (max-width: 991px) {

  .rt-sidebar-section-layout-2 {

    padding: 30px 0;

  }

}



/*post-list-style-4*/

.post-list-style-4 .post-item {

  margin-bottom: 40px;

}

@media (max-width: 767px) {

  .post-list-style-4 .post-item {

    margin-bottom: 20px;

  }

}

.post-list-style-4 .post-item:last-child {

  margin-bottom: 0;

}



video {

  max-width: 100%;

  height: auto;

}



.rt-post-video-overlay .post-video {

  height: 100%;

}

.rt-post-video-overlay .post-video video {

  height: 100%;

}



[class*=sports-section-] .post-img,

[class*=sports-section] .post-img {

  border-radius: 0;

}

[class*=sports-section-] .post-img a:first-of-type::after,

[class*=sports-section] .post-img a:first-of-type::after {

  border-radius: 0;

}



/*rt-post-list-style-4*/

.rt-post-list-style-4 .post-title {

  font-size: 1.125rem;

}

.rt-post-list-style-4 .item {

  padding-bottom: 16px;

  margin-bottom: 22px;

  border-bottom: 1px solid var(--color-border);

}

.rt-post-list-style-4 .item:last-of-type {

  border-bottom: none;

  padding-bottom: 0;

  margin-bottom: 0;

}



/*rt-post-with-listing-style-4*/

.rt-post-with-listing-style-4 {

  display: -ms-grid;

  display: grid;

  gap: 30px;

}



[data-theme=dark] .ft-section-style-3 {

  background: var(--color-dark-bg_2) !important;

}



/*====================================

// single post area

=======================================*/

/*main post */

.rt-main-post-single {

  position: relative;

}

.rt-main-post-single .post-share-style-1 {

  position: absolute;

  margin-left: -90px;

  height: calc(100% + 50px);

}

.rt-main-post-single .post-share-style-1 .share-text {

  text-align: center;

  margin-bottom: 18px;

}

.rt-main-post-single .post-share-style-1 .share-text i,

.rt-main-post-single .post-share-style-1 .share-text span {

  display: block;

}

.rt-main-post-single .post-share-style-1 .share-text i {

  color: #85888b;

  margin-bottom: 10px;

}

.rt-main-post-single .post-share-style-1 .share-text span {

  font-size: 0.75rem;

  color: var(--color-black);

  font-weight: 500;

  display: block;

  text-transform: uppercase;

}

.rt-main-post-single .post-share-style-1 .inner {

  position: sticky;

  top: 125px;

}

.rt-main-post-single .post-header {

  margin-bottom: 25px;

}

.rt-main-post-single .post-header .title {

  margin-bottom: 10px;

}

.rt-main-post-single .post-meta {

  margin-bottom: 30px;

}

.rt-main-post-single > .post-img {

  margin-bottom: 40px;

  border-radius: var(--border-radius-xs);

}

.rt-main-post-single > .post-img img {

  border-radius: var(--border-radius-xs);

}

.rt-main-post-single .post-body > p:first-child {

  float: left;

}

.rt-main-post-single .post-body > p:first-child::first-letter {

  font-size: 60px;

  line-height: 0.8;

  color: var(--color-black);

  font-weight: 900;

  float: left;

  padding: 5px 22px;

  vertical-align: top;

}

.rt-main-post-single .post-body p {

  margin-bottom: 12px;

}

.rt-main-post-single .post-body p:last-of-type {

  margin-bottom: 0;

}

.rt-main-post-single .post-body .rt-blockquote-area {

  max-width: 85%;

  width: 100%;

  margin: 45px auto;

}

.rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote {

  background-color: #f7f7f7;

  padding: 30px 50px;

  position: relative;

}

.rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: calc(100% - 180px);

  height: 3px;

  right: 0;

  margin: 0 auto;

  background-color: var(--color-primary);

}

.rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote i {

  display: block;

  margin-bottom: 20px;

  font-size: 36px;

  color: #e4e4e4;

}

.rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote p {

  font-size: 1.125rem;

  line-height: 1.555;

  color: #444444;

  font-style: italic;

  position: relative;

  margin: 15px 0;

}

.rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote .name {

  font-size: 1rem;

  font-weight: 700;

  color: #444444;

  display: block;

  position: relative;

  padding-left: 40px;

}

.rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote .name::after {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  width: 31px;

  height: 2px;

  background-color: #c1c1c1;

}

[data-theme=dark] .rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote {

  background-color: var(--color-dark-bg_2);

}

[data-theme=dark] .rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote p,

[data-theme=dark] .rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote .name {

  color: var(--color-body);

}

@media (max-width: 767px) {

  .rt-main-post-single .post-body .rt-blockquote-area {

    max-width: 100%;

  }

  .rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote {

    padding: 30px;

  }

  .rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote::after {

    width: calc(100% - 60px);

  }

}

.rt-main-post-single .list-style-6 {

  margin-left: 25px;

}

.rt-main-post-single .list-style-6.layout-2 {

  margin-top: 25px;

  margin-bottom: 25px;

}

@media (min-width: 1200px) {

  .rt-main-post-single .list-style-6.layout-2 {

    padding-left: 65px;

  }

}

.rt-main-post-single .single-content {

  margin-top: 35px;

}

.rt-main-post-single.layout-2 .post-body > p:first-child {

  float: left;

}

.rt-main-post-single.layout-2 .post-body > p:first-child::first-letter {

  font-size: 50px;

  color: var(--color-black);

  font-weight: 900;

  float: left;

  padding: 10px 22px;

  border-radius: var(--border-radius-xs);

  border: 1px solid var(--color-border);

  margin-right: 20px;

}



.list-style-6 li {

  font-size: 1.125rem;

  font-family: var(--font-body);

  color: #6c6f72;

  font-weight: 400;/*font-weight: 700;*/

  position: relative;

  padding-left: 20px;

  margin-bottom: 12px;

}

.list-style-6 li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 8px;

  background-color: #646464;

  width: 6px;

  height: 6px;

  border-radius: 50%;

}

[data-theme=dark] .list-style-6 li {

  color: var(--color-body);

}

[data-theme=dark] .list-style-6 li::before {

  background-color: var(--color-primary);

}

.list-style-6.layout-3 li::before {

  background-color: var(--color-primary);

}

.list-style-6.layout-5 li {

  font-size: 1rem;

  color: var(--color-body);

  font-weight: 400;

  padding-left: 18px;

  margin-bottom: 3px;

}

.list-style-6.layout-5 li:last-child {

  margin-bottom: 0;

}

.list-style-6.layout-5 li::before {

  background-color: var(--color-primary);

}



/*thumb-post-area*/

.thumb-post-area .item-img {

  position: relative;

}

.thumb-post-area .item-img .rt-play-over {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

}



/*author-box-style-1*/

.author-box-style-1 {

  background-color: #f7f7f7;

  padding: 60px;

}

@media (min-width: 992px) {

  .author-box-style-1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

  }

}

.author-box-style-1 .author-img {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 170px;

          flex: 0 0 170px;

}

@media (max-width: 991px) {

  .author-box-style-1 .author-img {

    margin-bottom: 20px;

  }

}

@media (min-width: 992px) {

  .author-box-style-1 .author-img {

    margin-right: 30px;

  }

}

.author-box-style-1 .author-img img {

  width: 170px;

  height: 170px;

  border-radius: 50%;

  -o-object-fit: cover;

     object-fit: cover;

}

.author-box-style-1 .author-content .author-name {

  margin-bottom: 5px;

  font-size: 1.125rem;

}

.author-box-style-1 .author-content .author-role {

  display: block;

  font-size: 0.875rem;

  color: var(--color-primary);

  font-weight: 500;

}

.author-box-style-1 .author-content .user-desc {

  font-size: 1rem;

  line-height: 1.75;

  color: #646464;

  margin: 14px 0;

  padding-right: 20px;

}

@media (max-width: 991px) {

  .author-box-style-1 {

    padding: 40px 30px;

  }

}

[data-theme=dark] .author-box-style-1 {

  background-color: var(--color-dark-bg_2);

}

[data-theme=dark] .author-box-style-1 .author-content .user-desc {

  color: var(--color-body);

}



.social-style-5 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.social-style-5 li {

  margin-right: 15px;

}

.social-style-5 li:last-child {

  margin-right: 0;

}

.social-style-5 a {

  font-size: 1rem;

  color: var(--color-black);

}

.social-style-5 a:hover {

  color: var(--color-primary);

}



.share-box-area {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}



.social-share-box-2 .conent-block .block-tile {

  font-size: 1rem;

}



.social-share-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.social-share-box .share-text {

  margin-right: 13px;

  border: 1px solid var(--color-border);

  border-radius: var(--border-radius-xs);

  padding: 7px 20px;

}



.social-share-style-1 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.social-share-style-1 li {

  margin-right: 6px;

}

.social-share-style-1 a {

  font-size: 1rem;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  color: #fff;

  background-color: var(--color-primary);

  width: 44px;

  height: 40px;

  border-radius: var(--border-radius-xs);

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.social-share-style-1 a.fb {

  background-color: #1559c2;

}

.social-share-style-1 a.fb:hover {

  background-color: #0b2f66;

}

.social-share-style-1 a.tw {

  background-color: #000000;

}

.social-share-style-1 a.tw:hover {

  background-color: #3c3a3a;

}

.social-share-style-1 a.yu {

  background-color: #ed1d25;

}

.social-share-style-1 a.yu:hover {

  background-color: #980c11;

}

.social-share-style-1 a.dr {

  background-color: #f65e97;

}

.social-share-style-1 a.dr:hover {

  background-color: #e10d5c;

}

.social-share-style-1 a.dw {

  background-color: #ff6b10;

}

.social-share-style-1 a.dw:hover {

  background-color: #a94000;

}

.social-share-style-1 a.wh {

  background-color: #43ce13;

}

.social-share-style-1 a.wh:hover {

  background-color: #25710a;

}

.social-share-style-1.layout-2 a {

  color: #7a7e83;

  background-color: transparent;

  border: 1px solid #cccccc;

}



.social-share-style-7 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}

.social-share-style-7 li {

  margin-bottom: 8px;

}

.social-share-style-7 li:last-child {

  margin-bottom: 0;

}

.social-share-style-7 a {

  font-size: 1rem;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  background-color: transparent;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  border: 1px solid var(--color-border);

  -webkit-transform: translateY(0);

          transform: translateY(0);

}

.social-share-style-7 a:hover {

  -webkit-transform: translateY(-5px);

          transform: translateY(-5px);

}

.social-share-style-7 a.fb {

  color: #1559c2;

}

.social-share-style-7 a.fb:hover {

  color: #0b2f66;

}

.social-share-style-7 a.tw {

  color: #1ea9e9;

}

.social-share-style-7 a.tw:hover {

  color: #0e6993;

}

.social-share-style-7 a.yu {

  color: #ed1d25;

}

.social-share-style-7 a.yu:hover {

  color: #980c11;

}

.social-share-style-7 a.dr {

  color: #f65e97;

}

.social-share-style-7 a.dr:hover {

  color: #e10d5c;

}

.social-share-style-7 a.dw {

  color: #ff6b10;

}

.social-share-style-7 a.dw:hover {

  color: #a94000;

}



/*pagination*/

.next-prev-wrap {

  border: 1px solid #e1e1e1;

  padding: 40px;

}

[data-theme=dark] .next-prev-wrap {

  border-color: var(--color-border);

}

.next-prev-wrap.next-wrap {

  text-align: right;

}

.next-prev-wrap.next-wrap .item-icon i {

  margin-right: 0;

  margin-left: 8px;

}

.next-prev-wrap .item-icon {

  margin-bottom: 10px;

  font-size: 0.75rem;

  text-transform: uppercase;

  font-weight: 700;

}

.next-prev-wrap .item-icon a {

  color: #7a7e83;

}

.next-prev-wrap .item-icon a:hover {

  color: var(--color-primary);

}

.next-prev-wrap .item-icon i {

  margin-right: 8px;

}

.next-prev-wrap .content .title {

  font-weight: 600;

  font-size: 1rem;

  color: #111111;

}

[data-theme=dark] .next-prev-wrap .content .title {

  color: #fff;

}

.next-prev-wrap .content .title a {

  color: inherit;

}

.next-prev-wrap .content .title:hover {

  color: var(--color-primary);

}



/*single-post-banner*/

.single-post-banner {

  min-height: 600px;

  padding-top: 120px;

  padding-bottom: 45px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  background-attachment: fixed;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

}

.single-post-banner .single-post-content .post-title {

  font-size: 1.875rem;

  margin-bottom: 10px;

  color: #fff;

}

@media (min-width: 1200px) {

  .single-post-banner .single-post-content {

    max-width: 80%;

    width: 100%;

  }

}

@media (max-width: 767px) {

  .single-post-banner {

    min-height: 500px;

  }

}



/*==============================

//  cat-slider-style-1

==============================*/

.rt-category-slider-style-1 {

  margin-top: -110px;

  position: relative;

  z-index: 2;

}

@media (max-width: 991px) {

  .rt-category-slider-style-1 {

    margin-top: 0;

  }

}



.cat-slider-area {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  background-color: var(--color-white);

  -webkit-box-shadow: 0px 0px 49px 0px rgba(10, 10, 10, 0.14);

          box-shadow: 0px 0px 49px 0px rgba(10, 10, 10, 0.14);

  padding: 40px;

  position: relative;

}

.cat-slider-area .cat-title-wrap {

  max-width: 270px;

  width: 100%;

}

.cat-slider-area .cat-title-wrap .title {

  padding-right: 10px;

  margin-bottom: 15px;

  font-size: 1.424rem;

}

[data-theme=dark] .cat-slider-area .cat-title-wrap .title {

  color: var(--color-white);

}

@media (max-width: 991px) {

  .cat-slider-area {

    padding: 60px 20px;

    display: block;

  }

  .cat-slider-area .cat-title-wrap {

    max-width: 100%;

    margin-bottom: 25px;

  }

}

[data-theme=dark] .cat-slider-area {

  --color-white: #fff;

  --color-black: #000;

  background: var(--color-dark-bg_2) !important;

}



.rt-cart-item {

  overflow: hidden;

}

.rt-cart-item .item-img {

  position: relative;

  border-radius: var(--border-radius-xs);

}

.rt-cart-item .item-img img {

  border-radius: var(--border-radius-xs);

  -webkit-transform: scale(1);

          transform: scale(1);

  -webkit-transition: all 1s ease;

  transition: all 1s ease;

}

.rt-cart-item .item-img::after {

  background-color: rgba(var(--color-black-rgb), 0.2);

  border-radius: var(--border-radius-xs);

}

.rt-cart-item .item-content {

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(15px);

          transform: translateX(-50%) translateY(15px);

  bottom: 0;

  z-index: 2;

  text-align: center;

  -webkit-transition: all 0.6s ease;

  transition: all 0.6s ease;

  width: 100%;

}

.rt-cart-item .title {

  overflow: hidden;

  margin-bottom: 10px;

  font-size: 1rem;

  color: var(--color-white);

}

.rt-cart-item .title a {

  color: inherit;

}

.rt-cart-item .title:hover {

  color: var(--color-primary);

}

.rt-cart-item .count {

  font-size: 0.875rem;

  color: var(--color-white);

  overflow: hidden;

  margin-bottom: 0;

}

.rt-cart-item:hover .item-content {

  -webkit-transform: translateX(-50%) translateY(-50%);

          transform: translateX(-50%) translateY(-50%);

}

.rt-cart-item:hover .anim-overflow {

  -webkit-transform: translateY(0);

          transform: translateY(0);

}

[data-theme=dark] .rt-cart-item {

  --color-black-rgb: 0, 0, 0;

  --color-white: #fff;

  --color-black: #000;

}



/*===========================================

// top-categories-grid-style-1

==========================================*/

.top-categories-grid-style-1 {

  display: -ms-grid;

  display: grid;

  gap: 2px;

  -ms-grid-columns: 1fr 2px 1fr;

  grid-template-columns: repeat(2, 1fr);

}

.top-categories-grid-style-1 .cat-item {

  overflow: hidden;

}

.top-categories-grid-style-1 .item-img img {

  min-height: 140px;

  -o-object-fit: cover;

     object-fit: cover;

}



/*=================================

// top-games-section-style-1

===============================*/

.top-games-section-style-1 {

  padding-bottom: 95px;

  position: relative;

  background-color: #f8f8f8;

  overflow: hidden;

  z-index: 2;

}

.top-games-section-style-1 .game-text {

  position: absolute;

  left: 0;

  bottom: -100px;

  right: 0;

  margin: 0 auto;

  text-align: center;

  z-index: -1;

}

@media (max-width: 991px) {

  .top-games-section-style-1 {

    padding-bottom: 60px;

  }

}

[data-theme=dark] .top-games-section-style-1 {

  background: var(--color-dark-bg_2) !important;

}



/*slidebar*/

.sidebar-wrap {

  counter-reset: post-counter;

}



.social-connection li {

  display: block;

  border-radius: 3px;

  margin-bottom: 5px;

}

.social-connection li:last-child {

  margin-bottom: 0;

}

.social-connection li:nth-child(1) a {

  background-image: -webkit-gradient(linear, right top, left top, from(#2c6dd2), to(#1155bf));

  background-image: linear-gradient(-90deg, #2c6dd2 0%, #1155bf 100%);

  background-image: -ms-linear-gradient(-90deg, #2c6dd2 0%, #1155bf 100%);

}

.social-connection li:nth-child(2) a {

  background-image: -webkit-gradient(linear, right top, left top, from(#56c3f0), to(#13a4e7));

  background-image: linear-gradient(-90deg, #56c3f0 0%, #13a4e7 100%);

  background-image: -ms-linear-gradient(-90deg, #56c3f0 0%, #13a4e7 100%);

}

.social-connection li:nth-child(3) a {

  background-image: -webkit-gradient(linear, right top, left top, from(#ff5252), to(#ed1c24));

  background-image: linear-gradient(-90deg, #ff5252 0%, #ed1c24 100%);

  background-image: -ms-linear-gradient(-90deg, #ff5252 0%, #ed1c24 100%);

}

.social-connection li:nth-child(4) a {

  background-image: -webkit-gradient(linear, right top, left top, from(#ff9656), to(#ff6b10));

  background-image: linear-gradient(-90deg, #ff9656 0%, #ff6b10 100%);

  background-image: -ms-linear-gradient(-90deg, #ff9656 0%, #ff6b10 100%);

}

.social-connection li:nth-child(5) a {

  border-radius: 3px;

  background-image: -webkit-gradient(linear, right top, left top, from(#f43079), to(#f7679d));

  background-image: linear-gradient(-90deg, #f43079 0%, #f7679d 100%);

  background-image: -ms-linear-gradient(-90deg, #f43079 0%, #f7679d 100%);

}



.social-connection-yt li:last-child {

  margin-bottom: 0;

}

.social-connection-yt li:nth-child(1) a {

  background-image: -webkit-gradient(linear, right top, left top, from(#2c6dd2), to(#1155bf));

  background-image: linear-gradient(-90deg, #1bddd4 0%, #00463c 100%);

  background-image: -ms-linear-gradient(-90deg, #2c6dd2 0%, #1155bf 100%);

}

.social-connection-yt li:nth-child(2) a {

  background-image: -webkit-gradient(linear, right top, left top, from(#e14a00), to(#c9080f));

  background-image: linear-gradient(-90deg, #e14a00 0%, #c9080f 100%);

  background-image: -ms-linear-gradient(-90deg, #e14a00 0%, #c9080f 100%);

}

.social-connection-yt li:nth-child(3) a {

  background-image: -webkit-gradient(linear, right top, left top, from(#1c706c), to(#010f6a));

  background-image: linear-gradient(-90deg, #1c706c 0%, #010f6a 100%);

  background-image: -ms-linear-gradient(-90deg, #1c706c 0%, #010f6a 100%);

}

.social-connection-yt li:nth-child(4) a {

  background-image: -webkit-gradient(linear, right top, left top, from(#2c6dd2), to(#003383));

  background-image: linear-gradient(-90deg, #2c6dd2 0%, #003383 100%);

  background-image: -ms-linear-gradient(-90deg, #2c6dd2 0%, #003383 100%);

}

.social-connection-yt li:nth-child(5) a {

  background-image: -webkit-gradient(linear, right top, left top, from(#01670e), to(#013307));

  background-image: linear-gradient(-90deg, #01670e 0%, #013307 100%);

  background-image: -ms-linear-gradient(-90deg, #01670e 0%, #013307 100%);

}

.social-connection-yt li:nth-child(6) a {

  background-image: -webkit-gradient(linear, right top, left top, from(#013307), to(#01670e));

  background-image: linear-gradient(-90deg, #013307 0%, #01670e 100%);

  background-image: -ms-linear-gradient(-90deg, #013307 0%, #01670e 100%);

}

.social-connection-yt li:nth-child(7) a {

  border-radius: 3px;

  background-image: -webkit-gradient(linear, right top, left top, from(#01670e), to(#013307));

  background-image: linear-gradient(-90deg, #01670e 0%, #013307 100%);

  background-image: -ms-linear-gradient(-90deg, #01670e 0%, #013307 100%);

}

.social-connection-yt li:nth-child(8) a {

  border-radius: 3px;

  background-image: -webkit-gradient(linear, right top, left top, from(#013307), to(#01670e));

  background-image: linear-gradient(-90deg, #013307 0%, #01670e 100%);

  background-image: -ms-linear-gradient(-90deg, #013307 0%, #01670e 100%);

}

.social-connection-yt li:nth-child(9) a {

  border-radius: 3px;

  background-image: -webkit-gradient(linear, right top, left top, from(#95dad5), to(#1e6286));

  background-image: linear-gradient(-90deg, #95dad5 0%, #1e6286 100%);

  background-image: -ms-linear-gradient(-90deg, #95dad5 0%, #1e6286 100%);

}

.social-connection-yt li:nth-child(10) a {

  border-radius: 3px;

  background-image: -webkit-gradient(linear, right top, left top, from(#ff9656), to(#ff6b10));

  background-image: linear-gradient(-90deg, #ff9656 0%, #ff6b10 100%);

  background-image: -ms-linear-gradient(-90deg, #ff9656 0%, #ff6b10 100%);

}

.social-connection-yt li:nth-child(11) a {

  border-radius: 3px;

  background-image: -webkit-gradient(linear, right top, left top, from(#013307), to(#01670e));

  background-image: linear-gradient(-90deg, #013307 0%, #01670e 100%);

  background-image: -ms-linear-gradient(-90deg, #013307 0%, #01670e 100%);

}

.social-connection-yt li:nth-child(12) a {

  border-radius: 3px;

  background-image: -webkit-gradient(linear, right top, left top, from(#01670e), to(#013307));

  background-image: linear-gradient(-90deg, #01670e 0%, #013307 100%);

  background-image: -ms-linear-gradient(-90deg, #01670e 0%, #013307 100%);

}

.social-connection a {

  display: block;

  width: 100%;

  border-radius: 3px;

  height: 62px;

  padding: 10px 15px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.social-connection a:hover i.facebook {

  background-color: var(--color-white);

  color: #2a67c6;

}

.social-connection a:hover i.twitter {

  background-color: var(--color-white);

  color: #2fafea;

}

.social-connection a:hover i.youtube {

  background-color: var(--color-white);

  color: #f1383e;

}

.social-connection a:hover i.cloud {

  background-color: var(--color-white);

  color: #ff7e2f;

}

.social-connection a:hover i.dribbble {

  background-color: var(--color-white);

  color: #f872a4;

}

.social-connection a i {

  font-size: 0.875rem;

  width: 34px;

  height: 34px;

  border-radius: 50%;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  color: var(--color-white);

  -webkit-transition: all ease 0.6s;

  transition: all ease 0.6s;

}

.social-connection a i.facebook {

  background-color: #2a67c6;

}

.social-connection a i.twitter {

  background-color: #2fafea;

}

.social-connection a i.youtube {

  background-color: #f1383e;

}

.social-connection a i.cloud {

  background-color: #ff7e2f;

}

.social-connection a i.dribbble {

  background-color: #f872a4;

}

.social-connection a .text {

  font-size: 0.875rem;

  font-weight: 500;

  color: var(--color-white);

  position: relative;

  padding-left: 15px;

  margin-left: 15px;

}

.social-connection a .text::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  width: 1px;

  height: 20px;

  background-color: var(--color-white);

}

.social-connection a .text span {

  font-weight: 700;

  display: inline-block;

  margin-right: 5px;

}

[data-theme=dark] .social-connection {

  --color-white: #fff;

  --color-black: #000;

}



.social-connection-style-2 {

  display: -ms-grid;

  display: grid;

}

.social-connection-style-2 li {

  margin-bottom: -1px;

}

.social-connection-style-2 a {

  font-weight: 500;

  font-size: 14px;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  color: #8a8a8a;

  border: 1px solid #d0d0d0;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  border-radius: 3px;

  height: 50px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.social-connection-style-2 a:hover {

  color: var(--color-primary);

}

.social-connection-style-2 a:hover .icon-box i {

  -webkit-transform: rotate(360deg);

          transform: rotate(360deg);

}

.social-connection-style-2 a:hover .text-box {

  -webkit-transform: translateX(4px);

          transform: translateX(4px);

}

.social-connection-style-2 .icon-box {

  font-size: 1rem;

  width: 50px;

  height: 50px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  border-right: 1px solid #d0d0d0;

  overflow: hidden;

}

.social-connection-style-2 .icon-box i {

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.social-connection-style-2 .text-box {

  padding-left: 16px;

  padding-right: 16px;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -webkit-transform: translateX(0);

          transform: translateX(0);

}

.social-connection-style-2 .count-box {

  border-left: 1px solid #d0d0d0;

  padding-left: 10px;

  padding-right: 20px;

  color: #222222;

  line-height: 1.2;

}

[data-theme=dark] .social-connection-style-2 .count-box,

[data-theme=dark] .social-connection-style-2 a {

  color: var(--color-body);

}



.post-list .item {

  border-bottom: 1px solid var(--color-border);

  padding-bottom: 24px;

  margin-bottom: 24px;

}

.post-list .item:last-child {

  border-bottom: none;

  padding-bottom: 0;

  margin-bottom: 0;

}



.post-list-box-style-2 .post-list .item {

  padding-bottom: 16px;

  margin-bottom: 22px;

}

.post-list-box-style-2 .post-list .item:last-child {

  border-bottom: none;

  padding-bottom: 0;

  margin-bottom: 0;

}

.post-list-box-style-2 .post-list .item:hover .icon-box i {

  -webkit-animation: toRightFromLeft 0.5s forwards;

          animation: toRightFromLeft 0.5s forwards;

}

.post-list-box-style-2 .title-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 20px;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.post-list-box-style-2 .title-wrap .icon-box {

  color: #b5b5b5;

  font-size: 1.0625rem;

  overflow: hidden;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

}

.post-list-box-style-2 .post-title {

  font-size: 1rem;

}



.sidebar-wrap.sidebar-wrap-with-bg {

  background-color: #f7f7f7;

  padding: 30px;

}

[data-theme=dark] .sidebar-wrap.sidebar-wrap-with-bg {

  background-color: var(--color-dark-bg_2);

}



/*subscribe-content*/

.subscribe-box-style-1 {

  background-color: #f4f4f4;

  border-radius: var(--border-radius-xs);

}

[data-theme=dark] .subscribe-box-style-1 {

  --color-white: #fff;

  --color-black: #000;

  background: #171818 !important;

}

[data-theme=dark] .subscribe-box-style-1 .title {

  color: #fff;

}

[data-theme=dark] .subscribe-box-style-1 p {

  color: #acabab;

}



.subscribe-content {

  text-align: center;

  padding: 40px 35px;

}

.subscribe-content .title {

  position: relative;

  padding-bottom: 20px;

  font-size: 1.375rem;

}

.subscribe-content .title::after, .subscribe-content .title::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  margin: 0 auto;

  background-color: var(--color-primary);

  height: 1px;

}

.subscribe-content .title::before {

  width: 74px;

  bottom: 8px;

}

.subscribe-content .title::after {

  width: 44px;

}

.subscribe-content > p {

  margin-top: 25px;

  margin-bottom: 25px;

}

.subscribe-content p,

.subscribe-content .small-text {

  font-size: 0.875rem;

  color: #646464;

}

.subscribe-content .small-text {

  color: #acabab;

  margin-top: 15px;

}



.subscribe-form .rt-form-group {

  margin-bottom: 15px;

}

.subscribe-form .rt-form-control {

  font-size: 0.875rem;

  color: var(--color-body);

  height: 53px;

  border: 1px solid var(--color-border);

  border-radius: 3px;

  background-color: var(--color-white);

  text-align: center;

  width: 100%;

}

.subscribe-form .rt-form-control::-webkit-input-placeholder {

  color: var(--color-body);

}

.subscribe-form .rt-form-control::-moz-placeholder {

  color: var(--color-body);

}

.subscribe-form .rt-form-control:-ms-input-placeholder {

  color: var(--color-body);

}

.subscribe-form .rt-form-control::-ms-input-placeholder {

  color: var(--color-body);

}

.subscribe-form .rt-form-control::placeholder {

  color: var(--color-body);

}

.subscribe-form .rt-form-control:focus {

  outline: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}



.rt-submit-btn {

  font-size: 0.875rem;

  color: var(--color-white);

  background-color: var(--color-primary);

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  border-radius: 3px;

  height: 53px;

  width: 100%;

  padding: 5px 20px;

  text-align: center;

  border: none;

  font-weight: 600;

  font-family: "Spartan", sans-serif;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.rt-submit-btn:focus {

  outline: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.rt-submit-btn:hover {

  color: var(--color-white);

  background-color: #0034c2;

}

[data-theme=dark] .rt-submit-btn {

  --color-white: #fff;

}



/*rt-categories*/

.rt-categories li {

  display: block;

  margin-bottom: 6px;

}

.rt-categories li:last-child {

  margin-bottom: 0;

}

.rt-categories li:hover a {

  background-position: left 50%;

}

.rt-categories li:hover .count {

  background-color: var(--color-primary);

  color: var(--color-white);

}

.rt-categories li:hover .cat-name {

  -webkit-transform: translateX(6px);

          transform: translateX(6px);

}

.rt-categories a {

  width: 100%;

  display: block;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  position: relative;

  z-index: 1;

  min-height: 75px;

  padding: 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  border-radius: var(--border-radius-xs);

}

.rt-categories a::after {

  background-color: rgba(var(--color-black-rgb), 0); /*background-color: rgba(var(--color-black-rgb), 0.5);*/

  z-index: -1;

  border-radius: var(--border-radius-xs);

}

.rt-categories .cat-name {

  font-size: 0.875rem;

  font-weight: 700;

  color: var(--color-white);

  letter-spacing: 0.1rem;

  text-transform: uppercase;

  -webkit-transform: translateX(0);

          transform: translateX(0);

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.rt-categories .count {

  font-size: 0.875rem;

  color: var(--color-body);

  background-color: var(--color-white);

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

[data-theme=dark] .rt-categories .count {

  color: var(--color-primary);

}

[data-theme=dark] .rt-categories {

  --color-white: #fff;

  --color-black: #000;

  --color-black-rgb: 0, 0, 0;

}



.featured-news-box-style-1 .inner {

  border: 1px solid var(--color-border);

}

.featured-news-box-style-1 .item {

  border-top-left-radius: var(--border-radius-xs);

  border-top-right-radius: var(--border-radius-xs);

}

.featured-news-box-style-1 .item img {

  border-top-left-radius: var(--border-radius-xs);

  border-top-right-radius: var(--border-radius-xs);

}



.feature-content {

  border-top-left-radius: var(--border-radius-xs);

  border-top-right-radius: var(--border-radius-xs);

  position: relative;

  z-index: 1;

  background-color: var(--color-white);

  margin: 0 10px;

  margin-top: -10px;

  padding: 20px;

}

[data-theme=dark] .feature-content {

  background-color: var(--color-dark-bg_2);

}



.featured-list > li {

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid var(--color-border);

}

.featured-list > li:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}

.featured-list .post-title {

  font-size: 1rem;

  color: #444444;

}

.featured-list .post-title a {

  color: inherit;

}

[data-theme=dark] .featured-list .post-title {

  color: var(--color-black);

}



.video-box-style-1 .item-img {

  position: relative;

  border-top-left-radius: var(--border-radius-xs);

  border-top-right-radius: var(--border-radius-xs);

  z-index: 1;

}

.video-box-style-1 .item-img img {

  border-top-left-radius: var(--border-radius-xs);

  border-top-right-radius: var(--border-radius-xs);

}

.video-box-style-1 .item-img::after {

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(39%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));

  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.2) 100%);

  border-top-left-radius: var(--border-radius-xs);

  border-top-right-radius: var(--border-radius-xs);

}

.video-box-style-1 .item-img .item-content {

  position: absolute;

  left: 0;

  bottom: 0;

  padding: 20px;

  z-index: 1;

  width: 100%;

}

.video-box-style-1 .item-img .item-content .post-title {

  font-size: 1rem;

}

.video-box-style-1 .item-img .item-content .post-title a {

  color: var(--color-white);

  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color-white)), color-stop(98%, var(--color-white)));

  background-image: linear-gradient(to bottom, var(--color-white) 0%, var(--color-white) 98%);

}

[data-theme=dark] .video-box-style-1 .item-img .item-content .post-title a {

  --color-white: #fff;

  --color-black: #000;

  --color-black-rgb: 0, 0, 0;

}

.video-box-style-1 .item-img .item-content .rt-meta {

  color: #d0d0d0;

}

.video-box-style-1 .item-img .item-content .rt-meta .icon {

  color: #d0d0d0;

}

.video-box-style-1 .video-content {

  border: 1px solid var(--color-border);

  padding: 10px 20px;

  padding-top: 20px;

}

.video-box-style-1 .video-content-list {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.video-box-style-1 .video-content-list .post-title {

  font-size: 0.9375rem;

}

.video-box-style-1 .video-item-list li {

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid var(--color-border);

}

.video-box-style-1 .video-item-list li:last-child {

  margin-bottom: 0;

  border-bottom: none;

}



/*top-headline-box-style-1*/

.top-headline-box-style-1 {

  border-top: 3px solid var(--color-primary);

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

}

.top-headline-box-style-1 .title {

  font-size: 1.0625rem;

  position: relative;

  padding-left: 0px;

  padding-bottom: 15px;

  padding-top: 20px;

  border-bottom: 1px solid var(--color-border);

  text-transform: uppercase;

  margin-bottom: 0;

}

.top-headline-box-style-1 .title::after {

  content: "";

  position: absolute;

  left: 0px;

  bottom: 0;

  width: 42px;

  height: 3px;

  background-color: var(--color-primary);

}

.top-headline-box-style-1 .item {

  padding-top: 15px;

  padding-bottom: 15px;

  border-bottom: 1px solid var(--color-border);

}

.top-headline-box-style-1 .item .post-title {

  font-size: 1rem;

}

.top-headline-box-style-1 .item:last-child {

  border-bottom: none;

}

.top-headline-box-style-1 .item-content {

  /*padding: 0 30px;*/

}



.sidebar-post-style-5 .item-img {

  border-radius: var(--border-radius-xs);

  overflow: hidden;

}

.sidebar-post-style-5 .item-img img {

  border-radius: var(--border-radius-xs);

  -webkit-transform: scale(1);

          transform: scale(1);

  -webkit-transition: 1s;

  transition: 1s;

}

.sidebar-post-style-5 .post-title {

  font-size: 1rem;

}

.sidebar-post-style-5 .item-content {

  padding-top: 20px;

}

.sidebar-post-style-5 .item-title-list .single-item {

  padding: 15px 0;

  border-top: 1px solid var(--color-border);

}

.sidebar-post-style-5:hover .item-img img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}



/*sidebar spacer*/

@media (min-width: 1200px) {

  .b__l-xl {

    border-left: 1px solid var(--color-border);

  }



  .rt-sidebar-left-spacer_1 {

    padding-left: 50px;

    margin-left: 26px;

  }

}

/*rt-social-style-2*/

.rt-social-style-2 {

  display: -ms-grid;

  display: grid;

  grid-gap: 10px;

  -ms-grid-columns: 1fr 10px 1fr 10px 1fr;

  grid-template-columns: 1fr 1fr 1fr;

}

.rt-social-style-2 a {

  display: inline-block;

  text-align: center;

  border: 1px solid var(--color-border);

  padding: 15px;

  border-radius: var(--border-radius-xs);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}

.rt-social-style-2 a span {

  display: block;

  font-weight: 500;

  color: #111111;

  margin-top: 10px;

}

[data-theme=dark] .rt-social-style-2 a span {

  color: #fff;

}

.rt-social-style-2 .social-icon {

  font-size: 1.5rem;

}

.rt-social-style-2 .social-icon.fb {

  color: #1559c2;

}

.rt-social-style-2 .social-icon.tw {

  color: #1ea9e9;

}

.rt-social-style-2 .social-icon.yu {

  color: #ed1d25;

}

.rt-social-style-2 .social-icon.dw {

  color: #ff6b10;

}

.rt-social-style-2 .social-icon.dr {

  color: #f65e97;

}

.rt-social-style-2 .social-icon.vm {

  color: #2cc0eb;

}



/*tag-list*/

.tag-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.tag-list .tag-link {

  font-size: 0.875rem;

  color: #646464;

  border: 1px solid #d7d7d7;

  padding: 8px 15px;

  background-color: transparent;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  text-transform: lowercase;

  margin-right: 6px;

  margin-bottom: 6px;

}

[data-theme=dark] .tag-list .tag-link {

  color: #d7d7d7;

}

.tag-list.style-2 .tag-link {

  font-size: 0.75rem;

  color: #d1cbcb;/*#a5a5a5;*/

  border: 1px solid #4e4c4c;/*#363636;*/

  text-transform: uppercase;

  padding: 8px 20px;

  border-radius: var(--border-radius-xs);

}

[data-theme=dark] .tag-list.style-2 .tag-link {

  color: #d7d7d7;

}

.tag-list.style-2 .tag-link:hover {

  color: var(--color-white);

}



@media (min-width: 1200px) {

  .rt-left-sidebar-sapcer-5 {

    margin-right: 28px;

  }

}

.vote-status-box {

  display: -ms-grid;

  display: grid;

  gap: 10px;

}

.vote-status-box .vote-status-box-item {

  position: relative;

  z-index: 1;

  height: 40px;

  background: #eeeeee;

  border-radius: 4px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 10px 14px;

  font-weight: 500;

  font-size: 14px;

  text-transform: capitalize;

  color: var(--color-black);

}

.vote-status-box .vote-status-box-item::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 10%;

  height: 100%;

  background: #ddeaed;

  border-radius: 4px 0px 0px 4px;

  z-index: -1;

}

.vote-status-box .vote-status-box-item:nth-child(2)::after {

  background: #eddde3;

  width: 80%;

}

.vote-status-box .vote-status-box-item:nth-child(3)::after {

  background: #dddfed;

  width: 40%;

}

.vote-status-box .vote-status-box-item .radio-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 8px;

}

.vote-status-box .vote-status-box-item .radio-box [type=radio] {

  display: none;

}

.vote-status-box .vote-status-box-item .radio-box .custom-radio-circle {

  width: 18px;

  height: 18px;

  border-radius: 50%;

  background: #ffffff;

  border: 1px solid #80d6e9;

  position: relative;

  z-index: 1;

}

.vote-status-box .vote-status-box-item .radio-box .custom-radio-circle::after {

  content: "";

  position: absolute;

  background: #80d6e9;

  z-index: -1;

  inset: 3px;

  border-radius: 50%;

  visibility: hidden;

  opacity: 0;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.vote-status-box .vote-status-box-item .radio-box .custom-radio-circle.custom-radio-circle_2 {

  border-color: #e98080;

}

.vote-status-box .vote-status-box-item .radio-box .custom-radio-circle.custom-radio-circle_2::after {

  background-color: #e98080;

}

.vote-status-box .vote-status-box-item .radio-box .custom-radio-circle.custom-radio-circle_3 {

  border-color: #828cd3;

}

.vote-status-box .vote-status-box-item .radio-box .custom-radio-circle.custom-radio-circle_3::after {

  background-color: #828cd3;

}

.vote-status-box .vote-status-box-item .radio-box [type=radio]:checked + .custom-radio-circle::after {

  visibility: visible;

  opacity: 1;

}

[data-theme=dark] .vote-status-box {

  --color-white: #fff;

  --color-black: #000;

}



.sidebar-wrap.voting-wrap {

  padding: 30px;

  border: 1px solid var(--color-border);

  border-radius: var(--border-radius-xs);

}

.sidebar-wrap.voting-wrap .rt-submit-btn {

  font-size: 0.875rem;

  height: 40px;

  border-radius: 4px;

}

.sidebar-wrap.voting-wrap .post-img img {

  width: 100%;

  height: auto;

}



/*================================

// rt-ad-banner-style-1

=================================*/

.ad-banner-img {

  border-radius: 4px;

  text-align: center;

}

.ad-banner-img img {

  border-radius: 4px;

}



.post-banner-style-1 {

  min-height: 332px;

  position: relative;

  border-radius: 4px;

  z-index: 1;

}

.post-banner-style-1::before, .post-banner-style-1::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  border-radius: 4px;

}

.post-banner-style-1::before {

  background-image: url("../../media/gallery/post-banner_1.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  border-radius: 4px;

}

.post-banner-style-1::after {

  border-radius: 4px;

  opacity: 0.9;

  background-image: linear-gradient(38deg, #512da8 0%, #2962ff 100%);

  background-image: -ms-linear-gradient(38deg, #512da8 0%, #2962ff 100%);

}

.post-banner-style-1 .post-content {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  text-align: center;

  padding: 50px 35px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  z-index: 2;

}

.post-banner-style-1 .post-content .title {

  font-size: 1.25rem;

}

.post-banner-style-1 .post-content .title a {

  color: var(--color-white);

}

.post-banner-style-1 .post-content .title span {

  font-size: 0.875rem;

  font-weight: 500;

  display: block;

  margin-top: 10px;

}

[data-theme=dark] .post-banner-style-1 {

  --color-white: #fff;

  --color-black: #000;

}



/*======================================

// video-section-style-1

======================================*/

.video-section-style-1 {

  position: relative;

}

.video-section-style-1 .video-thumnail-area {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 70px;

  margin: 0 auto;

}

@media (max-width: 767px) {

  .video-section-style-1 .video-thumnail-area {

    bottom: 30px;

  }

}

.video-section-style-1 .video-thumnail-area.video-thumnail-area-style-8 {

  bottom: 0;

}

.video-section-style-1 .video-thumnail-area.video-thumnail-area-style-8 .video-slider-thumbnail-style-1 {

  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.08)), to(rgba(255, 255, 255, 0.02)));

  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);

  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

  -webkit-backdrop-filter: blur(20px);

          backdrop-filter: blur(20px);

  border-radius: 12px 14px 0px 0px;

  padding: 0;

}

.video-section-style-1 .video-thumnail-area.video-thumnail-area-style-8 .video-slider-thumbnail-style-1 .swiper-slide.swiper-slide-visible.swiper-slide-duplicate-prev {

  border-right: 0;

}

.video-section-style-1 .video-thumnail-area.video-thumnail-area-style-8 .video-slider-thumbnail-style-1 .item.video-slide-thumb {

  padding: 40px;

  border-right: 1px solid #fff;

}

[data-theme=dark] .video-section-style-1 {

  --color-white: #fff;

  --color-black: #000;

}



.video-slider-thumbnail-style-1 {

  position: relative;

  padding-top: 40px;

}

.video-slider-thumbnail-style-1 .swiper-pagination {

  background: rgba(255, 255, 255, 0.25);

  height: 3px;

}



.video-slide {

  min-height: 720px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  position: relative;

  z-index: 1;

  padding-top: 165px;

}

.video-slide::after {

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), color-stop(59%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.8)));

  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.5) 59%, rgba(0, 0, 0, 0.8) 100%);

  z-index: -1;

}

.video-slide .post-title {

  font-size: 2.125rem;

  overflow: hidden;

}

.video-slide .post-title a {

  color: var(--color-white);

}

@media (max-width: 991px) {

  .video-slide .post-title {

    font-size: 1.5rem;

  }

}

@media (max-width: 767px) {

  .video-slide {

    min-height: 550px;

    padding-top: 100px;

  }

}

[data-theme=dark] .video-slide {

  --color-white: #fff;

  --color-black: #000;

}



/*=======================================

// video-gallery-style-2

========================================*/

.video-gallery-style-2 {

  background-color: #282828;

}



/*=======================================

// video-gallery-style-2

========================================*/

.top-video-section-style-2 {

  position: relative;

  background-color: #282828;

  overflow: hidden;

  z-index: 2;

}

.top-video-section-style-2 .video-text {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  margin: auto 0;

  z-index: -1;

}

.top-video-section-style-2 .circle-shape {

  position: absolute;

  top: -150px;

  right: 60px;

  z-index: -1;

}



/*========================================

// ft-video-section-style-1

======================================*/

.ft-video-section-style-1 {

  position: relative;

  z-index: 1;

  min-height: 680px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  padding: 100px 0;

}

.ft-video-section-style-1 .ft-video-bg {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  -webkit-filter: grayscale(1);

          filter: grayscale(1);

}

.ft-video-section-style-1 .ft-video-bg::after {

  z-index: -1;

  background: -webkit-gradient(linear, left top, left bottom, color-stop(-26.05%, rgba(0, 0, 0, 0)), color-stop(73.83%, rgba(0, 0, 0, 0.65)));

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -26.05%, rgba(0, 0, 0, 0.65) 73.83%);

}

.ft-video-section-style-1 .post-content .post-title {

  color: #fff;

}

.ft-video-section-style-1 .post-content.post-content-lg .post-title {

  font-size: 1.875rem;

}

.ft-video-section-style-1 .post-meta .rt-meta .name {

  color: #d0d0d0;

}



.video-section-style-8 {

  position: relative;

}

.video-section-style-8 .video-thumnail-area {

  position: absolute;

  right: 0;

  left: 0;

  bottom: 0;

}

.video-section-style-8 .video-thumnail-area .swiper-container {

  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.08)), to(rgba(255, 255, 255, 0.02)));

  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);

  -webkit-backdrop-filter: blur(10px);

          backdrop-filter: blur(10px);

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  border-radius: 10px 10px 0 0;

}

.video-section-style-8 .video-thumnail-area .video-slide-thumb {

  padding: 40px;

}

.video-section-style-8 .video-thumnail-area .rt-post {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.video-section-style-8 .video-thumnail-area .rt-post .post-img img {

  -webkit-filter: grayscale(1);

          filter: grayscale(1);

}

.video-section-style-8 .video-thumnail-area .swiper-slide-thumb-active .rt-post .post-img img {

  -webkit-filter: grayscale(0);

          filter: grayscale(0);

}



/*================================

//  subscribe-section-style-1

=================================*/

.subscribe-section-style-1 {

  background-color: #f8f8f8;

  padding-top: 45px;

  overflow: hidden;

}

@media (max-width: 991px) {

  .subscribe-section-style-1 {

    padding: 60px 0;

  }

}

[data-theme=dark] .subscribe-section-style-1 {

  background-color: #212121;

}



.rt-subscribe-box {

  margin-top: -45px;

}

.rt-subscribe-box .title {

  font-size: 1.625rem;

  max-width: 60%;

  width: 100%;

  margin-bottom: 20px;

}

.layout-2 .rt-subscribe-box .title {

  max-width: 82%;

  margin: 0 auto;

  margin-bottom: 20px;

}

@media (max-width: 575px) {

  .layout-2 .rt-subscribe-box .title {

    max-width: 100%;

  }

}

@media (max-width: 1400px) {

  .rt-subscribe-box {

    margin-top: 0;

  }

  .rt-subscribe-box .title {

    max-width: 80%;

  }

}

@media (max-width: 767px) {

  .rt-subscribe-box .title {

    max-width: 100%;

  }

}



.subscribe-form-style-2 .rt-subs-group {

  position: relative;

}

.subscribe-form-style-2 .subscribe-form {

  font-size: 0.9375rem;

  color: #919191;

  padding: 5px 20px;

  height: 50px;

  width: 100%;

  -webkit-box-shadow: 0px 14px 16px 0px rgba(0, 0, 0, 0.03);

          box-shadow: 0px 14px 16px 0px rgba(0, 0, 0, 0.03);

  border: none;

  border-radius: 5px;

}

.subscribe-form-style-2 .subscribe-btn {

  font-size: 0.875rem;

  font-weight: 700;

  letter-spacing: 0.1rem;

  text-transform: uppercase;

  position: absolute;

  right: 0;

  top: 0;

  height: 50px;

  padding: 5px 20px;

  border: none;

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

  color: var(--color-white);

  background-color: var(--color-primary);

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.subscribe-form-style-2 .subscribe-btn:focus {

  outline: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.subscribe-form-style-2 .subscribe-btn:hover {

  background-color: #0034c2;

}

[data-theme=dark] .subscribe-form-style-2 .subscribe-btn {

  --color-white: #fff;

}



.bouncing-bubble-animation {

  -webkit-animation: bouncebubble infinite 5s;

          animation: bouncebubble infinite 5s;

}



@-webkit-keyframes bouncebubble {

  1% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  25% {

    -webkit-transform: translateY(-10px);

            transform: translateY(-10px);

  }

  50% {

    -webkit-transform: translateX(10px);

            transform: translateX(10px);

  }

  75% {

    -webkit-transform: translateX(-10px);

            transform: translateX(-10px);

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

}



@keyframes bouncebubble {

  1% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  25% {

    -webkit-transform: translateY(-10px);

            transform: translateY(-10px);

  }

  50% {

    -webkit-transform: translateX(10px);

            transform: translateX(10px);

  }

  75% {

    -webkit-transform: translateX(-10px);

            transform: translateX(-10px);

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

}

/*===============================

// subscribe-form-style-6

===============================*/

.subscribe-wrap-style-6 {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  padding: 35px;

}

@media (max-width: 991px) {

  .subscribe-wrap-style-6 {

    background-color: unset !important;

    padding: 0;

  }

}



.subscribe-box-style-6 {

  -webkit-box-shadow: 6.889px 11.025px 56.05px 2.95px rgba(0, 0, 0, 0.14);

          box-shadow: 6.889px 11.025px 56.05px 2.95px rgba(0, 0, 0, 0.14);

  border-radius: var(--border-radius-xs);

  background-color: var(--color-white);

  padding: 60px 40px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

}

@media (max-width: 991px) {

  .subscribe-box-style-6 {

    padding: 40px 30px;

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14);

            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14);

    background-color: #f7f7f7;

  }

}



.subscribe-form-style-6 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 15px;

}

.subscribe-form-style-6 .subscrible-heading {

  -ms-flex-negative: 1;

      flex-shrink: 1;

}

.subscribe-form-style-6 .subscrible-heading .title {

  font-size: 1.25rem;

  margin-bottom: 3px;

}

.subscribe-form-style-6 .subscrible-heading p {

  font-size: 0.875rem;

  color: #868686;

}

.subscribe-form-style-6 .rt-subs-form {

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

}

.subscribe-form-style-6 .rt-subs-form .subscribe-form {

  font-size: 0.9375rem;

  color: #929292;

  padding: 5px 20px;

  height: 50px;

  width: 100%;

  border: none;

  border-radius: 3px;

  border: 1px solid var(--color-border);

}

.subscribe-form-style-6 .subscribe-btn {

  font-size: 0.875rem;

  font-weight: 600;

  letter-spacing: 0.1rem;

  text-transform: capitalize;

  height: 50px;

  padding: 5px 30px;

  border: none;

  border-radius: var(--border-radius-xs);

  color: var(--color-white);

  background-color: var(--color-primary);

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -webkit-box-shadow: 0px 7px 17.1px 0.9px rgba(0, 115, 255, 0.47);

          box-shadow: 0px 7px 17.1px 0.9px rgba(0, 115, 255, 0.47);

}

.subscribe-form-style-6 .subscribe-btn:focus {

  outline: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.subscribe-form-style-6 .subscribe-btn:hover {

  background-color: #0034c2;

}

[data-theme=dark] .subscribe-form-style-6 .subscribe-btn {

  --color-white: #fff;

}

@media (max-width: 991px) {

  .subscribe-form-style-6 {

    display: block;

  }

  .subscribe-form-style-6 .subscribe-btn {

    width: 100%;

  }

}



/*subscribe-section-area-style-2*/

.subscribe-section-area-style-2 {

  padding-top: 0;

  padding-bottom: 95px;

}



.subscribe-section-style-8 {

  position: relative;

  z-index: 1;

}

.subscribe-section-style-8 .element_21 {

  left: 8%;

  bottom: -6px;

}

.subscribe-section-style-8 .element_22 {

  left: 45%;

  top: -5px;

}

.subscribe-section-style-8 .element_23 {

  right: 10%;

  bottom: -5px;

}

[data-theme=dark] .subscribe-section-style-8 {

  background: #212121 !important;

}



.rt-subscribe-title-box-style-8 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 18px;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.rt-subscribe-title-box-style-8 .title {

  font-size: 1.5rem;

  max-width: 100%;

  margin-bottom: 0;

}

.rt-subscribe-title-box-style-8 .icon {

  font-size: 4rem;

  color: var(--color-primary);

  line-height: 1;

}

.rt-subscribe-title-box-style-8 p {

  font-size: 1.0625rem;

  font-weight: 500;

}

.rt-subscribe-title-box-style-8 p:last-of-type {

  margin-bottom: 0;

}

.footer-subscribe-wrapper .rt-subscribe-title-box-style-8 .title {

  color: var(--color-white);

}

.footer-subscribe-wrapper .rt-subscribe-title-box-style-8 .icon {

  color: #606060;

}

.footer-subscribe-wrapper .rt-subscribe-title-box-style-8 p {

  color: #747474;

}



.subscribe-form-style-8 .rt-subs-group {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 20px;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.subscribe-form-style-8 .subscribe-form {

  font-size: 0.9375rem;

  color: #919191;

  padding: 5px 20px;

  height: 50px;

  background: #ffffff;

  border: 1px solid #e2e2e2;

  border-radius: 4px;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

}

.subscribe-form-style-8 .subscribe-form::-webkit-input-placeholder {

  color: #919191;

}

.subscribe-form-style-8 .subscribe-form::-moz-placeholder {

  color: #919191;

}

.subscribe-form-style-8 .subscribe-form:-ms-input-placeholder {

  color: #919191;

}

.subscribe-form-style-8 .subscribe-form::-ms-input-placeholder {

  color: #919191;

}

.subscribe-form-style-8 .subscribe-form::placeholder {

  color: #919191;

}

.subscribe-form-style-8 .subscribe-btn {

  font-size: 0.875rem;

  font-weight: 700;

  letter-spacing: 0.1rem;

  text-transform: uppercase;

  height: 50px;

  padding: 5px 20px;

  border: none;

  border-radius: 4px;

  color: var(--color-white);

  background-color: var(--color-primary);

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.subscribe-form-style-8 .subscribe-btn:focus {

  outline: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.subscribe-form-style-8 .subscribe-btn:hover {

  background-color: #0034c2;

}

[data-theme=dark] .subscribe-form-style-8 .subscribe-btn {

  --color-white: #fff;

}

.footer-subscribe-wrapper .subscribe-form-style-8 .subscribe-form {

  background: #262626;

  color: #8b8b8b;

  letter-spacing: 0.05rem;

  border: none;

}

.footer-subscribe-wrapper .subscribe-form-style-8 .subscribe-form::-webkit-input-placeholder {

  color: #8b8b8b;

}

.footer-subscribe-wrapper .subscribe-form-style-8 .subscribe-form::-moz-placeholder {

  color: #8b8b8b;

}

.footer-subscribe-wrapper .subscribe-form-style-8 .subscribe-form:-ms-input-placeholder {

  color: #8b8b8b;

}

.footer-subscribe-wrapper .subscribe-form-style-8 .subscribe-form::-ms-input-placeholder {

  color: #8b8b8b;

}

.footer-subscribe-wrapper .subscribe-form-style-8 .subscribe-form::placeholder {

  color: #8b8b8b;

}



/*=========================

//  contact-section-layout-1

=========================*/

.contact-section-layout-1 {

  padding-top: 100px;

  padding-bottom: 130px;

  overflow: hidden;

}

@media (max-width: 991px) {

  .contact-section-layout-1 {

    padding-top: 80px;

    padding-bottom: 80px;

  }

}



/*===========================

//  Search Box

============================*/

.search-form-box .form-group {

  position: relative;

  margin-bottom: 0;

  padding: 5px;

  border-radius: var(--border-radius-xs);

  border: 1px solid var(--color-border);

}

.search-form-box .form-group .rt-search-control {

  font-size: 0.75rem;

  font-weight: 500;

  color: var(--color-body);

  border: none;

  background-color: transparent;

  height: 43px;

  padding: 5px 18px;

  padding-right: 53px;

}

.search-form-box .form-group .rt-search-control::-webkit-input-placeholder {

  color: var(--color-body);

  text-transform: uppercase;

  letter-spacing: 0.1rem;

}

.search-form-box .form-group .rt-search-control::-moz-placeholder {

  color: var(--color-body);

  text-transform: uppercase;

  letter-spacing: 0.1rem;

}

.search-form-box .form-group .rt-search-control:-ms-input-placeholder {

  color: var(--color-body);

  text-transform: uppercase;

  letter-spacing: 0.1rem;

}

.search-form-box .form-group .rt-search-control::-ms-input-placeholder {

  color: var(--color-body);

  text-transform: uppercase;

  letter-spacing: 0.1rem;

}

.search-form-box .form-group .rt-search-control::placeholder {

  color: var(--color-body);

  text-transform: uppercase;

  letter-spacing: 0.1rem;

}

.search-form-box .form-group .rt-search-control:focus {

  -webkit-box-shadow: none;

          box-shadow: none;

  outline: 0;

}

.search-form-box .form-group .search-submit {

  position: absolute;

  right: 5px;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  width: 48px;

  height: 45px;

  border-radius: 3px;

  background-color: var(--color-primary);

  color: var(--color-white);

  font-size: 1rem;

  border: none;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.search-form-box .form-group .search-submit:hover {

  color: var(--color-white);

  background-color: #0034c2;

}

.search-form-box .form-group .search-submit:focus {

  -webkit-box-shadow: none;

          box-shadow: none;

  outline: 0;

}

[data-theme=dark] .search-form-box .form-group .search-submit {

  --color-white: #fff;

}



/*comments-form-style-1*/

.comments-form-style-1 {

  background-color: #f7f7f7;

  padding: 50px;

}

.comments-form-style-1 .rt-form-group {

  margin-bottom: 25px;

}

.comments-form-style-1 .rt-form-group label {

  display: block;

  color: #444444;

  margin-bottom: 8px;

}

.comments-form-style-1 .rt-form-group .form-control {

  height: 50px;

  padding: 5px 20px;

  border: 1px solid #e1e1e1;

  border-radius: 0;

  background-color: var(--color-white);

}

.comments-form-style-1 .rt-form-group .form-control:focus {

  outline: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.comments-form-style-1 .rt-form-group .text-area {

  resize: none;

  min-height: 220px;

  padding-top: 20px;

}

.comments-form-style-1 .form-check .form-check-input[type=checkbox] {

  width: 19px;

  height: 19px;

  border-radius: var(--border-radius-xs);

  border: 1px solid #acacac;

  margin-right: 10px;

  margin-top: 0;

}

.comments-form-style-1 .form-check .form-check-input[type=checkbox]:focus {

  outline: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.comments-form-style-1 .form-check label {

  font-size: 0.9375rem;

  color: #646464;

  margin-bottom: 0;

}

.comments-form-style-1 .submit-btn {

  font-size: 0.9375rem;

  color: var(--color-white);

  font-weight: 700;

  background-color: var(--color-primary);

  text-transform: uppercase;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  padding: 8px 30px;

  height: 55px;

  border: none;

  width: auto;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.comments-form-style-1 .submit-btn:focus {

  outline: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.comments-form-style-1 .submit-btn:hover {

  color: var(--color-white);

  background-color: #0034c2;

}

@media (max-width: 991px) {

  .comments-form-style-1 {

    padding: 40px 30px;

  }

}

[data-theme=dark] .comments-form-style-1 {

  background-color: var(--color-dark-bg_2);

}

[data-theme=dark] .comments-form-style-1 .rt-form-group label {

  color: var(--color-body);

}

[data-theme=dark] .comments-form-style-1 .rt-form-group .form-control {

  border-color: var(--color-border);

  color: var(--color-body);

}

[data-theme=dark] .comments-form-style-1 .rt-form-group .form-control::-webkit-input-placeholder {

  color: var(--color-body);

}

[data-theme=dark] .comments-form-style-1 .rt-form-group .form-control::-moz-placeholder {

  color: var(--color-body);

}

[data-theme=dark] .comments-form-style-1 .rt-form-group .form-control:-ms-input-placeholder {

  color: var(--color-body);

}

[data-theme=dark] .comments-form-style-1 .rt-form-group .form-control::-ms-input-placeholder {

  color: var(--color-body);

}

[data-theme=dark] .comments-form-style-1 .rt-form-group .form-control::placeholder {

  color: var(--color-body);

}

[data-theme=dark] .comments-form-style-1 .submit-btn {

  color: #fff;

}



/*contact form style-1*/

.contact-form-style-1 {

  background-color: #fbfbfb;

  padding: 45px;

  border: 1px solid #f0f0f0;

  border-radius: var(--border-radius-xs);

}

@media (max-width: 575px) {

  .contact-form-style-1 {

    padding: 35px;

  }

}

.contact-form-style-1 .form-title {

  font-size: 1.25rem;

  margin-bottom: 22px;

}

.contact-form-style-1 .form-group {

  margin-bottom: 12px;

}

.contact-form-style-1 .form-group label {

  color: var(--color-black);

  font-weight: 600;

}

.contact-form-style-1 .form-group .rt-form-control {

  font-size: 0.875rem;

  color: #9b9b9b;

  background-color: var(--color-white);

  padding: 10px 20px;

  height: 50px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  border-radius: 0;

  border: 1px solid #f0f0f0;

}

.contact-form-style-1 .form-group .rt-form-control:focus {

  outline: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.contact-form-style-1 .form-group .rt-form-control::-webkit-input-placeholder {

  color: #9b9b9b;

}

.contact-form-style-1 .form-group .rt-form-control::-moz-placeholder {

  color: #9b9b9b;

}

.contact-form-style-1 .form-group .rt-form-control:-ms-input-placeholder {

  color: #9b9b9b;

}

.contact-form-style-1 .form-group .rt-form-control::-ms-input-placeholder {

  color: #9b9b9b;

}

.contact-form-style-1 .form-group .rt-form-control::placeholder {

  color: #9b9b9b;

}

.contact-form-style-1 .form-group .rt-textarea {

  min-height: 110px;

  resize: none;

  padding-top: 15px;

}

.contact-form-style-1 .submit-btn {

  font-size: 0.875rem;

  color: var(--color-white);

  background-color: var(--color-primary);

  font-weight: 700;

  border-radius: 4px;

  border: 1px solid transparent;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  text-transform: uppercase;

  height: 50px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  padding: 10px 30px;

}

.contact-form-style-1 .submit-btn:hover {

  color: var(--color-white);

  background-color: #03359b;

}

.contact-form-style-1 .submit-btn:focus {

  outline: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

}

[data-theme=dark] .contact-form-style-1 {

  background-color: var(--color-dark-bg_2);

  border-color: var(--color-border);

}

[data-theme=dark] .contact-form-style-1 .form-group label {

  color: var(--color-body);

}

[data-theme=dark] .contact-form-style-1 .form-group .form-control {

  border-color: var(--color-border);

  color: var(--color-body);

}

[data-theme=dark] .contact-form-style-1 .form-group .form-control::-webkit-input-placeholder {

  color: var(--color-body);

}

[data-theme=dark] .contact-form-style-1 .form-group .form-control::-moz-placeholder {

  color: var(--color-body);

}

[data-theme=dark] .contact-form-style-1 .form-group .form-control:-ms-input-placeholder {

  color: var(--color-body);

}

[data-theme=dark] .contact-form-style-1 .form-group .form-control::-ms-input-placeholder {

  color: var(--color-body);

}

[data-theme=dark] .contact-form-style-1 .form-group .form-control::placeholder {

  color: var(--color-body);

}

[data-theme=dark] .contact-form-style-1 .submit-btn {

  color: #fff;

}



/*rt-contact-form*/

.rt-contact-form .form-response .alert {

  margin-top: 1rem;

}

.rt-contact-form .form-response .alert p {

  margin-bottom: 0;

}



/*contact-wrap-area-1*/

.contact-wrap-area-1 .rt-section-heading-style-2 {

  max-width: 90%;

  width: 100%;

}

@media (max-width: 1199px) {

  .contact-wrap-area-1 .rt-section-heading-style-2 {

    max-width: 100%;

    margin-bottom: 40px;

  }

}



.contact-list-area-1 {

  position: relative;

}



.contact-list-style-1 {

  display: -ms-grid;

  display: grid;

      grid-template-areas: "a b" "c d";

}

.contact-list-style-1 .list-item {

  position: relative;

  margin-bottom: 40px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.contact-list-style-1 .list-item:nth-child(1) {

  -ms-grid-row: 1;

  -ms-grid-column: 1;

  grid-area: a;

}

.contact-list-style-1 .list-item:nth-child(2) {

  -ms-grid-row: 1;

  -ms-grid-column: 2;

  grid-area: b;

}

.contact-list-style-1 .list-item:nth-child(3) {

  -ms-grid-row: 2;

  -ms-grid-column: 1;

  grid-area: c;

}

.contact-list-style-1 .list-item:nth-child(4) {

  -ms-grid-row: 2;

  -ms-grid-column: 2;

  grid-area: d;

}

.contact-list-style-1 .list-item .list-icon {

  margin-right: 15px;

}

.contact-list-style-1 .list-item .list-icon i {

  font-size: 1.25rem;

  width: 38px;

  height: 38px;

  border-radius: 4px;

  color: var(--color-white);

  background-color: var(--color-primary);

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

[data-theme=dark] .contact-list-style-1 .list-item .list-icon i {

  color: #fff;

}

.contact-list-style-1 .list-item .list-content span {

  display: block;

}

.contact-list-style-1 .list-item .list-content span a {

  color: var(--color-body);

}

@media (max-width: 767px) {

  .contact-list-style-1 {

        grid-template-areas: "a " "b" "c" "d";

  }

  .contact-list-style-1 .list-item {

    margin-bottom: 20px;

  }

  .contact-list-style-1 .list-item:nth-child(1) {

    -ms-grid-row: 1;

    -ms-grid-column: 1;

  }

  .contact-list-style-1 .list-item:nth-child(2) {

    -ms-grid-row: 2;

    -ms-grid-column: 1;

  }

  .contact-list-style-1 .list-item:nth-child(3) {

    -ms-grid-row: 3;

    -ms-grid-column: 1;

  }

  .contact-list-style-1 .list-item:nth-child(4) {

    -ms-grid-row: 4;

    -ms-grid-column: 1;

  }

}



/*================================

 // Google maps

 =================================*/

.map-section-style-1 {

  padding-bottom: 30px;/*padding-bottom: 130px;*/

}

@media (max-width: 991px) {

  .map-section-style-1 {

    padding-bottom: 80px;

  }

}



.map-wrapper {

  overflow: hidden;

}



.map-style-1 .map {

  width: 100%;

  min-height: 500px;

  margin-bottom: -8px;

}

@media (max-width: 991px) {

  .map-style-1 .map {

    min-height: 350px;

  }

}



/*================================

//  404

================================*/

.error-area-style-1 .item-img {

  margin-bottom: 50px;

}

.error-area-style-1 .item-content {

  max-width: 70%;

  margin: 0 auto;

}

@media (max-width: 1199px) {

  .error-area-style-1 .item-content {

    max-width: 100%;

  }

}

.error-area-style-1 .item-content .title {

  margin-bottom: 12px;

  font-size: 1.802rem;

}

.error-area-style-1 > .btn-wrap {

  margin-top: 32px;

}



/*===========================

// shop-box-style-1

===========================*/

.filter-box-style-1 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.filter-box-style-1 .title {

  font-size: 1.125rem;

  color: var(--color-body);

  margin-bottom: 0;

}

@media (max-width: 767px) {

  .filter-box-style-1 {

    display: block;

  }

  .filter-box-style-1 .title {

    margin-bottom: 15px;

  }

}



.rt-filter-dropdwon .rt-filter-btn {

  font-size: 0.875rem;

  color: var(--color-body);

  background-color: transparent;

  border: 1px solid var(--color-border);

  border-radius: var(--border-radius-xs);

  padding: 12px 25px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.rt-filter-dropdwon .rt-filter-btn::after {

  content: "";

  font-family: "Font Awesome 5 Free";

  font-weight: 600;

  font-size: 0.75rem;

  margin-left: 10px;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.rt-filter-dropdwon .rt-filter-btn.show::after {

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);

}

.rt-filter-dropdwon .rt-filter-dropdwon-menu {

  border-radius: var(--border-radius-xs);

  border: 1px solid var(--color-border);

  min-width: 10.5rem;

  background-color: #f3f3f3;

}

.rt-filter-dropdwon .rt-filter-dropdwon-menu li a {

  width: 100%;

  display: block;

  background-color: #f3f3f3;

  font-size: 0.8125rem;

  padding: 6px 14px;

  color: var(--color-body);

}

.rt-filter-dropdwon .rt-filter-dropdwon-menu li a:hover {

  background-color: #f8f8f8;

}

[data-theme=dark] .rt-filter-dropdwon .rt-filter-dropdwon-menu {

  background: var(--color-dark-bg_2);

}

[data-theme=dark] .rt-filter-dropdwon .rt-filter-dropdwon-menu li a {

  background: var(--color-dark-bg_2);

}

[data-theme=dark] .rt-filter-dropdwon .rt-filter-dropdwon-menu li a:hover {

  background: var(--color-dark-bg_2);

}



.shop-box-style-1 {

  margin-bottom: 30px;

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.shop-box-style-1 .figure-box {

  text-align: center;

  margin-bottom: 18px;

  position: relative;

  z-index: 1;

  background-color: var(--color-gray);

  padding: 35px;

  border-radius: var(--border-radius-xs);

}

.shop-box-style-1 .figure-box:before {

  background-color: rgba(var(--color-gray-rgb), 0);

  z-index: 1;

  -webkit-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

  border-radius: var(--border-radius-xs);

}

.shop-box-style-1 .figure-box img {

  margin-left: auto;

  margin-right: auto;

  -webkit-transform: scale(1);

          transform: scale(1);

  -webkit-transition: all 1.5s ease-out;

  transition: all 1.5s ease-out;

}

.shop-box-style-1 .figure-box .discrount-badge {

  position: absolute;

  left: 20px;

  top: 20px;

}

.shop-box-style-1 .content-box .title {

  font-size: 0.875rem;

  font-weight: 600;

  margin-bottom: 5px;

}

.shop-box-style-1 .content-box .title a {

  color: var(--color-body);

}

.shop-box-style-1 .content-box .title a:hover {

  color: var(--color-primary);

}

.shop-box-style-1 .content-box .price {

  font-size: 1.0625rem;

  color: var(--color-black);

  font-weight: 700;

  font-family: "Spartan", sans-serif;

}

.shop-box-style-1 .content-box .price del {

  font-size: 0.875rem;

  color: #585858;

  font-weight: 600;

  margin-right: 5px;

  display: inline-block;

  vertical-align: middle;

}

.shop-box-style-1 .action-items {

  position: absolute;

  z-index: 2;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.shop-box-style-1 .action-items li {

  opacity: 0;

  visibility: hidden;

  margin-right: 5px;

  -webkit-transform: translateY(30px);

          transform: translateY(30px);

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.shop-box-style-1 .action-items li:last-child {

  margin-right: 0;

}

.shop-box-style-1 .action-items li a {

  width: 44px;

  height: 44px;

  border-radius: 4px;

  color: var(--color-white);

  background: var(--color-black);

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.shop-box-style-1 .action-items li a:hover {

  background-color: var(--color-primary);

}

.shop-box-style-1:hover .figure-box img {

  -webkit-transform: scale(1.3);

          transform: scale(1.3);

}

.shop-box-style-1:hover .figure-box:before {

  background-color: rgba(var(--color-gray-rgb), 0.5);

}

.shop-box-style-1:hover .action-items li {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0);

          transform: translateY(0);

}

.shop-box-style-1:hover .action-items li:nth-child(1n) {

  -webkit-transition-delay: 0s;

          transition-delay: 0s;

}

.shop-box-style-1:hover .action-items li:nth-child(2n) {

  -webkit-transition-delay: 0.2s;

          transition-delay: 0.2s;

}

[data-theme=dark] .shop-box-style-1 .content-box .price del {

  color: var(--color-body);

}

[data-theme=dark] .shop-box-style-1 .figure-box {

  background-color: #2b2b2b;

}

[data-theme=dark] .shop-box-style-1 .figure-box::before {

  background: rgba(0, 0, 0, 0.2);

}

[data-theme=dark] .shop-box-style-1 .action-items li a:hover {

  color: #fff;

}



.content-single-wrapper {

  margin-bottom: 20px;

}

.content-single-wrapper .product-img-view {

  position: relative;

  margin-bottom: 20px;

}

.content-single-wrapper .product-img-view .tab-content {

  text-align: center;

  padding: 30px;

  position: relative;

  border: none;

  margin-bottom: 15px;

  cursor: move;

  background-color: var(--color-gray);

  border-radius: var(--border-radius-xs);

}

.content-single-wrapper .product-img-view .tab-content > .discrount-badge {

  position: absolute;

  left: 20px;

  top: 20px;

}

.content-single-wrapper .product-img-view ul.tab-nav-list {

  margin-right: 30px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-left: -5px;

  margin-right: -5px;

}

.content-single-wrapper .product-img-view ul.tab-nav-list li {

  padding-left: 8px;

  padding-right: 8px;

  width: 100%;

  max-width: 33.3%;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 33.3%;

  flex: 0 0 33.3%;

  border: none;

}

.content-single-wrapper .product-img-view ul.tab-nav-list li a {

  padding: 20px;

  display: block;

  background-color: var(--color-gray);

  color: transparent;

  border-radius: var(--border-radius-xs);

  border: 1px solid transparent;

  position: relative;

}

.content-single-wrapper .product-img-view ul.tab-nav-list li a::before {

  background-color: rgba(var(--color-gray-rgb), 0);

  z-index: 1;

  -webkit-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

  border-radius: var(--border-radius-xs);

}

.content-single-wrapper .product-img-view ul.tab-nav-list li a img {

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.content-single-wrapper .product-img-view ul.tab-nav-list li a img:hover {

  opacity: 1;

}

.content-single-wrapper .product-img-view ul.tab-nav-list li a.active {

  border: 1px solid #d2d2d2;

}

.content-single-wrapper .product-img-view ul.tab-nav-list li a.active::before {

  background-color: rgba(var(--color-gray-rgb), 0.5);

}

.content-single-wrapper .single-product-description {

  margin-bottom: 30px;

}

@media (min-width: 1200px) {

  .content-single-wrapper .single-product-description {

    margin-left: 25px;

  }

}

.content-single-wrapper .single-product-description .title {

  margin-bottom: 6px;

}

.content-single-wrapper .single-product-description .rating {

  margin-bottom: 20px;

  font-size: 0.8125rem;

}

.content-single-wrapper .single-product-description .rating li {

  margin-right: 5px;

}

.content-single-wrapper .single-product-description .rating li i.checked {

  color: #f5c415;

}

.content-single-wrapper .single-product-description .rating li:last-child {

  margin-right: 0;

}

.content-single-wrapper .single-product-description .rating .rating-count {

  color: #8d8d8d;

}

.content-single-wrapper .single-product-description .price {

  color: var(--color-black);

  font-size: 1.875rem;

  font-weight: 700;

  margin-bottom: 10px;

  font-family: "Spartan", sans-serif;

}

.content-single-wrapper .single-product-description .price del {

  font-size: 1.125rem;

  font-weight: 600;

  color: #b3b3b3;

  margin-right: 5px;

  display: inline-block;

  vertical-align: middle;

}

.content-single-wrapper .single-product-description .description {

  margin-bottom: 20px;

}

.content-single-wrapper .single-product-description .top-content {

  margin-bottom: 35px;

}

.content-single-wrapper .single-product-description .action-area {

  margin-bottom: 35px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  text-align: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.content-single-wrapper .single-product-description .action-area li {

  display: inline-block;

  margin-right: 8px;

  margin-bottom: 10px;

}

.content-single-wrapper .single-product-description .action-area li:last-child {

  margin-right: 0;

}

.content-single-wrapper .single-product-description .action-area li .input-group {

  width: auto;

  border: 1px solid var(--color-border);

  border-radius: var(--border-radius-xs);

}

.content-single-wrapper .single-product-description .action-area li .input-group .form-control {

  text-align: center;

  height: 50px;

  width: 50px;

  display: block;

  outline: none;

  font-size: 1rem;

  border-radius: 0;

  color: var(--color-body);

  border: none;

  border-right: 1px solid var(--color-border);

  position: relative;

}

.content-single-wrapper .single-product-description .action-area li .input-group .form-control:focus {

  -webkit-box-shadow: none;

          box-shadow: none;

}

[data-theme=dark] .content-single-wrapper .single-product-description .action-area li .input-group .form-control {

  background-color: var(--color-dark-bg_2);

}

.content-single-wrapper .single-product-description .action-area li .input-group .input-group-btn {

  display: -ms-inline-grid;

  display: inline-grid;

}

.content-single-wrapper .single-product-description .action-area li .input-group .input-group-btn .quantity-btn {

  padding: 2px 12px;

  font-size: 10px;

  color: #646464;

  background-color: transparent;

  background-image: none;

  outline: none;

  border: none;

  cursor: pointer;

}

.content-single-wrapper .single-product-description .action-area li .cart-btn {

  border: 1px solid #d3d3d3;

  background-color: transparent;

  padding: 12px 25px;

  display: block;

  color: #000000;

  font-size: 15px;

  font-weight: 500;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.content-single-wrapper .single-product-description .action-area li .cart-btn:hover {

  background-color: var(--color-primary);

  border: 1px solid var(--color-primary);

  color: #ffffff;

}

.content-single-wrapper .single-product-description .action-area li .item-btn {

  border: 1px solid #d3d3d3;

  padding: 14px 15px;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

.content-single-wrapper .single-product-description .action-area li .item-btn i:before {

  margin-left: 0;

  font-size: 20px;

  color: #000000;

  line-height: 20px;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.content-single-wrapper .single-product-description .action-area li .item-btn:hover {

  border: 1px solid var(--color-primary);

  background-color: var(--color-primary);

}

.content-single-wrapper .single-product-description .action-area li .item-btn:hover i:before {

  color: #ffffff;

}

.content-single-wrapper .single-product-description .action-area2 {

  margin-bottom: 15px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.content-single-wrapper .single-product-description .action-area2 li {

  margin-right: 20px;

}

.content-single-wrapper .single-product-description .action-area2 li:last-child {

  margin-right: 0;

}

.content-single-wrapper .single-product-description .action-area2 li i {

  margin-right: 5px;

}

.content-single-wrapper .single-product-description .action-area2 .link-text {

  color: #444343;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.content-single-wrapper .single-product-description .action-area2 .link-text:hover {

  color: var(--color-primary);

}

.content-single-wrapper .single-product-description .action-area2 .rotate-me {

  -webkit-animation: sync 2s ease-in-out;

          animation: sync 2s ease-in-out;

}

.content-single-wrapper .single-product-description .action-area2 #sync {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  background-color: transparent;

  border: 0;

  outline: none;

}

.content-single-wrapper .single-product-description .action-area2 #icon_wrap {

  line-height: 1;

}

.content-single-wrapper .single-product-description .action-area2 #icon_wrap i {

  margin: 5px;

}

@-webkit-keyframes sync {

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}

@keyframes sync {

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}

.content-single-wrapper .single-product-description .product-meta li {

  color: #010101;

  font-weight: 700;

  font-size: 15px;

  margin-bottom: 8px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

[data-theme=dark] .content-single-wrapper .single-product-description .product-meta li {

  color: var(--color-body);

}

.content-single-wrapper .single-product-description .product-meta li:last-child {

  margin-bottom: 0;

}

.content-single-wrapper .single-product-description .product-meta li span {

  color: var(--color-body);

  display: inline-block;

  margin-left: 5px;

  font-weight: 400;

}

.content-single-wrapper .single-product-description .product-meta li span a {

  color: var(--color-body);

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.content-single-wrapper .single-product-description .product-meta li span a:hover {

  color: var(--color-primary);

}

.content-single-wrapper .single-product-description .product-meta li .social {

  margin-left: 10px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.content-single-wrapper .single-product-description .product-meta li .social li {

  margin-bottom: 0;

  margin-right: 5px;

}

.content-single-wrapper .single-product-description .product-meta li .social li a {

  color: #1e1e1d;

  display: inline-block;

  padding: 0 5px;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.content-single-wrapper .single-product-description .product-meta li .social li a:hover {

  color: var(--color-primary);

}



.single-shop-tab {

  margin-bottom: 80px;

}

.single-shop-tab .tab-nav-list {

  border-bottom: 1px solid var(--color-border);

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  margin-bottom: 10px;

}

.single-shop-tab .tab-nav-list .nav-item {

  font-size: 1.125rem;

  font-weight: 700;

  font-family: "Spartan", sans-serif;

  margin-bottom: 0;

  margin-right: 50px;

}

@media (max-width: 767px) {

  .single-shop-tab .tab-nav-list .nav-item {

    margin-right: 20px;

  }

}

.single-shop-tab .tab-nav-list .nav-item:last-child {

  margin-right: 0;

}

.single-shop-tab .tab-nav-list .nav-item a {

  color: #85878a;

  padding: 10px 0;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  position: relative;

  padding-bottom: 20px;

}

.single-shop-tab .tab-nav-list .nav-item a.active {

  color: var(--color-black);

}

.single-shop-tab .tab-nav-list .nav-item a.active::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 4px;

  background-color: var(--color-primary);

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.single-shop-tab .tab-content {

  padding: 30px 0 0;

}

.single-shop-tab .tab-content p {

  font-size: 15px;

  margin-bottom: 20px;

}

.single-shop-tab .tab-content .title {

  font-size: 18px;

  font-weight: 500;

}

.single-shop-tab .tab-content .list-info-style-1 {

  margin-bottom: 30px;

}

.single-shop-tab .tab-content .list-info-style-1 li {

  font-size: 15px;

  position: relative;

  padding-left: 20px;

}

.single-shop-tab .tab-content .list-info-style-1 li:before {

  position: absolute;

  z-index: 1;

  content: "";

  height: 8px;

  width: 8px;

  border-radius: 50%;

  background-color: #000000;

  top: 8px;

  left: 0;

}

.single-shop-tab .tab-content .review-box .rating-box li ul li {

  margin-right: 3px;

}

.single-shop-tab .tab-content .review-box .rating-box li ul li:last-child {

  margin-right: 0;

}

.single-shop-tab .tab-content .review-box .rating-box li ul li a {

  color: #545454;

  font-size: 14px;

}

[data-theme=dark] .single-shop-tab .tab-content .review-box .rating-box li ul li a {

  color: #b4b1b1;

}

.single-shop-tab .tab-content .review-box .review-form .form-group {

  margin-bottom: 15px;

}

.single-shop-tab .tab-content .review-box .review-form .form-control {

  border-radius: 0;

  border: 1px solid #dcdcdc;

  background-color: transparent;

  color: var(--color-body);

}

.single-shop-tab .tab-content .review-box .review-form .form-control:focus {

  -webkit-box-shadow: none;

          box-shadow: none;

}

.single-shop-tab .tab-content .review-box .review-form .form-control::-webkit-input-placeholder {

  color: var(--color-body);

}

.single-shop-tab .tab-content .review-box .review-form .form-control::-moz-placeholder {

  color: var(--color-body);

}

.single-shop-tab .tab-content .review-box .review-form .form-control:-ms-input-placeholder {

  color: var(--color-body);

}

.single-shop-tab .tab-content .review-box .review-form .form-control::-ms-input-placeholder {

  color: var(--color-body);

}

.single-shop-tab .tab-content .review-box .review-form .form-control::placeholder {

  color: var(--color-body);

}

.single-shop-tab .tab-content .review-box .review-form input {

  height: 50px;

  padding: 5px 15px;

}

.single-shop-tab .tab-content .review-box .review-form textarea {

  padding: 20px;

}

.single-shop-tab .tab-content .review-box .review-form .item-btn {

  width: 100%;

  padding: 10px 30px;

  background-color: #000000;

  color: #ffffff;

  border: 0;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.single-shop-tab .tab-content .review-box .review-form .item-btn:hover {

  background-color: var(--color-primary);

}

.single-shop-tab .tab-content .review-box .review-form input.form-control::-webkit-input-placeholder,

.single-shop-tab .tab-content .review-box .review-form textarea.form-control::-webkit-input-placeholder {

  color: #7e7e7e;

  font-size: 13px;

}

.single-shop-tab .tab-content .review-box .review-form input.form-control::-moz-placeholder,

.single-shop-tab .tab-content .review-box .review-form textarea.form-control::-moz-placeholder {

  color: #7e7e7e;

  font-size: 13px;

}

.single-shop-tab .tab-content .review-box .review-form input.form-control:-moz-placeholder,

.single-shop-tab .tab-content .review-box .review-form textarea.form-control:-moz-placeholder {

  color: #7e7e7e;

  font-size: 13px;

}

.single-shop-tab .tab-content .review-box .review-form input.form-control:-ms-input-placeholder,

.single-shop-tab .tab-content .review-box .review-form textarea.form-control:-ms-input-placeholder {

  color: #7e7e7e;

  font-size: 13px;

}



/*================================

// Footer

=================================*/

.footer {

  background-color: #0f1012;

  position: relative;

  overflow: hidden;

  z-index: 1;

}

@media (min-width: 1400px) {

  .footer {

    /* position: sticky; */

    bottom: 0;

  }

}

.footer.footer-style-3::after {

  background-color: rgba(var(--color-black-rgb), 0.75);

  z-index: -1;

}

.footer.footer-style-4 {

  padding-top: 100px;

  padding-bottom: 95px;

}

@media (max-width: 991px) {

  .footer.footer-style-4 {

    padding-top: 60px;

    padding-bottom: 55px;

  }

}

.footer.footer-style-5 .footer-bottom {

  background: #1f1f1f;

  border-top: none;

}

@media (min-width: 1400px) {

  .footer.footer-style-5 {

    position: relative;

    bottom: unset;

  }

}

.footer.footer-style-5 .footer-subscribe-wrapper {

  border-bottom: 1px solid #373737;

}

.footer.footer-style-5 .widget-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.footer.footer-style-5 .widget-list li {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

          flex: 0 0 50%;

}

[data-theme=dark] .footer {

  --color-black: #000;

  --color-white: #fff;

  --color-white-rgb: 255, 255, 255;

  --color-black-rgb: 0, 0, 0;

  background: var(--color-dark-bg_2);

}

.footer .rt-post.post-sm {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



.footer-top {

  padding-top: 32px;

  padding-bottom: 35px;

}

@media (max-width: 991px) {

  .footer-top {

    padding-top: 10px;

    padding-bottom: 10px;

  }

}



.footer-widget .logo {

  margin-bottom: 30px;

  margin-top: 3px;

}

.footer-widget .text {

  font-size: 0.9375rem;

  line-height: 1.8;

  color: #a5a5a5;

  margin-bottom: 30px;

}

@media (min-width: 1200px) {

  .footer-widget .text {

    max-width: 88%;

    width: 100%;

  }

}

.footer-widget .footer-widget-title {

  position: relative;

  font-size: 1.1rem;

  color: var(--color-white);

  margin-bottom: 30px;

  text-transform: capitalize;

}

.footer-widget .widget-list .widget-list-item {

  margin-bottom: 25px;

  line-height: 1;

}

.footer-widget .widget-list .widget-list-item:last-child {

  margin-bottom: 0;

}

.footer-widget .widget-list .widget-list-link {

  color: #d1cbcb;/*#8f8f8f;*/

  position: relative;

  padding-left: 20px;

  display: inline-block;

  font-size: 0.9375rem;

}

.footer-widget .widget-list .widget-list-link::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background-color: #a5a5a5;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.footer-widget .widget-list .widget-list-link:hover {

  color: var(--color-white);

}

.footer-widget .widget-list .widget-list-link:hover::after {

  background-color: var(--color-primary);

}



.footer-social {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: unset;

      -ms-flex-pack: unset;

          justify-content: unset;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.footer-social .social-item {

  margin-right: 4px;

}

.footer-social .social-item:last-child {

  margin-right: 0;

}

.team-social .footer-social .social-item {

  margin-right: 0;

}

.footer-social .social-link {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  color: var(--color-white);

  width: 36px;

  height: 36px;

  border-radius: 50%;

  font-size: 0.9375rem;

  -webkit-transition: all ease 0.4s;

  transition: all ease 0.4s;

  overflow: hidden;

  position: relative;

  background-color: rgba(var(--color-white-rgb), 0.102);

}

.footer-social .social-link:hover {

  color: var(--color-white);

  background-color: var(--color-primary);

}

.footer-social .social-link:hover i {

  -webkit-animation: toBottomFromTop 0.5s forwards;

          animation: toBottomFromTop 0.5s forwards;

}

.footer-social.style-2 .social-link {

  background-color: var(--color-black);

}

.footer-social.style-2 .social-link:hover {

  color: var(--color-white);

  background-color: var(--color-primary);

}

[data-theme=dark] .footer-social.style-2 .social-link {

  color: var(--color-primary);

}

[data-theme=dark] .footer-social.style-2 .social-link:hover {

  color: #fff;

}

.footer-social.team-social-1 {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

.footer-social.team-social-1 .social-link {

  background-color: #c2c2c2;

}

.footer-social.team-social-1 .social-link:hover {

  color: var(--color-white);

  background-color: var(--color-primary);

}

@media (min-width: 992px) {

  .footer-social.author-social-1 {

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

  }

}

.footer-social.author-social-1 .social-link {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background-color: var(--color-white);

  color: var(--color-black);

  font-size: 1rem;

}

.footer-social.author-social-1 .social-link:hover {

  color: var(--color-white);

  background-color: var(--color-primary);

}

[data-theme=dark] .footer-social.author-social-1 {

  --color-white: #fff;

  --color-black: #000;

}

[data-theme=dark] .footer-social {

  --color-white: #fff;

}



.insta-gallery {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 90px 5px 90px 5px 90px;

  grid-template-columns: repeat(3, 90px);

  grid-gap: 5px;

}

.insta-gallery .galleryitem {

  overflow: hidden;

  position: relative;

  border-radius: var(--border-radius-xs);

}

.insta-gallery .galleryitem img {

  -webkit-transform: scale(1.02);

          transform: scale(1.02);

  -webkit-transition: all 1.5s ease-out;

  transition: all 1.5s ease-out;

  border-radius: var(--border-radius-xs);

}

.insta-gallery .galleryitem > a {

  display: block;

  position: relative;

  z-index: 4;

}

/*.insta-gallery .galleryitem > a::before {

  background-color: rgba(var(--color-black-rgb), 0.8);

  -webkit-transition: all ease 0.8s;

  transition: all ease 0.8s;

  visibility: hidden;

  opacity: 0;

  -webkit-transform: scale(0);

          transform: scale(0);

  border-radius: var(--border-radius-xs);

  z-index: 1;

}

.insta-gallery .galleryitem > a::after {

  content: "";

  position: absolute;

  z-index: 2;

  font-family: "Font Awesome 5 Brands";

  font-weight: 500;

  font-size: 18px;

  color: var(--color-white);

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  visibility: hidden;

  opacity: 0;

  -webkit-transition: all ease 0.3s;

  transition: all ease 0.3s;

}*/

[data-theme=dark] .insta-gallery .galleryitem > a::after {

  --color-white: #fff;

}

.insta-gallery .galleryitem:hover img {

  -webkit-transform: scale(1.3);

          transform: scale(1.3);

}

.insta-gallery .galleryitem:hover > a::before {

  visibility: visible;

  opacity: 1;

  -webkit-transform: scale(1);

          transform: scale(1);

}

.insta-gallery .galleryitem:hover > a::after {

  visibility: visible;

  opacity: 1;

}

[data-theme=dark] .insta-gallery {

  --color-black-rgb: 0, 0, 0;

}



.footer-widget-style-2 .logo {

  margin-bottom: 30px;

}

.footer-widget-style-2 .footer-social {

  margin-bottom: 35px;

}



/*footer bottom*/

.footer-bottom {

  border-top: 1px solid #252525;

}

.footer-style-3 .footer-bottom {

  border-color: #414141;

}



.footer-bottom-area {

  min-height: 100px;

  text-align: center;

}

@media (max-width: 991px) {

  .footer-bottom-area {

    min-height: 80px;

  }

}



.copyright-text {

  color: #cccccc;

}

.copyright-text a {

  color: #cccccc;

}

.copyright-text a:hover {

  color: var(--color-primary);

}

.copyright-text.style-2 {

  color: var(--color-black);

}

.copyright-text.style-2 a {

  color: var(--color-black);

}

.copyright-text.style-2 a:hover {

  color: var(--color-primary);

}



.footer-menu-style-2 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  gap: 20px;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  margin-bottom: 40px;

}

.footer-menu-style-2 a {

  font-family: var(--font-title);

  font-weight: 600;

  font-size: 0.9375rem;

  text-transform: capitalize;

  color: #b1b1b1;

  position: relative;

  padding-right: 26px;

}

.footer-menu-style-2 a::after {

  content: "";

  position: absolute;

  right: 0;

  bottom: 8px;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background-color: #b1b1b1;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

}

.footer-menu-style-2 a:hover {

  color: var(--color-primary);

}

.footer-menu-style-2 a:hover::after {

  background-color: var(--color-primary);

}

.footer-menu-style-2 li:last-child a::after {

  display: none;

}



.social-wrapper-line-style {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  gap: 40px;

  width: 100%;

  margin-bottom: 40px;

}

.social-wrapper-line-style .wrapper-line {

  width: 100%;

  height: 1px;

  border: 1px solid #404040;

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

}

.social-wrapper-line-style .footer-social {

  -ms-flex-wrap: unset;

      flex-wrap: unset;

  gap: 10px;

}

.social-wrapper-line-style .footer-social a {

  width: 44px;

  height: 44px;

  border-radius: 50%;

  font-size: 1rem;

}

@media (max-width: 767px) {

  .social-wrapper-line-style {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

  .social-wrapper-line-style .wrapper-line {

    display: none;

  }

}