@charset "utf-8";
/* CSS Document */
:root{
       --themecolor:#ff7617;
       --themecolor1:#393f4e;
       --themecolor2:#2d394b;
       --themecyan: #00b1c6;
       --themeblue:#2972fd;
       --themeyellow:#f6ca2c;
       --blue_color:#0938a1;
       --green_color:#70cc52;
       --grey_color:#bbb;
       --teal_color:#07b6d2;
       --red_color:#fe2b2b;
       --darkblue_color:#334a90;
       --sidewidth:290px;
       --header_height:70px;
       --ul_height:44px;
       --header_bg:#ceddea;
       --lightbtn_color:#afcee9;
       --drkgreen_color :#446838;
       --drkblue_color :#384468;
       --drkred_color :#921a1a;
       --drkyellow_color :#b99f15;
       --drkorange_color :#d45111;
       --drkpurple_color :#431792;
       --drkpink_color :#b91982;
       --drkgrey_color :#5b5b5b;
       --msg_delay:3s;
       --yellow_color :#f8d82e;
       --orange_color :#ff8112;
       --purple_color :#8360e5;
       --pink_color :#f66ae0;
       --sidebar_color:#ddf7ff;
       --twitter_color :#1aa2f8;
       --facebook_color: #4b69b1;
       --pinterest_color:#e13d38;
       --instagram_color:#694e98;
       --whatsapp_color:#36e55a;
       --linkedin_color:#0b66c3;
       --theme_gradient :linear-gradient(45deg , #d4f1ec, #ccddee);
       --top_space: 240px;
       --menu_value:600px;
       --col_count:5;
       --row_count:10;
}
body
{
       font-family: 'Poppins', sans-serif;
       scroll-behavior: smooth;
}
.header
{
	display: flex;
	width: 100%;
	height: var(--header_height);
	background: rgba(255,255,255,1);
	padding: 0px 30px;
	box-sizing: border-box;
       border-bottom: 1px solid #e3e3e3;
}
.header_left
{
	width: var(--sidewidth);
	display: flex;
	align-items: center;
}
.header_logo
{
	display: block;
	max-width: var(--sidewidth);
	height: auto;
	overflow: hidden;
	text-decoration: none;
}
.header_logo img
{
	display: inline-block;
	max-width: 100%;
	max-height: 40px;
}
.responsive_logo
{
	display: flex;
	align-items: center;
	height: 75%;
       max-height: 52px;
	overflow: hidden;
	gap:10px;
}
.responsive_logo .logo_icon
{
	display: inline-block;
	height: 100%;
}
.responsive_logo .logo_txt
{
	display: inline-block;
	height: 100%;
}
.header_right
{
	display: flex;
	flex: 1;
       gap:30px;
       align-items: center;
}
.header_menu
{
	display: flex;
	align-items: center;
	flex: 1;
}
.header_ul
{
	list-style: none;
	display: flex;
	margin: 0px;
	padding: 0px;
	gap:2vw;
}
.header_li
{
	display: block;
}
.header_link
{
	text-decoration: none;
	padding: 15px;
	box-sizing: border-box;
	color: #000;
	font-weight: 500;
}
.header_user_section
{
	display: flex;
	gap:30px;
	justify-content: flex-end;
	align-items: center;
}
.notif_link
{
	position: relative;
}
.notif_icon
{
	display: flex;
	width:40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	position: relative;
}
.header_search_icon
{
	display: none;
	border-radius: 30%;
	background: #f5e9d1;
}
 .notif_icon
{

	border-radius: 30%;
	background: #d1eef5;
}
.notif_count
{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3px;
	width: 10px;
	height: 10px;
	font-size: .5em;
	position: absolute;
	cursor: default;
	top: 0px;
	right: -3px;
	text-align: center;
	background: var(--orange_color);
	color: #fff;
	border-radius: 10px;
}
.notif_list_cover
{
	width: var(--sidewidth);
	padding: 50px 0px;
	position: relative;
}
.notif_list
{
	width: 100%;
	height: auto;
	max-height: 40vh;
	overflow: hidden;
	gap:30px;
	display: flex;
	padding: 15px;
	flex-direction: column;
	overflow-y: auto;
	position: relative;
}
.notif_header
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height:50px;
	position: absolute;
	background: #d9f1f9;
	text-align: center;
	top: 0px;

}
.notif_footer
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	border-top: 1px solid #ddd;
}
.centered_link{
	font-weight: 500;
	text-decoration: none;
	color: var(--blue_color);
	font-size: .9em;
}
.notif_item
{
	display: flex;
	gap:15px;
	position: relative;
}
.unread.notif_item:before
{
	content: "";
	width: 7px;
	height: 7px;
	background: var(--orange_color);
	display: block;
	position: absolute;
	left: -10px;
	top: 0px;
	border-radius: 50%;
}
.notif_item_icon
{
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #c8f5ea;
	border-radius: 50%;
	flex-shrink: 0;
}
.notif_item_info
{
	display: flex;
	flex-direction: column;
	gap:5px;
}
.notif_item_title
{
	font-weight: 500;
	line-height: 1;
	font-size: .9em;
	word-break: break-word;
}
.notif_item_txt
{
	font-size: .8em;
	opacity: .7;
	line-height: 1.2;
	word-break: break-word;
}
.notif_item_time
{
	font-size: .65em;
	opacity: .5;
	text-align: right;
}
.user_icon
{
	display: flex;
	width: inherit;
	height: 100%;
	border-radius: 50%;
	flex-shrink: 0;
	aspect-ratio:1/1;
}
.user_icon img
{
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	border-radius: 50%;
}
.header_login
{
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #fff;
	border-radius: 5px;
	background: var(--orange_color);
	padding: 3px 15px;
       gap:15px;
}

.header_right .header_search_bar_cover
{
       order: 1;
}
.header_right .header_menu
{
       order: 2;
}
.header_right .header_user_section
{
       order: 3;
}
.header_right .header_burger_menu
{
	order: 4;
}

