@font-face {
    font-family: fontRegular;
    src: url(../fonts/NotoSerifBengali-Regular.ttf);
  }
@font-face {
    font-family: fontBold;
    src: url(../fonts/NotoSerifBengali-Bold.ttf);
}

/* English fonts */
@font-face {
    font-family: poppinBold;
    src: url(../fonts/Poppins-Bold.ttf);
  }
@font-face {
    font-family: poppins;
    src: url(../fonts/Poppins-Regular.ttf);
}
@font-face {
    font-family: poppinSemi;
    src: url(../fonts/Poppins-SemiBold.ttf);
}

*{
    margin: 0; padding: 0; outline: 0; box-sizing: border-box;
    font-family: fontRegular;
}
html{
    scroll-behavior: smooth;
}
body {
    background: #e6e6e666 !important;
    font-family: fontRegular;
}
header, footer{
    /* display: none; */
}
.common-padding{
    padding: 30px 36px;
}
img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

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

ul li {
    display: inline-block;
}
li{
    list-style: none;
}

ul li a {
    display: block;
    color: #000;
    text-decoration: none;
    font-size: 14px;
}

a:hover {
    text-decoration: none
}

a:focus {
    outline: 0 solid;
    text-decoration: none
}
.headerNavbar {
    padding: 3px 0px !important;
}

input:focus,
button:focus,
textarea:focus,
a:focus {
    outline: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 700;
}

p:last-child {
    margin-bottom: 0
}

.container {
    max-width: 1280px !important;
}

:root {
    --brandColor: #1790bf;
    --brandColorDark: #084e44;
    --white: #ffffff;
}

/* Top Header section
====================== */
.top__header_section {
    background: #ecf7f5;
    border-bottom: 2px solid #e8f5f2;
}
.top__header__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top__header__box i{
    transition: all 0.4s ease-in-out;
    font-size: 17px;
    color: #076558;
}
.top__header__box i:hover{
    transform: translateY(-5px);
}
.top__header__box p{
    font-size: 16px;
}
.header__logo {
    width: 250px;
    height: auto;
    margin: 2px auto;
}
.header__logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.top__header_section {
    
}
.header__social {

}
.middle__logo__section {
    background: white;
}
.header__social ul {

}
.header__social li {

}
.header__social li a{
    font-size: 22px;
    padding: 0px 5px;
}
.header__social li a:hover {

}

/* Header menu
================ */
.main__header__section {
    background: var(--brandColor);
}
.main__header__menu {
    text-align: center;
    display: flex;
    justify-content: center;
    grid-gap: 20px;
}
.main__header__menu ul {display: flex;justify-content: center;align-items: center;}
.main__header__menu li {
    position: relative;
    width: max-content;
}
.main__header__menu a {
    padding: 10px 20px;
    font-size: 19px;
    color: white;
}
.main__header__menu a:hover {
    background: var(--brandColorDark);
}
li.dropdown__menu {
    position: relative;
}
li.dropdown__menu:hover .dropdown__wrapper {
    opacity: 1;
    visibility: visible;
    top: 44px;
}
.dropdown__wrapper {
    display: flex;
    flex-direction: column;
    background: var(--brandColor);
    position: absolute;
    z-index: 999;
    box-shadow: 0px 0px 10px var(--brandColor);
    transition: all 0.4s ease-in-out;
    top: 70px;
    opacity: 0;
    visibility: hidden;
}
.right__sidebar__header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
    margin: 4px;
    position: relative;
}
.bars i{
    color: white;
    font-size: 22px;
    cursor: pointer;
}
.cross__icon {

}
.cross__icon i {
    background: #c30c0c;
    color: white;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    font-size: 19px;
    position: absolute;
    right: 0px;
    top: 6px;
}
/* hero section
================== */
.hero__section {
    margin-top: 20px;
    margin-bottom: 30px;
}
.hero__cover__news__wrapper {
    background: white;
    border-radius: 4px;
    position: relative;
    transition: all 0.4s ease-in-out;
}
.hero__cover__news__wrapper:hover .hero__cover_thumb img{
    transform: scale(1.05);
}
.hero__cover__news__wrapper:hover .hero__cover__content{
    box-shadow: 0px 0px 8px 0px #8080803b;
    bottom: -115px;
}
.hero__cover_thumb {
    width: 100%;
    height: 340px;
    overflow: hidden;
    position: relative;
}
.hero__cover_thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
    position: relative;
}
.hero__cover__content {
    padding: 20px 20px;
    position: absolute;
    bottom: -117px;
    background: white;
    left: 10px;
    right: 10px;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
}
.hero__cover__content h2:hover {
    color: var(--brandColor);
}
.hero__cover__content h2 {
    font-size: 34px;
    font-weight: bold;
    color: black;
    line-height: 40px;
}

