/*
------------- Table of content ----------------

Template Name: Nuova express Responsive HTML5 Template
Template URI: http://nuovaexpress.com
Description: Nuova express Responsive HTML5 Template
Author: Gobinda Sarkar
Author URI: http://nuovaexpress.com
Version: 1.0

---------------------- common content ----------
1.body reset content
#.header area
#.hero-banner
#.section-header
#.what-news-area
#.footer-area
#.widget-area
#.butotn
#.sidebar-area
#.breadcrumb-area
#.trending-news-area
#.featured-news-area
#.top-video-area
#.single-grid-overlay-news
#.top-views-area
#.top-stories-area
#.primary-form
#.contact-area
#.erro-area
#.blog-page-area
#.single-grid-blog
#.single-list-blog
#.single-grid-overlay-blog
#.single-post-area
#.single-grid-post-v3
#.related-news-area
#.comment-area
#.pagination-area

*/
/*-------------------------
#.single-grid-post-v3
--------------------------*/
:root {
  font-size: 62.5%;
  --primary-color: #AFCB00;
  --hover-color: #919e00;
  --bColor: #6D6D6D;
  --white: #ffffff;
  --black: #000000;
}

html,
body {
  height: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.6rem;
  color: var(--bColor);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Cormorant", serif;
  font-weight: 700;
}

iframe {
  border: none;
}

a,
b,
div,
ul,
li {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -moz-outline-: none;
}

