@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body,
html {
	margin: 0;
	padding: 0;
	font-family: "Plus Jakarta Sans", sans-serif;
}

/** {*/
/*  outline: 1px solid red;*/
/*}*/

:root {
	--white_bg: #ffffff;
	--border_radius: 7px;
	--border-top: 1px solid rgba(0, 0, 0, .05);
	--border-bottom: 1px solid rgba(0, 0, 0, .05);
	--border-left: 1px solid rgba(0, 0, 0, .05);
	--border-right: 1px solid rgba(0, 0, 0, .05);
	--border: 1px solid rgba(0, 0, 0, .05);
	--light_bg: #F9F9F9;
	--black_bg: #111111;
	--inactive_link: #999;
	--bg_success: #EEFCF3;
	--bg_danger: #FFEEEB;
	--bg_warning: #FFF5EB;
	--body_bg: #f7f8ff;
	--brand_color: #F2BB22;
	/* #FED828 */
}

.user-initials {
	width: 40px;
	height: 40px;
	background-color: #f2f2f2;
	color: var(--black_bg);
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	font-size: 13px;
	 text-transform: uppercase;
}  

 .initials-circle {
    width:50px;
    height:50px;
    border-radius: 50%;
    background-color: #f2f2f2;
    color: var(--black_bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .initials-placeholder {
  	width: 40px;
	height: 40px;
	background-color: #f2f2f2;
	color: var(--black_bg);
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	font-size: 13px;
  text-transform: uppercase;
}


.profile-data .tab-box {
	display: flex;
	flex-direction: column;
}

.row.top-row {
	row-gap: 30px;
}

#podcasts .item-box {
	height: 20vh;
}

 #data-box .user-profile .img-box {
              width: 70px;
              height: 70px;
              border-radius: 50%;
              margin-right: 20px;
          }
          
           #data-box .user-profile .img-box img{
              width: 100%;
              height: 100%;
              border-radius: 50%;
          }
          
               #data-box .user-profile h5{
              font-size: 1.2em;
              font-weight: 700;
          }
          
            /* #data-box  .data-text-box {*/
            /*padding-right: 1.5em;*/
            /*padding-left: 1.5em;*/
            /*margin-left: 0;*/
            /*margin-right: 0;*/
            /*border-left: 5px solid #ccc;*/
            /*}*/
            
            #data-box  .data-text-box p{
            font-size: .85em;
            color: #333;
            text-align: center;
            }
            
              #data-box .data-text-box b{
            font-size: .7em;
            }
            #data-box   .social-links {
                width: 100%;
                height: auto;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 15px;
                flex-wrap: wrap;
            }
            
                #data-box   .social-links a.btn{
                border: 1px solid #111;
                border-radius: 3em;
                font-size: 13px;
            }
            
             #data-box  .date {
                color: #999;
                font-size: .8em;
            }

.profile-data .data-section-fff {
	padding-top: 0;
}

.profile-data .tab-box {
	padding: 20px 0;
}

.profile-data .tab-box .d-flex.inner_flex {
	border-bottom: var(--border-bottom);
	margin-bottom: 30px;
	align-items: start;
	justify-content: start;
}

/*.profile-data .tab-box .d-flex.inner_flex ul {*/
/*  display: flex;*/
/*  gap: 30px;*/
/*}*/

.profile-data .tab-box .d-flex.inner_flex ul {
	display: flex;
	gap: 30px;
	overflow: auto;
	white-space: nowrap;
	flex-wrap: nowrap;
}

.profile-data .tab-box .d-flex.inner_flex ul li {
	flex-shrink: 0;
}

.profile-data .tab-box .d-flex.inner_flex ul li a.active {
	color: var(--black_bg);
	border-bottom: 2px solid var(--black_bg);
}

.profile-data .tab-box .d-flex.inner_flex ul li a {
	font-weight: 400;
	color: #aeaeae;
	font-size: .9em;
	padding: 10px 0;
}

iframe {
    object-fit: cover;
    width: 100%;
}

.profile-data .tab-box .box_wrapper {
	border: var(--border);
	box-shadow: 0 1.5px 0 0 rgba(114, 135, 156, .45);
	border-radius: .6rem;
	padding: 12px;
	margin-bottom: 20px;
}

.profile-data .tab-box .box_wrapper .img_display {
	margin-top: 20px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	border-radius: 50%;
	border: 2px solid var(--dark_green);
	margin: 0 auto;
}

.profile-data .tab-box .box_wrapper .img_display img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.profile-data .tab-box .box_wrapper .select_img {
	text-align: center;
	margin-bottom: 30px;
}

.profile-data .tab-box .box_wrapper .form-group label {
	font-weight: 300;
	font-size: .75em;
	color: var(--inactive_link);
}

.profile-data .tab-box .box_wrapper .select_img label {
	margin-bottom: 0;
	cursor: pointer;
}

.profile-data .tab-box .box_wrapper .form-group input {
	font-weight: 300;
	font-size: .8em;
	color: var(--black_bg);
	border-radius: .3rem;
	height: calc(2em + .75rem + 2px);
	padding: 20px 15px;
}

.profile-data .tab-box .box_wrapper .form-group button {
	font-weight: 400;
	font-size: .9em;
	color: var(--white_bg);
	border-radius:
		.5rem;
	background-color: var(--black_bg);
	height: calc(2em + .75rem + 2px);
}

#main-content {
	width: 100%;
	height: 40vh;
}

.user_initials {
	background-color: #007bff;
	color: var(--black_bg);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	font-size: 14px;
}


.post-footer {
	margin-top: 3rem;
}

.item-box .skeleton {
	background-color: #fff;
	border-radius: 8px;
	margin-bottom: 1rem;
	overflow: hidden;
	position: relative;
}

.item-box .skeleton-img {
	width: 100%;
	height: 150px;
	background-color: #f2f2f2;
	border-radius: .5em;
}

.item-box .skeleton-text {
	height: 20px;
	background-color: #f2f2f2;
	margin: 10px 0;
	border-radius: .5em;
}

.skeleton {
	position: relative;
	overflow: hidden;
}

.skeleton .shine {
	position: absolute;
	top: 0;
	left: -100%;
	height: 100%;
	width: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
	animation: shine 1.2s infinite;
}

@keyframes shine {
	100% {
		left: 100%;
	}
}

.post-skeleton {
	margin-top: 5em;
}

.post-skeleton .skeleton {
	background: #e0e0e0;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}

.post-skeleton .skeleton::after {
	content: "";
	position: absolute;
	top: 0;
	left: -150px;
	width: 100px;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
	animation: shine 1.2s infinite;
}

@keyframes shine {
	0% {
		left: -150px;
	}

	100% {
		left: 100%;
	}
}

/* Sizes */
.post-skeleton .skeleton-image {
	width: 100%;
	height: 500px;
	border-radius: 12px;
}

.post-skeleton .skeleton-meta {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	margin-top: 20px;
}

.post-skeleton .skeleton-date,
.post-skeleton .skeleton-author,
.post-skeleton .skeleton-category {
	width: 100px;
	height: 12px;
}

.post-skeleton .skeleton-title {
	width: 80%;
	height: 28px;
	margin-top: 20px;
}

.post-skeleton .skeleton-text-line {
	width: 100%;
	height: 14px;
}

.post-skeleton .skeleton-text-line.short {
	width: 60%;
}

.post-img img {
	display: none;
}

.post-img,
.author-img,
.author-key {
	display: none;
}

.d-flex.flex-nav-item {
	gap: 10px;
	align-items: center;
}

.d-flex.flex-nav-item span.uName {
	font-size: .8em;
	font-weight: 400;
}



/* Blur effect for article */
#article.blurred #post-content {
  position: relative;
  max-height: 300px;
  overflow: hidden;
  mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 1) 40%,
    rgba(0, 0, 0, 0) 100%
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 1) 40%,
    rgba(0, 0, 0, 0) 100%
  );
}


#article.blurred #post-content::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 70%,
    rgba(255, 255, 255, 1) 100%
  );
  pointer-events: none;
}