.hero__cover__content p {
    font-size: 17px;
    color: gray;
}

/* Right section
================= */
.hero__mini__news__wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    grid-gap: 17px;
    height: 100%;
}
.hero__mini__box {
    width: 100%;
    background: white;
    border-radius: 5px;
    transition: 0.3s;
    display: flex;
    justify-content: space-between;
    grid-gap: 3px;
    overflow: hidden;
    flex-direction: row-reverse;
}
.hero__mini__box:hover {
    box-shadow: 0px 0px 8px 0px #8080803b;
}
.hero__mini__thumb {
    height: 100%;
    overflow: hidden;
    width: 79%;
    border-radius: 13px;
}
.hero__mini__thumb img {
    width: 100%;
    height: 88px;
    object-fit: cover;
    padding: 5px;
    border-radius: 5px !important;
}
.hero__mini__content {
    padding: 5px;
    width: 100%;
}
.hero__mini__content h3 {
    font-size: 18px;
    color: #000000db;
    font-weight: normal;
}
.hero__mini__content a {
    color: #000
}

.hero__mini__excerpt {
    display: flex;
    justify-content: space-around;
    margin-top: 12px;
}
.hero__mini__excerpt p {
    margin: 0px;
    font-size: 15px;
}
.latest__news__title {
    text-align: center;
    border: 1px solid var(--brandColor);
    color: var(--brandColor);
    background: white;
    border-radius: 3px;
    margin-bottom: 10px;
    transition: 0.4s;
}
.latest__news__title h3 {
    font-size: 18px;
    padding: 10px;
}
.latest__news__title:hover {
    background: var(--brandColor);
    color: white;
}
.hero__sidebar__ads {
    position: sticky;
    top: 70px;
    margin: 0px !important;
    bottom: 0px;
}

/* Second section
=================== */
.second__section {

}
.second__section__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
	margin-bottom: 10px;
}
.second__box {background: white;padding: 10px;border-radius: 4px;}

.second__thumb {
    height: 180px;
    width: 100%;
}
.second__thumb img {
    width: 100%;
    height: 100%;
}
.second__content {
    padding: 10px 0px;
}
.second__content a {

}
.second__content h2 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 7px;
    color: #000000e0;
}
.second__content p {
    color: gray;
    font-size: 16px;
}

.news__title {
    margin-bottom: 20px;
    border-bottom: 2px solid lightgray;
    display: flex;
    justify-content: start;
    align-items: center;
    grid-gap: 4px;
}
.news__title img {
    width: 18px;
    height: auto;
    margin-top: -6px;
    filter: opacity(0.7);
}
.news__title h2 {
    font-size: 25px;
    color: #000;
    font-weight: bold;
    margin-bottom: 3px;
}
.underline {
    background: var(--brandColor);
    width: 160px;
    height: 4px;
    border-radius: 20px;
    display: none;
}