.page_header
{
	display: flex;
	padding:3vw 5vw;
       padding-bottom: 0px;
	box-sizing: border-box;
	max-width: 100%;
	background: #fde6c9;
	background: linear-gradient(45deg , #d4f1ec, #ccddee);
	background: linear-gradient(45deg, #8aa8d6,#7ed6f3 ,#8aa8d6);
	justify-content: center;
       flex-direction: column;
       gap:10px;
       align-items: center;
}
.page_body
{
	display: block;
	width: 100%;
	padding: 15px 0px 30px;
	box-sizing: border-box;
	height: auto;
	min-height: calc(100vh - var(--top_space));
}
.header_user
{
	display: flex;
	align-items: center;
	gap:15px;
}
.header_user_display
{
	display: flex;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	flex-shrink: 0;;
	overflow: hidden;
	cursor: pointer;
	background: var(--themecolor);
}
.header_user_display img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.offcanvas-title
{
	font-size: .8em;
	text-transform: uppercase;
	opacity: .7;
}
.user_menu_display
{
	display: flex;
	align-items: center;
	gap:15px;
	padding: 15px 15px 30px;
	box-sizing: border-box;
}
.user_menu_display .user_icon
{
	width: 50px;
	height: 50px;
}
.user_display_info
{
	display: flex;
	flex-direction: column;
}
.user_name
{
	font-weight: 500;
	font-size: 1.1em;

}
.offcanvas .user_name
{
       text-shadow: 0px 3px 5px rgba(0,0,0,0.3);
}
.user_menu_display
{
	width: 100%;
	back ground: linear-gradient(to top, #8aa8d6,#7ed6f3 ,rgba(138,169,214,.0));
        background-image: url("../images/img_placeholder.jpg");
 background-repeat: no-repeat;
       background-position: top center;
       background-size: 100%;
	position: relative;
	border-radius: 10px;
}
.user_menu_display > *
{
	position: relative;
	z-index: 100;
}
.user_menu_display:after{
	content: "";
	width: inherit;
	height: 100%;
	background-image: url("../images/profile_banner.png");
	display: block;
	position: absolute;
	background-position: center;
	background-repeat:no-repeat;
	background-size:  100% 100%;
	z-index: 1;
	border-radius: 0px 0px 10px 10px;
	bottom: 122px;
	left: 0%;
      top:0%;
       opacity: .2;
	transform: rotate(0deg);
}
.offca nvas {
  background-image: url("../images/img_placeholder.jpg");
 background-repeat: no-repeat;
       background-position: top center;
       background-size: 100%;

}
.user_menu_ul
{
	list-style: none;
	display: flex;
	flex-direction: column;
	gap:10px;
	margin: 0px;
	padding: 45px 35px;
	/*border-top: 1px solid #ddd;*/
}
.user_menu_li
{
	display: block;
	width: 100%;
	padding: 0px 15px;
}
.user_menu_link
{
	display: flex;
	gap:15px;
	font-size: .9em;
	align-items: center;
	text-decoration: none;
	color: #444;
	min-height: 36px;
	transition: all .3s;
}
.user_menu_link i
{
	color: #5f91ad;
}
.active.user_menu_li
{
	background: #75b6fd;
	color: #fff;
	border-radius: 7px;
}
.active.user_menu_li :is(.user_menu_link, i)
{
	color: #fff;
}

.confirm_popup .modal-footer
{
	border-top: none;
}
.form_msg
{
	display: flex;
	gap:15px;
	padding: 15px;
	box-sizing: border-box;
	max-width: 90%;
	width: 500px;
	position: fixed;
	bottom: 15%;
	right: -120%;
	background: var(--green_color);
	border-radius: 5px;
	color: #fff;
	transition: all .3s;
       z-index: 1090;
}
.active.form_msg
{
	right: 30px;
       z-index: 2999;
}
.form_msg .fm_succes_icon
{
	display: flex;
}
.form_msg .fm_error_icon
{
	display: none;
}
.form_msg_icon
{
	padding-top:3px;
}
.error.form_msg
{
	background: var(--red_color);
}
.error.form_msg .fm_succes_icon
{
	display: none;
}
.error.form_msg .fm_error_icon
{
	display: flex;
}
.form_msg_title
{
	font-weight: 500;
}
.form_msg_txt
{
	font-size: .85em;
}
/* login page*/
.no_headers .header
{
	display: none;
}
.no_headers .footer
{
       display: none;
}
.no_headers .login_page_center
{
       padding-top: 3vw;
}
.login_page
{
	display: flex;
	width: 100%;
	min-height: 100vh;
	position: relative;
}
.login_page_left
{
	width: 50%;
	padding: 3vw;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-right: 6px solid #fff;
	transition: border 0s;
}
.login_page_content
{
	width: 540px;
	min-height: 70%;
	max-width: 100%;
	padding: 30px;
	gap:30px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	border-radius: 15px;
	background: rgba(255,255,255,.75);
	border: 7px solid rgba(255,255,255,0);
	-webk it-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px);
	box-shadow: 0px 0px 22px -10px rgba(0,0,0,0.7);
	transition: all .3s;
	opaci ty: .1;
	filter: difference(1);
}
.login_page_content:hover, .login_page_left:hover .login_page_content
{
	background: rgba(89,191,240,0.3);
	background: linear-gradient(45deg, rgba(89,191,240,0.3),  rgba(240,212,89,0.3));
	border: 7px solid rgba(255,255,255,0.7);
	-webkit-backdrop-filter:blur(21px);
	backdrop-filter:blur(21px);
	color: #fff;
	opacity: 1;
	box-shadow: 0px 0px 22px -10px #000;
       box-shadow: none;
}
.login_section_title
{
	line-height: 1.2;
	font-weight: 600;
	margin-top: 3vh;
}
.login_ul
{
	list-style: none;
	display: flex;
	flex-direction: column;
	gap:15px;
	margin: 0px;
	padding: 0px;
	margin-top: 5vh;
}
.login_li
{
	font-size: clamp(1em, 5vw + 1em, 1.4em);
	position: relative;
	padding-left: 30px;
	text-shadow: 0px 2px 3px rgba(0,0,0,0.2);
}
.login_li:before{
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	left: 7px;
	top: 11px;
	border-radius: 50%;
	border: 2px solid #2cd1fd;
}
.login_img
{
	display: block;
	max-width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	inset:0;
	background-size: cover;
	trans ition: all 10s;
	background-position: 0px 0%;
}
.login_page_left:hover
{
	transition: border .3s;
	border-right: 0px solid rgba(255,255,255,0);
}
.login_page_left:hover .login_img{
	transition: all 5s;
	background-position: 0px 0%;
	background-origin: center;
	animation: img_mov 50s linear infinite;
}
@keyframes img_mov
{
	from
	{
		background-position: 0px 0%;
	}
	to
	{
		background-position: 960px -1920px;
	}

}
.login_img img
{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page_logo
{
	display: inline-block;
	min-height: 40px;
       max-height: 200px;
	overflow: hidden;
	max-width: 300px;
	position: relative;
}
.page_logo img
{
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
}

.login_pages .footer
{
	di splay: none;
}
.login_pages .login_footer, .login_pages .header_categories
{
       display: none;
}
.login_page_right
{
	display: flex;
	align-items: center;
	justify-content: center;
       flex-direction: column;
	padding: 3vw ;
       	padding-top: calc( var(--header_height) + 30px );
	box-sizing: border-box;
	background: #f5f5f5;
	width: 50%;
}
.login_box
{
	display: flex;
	flex-direction: column;
	width:480px;
	max-width: 100%;
	padding: 30px;
	box-sizing: border-box;
	border-radius: 15px;
	background: rgba(255,255,255,1);
	box-shadow: 0px 0px 12px -9px rgba(0,0,0,0.3);
}
.login_title
{
	font-weight: bold;
	font-size: 1.4em;
}
.login_with_social
{
	display: flex;
	align-items: center;
	gap:15px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 7px 15px;
	transition: all .3s;
	justify-content: center;
}
.login_with_social:hover{
	box-shadow: 0px 10px 12px -7px rgba(0,0,0,0.1);
}
.social_icon
{
	display: flex;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
	padding: 2px;
	box-sizing: border-box;
}
.social_icon img
{
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
}
.social_media_name
{
	font-weight: 500;
	color:var(--themeblue);
}
.login_or_divider
{
	display: flex;
	margin: 10px auto;
	width: 100%;
	position: relative;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: .8em;
}
.login_or_divider span
{
	display: inline-block;
	padding: 5px 10px;
	background: rgba(255,255,255,1);
	position: relative;
	z-index: 10;
}
.login_or_divider:after{
	content: "";
	width: 100%;
	position: absolute;
	border-top: 2px dotted #ddd;
	z-index: 1;
}
.login_btn
{
	display: flex;
	width: 100%;
	padding: 0px 20px;
	min-height: 45px;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	border: none;
	background:var(--blue_color);
	color: #fff;
	font-weight: 500;
       text-decoration: none;
       transition: all .3s;
}
.login_btn:hover{
       background: #25adff;
       box-shadow: 0px 5px 12px -7px rgba(0,0,0,0.3);
}
.login_flex
{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.login_link
{
	font-size: .8em;
	text-decoration: none;
	color: var(--themeblue);
	font-weight: 500;
}
.login_link:hover{
       color: var(--orange_color);
}
.login_note
{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap:10px;
	padding: 15px 0px;
	line-height: 1.2;
}
.login_note p
{
	margin: 0px;
}
.back_link
{
	display: flex;
	justify-content: center;
	align-items: center;
	gap:7px;
	margin: auto;
	text-align: center;
	font-size: .8em;
	text-decoration: none;
	color: #444;
	opacity: .7;
}
.login_page_center
{
	width: 100%;
	background: #f5f5f5;
	padding: 3vw;
       padding-top: calc( var(--header_height) + 30px);
	display: flex;
	align-items: center;
	justify-content: center;
       min-height: 100vh;
}
.message_box
{
	display: flex;
	flex-direction: column;
	gap:10px;
	justify-content: center;
	background: rgba(255,255,255,1);
	border-radius: 15px;
	width: 60%;
	max-width: 100%;
	padding: 30px;
	text-align: center;
	box-sizing: border-box;
	box-shadow: 0px 10px 22px -10px rgba(0,0,0,.2);
}
/* login page*/
.home_banner
{
	display: flex;
	width: 100%;
	min-height: 400px;
	height: calc(100vh - ( 45px + var(--header_height)));
	position: relative;
       background: #2e2c2f;
       max-width: 100%;
       overflow: hidden;
}
.home_banner :is(.slick-list, .slick-track)
{
	height: 100%;
}
.home_slider_item
{
	display: flex;
	width: 100%;
	height: 100%!important;
	padding: 5vw 60px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
       opacity: 0;
}
.home_slider_content
{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap:10px;       
	height: 90%;
}
.home_slider_content
{
	min-height: 30vh;
}
.home_banner  {
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
}
.home_banner.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.banner_sub_title
{
	font-size: clamp(3rem, .5vw + 2rem, 3rem);
	font-weight: 200;
	text-shadow: 0px 10px 10px rgba(0,0,0,0.2);
}
.banner_title
{
	font-size: clamp(4rem, .5vw + 3rem, 4rem);
	font-weight: 600;
	text-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}
.explore_btn
{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px 20px;
	box-sizing: border-box;
	border-radius: 10px;
	min-height: 60px;
	min-width: 300px;
	border: 2px solid var(--orange_color);
	background: rgba(250,163,15,0.2);
	font-weight: 500;
	font-size: 1.4em;
	text-decoration: none;
	color: #fff;
       gap:15px;
	transition: all .3s;
       -webkit-backdrop-filter:blur(2px);
       backdrop-filter:blur(2px);
}
.explore_btn:hover{
	-webkit-filter:brightness(110%);
	filter: brightness(110%);
	background: rgba(250,163,15,0.7);
	box-shadow: 0px 10px 22px -7px rgba(0,0,0,0.2);
}
.home_page
{
	display: block;
	width: 100%;
	/*padding-top: 90px;*/
	position: relative;
	box-sizing: border-box;
}
.home_categories_cover
{
	display: flex;
	position: absolute;
	top: -30px;
	padding: 0px 10vw;
	width: 100%;
	max-width: 100%;
	justify-content: center;
	text-align: center;
	align-items: center;
}
.home_categories
{
	display: flex;
	position: relative;
	background: #eaf0fe;
	width: 100%;
	height: 60px;
	border-radius: 7px;
	margin: auto;
	gap:3vw;
	padding: 0px 30px;
	padding-right: 200px;
	align-items: center;
	overflow: hidden;
}
.home_category_link
{
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	text-decoration: none;
	color: #000;
	font-weight: 500;
	align-self: stretch;
	padding: 0px 30px;
	font-size: .9em;
	flex-shrink: 0;
}
.more_categories
{

	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #fff;
	background: var(--orange_color);
	align-self: stretch;
	padding: 0px 30px;
	font-size: .9em;
	width: 200px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	gap:15px;
}
.home_page_title
{
	font-size: 1.2em;
	margin: 15px 0px;
	color: var(--orange_color);
	font-weight: 500;
}
.page_sub_title, .article_right h2:first-child
{
       font-size: 1.6em;
}
.categories_slider
{
	display: block;
	padding: 30px 0px;
}
.category_slider_item
{
	display: flex;
	width: 150px;
	height: 200px;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: 2px solid #00b1c6;
	text-decoration: none;
	line-height: 1.2;
	font-weight: 500;
	color: #000;
	padding: 15px;
	box-sizing: border-box;
	text-align: center;
	background: #c8f8fe;
	transition: all .3s;
}
.category_slider_item:hover{
	background: var(--orange_color);
	color: #fff;
	border-color: #c8540b;
}
.home_section_header
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap:30px;
	padding: 10px 0px 10px;
	border-bottom: 1px solid #ddd;
	border-bottom: 1px solid #000;
	margin-bottom: 25px;
}
.home_section_title
{
	font-size: 1rem;
	font-weight: 500;
	background: #4781ff;
	border-radius: 20px;
	color: #fff;
	padding: 0px 20px;
	min-height: 40px;
	align-items: center;
	display: flex;
	justify-content: center;
	min-width: 180px;
}
.home_section_header_right
{
	display: flex;
	width: 50%;
	justify-content: flex-end;
	gap:30px;
}
.more_btn
{
	display: flex;
	align-items: center;
	gap:15px;
	text-decoration: none;
	font-size: .9em;
	font-weight: 500;
	color: var(--orange_color);
	border: 1px solid #ddd;
	padding: 5px 15px;
	border-radius: 9px;
	background: #fff;
	transition: all .3s;
}
.more_btn i
{
	color: #000;
}
.more_btn:hover{
	background: #4781ff;
	color: #fff;
	border: 1px solid #254699;
	box-shadow: 0px 7px 12px -5px rgba(0,0,0,0.2);
}
.blog_list_box
{
	display: flex;
	flex-direction: column;
	width: 100%;
       padding-bottom: 60px;
       padding-bottom: 2vw;
}
.blog_list_header
{
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	position: relative;
}
.blog_list_img_container
{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
       text-decoration: none;
}
.blog_list_img
{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	object-fit: cover;
	position: relative;
	z-index: 10;
       transition: all .3s;
}
.blog_list_img_container:hover .blog_list_img
{
	transform: scale(1.05);
}


.list_share_btn
{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 7px;
	position: absolute;
	z-index: 100;
	left: 15px;
	top: 15px;
	background: var(--themecyan);
	border: none;
	font-size: .7em;
	line-height: 1;
	gap:7px;
	color: #fff;
	font-weight: 500;
	border-radius: 30px;
	transition: all .3s;
}
.list_share_btn span
{
	text-transform: uppercase;
}
.list_share_btn:hover{
	-webkit-filter:brightness(110%);
	filter: brightness(110%);
}
.list_like_btn
{
	display: flex;
	width: 32px;
	height: 32px;
	position: absolute;
	z-index: 100;
	right: 15px;
	top:15px;
	border-radius: 50%;
	flex-shrink: ;
	border: none;
	align-items: center;
	justify-content: center;
	background: var(--themecyan);
	color: #fff;
	transition: all .3s;
	box-shadow: 0px 10px 22px -7px rgba(0,0,0,.5);
}
.list_like_btn .liked_icon
{
	display: none;
}
.list_like_btn:hover{
	-webkit-filter:brightness(110%);
	filter: brightness(110%);
}
.active.list_like_btn .liked_icon
{
	display: block;
}
.active.list_like_btn
{
	color: var(--red_color);
	background: rgba(255,255,255,.7);
	-webkit-brackdrop-filter:blur(3px);
	backdrop-filter:blur(3px);
}
.fav_btn {
    background: var(--green_color) !important;
    color: rgba(255, 255, 255, 1) !important;
}
.active.list_like_btn .like_icon
{
	display: none;
}
.listing_user
{
	display: flex;
	align-items: center;
	gap:10px;
	text-decoration: none;
	color: #000;
	font-weight: 500;
	font-size: .9em;
	margin: 15px 0px;
}
.list_user_icon
{
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	overflow: hidden;
	border: 1px solid #333;
	border-radius: 50%;
}
.list_user_icon img
{
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.list_user_info
{
	display: flex;
	flex-direction: column;
}
.list_username
{
	text-decoration: none;
	color: #444;
	font-weight: 500;
}
.blog_list_content
{
	display: flex;
	width: 100%;
	flex-direction: column;
	gap:15px;
}
.blog_list_flex
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap:30px;
	flex-wrap: wrap;
	font-size: .8em;
}
.blog_list_category
{
	text-decoration: none;
	font-size: .9em;
	color: #444;
	transition: all .3s;
	font-weight: 500;
	opacity: .7;
	max-width: 70%;
}
.blog_list_category:hover{
	color: var(--themecyan);
}
.blog_list_time
{
	font-size: .9em;
	font-weight: 300;
}
.blog_list_title
{
	font-weight: 500;
	text-decoration: none;
	color: #000;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow: hidden;
	transition: all .3s;
}
.blog_list_title:hover{
	color: var(--themecyan);
}

/*blog detail page*/
.breadcrumb_public
{
	font-size: .8em;
}
.header_search_icon
{
	display: none;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	color: #444;
	cursor: pointer;
	transition: all .3s;
}
.header_search_icon:hover{
	color: var(--orange_color);
}
.writer_info_box
{
	display: flex;
	max-width: 100%;
	width: 100%;
	flex-direction: column;
	margin: 15px auto;
	text-align: left;
	padding: 10px 0px;
	back ground: rgba(255,255,255,.75);
	bor der: 2px solid #fff;
	border-radius: 5px;
	box -shadow: 0px 10px 20px -10px rgba(0,0,0,0.1);
}
.writer_info_box_header
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap:30px;
	flex-wrap: wrap;
}
.writer_info_box_left
{
	display: flex;
	flex: 1;
}
.writer_info_right
{
	display: flex;
	gap:15px;
	align-items: center;
	justify-content: flex-start;
}
.follow_btn
{
	display: flex;
	align-content: flex-start;
	border-radius: 30px;
	border: 1px solid #ddd;
	background: rgba(255,255,255,.7);
	padding: 1px 10px;
	font-size: .8em;
	transition: all .3s;
}
.follow_btn .follow_on
{
	display: none;
}
.follow_btn .follow_off
{
	display: inline;
}
.active.follow_btn .follow_on
{
	display: inline;
}
.active.follow_btn .follow_off
{
	display: none;
}
.active.follow_btn
{
	background: var(--green_color);
	color: #fff;
	border-color: #45a40d;
}
.display_writer
{
	display: flex;
	align-items: center;
	gap:15px;
}
.writer_icon
{
	display: flex;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	flex-shrink: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid #517e94;
}
.writer_icon img
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.writer_info_box_right
{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap:15px;
}
.writer_info
{
	display: flex;
	flex-direction: column;
}
.writer_name
{
	font-weight: 500;
	text-decoration: none;
	color: #000;
}
.writer_name:hover
{
       color: var(--themecyan);
}
.writer_display_note
{
	display: inline-flex;
	gap:5px;
	font-weight: 300;
	font-size: .8em;
}
.article_items
{
	display: flex;
	align-items: center;
	gap:5px;
	line-height: 1;
	border: 2px solid #accbcf;
	border-color: rgba(0,0,0,0.1);
	border-radius: 40px;
	padding: 5px 7px;
	text-decoration: none;
	color: #000;
	background: rgba(255,255,255,.3);
}
.article_item_txt
{
	font-size: .8em;
	opacity: .8;
	padding: 0px 5px;
	cursor: default;
	display: inline-flex;
	gap:5px;
}
.blog_like
{
	display: flex;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	border: none;
	background: #fff;
	transition: all .3s;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	padding-top: 4px;
	font-size: .8em;
}
.blog_like .blog_like_on
{
	display: none;
	line-height:1;
}
.blog_like .blog_like_off
{
	display: block;
	line-height:1;
}
.active.blog_like .blog_like_off
{
	display: none;
}
.active.blog_like .blog_like_on
{
	display: block;
}
.active.blog_like
{
	 background: var(--red_color);
	color: #fff;
}
.article_item_title
{
	font-size: .8em;
	text-decoration: underline;
	opacity: .7;
	border: none;
	padding: 0px 5px;
	background: none;
       display: inline-flex;
       gap:5px;
}
.article_items:hover [data-bs-target].article_item_title
{
       color: var(--orange_color);
}
.blog_save
{
	display: flex;
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	border: none;
	transition: all .3s;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	padding-top: 0px;
	font-size: .8em;
	border-radius: 50%;
	background: #fff;
}
.blog_save .blog_save_on
{
	display: none;
	line-height:1;
}
.blog_save .blog_save_off
{
	display: block;
	line-height:1;
}
.active.blog_save .blog_save_off
{
	display: none;
}
.active.blog_save .blog_save_on
{
	display: block;
}
.active.blog_save
{
	 background:  var(--green_color);
	color: rgba(255,255,255,1);
}
.save_blog .txt_off
{
	display: inline;
}
.save_blog .txt_on
{
	display: none;
}
.active.save_blog .txt_off
{
	display: none;
}
.active.save_blog .txt_on
{
	display: inline;
}

.save_article .save_off
{
	display: inline;
}
.save_article .save_on
{
	display: none;
}
.active.save_article .save_off
{
	display: none;
}
.active.save_article .save_on
{
	display: inline;
}
.active.save_article i
{
       color: var(--green_color);
}
.blog_share_icon
{
	display: flex;
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	border: none;
	transition: all .3s;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	padding-top: 2px;
	font-size: .8em;
	background: #fff;
	border-radius: 50%;
}
.icon_btn
{
	display: flex;
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	border: none;
	transition: all .3s;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	font-size: .8em;
	background: #fff;
	border-radius: 50%;
	color: #000;
}
.blog_share
{
	display: flex;
	gap:7px;
	align-items: center;
}
.tooltips
{
	--bs-tooltip-bg: var(--themeblue);
  --bs-tooltip-color: var(--bs-white);
}
.custom_popup
{
       z-index: 1999;
}
.modal-open .header
{
       z-index: 799;
}
.custom_popup, .custom_popup :is(.modal-content )
{
	border-radius: 15px;

}
.custom_popup :is(.modal-header, .modal-footer)
{
	border: none!important;
}
.share_social_list
{
	display: flex;
	padding: 15px;
	gap:30px;
	justify-content: center;
	flex-wrap: wrap;
}
.share_social_btn
{
	display: flex;
	align-items: center;
	justify-content: center;
	gap:10px;
	flex-shrink: 0;
	text-decoration: none;
	color: #000;
	flex-direction: column;
}
.share_social_btn:hover .share_social_icon
{
       border-color:var(--themecyan);
}
.share_social_icon
{
	width: 60px;
	height: 60px;
	border-radius: 10px;
	border: 2px solid #eee;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6em;
}
.small_medium_txt
{
	font-size: .8em;
	font-weight: 500;
	color: #444;
}
.share_code_display
{
	display: block;
	padding: 15px;
	box-sizing: border-box;
	width: 100%;
	padding-right: 50px;
	border-radius: 10px;
	background: #f7f7f7;
	position: relative;
	overflow: hidden;
}
.share_code
{
	display: block;
	white-space: nowrap;
	max-width: 100%;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .9em;
	opacity: .7;
	border: none;
	outline: none;
	background: transparent;
	resize: none;
	height: 30px;
}
.share_code::selection
{
	background: transparent;
}
.copy_btn
{
	display: flex;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 10px;
	top: 15px;
	background: transparent;
	color: var(--orange_color);
	border: none;
}
.copy_success_msg
{
	display: flex;
	align-items: center;
	gap:15px;
	padding: 5px 15px 5px 5px;
	background: var(--green_color);
	color: #fff;
	position: absolute;
	border-radius: 50px;
	top: 50%;
	left: -30px;
	transition: all .3s;
	opacity: 0;
	transform: translateY(-50%);
}
.copy_success_msg i
{
	display: flex;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #fff;
	align-items: center;
	justify-content: center;
	color: var(--green_color);
}
.active.share_code_display .copy_success_msg
{
	left: 30px;
	opacity: 1;
}
.page_tags_list
{
	display: flex;
	margin: 15px 0px;
	gap:15px;
	justify-content: center;
	flex-wrap: wrap;
	width: 900px;
	margin: 30px auto;
	max-width: 100%;

}
.tag
{
	display: inline-block;
	padding: 2px 10px;
	border: 1px solid #ddd;
	border-radius: 40px;
	font-size: .8em;
	background: #eee;
	text-decoration: none;
	color: #444;
	transition: all .3s;
}
.tag:hover{
	background: #daf0f6;
}
.comment_section
{
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 30px auto;
	padding: 0px 30px;
	box-sizing: border-box;
	background: #f7f7f7;
	border-radius: 15px;
}
.author_section
{
	padding: 60px 0px 0px;
}
.page_title_border
{
	padding-bottom: 10px;
	display: block;
	width: 100%;
	max-width: 100%;
	border-bottom: 1px solid #eee;
}
.page_title
{
       font-size: 1.8em;
}
.related_blogs
{
	padding-bottom: 30px;
}
.related_blogs .slick-dots
{
	bottom: 5px;
}
.related_blogs .blog_list_box
{
	padding: 0px 15px;
}
.related_blogs .slick-dots li button::before
{
	 opacity: 1;
	font-size: 40px;
	color: var(--grey_color);
	margin: 15px auto;
}
.related_blogs .slick-dots li.slick-active button::before
{
	color: var(--orange_color);
}

.page .slick-dots, .trending_section .slick-dots
{
	bottom: 5px;
}
 .trending_section .slick-dots
{
	bottom:-15px;
}
.page .slick-dots li button::before , .trending_section  .slick-dots li button::before
{
	 opacity: 1;
	font-size: 40px;
	color: var(--grey_color);
	margin: 15px auto;
}
.page .slick-dots li.slick-active button::before  , .trending_section .slick-dots li.slick-active button::before
{
	color: var(--orange_color);
}

.add_comment_btn
{
	display: inline-flex;
	padding: 0px 15px;
	min-height: 40px;
	border-radius: 5px;
	background: var(--themecyan);
	color: #fff;
	align-items: center;
	justify-content: center;
	gap:15px;
	cursor: pointer;
	text-decoration: none;
}
.comment_section_title
{
	display: block;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
	margin-top: 30px;
	font-size: 1.4em;
	font-weight: 500;
}
.comment_list
{
	display: flex;
	width: 100%;
	height: auto;
	padding: 30px 15px;
	flex-direction: column;
	gap:30px;
	background: #fff;
	border-radius: 10px;
	margin: 15px 0px;
}

.comment_item
{
	display: flex;
	gap:30px;
	justify-content: flex-start;
	width: 100%;
	padding: 15px 15px 15px;
	box-sizing: border-box;
}
.comment_left
{
	min-width: 60px;
	flex-shrink: 0;
}
.comment_right
{
	flex: 1;
	display: flex;
	gap:5px;
	flex-direction: column;
}
.comment_title
{
	font-weight: 500;
	color: #000;
       max-width: 100%;
       word-break: break-all;
}
.comment_txt
{
	font-size: .9em;
	padding: 0px 0px;
	box-sizing: border-box;
	color: #444;
       max-width: 100%;
       word-break: break-all;
}
.comment_time
{
	display: inline-flex;
	gap:7px;
	font-size: .7em;
	opacity: .7;
	color: var(--orange_color);
}
.user_icon_lg
{
	display: flex;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  flex-shrink: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #517e94;
}
.user_icon_lg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.user_icon_md
{
	display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #517e94;
}
.user_icon_md img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.submit_comment
{
	display: inline-flex;
	min-height: 40px;
	border-radius: 5px;
	background: var(--orange_color);
	border: none;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-decoration: none;
	padding: 0px 15px;
       gap:10px;
}
.fullscreen_popup .modal-header
{
	border-bottom: none;
	padding:  calc( var(--header_height) + 90px ) 10vw 60px;
       padding: calc( var(--header_height) + 70px ) 17vw 60px;
}
.search_container
{
	display: flex;
	max-width: 100%;
	padding: 30px 10vw;
	box-sizing: border-box;
	flex-direction: column;
	height: auto;
}
.search_header
{
	display: flex;
	flex-direction: column;
	gap:30px;
	width: 900px;
	max-width: 100%;
	margin: 0px auto;
}
.search_title
{
	font-weight: 500;
	font-size: 1.4em;
	display: inline-flex;
	gap:15px;
	align-items: center;
}
.search_title i
{
	color: var(--orange_color);
}
.search_input_box
{
	display: flex;
	width: 100%;
	border: 2px solid #eee;
	border-radius: 100px;
	padding: 15px 20px;
	gap:15px;
	justify-content: space-between;
	align-items: center;
}
.search_input, .search_input :is( :focus,:active)
{
	font-size: 1.2em;
	flex: 1;
	border: none;
	outline: none;
	box-shadow: none;
}
.search_btn_lg
{
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	min-height: 44px;
	background: var(--themecyan);
	color: #fff;
	border:none;
	padding: 0px 20px;
	min-width: 150px;
	transition: all .3s;
}
.search_btn_lg:hover{
	background: var(--orange_color);
}
.no_result_box
{
	display: flex;
	flex-direction: column;
	gap:15px;
	text-align: center;
	padding: 30px;
}
.no_result_box.slick-slide
{
       display: flex!important;
       align-items: center;
}
.no_result_icon
{
	font-size: 2em;
	color: var(--red_color);
}
.fullscreen_popup .btn-close
{
	width: 40px;
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 50%;
}
.category_ul_list
{
	list-style: none;
	display: flex;
	margin: 0px;
	padding: 0px;
	flex-direction: column;
	gap:10px;
	font-size: .9em;
	margin-bottom: 30px;
}
.category_ul_li_title
{
	font-weight: 500;
	font-size: 1em;
	padding-bottom: 10px;
}
.category_ul_link
{
	text-decoration: none;
	transition: all .3s;
	color: #000;
	opacity: .7;
}
.category_ul_li_title .category_ul_link
{
	opacity: 1;
}
.category_ul_link:hover{
	color: var(--orange_color);
}
.user_display
{
	display: flex;
	align-items: center;
	gap:15px;
}

.user_likes_list
{
	display: flex;
	flex-direction: column;
	width: 100%;
	gap:30px;
	padding: 15px;
	box-sizing: border-box;
	height: auto;
	max-height: 50vh;
	overflow: hidden;
	overflow-y: auto;
}
.user_likes_item
{
	display: flex;
	align-items: center;
	gap:30px;
}
/*blog detail page*/
.facebook_color
{
       color: var(--facebook_color);
}
.twitter_color
{
       color: var(--twitter_color);
}
.pinterest_color
{
       color: var(--pinterest_color);
}
.whatsapp_color
{
       color: var(--whatsapp_color);
}
.linkedin_color
{
       color: var(--linkedin_color);
}
.instagram_color
{
       color: var(--instagram_color);
}
.home_welcome_box
{
	display: flex;
	width: 80%;
	padding: 30px 5vw;
	max-width: 100%;
	flex-direction: column;
	gap:10px;
	text-align: center;
	margin: auto;
}
.home_welcome_title
{
	font-size: clamp(2em, .5vw + 2.2em, 3.2em);
	font-weight: 600;
}
.home_welcome_txt
{
	font-size: .9em;
	font-weight: 300;
}
.home_tabs
{
	display: flex;
	align-items: center;
	justify-content: center;
	gap:7vw;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.home_tab_title
{
	display: flex;
	min-width: 150px;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
	padding: 0px;
	20px;
	border-radius: 40px;
	min-height: 40px;
	background: #eaf0fe;
	colo r: #fff;
	color: #444;
	outline: 2px solid transparent;
	cursor: pointer;
}
.active.home_tab_title
{
	background: var(--theme_gradient);
	color: #444;
	outline: 2px solid #444;
	box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.3);
}


.comment_login
{
	display: flex;
	flex-direction: column;
	border-radius: 15px;
	margin: 30px auto;
	max-width: 100%;
	width: 100%;
	height: auto;
	padding: 0px;
	overflow: hidden;
}
.comment_login_title
{
	display: flex;
	padding: 30px;
	box-sizing: border-box;
	font-size: 1.6em;
	font-weight: 500;
	background: linear-gradient(45deg , #d4f1ec, #ccddee);
}
.comment_login_content
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap:30px;
	flex-wrap: wrap;
	padding: 30px;
	background: rgba(255,255,255,.7);
	border: 1px solid #c6e2f9;
	border-radius: 0px 0px 15px 15px;
}
.blog_image
{
	display: block;
	width: 100%;
	max-width: 100%;
	margin: auto;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
}
.blog_image img
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.title_hover .blog_list_content
{
	position: absolute;
	bottom: 30px;
	z-index: 100;
	max-width: calc(100% - 30px);
	margin: auto;
	left: 15px;
	opacity: 0;
	color: #fff;
	transition: all .3s;
}
.title_hover:hover .blog_list_content
{
	opacity: 1;

}
.title_hover :is(.blog_list_title,.blog_list_category)
{
	color: #fff;
}
.title_hover:before
{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100;
	display: block;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	transition: all .3s;
	inset:0;
	border-radius: 10px;
}
.title_hover:hover:before{
	opacity: 1;
	-webkit-backdrop-filter:blur(4px);
	backdrop-filter:blur(4px);
}
/*author public profile*/
.profile_header
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap:30px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}
.profile_header_left
{
	display: flex;
	width: calc(70% - 30px);
	flex: 1;
}
.profile_header_right
{
	display: flex;
	padding-bottom: 15px;
	justify-content: flex-end;
	width: 30%;
}
.profile_header_menu
{
	display: flex;
	width: 100%;
}
.profile_menu
{
	list-style: none;
	display: flex;
	gap:3vw;
	flex: 1;
}
.profile_menu_li
{
	display: block;
	box-sizing: border-box;
	height: auto;
	overflow: hidden;
}
.profile_menu_link
{
	text-decoration: none;
	color: #000;
	min-height: 40px;
	width: 150px;
	line-height: 1;
	display: flex;
	padding-bottom: 15px;
	align-items: center;
	justify-content: center;
}
.active.profile_menu_link
{
	color: var(--themecyan);
	border-bottom: 1px solid var(--themecyan);
}

.profile_box
{
	display: flex;
	width: 100%;
	height: auto;
	text-align: center;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	max-width: 100%;
	border-radius: 10px;
	border: 1px solid #ddd;
	padding: 30px;
	box-sizing: border-box;
	position: sticky;
	top: 30px;
       background: rgba(255,255,255,1);
}
.profile_box_title
{
	font-weight: 600;
	font-size: 1.2em;
}
.profile_img_display
{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	flex-shrink: 0;
	overflow: hidden;
	margin: 30px auto;
	border: 3px solid rgb(193,233,247);
}
.profile_img_display img
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.profile_username
{
	font-weight: bold;
}
.profile_subtitle
{
	font-size: .9em;
	opacity: .7;
}
.profile_small_txt
{
	display: inline-flex;
	gap:5px;flex-wrap: wrap;
	font-size: .9em;
}
.time_display
{
	color: var(--themeblue);
}
.profile_social_list
{
	display: flex;
	padding: 30px;
	box-sizing: border-box;
	gap:30px;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.social_media_link
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	text-decoration: none;
	color: #000;
	font-size: 1.4em;
}
.facebook_link:hover{
	color: var(--facebook_color);
}
.twitter_link:hover{
	color: var(--twitter_color);
}
.pinterest_link:hover{
	color: var(--pinterest_color);
}
.instagram_link:hover{
	color: var(--instagram_color);
}
.user_subscribe
{
	display: block;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 10px;
	background: #f7e2b3;
}
.profile_tab_panes
{
	width: 100%;
	/*min-height: 60vh;*/
}
.footer
{
	background: #172c3e;
	background: #e4e2da;
	padding: 30px 30px;
}
.footer_logo
{
	fil ter: invert(100%);
	max-width: 100%;
	height: auto;
}
.footer_logo img
{
	max-width: 100%;
	max-height: 50px;
}
.footer_txt
{
	display: flex;
	width: 100%;
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
	font-size: .8em;
	justify-content: center;
	opacity: .7;
}
.footer_social_list
{
	display: flex;
	align-items: center;
	gap:30px;
	justify-content: center;
	padding: 30px 15px;
	flex-wrap: wrap;
}
.load_more
{
	display: inline-flex;
	gap:15px;
	padding: 10px 15px;
	border-radius: 7px;
	margin: auto;
	padding-left: 15px;
	position: relative;
	text-decoration: none;
	border: 1px solid #ddd;
	background: rgba(255,255,255,1);
	transition: all .3s;
}
.load_more:hover{
	box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.2);
}
.load_more i
{
	display: flex;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 10px;
	top: 10px;
	align-items: center;
	justify-content: center;
	opacity: 0;
}
.active.load_more
{
	padding-left: 40px;
}
.active.load_more i
{
	opacity: 1;
	color: var(--orange_color);
	animation: rotat 1s linear infinite;
	transform-origin: center center;
}
.load_more
{
	background: var(--theme_gradient);
  color: #444;
  border: 2px solid #444;
	border-radius: 40px;
  box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.3);
}
.load_more:hover{
	background: var(--theme_gradient);
	background: var(--orange_color);
	color: #fff;
}
@keyframes rotat
{
	to
	{
		transform: rotate(359deg);
	}
}
.author_statis_box
{
	display: flex;
	flex-direction: column;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
       overflow: hidden;
       cursor: default;
}
.author_statis_box_img
{
	width: 100%;
	height: auto;
	aspect-ratio:16/9;
	padding: 15px;
	max-height: 200px;
	box-sizing: border-box;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.author_statis_value
{
	display: inline-flex;
	max-width: calc(100% - 30px);
	position: absolute;
	left: 50%;
	bottom: -25px;
	background: rgba(255,255,255,.9);
	width: 180px;
	text-align: center;
	padding: 0px 10px;
	min-height: 50px;
	gap:10px;
	align-items: center;
	justify-content: center;
	transform: translateX(-50%);
	font-weight: bold;
	border-radius: 7px;
	outline: 3px solid rgba(255,255,255,1);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	z-index: 100;
}
.author_statis_box_info
{
	display: flex;
	align-items: center;
	padding: 50px 30px 30px;
	box-sizing: border-box;
	background: #fff;
	flex-direction: column;
	gap:10px;
       border: 1px solid #ddd;
	min-height: 100px;
       border-radius: 0px 0px 10px 10px;
}
.active.author_statis_box .author_statis_box_info
{
        background: #ffeedd;
       border: none;
}
.author_statis_box_title
{
	font-weight: bold;
	line-height: 1.4;
}
.statis_box_link
{
	text-decoration: none;
	font-size: .8em;
	color: #444;
	opacity: .4;
	background: rgba(255,255,255,0);
	transition: all .3s;
	padding: 5px 10px;
	border-radius: 7px;
}
:not(.active).author_statis_box .statis_box_link:hover, :not(.active).author_statis_box:hover .statis_box_link{
	background: rgba(255,255,255,.7);
	color: var(--themeblue);
	opacity: 1;
}
.my_activity_list
{
	display: flex;
	flex-direction: column;
	height: auto;
}
.my_activity_header
{
	display: flex;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	border: 2px solid #ddd;
	border-radius: 10px 10px 0px 0px;
	background: #fff;
}
.my_activity_title
{
	font-weight: 500;
	line-height: 1.2;
}
.my_activity_content
{
	display: flex;
	padding:0px;
	background: #fff;
	flex-direction: column;
}
.my_activity_item
{
	display: block;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	border: 2px solid #ddd;
	border-top: 0px;
}
.horizontal_list.blog_list_box
{
	flex-direction: row;
	padding-bottom: 20px;
	padding-top: 20px;
	gap:30px;
}
.horizontal_list .blog_list_header
{
	max-width: 30%;
}
.my_activity_footer
{
	padding: 30px;
	border: 2px solid #ddd;
	border-top: 0px;
	background: #fff;
	border-radius: 0px 0px 10px 10px;
}
.public_profile_cover
{
	padding: 0px 30px;
}
.public_profile_cover > .container
{
	background: #f7f7f7;
	padding: 30px;
	box-sizing: border-box;
}
.public_profile_cover  .page_tags_list
{
	background: #fff;
	padding: 60px 30px;
	box-sizing: border-box;
	border-radius: 10px;
}
/*author public profile*/

/*dashboard pages*/
.dashboard_header
{
	display: flex;
	align-items: center;
	padding: 60px 4vw;
       padding: 30px;
	box-sizing: border-box;
	flex-wrap: wrap;
	gap:30px;
	justify-content: space-between;
	border-radius: 0px 0px 30px 30px;
	background: linear-gradient(45deg, #8aa8d6,#7ed6f3 ,#8aa8d6);
}
.dashboard_header
{
	background-position: right center;
	background-repeat: no-repeat;
	padding: 30px 0px;
	box-sizing: border-box;
}
.dashboard_cover
{
	padding-top: 15px;
}
.dashboard_header_left, .dashboard_header_right
{
flex-shrink: 0;
}
.dashboard_header_left .user_info
{
       display: flex;
       flex-direction: column;
       align-items: center;
       row-gap:5px;
}
.dashboard_header_right
{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	flex: 1;
       min-width: 0px;
}
.user_display_lg
{
	display: flex;
	flex-direction: column;
	gap:5px;
       align-items: center;
       flex-direction: row;
       gap:30px;
	color: #fff;
	text-shadow: 0px 1px 2px rgba(0,0,0,.3);
}
.user_img_box
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 120px;
	overflow: hidden;
	border-radius: 50%;
	border: 2px solid #19dcff;
	position: relative;
}
.user_img
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.user_img_btn
{
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 50%;
	border: none;
	background: rgba(0,0,0,0.5);
	color: #fff;
	transition: all .3s;
	opacity: 0;
}
.user_img_btn i
{
	font-size: 1.4em;
}
.user_img_btn span
{
	font-size: .8em;
}
.user_img_box:hover .user_img_btn
{
	opacity: 1;
}
.user_name
{
	font-size: clamp(1.2em, 1.2em + .5vw , 1.4em);
}
.verified_user
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap:5px;
	white-space: nowrap;
	text-shadow: none;
}
.verified_user span
{
	background: #19dcff;
	padding: 1px 7px;
	font-size: .75em;
	border-radius: 5px;
	font-weight: 500;
}
.user_subtitle
{
	font-size: .9em;
}
.membership_note
{
	display: inline-flex;
	border: 1px solid #fff;
	padding: 2px 15px;
	border-radius: 30px;
	gap:15px;
	font-size: .8em;
}
.join_time
{
	color: #00fffc;
	color: #2F5B7E;
	text-shadow: none;
}
.profile_banner
{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	margin: 15px 0px;
	display: block;
	min-height: 100px;
	text-align: right;
}
.profile_banner_img
{
	position: relative;
	z-index: 10;
	max-width: 100%;
}
.profile_title
{
	font-weight:bold;
	position: absolute;
	z-index: 100;
	font-size: 1.6em;
	color: #fff;
	right: 45px;
	top:50%;
	transform: translateY(-50%);
	text-shadow: 0px 10px 15px rgba(0,0,0,0.2);
}
.dashboard_header .article_items
{
	background: none;
	border: none;
}
.dashboard_header .article_items .article_icon
{
	font-size: 1.4em;
}