/* Overlay styling */
#article_overlay {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 40px 20px;
  z-index: 10;
  margin-top: -120px;
}


.overlay-content {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  max-width: 500px;
  margin: 0 auto;
}


.overlay-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

.overlay-action p {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  color: #333;
}

.overlay-action button {
  background-color: #1a8917;
  color: white;
  border: none;
  padding: 10px 24px;
  border-radius: 20px;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.overlay-action button:hover {
  background-color: #0f6f0c;
}

.hidden {
  display: none;
}

#article_overlay .overlay-content {
	padding: 20px;
}

#article_overlay p {
	font-size: 1em;
	font-weight: 700;
	margin-bottom: 15px;
}

#article_overlay button {
	background-color: #111;
	color: white;
	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	cursor: pointer;
	font-weight: 500;
	font-size: .8em;
	transition: background-color 0.3s;
}

#article_overlay button:hover {
	background-color: #222;
}

.hidden {
	display: none !important;
}

/*******Alert*******/
.overlay {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999999999;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .5);
	display: none;
}

.alert_body {
	position: fixed;
	bottom: 10%;
	left: -100%;
	transform: translate(0, 0);
	z-index: 9999999999;
	width: 20%;
	height: auto;
	background: #fff;
	transition: all .5s ease-in-out;
	border-radius: 15px;
	padding: 50px 20px;
	text-align: center;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.alert_body.active {
	left: 5%;
}


.alert_body .close-modal {
	position: absolute;
	top: 15px;
	right: 10px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: lightgray;
	color: #000;
	cursor: pointer;
}

.alert_body .close-modal i {
	font-size: 13px;
	color: #000;
}

.alert_body .close_alert {
	background: var(--success);
	color: #fff;
	font-size: 12px;
}

.alert_body .back_btn {
	background: var(--success);
	color: #fff;
	font-size: 12px;
	margin: 0 5px;
}

.alert_body .close_alert_inactive {
	background: #fff;
	color: var(--success);
	font-size: 12px;
	border: 1px solid var(--success);
	margin: 0 5px;
}

.alert_body .para p {
	color: #111;
	font-size: 11px;
}

.alert_body .icon_box.success i {
	color: var(--success);
	font-size: 30px;
}

.alert_body .icon_box.danger i {
	color: var(--danger);
	font-size: 30px;
}

.alert_body .icon_box {
	margin-bottom: 10px;
}


.alert_body.active {
	/*bottom: 2% !important;*/
	/*left: 50%;*/
	/*transform: translate(-50%, -2%) !important;*/
}

.loader {
	width: 20px;
	height: 20px;
	border: 4px solid #FFF;
	border-bottom-color: transparent;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


form .password-group {
	position: relative;
}

form .password-group .pass-view {
	position: absolute;
	right: 10px;
	top: 43px;
}

form .password-group .pass-view i {
	color: #888;
	cursor: pointer;
}

.mobile {
	display: none;
}



 .navbar {
	padding: 20px 20px;
	/*backdrop-filter: blur(5px);*/
	background-color: var(--black_bg);
	/*background-color: hsla(0, 0%, 100%, 0.544);*/
	  /*background-color: rgba(242, 187, 34,.89);*/
	box-shadow: 0 0 3px 1px rgba(114, 135, 156, .35);
}

 .navbar a.navbar-brand {
	font-weight: 600;
	color: var(--black_bg);
	font-size: 1.5em;
}

 .navbar .nav-item {
	margin: 0 1em;
}

 .navbar .nav-item:last-child {
	margin-right: 0;
}

 .navbar .nav-link {
	font-weight: 400;
	color: var(--white_bg);
	font-size: .9em;
}

 .navbar .nav-link i {
	font-size: .7em;
}

 .navbar ul.dropdown-menu {
	border: 1px solid rgba(231, 231, 233, 0.5);
	border-radius: 8px;
	box-shadow: 0px 15px 50px 0px rgba(27, 32, 50, 0.1);
}

.dropdown-menu {
	border: 1px solid rgba(231, 231, 233, 0.5);
	border-radius: 8px;
	box-shadow: 0px 15px 50px 0px rgba(27, 32, 50, 0.1);
}

 .navbar ul.dropdown-menu li {
	padding: 8px;
}

 .navbar ul.dropdown-menu li a {
	font-size: .8em;
}

.dropdown-item {
	font-size: .8em;
}

/*.nav-item.dropdown:hover .dropdown-menu {*/
/*	display: block;*/
/*	margin-top: 0;*/
/*}*/

/*.dropdown-menu {*/
/*	display: none;*/
/*	opacity: 0;*/
/*	transition: opacity 0.3s ease-in-out;*/
/*}*/

/*.nav-item.dropdown:hover .dropdown-menu {*/
/*	opacity: 1;*/
/*}*/


/*.dropleft .dropdown-menu {*/
/*	opacity: 1;*/
/*}*/

/*.dropdown-menu {*/
/*	opacity: 1;*/
/*	z-index: 99999999;*/
/*}*/

.dropleft .dropdown-menu .dropdown-item i {
	font-size: 13px;
	margin-right: 10px;
}

.nav-link {
	transition: color 0.3s ease;
}


 .navbar .nav-link.action {
	background-color: var(--white_bg);
	padding: 10px 25px;
	font-weight: 400;
	color: var(--black_bg);
	font-size: .9sem;
	border: 1px solid var(--white_bg);
	border-radius: .5em
}

 .navbar .nav-link.action.action-1 {
	background-color: var(--black_bg);
	color: var(--white_bg);
}

.hero {
	width: 100%;
	padding: 100px 15px;
	/*height: 95vh;*/
	background-image: linear-gradient(to left, rgba(242, 187, 34, .89), rgba(242, 187, 34, .89)), url('https://img.freepik.com/free-vector/gradient-smooth-background_23-2148973055.jpg?t=st=1736032887~exp=1736036487~hmac=62c5a480325c47339c977e7b8271b09b7e222c6be12f553155551b44afd40840&w=2000');
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	/*position: sticky;*/
	/*top: 0;*/
	/*z-index: 1;*/
}

.hero .text-box {
	/*width: 45%;*/
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
}

.hero .text-box h1 {
	font-weight: 700;
	font-size: 3.5em;
	/*line-height: .8;*/
	margin-bottom: 0;
}

.hero .text-box p {
	font-size: 1.1em;
	font-weight: 400;
	margin-bottom: 0;
	padding: 0 100px;
}

.hero .text-box a {
	background-color: var(--black_bg);
	border-radius: .5em;
	width: 200px;
	padding: 10px 0;
	text-decoration: none;
	color: var(--white_bg);
	display: none;
}

.heading {
	margin-bottom: 40px;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0, 0, 0, .099);
	padding-bottom: 30px;
	/* border-bottom: 1px solid var(--brand_color); */
}

.heading h2 {
	color: var(--white_bg);
	font-size: 1.5em;
	font-weight: 800;
	margin-bottom: 0;
}

.heading a {
	color: var(--white_bg);
	font-size: 1em;
	text-decoration: none;
	/*position: relative;*/
	/*top: 10px;*/
}

/* .heading a::after{
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	background-color: #F2BB22;
  }  */

/*.heading.fff-section {*/
/*	border-bottom: 1px solid #777;*/
/*}*/

.heading.fff-section a {
	color: #111111;
}

.heading a i {
	font-size: .8em;
}

.heading p {
	color: var(--white_bg);
	font-size: 1.3em;
}


.contact-box {
	padding: 100px 15px;
}

.contact-box .text-box {
	padding: 0 30px;
}

.contact-box .text-box .box {
	margin-bottom: 30px;
	margin-top: 20px;
}

.contact-box .text-box .box span {
	font-size: 12px;
	color: #777;
	text-transform: uppercase;
}

.contact-box .text-box .box p {
	font-size: 14px;
	color: #333;
	margin-bottom: 0;
	margin-top: 10px;
}

.contact-box .text-box .box p a {
	font-size: 14px;
	color: #333;
	text-decoration: none;
}

.contact-box .text-box .box.socials a {
	text-decoration: none;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--black_bg);
	border-radius: 50%;
}