/* third section
=-================ */
.third__section {
    padding: 30px 0px;
}
.third__section__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
.third__section__box {
    background: white;
    padding: 20px;
    position: relative;
    border-radius: 4px;
    text-align: center;
    padding-top: 8px;
    border: 1px solid darkseagreen;
    box-shadow: 0px 0px 10px 0px lightgrey;
}
.third__section__box p {font-weight: bold;color: var(--brandColor);font-size: 18px;margin: 0px;margin-bottom: 10px;}
.third__news__title {
    /* position: absolute; */
    left: 0px;
    padding: 2px;
    right: 1px;
    margin-top: 15px;
}
.third__news__title span{
    color: var(--brandColorDark);
}
.third__news__title h2 {font-size: 20px;}
.third__sec__excerpt {margin-top: 20px;}
.third__sec__excerpt p {color: darkslategray;font-size: 16px; font-weight: normal;}
.third__sec__author{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 14px;
    margin-top: 17px;
    width: 100%;
    flex-direction: column;
}
.third__author__thumb {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border: 3px solid #20b2aa4a;
    border-radius: 50%;
}
.third__author__thumb img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.third__author__content {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.third__author__content h5 a{
    color: var(--brandColorDark);
    font-family: 'poppins','fontRegular';
}
.third__author__content h5 {
    font-size: 16px;
}
.authorUnderline {
    background: lightseagreen;
    width: 83px;
    height: 3px;
    border-radius: 20px;
    margin-top: 8px;
}

/* Fourth section
================== */
.fourth__sec__wrapper {
    display: flex;
    justify-content: space-between;
    grid-gap: 20px;
}

/* Fourth section
================== */
.main__tab__wrapper {
    background: white;
    padding: 10px;
    border-radius: 4px;
    position: sticky;
    top: 75px;
    margin-bottom: 20px;
}
.fourth__tab__title {width: 100%;background: var(--brandColorDark);border-radius: 4px;}
.fourth__tab__title ul {width: 100%;}
.fourth__tab__title li {width: 50%;text-align: center;}
.fourth__tab__title li a{
    font-size: 18px;
    font-weight: bold;
    padding: 4px 0px;
    color: white;
}
.fourth__tab__title .nav-link.active {
    background: var(--brandColor);
}
.fourth__tab__wrapper {

}
.middle__mini__news__wrapper {
    display: flex;
    flex-direction: column;
    grid-gap: 15px;
    width: 100%;
}
.fourth__tab__wrapper .tab-content{
    
}
.fourth__tab__wrapper .active{
    
}

.fourth__content__area {

}
.fourth__content__area ul {

}
.fourth__content__area li {
    border-bottom: 2px solid rgba(211, 211, 211, 0.185);
    display: block;
}
.fourth__content__area li:last-child{
    border-bottom: unset;
}
.fourth__content__area a {
    font-size: 18px;

}

.middle__cover__news__wrapper {
    background: white;
}
.middle__cover_thumb {
    width: 100%;
    height: 280px;
    overflow: hidden;
}
.middle__cover_thumb img {
    width: 100%;
    height: 100%;
}
.middle__cover__content {
    padding: 12px 0px 0px 0px;
}
.middle__cover__content a {

}
.middle__cover__content h2 {
    font-size: 30px;
    color: black;
}
.middle__cover__content p {
    color: gray;
}

.middle__mini__box {
    background: white;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #d3d3d338;
    padding-bottom: 10px;
}
.middle__mini__box:last-child{
    border-bottom: unset;
}
.middle__mini__thumb {width: 100%;height: 142px;padding: 10px;}
.middle__mini__thumb img {width: 100%;height: 100%;object-fit: cover;}
.middle__mini__content {padding: 10px; width: 100%;}
.middle__mini__content a {

}
.middle__mini__content h3 {
    font-size: 21px;
    color: #000000db;
    font-weight: normal;
}


/* Video section
================= */
.video__section {
    margin-top: 20px;
}
.video__section__wrapper {
    margin-bottom: 30px;
}
.video__section__box {
    background: white;
    width: 100%;
    border-radius: 4px;
    min-height: 215px;
    position: relative;
}
.video__section__box:hover .video__icon{
    top: 26%;
    left: 43%;
    width: 40px;
    height: 40px;
}
.video__thumb {
    width: 100%;
    height: 146px;
    overflow: hidden;
}
.video__thumb img {height: 100%;width: 100%;object-fit: cover;}

.video__icon {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 35px;
    height: 35px;
    animation: demo_play_btn 3s infinite ease-in-out;
    transition: all 0.4s ease-in-out;
    border-radius: 50%;
}

@keyframes demo_play_btn {
    0% {
      box-shadow: 0 0 0 0 #c30c0c, 0 0 0 0 #ff0300
    }
    40% {
      box-shadow: 0 0 0 30px rgb(255 255 255 / 7%), 0 0 0 0 #c30c0c
    }
    80% {
      box-shadow: 0 0 0 30px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0)
    }
    100% {
      box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0)
    }
  }
  