.article_items :is(.blog_like, .icon_btn, .blog_save)
{
	width: 100%;
	height: 100%;
	border-radius: inherit;
}
.article_items
{
	padding: 0px;
}
.article_items .blog_share
{
	padding: 0px;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.dashboard_header .article_item_txt, .article_item_title
{
	/*color: #fff;
	opacity: 1;
       text-shadow: 0px 1px 3px rgba(0,0,0,0.4);*/
	text-decoration: none;
}
.dashboard_header .breadcrumb_public
{
	margin-left: auto;
}
.dashboard_header .breadcrumb_public .breadcrumb
{
	margin-bottom: 0px;
}
.dashboard_content
{
	display: block;
	width: 100%;
	padding:15px 0px;
	box-sizing: border-box;
	background: #f8f8f8;
	background: #f4f7fd;
       background: none;
	height: auto;
	/*min-height: 85vh;*/
	border-radius: 10px;
       flex: 1;
}
.dashboard_box
{
	display: block;
	padding: 15px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #bbb;
	height: 100%;
}
.dashboard_box_title
{
	font-size: .9em;
	font-weight: 300;
	opacity: .7;
       margin-bottom: 0px;
	text-transform: uppercase;
}

.dashboard_cover
{
	display: flex;
	align-items: flex-start;
	gap:30px;
	width: 100%;
	max-width: 100%;
}
.dashboard_box
{
	min-width: 300px;
	flex-shrink: 0;
}
.dashboard_content
{
	flex: 1;
	min-width: 0px;
}

.dashboard_menu_cover
{
	display: flex;
	width: 100%;
	min-height: 75vh;
       min-height: 60px;
	align-items: center;
       flex-direction: column;
}
.dashboard_menu
{
	list-style: none;
	display: flex;
	flex-direction: column;
       flex-direction: row;
	gap:15px;
       row-gap:3px;
	font-size: .9em;
	margin: auto 0px;
	padding: 15px 10px;
	width: 100%;
}
.dashboard_li:not(:last-child)
{
	dis play: block;
	bor der-bottom: 1px solid #eee;
	pa dding-bottom: 10px;
}
.dashboard_link
{
	display: flex;
	align-items: center;
	gap:10px;
	text-decoration: none;
	color: #182442;
	padding: 5px 10px;
	position: relative;
	transition: all .3s;
}
.dashboard_link:hover
{
	color: var(--themecyan);
}
.dashboard_link i
{
	color: #4f66b6;
}
.dashboard_link:hover i
{
	color: var(--themecyan);
}
.active.dashboard_link
{

}
.active.dashboard_link:after
{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	z-index: -1;
	left: 0px;
	opacity: .5;
	border-radius: 5px;
	background:  linear-gradient(45deg, rgba(255,255,255,0),#8aa8d6,#7ed6f3 ,#8aa8d6, rgba(255,255,255,0));

}
.section_title
{
	font-size: .9em;
	font-weight: 300;
	color: #4f66b6;
	margin-bottom: 15px;
}
.dashboard_box_footer
{
	display: flex;
	justify-content: space-between;
}
.view_all
{
	display: inline-flex;
	align-items: center;
	gap:10px;
	font-size: .8em;
	color: #444;
	text-decoration: none;
}
.comment_item
{

	padding: 15px;
	box-sizing: border-box;
}
.comment_item_header
{
	display: flex;
	gap:15px;
	text-decoration: none;
	color: #000;
	padding-bottom: 15px;
}
.blog_title
{
	text-decoration: none;
	line-height: 1.2;
}
.delete_comment
{
	display: flex;
	width: 24px;
	height: 24px;
	align-items: center;
	justify-content: center;
	background: #ddd;
	border-radius: 5px;
	cursor: pointer;
	transition: all .3s;
	color: #444;
	font-size: .9em;
}
.delete_comment:hover{
	background: var(--red_color);
	color: #fff;
}
.comment_text
{
	display: block;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 10px;
	background: #f2ffff;
	font-size: .9em;
	line-height: 1.4;
	color:#444;
	position: relative;
	width: 100%;
	height: auto;
       word-break: break-all;
}
.comment_text:before{
	content: "\F6B0";
	font-family: bootstrap-icons;
	color: #4599f9;
	font-size: 2em;
	position: absolute;
	top: -15px;
	left: -10px;

}
.comment_text:after
{
	content: "";
	width: 100%;
	height: 0px;
	display: table;
}
.comments_slider_cover
{
	padding: 15px 30px 0px;
	position: relative;
}
.prev_arrow, .next_arrow
{
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	background: transparent;
	border: 5px solid #4f66b6;
	border-right: none;
	border-bottom: none;
	top: 45%;
	cursor: pointer;
	transform: translateY(-50%);
	transition: all .3s;
}
.prev_arrow:hover, .next_arrow:hover{
	border-color: var(--themecyan);
}
.prev_arrow
{
	transform: rotate(-45deg);
	left: -15px;
}
.next_arrow
{
	right: -15px;
	transform: rotate(-225deg);
}


.image_preview_box, .image_croper_box {
  display: none;
  text-align: center;
}
.active.image_preview_box, .active.image_croper_box {
  display: block;
}
.active.image_croper_box {
  margin-top:30px;
}
.active.image_preview_box .croped_img_preview {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  background: var(--themeblue);
  border: 1px dashed var(--themecolor);
  border-radius: 50%;
  margin: 30px auto;
  width: 150px;
  max-width: 100%;
  object-fit: contain;
}
.hidden
{
	display: none;
}
.cancel_btn {
  background: #bbb;
  border: none;
  color: #fff;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
.crop_btn, .btn.crop_btn:hover
{
	background: var(--orange_color);
	color: #fff;
}
.btn.crop_btn:hover
{
	background: var(--blue_color);
}
.cropper_modal .modal-header
{
	background: linear-gradient(45deg, #8aa8d6,#7ed6f3 ,#8aa8d6);
	color: #fff;
}
.cropper_modal .modal-footer
{
	background: #fff;
}
.crop_save_btn
{
	background: var(--green_color);
	color: #fff;
}
.btn.crop_save_btn:hover{
	background: var(--green_color);
	color: #fff;
}
.my_activity_item .comment_item
{
	flex-direction: column;
	gap:5px;
}
.stats_box
{
	display: flex;
	align-items: center;
	justify-content: center;
	gap:5px;
	flex-direction: column;
	background: rgba(255,255,255,1);
	padding: 30px;
	box-sizing: border-box;
       border: 1px solid #ddd;
	border-radius: 10px;
	transition: all .3s;
       height: 100%;
}
.stats_box_icon
{
	display: flex;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #f4f7fd;
	align-items: center;
	justify-content: center;
	font-size: 1.4em;
}
.stats_box_value
{
	font-size: 2em;
	font-weight: bold;
	line-height: 1;
}
.stats_box_title
{
	font-size: .9em;
	font-weight: 500;
	opacity: .7;
}
.stats_box_link
{
	font-size: .8em;
	text-decoration: none;
	color: var(--green_color);
	transition: all .3s;
}
.stats_box_link:hover{
	color: var(--orange_color);
}
.stats_box:hover{
	box-shadow: 0px 30px 22px -15px rgba(0,0,0,0.05);
}
.social_media_accounts
{
	display: flex;
	gap:30px;
	flex-wrap: wrap;
	padding: 15px 0px;
}
.social_media_title
{
	font-weight: 500;
	font-size: 1.2em;
	max-width: 150px;
	line-height: 1.2;
}
.social_media_list
{
	display: flex;
	gap:30px;
	flex-wrap: wrap;
	align-items: center;
	flex: 1;
}
.social_media_item
{
	display: block;
	position: relative;
}
.sm_item_icon
{
	display: flex;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	border: 1px solid #444;
	align-items: center;
	justify-content: center;
	position: relative;
	font-size: 1.4em;
       cursor: pointer;
}
.socialmedia_popup .modal-content
{
	background: linear-gradient(45deg, #8aa8d6,#7ed6f3 ,#8aa8d6);
}
.socialmedia_popup :is(.modal-header, .modal-footer)
{
	border: none;
}
.sm_item_box
{
	display: flex;
	padding: 15px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.43);
	border-radius: 10px;
	flex-direction: column;
}
.socialmedia_popup .btn.cancel_btn
{
	background: #444;
	color: #fff;
}
.active.social_media_item:before{
	content: "\F26A";
	font-family: bootstrap-icons;
	color: var(--green_color);
	position: absolute;
	right:-10px;
	top: -5px;
	z-index: 100;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #fff;
	border-radius: 50%;
}

.sm_item_title
{
	font-weight: bold;
	font-size: 1.2em;
}
.sm_item_note
{
	font-size: .9em;
	font-weight: 400;
}
.sm_item_form
{
	display: flex;
	gap:10px;
	padding: 15px 0px;
}
.sm_add
{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2px 7px;
	border-radius: 5px;
	background: var(--green_color);
	color: #fff;
	border: none;
	transition: all .3s;
}
.sm_add:hover{
	box-shadow: 0px 10px 12px -7px rgba(0,0,0,.3);
}
.sm_remove
{
	display: flex;
	align-items: center;
	justify-content: center;
	padding:0;
	width: 30px;
	border-radius: 5px;
	background: var(--red_color);
	color: #fff;
	border: none;
	transition: all .3s;
}
.sm_remove:hover{
	box-shadow: 0px 10px 12px -7px rgba(0,0,0,.3);
}
.btn.cancel_btn:hover{
	background: #444;
	color: #fff;
}
.submit_btn
{
	background: linear-gradient(45deg, #8aa8d6,#7ed6f3 ,#8aa8d6);
	color: #fff;
	border: none;
	transition: all .3s;
	display: inline-flex;
	align-items: center;
	gap:10px;
}
.submit_btn:hover{
	box-shadow: 0px 10px 12px -7px rgba(0,0,0,0.3);
}
.verify_btn
{
	border: none;
	background: var(--themecyan);
	color: #fff;
	transition: all .3s;
}
.btn.verify_btn:hover{
	background: var(--themecyan);
	box-shadow: 0px 10px 12px -7px rgba(0,0,0,0.3);
}
.display_box
{
	display: flex;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 10px;
	background: #fff;
	flex-direction: column;
	gap:5px;
}
.display_box_header
{
	display: flex;
	align-items: center;
	gap:15px;
	padding: 0px 30px 15px;
}
.display_box_icon
{
	display: flex;
	width: 50px;
	height: 50px;
	align-items: center;
	justify-content: center;
	font-size: 1.4em;
	background: #ccedff;
	border-radius: 5px;
	flex-shrink: 0;
}
.display_box_title
{
	font-weight: 500;
}
.display_box_subtitle
{
	font-size: .8em;
	opacity: .7;
}
.display_box_header_info
{
	display: flex;
	flex-direction: column;
	flex: 1;
}
.display_box_content
{
	display: block;
	padding: 15px;
	height: auto;
	overflow: hidden;
}
.msg_box
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 30px 15px;
	box-sizing: border-box;
	flex-direction: column;
	border-radius: 10px;
	background: repeating-linear-gradient(45deg, #f7f7f7 0, #f7f7f7 15px, transparent 15px, transparent 30px);
}
.success.msg_box
{
	background: repeating-linear-gradient(45deg, #eef9ef 0, #eef9ef 15px, transparent 15px, transparent 30px);

}
.msg_title
{
	font-weight: bold;
	font-size: 1.2em;
}
.success.msg_box .msg_title
{
	color: var(--green_color);
	text-shadow: 0px 7px 9px rgba(0,0,0,0.1);
}
.msg_txt
{
	font-size: .9em;
	opacity: .7;
}
.email_display
{
	display: flex;
	padding: 10px 0px;
	box-sizing: border-box;
	width: 100%;
	background: #fff;
	gap:15px;
	flex-wrap: wrap;
}
.email_address
{
	display: flex;
	width: 50%;
	flex: 1;
	border-radius: 0px;
	background: #fff;
	border-bottom: 2px solid #eee;
	padding: 10px 10px;
}
.email_status
{
	display: flex;
	align-items: center;
	justify-content: center;
}
.email_status .verified
{
	display: none;
}
.email_status .verified span
{
	color: #fff;
}
.email_status .no_verified
{
	display: inline-flex;
	font-size: .8em;
	background: var(--orange_color);
	color: #fff;
	border-radius: 5px;
	padding: 3px 10px;
}
.active.email_status .verified
{
	display: inline-flex;
}
.active.email_status .no_verified
{
	display: none;
}
.mandatory label:before{
	content: "*";
	color: var(--red_color);
	margin-right: 3px;
	font-size: 1.2em;
	line-height: 1;
}
.footer_txt_link
{
	font-size: .9em;
	text-decoration: none;
	color: #444;
	transition: all .3s;
}
.footer_txt_link:hover{
	color: var(--orange_color);
}
.comment_reply
{
	padding-left: 15px;
	border-left: 1px solid #ddd;
	margin-top: 30px;
}
.page_bg
{
	backg round: #f6f6f6;
	min-height: 70vh;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 15px;
}
.download_btn
{
	display: inline-flex;
	gap:15px;
	background: var(--themecyan);
	color: #fff;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0px 15px;
	border-radius: 5px;
	text-decoration: none;
	width: 200px;
	max-width: 100%;
	transition: all .3s;
}
.download_btn:hover{
	box-shadow: 0px 10px 22px -10px rgba(0,0,0,.3);
}
/*dashboard pages*/
.dashboard_box_header
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap:15px;
}
.edit_btn
{
	gap:7px;
	display: flex;
	font-size: .8em;
	background: var(--themecyan);
	color: #fff;
	padding: 2px 7px;
}
.btn.edit_btn:hover{
	background: var(--orange_color);
	color: #fff;
}
.form-control-plaintext
{
	font-weight: bold;
	opacity: .7;
}
.mandatory .form-control-plaintext
{
	padding-left: 15px;
}
.contact_img
{
	display: block;
	max-width: 100%;
	padding: 30px 0px;
	box-sizing: border-box;
}
.contact_img img
{
	display: inline-block;
	max-width: 100%;
}
.contact_form
{
	padding: 30px;
	box-sizing: border-box;
	display: block;
	max-width: 100%;
	border-radius: 10px;
	background: #f4f7fd;
}
.header_burger_menu, .header_menu_bg
{
       display: none;
}
.header_menu_close
{
       display: none;
}

/*home changes */
.trending_section
{
	background: #000;
	padding: 3vw 0;
       max-width: 100%;
       height: auto;
       overflow: hidden;
}
.trending_title
{
	font-size: 4em;
	color: #fff;
	font-weight: bold;
}
.trending_section .home_section_header
{
	border-color: #444;
}
.trending_section .blog_list_header .blog_list_content
{
	opacity: 1;
}
.home_welcome_box
{
	padding: 5vw 0px;
}

.home_tabs
{
	padding-bottom: 5vw;
}
.explore_section
{
	padding: 5vw 3vw;
	position: relative;
}
.explore_section > *
{
	position: relative;
	z-index: 10;
}
.explore_section:before{
	content: "";
	width: 100%;
	height: calc(100%);
	background: var(--themeyellow);
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}
.explore_section:after{
	content: "";
	width: 100%;
	height: 15%;
	background: #fff;
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
       display: none;
}
.explore_section_title
{
	font-size: 3.2em;
	font-weight: 600;
}
.explore_section_txt
{
	font-size: 1.2em;
       font-weight: 300;
       width: 990px;
       max-width: 100%;
       margin: auto;
}
.explore_section_btn
{
	display: inline-flex;
	align-items: center;
	min-height: 55px;
	padding: 0px 30px;
	background: #000;
	align-self: flex-start;
	color: #fff;
	gap:25px;
	font-size: 1.4em;
	text-decoration: none;
	transition: all .3s;
}
.explore_section_btn:hover{
	box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.3);
}
.explore_section_img
{
	display: block;
	max-width: 100%;
}
.explore_section_img img
{
	max-width: 100%;
}
.explore_section_ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	gap:15px;
	display: flex;
	flex-direction: column;
}
.explore_section_li
{
	padding-left: 30px;
	position: relative;
	font-size: 1.2em;
}
.explore_section_li:before{
	content: "\F26A";
	font-family: "bootstrap-icons";
	font-size: .8em;
	position: absolute;
	left: 0px;
	top: 3px;

}
.side_listing
{
	padding-left: 15px;
	border-left: 1px solid #eee;
	height: 100%;
}
.side_listing .listing_user
{
	display: none;
}
.side_listing .blog_list_box
{
	flex-direction: row;
	gap:15px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
	margin-bottom: 30px;
}
.side_listing .blog_list_box:last-child{
       border-bottom: none;
}
.side_listing .blog_list_header
{
       max-width: 120px;
    flex-shrink: 0;
       width: 120px;
       border-radius: 5px;
}
.side_listing .blog_list_img_container
{
       border-radius: 5px;
       height: auto;
}
.side_listing .blog_list_title
{
       font-size: 1em;
}
.side_listing .blog_tag_title
{
       font-size: .85em;
       line-height: 1.4;
       min-height: 41px;
       max-height: 41px;
}

.side_listing .blog_list_box .blog_list_flex
{
       order: 2;
}
.side_listing_title
{
	font-size: .9em;
	padding-bottom: 10px;
	padding: 5px 10px;
	border: 1px solid #ddd;
	display: inline-flex;
	margin-bottom: 30px;
	position: relative;
	border-radius: 5px;
	background: #fff;
}
.side_listing_title:after{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 5px;
	top: 5px;
	border-radius: inherit;
	border: 1px solid #ddd;
	z-index: -1;
	background: #eee;
}


.blog_list_box2
{
	display: flex;
	flex-direction: row-reverse;
	gap:30px;
}
.blog_list_box2 .blog_list_title
{
	font-size: 1.25em;
}
.blog_list_box2 .blog_list_flex
{
	order:3;
}
.blog_list_txt
{
	font-size: 1em;
	display: -webkit-box;
	-webkit-line-clamp :3;
	color: #555;
       font-size: .9em;
       -moz-box-orient:vertical;
	-webkit-box-orient:vertical;
	overflow: hidden;
       margin-bottom: 5px;
}

.home_banner
{
	height: calc(100vh - ( var(--header_height) + var(--ul_height)));
	margin-top: calc(var(--header_height) + var(--ul_height));
}
.home_slider_content
{
	align-items: flex-start;

	padding: 5vw;
       padding-top: 3vw;
	max-width: 90%;
	height: auto;
	position: absolute;
	bottom: 0px;
	/*-webkit-backdrop-filter:blur(3px);
	backdrop-filter:blur(3px); background: rgba(40,69,96,0.1);border: 2px solid rgba(90,90,90,0.1);border-radius: 20px 20px 0px 0px;*/
}
.home_slider_item:before{
	content: "";
	width: 100%;
	height: 100%;
	inset:0;
	position: absolute;
	background-image: linear-gradient(to right, rgba(255,255,255,0.5) 1px, transparent 1px), linear-gradient(to top, rgba(255,255,255,0.5) 1px, transparent 1px);
	background-size: 70px 70px;
	mask-image:radial-gradient(80% 90%, rgba(255,255,255,0.9) , transparent 50%);
	z-index: 1;
}
.home_slider_item:after{
	content: "";
	position: absolute;
	display: block;
	inset:0;
	background: rgba(0,0,0,0.2);
	z-index: 1;
}
.banner_category
{
	position: relative;
	padding-left: 40px;
}
.banner_category:before{
	content: "";
	width: 30px;
	height: 2px;
	background: #ddd;
	display: block;
	position: absolute;
	left: 0px;
	top: 50%;
	opacity: .7;
}
.home_slider_content
{
	z-index: 10;
}
.banner_title_bg
{
	position: absolute;
	top: 50%;
	left: 10%;
	font-size:1200%;
	white-space: nowrap;	
	overflow: hidden;
	-webkit-background-clip: text;
	-webkit-text-fill-color:rgba(255,255,255,0.05);
	-webkit-text-stroke:.5px rgba(255,255,255,0.26);
	z-index:1;
}
.banner_title_bg
{
	animation:scrolls 120s 2s infinite linear;
}
@keyframes scrolls{
	from
	{
		transform: translateX(0);
	}
	to
	{
		transform: translateX(-100%);
	}
}
.banner_title, .home_slider_item
{
	text-align: left;

}
.header
{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1999;
       box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.1);
}
.header_categories
{
	width: 100%;
	position: absolute;
	left: 0px;
	top: var(--header_height);
	background: #2e2c2f;
	height: var(--ul_height);
	z-index: 1099;
}
.header_categories_inner
{
	width: 100%;
	position: relative;
	margin: auto;
	background: #2e2c2f;
	height: var(--ul_height);
	width: 1320px;
	max-width: 100%;
}
.header_row
{
	display: flex;
	align-items: center;
	gap:0px;
	padding: 0px 0px;
	height: var(--ul_height);
	margin: auto;
	max-width: 100%;
	box-sizing: border-box;
	--menu_height: 75vh;
}
.header_row_item
{
	font-weight: 500;
	color: #fff;
	height:var(--ul_height);
	display: flex;
	align-items: center;
	padding: 0px 30px;
	white-space: nowrap;
	position: relative;
       cursor: default;
       transition: all .3s;

}
.header_row_item > span
{
        font-size: .9em;
}
.header_row_item:hover
{
	background: #6b5f53;
}
.category_top_ul
{
	list-style: none;
	height: auto;
	display: flex;
	flex-direction: column;
	width: 300px;;
	margin: 0px;
	gap:var(--li_gap);
	padding: 15px 0px;
	/*background: rgba(255,255,255,.9);
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px);
	box-shadow: 0px 15px 22px -10px rgba(0,0,0,0.1);*/
	position: absolute;
	left: 0px;
	top: 100%;
	max-height: 0px;
       opacity: 0;
       transit ion: all .3s;
       /*min-height: calc(var(--menu_value) - ( (var(--header_height) * 1) + 60px));
	height: calc(var(--menu_value) - ( (var(--header_height) * 1) + 60px));
       max-height: calc(var(--menu_value) - ( (var(--header_height) * 1) + 60px));*/
      pointer-events: none;
}
#user_menu {
    z-index: 10000 !important;
}
.category_sub_ul
{
	list-style: none;
	height: auto;
	display: flex;
       display: none;
	flex-direction: column;
	width: 300px;;
	margin: 0px;
       gap:15px;
	padding: 15px 0px;
	background: rgba(255,255,255,.9);
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px);
	box-shadow: 0px 15px 22px -10px rgba(0,0,0,0.1);
	position: absolute;
	left: 0px;
	top: 100%;
	width: 300px;
	background: rgba(230,225,225,0.99);
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px);
	padding: 15px 15px 15px 15px;
	box-shadow: 0px 15px 22px -10px rgba(0,0,0,0.1);
	min-height: calc(var(--menu_height) - ( (var(--header_height) * 1) + 60px));
       min-height: calc(var(--menu_value) - ( (var(--header_height) * 1) + 60px));
	height: calc(var(--menu_value) - ( (var(--header_height) * 1) + 60px));
       max-height: calc(var(--menu_value) - ( (var(--header_height) * 1) + 60px));
        opacity: 0;
       m ax-width: 0px;
       max-height: 0px;
       padding-top: 25px;
       trans ition: all .3s;
       pointer-events: none;

}
.category_sub_ul .category_sub_link
{
	padding: 7px 0px 7px 0px;
}
.category_sub_ul .category_sub_level_title
{
       padding-bottom: 10px;
}
.header_row_item:hover > .category_top_ul
{
       opacity: 1;
       pointer-events: all;
	display: flex;
       ma x-height: none;
}
.header_row_item:hover > .category_sub_ul
{
       pointer-events: all;
	display: flex;
       opacity: 1;
       padding-top: 15px;
       max-width: 300px;
       max-height: none;
}
.category_top_li
{
	position: relative;
	width: 100%;

}
.category_li_item
{
	font-weight: 500;
	position: relative;
	width: 100%;

}
.category_li_item:hover{
	/*background: #dededd;*/
}
.category_sub_ul_level
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-direction: column;
	gap:10px;
	position: fixed;
	top: 0px;
	left: calc( 100%);
	width: 300px;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	background: rgba(230,225,225,0.99);
	/*-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px);*/
	padding: 15px 15px 15px 15px;
	box-shadow: 0px 15px 22px -10px rgba(0,0,0,0.1);
	max-height: 100%;

       opacity: 0;
       transition: all .3s;
}
.category_sub_li
{
	font-weight: 300;
	width: 100%;
       max-width: 100%;
       overflow: hidden;
       flex-shrink: 0;
}
.category_item_link
{
	text-decoration: none;
	color: #000;
	transition: all .3s;
	font-size: .9em;
	display: block;
	padding: 10px 15px 10px 15px;
	width: 100%;
       transition: all .3s;
       word-break: break-all;
       line-height: 1.2;
       white-space: normal;
}
.category_item_link:hover{
	color: var(--themecolor);
}
.category_sub_link
{
	text-decoration: none;
	transition: all .3s;
	color: #444;
	width: 100%;
	padding: 0px;
	display: flex;
	align-items: center;
	min-height: 24px;
       height: auto;
	font-size: .85em;
       max-width: 100%;
       word-break: break-all;
       overflow: hidden;
       line-height: 1.4;
}
.category_sub_link span
{
       display: block;
       width: 100%;
        max-width: 100%;
       word-break: break-all;
       overflow: hidden;
       line-height: 1.4;
}
.category_sub_link:hover{
	color: var(--themeblue);
       color: var(--orange_color);
}
.category_top_li:hover   .category_sub_ul_level
{

	display: flex;
       display: none;
       opacity: 1;
       max-width: 300px;
}
.category_sub_level_title
{
	font-size: .9em;
	font-weight: 600;
	color: #444;
}
 .category_sub_link span
{
	white-space: normal;
}