.contact-box .text-box .box.socials a i {
	color: #fff;
	position: absolute;
	font-size: 12px;
}

.contact-box .text-box .box.socials .social-icons {
	display: flex;
	flex-direction: row;
	align-items: start;
	gap: 20px;
	margin-top: 10px;
}

.contact-box .form-box h2 {
	font-size: 2em;
	font-weight: 700;
	color: #333;
}

.contact-box form {
	margin-top: 30px;
}

.contact-box .form-box .form-group {
	margin-bottom: 20px;
}

.contact-box .form-box input {
	font-size: 13px;
	color: #333;
	background: transparent;
	height: calc(3.5em + .75rem + 2px);
	border-radius: 1em;
}

.contact-box .form-box textarea {
	font-size: 13px;
	color: #333;
	background: transparent;
	border-radius: 1em;
}

.contact-box .form-box button[type="submit"] {
	border: 1px solid var(--black_bg);
	border-radius: 1em;
	transition: all .5s ease-in-out;
	background: var(--black_bg);
	color: #fff;
	;
	font-size: 13px;
	height: calc(3.5em + .75rem + 2px);
}

.contact-box .form-box label {
	font-size: 11px;
	color: #555;
	font-weight: 400;
	text-transform: uppercase;
}


.data-section-1 {
	background-color: var(--black_bg);
	padding: 100px 15px;
	border-top-right-radius: 3em;
	border-top-left-radius: 3em;
	position: relative;
	/*z-index: 3;*/
}

.data-section-1 .item-box a {
	text-decoration: none;
	color: var(--white_bg);
}

.data-section-1 .item-box {
	margin-bottom: 80px;
}

.data-section-1 .item-box a {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.data-section-1 .item-box a .img-box {
	width: 100%;
	height: 350px;
	border-radius: .5em;
	overflow: hidden;
}

.data-section-1 .item-box a .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: .5em;
	transition: all .5s ease-in-out;
	overflow: hidden;
}

.data-section-1 .item-box:hover .img-box img {
	transform: scale(1.1);
}

.data-section-1 .item-box a .text-box h2 {
	font-size: 1.3em;
	margin-bottom: 0;
}


.data-section-1 .item-box .trailing {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	/* margin-top: 10px; */
}

.data-section-1 .item-box .trailing .box-1 {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
}

.data-section-1 .item-box .trailing .box-1 span i {
	font-size: 13px;
}


.data-section-1 .item-box .trailing .box-1 span {
	color: #999;
}

.data-section-1 .item-box .trailing .box-2 a.icon-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--brand_color);
	display: none;
}

#storyTags.flex-items {
	width: 100%;
	height: auto;
	display: flex;
	align-items: start;
	justify-content: start;
	gap: 15px;
	flex-wrap: wrap;
}

#storyTags.flex-items .item-tag {
	background-color: #f2f2f2;
	color: var(--black_bg);
	text-decoration: none;
	border-radius: 3em;
	font-size: .8em;
	font-weight: 400;
	padding: 12px 30px;
}


.data-slider .dropdown-menu {
	transform: translate3d(-150px, -248px, 0px) !important;
}

.data-slider {
	width: 100%;
	height: auto;
	background-color: var(--white_bg);
	/*position: relative;*/
	/*z-index: 3;*/
	padding: 50px 15px;
}

.data-slider .swiper-container {
	padding: 100px 10px;
	padding-bottom: 0;
}

.data-slider .swiper-slide {
	width: 300px;
	height: auto;
	/* max-height: 450px; */
	/* box-shadow: 0 1.5px 0 0 rgba(114, 135, 156, .25); */
	border: var(--border);
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	gap: 15px;
	border-radius: .5em;
	margin-right: 20px;
}

.data-slider .item-box .trailing {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	/* margin-top: 10px; */
}

.data-slider .item-box .trailing .box-1 {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 25px;
}

.data-slider .item-box .trailing .box-1 span i {
	font-size: 13px;
}

.data-slider .item-box .trailing .box-1 span {
	font-size: .8em;
}


.data-slider .item-box .trailing .box-1 span {
	color: #222;
	font-size: .8em;
}


.data-slider .item-box .trailing .box-2 span {
	color: #666;
	font-size: .75em;
}

.data-slider .item-box .trailing .box-2 .icon-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--brand_color);
	display: none;
}

.data-slider .swiper-container .swiper-button-prev {
	background: url('data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIuMDEyIDJjNS41MTggMCA5Ljk5NyA0LjQ4IDkuOTk3IDkuOTk4IDAgNS41MTctNC40NzkgOS45OTctOS45OTcgOS45OTdzLTkuOTk4LTQuNDgtOS45OTgtOS45OTdjMC01LjUxOCA0LjQ4LTkuOTk4IDkuOTk4LTkuOTk4em0tMS41MjMgNi4yMXMtMS41MDIgMS41MDUtMy4yNTUgMy4yNTljLS4xNDcuMTQ3LS4yMi4zMzktLjIyLjUzMXMuMDczLjM4My4yMi41M2MxLjc1MyAxLjc1NCAzLjI1NCAzLjI1OCAzLjI1NCAzLjI1OC4xNDUuMTQ1LjMzNS4yMTcuNTI2LjIxNy4xOTItLjAwMS4zODQtLjA3NC41MzEtLjIyMS4yOTItLjI5My4yOTQtLjc2Ni4wMDMtMS4wNTdsLTEuOTc3LTEuOTc3aDYuNjkzYy40MTQgMCAuNzUtLjMzNi43NS0uNzVzLS4zMzYtLjc1LS43NS0uNzVoLTYuNjkzbDEuOTc4LTEuOTc5Yy4yOS0uMjg5LjI4Ny0uNzYyLS4wMDYtMS4wNTQtLjE0Ny0uMTQ3LS4zMzktLjIyMS0uNTMtLjIyMi0uMTkgMC0uMzguMDcxLS41MjQuMjE1eiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+') !important;
	background-repeat: no-repeat !important;
	width: 50px !important;
	position: absolute;
	top: 20px;
	bottom: auto;
	z-index: 10;
	cursor: pointer;
	right: 50px;
	left: auto;
	margin-top: 0;
}

.data-slider .swiper-container .swiper-button-next {
	background: url('data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIuMDA3IDJjLTUuNTE4IDAtOS45OTggNC40OC05Ljk5OCA5Ljk5OCAwIDUuNTE3IDQuNDggOS45OTcgOS45OTggOS45OTdzOS45OTgtNC40OCA5Ljk5OC05Ljk5N2MwLTUuNTE4LTQuNDgtOS45OTgtOS45OTgtOS45OTh6bTEuNTIzIDYuMjFzMS41MDIgMS41MDUgMy4yNTUgMy4yNTljLjE0Ny4xNDcuMjIuMzM5LjIyLjUzMXMtLjA3My4zODMtLjIyLjUzYy0xLjc1MyAxLjc1NC0zLjI1NCAzLjI1OC0zLjI1NCAzLjI1OC0uMTQ1LjE0NS0uMzM1LjIxNy0uNTI2LjIxNy0uMTkyLS4wMDEtLjM4NC0uMDc0LS41MzEtLjIyMS0uMjkyLS4yOTMtLjI5NC0uNzY2LS4wMDMtMS4wNTdsMS45NzctMS45NzdoLTYuNjkzYy0uNDE0IDAtLjc1LS4zMzYtLjc1LS43NXMuMzM2LS43NS43NS0uNzVoNi42OTNsLTEuOTc4LTEuOTc5Yy0uMjktLjI4OS0uMjg3LS43NjIuMDA2LTEuMDU0LjE0Ny0uMTQ3LjMzOS0uMjIxLjUzLS4yMjIuMTkgMCAuMzguMDcxLjUyNC4yMTV6IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=') !important;
	background-repeat: no-repeat !important;
	width: 50px !important;
	position: absolute;
	top: 20px;
	bottom: auto;
	z-index: 10;
	cursor: pointer;
	left: auto;
	right: 0px;
	margin-top: 0;
}