.video__icon img {
    width: 100%;
    height: 100%;
}
.video__content {padding: 8px 13px;}
.video__content a {

}
.video__content h2 {
    font-size: 20px;
    color: #000000db;
}

/* Six Section
================= */
.six__section {
    
}
.six__column__container {
    background: white;
    border-radius: 4px;
}
.six__column__wrapper {

}
.six__thumb {width: 100%;height: 180px;}
.six__thumb img {width: 100%;height: 100%;}
.six__column__content {padding: 10px;}
.six__column__content a {

}
.six__column__content h3 {font-size: 20px;color: var(--brandColorDark);}

/* mini */
.six__column__mini__wrapper {

}
.six__column__mini__box {display: flex;justify-content: space-between;grid-gap: 10px;padding: 10px;width: 100%;}
.six__col__mini__thumb {width: 58%;height: 70px;}
.six__col__mini__thumb img {width: 100%;height: 100%;}
.six__mini__content {width: 100%;}
.six__mini__content a {

}
.six__mini__content h3 {
    font-size: 17px;
    color: #000000db;
    font-weight: normal;
}

/* Photo gallery Section
========================= */
.photo__gallery__section {
    margin-bottom: 50px;
}
.photo__gallery__wrapper {
    position: relative;
}
.photo__gallery__title {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
}
.photo__gallery__title p {
    color: white;
    background: var(--brandColor);
    padding: 7px 34px;
    font-size: 19px;
    /* border-radius: 4px; */
    font-weight: bold;
    border-bottom-right-radius: 2px;
}
.photo__gallery__box {
    position: relative;
    transition: all 0.4s linear;
    overflow: hidden;
}
.photo__gallery__box:hover .photo__gallery__title{
    top: -30px;
}
.photo__gallery__box:hover .photo__gallery__content{
    bottom: 0px;
}
.photo__gallery__thumb {
    width: 100%;
    height: 450px;
    overflow: hidden;
}
.photo__gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.photo__gallery__content {
    position: absolute;
    bottom: -147px;
    padding: 20px;
    width: 100%;
    color: white;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
    z-index: 1;
}
.photo__gallery__content::before {
    content: "";
    position: absolute;
    top: -46px;
    right: 0;
    bottom: 0px;
    left: 0;
    z-index: -1;
    background-image: linear-gradient(
180deg
,rgba(50, 50, 50, 0.185),#000);
    min-width: 100%;  
}
.photo__gallery__content h2 {
    color: white;
}
.photo__gallery__content small {
    font-size: 18px;
    color: yellow;
}

/* bullet points */
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    width: 12px;
    height: 12px;
    background: rgb(153, 153, 153);
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr="rgb(153, 153, 153)", endcolorstr="rgb(225, 225, 225)",gradienttype=0 );
    border: 3px solid rgb(229, 229, 229);
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    width: 12px;
    height: 12px;
    background: var(--brandColor);
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr="rgb(153, 153, 153)", endcolorstr="rgb(225, 225, 225)",gradienttype=0 );
    border: 3px solid rgb(229, 229, 229);
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box;
}

/* Main Footer secton
====================== */
.footer__main {
    background: white;
    padding-top: 40px;
}
.footer__top__section {

}
.footer__box {
    text-align: center;
}
.footer__logo__box {
    width: 200px;
    height: auto;
    margin: 0px auto;
}
.footer__logo__box img {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}
.footer__logo__address {}