/*new changes*/
.category_top_cover
{
	display: block;
	width: 1320px;
	max-width: 90vw;
	padding: 60px;
	position: absolute;
	left: 0px;
	top: 100%;
	min-height: calc(var(--menu_value) - ( (var(--header_height) * 1) + 60px));
	height: calc(var(--menu_value) - ( (var(--header_height) * 1) + 60px));
    max-height: calc(var(--menu_value) - ( (var(--header_height) * 1) + 60px));
	background: rgba(255,255,255,.9);
       background: rgba(231, 239, 247, 0.9);
	backdrop-filter:blur(5px);
	transition: all .3s;
	opacity: 0;
	pointer-events: none;
}
.header_row_item:hover .category_top_cover
{
	opacity: 1;
	pointer-events: all;

}
.header_row_item:hover .category_top_ul
{
	pointer-events: all;
	opacity: 1;
	position: static;
	width: 100%;
       height: auto;
	max-height:100%;
	overflow: hidden;
	overflow-y: auto;
	padding: 0px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	scrollbar-width:thin;
	bord er-radius: 15px;
	padding: 15px;
	background: rgba(255,255,255,0.0);

}
.category_top_li
{
	width: 250px;
	line-height: 1.2;
	word-break: break-all;
}
.category_sub_ul_level
{
	display: none;
}
/*new changes*/