.data-slider .item-box a {
	display: flex;
	flex-direction: column;
	gap: 10px;
	text-decoration: none;
	color: #111111;
}

.data-slider .item-box a .img-box {
	width: 100%;
	height: 200px;
	overflow: hidden;
	border-radius: .3em;
	margin-bottom: 10px;
}

.data-slider .item-box a .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: .3em;
	transition: all .5s ease-in-out;
}

.data-slider .swiper-slide:hover .img-box img {
	transform: scale(1.1);
}

.data-slider .item-box .text-box h2 {
	font-size: .8em;
	line-height: 1.4;
	/*margin-bottom: 0;*/
	font-weight: 600;
}

.data-slider .item-box .text-box {
	margin-bottom: 10px;
}

.data-slider .dropdown-menu a {
	display: flex;
	flex-direction: row;
	gap: 10px;
}

.heading.fff-section h2 {
	color: #111111;
}

.heading.fff-section p {
	color: #111111;
}

.data-section-3 {
	width: 100%;
	height: auto;
	background-color: var(--white_bg);
	/*position: relative;*/
	/*z-index: 3;*/
	padding: 100px 15px;
}


.data-section-4 {
	background-color: var(--black_bg);
	padding: 100px 15px;
	border-top-right-radius: 3em;
	border-top-left-radius: 3em;
	/*position: relative;*/
	/*z-index: 3;*/
}

.data-section-4 .item-box a {
	text-decoration: none;
	color: var(--white_bg);
}

.data-section-4 .item-box {
	margin-bottom: 50px;
}

.data-section-4 .item-box a {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.data-section-4 .item-box a .img-box {
	width: 100%;
	height: 350px;
	border-radius: .5em;
	overflow: hidden;
}

.data-section-4 .item-box a .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: .5em;
	transition: all .5s ease-in-out;
	overflow: hidden;
}

.data-section-4 .item-box:hover .img-box img {
	transform: scale(1.1);
}

.data-section-4 .item-box a .text-box h2 {
	font-size: 1.3em;
	margin-bottom: 0;
}


.data-section-4 .item-box .trailing {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	/* margin-top: 10px; */
}

.data-section-4 .item-box .trailing .box-1 {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
}

.data-section-4 .item-box .trailing .box-1 span i {
	font-size: 13px;
}


.data-section-4 .item-box .trailing .box-1 span {
	color: #999;
}

.data-section-4 .item-box .trailing .box-2 a.icon-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--brand_color);
	display: none;
}


.data-section-fff {
	/*background-color: var(--black_bg);*/
	padding: 50px 15px;
	/*padding-top: 0;*/
	/*position: relative;*/
	/*z-index: 3;*/
}

.data-section-fff .item-box a {
	text-decoration: none;
	color: var(--black_bg);
}

.data-section-fff .item-box {
	/*margin-bottom: 20px;*/
}

.row.category-posts {
	row-gap: 40px;
}

	#podcastsDataRow {
		row-gap: 50px;
	}

#related-posts-container {
	row-gap: 40px;
}

.data-section-fff .item-box {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.data-section-fff .item-box .img-box {
	width: 100%;
	height: 120px;
	border-radius: .5em;
	overflow: hidden;
}

/*.data-section-fff .flex-column .item-box a .img-box {*/
/*	width: 100%;*/
/*	height: 150px;*/
/*	border-radius: .5em;*/
/*	overflow: hidden;*/
/*}*/

.data-section-fff .item-box .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: .5em;
	transition: all .5s ease-in-out;
	overflow: hidden;
}

.data-section-fff .item-box:hover .img-box img {
	transform: scale(1.1);
}

.data-section-fff .item-box .text-box h2 {
	font-size: .9em;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 1.4;
}

/*.data-section-fff .item-box .text-box, .data-section-000 .item-box .text-box {*/
/*	display: flex;*/
/*	flex-direction: column;*/
/*	align-items: start;*/
/*	gap: 15px;*/
/*}*/


.data-section-fff .item-box .trailing {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	/* margin-top: 10px; */
}

.data-section-fff .item-box .trailing .box-1 {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 35px;
}

.data-section-fff .item-box .trailing .box-1 span i {
	font-size: 13px;
}

.data-section-fff .item-box .trailing .box-2 span {
	font-size: .8em;
}


.data-section-fff .item-box .trailing .box-1 span {
	color: #222;
	font-size: .8em;
}

.data-section-fff .item-box .trailing .box-2 .icon-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--brand_color);
	display: none;
}


.data-section-000 {
	background-color: var(--white_bg);
	padding: 50px 15px;
	/*position: relative;*/
	/*z-index: 3;*/
}

.data-section-000 .item-box a {
	text-decoration: none;
	color: var(--black_bg);
}

.data-section-000 .item-box {
	margin-bottom: 20px;
}

.data-section-000 .item-box a {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.data-section-000 .item-box .img-box {
	width: 100%;
	height: 120px;
	border-radius: .5em;
	overflow: hidden;
}

.data-section-000 .row.top-row .img-box {
	height: 100px;
}

.data-section-fff .row.top-row .img-box {
	height: 100px;
}

.data-section-000 .row.top-row .text-box h2 {
	font-size: .8em;
	font-weight: 600;
	margin-bottom: 5px;
	/*line-height: 1.4;*/
}

.data-section-fff .row.top-row .text-box h2 {
	font-size: .8em;
	font-weight: 600;
	margin-bottom: 5px;
}

.data-section-000 .item-box .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: .5em;
	transition: all .5s ease-in-out;
	overflow: hidden;
}

.data-section-000 .item-box:hover .img-box img {
	transform: scale(1.1);
}

.data-section-000 .item-box .text-box h2 {
	font-size: .9em;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 1.4;
}


.data-section-000 .item-box .trailing {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.data-section-000 .item-box .trailing .box-1 {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 35px;
}

.data-section-000 .item-box .trailing .box-1 span i {
	font-size: 13px;
}

.data-section-000 .item-box .trailing .box-2 span {
	font-size: .8em;
}

.data-section-000 .item-box .trailing .box-1 span {
	color: #222;
	font-size: .8em;
}

.data-section-000 .item-box .trailing .box-2 .icon-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--brand_color);
	display: none;
}

.data-section-000 .dropdown-menu a {
	display: flex;
	flex-direction: row;
	gap: 10px;
}

.subscribe {
	background-color: var(--brand_color);
	padding: 200px 15px;
	/*position: relative;*/
	/*z-index: 3;*/
	border-bottom-right-radius: 3em;
	border-bottom-left-radius: 3em;
	margin-bottom: -50px;
}

.subscribe .data-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 25px;
	width: 100%;
}

.subscribe .data-box .form-box {
	width: 100%;
}

.subscribe .text-box h2 {
	font-size: 3.5em;
	line-height: 1;
	margin-bottom: 30px;
}

.subscribe .text-box p {
	font-size: 1.5em;
	margin-bottom: 0;
}

.footer {
	background-color: var(--white_bg);
	padding: 10px 15px;
	padding-bottom: 0;
	border-top: 1px solid rgba(0, 0, 0, .05);
	/*position: relative;*/
	/*bottom: 0;*/
	/*z-index: 2;*/
}

.footer .mid-data-flex-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 50px 0;
}

.footer .mid-data-flex-row .box-2 ul {
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	list-style: none;
	gap: 25px;
	padding: 0;
	margin: 0;
}

.footer .mid-data-flex-row .box-2 ul li a {
	text-decoration: none;
	color: var(--white_bg);
	font-size: 1.2em;
}

.footer .mid-data-flex-row .box-1 a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	border: 1px solid var(--black_bg);
	border-radius: 50%;
	color: var(--black_bg);
	text-decoration: none;
}


.footer .mid-data-flex-row .box-1 {
	display: flex;
	justify-content: space-around;
	align-items: center;
	gap: 15px;
}

.footer .bottom-data-flex-row {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 25px;
}

.footer .bottom-data-flex-row .copy {
	color: var(--inactive_link);
	font-size: .8em;
}

.footer .bottom-data-flex-row span a {
	color: var(--black_bg);
	font-size: .8em;
}