.footer__logo__address p {
    padding: 0px 20px;
}
.footer__company__bio {
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer__company__bio p {
    font-size: 18px;
    margin: 0px;
    position: relative;
    margin-left: 40px;
}
.footer__company__bio p strong {
    color: var(--brandColorDark);
}
.footer__company__bio p::before {
    content: '';
    position: absolute;
    left: 0px;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: var(--brandColor);
    top: 6px;
    margin-left: -16px;
}
.footer__last__social {
    text-align: center;
}
.footer__last__social h2 {
    margin-bottom: 9px;
    font-size: 26px;
    color: var(--brandColor);
}
.footer__last__social ul {

}
.footer__last__social li {

}
.footer__last__social i {
    font-size: 30px;
    padding: 0px 8px;
}

/* Category Page
================== */
.category__featured__section {
    margin-bottom: 50px;
    margin-top: 20px;
}

.category__featured__wrapper {
    display: flex;
    justify-content: space-between;
    grid-gap: 20px;
    margin-bottom: 35px;
}
.category__sidebar__ads {
    margin-bottom: 20px;
}
.categoroy__box {
    display: flex;
    justify-content: space-between;
    grid-gap: 20px;
    background: white;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 10px;
}
.categoroy__box:hover {
    box-shadow: 0px 0px 10px 0px rgb(189 187 187 / 22%);
}
.category__thumb {
    width: 100%;
    height: 134px;
}
.category__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.category__content {
    padding: 10px 0px;
    width: 100%;
}
.category__content a {

}
.category__content h2 {
    color: #000000f7;
    font-size: 21px;
    font-weight: 100;
}
.category__excerpt {
    display: flex;
    justify-content: start;
    grid-gap: 20px;
    margin-top: 15px;
}


.category__excerpt .cat__date {
    color: gray;
    font-size: 15px;
}

/* single page 
================= */
.single__main__section {
    margin: 30px 0px;
}
.single__page__wrapper {
    background: white;
    padding-top: 20px;
    border-radius: 4px;
    padding: 20px;
}
.single__news__title h1 {
    color: black;
    margin-bottom: 25px;
    margin-top: 20px;
}
.single__page__thumb {
    width: 100%;
    height: 400px;
    overflow: hidden;
}
.single__page__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single__excerpt {
    display: flex;
    justify-content: start;
    grid-gap: 9px;
    margin-top: 10px;
}
.single__excerpt p {

}
.single__excerpt .single__date {
    color: #353535;
}
.single__excerpt .single__author {
    font-weight: normal;
}
.single__excerpt .single__author a{
    color: var(--brandColor);
    font-weight: bold;
}
.single__content {
    margin-top: 20px;
}
.single__content ul{
    flex-direction: column;
    display: flex;
    grid-gap: 6px;
}
.single__content p {
    font-size: 19px !important;
    line-height: 28px;
}
.single__content img {
    margin: 14px 0px;
    width: 100%;
}
.single__content li {
    font-weight: bold;
    font-size: 17px;
    padding-left: 19px;
    position: relative;
    color: #191919e6;
}
.single__content h2 {
    margin-bottom: 14px;
    margin-top: 20px;
}

.single__content li::before {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: green;
    left: 0px;
    top: 4px;
}
.single__content iframe {
    width: 100%;
    height: 500px;
    border-radius: 4px;
}
.single__related__post__wrapper {
    background: white;
    padding: 20px;
    margin-top: 20px;
    border-radius: 3px;

}
.single__related__item {

}
.single__related__thumb {
    width: 100%;
    height: 157px;
}
.single__related__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single__related__content {

}
.single__related__content h2 {
    color: var(--brandColor);
    font-size: 22px;
    padding-top: 10px;
    font-weight: normal;
}
.single__related__content h2:hover {
    color: black;
}

/* Author page
================= */
.author__main__section {
    width: 100%;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
}
.author__profile__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 15px;
}
.author__thumb {
    width: 100px;
    height: 100px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px grey;
    border-radius: 50%;
    position: absolute;
    left: 30px;
    top: -44px;
}
.author__thumb img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.author__content {padding-left: 130px;}
.author__content h5 {
    background: var(--brandColorDark);
    padding: 3px 15px;
    color: white;
    border-radius: 3px;
}
.author__profile__social {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 107%;
    bottom: -26px;
    background: white;
    padding: 20px;
    border-radius: 4px;
}
.author__social__wrapper {

}
.author__social__wrapper ul {

}
.author__social__wrapper li {
    padding: 0px 2px;
}
.author__social__wrapper i{
    font-size: 19px;
    background: var(--brandColor);
    padding: 8px;
    border-radius: 7px;
    line-height: 19px;
    color: white;
    transition: all 0.4s ease-in-out;
}
.author__social__wrapper i:hover {
    transform: translateY(-5px);
    background: var(--brandColorDark);
}
.author__featured__section {
    margin-top: 60px;
}