.blog_list_box .blog_list_content
{
       padding-top: 10px;
}
.side_listing .blog_list_flex
{
       flex-direction: column;
       align-items: flex-start;
       justify-content: flex-start;
       gap:2px;
}
.side_listing .blog_list_category
{
       white-space: nowrap;
       max-width: 100%;
       overflow: hidden;
       text-overflow: ellipsis;
}
.side_listing .blog_list_content
{
       gap:0px;
       padding-top: 0px;
       min-width: 0px;
}
.side_listing .blog_list_img_container
{
     max-height: 100%;
}
.blog_list_img_container
{
	border: 1px solid #2d2d2d;
	background: #f7efe9;
	box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.1);
}
.blog_list_img_container .blog_list_img
{

	object-fit: cover;
}
.side_listing .blog_list_img_container .blog_list_img
{
       height: auto;
}
.blog_list_title
{
	font-size: 1.1em;
}
/*home changes */
.page
{
	padding-top: calc(var(--header_height) + var(--ul_height));
}
 .slider_nav
{
	display: flex;
	align-items: center;
	justify-content: center;
	gap:30px;
	color: var(--themecolor);
	font-size: 1.6em;
	padding: 0px 15px;
	box-sizing: border-box;
}
.prev_arow, .next_arow
{
	transition: all .3s;
	cursor: pointer;
	outline: none;
}
.prev_arow:hover, .next_arow:hover
{
	color:#00b1c6;
}
.slick-disabled.prev_arow, .slick-disabled.next_arow
{
	color: #ddd;
	cursor: default;
}
.login_page .header_categories
{
       display: none;
}
.title_404
{
	font-size: 7em;
	font-weight:bold;
	margin: 10px auto;
	background: #ddeeff;
	background: linear-gradient(45deg, #70a0e8, #db0468);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	-webkit-text-stroke: 2px #444;
	text-shadow: 0px 10px 5px rgba(51,58,189,0.2);
}
.home_tab_title
{
	transition: all .3s;
}
.home_tab_title:not(.active):hover{
	background: #bbc8e8;
}

/*dashboard changes*/
.dashboard_cover
{
	position: relative;
	gap:15px;
	height: auto;
	flex-direction: column;

}
.dashboard_left
{
	width: 100%;
	border-radius: 10px;
	height: auto;
	background: #fff;
	flex-shrink: 0;
	position: sticky;
	top: 90px;
	z-index: 700;
}
.dashboard_left > *
{
	position: relative;
	z-index: 100;
}
.dashboard_left:after
{
	content: "";
	width: 100%;
	height: 40px;
	background:linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,1));
	position: absolute;
	left: 0px;
	bottom: calc(100% - 10px);
	z-index: -1;
}
.dashboard_left_header
{
	display: flex;
	align-items: center;
	gap:15px;
	min-height: 44px;
	width: 100%;
	justify-content: center;
	display: none;
}
.dasboard_menu_burger
{
	display: flex;
	width: 30px;
	height: 20px;
	cursor: pointer;
	position: relative;
}
.dasboard_menu_burger:before{
	content: "";
	width: 100%;
	height: 100%;
	border: 3px solid #444;
	border-left: 0px;
	border-right: 0px;
	position: absolute;
}
.dasboard_menu_burger:after{
	content: "";
	width: 100%;
	height: 3px;
	background: #444;
	left: 0px;
	top:50%;
	transform: translateY(-50%);
	position: absolute;
}
.dashboard_menu_cover
{
	z-index: 100;
	position: relative;
	border-radius: 10px;
       border: 1px solid #ddd;
       background: #fff;
}
.dashboard_menu
{
	justify-content: center;
}