.footer .bottom-data-flex-row span a {
	color: var(--black_bg);
	text-decoration: none;
}

.form-data-box {
	display: flex;
	width: 100%;
	border: 1px solid rgba(0, 0, 0, .05);
	padding: 7px 10px;
	border-radius: 3em;
	align-items: center;
	justify-content: space-between;
	background: linear-gradient(to left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
	background-color: #f2f2f2;
	gap: 10px;
}

.form-data-box input {
	outline: none;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 3em;
	padding: 10px 20px;
	width: 100%;
	background-color: #424242;
	color: #EEFCF3;
}

.form-data-box button {
	width: 40px;
	height: 40px;
	background-color: var(--brand_color);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.article-body {}

.article-body .post-img {
	width: 100%;
	height: auto;
	/*padding: 30px;*/
	margin-top: 20px;
}

.article-body .post-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 1em;
}

.article-body .post-body {
	margin-top: 40px;
}

.article-body .post-body .social-icons {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 30px;
}

.article-body .post-body .social-icons a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	border: 1px solid var(--black_bg);
	border-radius: 50%;
	color: var(--black_bg);
	text-decoration: none;
}

.article-body .post-body .data-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
}

.article-body .post-body .data-head span {
	color: #666;
	font-size: .8em;
}

.article-body .post-body .data-profile {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: start;
	gap: 10px;
	margin: 20px 0;
}

.article-body .post-body .data-profile .img-box {
	width: 35px;
	height: 35px;
	border-radius: 50%;
}

.article-body .post-body .data-profile .img-box img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	margin: 0;
}

.article-body .post-body .data-profile .text-box h4 {
	font-size: .95em;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 1;
}

.article-body .post-body .data-profile .text-box p {
	font-size: .7em;
	font-weight: 400;
	margin-bottom: 0;
	color: #666;
}

.article-body .post-body .data-profile .text-box span {
	font-size: .7em;
	font-weight: 400;
	margin-bottom: 0;
	color: #666;
}

.article-body #post-title {
	font-size: 3em;
	font-weight: 900;
	color: var(--black_bg);
	margin-bottom: .5em;
}

.article-body .image_credit {
	font-size: .8em;
	font-weight: 600;
	color: #111;
}

.article-body #post-content p {
	font-size: .9em;
	font-weight: 400;
	color: #333;
	line-height: 2;
	font-style: normal;
}

.article-body #post-content blockquote {
  overflow: hidden;
  padding-right: 1.5em;
  padding-left: 1.5em;
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  border-left: 5px solid #ccc;
}

.article-body #post-content blockquote p{
  margin-bottom: 0;
}

.article-body #post-content h1 {
	font-size: 2.5em;
	font-weight: 800;
}

.article-body #post-content h2 {
	font-size: 2em;
	font-weight: 800;
}

.article-body #post-content h3 {
	font-size: 1.5em;
	font-weight: 800;
}

.article-body .post-body ul li {
	font-size: 1em;
}

.article-body .post-body img {
	width: 100%;
	height: 55vh;
	object-fit: cover;
	border-radius: .6em;
	margin: 20px 0;
}

.article-body .post-body ol li {
	font-size: 1.2em;
}

.article-body .post-body .comment-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: var(--border-bottom);
	border-top: var(--border-top);
	padding: 20px 0;
}

.article-body .post-body .comment-box .box-1 {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 30px;
}

.article-body .post-body .comment-box .box-1 span {
	cursor: pointer;
}

.article-body .post-body .comment-box .box-1 span.num {
	font-weight: 700;
	font-size: 1em;
}

.article-body .post-body .comment-box .box-2 span {
	cursor: pointer;
}

.article-body .post-body .comment-box .box-2 span.num {
	font-weight: 700;
	font-size: 1em;
}

.bi-list {
	color: #fff;
	text-decoration: none;
	font-size: 25px;
}

.modal-title {
    font-size: 1.2em;
    font-weight: 700;
}

.modal-body {
    font-size: .85em;
    color: #222;
}

.right_action_box {
	width: 25%;
	height: 100vh;
	/*overflow: auto;*/
	/*overflow-x: hidden;*/
	/*scrollbar-color: rgba(0, 0, 0, .1) #f2f2f2;*/
	/*scrollbar-width: thin;*/
	/*scroll-behavior: smooth;*/
	position: fixed;
	background: #fff;
	z-index: 999;
	top: 0;
	right: -100%;
	transition: all .6s ease-in-out;
	box-shadow: 0 -10px 30px 5px rgba(0, 0, 0, .2);
	
}

.right_action_box .flex-head {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

.right_action_box .flex-head .img-box {
	width: 40px;
	height: 40px;
	border-radius:
		10px;
}

.right_action_box .item_response .flex-head .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius:
		10px;
}

.right_action_box .item_response h3 {
	color: #111;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0;
}

.bi-heart-fill {
	color: var(--danger);
}

.right_action_box .item_response span {
	color: #444;
	font-size: 11px;
	font-weight: 300;
}

.right_action_box .item_response .para p {
	color: #111;
	font-size: .9em;
	line-height: 1.7;
	margin-bottom: .5rem;
	font-weight: 400;
}

.right_action_box .comment_actions .btn {
	color: #333;
	font-size: .8em;
	font-weight: 400;
	/*background-color: #F5F2FE;*/
	border:1px solid #111;
	margin:0 5px;
}

.right_action_box .replies,
.reply_form_wrapper {
	margin-top: 30px;
}

.right_action_box .reply_form .btn {
	color: #fff;
	font-size: 1em;
	font-weight: 500;
	background-color: #111;
	border: 1px solid #111;
	margin: 0 5px;
}

.right_action_box .reply_item .mt-2 p {
    font-size: .8em;
    margin-bottom: 2px;
}

.right_action_box .reply_item {
    border-left: 5px solid #ddd;
}

/*.right_action_box::-webkit-scrollbar {*/
/*	width: 6px;*/
/*	background-color: #f2f2f2;*/
/*}*/

/*.right_action_box::-webkit-scrollbar-thumb {*/
/*	background-color: rgba(0, 0, 0, .1);*/
/*	border-radius: 50px;*/
/*}*/

/*.right_action_box::-webkit-scrollbar-track {*/
/*	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);*/
/*	background-color: #f2f2f2;*/
/*	border-radius: 50px;*/
/*}*/

.right_action_box.active {
	right: 0 !important;
	transition: all .6s ease-in-out;
}

.right_action_box .close_btn {
	cursor: pointer;
}

.right_action_box .modal_header {
	padding: 15px 15px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.right_action_box .modal_footer {
	padding: 10px 15px;
	border-top: 1px solid rgba(0, 0, 0, .1);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #fff;
}

.right_action_box .modal_body {
	padding: 10px 15px;
	/* border-top: 1px solid rgba(0,0,0,.1); */
	position: absolute;
	left: 0;
	top: 70px;
	width: 100%;
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
	scrollbar-color: rgba(0, 0, 0, .1) #f2f2f2;
	scrollbar-width: thin;
	scroll-behavior: smooth;
	padding-bottom: 50px;
	/* border: 1px solid #333; */
}

.right_action_box .modal_body::-webkit-scrollbar {
	width: 6px;
	background-color: #f2f2f2;
}

.right_action_box .modal_body::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .1);
	border-radius: 50px;
}

.right_action_box .modal_body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #f2f2f2;
	border-radius: 50px;
}

.right_action_box .modal_header h2 {
	font-weight: 700;
	font-size: 1em;
	margin-bottom: 0;
}

.right_action_box .modal_header i {
	font-size: 1.5em;
}

.right_action_box .modal_footer .main_action_btn {
	color: #fff;
	font-size: 12px;
	border: 2px solid #0AD35A;
	background: #0AD35A;
}


.right_action_box .form_box {
	/* padding-bottom: 20px; */
	/* border-bottom: 1px solid rgba(0,0,0,.1); */
}

.right_action_box .item_response label {
	color: #555;
	font-size: 12px;
}

.right_action_box .item_response h2 {
	color: #111;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
}