/* News overlay Section
======================= */
.news__overlay__section {
    margin-top: 30px;
    background: white;
    padding: 20px;
}
.news__overlay__wrapper {

}
.news__featured__overlay {
    /* display: flex; */
    width: 100%;
    justify-content: space-between;
    grid-gap: 20px;
    position: relative;
}
.news__featured__overlay:hover .news__overlay__content{
    transform: translateX(10px);
}
.news__featured__overlay:hover .overlay__btn {
    transform: translateY(-17px);
}
.news__featured__overlay:hover .news__overlay__thumb img{
    transform: scale(1.1);
    border-radius: 3px;
}
.news__overlay__thumb {
    width: 242px;
    height: 180px;
    overflow: hidden;
}
.news__overlay__thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 0.3s linear;
}
.news__overlay__content {
    background: white;
    position: absolute;
    width: 68%;
    right: 0px;
    top: 10%;
    bottom: 10%;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px #d3d3d38c;
    transition: all 0.3s linear;
    padding: 18px;
    border-right: 3px solid var(--brandColor);
}
.news__overlay__content h2 {color: black;font-size: 20px;}
.news__overlay__content .overlay__date {color: gray;margin-top: 6px;}
.overlay__btn {
    color: white;
    background: var(--brandColor);
    padding: 3px 10px;
    border-radius: 3px;
    position: absolute;
    bottom: -9px;
    transition: all 0.3s linear;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.342);
}
.overlay__btn:hover {
    color: white;
}
/* banner ads */
.banner__ads__wrapper {
    margin-top: 20px;
}

/* lifestyle section
===================== */
.lifestyle__wrapper {
    position: relative;
    width: 100%;
    border-radius: 4px;
}
.lifestyle__wrapper:hover .lifestyle__thumb img{
    transform: scale(1.1);
}
.lifestyle__title {
    position: absolute;
    top: 0px;
    left: 30%;
    right: 30%;
    text-align: center;
    z-index: 1;
}
.lifestyle__title p {
    color: white;
    background: orangered;
    padding: 4px 12px;
    border-radius: 2px;
}
.lifestyle__thumb {
    width: 100%;
    height: 450px;
    overflow: hidden;
}
.lifestyle__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}
.lifestyle__content {
    position: absolute;
    bottom: 0px;
    padding: 20px;
    z-index: 1;
	width: 100%;
}
.lifestyle__content::before{
    content: "";
    position: absolute;
    top: -46px;
    right: 0;
    bottom: 0px;
    left: 0;
    z-index: -1;
    background-image: linear-gradient(
180deg
,rgba(50,50,50,0),#000);
    min-width: 100%;    
}
.lifestyle__content h3 {
    color: white;
    font-size: 20px;
    margin-bottom: 7px;
}
.lifestyle__content p {
    color: white;
}

/* Scroll news */
.scroll__news__section {
    margin-top: 20px;
    background: white;
    padding: 20px;
}

/* sidebar ads */
.sidebar__ads {
    margin: 0px 0px 20px 0px;
}

/* List style section
======================= */
.list__news__section {
    margin-top: 30px;
    background: white;
    padding: 20px;
}
.list__news__wrapper {
    
}
.list__news_box {
    display: flex;
    justify-content: space-between;
    grid-gap: 12px;
    background: white;
    padding: 10px;
    margin-bottom: 10px;
}
.list__news__thumb {
    width: 100%;
    height: 77px;
    overflow: hidden;
}
.list__news__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list__content {
    width: 100%;
}
.list__content a {

}
.list__content h3 {
    font-size: 17px;
    color: black;
    font-weight: normal;
}
.list__news_box:hover .list__content h3 {
    color: var(--brandColor);
}

/* carosol slider */
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'next';
    background: var(--brandColor);
    padding: 10px;
    border-radius: 3px;
    color: white;
    font-size: 24px;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
}