.right_panel
{
	background: linear-gradient(45deg , #d4f1ec, #ccddee);
	padding: 15px;
	box-sizing: border-box;
	background: #f0f8ff;
	border-radius: 10px;
	position: sticky;
	top: 90px;
}
.right_panel .side_listing
{
	border: none;
	background: #fff;
	padding:15px;
}
.right_panel .side_listing .blog_list_box
{
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.right_panel .blog_list_img_container
{
	height: auto;
}
.right_panel .blog_list_box .blog_list_content
{
	padding-top: 0px;
	flex-direction: column-reverse;
       min-width: 0px;
}
.right_panel .blog_list_flex
{
	gap:5px;
}
.tags_groups_cover
{
	background: #fff;
	border-radius: 5px;
	padding: 15px;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.tags_groups
{
	display: flex;
	flex-wrap: wrap;
	gap:5px;
	max-width: 100%;
	width: 100%;
	height: auto;
}
.tags_groups .tag
{
	border-radius: 4px;
	border: none;
}
.tags_title
{
	opacity: .75;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
}
.article_content
{
	display: flex;
	gap:30px;
}
.article_left
{
	position: relative;
}
.article_right
{
	flex: 1;
	min-width: 0px;
}
.article_actions
{
	display: flex;
	flex-direction: column;
	gap:15px;
	position: sticky;
	top: 90px;
}
.article_actions .article_items
{
	width: 40px;
	height: 40px;
	flex-shrink: 0;
}
.page_top
{
	display: flex;
	align-items: center;
}
.page_top .breadcrumb
{
	margin-bottom: 0px;
}
.related_listing
{
	display: flex;
	flex-direction: column;
	gap:15px;
	padding: 15px 0px;
	box-sizing: border-box;
}
.related_list_item
{
	display: flex;
	flex-direction: column;
	gap:5px;
}
.related_list_item .related_category
{
	text-decoration: none;
	color:#7dadf2;
	font-size: .85em;
}
.related_list_item .blog_list_title
{
	font-size: .9em;
	color: #444;
}
.related_list_item .blog_list_time
{
	font-size: .8em;
	opacity: .5;
}
.related_list_item + .related_list_item
{
	border-top: 1px solid #eee;
	padding-top: 15px;
}

/*dashboard changes*/
/*category name slider*/
.category_slider_cover
{
	display: inline-block;
	width: auto;
	margin: auto;
	max-width: 100%;
	padding: 0px 40px;
	box-sizing: border-box;
	position: relative;
	text-align: center;
}
.category_name_slide
{
	display: flex;
	align-items: center;
	width: auto;
	padding: 0px 0px;
	max-width: 100%;
	margin: auto;
	overflow: hidden;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width:none;
	-ms-overflow-style: none;
	scroll-behavior: smooth;
}
.category_slider_item
{
	scroll-snap-align: start;
}
.category_name_slide :: webkit-scrollbar
{
	display: none;
}
.category_slide_item
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 2px 4px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	background: #fff;
	transition: all .5s;
       border-radius: 3px;
    margin: 0px 7px;
}
.category_slide_link
{
	text-decoration: none;
	color: #000;
	font-size: .8em;
	cursor: pointer;
	transition: all .5s;
       user-select: none;
	white-space: nowrap;
}
.category_slide_item:hover{
	background: #2e2c2f;
	color: #fff;
	border-color: #2e2c2f;
}

.scroll_end .arow_next
{
	opacity: .3;
	background: #eee;
	pointer-events: none;
}
.scroll_start .arow_prev
{
	opacity: .3;
	background: #eee;
	pointer-events: none;
}

.category_slide_item:hover .category_slide_link
{
	color: #fff;
}
.slide_arow
{
	display: flex;
	align-items: center;
	justify-content: center;
	width:36px;
	height: 36px;
	position: absolute;
	background: #fff;
	cursor: pointer;
	transition: all .3s;
	border-radius: 50%;
	flex-shrink: 0;
}
.arow_prev
{
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
}
.arow_next
{
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}
.slide_arow:hover{
	background: #dff1fb;
}
/*category name slider*/

/*article page*/
.info_note
{
	font-size: .7em;
	text-transform: uppercase;
	color: #bbb;
	letter-spacing: 1px;
	font-weight: 500;
       user-select: none;
}

.article_list_box
{
	display: flex;
	flex-direction: column;
	border: 2px solid #dcdcdc;
	gap:10px;
	transition: all .3s;
}
:not(.slick-track) .article_list_box
{
       height: 100%;
}
.article_list_box:hover{
	box-shadow: 0px 10px 32px -10px rgba(0,0,0,0.1);
}
.article_list_header
{
	display: block;
	width: 100%;
	height: auto;
	padding: 0px;
	box-sizing: border-box;
	max-width: 100%;
}
.recent_blog_slider .article_list_content
{
       gap:5px;
}
.recent_blog_slider .article_list_header
{
       width: auto;
       max-width: 40%;
}
.article_list_img_container
{
	width: 100%;
	position: relative;
}
.article_list_img
{
	border-radius: 0px;
	width: 100%;
	aspect-ratio:16/9;
}
.article_list_content
{
	padding: 0px 15px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap:10px;
       flex: 1;
}
.article_list_title
{
	font-weight: 500;
	font-size: 1.1em;
	text-decoration: none;
	color: #000;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow: hidden;
	transition: all .3s;
       min-height: 54px;
}
.article_list_title:hover{
	color: var(--themecyan);
}
.article_list_txt
{
	margin-bottom: 0px;
	font-size: .9em;
       display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow: hidden;
	color: #7e7e7e;
       min-height: 65px;
}
.article_list_footer
{
	display: flex;
	align-items: center;
	gap:15px;
	padding: 5px 10px;
	position: relative;
	margin-top: auto;
	overflow: hidden;
	height: 40px;
}
.article_list_footer:before{
	content: "";
	width: calc(100% - 0px);
	height: 2px;
	display: block;
	position: absolute;
	background: #eee;
	top: 0px;
	left: 0px;
}
.article_action_btn
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border:none;
	background: transparent;
	cursor: pointer;
	transition: all .3s;
	color: #7a7a7a;
}
.article_like_btn .like_icon
{
	display: block;
}
.article_like_btn .liked_icon
{
	display: none;
}
.active.article_like_btn .liked_icon
{
	display: block;
	color:var(--red_color);
}
.active.article_like_btn .like_icon
{
	display: none;
}
.article_list_flex
{
	display: flex;
	flex-direction: column;
	gap:5px;
}
.article_list_box .blog_list_category
{
	color: var(--themecyan);
}
.article_list_box .blog_list_time
{
	color: #bebebe;
	font-size: .8em;
}
.article_action_btn:hover{
	color: var(--themecyan);
}
.list_section_title
{
	font-size: 1.4em;
	font-weight: 500;
	line-height: 1.2;
	color: #000;
	display: inline-flex;
	gap:10px;
	margin-bottom: 0px;
}
.slide_style2.recent_blog_slider, .slide_style2
{
	padding: 15px 15px 15px;
	background: #f5fbfb;
	border-radius: 15px;
}
.slide_style2.recent_blog_slider:empty, .slide_style2:empty
{
	padding: 0px;
}
.recent_blog_slider .slick-dots li button::before{
	margin:-10px auto 0px;
}
.recent_slider_item
{
	display: block;

}
.recent_slider_item .article_list_box
{
	flex-direction: row;
	gap:0px;
	margin-bottom: 15px;
	border: none;
}
.recent_slider_item .article_list_box:hover{
	box-shadow: none;
}
.recent_slider_item .article_list_footer
{
              padding-bottom: 10px;
       border-bottom: 2px solid #eee;
       border: none;
}
.recent_slider_item .article_list_content
{
	padding-top: 15px;
}
.recent_slider_item .article_list_txt
{
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow: hidden;
}
.recent_slider_item .article_list_footer
{
	padding: 0px;
}
.recent_slider_item .article_list_footer:before
{
	left: 0px;
	width: 100%;
       display: none;
}
.recent_slider_item .article_action_btn
{
       color: #777;
}
/*article page*/
.header_search_bar_cover
{
	display: flex;
	gap:15px;
	background:#fff;
	padding: 5px 5px;
}
.header_search_bar
{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap:15px;
	border: 2px solid #ddd;
	padding: 5px 5px 5px 5px;
	border-radius:12px;
       align-self: center;
       background: #fff;
}
.search_bar_close
{
	display: none;
	align-self: center;
	cursor: pointer;
}
.header_search_list
{
       padding:0px 15px 0px 5px;
       border-right: 1px solid #ddd;
}
.header_search_input
{
	display: flex;
	align-items: center;
}
.header_search_btn
{
	display: flex;
	flex-shrink: 0;
	border: none;
	cursor: default;
	background: none;
	opacity: .5;
}
.header_input
{
	padding: 0px 5px;
	border: none;
	outline: none;
	flex:1;
	min-width: 0px;
	width: auto;
}
.header_search_filter
{
	display: flex;
	width: 30px;
	height: 30px;
	text-align: center;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border-radius: 7px;
	background: #eee;
}
.search_list_ul
{
	background: rgba(230,225,225,0.99);
	padding: 0px 5px;
	bor der-radius: 0px;
	bor der: none;
}
.search_list_title
{
	font-size: .9em;
	color: #444;
	cursor: default;
}
.search_list_search
{
	display: flex;
	align-items: center;
	max-width: 100%;
	padding: 5px 5px;
	border: 1px solid #ddd;
	border-radius: 7px;
	margin: 5px 0px;
	font-size: .85em;
	background: #fff;
}
.search_list_search i
{
	color: var(--themeblue);
	opacity: .7;
}

.search_list_input
{
	border: none;
	padding: 0px 5px;
	outline: none;
	box-shadow: none;
	width: 150px;
}
.category_search_ul
{
	display: flex;
	list-style: none;
	flex-direction: column;
	margin:0px 0 5px;
	padding: 5px 0px;
	gap:1px;
	max-height: 180px;
	overflow: hidden;
	overflow-y: auto;
	background: rgba(230,225,225,0.99);
	scrollbar-width:thin;
}
.category_search_ul::-webkit-scrollbar
{
	width: 12px;
}
.category_search_ul::-webkit-scrollbar-track
{
	background: #f0f0f0;
}
.category_search_ul::-webkit-scrollbar-thumb
{
	background: #cdcdcd;
}
.category_th_item
{
	display: flex;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400;
	font-size: .9em;
	cursor: pointer;
	transition: all .3s;
	padding: 5px;
	padding: 5px 10px;
	flex-shrink: 0;
	border-bottom: 1px solid rgba(230,225,225,1);
}
.category_th_item:hover
{
	background: #d3cfcf;
	color: #444;
}
.sub_category_section
{
	display: grid;
	gap:15px;
	grid-template-columns: 1fr  1fr;
	flex-wrap: wrap;
}
.sub_category_box
{
	display: flex;
	flex-direction: column;
	gap:10px;
	border: 2px solid #ddd;
	box-sizing: border-box;
       background: #f5f5f5;
	max-width: 100%;
       justify-content: space-between;
}
.sub_category_box_header
{
	display: flex;
	justify-content: space-between;
	gap:15px;
	padding: 15px;
	box-sizing: border-box;
}
.box_header_left
{
	display: flex;
	flex-direction: column;
}
.sub_category_box_title
{
	font-weight: 500;
	font-size: 1em;
       line-height: 1.2;
}
.sub_category_box .blog_list_time
{
	font-size: .8em;
	opacity: .5;
}
.box_readmore
{
	display: flex;
	align-items: center;
	justify-content: center;
	gap:7px;
	color: #fff;
	background: var(--orange_color);
	padding: 2px 7px;
	border-radius: 5px;
	font-size: .8em;
	text-decoration: none;
	transition: all .3s;
}
.box_readmore:hover{
	background: var(--themeblue);
	box-shadow: 0px 5px 22px -10px rgba(0,0,0,0.2);
}

.box_header_left
{
	max-width: 65%;
}
.sub_category_box_title
{
	display: -webkit-box;
-webkit-line-clamp :2;
-moz-box-orient:vertical;
-webkit-box-orient:vertical;
	overflow: hidden;
       word-break: break-all;
}
.box_readmore
{
	align-self: center;
	white-space: nowrap;
}
.sub_category_box_content
{
	display: flex;
	gap:15px;
	padding: 15px;
}
.sub_category_box_content .article_list_header
{
	width: 33%;
}
.blog_tag_title{
	font-weight: 300;
	text-decoration: none;
	color: #444;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow: hidden;
	transition: all .3s;
}
.blog_tag_title:hover{
	color: var(--themecyan);
}
.blog_tag_title span
{
       font-weight: 500;
       color: #000;
}


.header_go_btn
{
	display: flex;
	width: 30px;
	height: 30px;
	text-align: center;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border-radius: 7px;
	background: #eee;
	color: #fff;
	background: #2d2b2e;
	border: none;
	font-size: .85em;
	transition: all .3s;
}
.header_go_btn:hover{
	background: var(--themecolor);
	color: #fff;
}
.search_list_title
{
	display: flex;
	align-items: center;
}
.search_list_title > span
{
	display: block;
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.search_popups .header
{
	z-index: 12799;
}

.action_tooltip
{
	display: flex;
	background: var(--themeblue);
	color: #fff;
	font-size: .8em;
	width: auto;
	min-height: 30px;
	line-height: 30px;
	padding: 0px 15px;
	white-space: nowrap;
	border-radius: 7px;
	position: absolute;
	left: calc(100%);
	pointer-events: none;
	transition: all .3s;
	opacity: 0;
	cursor: pointer;
}
.action_tooltip:after{
	content: "";
	display: block;
	background:inherit;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	position:absolute;
	left: -3px;
	top:10px;
	z-index: 10;
	transition: all .3s;
}
.action_tooltip:hover{


}
.article_items:hover .action_tooltip
{
	display: flex;
	pointer-events: all;
	opacity: 1;
}
.tooltip_link:hover{
       background: #2e2c2f;
       text-decoration: underline;
}
.search_popup
{
	background: #fff;
	position: fixed;
	inset:0;
       padding: 30px;
	padding-top: calc(var(--header_height) + 0px);
	height: 100vh;
	overflow: hidden;
	max-width: 100%;
	max-height: 100vh;
	overflow-y: auto;
	display: none;
}
.active.search_popup
{
	display: flex;
       flex-direction: column;
	inset:0;
	padding-top: calc(var(--header_height) + 0px);
       z-index: 1200;
}
.search_popup_content
{
	display: block;
	height: auto;
	overflow: hidden;

}
.popup_close
{
	margin-left: auto;
	float: right;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	flex-shrink: 0;
	border: 1px solid #eee;
	background: #f7f7f7;
	font-size: 2em;
	color: #bbb;
	transition: all .3s;
}
.popup_close i
{
	transition: all .3s;
}
.popup_close:hover i
{
	transform: rotate(180deg);
}
body.search_popups
{
	overflow: hidden;
}
.search_popup_header
{
	display: flex;
	width: 100%;
	padding: 15px 10vw;
	background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0));
	position: fixed;
	max-width: 100%;
	height: 70px;
	z-index: 200;
}
.popup_close
{
	right: 5vw;
	margin-t op: -60px;
	position: relative;
}
.search_container
{
	z-index: 100;
}
/*new index*/
.trending_slider_item .blog_list_box
{
	padding-right: 15px;
	box-sizing: border-box;
}
.trending_slider_item .blog_list_box
{
	flex-direction: row;
	gap:15px;
}
.trending_slider_item .blog_list_box
{
	flex-direction: row;
	gap:15px;
	margin-bottom: 0px;
	padding-bottom: 15px;
}
.trending_slider_item .blog_list_content
{
	padding-top: 5px;
}
.trending_slider_item .blog_list_header
{
       max-width: 120px;
       border-radius: 5px;
}
.trending_slider_item .blog_list_img_container
{

       border-radius: 5px;
}
.trending_slider_item .blog_list_title
{
       font-size: 1em;
}
.trending_slider_item .blog_list_box .blog_list_flex
{
     flex-direction: column;
	align-items: flex-start;
	gap:0px;
}
.single_slider_cover
{
	padding: 15px;
       padd ing: 0px 0px 15px;
	box-sizing: border-box;
	border: 2px solid #444;
	border-radius: 10px;
	background: #c6e1f3;
}
.single_slider .title_hover:before
{
	opacity: 1;
}
.single_slider .title_hover .blog_list_content
{
	opacity: 1;
}
.single_slider .title_hover:hover:before{
	-webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
	opacity: .4;
}
.single_slider_item .blog_list_box
{
	flex-direction: row;
	gap:15px;
	margin-bottom: 0px;
	padding-bottom: 15px;
}
.single_slider_item .blog_list_box
{
	flex-direction: column;
}
.single_slider_item .blog_list_title
{
	line-height: 1.2;
}
.single_slider_item .blog_list_content
{
	line-height: 1.2;
       pa dding: 0px 15px;
}
.single_slider .slick-dots li button::before {
  opacity: 1;
  font-size: 40px;
  color: var(--grey_color);
  margin: 0px auto;
}
.single_slider .slick-dots li.slick-active button::before {
  color: var(--orange_color);
}
.trending_slider .slick-dots li button::before {
  opacity: 1;
  font-size: 40px;
  color: var(--grey_color);
  margin: 0px auto;
}
.trending_slider .slick-dots li.slick-active button::before {
  color: var(--orange_color);
}
.view_all_btn
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: all .3s;
	cursor: pointer;
	background: var(--orange_color);
	color: #fff;
	min-height: 44px;
	padding: 0px 30px;
	border: 2px solid #444;
	min-width: 230px;
	max-width: 100%;
	border-radius: 5px;
	box-shadow: 5px 5px 12px -5px rgba(0,0,0,0.3);
}
.view_all_btn:hover{
	background: var(--theme_gradient);
  color: #444;
}
.explore_section_subtitle
{
	font-size: 1.6em;
	font-weight: 600;
	text-align: center;
	line-height: 1.4;
}