.right_action_box .item_response span {
	color: #aeaeae;
	font-size: 10px;
}

.right_action_box .item_response .para {
	margin: 20px 0;
}

/*.right_action_box .item_response .para p {*/

/*	color: #222;*/
/*	font-size: 13px;*/
/*	line-height: 20px;*/
/*	margin-bottom: .5rem;*/
/*}*/

.right_action_box .item_response ul li {

	color: #222;
	font-size: 13px;
	margin-bottom: 10px;
	/* line-height: 20px */
}

.right_action_box .item_response ol li {

	color: #222;
	font-size: 13px;
	margin-bottom: 10px;
	/* line-height: 20px */
}

.right_action_box .item_response a {

	color: #222;
	font-size: 13px;
	line-height: 20px
}

.right_action_box .item_response i {

	color: #222;
	font-size: 13px;
	line-height: 20px
}

.right_action_box .item_response {
	padding: 15px 15px;
	background: var(--white_bg);
	box-shadow: 0 1.5px 0 0 rgba(114, 135, 156, .25);
	border: var(--border);
	margin-bottom: 20px;
	border-radius: .6rem;
}

.right_action_box .reply_panel {
	display: none;
	margin-top: 15px;
	transition: all .5s ease-in-out !important;
	padding: 15px 15px;
	background: var(--white_bg);
	box-shadow: 0 1.5px 0 0 rgba(114, 135, 156, .25);
	border: var(--border);
	border-radius: .6rem;
}

.right_action_box .reply_panel input {
	border: var(--border);
	border-radius: .6rem;
	padding: 20px 20px;
	
	box-shadow: 0 1.5px 0 0 rgba(114, 135, 156, .25);
	font-weight: 300;
	color: var(--black_bg);
}

.right_action_box .reply_panel input::placeholder {
	
	font-size: 12px;
	color: #666;
}

.right_action_box .reply_panel.reply_panel_active {
	display: block;
	transition: all .5s ease-in-out;
}

.right_action_box .rep_btn {
	
	color: #222;
	font-size: 14px;
	margin-bottom: 0;
	cursor: pointer;
	transition: all .5s ease-in-out;
}

.right_action_box .rep_btn i {
	font-size: 10px;
}

/*.right_action_box .rep_btn:hover {*/
/*	text-decoration: underline;*/
/*}*/

.right_action_box .form_box label {
	
	color: #555;
	font-size: 11px;
	font-weight: 400;
}

.right_action_box .form_box input {
	border: var(--border);
	border-radius: .6rem;
	padding: 20px 20px;

	box-shadow: 0 1.5px 0 0 rgba(114, 135, 156, .25);
	font-weight: 300;
	color: var(--black_bg);
}

.right_action_box .form_box input::placeholder {
	
	font-size: 12px;
	color: #666;
}

.right_action_box .repond_active {
	color: #fff;
	font-size: 13px;
	border: 2px solid var(--black_bg);
	background: var(--black_bg);
	border-radius: 5px;
	font-weight: 500;
}

.comment_actions .btn-danger {
    color: #fff !important;
    border: none !important;
}


.right_action_box .show_reply_toggle {
	display: none;
}

.right_action_box .show_reply_toggle.show_reply_toggle_active {
	display: block;
}

.right_action_box .reply_panel textarea {

	font-size: 12px;
	border-radius: 0;
}

.right_action_box .no_comment {
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	margin-top: 30px;
}

.right_action_box .no_reply {
	font-size: 12px;
	font-weight: 600;
}

.reply_item_response {
	border-left: var(--border);
	margin-bottom: 0px;
	padding: 15px 15px;
	background: var(--white_bg);
	box-shadow: 0 1.5px 0 0 rgba(114, 135, 156, .25);
	border: var(--border);
	margin-top: 15px;
	border-radius: .6rem;
	transition: all .5s ease-in-out !important;
}

.reply_item_response h3 {
	color: #222;
	font-size: 13px;
	margin-bottom: 0;
}

.reply_item_response p {
	color: #444;
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 0;
}

.right_action_box .alert p {
	font-size: 12px;
}

.fixed_bg {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, .4);
	z-index: 999;
	display: none;
	top: 0;
	left: 0;
}

.alert {
	display: none;
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .15);
}

.alert p {
	margin-bottom: 0;
	font-size: 13px;
	/*text-transform: capitalize;*/
}

.alert-container {
	position: fixed;
	top: 20%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999999999999;
}

@media screen and (max-width:567px) {
	.right_action_box {
		width: 100% !important;
		height: 90vh !important;
		top: auto;
		right: 0;
		bottom: -150%;
		box-shadow: 0 -10px 30px 5px rgba(0, 0, 0, .2);
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}
	
	.initials-placeholder {
  width: 30px;
  height: 30px;
  text-transform: uppercase;
}

	.right_action_box.active {
		bottom: 0 !important;
		transition: all .6s ease-in-out;
	}

	.right_action_box .modal_header h2 {
		font-size: 1em;
	}

	.right_action_box .item_response h2 {
		font-size: 14px;
	}

	.right_action_box .item_response .para p {
		font-size: 13px;
		line-height: 23px;
	}

	.reply_item_response {
		padding: 10px 10px;
		margin-left: 0;
		margin-bottom: 0;
	}

	.reply_item_response p {
		font-size: 14px;
		margin-top: 5px;
	}

	.right_action_box .flex-head .img-box {
		width: 30px;
		height: 30px;
		border-radius: 10px;
	}

	.right_action_box .comment_actions .btn {
		font-size: .9em;
		font-weight: 400;
	}

	.right_action_box .reply_panel {
		padding: 0px 10px;
		margin-left: 0;
		margin-top: 10px;
	}

	.right_action_box .item_response .para {
		margin-top: 10px;
	}

	.right_action_box .rep_btn {
		color: #222;
		font-size: 12px;
	}
}

.app-body {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	padding: 20px;
}

.app-body .img-box {
	width: 100%;
	height: calc(100vh - 3vh);
}

.app-body .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

/*.app-body .row.row-pane {*/
/*    width: 100%;*/
/*    height: 100vh;*/
/*}*/

.app-body .form-box  {
	width: 100%;
	height: 100vh;
		display: flex;
	flex-direction: column;
	justify-content: center;
}

.app-body .form-box .wrapper {
    box-shadow: 0 0 10px 5px rgba(0,0,0,.05);
    border-radius: .9em;
	padding: 20px 20px;
		display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 30px;
	border: var(--border);
}

.app-body .form-box .wrapper h2 {
  font-weight: 700;
  font-size: 1.2em;
}



.app-body .form-box form label {
	font-size: .8em;
	margin-left: 10px;
}

.app-body .form-box form input {
	height: calc(2.5em + .75rem + 2px);
	color: var(--black_bg);
	border-radius: 10px;
	padding-left: 20px;
}

.app-body .form-box form input::placeholder {
	font-size: .9em;
}

.app-body .form-box form button {
	height: calc(2.5em + .75rem + 2px);
	color: var(--black_bg);
	background-color: var(--brand_color);
	border-radius: 10px;
}

.app-body .form-box .route a,
.app-body .form-box .form-group a {
	color: var(--brand_color);
	text-decoration: none;
	font-size: .9em;
}

.app-body .form-box .route span {
	color: var(--inactive_link);
	font-size: .9em;
}


.category-title {
	padding: 150px 15px;
    background-image: linear-gradient(to left, rgba(242, 187, 34, .89), rgba(242, 187, 34, .89)), url('https://img.freepik.com/free-vector/gradient-smooth-background_23-2148973055.jpg?t=st=1736032887~exp=1736036487~hmac=62c5a480325c47339c977e7b8271b09b7e222c6be12f553155551b44afd40840&w=2000');
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}

.category-title h2 {
	font-size: 4em;
	font-weight: 700;
	color: var(--black_bg);
	margin-bottom: 0;
	text-transform: capitalize;
}