/* Footer bottom
================= */
.footer__bottom__section {
    padding: 5px 0px;
    margin-top: 30px;
    background: #ecf7f5;
    border-top: 2px solid #e8f5f2;
}
.footer__bottom__wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer__bottom__left p {
    color: gray;
    margin: 0px;
    font-family: 'poppins';
    font-size: 13px;
}
.footer__bottom__right p{
    color: gray;
    margin: 0px;
    font-family: 'poppins';
    font-size: 13px;
}
.footer__bottom__right span {
    color: green;
    font-weight: bold;
    font-family: 'poppinSemi';
    letter-spacing: 0.7px;
}


/* Right sidebar section
========================= */
.right__sidbar__section {
    
}
#LeftSidebar {
    display: none;
}
.main__right__sidebar__container {
    position: fixed;
    top: 0px;
    left: -300px;
    width: 290px;
    background: white;
    height: 100vh;
    z-index: 999;
    overflow-y: scroll;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-out;
}
.activeSidebar {
    visibility: visible;
    opacity: 1;
    left: 0px;
}
.right__sidebar__logo{
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 20px 0px;
}
.right__sidebar__logo img {

}
.right__sidebar__menu__wrapper {

}
.right__sidebar__menu__wrapper ul {
    display: flex;
    flex-direction: column;
}
.right__sidebar__menu__wrapper li {

}
.right__sidebar__menu__wrapper a {
    font-size: 19px;
    padding: 5px 20px;
    padding-left: 22px;
    border-bottom: 2px solid #d3d3d34a;
}
.right__sidebar__menu__wrapper a:hover {
    background: #8080801f;
}

.right__sidebar__footer {
    padding: 16px;
}
.right__sidebar__footer ul {

}
.right__sidebar__footer li {

}
.right__sidebar__footer a{
    font-size: 18px;
    margin: 5px 0px;
    transition: all 0.3s ease-in;
    background: var(--brandColor);
    border-radius: 3px;
    color: white;
    height: 35px;
    width: 36px;
    line-height: 38px;
}
.right__sidebar__footer a:hover {
    transform: translateY(-5px);
}

.lifestyle__thumb__category {
    height: 400px;
}

.entertainment__featured__thumb{
    height: 367px;
    width: 100%;
}
/* Click to top */