input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active,
select:focus,
select:hover {
  -moz-outline: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

img:not([draggable]),
embed,
object,
video {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  outline: 0;
}

a:active,
a:focus,
a:hover,
a:visited {
  text-decoration: none;
  outline: 0;
}

:focus {
  outline: none;
}

img {
  border: none;
  max-width: 100%;
  height: auto;
}

button:focus {
  -moz-outline: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.section {
  padding: 7.5rem 0;
}

.section-top {
  padding-top: 7.5rem;
}

.section-bottom {
  padding-bottom: 7.5rem;
}

.btn.focus, .btn:focus {
  border: 1px solid transparent;
}

.form-control:focus,
.btn.focus, .btn:focus {
  color: #495057;
  background-color: #fff;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.acurate {
  margin: 0;
  padding: 0;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 24px;
}

.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 24px;
}

.aligncenter {
  display: block;
  margin: 0 auto 24px;
}

a:focus {
  outline: 0px solid;
}

.fix {
  overflow: hidden;
}

p {
  margin: 0 0 24px;
}

a {
  text-decoration: none;
}

a:hover {
  color: var(--primary-color);
  text-decoration: none;
}

a:active, a:hover {
  outline: 0 none;
  color: var(--hover-color);
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
}

::-moz-selection {
  background: var(--primary-color);
  text-shadow: none;
}

::selection {
  background: var(--primary-color);
  text-shadow: none;
  color: #ffffff;
}

.browserupgrade {
  margin: 24px  0;
  background: var(--primary-color);
  color: #ffffff;
  padding: 24px 0;
}

.p-0 {
  padding: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.m-0 {
  margin: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-0 {
  margin-top: 0 !important;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

/*-------------------------
scrollUp
--------------------------*/
#scrollUp {
  background: #000000;
  bottom: 20px;
  color: #ffffff;
  font-size: 20px;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
  z-index: 1000;
  border-radius: 5px;
}
#scrollUp:hover {
  background: var(--hover-color);
}

.section-bg {
  background-color: #F9F9F9;
}

@media (max-width: 991px) {
  .section {
    padding: 5.5rem 0;
  }

  .section-top {
    padding-top: 5.5rem;
  }

  .section-bottom {
    padding-bottom: 5.5rem;
  }
}
/*-------------------------
#.header area
--------------------------*/
.header-area {
  background: url("../images/header-bg.jpg") no-repeat center/cover;
}
.header-area.header-transparent {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  background: transparent;
}
.header-area .topbar-area {
  padding: 1.5rem 0;
  background: rgba(0, 0, 0, 0.11);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header-area .topbar-area .language-dropdown {
  margin-right: 3rem;
}
.header-area .topbar-area .language-dropdown .dropdown-btn {
  border: none;
  padding: 0;
  font-family: "Cormorant", serif;
  font-size: 1.6rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #E9E9E9;
  background-color: transparent;
}
.header-area .topbar-area .language-dropdown .dropdown-btn i {
  margin-left: .5rem;
}
.header-area .topbar-area .language-dropdown .dropdown-menu {
  background-color: var(--white);
  padding: 0;
  border: 1px solid #F1F1F1;
  border-radius: 0;
}
.header-area .topbar-area .language-dropdown .dropdown-menu a {
  display: inline-block;
  font-family: "Cormorant", serif;
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
  padding: .6rem 1rem;
  border-bottom: 1px solid #F1F1F1;
  background-color: var(--white);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.header-area .topbar-area .language-dropdown .dropdown-menu a:last-child {
  border-bottom: none;
}
.header-area .topbar-area .language-dropdown .dropdown-menu a:hover {
  color: var(--white);
  background-color: var(--primary-color);
}
.header-area .topbar-area .search-btn {
  padding: 0;
  background-color: transparent;
  border: none;
  font-size: 1.8rem;
  color: var(--white);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.header-area .topbar-area .search-btn:hover {
  color: var(--primary-color);
}
.header-area .topbar-area .search-form {
  position: absolute;
  top: 44px;
  left: 8.5rem;
  width: 667px;
  z-index: 9;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
}
.header-area .topbar-area .search-form.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.header-area .topbar-area .search-form .form-group {
  position: relative;
  margin: 0;
}
.header-area .topbar-area .search-form .form-group .form-control {
  width: 100%;
  height: 8.5rem;
  padding: 0 2rem 0 6.5rem;
  border-radius: 0;
  border: none;
  border-top: 5px solid var(--primary-color);
  font-family: "Open Sans", sans-serif;
  font-size: 1.9rem;
  font-weight: 400;
  color: #6D6D6D;
}
.header-area .topbar-area .search-form .form-group .search-icon {
  position: absolute;
  left: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
  border: none;
  color: #6D6D6D;
  font-size: 2.2rem;
}
.header-area .topbar-area .social-media {
  margin: 0;
  padding: 0;
}
.header-area .topbar-area .social-media li {
  display: inline-block;
  list-style: none;
  margin-right: 2rem;
}
.header-area .topbar-area .social-media li:last-child {
  margin-right: 0;
}
.header-area .topbar-area .social-media li a {
  display: inline-block;
  font-size: 1.8rem;
  color: #E9E9E9;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.header-area .topbar-area .social-media li a:hover {
  color: var(--primary-color);
}
.header-area .brand-logo img {
  max-width: 265px;
}
.header-area .menu-area {
  padding: 2.5rem 0;
  background: rgba(0, 0, 0, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.header-area .menu-area .primary-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-area .menu-area .primary-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}
.header-area .menu-area .primary-menu ul li {
  list-style: none;
}
.header-area .menu-area .primary-menu ul li a {
  position: relative;
  padding: 4.5rem 2rem;
  font-family: "Cormorant", serif;
  font-size: 2rem;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--white);
}
.header-area .menu-area .primary-menu ul li a i {
  position: relative;
  top: 2px;
  margin-left: .3rem;
}
.header-area .menu-area .primary-menu ul li a::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 4px;
  background-color: var(--primary-color);
  left: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.header-area .menu-area .primary-menu ul li:hover a::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.header-area .menu-area .primary-menu ul li.current-menu-item a::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.header-area .menu-area .primary-menu ul li.menu-item-has-children {
  position: relative;
}
.header-area .menu-area .primary-menu ul li.menu-item-has-children .sub-menu {
  display: block;
  position: absolute;
  width: 350px;
  margin: 0;
  padding: 0;
  background-color: var(--white);
  top: calc(100% + 45px);
  right: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  pointer-events: none;
  z-index: 99;
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.02);
}
.header-area .menu-area .primary-menu ul li.menu-item-has-children .sub-menu li {
  list-style: none;
  border-bottom: 1px solid #F1F1F1;
}
.header-area .menu-area .primary-menu ul li.menu-item-has-children .sub-menu li:last-child {
  border-bottom: none;
}
.header-area .menu-area .primary-menu ul li.menu-item-has-children .sub-menu li a {
  display: block;
  padding: 2.5rem 3rem;
  font-size: 2.2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.header-area .menu-area .primary-menu ul li.menu-item-has-children .sub-menu li a::before {
  display: none;
}
.header-area .menu-area .primary-menu ul li.menu-item-has-children .sub-menu li a:hover {
  color: var(--primary-color);
}
.header-area .menu-area .primary-menu ul li.menu-item-has-children:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.header-area .topbar-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header-area .topbar-right .social-media {
    margin-right: 2rem;
}
.header-area .topbar-right .header-btn {
    padding: .7rem 1.5rem;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--white);
    border: none;
    box-shadow: none;
}
.header-area .topbar-right .header-btn.logout-button{
    background: #dc3545;
}
.header-area .topbar-right .header-btn.login-button{
    background: #157347;
}

.side-menu-header .login-button-div{
    margin-top: 10px;
}
.side-menu-header .header-btn {
    padding: .7rem 1.5rem;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--white);
    border: none;
    box-shadow: none;
}
.side-menu-header .header-btn.logout-button{
    background: #dc3545;
}
.side-menu-header .header-btn.login-button{
    background: #157347;
}

.side-menu-area {
  position: fixed;
  width: 270px;
  margin-left: -270px;
  padding: 2.5rem 2rem;
  top: 0;
  left: 0;
  z-index: 999;
  height: 100%;
  background: #303030;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  display: none;
}
.side-menu-area::-webkit-scrollbar {
  display: none;
}
.side-menu-area .side-menu-header {
  position: relative;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 2.5rem;
}
.side-menu-area .side-menu-header .language-dropdown {
  margin-right: 3rem;
}
.side-menu-area .side-menu-header .language-dropdown .dropdown-btn {
  border: none;
  padding: 0;
  font-family: "Cormorant", serif;
  font-size: 1.6rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #E9E9E9;
  background-color: transparent;
}
.side-menu-area .side-menu-header .language-dropdown .dropdown-btn i {
  margin-left: .5rem;
}
.side-menu-area .side-menu-header .language-dropdown .dropdown-menu {
  background-color: var(--white);
  padding: 0;
  border: 1px solid #F1F1F1;
  border-radius: 0;
}
.side-menu-area .side-menu-header .language-dropdown .dropdown-menu a {
  display: inline-block;
  font-family: "Cormorant", serif;
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
  padding: .6rem 1rem;
  border-bottom: 1px solid #F1F1F1;
  background-color: var(--white);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.side-menu-area .side-menu-header .language-dropdown .dropdown-menu a:last-child {
  border-bottom: none;
}
.side-menu-area .side-menu-header .language-dropdown .dropdown-menu a:hover {
  color: var(--white);
  background-color: var(--primary-color);
}
.side-menu-area .side-menu-header .search-btn {
  padding: 0;
  background-color: transparent;
  border: none;
  font-size: 1.8rem;
  color: var(--white);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.side-menu-area .side-menu-header .search-btn:hover {
  color: var(--primary-color);
}
.side-menu-area .side-menu-header .search-form {
  position: absolute;
  top: 3.5rem;
  left: 0;
  width: 100%;
  z-index: 9;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
}
.side-menu-area .side-menu-header .search-form.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.side-menu-area .side-menu-header .search-form .form-group {
  position: relative;
  margin: 0;
}
.side-menu-area .side-menu-header .search-form .form-group .form-control {
  width: 100%;
  height: 5.5rem;
  padding: 0 1.5rem 0 4rem;
  border-radius: 0;
  border: none;
  border-top: 5px solid var(--primary-color);
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  color: #6D6D6D;
}
.side-menu-area .side-menu-header .search-form .form-group .search-icon {
  position: absolute;
  left: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
  border: none;
  color: #6D6D6D;
  font-size: 1.6rem;
}
.side-menu-area .side-menu-header .social-media {
  margin: 0;
  padding: 0;
}
.side-menu-area .side-menu-header .social-media li {
  display: inline-block;
  list-style: none;
  margin-right: 2rem;
}
.side-menu-area .side-menu-header .social-media li:last-child {
  margin-right: 0;
}
.side-menu-area .side-menu-header .social-media li a {
  display: inline-block;
  font-size: 1.8rem;
  color: #E9E9E9;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.side-menu-area .side-menu-header .social-media li a:hover {
  color: var(--primary-color);
}
.side-menu-area .side-menu-header .menu-header-top {
  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: 1.5rem;
}
.side-menu-area .brand-logo-area {
  margin-top: 3rem;
  margin-bottom: 4rem;
  text-align: center;
}
.side-menu-area .brand-logo-area .brand-logo {
  display: block;
}
.side-menu-area .brand-logo-area .brand-logo img {
  max-width: 160px;
}
.side-menu-area .mobile-menu ul {
  margin: 0;
  padding: 0;
}
.side-menu-area .mobile-menu ul li {
  list-style: none;
  margin-bottom: 2.5rem;
}
.side-menu-area .mobile-menu ul li a {
  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;
  font-family: "Cormorant", serif;
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--white);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.side-menu-area .mobile-menu ul li:hover a {
  color: var(--primary-color);
}
.side-menu-area .mobile-menu ul li.current-menu-item a {
  color: var(--primary-color);
}
.side-menu-area .mobile-menu ul li.menu-item-has-children .sub-menu {
  width: 100%;
  margin: 0;
  margin-top: 2rem;
  padding: 0;
  background-color: var(--white);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.02);
  display: none;
}
.side-menu-area .mobile-menu ul li.menu-item-has-children .sub-menu.active {
  display: block;
}
.side-menu-area .mobile-menu ul li.menu-item-has-children .sub-menu li {
  list-style: none;
  border-bottom: 1px solid #F1F1F1;
  margin: 0;
}
.side-menu-area .mobile-menu ul li.menu-item-has-children .sub-menu li:last-child {
  border-bottom: none;
}
.side-menu-area .mobile-menu ul li.menu-item-has-children .sub-menu li a {
  display: block;
  padding: 1.5rem 2rem;
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.side-menu-area .mobile-menu ul li.menu-item-has-children .sub-menu li a:hover {
  color: var(--primary-color);
}

.mobile-header-area {
  display: none;
  padding: 15px 0;
}
.mobile-header-area .mobile-header-wrap {
  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;
}
.mobile-header-area .mobile-header-wrap .mobile-logo {
  display: inline-block;
}
.mobile-header-area .mobile-header-wrap .mobile-logo img {
  max-width: 180px;
}
.mobile-header-area .mobile-header-wrap .menu-bar {
  width: 45px;
  height: 45px;
  border: none;
  background-color: #fafafa;
  font-size: 22px;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.mobile-header-area .mobile-header-wrap .menu-bar:hover {
  color: var(--white);
  background-color: var(--primary-color);
}

.mobile_menu_overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

.mobile_menu_overlay.active {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 1199px) {
  .header-area .menu-area {
    padding: 1.5rem 0;
  }

  .header-area .menu-area .primary-menu ul li a {
    padding: 2.9rem 1.5rem;
    font-size: 1.8rem;
  }

  .header-area .menu-area .primary-menu ul li.menu-item-has-children .sub-menu {
    top: calc(100% + 27px);
  }

  .header-area .menu-area .primary-menu ul li.menu-item-has-children .sub-menu li a {
    padding: 1.5rem 2rem;
    font-size: 2rem;
  }

  .header-area .brand-logo img {
    max-width: 200px;
  }

  .header-area .topbar-area {
    padding: 1rem 0;
  }
}
@media (max-width: 991px) {
  .mobile_menu_overlay {
    display: block;
  }

  .mobile-header-area {
    display: block;
    background: #303030;
  }

  .header-area {
    display: none;
  }

  .side-menu-area {
    display: block;
  }

  .side-menu-area.active {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .mobile-header-area .mobile-header-wrap .mobile-logo img {
    max-width: 140px;
  }

  .mobile-header-area .mobile-header-wrap .menu-bar {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}
/*-------------------------
#.section-header
--------------------------*/
.section-header {
  margin-top: -10px;
  margin-bottom: 5rem;
}
.section-header .section-title {
  position: relative;
  margin: 0;
  font-size: 5rem;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--primary-color);
}
.section-header .section-title::before {
  position: absolute;
  content: '';
  width: 12rem;
  height: 1px;
  background-color: var(--primary-color);
  left: 0;
  bottom: 0;
}
.section-header .tabs-menu {
          justify-content: flex-start;
  border: none;
}
.section-header .tabs-menu .nav-item {
  border: none;
  margin-right: 3.5rem;
    margin-bottom: .5rem;
    margin-top: .5rem;
  line-height: 1;
}
.section-header .tabs-menu .nav-item:last-child {
  margin-right: 0;
}
.section-header .tabs-menu .nav-item .nav-link {
  display: inline-block;
  position: relative;
  padding: 0 0 0 15px;
  border: none;
  font-family: "Cormorant", serif;
  font-size: 2.4rem;
  font-weight: 600;
  color: #303030;
  text-transform: capitalize;
}
.section-header .tabs-menu .nav-item .nav-link::before {
  position: absolute;
  content: '';
  width: 7px;
  height: 7px;
  left: 0;
  top: 8px;
  background-color: var(--primary-color);
  opacity: 0;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.section-header .tabs-menu .nav-item .nav-link.active {
  color: var(--primary-color);
}
.section-header .tabs-menu .nav-item .nav-link.active::before {
  opacity: 1;
}
.section-header .view-all-btn {
  display: inline-block;
  font-family: "Cormorant", serif;
  font-size: 2.2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.section-header .view-all-btn:hover {
  color: var(--primary-color);
}

.section-header-two {
  margin-top: -10px;
  margin-bottom: 5rem;
}
.section-header-two .section-title {
  position: relative;
  margin: 0;
  font-size: 3.4rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
}
.section-header-two .section-title::before {
  position: absolute;
  content: '';
  width: 12rem;
  height: 1px;
  background-color: #303030;
  left: 0;
  bottom: 0;
}

@media (max-width: 1199px) {
  .section-header .tabs-menu .nav-item {
    margin-right: 1.5rem;
  }

  .section-header .tabs-menu .nav-item .nav-link {
    padding: 0 0 0 10px;
    font-size: 1.8rem;
  }

  .section-header .tabs-menu .nav-item .nav-link::before {
    width: 5px;
    height: 5px;
    top: 6px;
  }
}
@media (max-width: 991px) {
  .section-header .tabs-menu {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 2.5rem;
  }
}
@media (max-width: 991px) {
  .section-header .tabs-menu .nav-item .nav-link {
    padding: 0 0 0 10px;
    font-size: 2.2rem;
  }

  .section-header .tabs-menu .nav-item .nav-link::before {
    top: 8px;
  }

  .section-header .section-title {
    font-size: 4.4rem;
  }
}
@media (max-width: 575px) {
  .section-header .tabs-menu {
    margin-top: 1.5rem;
  }

  .section-header .tabs-menu .nav-item {
    margin-top: 10px;
  }

  .section-header .section-title {
    font-size: 3.6rem;
  }

  .section-header .view-all-btn {
    margin-top: 1.5rem;
  }

  .section-header {
    margin-bottom: 4rem;
  }
}
/*-------------------------
#.hero-banner
--------------------------*/
.hero-banner {
  position: relative;
}
.hero-banner .single-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 1050px;
}
.hero-banner .single-post.post-one {
  background-image: url("../images/hero-banner-1.jpg");
}
.hero-banner .single-post.post-two {
  background-image: url("../images/hero-banner-2.jpg");
}
.hero-banner .single-post.post-three {
  background-image: url("../images/hero-banner-3.jpg");
}
.hero-banner .single-post .play-btn {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 8.4rem;
  height: 8.4rem;
  line-height: 8.4rem;
  border-radius: 50%;
  text-align: center;
  border: 2px solid rgba(233, 233, 233, 0.5);
  color: var(--white);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.hero-banner .single-post .play-btn:hover {
  color: var(--white);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.hero-banner .single-post .post-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5rem;
  -webkit-transform: translateY(70px);
          transform: translateY(70px);
  width: 414px;
  height: 600px;
  background-image: url("../images/border-shape.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.hero-banner .single-post .post-content .category {
  display: inline-block;
  margin-bottom: 5rem;
  font-family: "Cormorant", serif;
  font-size: 2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #AFCB00;
  text-decoration: underline;
  -webkit-text-decoration-color: #AFCB00;
          text-decoration-color: #AFCB00;
}
.hero-banner .single-post .post-content .post-title {
  margin-bottom: 3.5rem;
  font-size: 4.2rem;
  line-height: 6rem;
  font-weight: 700;
  color: #E9E9E9;
}
.hero-banner .single-post .post-content .post-title a {
  color: #E9E9E9;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.hero-banner .single-post .post-content .post-title a:hover {
  color: var(--primary-color);
}
.hero-banner .single-post .post-content .post-author {
  position: relative;
  font-family: "Cormorant", serif;
  font-size: 2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #E9E9E9;
  padding-left: 50px;
}
.hero-banner .single-post .post-content .post-author::after {
  position: absolute;
  content: '';
  width: 30px;
  height: 1px;
  background-color: #E9E9E9;
  top: 50%;
  left: 0;
}
.hero-banner .single-post .post-content .post-author a {
  color: #E9E9E9;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.hero-banner .single-post .post-content .post-author a:hover {
  color: var(--primary-color);
}
.hero-banner .post-thumb-area {
  position: absolute;
  width: 1040px;
  background: rgba(175, 203, 0, 0.2);
  bottom: 0;
  right: 0;
  padding: 10px;
  border-left: 5px solid #AFCB00;
}
.hero-banner .post-thumb-area .slick-slide {
  margin: 0 8px;
}
.hero-banner .post-thumb-area .slick-list {
  margin: 0 -8px;
}
.hero-banner .post-thumb-area .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.7rem;
  height: 2.7rem;
  line-height: 2.7rem;
  border-radius: 50%;
  text-align: center;
  background-color: var(--primary-color);
  color: var(--white);
  cursor: pointer;
  z-index: 1;
}
.hero-banner .post-thumb-area .slick-arrow.slick-prev {
  right: 6rem;
}
.hero-banner .post-thumb-area .slick-arrow.slick-next {
  right: 2.5rem;
}
.hero-banner .post-thumb-area .single-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid var(--white);
  cursor: pointer;
}
.hero-banner .post-thumb-area .single-slide .post-image {
  margin-right: 10px;
}
.hero-banner .post-thumb-area .single-slide .post-image img {
  width: 130px;
  height: 130px;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-banner .post-thumb-area .single-slide .post-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.hero-banner .post-thumb-area .single-slide .post-info .category {
  display: inline-block;
  font-family: "Cormorant", serif;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #DA005B;
  text-decoration: underline;
  -webkit-text-decoration-color: #DA005B;
          text-decoration-color: #DA005B;
}
.hero-banner .post-thumb-area .single-slide .post-info .category.social {
  color: #00CBBF;
  -webkit-text-decoration-color: #00CBBF;
          text-decoration-color: #00CBBF;
}
.hero-banner .post-thumb-area .single-slide .post-info .category.fashion {
  color: #E72ABD;
  -webkit-text-decoration-color: #E72ABD;
          text-decoration-color: #E72ABD;
}
.hero-banner .post-thumb-area .single-slide .post-info .category.political {
  color: #FF0000;
  -webkit-text-decoration-color: #FF0000;
          text-decoration-color: #FF0000;
}
.hero-banner .post-thumb-area .single-slide .post-info .category.technology {
  color: #00549C;
  -webkit-text-decoration-color: #00549C;
          text-decoration-color: #00549C;
}
.hero-banner .post-thumb-area .single-slide .post-info .post-title {
  margin-top: 5px;
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #E9E9E9;
}

@media (max-width: 1199px) {
  .hero-banner .post-thumb-area .single-slide .post-image img {
    width: 100px;
    height: 100px;
  }

  .hero-banner .single-post .post-content .post-title {
    margin-bottom: 2.5rem;
    font-size: 3.2rem;
    line-height: 4.2rem;
  }

  .hero-banner .single-post .post-content .category {
    margin-bottom: 3rem;
  }

  .hero-banner .single-post .post-content {
    padding: 5rem 3rem;
    width: 320px;
    height: auto;
  }

  .hero-banner .post-thumb-area {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .hero-banner .single-post .play-btn {
    left: auto;
    right: 1.5rem;
    top: 1.5rem;
    -webkit-transform: translate(0);
            transform: translate(0);
    width: 5rem;
    height: 5rem;
    line-height: 4.5rem;
  }

  .hero-banner .single-post {
    height: auto;
    padding-bottom: 26rem;
  }
}
@media (max-width: 768px) {
  .hero-banner .post-thumb-area .single-slide .post-info .post-title {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}
@media (max-width: 575px) {
  .hero-banner .post-thumb-area .single-slide .post-info .post-title {
    margin-top: 0;
  }
}
@media (max-width: 375px) {
  .hero-banner .single-post .play-btn {
    display: none;
  }
}
@media (max-width: 360px) {
  .hero-banner .single-post .post-content {
    padding: 3rem 2rem;
    width: 290px;
    height: auto;
  }

  .hero-banner .post-thumb-area .single-slide .post-image img {
    width: 110px;
    height: 110px;
  }
}
/*-------------------------
#.what-news-area
--------------------------*/
.what-news-area .single-grid-post {
  margin-bottom: 3rem;
}
.what-news-area .single-grid-post .post-thumbnail {
  margin-bottom: 2.5rem;
  overflow: hidden;
}
.what-news-area .single-grid-post .post-thumbnail img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.what-news-area .single-grid-post .post-info {
  padding: 0 2rem;
}
.what-news-area .single-grid-post .post-info .post-date {
  margin-bottom: 1.5rem;
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  color: #303030;
}
.what-news-area .single-grid-post .post-info .post-title {
  margin-bottom: 1rem;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 4rem;
  color: #303030;
}
.what-news-area .single-grid-post .post-info .post-title a {
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.what-news-area .single-grid-post .post-info .post-title a:hover {
  color: var(--primary-color);
}
.what-news-area .single-grid-post .post-info .post-author {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  color: #303030;
}
.what-news-area .single-grid-post .post-info .post-author a {
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.what-news-area .single-grid-post .post-info .post-author a:hover {
  color: var(--primary-color);
}
.what-news-area .single-grid-post:hover .post-thumbnail img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.what-news-area .single-grid-post.small-post .post-thumbnail {
  margin-bottom: 1.5rem;
}
.what-news-area .single-grid-post.small-post .post-info {
  padding: 0;
}
.what-news-area .single-grid-post.small-post .post-info .post-date {
  margin-bottom: .8rem;
  font-size: 1rem;
  font-weight: 600;
}
.what-news-area .single-grid-post.small-post .post-info .post-title {
  margin-bottom: .5rem;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 2rem;
}
.what-news-area .single-grid-post.small-post .post-info .post-author {
  font-size: 1rem;
}
.what-news-area .bottom-button {
  margin-top: 2rem;
}

@media (max-width: 991px) {
  .what-news-area .single-grid-post.small-post .post-thumbnail {
    width: 100%;
    height: 270px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 767px) {
  .what-news-area .single-grid-post.small-post .post-thumbnail {
    height: 180px;
  }
}
@media (max-width: 575px) {
  .what-news-area .single-grid-post.small-post .post-thumbnail {
    height: auto;
  }
}
/*-------------------------
#.footer-area
--------------------------*/
.footer-area .widget-area {
  padding: 5rem 0 2rem 0;
  background-color: #212121;
  background-image: url("../images/footer-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.footer-area .footer-bottom {
  padding: 1.6rem 0;
  background-color: #242424;
}
.footer-area .footer-bottom .copyright-text {
  margin: 0;
  font-size: 1.4rem;
  line-height: 2.6rem;
  color: #E9E9E9;
  text-align: center;
}
.footer-area .footer-bottom .copyright-text a {
  display: inline-block;
  color: #E9E9E9;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.footer-area .footer-bottom .copyright-text a:hover {
  color: var(--primary-color);
}

@media (max-width: 1199px) {
  .widget-area .random-post-widget .random-post-list .singe-post .post-title {
    font-size: 1.5rem;
    line-height: 2.2rem;
  }
}
/*-------------------------
.widget-area
--------------------------*/
.widget-area .single-widget {
  margin-bottom: 3rem;
}
.widget-area .single-widget .widget-title {
  margin-bottom: 2.5rem;
  font-size: 2.8rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #E9E9E9;
}
.widget-area .random-post-widget .random-post-list .singe-post {
  margin-bottom: 1.5rem;
}
.widget-area .random-post-widget .random-post-list .singe-post:last-child {
  margin-bottom: 0;
}
.widget-area .random-post-widget .random-post-list .singe-post .post-thumbnail {
  margin-right: 1rem;
}
.widget-area .random-post-widget .random-post-list .singe-post .post-thumbnail img {
  width: 9.5rem;
  height: 8rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.widget-area .random-post-widget .random-post-list .singe-post .post-title {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.6rem;
  color: #E9E9E9;
}
.widget-area .random-post-widget .random-post-list .singe-post .post-title a {
  color: #E9E9E9;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.widget-area .random-post-widget .random-post-list .singe-post .post-title a:hover {
  color: var(--primary-color);
}
.widget-area .random-post-widget .random-post-list .singe-post .post-time {
  display: block;
  font-size: 1.2rem;
  color: rgba(233, 233, 233, 0.45);
}
.widget-area .contact-widget ul {
  margin: 0;
  padding: 0;
}
.widget-area .contact-widget ul li {
  margin-bottom: 2.5rem;
  list-style: none;
  font-size: 1.6rem;
  font-weight: 400;
  color: #E9E9E9;
}
.widget-area .contact-widget ul li:last-child {
  margin-bottom: 0;
}
.widget-area .about-widget .brand-logo {
  display: inline-block;
  margin-bottom: 1.5rem;
}
.widget-area .about-widget .about-text {
  font-size: 1.6rem;
  line-height: 3.6rem;
  color: #E9E9E9;
}
.widget-area .about-widget .social-media {
  margin: 0;
  padding: 0;
}
.widget-area .about-widget .social-media li {
  display: inline-block;
  list-style: none;
  margin-right: 2rem;
}
.widget-area .about-widget .social-media li:last-child {
  margin-right: 0;
}
.widget-area .about-widget .social-media li a {
  display: inline-block;
  font-size: 1.8rem;
  color: #E9E9E9;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.widget-area .about-widget .social-media li a:hover {
  color: var(--primary-color);
}

@media (max-width: 575px) {
  .widget-area .about-widget .about-text {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }

  .widget-area .random-post-widget .random-post-list .singe-post .post-title {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }

  .widget-area .contact-widget ul li {
    margin-bottom: 2.5rem;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }

  .footer-area .footer-bottom .copyright-text {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }

  .widget-area .single-widget .widget-title {
    font-size: 2.5rem;
  }

  .widget-area .about-widget .brand-logo img {
    max-width: 160px;
  }
}
/*-------------------------
#.butotn
--------------------------*/
.primary-btn {
  display: inline-block;
  padding: 1.5rem 3.5rem;
  font-family: "Cormorant", serif;
  font-size: 2.5rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
  border: 1px solid #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.primary-btn.white-btn {
  color: var(--white);
  border-color: var(--white);
}
.primary-btn:hover {
  color: var(--white);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.secondary-btn {
  display: inline-block;
  border: none;
  padding: 1.7rem 3rem;
  background-color: var(--primary-color);
  font-family: "Cormorant", serif;
  font-size: 2.2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--white);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  text-align: center;
}
.secondary-btn:hover {
  color: var(--white);
  background-color: var(--hover-color);
}

.reply-btn {
    display: inline-block;
    border: none;
    padding: 1rem 2rem;
    background-color: #2e2e2d;
    font-family: "Cormorant", serif;
    font-size: 2rem;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--white);
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    text-align: center;
}
.reply-btn:hover {
    color: var(--white);
    background-color: #2e2e2d;
}

/*-------------------------
#.sidebar-area
--------------------------*/
.sidebar-area .single-widget {
  margin-bottom: 3rem;
  padding: 2.5rem 1.5rem 3rem 1.5rem;
  border: 1px solid #E4E4E4;
}
.sidebar-area .single-widget .widget-title {
  margin-bottom: 3rem;
  font-size: 2.6rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
  text-decoration: underline;
  -webkit-text-decoration-color: #303030;
          text-decoration-color: #303030;
}
.sidebar-area .single-widget:last-child {
  margin-bottom: 0;
}
.sidebar-area .connected-widget .social-media-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: -8px 0;
}
.sidebar-area .connected-widget .social-media-list .single-social-media {
  width: calc(33% - 8px);
  margin: 8px 0;
}
.sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link {
  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: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  height: 96px;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: var(--primary-color);
}
.sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link .media-icon {
  margin-bottom: .6rem;
  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: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 36px;
  height: 36px;
  background-color: var(--white);
  color: #000000;
  border-radius: 50%;
}
.sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link .media-text {
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--white);
}
.sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link.facebook {
  background: #296BD4;
}
.sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link.facebook .media-icon {
  color: #296BD4;
}
.sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link.google {
    background: #d34836;
}
.sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link.google .media-icon {
    color: #d34836;
}
.sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link.instagram {
  background: linear-gradient(44.81deg, #3E43FE -24.21%, #E82188 51.55%, #FFCD1E 138.42%);
}
.sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link.instagram .media-icon {
  color: #EA2F80;
}
.sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link.twitter {
  background: #34C2FF;
}
.sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link.twitter .media-icon {
  color: #34C2FF;
}
.sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link.linkedin {
  background: #0EA6EE;
}
.sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link.linkedin .media-icon {
  color: #0EA6EE;
}
.sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link.pinterest {
  background: #E31137;
}
.sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link.pinterest .media-icon {
  color: #E31137;
}
.sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link.vk {
  background: #5597E7;
}
.sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link.vk .media-icon {
  color: #5597E7;
}
.sidebar-area .tags-widget .tags-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: -8px;
  padding: 0;
}
.sidebar-area .tags-widget .tags-list .tags-item {
  list-style: none;
  margin: 8px;
}
.sidebar-area .tags-widget .tags-list .tags-item .tags-link {
  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: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  height: 5.5rem;
  border: 1px solid #E4E4E4;
  padding: .5rem 2.5rem;
  font-family: "Cormorant", serif;
  font-size: 2.4rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.sidebar-area .tags-widget .tags-list .tags-item .tags-link:hover {
  color: var(--primary-color);
}
.sidebar-area .top-news-widget .top-news-list .single-news {
  position: relative;
  margin-bottom: 2rem;
}
.sidebar-area .top-news-widget .top-news-list .single-news:last-child {
  margin-bottom: 0;
}
.sidebar-area .top-news-widget .top-news-list .single-news .news-thumbnail img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.sidebar-area .top-news-widget .top-news-list .single-news .news-overay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  padding: 1.2rem 1.5rem;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-4.5%, rgba(0, 0, 0, 0)), to(#000000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -4.5%, #000000 100%);
}
.sidebar-area .top-news-widget .top-news-list .single-news .news-overay .news-catagry {
  display: inline-block;
  font-family: "Cormorant", serif;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #DA005B;
  text-decoration: underline;
  -webkit-text-decoration-color: #DA005B;
          text-decoration-color: #DA005B;
}
.sidebar-area .top-news-widget .top-news-list .single-news .news-overay .news-catagry.education {
  color: #34C2FF;
  -webkit-text-decoration-color: #34C2FF;
          text-decoration-color: #34C2FF;
}
.sidebar-area .top-news-widget .top-news-list .single-news .news-overay .news-catagry.political {
  color: #FF0000;
  -webkit-text-decoration-color: #FF0000;
          text-decoration-color: #FF0000;
}
.sidebar-area .top-news-widget .top-news-list .single-news .news-overay .news-title {
  margin-bottom: 0;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  color: #E9E9E9;
}
.sidebar-area .top-news-widget .top-news-list .single-news .news-overay .news-title a {
  color: #E9E9E9;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.sidebar-area .top-news-widget .top-news-list .single-news .news-overay .news-title a:hover {
  color: var(--primary-color);
}
.sidebar-area .top-news-widget .top-news-list .single-news .news-overay .post-meta .post-author {
  display: inline-block;
  position: relative;
  padding-left: 2rem;
  font-family: "Cormorant", serif;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 700;
  text-transform: capitalize;
  color: #E9E9E9;
}
.sidebar-area .top-news-widget .top-news-list .single-news .news-overay .post-meta .post-author::before {
  position: absolute;
  content: '';
  width: 1.1rem;
  height: 1px;
  background-color: #6D6D6D;
  left: 0;
  top: 50%;
}
.sidebar-area .top-news-widget .top-news-list .single-news .news-overay .post-meta .post-date {
  display: inline-block;
  font-family: "Cormorant", serif;
  font-size: 1.4rem;
  font-weight: 400;
  color: #E9E9E9;
}
.sidebar-area .recommended-news-widget .single-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-bottom: 3rem;
}
.sidebar-area .recommended-news-widget .single-news .news-thumbnail {
  width: 50%;
}
.sidebar-area .recommended-news-widget .single-news .news-thumbnail img {
  width: 100%;
  height: 17.4rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.sidebar-area .recommended-news-widget .single-news .news-info {
  padding-right: 1rem;
  width: 50%;
}
.sidebar-area .recommended-news-widget .single-news .news-info .news-catagry {
  display: inline-block;
  font-family: "Cormorant", serif;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 700;
  text-transform: capitalize;
  color: #00CBBF;
  text-decoration: underline;
  -webkit-text-decoration-color: #00CBBF;
          text-decoration-color: #00CBBF;
}
.sidebar-area .recommended-news-widget .single-news .news-info .news-catagry.fashion {
  color: #E72ABD;
  -webkit-text-decoration-color: #E72ABD;
          text-decoration-color: #E72ABD;
}
.sidebar-area .recommended-news-widget .single-news .news-info .news-title {
  margin: 0;
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: 700;
  color: #303030;
}
.sidebar-area .recommended-news-widget .single-news .news-info .news-title a {
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.sidebar-area .recommended-news-widget .single-news .news-info .news-title a:hover {
  color: var(--primary-color);
}
.sidebar-area .recommended-news-widget .single-news .news-info .post-author {
  display: inline-block;
  position: relative;
  padding-left: 2rem;
  font-family: "Cormorant", serif;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 700;
  text-transform: capitalize;
  color: #6D6D6D;
}
.sidebar-area .recommended-news-widget .single-news .news-info .post-author::before {
  position: absolute;
  content: '';
  width: 1.1rem;
  height: 1px;
  background-color: #6D6D6D;
  left: 0;
  top: 50%;
}
.sidebar-area .recommended-news-widget .single-news .news-info .post-date {
  display: block;
  font-family: "Cormorant", serif;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  color: #6D6D6D;
}
.sidebar-area .recommended-news-widget .single-news:last-child {
  margin-bottom: 0;
}
.sidebar-area .recommended-news-widget .single-news:nth-child(even) .news-thumbnail {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.sidebar-area .recommended-news-widget .single-news:nth-child(even) .news-info {
  padding-left: 1rem;
  padding-right: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.sidebar-area .recommended-news-widget-two .single-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3rem;
}
.sidebar-area .recommended-news-widget-two .single-news:last-child {
  margin-bottom: 0;
}
.sidebar-area .recommended-news-widget-two .single-news .news-thumbnail {
  margin-right: 1rem;
}
.sidebar-area .recommended-news-widget-two .single-news .news-thumbnail img {
  width: 9.5rem;
  height: 9.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.sidebar-area .recommended-news-widget-two .single-news .news-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sidebar-area .recommended-news-widget-two .single-news .news-info .news-title {
  margin: 0;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  color: #303030;
}
.sidebar-area .recommended-news-widget-two .single-news .news-info .news-title a {
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.sidebar-area .recommended-news-widget-two .single-news .news-info .news-title a:hover {
  color: var(--primary-color);
}
.sidebar-area .recommended-news-widget-two .single-news .news-info .post-meta {
  margin: 0;
  padding: 0;
}
.sidebar-area .recommended-news-widget-two .single-news .news-info .post-meta li {
  display: inline-block;
  position: relative;
  list-style: none;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  color: #6D6D6D;
  margin-right: .6rem;
}
.sidebar-area .recommended-news-widget-two .single-news .news-info .post-meta li::after {
  position: absolute;
  content: ',';
  left: calc(100% + 3px);
  bottom: 0;
}
.sidebar-area .recommended-news-widget-two .single-news .news-info .post-meta li:last-child {
  margin-right: 0;
}
.sidebar-area .recommended-news-widget-two .single-news .news-info .post-meta li:last-child::after {
  display: none;
}
.sidebar-area .recommended-news-widget-two .single-news .news-info .post-meta li a {
  display: inline-block;
  color: #6D6D6D;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.sidebar-area .recommended-news-widget-two .single-news .news-info .post-meta li a:hover {
  color: var(--primary-color);
}
.sidebar-area .newsletter-widget .newsletter-form .subscribe-text {
  margin-bottom: 2.5rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.8rem;
  color: #6D6D6D;
}
.sidebar-area .newsletter-widget .newsletter-form .form-group {
  margin-bottom: 3rem;
}
.sidebar-area .newsletter-widget .newsletter-form .form-group .form-control {
  width: 100%;
  height: 6rem;
  padding: 1rem 2rem;
  border: 1px solid #E4E4E4;
  border-radius: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #6D6D6D;
}
.sidebar-area .newsletter-widget .newsletter-form .subscribe-btn {
  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: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%;
  height: 6rem;
  padding: 0;
  border: none;
  font-family: "Cormorant", serif;
  font-size: 2.2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--white);
  background-color: var(--primary-color);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.sidebar-area .newsletter-widget .newsletter-form .subscribe-btn:hover {
  color: var(--white);
  background-color: var(--hover-color);
}
.sidebar-area .featured-video-widget .sigle-featured-video .video-thumbnail {
  position: relative;
}
.sidebar-area .featured-video-widget .sigle-featured-video .video-thumbnail img {
  width: 100%;
  height: auto;
}
.sidebar-area .featured-video-widget .sigle-featured-video .video-thumbnail .play-btn {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 5rem;
  color: #F51910;
}
.sidebar-area .featured-video-widget .sigle-featured-video .featured-info {
  padding: 1.5rem;
  background: #303030;
}
.sidebar-area .featured-video-widget .sigle-featured-video .featured-info .featured-title {
  font-size: 2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #F9F9F9;
}
.sidebar-area .featured-video-widget .sigle-featured-video .featured-info .featured-title a {
  color: #F9F9F9;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.sidebar-area .featured-video-widget .sigle-featured-video .featured-info .featured-title a:hover {
  color: var(--primary-color);
}
.sidebar-area .featured-video-widget .sigle-featured-video .featured-info .featured-meta {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 400;
  color: #F9F9F9;
}
.sidebar-area .featured-video-widget .sigle-featured-video .featured-info .featured-meta a {
  color: #F9F9F9;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.sidebar-area .featured-video-widget .sigle-featured-video .featured-info .featured-meta a:hover {
  color: var(--primary-color);
}

@media (max-width: 1199px) {
  .sidebar-area .recommended-news-widget-two .single-news .news-info .news-title {
    font-size: 2rem;
    line-height: 2.2rem;
  }

  .sidebar-area .tags-widget .tags-list .tags-item .tags-link {
    height: 4.5rem;
    padding: .5rem 2rem;
    font-size: 1.8rem;
  }
}
@media (max-width: 991px) {
  .sidebar-area .top-news-widget .top-news-list .single-news .news-thumbnail img {
    height: auto;
  }

  .sidebar-area .recommended-news-widget .single-news .news-thumbnail img {
    height: auto;
  }
}
@media (max-width: 375px) {
  .sidebar-area .connected-widget .social-media-list .single-social-media {
    width: calc(33% - 4px);
    margin: 4px 0;
  }

  .sidebar-area .tags-widget .tags-list {
    margin: -4px;
  }

  .sidebar-area .tags-widget .tags-list .tags-item {
    margin: 4px;
  }

  .sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link {
    height: 90px;
  }

  .sidebar-area .connected-widget .social-media-list .single-social-media .social-media-link .media-text {
    margin-top: .5rem;
    font-size: 1.3rem;
    line-height: 1;
  }

  .sidebar-area .recommended-news-widget .single-news .news-info .news-title {
    font-size: 1.5rem;
    line-height: 2.4rem;
  }

  .sidebar-area .newsletter-widget .newsletter-form .form-group {
    margin-bottom: 2rem;
  }

  .sidebar-area .single-widget .widget-title {
    margin-bottom: 2rem;
    font-size: 2.4rem;
  }

  .sidebar-area .newsletter-widget .newsletter-form .subscribe-text {
    margin-bottom: 2rem;
    font-size: 1.4rem;
    line-height: 2rem;
  }
}
/*-------------------------
#.breadcrumb-area
--------------------------*/
.breadcrumb-area {
  position: relative;
  padding: 300px 0 135px 0;
  background-image: url("../images/breadcrumb-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
}
.breadcrumb-area.breadcrumb-bg-two {
  background-image: url("../images/breadcrumb-bg-2.jpg");
}
.breadcrumb-area.breadcrumb-bg-three {
  background-image: url("../images/breadcrumb-bg-3.jpg");
}
.breadcrumb-area::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
}
.breadcrumb-area .breadcrumb-wrap {
  margin: 0;
  padding: 0;
  text-align: center;
}
.breadcrumb-area .breadcrumb-wrap li {
  display: inline-block;
  position: relative;
  margin-right: 3.5rem;
  list-style: none;
  font-family: "Cormorant", serif;
  font-size: 4.1rem;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--white);
}
.breadcrumb-area .breadcrumb-wrap li::after {
  position: absolute;
  content: '/';
  top: 0;
  left: calc(100% + 15px);
  color: rgba(255, 255, 255, 0.6);
}
.breadcrumb-area .breadcrumb-wrap li:last-child {
  margin-right: 0;
}
.breadcrumb-area .breadcrumb-wrap li:last-child::after {
  display: none;
}
.breadcrumb-area .breadcrumb-wrap li a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.6);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.breadcrumb-area .breadcrumb-wrap li a:hover {
  color: var(--primary-color);
}

@media (max-width: 991px) {
  .breadcrumb-area {
    padding: 100px 0 100px 0;
  }

  .breadcrumb-area .breadcrumb-wrap li {
    margin-right: 2rem;
    font-size: 2.2rem;
  }

  .breadcrumb-area .breadcrumb-wrap li::after {
    left: calc(100% + 9px);
  }
}
@media (max-width: 767px) {
  .breadcrumb-area {
    padding: 70px 0 70px 0;
  }

  .breadcrumb-area .breadcrumb-wrap li {
    margin-right: 2rem;
    font-size: 1.8rem;
  }
}
/*-------------------------
#.trending-news-area
--------------------------*/
.trending-news-area {
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 3.5rem;
  margin-bottom: 6.5rem;
}

.single-trending-news {
  margin-bottom: 3rem;
}
.single-trending-news .news-thumbnail {
  margin-bottom: 1rem;
}
.single-trending-news .news-thumbnail img {
  width: 100%;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-trending-news .post-info .category {
  display: inline-block;
  font-family: "Cormorant", serif;
  font-size: 2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #AFCB00;
  text-decoration: underline;
  -webkit-text-decoration-color: #AFCB00;
          text-decoration-color: #AFCB00;
}
.single-trending-news .post-info .category.business {
  color: #AFCB00;
  -webkit-text-decoration-color: #AFCB00;
          text-decoration-color: #AFCB00;
}
.single-trending-news .post-info .category.sports {
  color: #DA005B;
  -webkit-text-decoration-color: #DA005B;
          text-decoration-color: #DA005B;
}
.single-trending-news .post-info .category.education {
  color: #34C2FF;
  -webkit-text-decoration-color: #34C2FF;
          text-decoration-color: #34C2FF;
}
.single-trending-news .post-info .category.political {
  color: #FF0000;
  -webkit-text-decoration-color: #FF0000;
          text-decoration-color: #FF0000;
}
.single-trending-news .post-info .post-title {
  font-size: 2.6rem;
  line-height: 4rem;
  font-weight: 700;
  color: #303030;
}
.single-trending-news .post-info .post-title a {
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-trending-news .post-info .post-title a:hover {
  color: var(--primary-color);
}
.single-trending-news .post-info .post-author {
  margin-bottom: 2rem;
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: capitalize;
  color: #6D6D6D;
}
.single-trending-news .post-info .post-author a {
  color: #6D6D6D;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-trending-news .post-info .post-author a:hover {
  color: var(--primary-color);
}
.single-trending-news .post-info .post-content {
  margin: 0;
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #6D6D6D;
}
.single-trending-news .post-info .post-content a {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 600;
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-trending-news .post-info .post-content a:hover {
  color: var(--primary-color);
}
.single-trending-news.big-news .news-thumbnail img {
  height: 260px;
}
.single-trending-news.small-news .news-thumbnail img {
  height: 160px;
}

.list-view-trending-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list-view-trending-news .news-thumbnail {
  margin-bottom: 0;
  margin-right: 1rem;
}
.list-view-trending-news .news-thumbnail img {
  width: 190px;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
.list-view-trending-news .post-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .single-trending-news .post-info .post-title {
    font-size: 2.2rem;
    line-height: 3.4rem;
  }

  .single-trending-news .post-info .post-content {
    display: none;
  }
}
@media (max-width: 767px) {
  .single-trending-news.small-news .news-thumbnail img {
    height: auto;
  }

  .single-trending-news.big-news .news-thumbnail img {
    height: auto;
  }

  .single-trending-news .news-thumbnail img {
    height: auto;
  }
}
@media (max-width: 418px) {
  .single-trending-news .post-info .post-content {
    display: none;
  }
}
@media (max-width: 375px) {
  .single-trending-news .post-info .post-title {
    font-size: 2.2rem;
    line-height: 3rem;
  }

  .list-view-trending-news .news-thumbnail {
    width: 50%;
  }
}
/*-------------------------
#.featured-news-area
--------------------------*/
.single-featured-news {
  margin-bottom: 3rem;
}
.single-featured-news .news-thumbnail {
  margin-bottom: 1rem;
}
.single-featured-news .news-thumbnail img {
  width: 100%;
  height: 278px;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-featured-news .post-info .category {
  display: inline-block;
  font-family: "Cormorant", serif;
  font-size: 2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #00CBBF;
  text-decoration: underline;
  -webkit-text-decoration-color: #00CBBF;
          text-decoration-color: #00CBBF;
}
.single-featured-news .post-info .category.social {
  color: #00CBBF;
  -webkit-text-decoration-color: #00CBBF;
          text-decoration-color: #00CBBF;
}
.single-featured-news .post-info .category.fashion {
  color: #E72ABD;
  -webkit-text-decoration-color: #E72ABD;
          text-decoration-color: #E72ABD;
}
.single-featured-news .post-info .category.political {
  color: #FF0000;
  -webkit-text-decoration-color: #FF0000;
          text-decoration-color: #FF0000;
}
.single-featured-news .post-info .category.technology {
  color: #00549C;
  -webkit-text-decoration-color: #00549C;
          text-decoration-color: #00549C;
}
.single-featured-news .post-info .category.religious {
  color: #EA8181;
  -webkit-text-decoration-color: #EA8181;
          text-decoration-color: #EA8181;
}
.single-featured-news .post-info .category.food {
  color: #FFC700;
  -webkit-text-decoration-color: #FFC700;
          text-decoration-color: #FFC700;
}
.single-featured-news .post-info .post-title {
  font-size: 2.6rem;
  line-height: 4rem;
  font-weight: 700;
  color: #303030;
}
.single-featured-news .post-info .post-title a {
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-featured-news .post-info .post-title a:hover {
  color: var(--primary-color);
}
.single-featured-news .post-info .post-author {
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: capitalize;
  color: #6D6D6D;
}
.single-featured-news .post-info .post-author a {
  color: #6D6D6D;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-featured-news .post-info .post-author a:hover {
  color: var(--primary-color);
}

@media (max-width: 575px) {
  .single-featured-news .news-thumbnail img {
    height: auto;
  }
}
/*-------------------------
#.top-video-area
--------------------------*/
.top-video-area {
  padding: 5rem 0;
  background-image: url("../images/top-video-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.top-video-area .slick-arrow {
  position: absolute;
  bottom: calc(100% + 60px);
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  text-align: center;
  border-radius: 50%;
  background-color: var(--primary-color);
  color: var(--white);
  cursor: pointer;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.top-video-area .slick-arrow:hover {
  color: var(--white);
  background-color: var(--hover-color);
}
.top-video-area .slick-arrow.slick-prev {
  right: 60px;
}
.top-video-area .slick-arrow.slick-next {
  right: 0;
}
.top-video-area .video-slide .single-video-post {
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.top-video-area .video-slide .single-video-post img {
  width: 100%;
  height: auto;
}
.top-video-area .slick-slide {
  -webkit-transform: translate(0, 0) scale(0.9);
          transform: translate(0, 0) scale(0.9);
  -webkit-transition: all .5s;
  transition: all .5s;
}
.top-video-area .slick-slide.slick-center {
  z-index: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

@media (max-width: 991px) {
  .top-video-area .slick-arrow.slick-next {
    right: 15px;
  }

  .top-video-area .slick-arrow {
    bottom: calc(100% + 45px);
  }
}
/*-------------------------
#.single-grid-overlay-news
--------------------------*/
.single-grid-overlay-news {
  position: relative;
  margin-bottom: 3rem;
}
.single-grid-overlay-news .news-thumbnail {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.single-grid-overlay-news .play-btn {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 4.5rem;
  height: 4.5rem;
  line-height: 4.3rem;
  border-radius: 50%;
  text-align: center;
  border: 2px solid rgba(233, 233, 233, 0.5);
  color: var(--white);
  z-index: 5;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-grid-overlay-news .play-btn:hover {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.single-grid-overlay-news .news-info {
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: absolute;
  padding: 1.5rem;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.single-grid-overlay-news .news-info .category {
  display: inline-block;
  font-family: "Cormorant", serif;
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  text-transform: capitalize;
  color: #FF0000;
}
.single-grid-overlay-news .news-info .category.political {
  color: #FF0000;
}
.single-grid-overlay-news .news-info .category.fashion {
  color: #E72ABD;
}
.single-grid-overlay-news .news-info .category.religious {
  color: #00900E;
}
.single-grid-overlay-news .news-info .category.climate {
  color: #FF571D;
}
.single-grid-overlay-news .news-info .category.social {
  color: #00CBBF;
}
.single-grid-overlay-news .news-info .category.education {
  color: #34C2FF;
}
.single-grid-overlay-news .news-info .category.food {
  color: #FFC700;
}
.single-grid-overlay-news .news-info .category.technology {
  color: #00549C;
}
.single-grid-overlay-news .news-info .news-title {
  font-size: 2.6rem;
  line-height: 4rem;
  font-weight: 700;
  color: #E9E9E9;
}
.single-grid-overlay-news .news-info .news-title a {
  color: #E9E9E9;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-grid-overlay-news .news-info .news-title a:hover {
  color: var(--primary-color);
}
.single-grid-overlay-news .news-info .post-author {
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: capitalize;
  color: #E9E9E9;
}
.single-grid-overlay-news .news-info .post-author a {
  color: #E9E9E9;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-grid-overlay-news .news-info .post-author a:hover {
  color: var(--primary-color);
}

@media (max-width: 1500px) {
  .single-grid-overlay-news .news-info .news-title {
    font-size: 2.2rem;
    line-height: 3rem;
  }
}
@media (max-width: 1199px) {
    .single-grid-overlay-news .news-thumbnail {
        height: 400px;
    }

}
@media (min-width: 576px) and (max-width: 1350px) {
  .single-grid-overlay-news .play-btn {
    top: 1.5rem;
    left: auto;
    right: 1.5rem;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@media (max-width: 991px) {
  .single-grid-overlay-news .news-thumbnail {
    height: 350px;
  }
}@media (max-width: 767px) {
  .single-grid-overlay-news .news-thumbnail {
    height: 290px;
  }
}
@media (max-width: 575px) {
  .single-grid-overlay-news .news-thumbnail {
    height: auto;
  }
}
/*-------------------------
#.top-views-area
--------------------------*/
.top-views-area .slick-slider {
  margin: 0 -15px;
}
.top-views-area .slick-slide {
  margin-right: 15px;
  margin-left: 15px;
}
.top-views-area .slick-arrow {
  position: absolute;
  bottom: calc(100% + 60px);
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  text-align: center;
  border-radius: 50%;
  background-color: var(--primary-color);
  color: var(--white);
  cursor: pointer;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.top-views-area .slick-arrow:hover {
  color: var(--white);
  background-color: var(--hover-color);
}
.top-views-area .slick-arrow.slick-prev {
  right: 60px;
}
.top-views-area .slick-arrow.slick-next {
  right: 0;
}
.top-views-area .single-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.top-views-area .single-news .news-thumbnail img {
  width: 235px;
  height: 305px;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-views-area .single-news .news-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 3rem;
}
.top-views-area .single-news .news-info .category {
  display: inline-block;
  font-family: "Cormorant", serif;
  font-size: 2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #AFCB00;
  text-decoration: underline;
  -webkit-text-decoration-color: #AFCB00;
          text-decoration-color: #AFCB00;
}
.top-views-area .single-news .news-info .post-title {
  font-size: 2.6rem;
  line-height: 4rem;
  font-weight: 700;
  color: #303030;
}
.top-views-area .single-news .news-info .post-title a {
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.top-views-area .single-news .news-info .post-title a:hover {
  color: var(--primary-color);
}
.top-views-area .single-news .news-info .post-author {
  margin-bottom: 2rem;
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: capitalize;
  color: #6D6D6D;
}
.top-views-area .single-news .news-info .post-author a {
  color: #6D6D6D;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.top-views-area .single-news .news-info .post-author a:hover {
  color: var(--primary-color);
}
.top-views-area .single-news .news-info .post-content {
  margin: 0;
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #6D6D6D;
}
.top-views-area .single-news .news-info .post-content a {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 600;
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.top-views-area .single-news .news-info .post-content a:hover {
  color: var(--primary-color);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .top-views-area .single-news .news-info {
    padding-left: 1.5rem;
  }

  .top-views-area .single-news .news-info .post-title {
    font-size: 2.2rem;
    line-height: 3rem;
  }
}
@media (max-width: 991px) {
  .top-views-area .slick-arrow.slick-next {
    right: 15px;
  }

  .top-views-area .slick-arrow {
    bottom: calc(100% + 45px);
  }
}
@media (max-width: 480px) {
  .top-views-area .single-news .news-info .post-title {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }

  .top-views-area .single-news .news-info {
    padding-left: 1.5rem;
  }

  .top-views-area .single-news .news-thumbnail {
    width: 50%;
  }
}
@media (max-width: 375px) {
  .top-views-area .single-news .news-info .post-content {
    display: none;
  }

  .top-views-area .single-news .news-info .post-title {
    font-size: 2.2rem;
    line-height: 3rem;
  }

  .top-views-area .single-news .news-thumbnail img {
    width: 100%;
    height: 220px;
  }

  .top-views-area .single-news .news-info .category {
    font-size: 1.6rem;
  }
}
/*-------------------------
#.top-stories-area
--------------------------*/
.top-stories-area {
  overflow: hidden;
}
.top-stories-area .single-grid-overlay-news {
  margin-bottom: 0;
}

.top-stories-area .single-grid-overlay-news .news-thumbnail {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

@media (max-width: 767px) {
  .top-stories-area .single-grid-overlay-news .news-thumbnail {
    height: auto;
  }
}
@media (max-width: 575px) {
  .top-stories-area .single-grid-overlay-news .play-btn {
    top: 1.5rem;
    left: auto;
    right: 1.5rem;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
/*-------------------------
#.primary-form
--------------------------*/
.primary-form .form-top .form-title {
  margin-bottom: 2rem;
  font-size: 5.4rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
}
.primary-form .form-top .form-sub-title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 400;
  color: #6D6D6D;
}
.primary-form .form-group {
  margin-bottom: 4rem;
}
.primary-form .form-group label {
  font-family: "Cormorant", serif;
  font-size: 2rem;
  font-weight: 600;
  text-transform: capitalize;
  color: #303030;
}
.primary-form .form-group label .required {
  color: #E31137;
}
.primary-form .form-group .form-control {
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #6D6D6D;
  border: none;
  border-bottom: 1px solid rgba(109, 109, 109, 0.4);
  border-radius: 0;
  padding: 20px 0 30px 0;
}
.primary-form .form-group .message-box {
  height: 100px;
}
.primary-form .form-btn {
  display: block;
  padding: 1.6rem;
  width: 100%;
  font-family: "Cormorant", serif;
  font-size: 2.6rem;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--white);
  background-color: var(--primary-color);
  border: none;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.primary-form .form-btn:hover {
  color: var(--white);
  background-color: var(--hover-color);
}
.primary-form .form-bottom .footer-bottom-text {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 400;
  color: #6D6D6D;
}
.primary-form .form-bottom .footer-bottom-text a {
  display: inline-block;
  font-weight: 600;
  text-transform: capitalize;
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.primary-form .form-bottom .footer-bottom-text a:hover {
  color: var(--primary-color);
}
.primary-form .form-bottom .or-text {
  position: relative;
  margin: 4rem 0;
  font-family: "Open Sans", sans-serif;
  font-size: 2.2rem;
  font-weight: 600;
  text-transform: capitalize;
  color: #303030;
}
.primary-form .form-bottom .or-text::before {
  position: absolute;
  content: '';
  width: 40%;
  height: 1px;
  background-color: rgba(109, 109, 109, 0.4);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
.primary-form .form-bottom .or-text::after {
  position: absolute;
  content: '';
  width: 40%;
  height: 1px;
  background-color: rgba(109, 109, 109, 0.4);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.primary-form .socil-media-connected {
  margin: 0;
  padding: 0;
}
.primary-form .socil-media-connected li {
  display: inline-block;
  list-style: none;
  margin: 0 1rem;
}
.primary-form .socil-media-connected li a {
  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: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 40px;
  height: 40px;
  background-color: #296BD5;
  color: var(--primary-color);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.primary-form .socil-media-connected li a i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: var(--white);
  border-radius: 50%;
}
.primary-form .socil-media-connected li .facebook {
  background-color: #296BD5;
  color: #296BD5;
}
.primary-form .socil-media-connected li .google {
    background: #d34836;
    color: #d34836;
}
.primary-form .socil-media-connected li .instagram {
  background: linear-gradient(44.81deg, #3E43FE -24.21%, #E82188 51.55%, #FFCD1E 138.42%);
  color: #E82188;
}
.primary-form .socil-media-connected li .twitter {
  background-color: #34C2FF;
  color: #34C2FF;
}
.primary-form .socil-media-connected li .linkedin {
  background-color: #0EA6EE;
  color: #0EA6EE;
}
.primary-form .socil-media-connected li:hover a {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.primary-form .submit-btn {
  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: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 300px;
  height: 6rem;
  border: none;
  background-color: var(--primary-color);
  font-family: "Cormorant", serif;
  font-size: 2.2rem;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--white);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.primary-form .submit-btn:hover {
  color: var(--white);
  background-color: var(--hover-color);
}

@media (max-width: 575px) {
  .primary-form .form-group {
    margin-bottom: 2.5rem;
  }
}
/*-------------------------
#.contact-area
--------------------------*/
.contact-address-area {
  padding: 6rem 0;
  background-color: #F4F4F4;
}
.contact-address-area .single-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact-address-area .single-address .address-icon {
  max-width: 3.5rem;
  margin-right: 2.5rem;
}
.contact-address-area .single-address .address-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.contact-address-area .single-address .address-info p {
  margin: 0;
  font-family: "Cormorant", serif;
  font-size: 2.4rem;
  font-weight: 700;
  color: #303030;
}

.map-area-area {
  overflow: hidden;
}
.map-area-area .google-map {
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.map-area-area .google-map > iframe{
    width: 100% !important;
    height: 600px !important;
    overflow: hidden;
}
.contact-area .primary-form {
    padding-bottom: 6rem;
}
@media (max-width: 1199px) {
  .primary-form .form-top .form-title {
    font-size: 4rem;
  }

  .contact-area {
    padding-bottom: 6rem;
  }

  .contact-address-area .single-address .address-info p {
    font-size: 1.8rem;
  }
}
@media (max-width: 991px) {
  .contact-address-area .single-address {
    margin-bottom: 2.5rem;
  }

  .contact-address-area {
    padding-bottom: 4.5rem;
  }
}
@media (max-width: 767px) {
  .contact-area .contact-left {
    display: none;
  }

  .primary-form .form-top .form-title {
    font-size: 3.6rem;
  }

  .contact-address-area .single-address .address-icon {
    max-width: 3rem;
    margin-right: 2rem;
  }
}
@media (max-width: 480px) {
  .map-area-area .google-map {
    height: 450px;
  }

  .primary-form .form-bottom .footer-bottom-text {
    font-size: 1.4rem;
  }

  .primary-form .form-btn {
    font-size: 2rem;
  }

  .primary-form .form-bottom .or-text {
    margin: 2rem 0;
    font-size: 1.8rem;
  }

  .primary-form .mt-45 {
    margin-top: 2.5rem;
  }

  .primary-form .socil-media-connected li {
    margin: 0 .3rem;
  }
}
@media (max-width: 375px) {
  .primary-form .form-top .form-title {
    font-size: 3.2rem;
  }

  .primary-form .form-group label {
    font-size: 1.8rem;
  }

  .primary-form .form-group .form-control {
    font-size: 1.4rem;
  }

  .primary-form .submit-btn {
    width: 100%;
  }

  .map-area-area .google-map {
    height: 400px;
  }
}
/*-------------------------
#.erro-area
--------------------------*/
.erro-area {
  min-height: 730px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("../images/404-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.erro-area .error-text {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 3rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--primary-color);
}

@media (max-width: 767px) {
  .erro-area {
    min-height: auto;
    padding: 6rem 0;
  }

  .erro-area .error-text {
    font-size: 2.2rem;
  }
}
@media (max-width: 375px) {
  .erro-area .error-text {
    font-size: 1.6rem;
  }
}
/*-------------------------
#.blog-page-area
--------------------------*/
.blog-page-area .blog-area-header {
  border-bottom: 1px solid #E4E4E4;
  padding-bottom: 2.5rem;
  margin-bottom: 5rem;
}
.blog-page-area .blog-area-header .blog-header-wrap {
  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;
}
.blog-page-area .blog-area-header .header-title {
  font-size: 3.4rem;
  font-weight: 600;
  text-transform: capitalize;
  color: #303030;
}
.blog-page-area .blog-area-header .header-title span {
  color: #303030;
  font-weight: 700;
}
.blog-page-area .blog-area-header .view-area {
  margin: 0;
  padding: 0;
}
.blog-page-area .blog-area-header .view-area li {
  display: inline-block;
  list-style: none;
  margin-right: 2rem;
}
.blog-page-area .blog-area-header .view-area li:last-child {
  margin-right: 0;
}
.blog-page-area .blog-area-header .view-area li a {
  display: inline-block;
}
.blog-page-area .blog-area-header .view-area li.active a img {
  -webkit-filter: invert(0%) sepia(83%) saturate(57%) hue-rotate(98deg) brightness(5%) contrast(1009%);
          filter: invert(0%) sepia(83%) saturate(57%) hue-rotate(98deg) brightness(5%) contrast(1009%);
}
.blog-page-area .blog-list {
  padding-bottom: 4rem;
  margin-bottom: 7rem;
  border-bottom: 1px solid #E4E4E4;
}

.author-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2.5rem;
  border: 1px solid #E4E4E4;
}
.author-area .author-image {
  margin-right: 2.5rem;
}
.author-area .author-image img {
  width: 20rem;
  height: 20rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.author-area .author-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.author-area .author-info .author-name {
  margin-bottom: 1rem;
  font-size: 3.4rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
}
.author-area .author-info .birth-date {
  margin-bottom: .5rem;
  font-size: 2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
}
.author-area .author-info .author-about {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-weight: 400;
  color: #6D6D6D;
}
.author-area .author-info .author-social-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.author-area .author-info .author-social-media li {
  list-style: none;
  margin-right: 2rem;
}
.author-area .author-info .author-social-media li:last-child {
  margin-right: 0;
}
.author-area .author-info .author-social-media li a {
  font-size: 2rem;
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.author-area .author-info .author-social-media li a.facebook {
  color: #296BD4;
}

.author-area .author-info .author-social-media li a.google {
    color: #d34836;
}
.author-area .author-info .author-social-media li a.twitter {
  color: #34C2FF;
}
.author-area .author-info .author-social-media li a.instagram {
  color: #F05B65;
}
.author-area .author-info .author-social-media li a.rss {
  color: #5597E7;
}
.author-area .author-info .author-social-media li a:hover {
  color: var(--primary-color);
}

@media (max-width: 1199px) {
  .author-area .author-info .author-name {
    font-size: 2.6rem;
  }

  .author-area .author-info .author-about {
    font-size: 1.3rem;
    line-height: 2rem;
  }

  .author-area .author-info .birth-date {
    font-size: 1.8rem;
  }
}
@media (max-width: 991px) {
  .blog-page-area .blog-list {
    padding-bottom: 0;
    margin-bottom: 4rem;
  }
}
@media (max-width: 767px) {
  .author-area .author-image img {
    width: 17rem;
    height: 17rem;
  }

  .author-area {
    padding: 1.5rem;
  }

  .author-area .author-info .author-name {
    font-size: 2.2rem;
    margin-bottom: .5rem;
  }

  .author-area .author-info .birth-date {
    font-size: 1.6rem;
  }

  .author-area .author-info .author-about {
    font-size: 1.4rem;
  }

  .author-area .author-info .author-social-media li a {
    font-size: 1.6rem;
  }

  .author-area .author-image {
    margin-right: 1.5rem;
  }
}
@media (max-width: 480px) {
  .author-area .author-image img {
    width: 20rem;
    height: 20rem;
  }

  .author-area {
    padding: 2.5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    text-align: center;
  }

  .author-area .author-info {
    width: 100%;
  }

  .author-area .author-image {
    margin-right: 0;
    margin-bottom: 2rem;
    width: 100%;
  }

  .author-area .author-info .author-name {
    margin-bottom: 1rem;
  }

  .author-area .author-info .birth-date {
    margin-bottom: 1rem;
  }

  .author-area .author-info .author-about {
    margin-bottom: 1.5rem;
  }

  .author-area .author-info .author-social-media {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .blog-page-area .blog-area-header {
    padding-bottom: 1.5rem;
    margin-bottom: 3rem;
  }
}
@media (max-width: 575px) {
  .blog-page-area .blog-area-header .header-title {
    font-size: 2.8rem;
  }

  .blog-page-area .blog-area-header .view-area li a img {
    max-width: 20px;
  }

  .blog-page-area .blog-area-header .view-area {
    width: 70px;
  }

  .blog-page-area .blog-area-header .view-area li {
    margin-right: .5rem;
  }
}
/*-------------------------
#.single-grid-blog
--------------------------*/
.single-grid-blog {
  margin-bottom: 3rem;
}
.single-grid-blog.video-blog .blog-thumbnail {
  position: relative;
  z-index: 1;
}
.single-grid-blog.video-blog .blog-thumbnail::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(36, 36, 36, 0.35);
}
.single-grid-blog.video-blog .blog-thumbnail .play-btn {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 4.5rem;
  height: 4.5rem;
  line-height: 4.3rem;
  border-radius: 50%;
  text-align: center;
  border: 2px solid rgba(233, 233, 233, 0.5);
  color: var(--white);
  z-index: 5;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-grid-blog.video-blog .blog-thumbnail .play-btn:hover {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.single-grid-blog .blog-thumbnail img {
  width: 100%;
  height: auto;
}
.related-news-area .single-grid-blog .blog-thumbnail img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}
.single-grid-blog .blog-info {
  margin-top: 1rem;
}
.single-grid-blog .blog-info .category {
  display: inline-block;
  margin-bottom: .8rem;
  font-family: "Cormorant", serif;
  font-size: 2.2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #3E43FE;
  text-decoration: underline;
  -webkit-text-decoration-color: #3E43FE;
          text-decoration-color: #3E43FE;
}
.single-grid-blog .blog-info .category .travel {
  color: #3E43FE;
  -webkit-text-decoration-color: #3E43FE;
          text-decoration-color: #3E43FE;
}
.single-grid-blog .blog-info .category.wildlife {
  color: #942AE7;
  -webkit-text-decoration-color: #942AE7;
          text-decoration-color: #942AE7;
}
.single-grid-blog .blog-info .category.social {
  color: #00CBBF;
  -webkit-text-decoration-color: #00CBBF;
          text-decoration-color: #00CBBF;
}
.single-grid-blog .blog-info .category.education {
  color: #34C2FF;
  -webkit-text-decoration-color: #34C2FF;
          text-decoration-color: #34C2FF;
}
.single-grid-blog .blog-info .category.political {
  color: #FF0000;
  -webkit-text-decoration-color: #FF0000;
          text-decoration-color: #FF0000;
}
.single-grid-blog .blog-info .category.food {
  color: #FFC700;
  -webkit-text-decoration-color: #FFC700;
          text-decoration-color: #FFC700;
}
.single-grid-blog .blog-info .post-title {
  margin-bottom: .8rem;
  font-size: 3.4rem;
  line-height: 4.4rem;
  font-weight: 700;
  color: #303030;
}
.single-grid-blog .blog-info .post-title a {
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-grid-blog .blog-info .post-title a:hover {
  color: var(--primary-color);
}
.single-grid-blog .blog-info .post-meta {
  position: relative;
  padding-left: 25px;
  margin: 0;
}
.single-grid-blog .blog-info .post-meta::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  background: #303030;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.single-grid-blog .blog-info .post-meta .post-author {
  font-size: 2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-grid-blog .blog-info .post-meta .post-author:hover {
  color: var(--primary-color);
}
.single-grid-blog .blog-info .post-meta .post-date {
  font-size: 2rem;
  font-weight: 400;
  color: #303030;
}

.related-news-area .single-grid-blog .blog-info .post-title {
  margin-bottom: 1.2rem;
  font-size: 3rem;
  line-height: 4.4rem;
}

@media (max-width: 1199px) {
  .single-grid-blog .blog-info .post-title {
    font-size: 2.6rem;
    line-height: 3.4rem;
  }

  .single-grid-blog .blog-info .post-meta .post-author {
    font-size: 1.7rem;
  }
}
@media (max-width: 767px) {
  .single-grid-blog .blog-info .post-title {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .related-news-area .single-grid-blog .blog-thumbnail img {
      height: auto;
  }
}
/*-------------------------
#.single-list-blog
--------------------------*/
.single-list-blog {
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.single-list-blog.video-blog .blog-thumbnail {
  position: relative;
  z-index: 1;
}
.single-list-blog.video-blog .blog-thumbnail::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(36, 36, 36, 0.35);
}
.single-list-blog.video-blog .blog-thumbnail .play-btn {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 4.5rem;
  height: 4.5rem;
  line-height: 4.3rem;
  border-radius: 50%;
  text-align: center;
  border: 2px solid rgba(233, 233, 233, 0.5);
  color: var(--white);
  z-index: 5;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-list-blog.video-blog .blog-thumbnail .play-btn:hover {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.single-list-blog .blog-thumbnail {
  width: 45%;
}
.single-list-blog .blog-thumbnail img {
  width: 100%;
  height: auto;
}
.single-list-blog .blog-info {
  width: 55%;
  padding-left: 3rem;
}
.single-list-blog .blog-info .category {
  display: inline-block;
  margin-bottom: .8rem;
  font-family: "Cormorant", serif;
  font-size: 2.2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #3E43FE;
  text-decoration: underline;
  -webkit-text-decoration-color: #3E43FE;
          text-decoration-color: #3E43FE;
}
.single-list-blog .blog-info .category .travel {
  color: #3E43FE;
  -webkit-text-decoration-color: #3E43FE;
          text-decoration-color: #3E43FE;
}
.single-list-blog .blog-info .category.wildlife {
  color: #942AE7;
  -webkit-text-decoration-color: #942AE7;
          text-decoration-color: #942AE7;
}
.single-list-blog .blog-info .category.social {
  color: #00CBBF;
  -webkit-text-decoration-color: #00CBBF;
          text-decoration-color: #00CBBF;
}
.single-list-blog .blog-info .category.education {
  color: #34C2FF;
  -webkit-text-decoration-color: #34C2FF;
          text-decoration-color: #34C2FF;
}
.single-list-blog .blog-info .category.political {
  color: #FF0000;
  -webkit-text-decoration-color: #FF0000;
          text-decoration-color: #FF0000;
}
.single-list-blog .blog-info .category.food {
  color: #FFC700;
  -webkit-text-decoration-color: #FFC700;
          text-decoration-color: #FFC700;
}
.single-list-blog .blog-info .post-title {
  margin-bottom: .8rem;
  font-size: 3rem;
  line-height: 4rem;
  font-weight: 700;
  color: #303030;
}
.single-list-blog .blog-info .post-title a {
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-list-blog .blog-info .post-title a:hover {
  color: var(--primary-color);
}
.single-list-blog .blog-info .post-meta {
  position: relative;
  padding-left: 25px;
  margin: 0;
}
.single-list-blog .blog-info .post-meta::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  background: #303030;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.single-list-blog .blog-info .post-meta .post-author {
  font-size: 2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-list-blog .blog-info .post-meta .post-author:hover {
  color: var(--primary-color);
}
.single-list-blog .blog-info .post-meta .post-date {
  font-size: 2rem;
  font-weight: 400;
  color: #303030;
}

@media (max-width: 1199px) {
  .single-list-blog .blog-info .post-title {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .single-list-blog .blog-info .post-meta .post-author {
    font-size: 1.6rem;
  }

  .single-list-blog .blog-info .post-meta .post-date {
    font-size: 1.4rem;
  }

  .single-list-blog .blog-info .category {
    display: block;
    font-size: 1.6rem;
    line-height: 1;
  }
}
@media (max-width: 480px) {
  .single-list-blog .blog-info {
    padding-left: 1.5rem;
  }

  .single-list-blog .blog-info .post-title {
    font-size: 1.6rem;
    line-height: 2rem;
  }

  .single-list-blog .blog-info .post-meta .post-author {
    font-size: 1.4rem;
  }

  .single-list-blog .blog-info .post-meta .post-date {
    font-size: 1.4rem;
  }
}
@media (max-width: 414px) {
  .single-list-blog {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .single-list-blog .blog-info .post-meta {
    padding-left: 10px;
  }

  .single-list-blog .blog-info .post-meta::before {
    width: 5px;
  }

  .single-list-blog .blog-thumbnail {
    width: 35%;
  }

  .single-list-blog .blog-info {
    width: 65%;
  }

  .single-list-blog.video-blog .blog-thumbnail .play-btn {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3rem;
    font-size: 1.4rem;
  }
}
/*-------------------------
#.single-grid-overlay-blog
--------------------------*/
.single-grid-overlay-blog {
  position: relative;
  margin-bottom: 3rem;
}
.single-grid-overlay-blog .news-thumbnail {
  width: 100%;
  height: auto;
}
.single-grid-overlay-blog .play-btn {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 4.5rem;
  height: 4.5rem;
  line-height: 4.3rem;
  border-radius: 50%;
  text-align: center;
  border: 2px solid rgba(233, 233, 233, 0.5);
  color: var(--white);
  z-index: 5;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-grid-overlay-blog .play-btn:hover {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.single-grid-overlay-blog .news-info {
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: absolute;
  padding: 1.5rem;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.single-grid-overlay-blog .news-info .category {
  display: inline-block;
  font-family: "Cormorant", serif;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  text-transform: capitalize;
  color: #FF0000;
}
.single-grid-overlay-blog .news-info .category.political {
  color: #FF0000;
}
.single-grid-overlay-blog .news-info .category.fashion {
  color: #E72ABD;
}
.single-grid-overlay-blog .news-info .category.religious {
  color: #00900E;
}
.single-grid-overlay-blog .news-info .category.climate {
  color: #FF571D;
}
.single-grid-overlay-blog .news-info .category.social {
  color: #00CBBF;
}
.single-grid-overlay-blog .news-info .category.education {
  color: #34C2FF;
}
.single-grid-overlay-blog .news-info .category.food {
  color: #FFC700;
}
.single-grid-overlay-blog .news-info .category.technology {
  color: #00549C;
}
.single-grid-overlay-blog .news-info .news-title {
  font-size: 2.6rem;
  line-height: 4rem;
  font-weight: 700;
  color: #E9E9E9;
}
.single-grid-overlay-blog .news-info .news-title a {
  color: #E9E9E9;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-grid-overlay-blog .news-info .news-title a:hover {
  color: var(--primary-color);
}
.single-grid-overlay-blog .news-info .post-meta {
  position: relative;
  padding-left: 25px;
  margin: 0;
}
.single-grid-overlay-blog .news-info .post-meta::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  background: var(--white);
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.single-grid-overlay-blog .news-info .post-meta .post-author {
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--white);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-grid-overlay-blog .news-info .post-meta .post-author:hover {
  color: var(--primary-color);
}
.single-grid-overlay-blog .news-info .post-meta .post-date {
  font-size: 1.8rem;
  font-weight: 400;
  color: var(--white);
}

@media (min-width: 576px) and (max-width: 767px) {
  .single-grid-overlay-blog .news-info .news-title {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }

  .single-grid-overlay-blog .news-info .post-meta .post-author {
    font-size: 1.4rem;
  }

  .single-grid-overlay-blog .news-info .post-meta .post-date {
    font-size: 1.4rem;
  }

  .single-grid-overlay-blog .news-info .post-meta {
    padding-left: 15px;
  }

  .single-grid-overlay-blog .news-info .post-meta::before {
    width: 10px;
  }
}
@media (max-width: 375px) {
  .single-grid-overlay-blog .news-info .post-meta .post-author {
    font-size: 1.6rem;
  }

  .single-grid-overlay-blog .news-info .post-meta .post-date {
    font-size: 1.6rem;
  }

  .single-grid-overlay-blog .news-info .post-meta {
    padding-left: 20px;
  }

  .single-grid-overlay-blog .news-info .post-meta::before {
    padding-left: 2rem;
  }

  .single-grid-overlay-blog .news-info .news-title {
    font-size: 2.4rem;
    line-height: 3.6rem;
  }
}
/*-------------------------
#.single-post-area
--------------------------*/
.single-post-area .post-tiele {
  margin-bottom: 4rem;
  font-size: 4rem;
  line-height: 5rem;
  color: #303030;
}
.single-post-area .post-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5rem;
  padding: 0;
}
.single-post-area .post-meta li {
  list-style: none;
  margin-right: 2.5rem;
}
.single-post-area .post-meta li:last-child {
  margin-right: 0;
}
.single-post-area .post-meta li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Cormorant", serif;
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-post-area .post-meta li a .meta-icon {
  margin-right: 1rem;
}
.single-post-area .post-thumbnail {
  margin-bottom: 4.5rem;
  width: 100%;
  height: auto;
}
.single-post-area .post-video {
  margin-bottom: 4.5rem;
  overflow: hidden;
}
.single-post-area .post-date {
  margin-bottom: 4.2rem;
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  color: #303030;
}
.single-post-area p {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3.2rem;
  color: #6D6D6D;
}
.single-post-area .blockquote-area {
  padding: 1.5rem 1.5rem 1.5rem 2.5rem;
  margin: 4.5rem 0;
  background: rgba(175, 203, 0, 0.1);
  border-left: 5px solid var(--primary-color);
}
.single-post-area .blockquote-area p {
  margin: 0;
}
.single-post-area .single-post-bottom {
  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: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 2rem;
  border: 1px solid #E4E4E4;
}
.single-post-area .single-post-bottom .title {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
}
.single-post-area .single-post-bottom ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}
.single-post-area .single-post-bottom .post-tags li {
  position: relative;
  margin-right: 1rem;
}
.single-post-area .single-post-bottom .post-tags li::before {
  position: absolute;
  content: ",";
  bottom: 0;
  left: 100%;
}
.single-post-area .single-post-bottom .post-tags li:first-child::before {
  display: none;
}
.single-post-area .single-post-bottom .post-tags li:last-child {
  margin-right: 0;
}
.single-post-area .single-post-bottom .post-tags li:last-child::before {
  display: none;
}
.single-post-area .single-post-bottom .post-tags li a {
  font-size: 1.8rem;
  font-weight: 400;
  color: #6D6D6D;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-post-area .single-post-bottom .post-tags li a:hover {
  color: var(--primary-color);
}
.single-post-area .single-post-bottom .post-share li {
  margin-right: 1rem;
}
.single-post-area .single-post-bottom .post-share li:first-child::before {
  display: none;
}
.single-post-area .single-post-bottom .post-share li:last-child {
  margin-right: 0;
}
.single-post-area .single-post-bottom .post-share li a {
  font-size: 2rem;
  font-weight: 400;
  color: #6D6D6D;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-post-area .single-post-bottom .post-share li a.facebook {
  color: #296BD4;
}
.single-post-area .single-post-bottom .post-share li a.google {
    color: #d34836;
}
.single-post-area .single-post-bottom .post-share li a.twitter {
  color: #34C2FF;
}
.single-post-area .single-post-bottom .post-share li a.whatsup {
  color: #1f851c;
}
.single-post-area .single-post-bottom .post-share li a.instagram {
  color: #FF7E36;
}
.single-post-area .single-post-bottom .post-share li a.rss {
  color: #1E5B90;
}
.single-post-area .single-post-bottom .post-share li a:hover {
  color: var(--primary-color);
}

@media (max-width: 767px) {
  .single-post-area .post-tiele {
    margin-bottom: 3rem;
    font-size: 3rem;
    line-height: 4rem;
  }

  .single-post-area .post-meta li a {
    font-size: 1.6rem;
    line-height: 1;
  }

  .single-post-area .post-meta li a .meta-icon {
    margin-right: 6px;
    max-width: 16px;
  }

  .single-post-area .single-post-bottom .post-share {
    margin-top: 15px;
  }

  .single-post-area .single-post-bottom ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }

  .single-post-area .post-meta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }

  .single-post-area .post-meta li {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .single-post-area .post-meta {
    margin-bottom: 3rem;
  }

  .single-post-area .post-thumbnail {
    margin-bottom: 3rem;
  }

  .single-post-area .post-video {
    margin-bottom: 3rem;
  }

  .single-post-area .post-date {
    margin-bottom: 3rem;
  }

  .single-post-area .blockquote-area {
    margin: 2.5rem 0;
  }
}
@media (max-width: 575px) {
  .single-post-area .single-post-bottom .post-tags li a {
    font-size: 1.4rem;
  }

  .single-post-area .single-post-bottom .post-share li a {
    font-size: 1.6rem;
  }

  .single-post-area .single-post-bottom .title {
    font-size: 1.6rem;
  }

  .single-post-area .post-tiele {
    margin-bottom: 2rem;
  }

  .single-post-area .post-meta {
    margin-bottom: 2rem;
  }

  .single-post-area .post-date {
    margin-bottom: 1rem;
  }
}
@media (max-width: 375px) {
  .single-post-area .post-tiele {
    font-size: 2.6rem;
    line-height: 3.6rem;
  }
}
/*-------------------------
#.single-grid-post-v3
--------------------------*/
.single-grid-post-v3 {
  margin-bottom: 3rem;
}
.single-grid-post-v3.small-post .post-thumbnail img {
  width: 100%;
  height: 274px;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-grid-post-v3 .post-thumbnail {
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.single-grid-post-v3 .post-thumbnail img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-grid-post-v3 .post-info .post-date {
  margin-bottom: .5rem;
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  color: #303030;
}
.single-grid-post-v3 .post-info .post-title {
  margin-bottom: 1rem;
  font-size: 2.6rem;
  line-height: 4rem;
  font-weight: 700;
  color: #303030;
}
.single-grid-post-v3 .post-info .post-title a {
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-grid-post-v3 .post-info .post-title a:hover {
  color: var(--primary-color);
}
.single-grid-post-v3 .post-info .post-author {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  color: #303030;
}
.single-grid-post-v3 .post-info .post-author a {
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.single-grid-post-v3 .post-info .post-author a:hover {
  color: var(--primary-color);
}
.single-grid-post-v3:hover .post-thumbnail img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/*-------------------------
#.related-news-area
--------------------------*/
.related-news-area {
  border-bottom: 1px solid #E4E4E4;
  padding-bottom: 4rem;
  margin-bottom: 6.5rem;
}
.related-news-area .slick-slider {
  margin: 0 -15px;
}
.related-news-area .slick-slide {
  margin-right: 15px;
  margin-left: 15px;
}
.related-news-area .slick-arrow {
  position: absolute;
  bottom: calc(100% + 60px);
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  text-align: center;
  border-radius: 50%;
  background-color: var(--primary-color);
  color: var(--white);
  cursor: pointer;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.related-news-area .slick-arrow:hover {
  color: var(--white);
  background-color: var(--hover-color);
}
.related-news-area .slick-arrow.slick-prev {
  right: 60px;
}
.related-news-area .slick-arrow.slick-next {
  right: 0;
}

@media (max-width: 1199px) {
  .related-news-area .slick-arrow {
    bottom: calc(100% + 50px);
  }
}
@media (max-width: 991px) {
  .related-news-area .slick-arrow.slick-next {
    right: 15px;
  }

  .related-news-area .slick-arrow {
    bottom: calc(100% + 45px);
  }
}
@media (max-width: 767px) {
  .related-news-area .single-grid-blog .blog-info .post-title {
    font-size: 2.4rem;
    line-height: 3.4rem;
  }

  .related-news-area {
    margin-bottom: 3rem;
    padding-bottom: 1rem;
  }
}
/*-------------------------
#.comment-area
--------------------------*/
.comment-area .comment-title {
  margin-bottom: 5rem;
  font-size: 3.4rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
  text-decoration: underline;
}
.comment-area .comments .single-comment {
  padding: 2rem;
  border: 1px solid #E4E4E4;
  margin-bottom: 3rem;
}
.comment-area .comments .single-comment .single-comment-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.comment-area .comments .single-comment .children {
    padding-left: 40px;
    margin-top: 3rem;
}
.comment-area .comments .single-comment .children .single-comment  {
    padding: .5rem;
    border: none;
    margin-bottom: 3rem;
}
.comment-area .comments .single-comment .children .single-comment .author-img img {
    width: 5rem;
    height: 5rem;
}
.comment-area .comments .single-comment .children
.comment-area .comments .single-comment:last-child {
  margin-bottom: 0;
}
.comment-area .comments .single-comment .author-img {
  margin-right: 2rem;
}
.comment-area .comments .single-comment .author-img img {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.comment-area .comments .single-comment .author-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.comment-area .comments .single-comment .author-content .author-name {
  margin-bottom: 1rem;
  font-size: 2.8rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
}
.comment-area .comments .single-comment .author-content .author-name a {
  color: #303030;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.comment-area .comments .single-comment .author-content .author-name a:hover {
  color: var(--primary-color);
}
.comment-area .comments .single-comment .author-content .comment-date {
  margin-bottom: 1.2rem;
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: capitalize;
  color: #303030;
}
.comment-area .comments .single-comment .author-content .comment-text {
  margin-bottom: 1.7rem;
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #6D6D6D;
}
.comment-area .comments .single-comment .author-content .reply-btn {
  display: inline-block;
  text-decoration: underline;
  font-family: "Cormorant", serif;
  font-size: 2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
}

.comment-respond .comment-title {
  margin-bottom: 5rem;
  font-size: 3.4rem;
  font-weight: 700;
  text-transform: capitalize;
  color: #303030;
  text-decoration: underline;
}
.comment-respond .form-group {
  margin-bottom: 3rem;
}
.comment-respond .form-group .form-control {
  width: 100%;
  height: 6rem;
  padding: 1.5rem;
  border: 1px solid #E4E4E4;
  font-family: "Open Sans", sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  color: #6D6D6D;
  border-radius: 0;
}
.comment-respond .form-group .form-control.comment-box {
  height: 16rem;
  resize: none;
}
.comment-respond .secondary-btn {
  width: 320px;
}

@media (max-width: 991px) {
  .comment-respond {
    margin-bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .comment-area .comment-title {
    margin-bottom: 3rem;
    font-size: 3rem;
  }

  .comment-respond .comment-title {
    margin-bottom: 3rem;
    font-size: 3rem;
  }

  .comment-area .comments .single-comment {
    padding: 1.5rem;
  }
}
@media (max-width: 575px) {
  .comment-area .comments .single-comment .author-img img {
    width: 5rem;
    height: 5rem;
  }

  .comment-area .comments .single-comment .author-img {
    margin-right: 1.5rem;
  }

  .comment-area .comments .single-comment .author-content .author-name {
    font-size: 2rem;
  }

  .comment-area .comments .single-comment .author-content .comment-text {
    margin-bottom: 1rem;
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .comment-area .comments .single-comment .author-content .comment-date {
    margin-bottom: .8rem;
  }

  .comment-area .comments .single-comment .author-content .reply-btn {
    font-size: 1.6rem;
  }

  .single-post-area .post-meta li {
    margin-right: 1.5rem;
  }

  .comment-area.mb-50 {
    margin-bottom: 3rem;
  }
}
@media (max-width: 375px) {
  .comment-respond .secondary-btn {
    width: 100%;
  }

  .comment-area .comments .single-comment .author-img img {
    width: 3.5rem;
    height: 3.5rem;
  }

  .comment-area .comments .single-comment .author-content .comment-date {
    font-size: 1.2rem;
  }

  .comment-area .comments .single-comment {
    margin-bottom: 2rem;
  }

  .comment-area .comments .single-comment .author-img {
    margin-right: 1rem;
  }
}
/*-------------------------
#.pagination-area
--------------------------*/
.pagination-area .pagination-pages {
  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;
  margin: 0;
  padding: 0;
}
.pagination-area .pagination-pages li {
  list-style: none;
  margin: 0 .5rem;
}
.pagination-area .pagination-pages li a {
  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: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  min-width: 3.5rem;
  height: 3.5rem;
  text-align: center;
  font-size: 2.2rem;
  font-weight: 400;
  color: #6D6D6D;
}
.pagination-area .pagination-pages li a.active {
  font-size: 2.8rem;
  font-weight: 700;
  color: #303030;
}
.pagination-area .pagination-pages li.prev a {
  padding: 0 15px;
  background-color: var(--primary-color);
}
.pagination-area .pagination-pages li.next a {
  padding: 0 15px;
  background-color: var(--primary-color);
}

@media (max-width: 991px) {
  .pagination-area {
    margin-bottom: 4rem;
  }
}
@media (max-width: 767px) {
  .pagination-area .pagination-pages li a {
    min-width: 3rem;
    height: 3rem;
    font-size: 1.6rem;
  }

  .pagination-area .pagination-pages li.prev a {
    padding: 0 10px;
  }

  .pagination-area .pagination-pages li.next a {
    padding: 0 10px;
  }

  .pagination-area .pagination-pages li img {
    max-width: 20px;
  }

  .pagination-area .pagination-pages li {
    margin: 0 .3rem;
  }

  .pagination-area .pagination-pages li a.active {
    font-size: 2rem;
  }
}
@media (max-width: 375px) {
  .pagination-area .pagination-pages li a {
    min-width: 2.5rem;
    height: 2.5rem;
    font-size: 1.5rem;
  }

  .pagination-area .pagination-pages li.prev a {
    padding: 0 6px;
  }

  .pagination-area .pagination-pages li.next a {
    padding: 0 6px;
  }

  .pagination-area .pagination-pages li img {
    max-width: 16px;
  }

  .pagination-area .pagination-pages li {
    margin: 0 .2rem;
  }

  .pagination-area .pagination-pages li a.active {
    font-size: 1.8rem;
  }
}

.pointer_cursor{
    cursor: pointer;
}

.reply-box {
    height: 8rem;
    resize: none;
    font-size: 1.4rem;
}

.old_comments{
    margin-bottom: 10px;
}
.single-post-area .video-thumbnail {
    position: relative;
}
.single-post-area .video-thumbnail .play-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    border-radius: 50%;
    color: var(--white);
    transition: all .3s;
    margin: 0 auto;
    background: var(--primary-color);
    font-size: 2.5rem;
    text-align: center;
}
.single-post-area .video-thumbnail .play-btn:hover {
    background: var(--hover-color);
    color: var(--white);
}

.widget-area .other-page-widget ul li {
    margin-bottom: 0.5rem;
    list-style: none;
    font-size: 1.6rem;
    font-weight: 400;
    color: #E9E9E9;
}

.widget-area .other-page-widget ul li a {
    color: #E9E9E9;
}

.widget-area .other-page-widget ul li a:hover {
    color: var(--primary-color);
}