@media screen and (max-width:1440px) {
	.hero .text-box {
		/*width: 50%;*/
		gap: 30px;
	}

	 .navbar .nav-link {
		font-size: .8em;
	}

	.alert_body.active {
		width: 30%;
	}

	.hero .text-box h1 {
		font-size: 3em;
	}

	.hero .text-box p {
		font-size: 1em;
		padding:0 50px;
		line-height: 1.5;
	}

	.heading h2 {
		font-size: 1.3em;
	}

	.heading a {
		font-size: .8em;
	}

	.data-section-1 .item-box a .img-box {
		width: 100%;
		height: 300px;
	}

	.data-section-4 .item-box a .img-box {
		width: 100%;
		height: 300px;
	}

	.data-section-fff .flex-column .item-box a .img-box {
		width: 100%;
		height: 110px;
		border-radius: .5em;
		overflow: hidden;
	}

	.data-section-fff .item-box .img-box {
		width: 100%;
		height: 100px;
	}

	.data-section-fff .item-box .text-box h2 {
		font-size: .8em;
		margin-bottom: 5px;
	}

	.data-section-000 .item-box .text-box h2 {
		font-size: .8em;
		margin-bottom: 5px;
	}

	.category-title {
		padding: 100px 15px;
	}

	.category-title h2 {
		font-size: 3em;
	}

	/* .data-section-fff .item-box a .img-box {
		height: 350px;
	  } */

	.subscribe {
		padding: 100px 15px;
	}

	.data-section-000 .item-box .img-box {
		height: 100px;
	}


	.data-slider .swiper-slide {
		width: 250px;
		height: auto;
		max-height: 400px;
	}

	.data-slider .item-box a .img-box {
		width: 100%;
		height: 150px;
	}

	.data-slider .item-box .trailing .box-1 {
		gap: 15px;
	}

	.data-section-fff .item-box .trailing .box-1 {
		gap: 18px;
	}

	.data-section-000 .item-box .trailing .box-1 {
		gap: 18px;
	}

	.data-section-fff .item-box .trailing .box-2 span {
		font-size: .7em;
	}

	.data-section-fff .item-box .trailing .box-1 span {
		font-size: .8em;
	}


	.data-section-000 .item-box .trailing .box-2 span {
		font-size: .7em;
	}

	.data-section-000 .item-box .trailing .box-1 span {
		font-size: .8em;
	}


	.article-body #post-content p {
		/*font-size: .9em;*/
		font-weight: 400;
	}

	.article-body #post-title {
		font-size: 2em;
		/*margin-bottom: .8em;*/
	}

	.article-body .post-body .comment-box .box-1 span i {
		font-size: 13px;
	}

	.article-body .post-body .social-icons a {
		width: 30px;
		height: 30px;
	}

	.article-body .post-body .social-icons a i {
		font-size: 13px;
	}

	.article-body .post-body h2 {
		font-size: 3em;
	}

	.article-body .post-body .comment-box .box-1 span.num {
		font-size: 1em;
	}

	.article-body .post-body .comment-box .box-2 span.num {
		font-size: 1em;
	}

	.subscribe .text-box h2 {
		font-size: 3.2em;
	}

	.data-section-000 .item-box a .text-box h2 {
		font-size: 1.1em;
		margin-bottom: 0;
	}

	.article-body .post-body p {
		font-size: 1.2em;
	}

	.data-section-1 .item-box a .text-box h2 {
		font-size: 1.1em;
	}

	.data-slider .item-box a .text-box h2 {
		font-size: .8em;
		/*margin-bottom: 0;*/
	}

	.data-section-4 .item-box a .text-box h2 {
		font-size: 1.1em;
		margin-bottom: 0;
	}

	.footer {
		/*padding-bottom: 50px;*/
	}

	.contact-box .form-box h2 {
		font-size: 1.5em;
	}

	.contact-box .form-box input {
		height: calc(3em + .75rem + 2px);
	}


	.contact-box .form-box button[type="submit"] {
		height: calc(3em + .75rem + 2px);
	}
}

@media screen and (max-width:1366px) {
	.right_action_box {
		width: 45%;
	}

	.row.align-items-center .col-md-4 {
		padding-right: 0;
	}

	.alert_body.active {
		width: 30%;
	}

	.data-section-fff .item-box .trailing .box-1 {
		gap: 15px;
	}

	.data-section-fff .item-box .trailing .box-1 span i {
		font-size: 13px;
	}

	.subscribe .text-box h2 {
		font-size: 3em;
	}

	.hero .text-box h1 {
		font-size: 2.5em;
	}

	.data-section-fff .item-box a .text-box h2 {
		font-size: .8em;
		/*margin-bottom: 0;*/
	}

	.data-section-000 .item-box a .text-box h2 {
		font-size: .8em;
		/*margin-bottom: 0;*/
	}

	.article-body .post-body h2 {
		font-size: 2.5em;
	}

	 .navbar .nav-link.action {
		padding: 5px 20px;
	}

	.article-body #post-content h1 {
		font-size: 1.8em;
		font-weight: 800;
	}

	.article-body #post-content h2 {
		font-size: 1.6em;
		font-weight: 800;
	}

	.article-body #post-content h3 {
		font-size: 1.5em;
		font-weight: 800;
	}

	.category-title h2 {
		font-size: 2em;
	}
}

@media screen and (max-width:1280px) {
	.article-body .post-body h2 {
		font-size: 2.5em;
	}

	.alert_body.active {
		width: 30%;
	}

	.subscribe .text-box h2 {
		font-size: 2.5em;
	}

	 .navbar .nav-item {
		margin: 0 .5em;
	}

	.hero .text-box {
		/*width: 50%;*/
		gap: 30px;
	}

	.hero .text-box p {
		font-size: .9em;
		/*padding:0 40px;*/
	}

	.article-body .post-img {
		/*height: 50vh;*/
	}

	.article-body #post-title {
		font-size: 2em;
		/*margin-bottom: .6em;*/
	}

	.subscribe .text-box h2 {
		margin-bottom: 15px;
	}

	.footer .mid-data-flex-row .box-2 ul {
		gap: 20px;
	}

	.footer .mid-data-flex-row .box-2 ul li a {
		font-size: 1em;
	}

	.footer .mid-data-flex-row .box-1 a {
		width: 30px;
		height: 30px;
	}

	.contact-box .form-box input {
		height: calc(2.7em + .75rem + 2px);
	}

	.contact-box .text-box .box.socials .social-icons {
		gap: 10px;
	}
}

@media screen and (max-width:1024px) {

	.desktop {
		display: none;
	}

	.mobile {
		display: block;
	}

	.alert_body.active {
		width: 35%;
	}

	.profile-data .tab-box .d-flex.inner_flex ul {
		gap: 15px;
	}

	.profile-data .tab-box .d-flex.inner_flex ul li a {
		font-size: .8em;
	}

	.hero .text-box {
		/*width: 60%;*/
		gap: 30px;
	}

	.data-section-fff .item-box a .text-box h2 {
		font-size: .75em;
		/*margin-bottom: 0;*/
	}

	.data-section-000 .item-box a .text-box h2 {
		font-size: .75em;
		/*margin-bottom: 0;*/
	}

	.article-body .post-body h2 {
		font-size: 2em;
	}

	.article-body .post-body img {
		width: 100%;
		height: 40vh;
		margin: 20px 0;
	}

	.article-body .post-body .social-icons a {
		width: 30px;
		height: 30px;
	}

	.article-body .post-body .social-icons {
		gap: 20px;
	}

	.app-body .img-box {
		width: 100%;
		height: 40vh;
	}

	.app-body .form-box {
		width: 100%;
		height: 60vh;
	}

	.contact-box .text-box .box {
		margin-bottom: 15px;
		margin-top: 10px;
	}

	.contact-box .text-box {
		padding: 0 0;
	}

	.contact-box .form-box {
		margin-top: 30px;
	}

	.contact-box .form-box h2 {
		font-size: 2em;
	}

}

@media screen and (max-width:992px) {
	.alert_body.active {
		width: 50%;
		left: 50% !important;
		transform: translate(-50%, 0);
	}

}