.ClickTop{
    background: var(--brandColor);
    color: white;
    position: fixed;
    bottom: 16px;
    right: 0px;
    width: 35px;
    height: 34px;
    /* border-radius: 5px; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    background: var(--brandColor);

}
.ClickTop.active{
    bottom: 32px;
    opacity: 1;
}
.ClickTop i {
    font-size: 17px;
    z-index: 999;
    margin-top: -4px; 
}
/* End Click to top */

/* Stickey menu */
.stickyMenu {
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0px 0px 3px 0px rgb(80, 80, 80); 
    z-index: 999;
    padding: 3px 0px;
    transition: all 0.4s linear;
  }
.first__sticky__section {
    padding: 20px;
    background: white;
}

/* Page Section
================= */
.page__section {

}
.page__wrapper {

}
.page__thumb {width: 100%;height: 300px;}
.page__thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: unset;
}
.page__content {position: relative;}
.page__header__title {text-align: center;position: absolute;width: 100%;bottom: -19px;box-shadow: 0px 0px 10px 0px #00000063;}
.page__header__title h2 {background: var(--brandColor);color: white;padding: 13px 10px;border-radius: 2px;font-family: poppinSemi;}
.page__content__section {padding-top: 18px;}
.page__content__wrapper {background: white;padding: 30px;margin: 30px 0px;}
.page__content__wrapper p {font-family: 'poppins';font-size: 17px;line-height: 30px;color: #000000de;}
.page__content__wrapper img {
    width: 100%;
    height:auto;
    margin: 13px 0px;
}

/* Block One style
=================== */
.news__block__one__section {
    margin: 20px 0px;
    background: white;
    padding: 20px;
}
.block__one__container{
    display: flex;
    justify-content: space-between;
    grid-gap: 20px;
}
.block__one__featured__wrapper {
    display: flex;
    justify-content: space-between;
    grid-gap: 20px;
    width: 170%;
}
.block__one__featured__thumb {
    height: 370px;
}
.block__one_thumb {
    width: 220px;
    height: 300px;
    overflow: hidden;
}
.block__one_thumb a {

}
.block__one_thumb a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block__one__box__wrapper {
    grid-gap: 9px;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.block__one__box {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    border-bottom: 2px solid #d3d3d333;
    padding-bottom: 10px;
}
.block__one__box:last-child{
    border-bottom: unset;
}
.block__one__box a {

}
.block__one__box img{
    width: 14px;
}
.block__one__box a h3 {
    font-size: 18px;
    font-weight: normal;
    color: black;
}

.wpp-meta, .post-stats{
    display: none !important;
}

/* Sub lead */
.sub__lead__section {
}
.sub__lead__news__wrapper {
    padding: 7px;
    background: white;
    margin: 20px 0px;
    border-radius: 4px;
    border-bottom: 2px solid rgba(211, 211, 211, 0.856);
    box-shadow: 0px 0px 10px 0px #d3d3d3a6;
}
.sub__lead__thumb {
    width: 100%;
    height: 170px;
    overflow: hidden;
}
.sub__lead__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sub__lead__content {margin: 15px 0px;}
.sub__lead__content a {

}
.sub__lead__content h2 {
    color: #000000cc;
    font-size: 19px;
}

/* new two column section
************************* */
.big__two__column {
    margin-bottom: 30px;
}
.videoGallery__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    position: relative;
}
.home__category {

}
.home__category ul {
    margin: 0px;
    display: inline-table;
    justify-content: flex-start;
    align-items: center;
}
.home__category li {
    list-style: none;
    margin-bottom: 4px;
}
.home__category a {
    color: white;
    background: var(--brandColor);
    border-radius: 30px;
    padding: 4px 18px;
    margin: 0px 1px;
    font-size: 16px;
    border: 1px solid var(--brandColor);
    transition: all 0.3s linear;
}
.home__category a:hover {
    background: var(--brandColorDark);
    border: 1px solid var(--brandColorDark);
    letter-spacing: 1px;
}
/* New Section two column
************************** */
.new__two__section {padding: 10px; height: 100%; width: 100%;}
.new__two__wrapper {grid-gap: 10px;margin-top: 10px;}
.new__two__cover__wrapper {width: 120%;}
.new__two__cover__thumb {height: 186px;}
.new__two__cover__content {

}
.new__two__mini__content h3 {font-size: 17px;font-weight: bold;color: var(--brandColorDark);}
.new__two__cover__content h2 {font-size: 24px;}
.new__two__cover__content p {
    
}
.new__two__mini__wrapper {width: 100%;}
.new__middle__mini__box {

}
.new__middle__mini__thumb {height: 75px;padding: unset;width: 60%;}
.new__middle__mini__thumb img {
    border-radius: unset !important;
}
.new__two__mini__content {
    padding: 0px 14px;
}

.title__with__category {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 125px;
    padding-bottom: 10px;
    width: 100%;
}
.title__with__category .news__title {
    border-bottom: unset;
    margin-bottom: unset;
}

.sidebar__facebook {
    width: 100%;
    margin-bottom: 20px;
    background: white;
}
.sidebar__facebook iframe {
    width: 100%;
}
.sub-menu {
    position: absolute;
    background: var(--brandColor);
    top: 100px;
    left: 0px;
    z-index: 999;
    display: flex;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    border-bottom: 3px solid #07719a;
    box-shadow: -1px 5px 7px 0px #6b6b6b;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.main__header__menu li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    top: 51px;
}

.sub-menu li a{
    /* color: var(--brandColorDark); */
}