.side_listing_2
{
	padding-left: 15px;
	border-left: 1px solid #eee;
	height: 100%;
}
.side_listing_2 .listing_user
{
	display: none;
}
.side_listing_2 .blog_list_box
{
	flex-direction: row;
	gap:15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.side_listing_2 .blog_list_box:last-child
{
	border-bottom: none;
}
.side_listing_2 .blog_list_header
{
       max-width: 120px;
       border-radius: 5px;
	display: none;
}
.side_listing_2 .blog_list_img_container
{
       border-radius: 5px;
}
.side_listing_2 .blog_list_title
{
       font-size: .95em;
}
.side_listing_2 .blog_list_box .blog_list_flex
{
       order: 2;
}
.side_listing_title
{
	font-size: .9em;
	padding-bottom: 10px;
	padding: 5px 10px;
	border: 1px solid #ddd;
	display: inline-flex;
	margin-bottom: 30px;
	position: relative;
	border-radius: 5px;
	background: #fff;
}
.side_listing_title:after{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 5px;
	top: 5px;
	border-radius: inherit;
	border: 1px solid #ddd;
	z-index: -1;
	background: #eee;
}
/*new index*/
.offcanvas-body .user_menu_display
{
	flex-direction: column;
}
.offcanvas-body .user_icon
{
	width: 90px;
	height: 90px;
	background: #fff;
	border: 1px solid #eee;
	padding: 2px;
}
.user_display_info
{
	max-width: 100%;
	min-width: 0px;
}
.user_name
{
	max-width: inherit;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.login_footer
{
       padding: 30px;
       box-sizing: border-box;
       width: 100%;
}
.login_page .footer_logo
{
       display: inline-block;
       max-height: 40px;
}
.login_page .footer_logo img
{
       max-height: 40px;
}
.header_bottom
{
       display: none;
}


/*no data box*/
.no_data_box
{
	display: flex;
	align-items: center;
	padding: 60px;
	box-sizing: border-box;
	background: #433e80;
	border-radius: 15px;
	position: relative;
	overflow: hidden;
}
.no_data_box:before{
	content: "";
	 width: 300px;
	height: 100px;
	background: #59c4ce;
	position: absolute;
	left: 60px;
	top: 0px;
	display: block;
	border-radius: 0px 0px 15px 15px;

}
.no_data_box:after{
	content: "";
	width: 90px;
	height: 120px;
	position: absolute;
	right: 90px;
	top: 30px;
  position: absolute;
	background-image:radial-gradient(rgba(255,255,255,1)2px, rgba(255,255,255,0)2px);
  background-size: 10px 10px;
  opacity: .7;
  z-index: 1;

}
.no_data_box_left
{
	width: 60%;
}
.no_data_box_right
{
	width: 40%;
}
.no_data_img
{
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio:1/1;
	max-width: 100%;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}
.no_data_img img
{
	max-width: 100%;
	max-height: 100%;
	position: relative;
	z-index: 10;
}
.no_data_img:after
{
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: var(--orange_color);
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}
.no_data_box_left
{
	color: #fff;
	position: relative;
	padding: 30px 30px;
	gap:10px;
	display: flex;
	flex-direction: column;
}
.no_data_title
{
	font-size: 2.4em;
	font-weight: 600;
}
.no_data_sub_title
{
	font-size: 1.4em;
	font-weight: 500;
}

/*no data box*/

/*preloaders*/
.slider_preloader
{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	box-sizing: border-box;
	max-width: 100%;
       min-height: 150px;
	height: inherit;
	position: absolute;
	inset:0;
	flex-direction: column;
}
.preloader_cirlces
{
	display: flex;
	align-items: center;
	justify-content: center;
	gap:15px;
	position: relative;
	min-height: 15px;
	width: auto;
	min-width: 72px;
}
.loader_circle
{
	width: 10px;
	height: 10px;
	border-radius: 20px;
	background: #ff8112;
	position: absolute;
	left: 0px;
}
.loader_circle:not(:first-child,  :last-child)
{
	animation : preloader_move .5s linear infinite;
}
.loader_circle:first_child
{
	padding-left: 0px;
}
.loader_circle:nth-child(2)
{
	left: 0px;

}
.loader_circle:nth-child(3)
{
	left: 30px;
}
.loader_circle:nth-child(4)
{
	left: 45px;
}
@keyframes preloader_move
{
	from
	{
		transform: translateX(0px);
	}
	to
	{
		transform: translateX(30px);
	}
}
.loader_circle:first-child{
	animation : preloader_scale .5s linear infinite;
}
.loader_circle:last-child{
	left: 60px;
	animation : preloader_scale  .5s linear infinite reverse;
}
@keyframes preloader_scale
{
	from
	{
		opacity: 0;
		transform: scale(0, 0);
	}
	to
	{
		opacity: 1;
		transform: scale(1,1);
	}
}
.preloader_title
{
	color: #403e3e;
	font-size: .75em;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.slider_container
{
	position: relative;
}
.init_slider .slider_preloader
{
	display: none;
}
.slider_container :is( .trending_slider , .single_slider_cover , .recent_blog_slider)
{
	transition: all .3s;
	opacity: 0;
	max-height: 30vh;
	visibility: hidden;
}
.slider_container.init_slider :is( .trending_slider , .single_slider_cover,.recent_blog_slider)
{
	display: block;
	visibility: visible;
	max-height: none;
	opacity: 1;
}
.preloader
{
	display: block;
	width: 40px;
	height: 40px;
	border: 5px solid #eee;
	border-radius: 50%;
	border-left-color:var(--themecolor);
	flex-shrink: 0;
	animation: rotates 1s linear infinite;
}
.preloader_cover
{
	display: flex;
	width: 100%;
	height: auto;
	max-height: 0px;
	transition: all .6s;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	opacity: 0;
}
.active.preloader_cover
{
	max-height: 30vh;
	opacity: 1;
}
.loader_preloader
{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: auto;
	gap:5px;
	padding: 30px;
	overflow: hidden;
}
@keyframes rotates
{
	from
	{
		transform: rotate(0deg);
	}
	to
	{
		transform: rotate(360deg);
	}
}
/*preloaders*/
.logo_display_box
{
	display: inline-flex;
	flex-direction: column;
}
/*responsive design desktop*/
@media screen and (max-width:1399px)
{
       .explore_btn
{
	transform: scale(calc( 1 - (1*.2)));
}
.banner_sub_title {
  font-size: clamp(2rem, .5vw + 3rem, 3rem);
  font-weight: 200;
  text-shadow: 0px 10px 10px rgba(0,0,0,0.2);
}
.banner_title {
  font-size: clamp(3rem, .5vw + 3rem, 4rem);
  font-weight: 600;
  text-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}
       .explore_section:after
       {
              display: none;
       }
       .home_section_header
       {
              padding: 7px 0px 7px;
       }
       .page_top ~ .page_body
       {
              padding: 5px 0px 30px;
       }
}/*1399*/
@media screen and (max-width:1299px)
{
       .header_ul
       {
              gap:15px;
       }
       .category_top_cover
       {
              padding: 60px 30px;
       }
}
@media screen and (max-width:1199px)
{

.details_view
{
	position: absolute;
	inset:0;
	background: rgba(0,0,0,.3);
	display: flex;
	align-items: center;
	justify-content: center;

}
.details_view span
{
	font-size: 2em;
	text-align: center;
	font-weight: 600;
	color: #fff;

}


       /*login page*/
       .login_page
{
	flex-direction: column;
}
.login_page_left, .login_page_right
{
	width: 100%;
}
.login_page_left
{
	position: absolute;
	z-index: 10;
	height: 100%;
	max-height: inherit;
}
.login_page_right
{
	position: relative;
	z-index: 100;
	padding: 0px;
       height: 100vh;
	padding-top: calc( var(--header_height) + 30px );
	background: transparent;
       flex-direction: column;
       justify-content: space-between;
}
.login_page_left .login_page_content
{
	display: none;
}
.login_footer
{
	background: #fff;
	margin-top: 30px;
	width: 100%;
	padding: 15px;
}
       .login_page_right
       {
              justify-content: center;
               min-height: 100vh;
              height: auto;
              padding-bottom: 60px;
       }
.login_page_right .login_box
{
	max-width: calc(100% - 30px);
       box-shadow: 0px 10px 22px -10px rgba(0,0,0,0.7);
}
.login_footer .footer_logo
{
	display: inline-block;
	align-self: center;
	justify-self: center;
	margin: auto;
	width: auto;
	max-width: 300px;
	text-align: center;

}
       .login_page_right:after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(255,255,255,.1);
	z-index: -1;
	backdrop-filter:blur(3px);
	height: 100%;
}
.login_page
{
	overflow: hidden;
}
       /*login page*/

       .side_listing .blog_list_header
       {
              max-width: 100px;
       }
          .banner_title_bg
       {
              top: 65%;
              font-size: 500%;
       }
       .logo_display_box
	{
		background: rgba(255,255,255,.1);
		padding: 20px 30px 5px;
		border-radius: 7px;
		width: 480px;
		max-width: 100%;
		backdrop-filter:blur(15px);
	}
	.logo_display_box .footer_logo
	{
		margin-bottom: 0px;
	}
	.logo_display_box .footer_txt
	{
		filter: invert(100%);
	}
}
/*1199*/
@media screen and (max-width:1099px)
{

       .home_slider_content
       {
              position: relative;
              max-width: 100%;
       }
       .home_banner
       {
              height: 400px;
              min-height: none;
              height: auto;
       }
.home_banner .slick-track
       {
              display: flex;
       }
       .home_banner .slick-slide
       {
              height: inherit;
       }

            .header_burger_menu
{
	display: flex;
	position: relative;
	width: 30px;
	height: 30px;
	cursor: pointer;
	position: relative;
	align-items: center;
	justify-content: center;
}
.burger_menu
{
	display: block;
	position: relative;
	width: 30px;
	height: 3px;
	border-radius: 10px;
	background: #444;
	cursor: pointer;
	transition: all .3s;
}
.burger_menu:before{
	content: "";
	width: 50%;
	height: inherit;
	background: inherit;
	display: block;
	position: absolute;
	left: 0px;
	top: -200%;
	transition: all .3s;
	border-radius: inherit;
}
.burger_menu:after{
	content: "";
	width: 70%;
	height: inherit;
	background: inherit;
	display: block;
	position: absolute;
	left: 0px;
	bottom: -200%;
	border-radius: inherit;
	transform-origin: right center;
	transition: all .3s;
}
.active.header_burger_menu .burger_menu
{
	background: var(--orange_color);
}
.active.header_burger_menu .burger_menu:before{
	left: 50%;
}
.active.header_burger_menu .burger_menu:after{
	left:30%;
}
.header_menu
{
	position: fixed;
	left: -110%;
	top: var(--header_height);
	width: var(--sidewidth);
	height: calc(100vh - var(--header_height));
	background: rgba(255,255,255,.9);
	z-index: 1999;
	padding: var(--header_height) 0px 30px;
	align-items: flex-start;
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px);
	transition: all .3s;
}
.active.header_burger_menu ~ .header_menu
       {
              left: 0px;
       }
       .header_menu_close
       {
              cursor: pointer;
              transition: all .3s;
       }
       .header_menu_close:hover
       {
              color: var(--themecolor);
              transform: rotate(180deg);
              cursor: pointer;
       }
       .header_link
{
	display: flex;
	width: 100%;
	transition: all .3s;
       padding: 10px 15px;
}
.header_link:hover{
	background: #6b5f53;
       color: #fff;
}
       .active.header_burger_menu ~ .header_menu_bg
{
	display: block;
	position: fixed;
	 inset:0;
	top: var(--header_height);
	background: rgba(0,0,0,0.5);
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px);
	cursor: default;
	z-index: 100;
}
.header_ul
{
	display: flex;
	flex-direction: column;
	height: auto;
	max-height: 100%;
	overflow: hidden;
	width: 100%;
	overflow-y: auto;
}
.header_menu_close
{
	display: flex;
	align-items: center;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 15px;
	right: 15px;
}
.header_right .header_search_bar_cover
       {
              order: 1;
       }
       .header_right .header_user_section
       {
              order: 2;
       }
    .header_right .header_burger_menu
{
	order: 3;
}

.header_right
{
	justify-content: space-between;
	flex: 1;
}
.header_user_section
       {
              margin-left: auto;
       }
.header, .header_right
{
	min-width: 0px;
	max-width: 100%;
}
       .dashboard_cover
       {
              padding: 0px 5vw;
              padding-top: 15px;
       }

       .side_lis ting .blog_list_box
       {
              flex-direction: column;
       }
       .header_search_input, .header_search_bar_cover, .header_search_bar
{
	fle x: 1;
}
.header_input
{
	max-width: 110px;
}




}/*1099*/
@media screen and (max-width:991px)
{
       .header_search_icon
       {
              display: none;
       }
       .header_search_bar
       {
              displ ay: none;
       }

.header_input
{
	flex: 1;
	max-width: 120px;
}
.header_search_input
{
	flex: 1;
}
    .trending_slider_item .blog_list_box
{
	padding-right: 0px;
	box-sizing: border-box;
}
       .right_panel
       {
              margin-top: 15px;
       }
       .side_listing .blog_list_header
       {
              max-width: 120px;
       }
       .no_data_box
       {
              padding: 90px 30px 30px;
       }

}/*991*/
@media screen and (max-width:899px)
{
       .header_login span
       {
              display: none;
              width: 40px;
              padding: 0px;
       }
       .header_login
       {
              padding: 0px;
              display: flex;
              align-items: center;
              flex-shrink: 0;
              justify-content: center;
              width: 40px;
              height: 40px;
              border-radius: 30%;
       }
       .header_login i {
           width: 40px;
           text-align: center;
           height: 40px;
           display: flex;
           align-items: center;
           justify-content: center;
         }

.dashboard_header
{
	flex-direction: column-reverse;
	background-size: cover;
	gap:0px;
	padding: 0px;
}
.page_header
{
	padding-left: 0px;
	padding-right: 0px;
}
.dashboard_header_left, .dashboard_header_right
{
	background: rgba(39,53,105,0.3);
	padding: 15px 0px;
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px);
}
.dashboard_header_left
{
	width: 100%;
	justify-content: center;
	align-items: center;
       padding-bottom: 15px;
}
.dashboard_header_left .user_display_lg
{
       display: flex;
	justify-content: center;
	width: auto;
	align-items: center;
}
.dashboard_header_right
{
	width: 100%;
	max-width: 100%;
       justify-content: center;
}
       .profile_banner
       {
              text-align: center;
              height: auto;
              min-height: auto;
              margin: auto;
              padding: 15px 0px;
       }
       .profile_title
       {
              position: static;
              transform: translateY(0);
       }