@media screen and (max-width:576px) {
	.article-body .post-body .data-head {
		justify-content: space-between;
	}

	.alert_body.active {
		width: 95%;
		left: 50% !important;
		transform: translate(-50%, 0);
	}

	 .navbar {
		padding: 15px 20px;
	}

	.hero .text-box {
		/*width: 98%;*/
		gap: 30px;
	}

	.hero .text-box h1 {
		font-size: 1.7em;
		/*line-height: 1;*/
	}

	.hero {
		padding: 70px 15px;
	}

	.hero .text-box p {
		font-size: .9em;
		padding: 0;
		line-height: 1.7;
	}

	.data-section-1 {
		padding: 50px 15px;
		border-top-right-radius: 2em;
		border-top-left-radius: 2em;
	}

	.heading h2 {
		font-size: 1.1em;
		font-weight: 600;
	}

	.heading a {
		font-size: .8em;
	}

	.heading {
		margin-bottom: 30px;
		padding-bottom: 20px;
	}

	.data-section-1 .item-box {
		margin-bottom: 50px;
	}

	.data-slider {
		padding: 50px 15px;
	}

	.data-slider .swiper-container {
		padding: 50px 10px;
		padding-top: 80px;
		padding-bottom: 0;
	}

	.data-slider .swiper-container .swiper-button-next {
		top: 0px;
		right: 0;
	}

	.data-slider .swiper-container .swiper-button-prev {
		top: 0px;
		left: 0px;
		right: auto;
	}

	.data-slider .swiper-slide {
		width: 250px;
		height: auto;
		padding: 10px;
		gap: 10px;
		border-radius: .5em;
		margin-right: 15px !important;
	}

	.data-slider .item-box a .img-box {
		width: 100%;
		height: 180px;
	}

	#storyTags.flex-items .item-tag {
		padding: 12px 15px;
	}



	.data-slider .item-box a .text-box h2 {
		font-size: .8em;
		margin-bottom: 0;
	}

	.data-slider .item-box .trailing .box-1 {
		gap: 20px;
	}

	.data-slider .item-box .trailing .box-1 span i {
		font-size: 11px;
	}

	.data-section-3 {
		padding: 50px 15px;
	}

	.data-section-4 {
		padding: 50px 15px;
		border-top-right-radius: 2em;
		border-top-left-radius: 2em;
	}

	.data-section-fff .item-box a .img-box {
		height: 100px;
	}

	.data-section-000 .item-box .img-box {
		height: 100px;
	}

	.data-section-000 .item-box .text-box h2 {
		font-size: .8em;
		margin-bottom: 10px;
		/*margin-bottom: 0;*/
	}

	.data-section-000 .item-box .trailing .box-2 span {
		font-size: 11px;
	}

	.data-slider .item-box .trailing .box-2 span {
		font-size: 11px;
	}

	.data-section-000 .item-box .trailing .box-1 span i {
		font-size: 11px;
	}

	.data-section-fff .item-box .trailing .box-1 span i {
		font-size: 11px;
	}

	.data-section-fff .flex-column .item-box a .img-box {
		height: 100px;
	}

	.data-section-fff .item-box a .text-box {
		margin-top: 0;
		margin-bottom: 10px;
	}

	.data-section-fff .item-box {
		margin-bottom: 0;
	}

	.data-section-fff .item-box .trailing .box-1 {
		gap: 18px;
	}

	.data-section-000 .item-box .trailing .box-1 {
		gap: 18px;
	}

	.category-title {
		background-position: center center;
	}

	.data-section-fff .item-box .trailing .box-2 span {
		font-size: 11px;
	}

	.article-body .post-body .comment-box {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 14px 0;
		gap: 30px;
	}

	.article-body #post-content p {
		font-size: .85em;
		line-height: 2.2;
	}

	.article-body #post-content h1 {
		font-size: 1.3em;
		font-weight: 800;
	}

	.article-body #post-content h2 {
		font-size: 1.1em;
		font-weight: 800;
	}

	.article-body #post-content h3 {
		font-size: .9em;
		font-weight: 800;
	}

	.article-body #post-title {
		font-size: 1.5em;
		font-weight: 800;
		/*margin-bottom: .6em;*/
		/*line-height: 1.3;*/
		
	}

	.row.category-posts {
		row-gap: 30px;
	}

	.data-section-fff {
		/*padding-bottom: 0;*/
	}

	.data-section-000 {
		padding: 50px 15px;
	}

	.data-section-000 .item-box {
		margin-bottom: 0;
	}

	.subscribe {
		padding: 50px 15px;
		border-bottom-right-radius: 2em;
		border-bottom-left-radius: 2em;
	}

	.subscribe .text-box h2 {
		font-size: 2em;
	}

	.subscribe .text-box p {
		font-size: 1.1em;
		margin-bottom: 0;
	}

	.footer {
		/*margin-top: 30px;*/
	}

	.footer .logo-box {
		margin-bottom: 15px;
		text-align: center;
	}
	
	.post-skeleton .skeleton-image {
		width: 100%;
		height: 300px;
		border-radius: 12px;
		margin-top: 20px;
	}

	.footer .mid-data-flex-row {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 20px 0;
		gap: 15px;
	}

	.footer .mid-data-flex-row .box-2 ul li a {
		font-size: .89em;
	}

	 .navbar .nav-item {
		margin: 5px .5em;
	}

	 .navbar .nav-link.action {
		text-align: center;
	}

	.article-body .post-img {
		width: 100%;
		/*height: 50vh;*/
		padding: 0;
		margin-top: 20px;
	}

	.article-body .post-body .social-icons {
		flex-direction: row;
		justify-content: start;
		margin-bottom: 0;
	}

	.article-body .post-body h2 {
		font-size: 1.5em;
	}

	.article-body .post-body .comment-box .box-1 span.num {
		font-size: 1em;
	}

	.article-body .post-body .comment-box .box-2 span.num {
		font-size: 1em;
	}

	.article-body .post-body .comment-box .box-1 .bi-heart,
	.article-body .post-body .comment-box .box-1 .bi-bookmark {
		font-size: .8em;
	}

	.category-title {
		padding: 100px 15px;
		/*background-image: linear-gradient(to left, rgba(255, 255, 255, .75), rgba(255, 255, 255, .75)), url(https://img.freepik.com/free-vector/gradient-smooth-background_23-2148973055.jpg?t=st=1736032887~exp=1736036487~hmac=62c5a48…&w=2000);*/
	}

	.category-title h2 {
		font-size: 1.7em;
	}

	.data-section-fff .item-box a .text-box h2 {
		font-size: .8em;
	}

	.article-body .post-body .data-profile .text-box h4 {
		font-size: .8em;
	}

	.row.align-items-center .col-8 {
		padding-left: 15px;
	}

	.data-section-fff .item-box .text-box h2 {
		font-size: .8em;
		margin-bottom: 10px;
	}

	.data-section-fff .item-box {
		margin-bottom: 0;
	}


}

@media screen and (max-width:576px) {
	.data-section-000 .dropdown-menu a {
		font-size: 12.5px;
	}

	.related-post .data-section-fff {
		padding: 15px 15px;
	}

	.data-section-fff .dropdown-menu a {
		font-size: 12.5px;
	}

	.data-slider .dropdown-menu a {
		font-size: 12.5px;
	}

	.app-body {
		padding: 0 15px;
	}

	.app-body .img-box {
		height: 20vh;
	}

	.app-body .img-box img {
		border-radius: 0;
	}

	.app-body .form-box {
		width: 100%;
		height: 100vh;
		gap: 20px;
		padding: 15px;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		background-color: var(--white_bg);
		position: relative;
		top: 0;
	}

	.app-body .col-md-8,
	.app-body .col-md-4 {
		padding: 0;
	}
    .contact-box {
  padding: 40px 15px;
}

	.app-body .form-box form input {
		height: calc(2.3em + .75rem + 2px);
	}

	.app-body .form-box form button {
		height: calc(2.3em + .75rem + 2px);
	}

	.app-body .col-md-12 {
		padding-right: 0;
		padding-left: 0;
	}
	  .contact-box .form-box h2 {
    font-size: 1.5em;
  }
}