.dashboard_header_right .profile_banner_img
{
	max-width: 100%;
}
         .message_box
       {
              width: calc(100% - 30px);
       }
       .header_left
       {
              width: calc(var(--sidewidth) * .70);
       }
        .no_data_box
       {

              flex-direction: column-reverse;
              padding: 60px 15px 0px;
       }
        .no_data_box_left
       {
              width: 100%;
              padding: 30px 15px;
       }
        .no_data_box_right
       {
              width: 50%;
       }
}
/*899*/
@media screen and (max-width:767px)
{
       .header_row_item:not(.main_item)
       {
              display: none;
       }
       .header_categories
       {
              display: none;
       }
       .page
       {
              padding-top: var(--header_height);
       }
       .home_banner
       {
              margin-top: calc(var(--header_height) * 2 );
       }
       .home_banner
       {
              min-height: auto;
       }
     /*  .home_banner :is(.slick-list, .slick-track) {
         min-height: 400px;
       }
       .home_slider_item..slick-slide
       {
              min-height: 400px;
       }  .home_slider_content
       {
              min-height: 400px;
       }*/
       .search_input
       {
              width: 0px;
       }
     .home_slider_item.slick-slide
       {
              display: flex;
              flex: 1;
       }
 

              .comment_item
{
	padding: 0px;
	flex-direction: column;
	gap:5px;
}
.comment_reply
{
	border-left: 0;
	padding: 15px;
	background: #f1f9ff;
	border-radius: 5px;
}
      .article_content
       {
              flex-direction: column;
       }
       .article_actions
       {
              flex-direction: row;
       }
       .action_tooltip
{
	left: 15px;
	transform: translateX(-50%);
	top: 42px;
	position: absolute;
}
.action_tooltip:after{
	left: 55%;
	top: -5px;
	transform: translateX(-50%) rotate(45deg);
}
       .header_right
       {
              gap:15px;
       }

       .header_bottom
{
	display: flex;
	width: 100%;
       max-width: 100%;
	height: var(--header_height);
	he ight: 70px;
	flex-shrink: 0;
	flex: 1 1 100%;
	order: 3;
	justify-content: center;
	align-items: center;
       padding: 0px 0px;
       box-sizing: border-box;
}
.header
{
	flex-wrap: wrap;
	height: calc( var(--header_height) * 2);
	row-gap: 0px;
}
.header_left, .header_right
{
	height: var(--header_height);
}
.header_search_input, .header_search_bar_cover, .header_search_bar
{
	flex: 1;
}
       .active.search_popup
       {
              padding-top: calc(var(--header_height) * 2 + 0px);
       }

       .sub_category_section
{	display: flex;
	flex-direction: column;
}
       .search_popup_header
{
	background: linear-gradient(to bottom, rgba(255,255,255,1) 75%, rgba(255,255,255,0));
}
.popup_close
       {
              width: 40px;
              height: 40px;
              font-size: 1.4em;
              margin-top: -7px;
       }
       .sub_category_section
{	display: flex;
	flex-direction: column;
}
       .footer_logo
       {
              margin-bottom: 30px;
              display: block;
       }
       .article_list_title
       {
              min-height: auto;
       }
       .article_list_txt
       {
              min-height: auto;
       }

       /*header menu*/
       .header_menu
{
	flex-direction: column;
	gap:0px;
	overflow: hidden;
	overflow-y: auto;
}
.header_menu .header_categories
{
	position: relative;
	display: flex;
	left: 0px;
	top: 0px;
}
.header_categories_inner
{
	width: 100%;
	height: auto;
}
.header_row
{
	flex-direction: column;
	align-items: flex-start;
	height: auto;
}
.header_menu .header_categories .main_item
{
	width: 100%;
	position: relative;
       padding: 0px 0px;
       display: flex;
       flex-direction: column;
}
.header_menu .category_top_ul
{
	max-height: 1000px;
	pointer-events: all;
	opacity: 1;
	box-shadow: none;
	background: transparent;
	max-width: 100%;
      /* padding-top: 0px;*/
}
.header_menu .header_row_item:hover > .category_top_ul
{
	max-width: 100%;
       padding: 0px;
}
.header_row_item:hover .category_top_ul
       {
              padding: 15px 0px;
       }
.header_menu .category_top_li .category_sub_ul_level
{
	position: relative;
	left: 0px;
	max-width: 100%;
	box-shadow: none;
	max-height: 2000px;
	padding: 15px 15px;
       opacity: 1;
       display: flex;
       flex-direction: column;
}
.header_menu .category_top_li
       {
              width: 100%;
              max-width: 100%;
       }
.header_menu .header_row_item .first_item_link
{
	display: flex;
	width: 100%;
	align-items: center;
	height: var(--ul_height);
       text-decoration: none;
	background: #2e2c2f;
	color: #fff;
	padding: 0px 15px;
}
.header_menu .category_top_cover
{
	padding: 0px;
	pointer-events: all;
	opacity: 1;
	background: transparent;
	width: 100%;
	max-width: 100%;
	position: static;
	backdrop-filter:none;
	height: auto;
}
.header_menu .category_top_ul
{
	pointer-events: all ;
	opacity: 1;
	flex-direction: column;
	max-width: 100%;
	height: auto;
	max-height: none;
       overflow: hidden;
}
.header_menu .category_top_li
       {
              overflow: hidden;
       }
/*.header_menu .category_top_li:hover .category_sub_ul_level
{
	position: relative;
	left: 0px;
	max-width: 100%;
	box-shadow: none;
	max-height: 1000px;
	padding: 15px;
}*/

       /*header menu*/
       .login_page_center
       {
              padding-top: calc(var(--header_height)  * 2 );
       }
       .login_page_right
       {
              padding-top: calc( (var(--header_height)  * 2 ) + 30px);

       }
      .first_item_link
{
	display: flex;
	min-height: var(--ul_height);
}

}/*767*/
@media screen and (max-width:739px)
{
       .header_bottom
       {
              width: 100%;
       }
       .recent_blog_slider .article_list_header
{
	max-width: 100%;
}
.recent_blog_slider .article_list_box
{
	flex-direction: column;
}
       .recent_blog_slider .article_list_content
       {
              padding: 15px 0px;
       }


}
@media screen and (max-width:639px)
{
       .home_slider_item
       {
              padding: 5vw;
       }
       .home_slider_content
       {
              padding: 0px;
       }
        .banner_sub_title {
           font-size: clamp(1.4rem, .5vw + 1.6rem, 1.6rem);
         }
       .banner_title {
        font-size: clamp(2.4rem, .5vw + 2.4rem,  2rem);
        }
       .home_welcome_title {
         font-size: clamp(1.4em, .5vw + 1.4em, 1.6em);

       }
       .home_welcome_box
       {
              width: 100%;
       }
       .search_input_box
       {
              flex-direction: column;
              justify-content: center;
              border: none;
              padding: 0px;
       }
       .search_input
       {
              border: 2px solid #eee;
              padding: 15px 30px;
              width: 100%;
              border-radius: 40px;
              box-sizing: border-box;
       }

       .dashboard_header_right .article_item_txt span:first-child
{
	display: none;
}
.dashboard_header_right .article_item_title span:first-child
{
	display: none;
}
.banner_title_bg
       {
              display: none;
       }


}/*639*/
@media screen and (max-width:575px)
{
   /*    .header
       {
              flex-direction: column;
              height: calc( var(--header_height) * 2 );
              padding: 0px;
       }
       .header_left
       {
              width: 100%;
              align-items: center;
              justify-content: center;
              padding: 15px;
              box-sizing: border-box;
       }
       .header_right
       {
              width: 100%;
              justify-content: center;
              background: #f9f9f9;
       }*/
       .header_bottom
       {
              padding: 0px;
       }
       .home_banner
       {
              margin-top: calc(var(--header_height) * 2 );
       }
       .fullscreen_popup .modal-header {
         border-bottom: none;
         padding: calc( var(--header_height) + 100px ) 10vw 15px;
       }
       .search_container
       {
              padding: 5vw;
       }
        .page {
    padding-top: calc( 2 * var(--header_height));
  }
       .dashboard_header_left .user_display_lg
       {
              flex-direction: column;
       }
     .title_404
       {
              font-size: 5em;
       }
       .explore_btn
       {
              padding: 0px 10px;
              min-height: 40px;
              font-size: .9em;
              min-width: auto;
       }
       .home_slider_content
       {
              min-height: 280px;
              justify-content: flex-end;
       }
       .home_slider_content .explore_btn.mt-5
       {
              margin-top: 0px;
       }
       .home_slider_item:after
       {
              background: rgba(0,0,0,.4);
              transition: all .3s;
       }
       .home_slider_item:hover:after
       {
              background: rgba(0,0,0,0.3);
       }
}/*575*/
@media screen and (max-width:399px)
{
       .header_input {
    flex: 1;
    max-width: 70px;
  }
        .header_left {
    width: calc(var(--sidewidth) * .65);
  }
 .header
       {
              padding: 0px 15px;
              max-width: 100%;
       }
       .header_search_bar_cover
       {
              padding: 0px;
       }
       
       .responsive_logo
       {
              display: flex;
              align-items: center;
              height: 50px;
              overflow: hidden;
              gap:10px;
       }
       .responsive_logo .logo_icon
       {
              height: 100%;
       }
       .responsive_logo .logo_txt
       {
              height: 100%;
       }

}/*399*/