/*
  Theme Name: Zaira - News Magazine HTML Template
  Support: themegenix@gmail.com
  Description: Zaira - News Magazine HTML Template.
  Version: 1.0
*/

/* CSS Index
============================
01. Variable CSS
02. Header
03. Mobile Menu
04. Search
05. OffCanvas
06. Banner Post
07. Breadcrumb
08. About
09. Featured Post
10. Team
11. Newsletter
12. Latest Post
13. Categories
14. Recipe Post
15. Healthy Post
16. Spotlight Post
17. Politics Post
18. Trending Post
19. Recent Post
20. Overlay Post
21. Mining Post
22. Video Post
23. Editor Post
24. Weekly Post
25. Top News Post
26. Coin
27. Author
28. Pagination
29. Instagram
30. Contact
31. Footer
32. Preloader
============================
*/


/*=============================
	1. Google Fonts
===============================*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap');

/*=============================
	01. Variable CSS
===============================*/
:root {
	--tg-body-font-family: 'Inter', sans-serif;
	--tg-heading-font-family: "Barlow", sans-serif;
	--tg-primary-color: #94242B;
	--tg-secondary-color: #94242B;
	--tg-body-font-color: #545E69;
	--tg-heading-font-color: #333333;
	--tg-paragraph-color: #545E69;
	--tg-icon-color: #6D757F;
	--tg-border-color: #DFDFDF;
	--tg-border-dark: #273341;
	--tg-body-font-size: 16px;
	--tg-body-font-weight: 400;
	--tg-heading-font-weight: 700;
	--tg-body-line-height: 1.75;
	--tg-heading-line-height: 1.2;
	--tg-blue: #0d6efd;
	--tg-indigo: #6610f2;
	--tg-purple: #6f42c1;
	--tg-pink: #d63384;
	--tg-red: #dc3545;
	--tg-orange: #fd7e14;
	--tg-yellow: #ffc107;
	--tg-green: #198754;
	--tg-teal: #f1f1f1;
	--tg-cyan: #0dcaf0;
	--tg-white: #ffffff;
	--tg-black: #273341;
	--tg-black-two: #000000;
	--tg-gray: #D9D9D9;
	--tg-gray-two: #FFF;
	--tg-gray-three: #F9F9F7;
	--tg-gray-four: #DADADA;
	--facebook: #104E87;
	--twitter: #2EB4FF;
	--linkedin: #0C7ED0;
	--instagram: #FF2F7A;
	--youtube: #c4302b;
	--skype: #00aff0;
}

body {
	font-family: var(--tg-body-font-family);
	font-weight: var(--tg-body-font-weight);
	font-size: var(--tg-body-font-size);
	line-height: var(--tg-body-line-height);
	color: var(--tg-body-font-color);
	font-style: normal;
}

img,
.img {
	max-width: 100%;
	-webkit-transition: -webkit-transform 1s ease;
	transition: -webkit-transform 1s ease;
	transition: transform 1s ease;
	transition: transform 1s ease, -webkit-transform 1s ease;
}

.f-left {
	float: left
}

.f-right {
	float: right
}

.fix {
	overflow: hidden
}

a,
button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	text-decoration: none;
}

a:focus,
.btn:focus,
button:focus {
	text-decoration: none;
	outline: none;
	box-shadow: none;
}

a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	color: var(--tg-primary-color);
	text-decoration: none;
}

a,
button {
	color: var(--tg-primary-color);
	outline: medium none;
	text-decoration: none;
}

.btn:focus,
button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
	outline: 0
}

.uppercase {
	text-transform: uppercase;
}

.capitalize {}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--tg-heading-font-family);
	color: var(--tg-heading-font-color);
	margin-top: 0px;
	margin-bottom: .7rem;
	font-style: normal;
	line-height: var(--tg-heading-line-height);
	font-weight: var(--tg-heading-font-weight);

}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}

h1 {
	font-size: 2.5rem;
}

h2 {
	font-size: 2rem;
}

h3 {
	font-size: 1.75rem;
}

h4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1.25rem;
}

h6 {
	font-size: 1rem;
}

.list-wrap {
	margin: 0px;
	padding: 0px;
}

.list-wrap li {
	list-style: none
}

p {
	font-size: var(--tg-body-font-size);
	font-weight: var(--tg-body-font-weight);
	line-height: var(--tg-body-line-height);
	color: var(--tg-paragraph-color);

	margin-bottom: 15px;
}

hr {
	border-bottom: 1px solid var(--tg-primary-color);
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}

label {
	color: var(--tg-body-font-color);
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
}

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

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

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

*::-moz-placeholder {
	color: var(--tg-body-font-color);
	font-size: var(--tg-body-font-size);
	opacity: 1;
}

*::placeholder {
	color: var(--tg-body-font-color);
	font-size: var(--tg-body-font-size);
	opacity: 1;
}

.theme-overlay {
	position: relative
}

.theme-overlay::before {
	background: var(--tg-primary-color) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}

.separator {
	border-top: 1px solid var(--tg-primary-color);
}

/* Bootstrap 5 */
.container {
	padding-left: 15px;
	padding-right: 15px;
}

.row {
	--bs-gutter-x: 30px;
}

.row.g-0 {
	--bs-gutter-x: 0;
}

.gutter-y-30 {
	--bs-gutter-y: 30px;
}

.gutter-40 {
	--bs-gutter-x: 40px;
}

.gutter-20 {
	--bs-gutter-x: 20px;
}

/*=============================
	1. Button style
===============================*/
.btn {
	user-select: none;
	-moz-user-select: none;
	background: var(--tg-secondary-color) none repeat scroll 0 0;
	border: medium none;
	border-radius: 4px;
	color: var(--tg-white);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 0;
	padding: 18px 45px;
	text-align: center;

	touch-action: manipulation;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
	font-family: var(--tg-heading-font-family);
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.btn::before {
	content: "";
	position: absolute;
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	width: 200%;
	height: 200%;
	top: 110%;
	left: 50%;
	background: var(--tg-primary-color);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: -1;
}

.btn:hover {
	color: var(--tg-white);
}

.btn:hover::before {
	top: -40%;
}

.btn-two {
	background: var(--tg-primary-color);
}

.btn-two::before {
	background: var(--tg-secondary-color);
}

.breadcrumb>.active {
	color: var(--tg-primary-color);
}

/* scrollUp */
.scroll-top {
	width: 40px;
	height: 40px;
	line-height: 40px;
	position: fixed;
	bottom: -10%;
	right: 30px;
	font-size: var(--tg-body-font-size);
	border-radius: 6px;
	z-index: 99;
	color: var(--tg-white);
	text-align: center;
	cursor: pointer;
	background: var(--tg-primary-color);
	transition: 1s ease;
	border: none;
}

.scroll-top.open {
	bottom: 30px;
}

.scroll-top::after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.scroll-top:hover {
	background: var(--tg-secondary-color);
}


/*=============================
	02. Header
===============================*/
.custom-container {
	max-width: 1860px;
}

.transparent-header {
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	z-index: 9;
	height: auto;
}

#header-fixed-height.active-height {
	display: block;
	height: 95px;
}

/* header-top */
.header-top-wrap {
	background: var(--tg-secondary-color);
	padding: 6px 35px;
}

.header-top-menu .list-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

.header-top-menu .list-wrap li a {
	color: var(--tg-white);
	font-family: var(--tg-heading-font-family);
	font-size: 13px;
	font-weight: 700;
	line-height: normal;

}

.header-top-menu .list-wrap li a:hover {
	color: var(--tg-primary-color);
}

.header-top-social {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.header-top-social .title {
	margin-bottom: 0;
	color: var(--tg-white);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	margin-right: 6px;
	line-height: 1;
}

.header-top-social .list-wrap {
	display: flex;
	align-items: center;
	gap: 14px;
}

.header-top-social .list-wrap li a {
	font-size: 14px;
	color: var(--tg-white);
}

.header-top-social .list-wrap li a:hover {
	color: var(--tg-primary-color);
}

/* menu */
.menu-area {
	border-bottom: 1px solid var(--tg-gray);
}

.menu-nav {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

.logo img {
	max-height: 80px;
}

.header-left-side {
	display: flex;
	height: 100%;
}

.offcanvas-toggle {
	border-right: 1px solid var(--tg-gray);
	width: 100px;
}

.offcanvas-toggle a {
	padding: 30px 30px 30px 35px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	gap: 6px;
	height: 100%;
}

.offcanvas-toggle a span {
	width: 33px;
	height: 2px;
	border-radius: 2px;
	background: var(--tg-primary-color);
	transition: .3s linear;
}

.navbar-wrap {
	display: flex;
}

.navbar-wrap ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0 0;
	margin: 0 0 0 185px;
}

.navbar-wrap ul li {
	list-style: none;
	display: block;
	position: relative;
}

.navbar-wrap ul li a {
	font-size: 14px;
	font-weight: 700;

	color: var(--tg-heading-font-color);
	padding: 40px 17px;
	display: flex;
	align-items: center;
	line-height: 1;
	position: relative;
	z-index: 1;
	font-family: 'Manrope';
	gap: 5px;
}

.navbar-wrap>ul>li.menu-item-has-children>a::after {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	color: var(--tg-icon-color);
	font-size: 14px;
	line-height: 0;
	transition: all 0.3s ease-out 0s;
}

.navbar-wrap>ul>li.menu-item-has-children.active>a::after,
.navbar-wrap>ul>li.menu-item-has-children:hover>a::after {
	color: var(--tg-primary-color);
}

.navbar-wrap>ul>li.active>a,
.navbar-wrap>ul>li:hover>a {
	color: var(--tg-primary-color);
}

.main-menu .navigation li.menu-item-has-children .dropdown-btn {
	display: none;
}

.header-right-side {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 35px;
}

.header-search-wrap form {
	position: relative;
	width: 340px;
}

.header-search-wrap form input {
	width: 100%;
	border: 1px solid var(--tg-gray);
	background: transparent;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 400;
	color: var(--tg-secondary-color);
	padding: 12px 45px 12px 20px;
	line-height: 1;
	height: 45px;
}

.header-search-wrap form input::placeholder {
	font-size: 14px;
	font-weight: 400;
	color: var(--tg-body-font-color);
}

.header-search-wrap form button {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	padding: 0;
	font-size: 20px;
	line-height: 0;
	color: var(--tg-secondary-color);
}

.header-search-wrap form button:hover {
	color: var(--tg-primary-color);
}

.header-action>ul {
	display: flex;
	align-items: center;
	margin-left: 25px;
}

.header-action>ul li {
	position: relative;
	margin-left: 25px;
	line-height: 0;
}

.header-action ul li:first-child {
	margin-left: 0;
}

.header-action ul li a {
	color: var(--tg-paragraph-color);
	font-size: 24px;
	line-height: 0;
	position: relative;
	font-weight: 700;
}

.header-action ul li a:hover {
	color: var(--tg-primary-color);
}

.header-action ul li a span {
	position: absolute;
	width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;

	background: var(--tg-primary-color);
	color: var(--tg-white);
	font-size: 11px;
	font-weight: 600;
	border-radius: 50%;
	right: -10px;
	top: -4px;
}

.header-cart {
	display: flex;
	align-items: center;
	gap: 15px;
}

.header-cart strong {
	font-size: 14px;
	font-weight: 600;
	color: var(--tg-secondary-color);
}

.header-action .header-sine-in a {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: var(--tg-secondary-color);
}

.header-action .header-sine-in {
	margin-left: 20px;
}

.header-action .header-sine-in a i {
	color: var(--tg-body-font-color);
	font-size: 24px;
}

.header-action .header-sine-in a:hover i {
	color: var(--tg-primary-color);
	transition: all 0.3s ease-out 0s;
}

.header-action .header-btn .btn {
	color: var(--tg-white);
	font-size: 14px;
	padding: 13px 22px;
}

.navbar-wrap ul li .sub-menu {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	min-width: 230px;
	border: 1px solid #f5f5f5;
	background: var(--tg-white);
	margin: 0 0;
	transform: scale(1, 0);
	transform-origin: 0 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
	-moz-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
	box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
	border-radius: 0 0 5px 5px;
	padding: 18px 0;
	display: block;
	visibility: hidden;
	opacity: 0;
	z-index: 9;
}

.navbar-wrap ul li .sub-menu .sub-menu {
	right: auto;
	left: 100%;
	top: 0;
}

.navbar-wrap ul li .sub-menu li {
	margin-left: 0;
	text-align: left;
	display: block;
}

.navbar-wrap ul li .sub-menu li a {
	padding: 9px 15px 9px 25px;
	line-height: 1.3;
	font-weight: 700;
	color: var(--tg-heading-font-color);

	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	justify-content: space-between;
}

.navbar-wrap ul li .sub-menu>li.active>a,
.navbar-wrap ul li .sub-menu li a:hover {
	color: var(--tg-primary-color);
}

.navbar-wrap ul li .sub-menu>li>a::before,
.navbar-wrap ul li .sub-menu li a::before {
	content: "";
	position: absolute;
	width: 3px;
	height: 0px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: 15px;
	background: var(--tg-primary-color);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.navbar-wrap ul li .sub-menu>li.active>a::before,
.navbar-wrap ul li .sub-menu li a:hover::before {
	height: 11px;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.navbar-wrap ul li .sub-menu>li.menu-item-has-children>a::after {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	color: var(--tg-icon-color);
	font-size: 14px;
	line-height: 0;
	transition: all 0.3s ease-out 0s;
}

.navbar-wrap ul li .sub-menu>li.menu-item-has-children.active>a::after,
.navbar-wrap ul li .sub-menu>li.menu-item-has-children>a:hover::after {
	color: var(--tg-primary-color);
}

.navbar-wrap ul li:hover>.sub-menu {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.sticky-menu {
	position: fixed;
	left: 0;
	margin: auto;
	top: 0;
	width: 100%;
	z-index: 99;
	background: var(--tg-white);
	-webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	border-radius: 0;
}

.menu-area.sticky-menu {
	border-bottom: none;
}

/* header-two */
.header-style-two {
	background: #12253E;
}

.header-logo-area {
	padding: 25px 0;
}

.hl-left-side {
	display: flex;
	align-items: center;
	gap: 30px;
}

.hl-left-side .offcanvas-toggle {
	border-right: none;
	width: auto;
}

.offcanvas-toggle .menu-tigger-two {
	padding: 0;
}

.offcanvas-toggle .menu-tigger-two span {
	background: var(--tg-white);
}

.hl-right-side {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
}

.hl-right-side .header-search-wrap form {
	width: 425px;
}

.hl-right-side .header-search-wrap form input {
	border: 1px solid #3A506B;
	color: var(--tg-white);
}

.hl-right-side .header-search-wrap form input::placeholder {
	color: #8199B7;
}

.hl-right-side .header-search-wrap form button {
	color: var(--tg-white);
}

.header-social .list-wrap {
	display: flex;
	align-items: center;
	gap: 15px;
}

.header-social .list-wrap li a {
	color: var(--tg-gray-three);
}

.header-social .list-wrap li a:hover {
	color: var(--tg-primary-color);
}

.menu-area.menu-style-two {
	border-bottom: none;
	background: var(--tg-secondary-color);
}

.menu-style-two .navbar-wrap ul {
	margin: 0;
}

.menu-style-two .navbar-wrap>ul>li {
	margin-right: 40px;
}

.menu-style-two .navbar-wrap ul li:last-child {
	margin-right: 0;
}

.menu-style-two .navbar-wrap ul li a {
	padding: 23px 0;
	color: var(--tg-white);
}

.menu-style-two .navbar-wrap ul>li.active>a,
.menu-style-two .navbar-wrap ul>li>a:hover {
	color: var(--tg-primary-color);
}

.menu-style-two .header-action>ul {
	justify-content: flex-end;
}

.menu-style-two .header-action ul li a {
	color: #90A8C5;
}

.menu-style-two .header-action ul li a:hover {
	color: var(--tg-primary-color);
}

.menu-style-two .header-action .header-sine-in a {
	color: var(--tg-white);
}

.menu-style-two .header-action .header-sine-in a i {
	color: #90A8C5;
}

.menu-style-two .header-action .header-sine-in a:hover i {
	color: var(--tg-primary-color);
}

.menu-style-two .header-cart strong {
	color: var(--tg-white);
}


/* header-three */
.menu-area.menu-style-three {
	border-bottom: 1px solid var(--tg-border-color);
}

.header-top-wrap-two {
	background: var(--tg-secondary-color);
	padding: 16px 0;
}

.header-top-left .offcanvas-toggle {
	border-right: none;
	width: auto;
}

.header-top-left {
	display: flex;
	align-items: center;
	gap: 25px;
}

.header-top-right .header-search-wrap form {
	width: 240px;
	margin-left: auto;
}

.header-search-wrap-two form input {
	border: none;
	background: transparent;
	border-radius: 0;
	color: var(--tg-white);
	padding: 0 45px 0 0;
	height: auto;
}

.header-search-wrap-two form input::placeholder {
	color: #8199B7;
}

.header-search-wrap-two form button {
	right: 0;
	color: var(--tg-white);
}

.menu-style-three .navbar-wrap ul {
	margin: 0 auto;
}

/* header-four */
.header-top-wrap-three {
	background: var(--tg-secondary-color);
	padding: 11px 0;
}

.header-top-left-two .list-wrap {
	display: flex;
	align-items: center;
	gap: 20px;
}

.header-top-left-two .list-wrap li a {
	color: var(--tg-white);
	font-weight: 14px;
	font-weight: 600;
}

.header-top-left-two .list-wrap li a:hover {
	color: var(--tg-primary-color);
}

.header-top-right-two {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 28px;
}

.offcanvas-toggle.offcanvas-toggle-two {
	border-right: none;
	width: auto;
}

.header-top-right-two .header-top-social .list-wrap li a {
	font-size: 16px;
}

.header-logo-area-two {
	padding: 35px 0 0;
}

.header-search-wrap.header-search-wrap-three {
	display: flex;
	align-items: center;
}

.header-search-wrap.header-search-wrap-three form {
	width: 200px;
}

.header-search-wrap.header-search-wrap-three form input {
	width: 100%;
	border: none;
	background: transparent;
	border-radius: 0;
	font-size: 14px;
	font-weight: 400;
	color: var(--tg-secondary-color);
	padding: 0 45px 0 0;
	line-height: 1.6;
	height: auto;
}

.header-search-wrap.header-search-wrap-three form button {
	right: 0px;
	font-size: 24px;
	color: var(--tg-icon-color);
}

.header-search-wrap.header-search-wrap-three form button:hover {
	color: var(--tg-secondary-color);
}

.header-action.header-action-two .list-wrap {
	justify-content: flex-end;
}

.menu-style-four .menu-nav {
	justify-content: center;
}

.menu-style-four .navbar-wrap ul {
	margin: 0 auto;
}

.menu-style-four .navbar-wrap ul li a {
	font-size: 16px;
	padding: 37px 20px;
}

.menu-area.menu-style-four {
	border-bottom: none;
}

/* header-five */
.header-logo-area-three {
	background: #12253E;
	padding: 35px 0;
}

.hl-left-side-three {
	display: flex;
	align-items: center;
	gap: 25px;
}

.hl-left-side-three .header-search {
	line-height: 0;
}

.hl-left-side-three .header-search a {
	color: var(--tg-white);
	font-size: 20px;
}

.hl-left-side-three .header-search a:hover {
	color: var(--tg-primary-color);
}

.header-logo-area-three .header-top-social .list-wrap {
	gap: 18px;
}

.header-logo-area-three .header-top-social .list-wrap li a {
	font-size: 16px;
	color: var(--tg-white);
}

.header-logo-area-three .header-top-social .list-wrap li a:hover {
	color: var(--tg-primary-color);
}

.menu-style-five .navbar-wrap ul li a {
	padding: 28px 0;
}

/* header-six */
.header-top-wrap-four {
	background: var(--tg-secondary-color);
	padding: 5px 0;
}

.header-top-left-four {
	display: flex;
	align-items: center;
	gap: 8px;
}

.trending-box {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 4px 30px 4px 5px;
	position: relative;
	z-index: 1;
}

.trending-box .shape {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.trending-box .shape svg {
	overflow: visible;
	width: 100%;
	height: 100%;
}

.trending-box .icon {
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--tg-primary-color);
}

.trending-box span {
	font-size: 13px;
	font-weight: 600;
	color: var(--tg-white);
}

.ta-trending-slider {
	height: 40px;
	margin: 0;
}

.ta-trending-slider .swiper-slide {
	display: flex;
	align-items: center;
}

.trending-content a {
	color: #FFF;
	font-size: 14px;
}

.trending-content a:hover {
	color: var(--tg-white);
}

.header-logo-area-four {
	padding: 35px 0;
	border-bottom: 1px solid var(--tg-gray);
}

.hl-left-side-four .date {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
	color: var(--tg-body-font-color);
	gap: 6px;
	font-family: var(--tg-heading-font-family);
}

.hl-left-side-four .date i {
	line-height: 0;
	color: #6D757F;
}

.hl-right-side-four {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
}

.hl-right-side-four .sign-in a {
	display: flex;
	align-items: center;
	font-size: 15px;
	font-weight: 600;
	font-family: var(--tg-heading-font-family);
	color: var(--tg-body-font-color);
	gap: 8px;
}

.hl-right-side-four .sign-in a i {
	line-height: 0;
	font-size: 22px;
}

.hl-right-side-four .sign-in a:hover {
	color: var(--tg-primary-color);
}

.subscribe-btn .btn {
	padding: 15px 27px;
	text-transform: uppercase;
}

.menu-area.menu-style-six {
	border-bottom: none;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
}

.menu-style-six .navbar-wrap ul li a {
	padding: 28px 17px;
}

.menu-style-six .navbar-wrap ul {
	margin: 0 auto;
}

.menu-style-six .offcanvas-toggle {
	border-right: 1px solid var(--tg-gray);
	border-left: 1px solid var(--tg-gray);
	width: 70px;
}

.menu-style-six .offcanvas-toggle a {
	padding: 15px 5px 15px 5px;
}

.menu-style-six .offcanvas-toggle a span {
	background: var(--tg-body-font-color);
}

.menu-style-six .menu-nav {
	align-items: normal;
}

/*=============================
	03. Mobile Menu
===============================*/
.nav-outer .mobile-nav-toggler {
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	display: none;
	color: var(--tg-white);
	margin-right: 30px;
	top: 15px;
}

.nav-logo img {
	width: 150px;
}

.mobile-menu {
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right: 30px;
	max-width: 100%;
	height: 100%;
	z-index: 99;
	border-radius: 0px;
	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)e;
	-o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu .navbar-collapse {
	display: block !important;
}

.mobile-menu .nav-logo {
	position: relative;
	padding: 30px 25px;
	text-align: left;
}

.mobile-menu-visible {
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .navigation li.current>a:before {
	height: 100%;
}

.menu-backdrop {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	opacity: 0;
	visibility: hidden;
	background: rgba(0, 0, 0, 0.5);
}

.mobile-menu-visible .menu-backdrop {
	opacity: 1;
	visibility: visible;
}

.mobile-menu .menu-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	background: var(--tg-white);
	padding: 0px 0px;
	z-index: 5;
	box-shadow: -9px 0 14px 0px rgb(0 0 0 / 6%);
}

.mobile-menu-visible .mobile-menu .menu-box {
	opacity: 1;
	visibility: visible;
}

.mobile-menu .close-btn {
	position: absolute;
	right: 15px;
	top: 28px;
	line-height: 30px;
	width: 35px;
	text-align: center;
	font-size: 20px;
	color: #292b37;
	cursor: pointer;
	z-index: 10;
	-webkit-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

.mobile-menu .navigation {
	position: relative;
	display: block;
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
}

.mobile-menu .navigation ul {
	padding: 0;
	margin: 0;
}

.mobile-menu .navigation li {
	position: relative;
	display: block;
	border-top: 1px solid rgb(0 0 0 / 10%);
}

.mobile-menu .navigation:last-child {
	border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.mobile-menu .navigation li>ul>li:first-child {
	border-top: 1px solid rgb(0 0 0 / 10%);
}

.mobile-menu .navigation li>a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 60px 10px 25px;
	font-size: 14px;
	font-weight: 700;
	color: var(--tg-heading-font-color);

	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border: none;
	font-family: var(--tg-heading-font-family);
}

.mobile-menu .navigation li ul li>a {
	font-size: 14px;
	margin-left: 20px;

}

.mobile-menu .navigation li ul li ul li a {
	margin-left: 40px;
}

.mobile-menu .navigation li ul li ul li ul li a {
	margin-left: 60px;
}

.mobile-menu .navigation li>a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn {
	position: absolute;
	right: 15px;
	top: 6px;
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 16px;
	line-height: 32px;
	color: var(--tg-white);
	background: var(--tg-primary-color);
	cursor: pointer;
	border-radius: 2px;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	z-index: 5;
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn i {
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn.open i {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	color: var(--tg-primary-color);
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
	display: none;
}

.mobile-menu .social-links ul {
	display: flex;
	position: relative;
	text-align: center;
	padding: 30px 20px 20px;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.mobile-menu .social-links li {
	position: relative;
	display: inline-block;
	margin: 0px 6px 10px;
}

.mobile-menu .social-links li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	position: relative;
	line-height: 32px;
	font-size: 16px;
	color: var(--tg-heading-font-color);
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border: 1px solid var(--tg-gray);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.mobile-menu .social-links li a:hover {
	border-color: var(--tg-primary-color);
	background: var(--tg-primary-color);
	color: var(--tg-white);
}

.menu-area .mobile-nav-toggler {
	position: relative;
	float: right;
	font-size: 30px;
	cursor: pointer;
	line-height: 1;
	color: var(--tg-primary-color);
	display: none;
	margin-top: 0;
	margin-left: 10px;
	margin-right: 10px;
}

.mobile-search {
	padding: 0 20px 25px 25px;
}

.mobile-search form {
	position: relative;
}

.mobile-search input {
	display: block;
	width: 100%;
	border: 1px solid var(--tg-gray);
	padding: 10px 45px 10px 20px;
	font-size: 14px;
	font-weight: 400;
	height: 45px;
	background: transparent;
	color: var(--tg-secondary-color);
}

.mobile-search input::placeholder {
	font-size: 14px;
	font-weight: 400;
	color: #545E69;
}

.mobile-search button {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	border: none;
	padding: 0;
	right: 20px;
	line-height: 1;
	background: transparent;
	color: var(--tg-secondary-color);
}


/*=============================
	04. Search
===============================*/
.search__popup {
	padding-top: 70px;
	padding-bottom: 100px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: var(--tg-white);
	backdrop-filter: blur(10px);
	z-index: 99;
	-webkit-transform: translateY(calc(-100% - 80px));
	-moz-transform: translateY(calc(-100% - 80px));
	-ms-transform: translateY(calc(-100% - 80px));
	-o-transform: translateY(calc(-100% - 80px));
	transform: translateY(calc(-100% - 80px));
	-webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	-moz-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	transition-delay: 0.5s;
}

.search__input {
	position: relative;
	height: 80px;
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
	transition: all 0.3s ease-in-out;
	transition-delay: 0.5s;
	opacity: 0;
}

.search__input::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 0%;
	height: 1px;
	background-color: var(--tg-primary-color);
	transition-delay: 0.3s;
	transition: all 0.3s ease-in-out;
}

.search__popup.search-opened .search__input::after {
	width: 100%;
	transition-delay: 0.5s;
}

.search__input input {
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 0;
	outline: 0;
	font-size: 24px;
	color: var(--tg-heading-font-color);
	border-bottom: 1px solid transparent;
	padding: 0;
	padding-right: 30px;
}

.search__input input::placeholder {
	font-size: 24px;
}

.search__input .search-input-field~.search-focus-border {
	position: absolute;
	bottom: 0;
	left: auto;
	right: 0;
	width: 0;
	height: 1px;
	background-color: var(--tg-primary-color);
	transition: all 0.5s;
}

.search__input .search-input-field:focus~.search-focus-border {
	width: 100%;
	left: 0;
	right: auto;
	transition: all .5s;
}

.search__input button {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 18px;
	color: var(--tg-primary-color);
	border: none;
	padding: 0 0;
	background: transparent;
}

.search__popup.search-opened {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
	transition-delay: 0s;
	z-index: 99999999;
}

.search__popup.search-opened .search__input {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	transition-delay: 0.3s;
}

.search__close {
	position: absolute;
	top: 10%;
	right: 2%;
	z-index: 2;
}

.search-close-btn {
	margin: 0;
	padding: 0;
	border: none;
	color: var(--tg-primary-color);
	cursor: pointer;
	background: transparent;
}

.search-popup-overlay {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
	transition: all 0.3s ease-in-out;
	transition-delay: 0.5s;
	opacity: 0;
	visibility: hidden;
	background: #000d25;
}

.search-popup-overlay.search-popup-overlay-open {
	opacity: .55;
	visibility: visible;
	transition-delay: 0s;
}

/*=============================
	05. OffCanvas
===============================*/
.offCanvas-wrap {
	position: fixed;
	overflow-y: auto;
	top: 0px;
	left: 0px;
	width: 395px;
	padding: 80px 58px 75px;
	transform: translateX(-100%);
	height: 100%;
	background-color: var(--tg-white);
	z-index: 1020;
	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	display: flex;
	flex-direction: column;
	box-shadow: rgba(0, 0, 0, 0.06) 16px 0px 32px 0px;
}

.offCanvas-menu-visible .offCanvas-wrap {
	transform: translateX(0);
}

.offCanvas-wrap::-webkit-scrollbar {
	width: 0px;
}

.offCanvas-body {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.offCanvas-logo {
	margin: 0 0 25px;
}

.offCanvas-wrap .logo a.logo-light {
	display: none;
}

.offCanvas-content p {
	margin: 0 0;
}

.offCanvas-instagram {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 0;
	margin-left: -5px;
	margin-right: -5px;
	margin-top: 55px;
}

.offCanvas-instagram li {
	width: 33.333%;
	flex: 0 0 33.333%;
	padding-left: 5px;
	padding-right: 5px;
}

.offCanvas-instagram li a img {
	height: 70px;
	object-fit: cover;
	object-position: center;
	border-radius: 5px;
}

.offCanvas-contact {
	margin: 50px 0;
}

.offCanvas-contact .title {
	margin: 0 0 28px;
	font-size: 24px;
	letter-spacing: -0.5px;
}

.offCanvas-contact-list {
	margin: 0 0 60px;
}

.offCanvas-contact-list li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 0 20px;
	color: var(--tg-secondary-color);
	margin: 0 0 8px;
}

.offCanvas-contact-list li i {
	color: var(--tg-icon-color);
	line-height: 1;
	width: 16px;
	flex: 0 0 auto;
}

.offCanvas-contact-list li a {
	color: var(--tg-secondary-color);
}

.offCanvas-contact-list li a:hover {
	color: var(--tg-primary-color);
}

.offCanvas-social {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 28px;
}

.offCanvas-social li a {
	display: block;
	font-size: 18px;
	color: var(--tg-secondary-color);
}

.offCanvas-social li a:hover {
	color: var(--tg-primary-color);
}

.offCanvas-toggle {
	position: absolute;
	top: 30px;
	right: 30px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 50px;
	height: 50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: var(--tg-white);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background: var(--tg-primary-color);
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.offCanvas-toggle span {
	width: 25px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.offCanvas-toggle span:nth-child(2) {
	transform: rotate(-90deg);
	left: 25%;
}

.offCanvas-toggle:hover {
	background: var(--tg-secondary-color);
}

.offCanvas-overlay {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	opacity: 0;
	visibility: hidden;
	background: #000;
}

.offCanvas-menu-visible .offCanvas-overlay {
	opacity: 0.6;
	visibility: visible;
}


/*=============================
	06. Banner Post
===============================*/
.banner-post-item {
	position: relative;
}

.banner-post-thumb {
	overflow: hidden;
	position: relative;
}

.banner-post-thumb::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	background: linear-gradient(360deg, rgba(0, 5, 11, 0.89) 0%, rgba(10, 23, 41, 0.00) 100%);
	pointer-events: none;
}

.banner-post-thumb img {
	height: 600px;
	width: 100%;
	object-fit: cover;
}

.banner-post-item:hover .banner-post-thumb img {
	transform: scale(1.1);
}

.banner-post-content {
	text-align: center;
	position: absolute;
	left: 100px;
	right: 100px;
	bottom: 50px;
}

.banner-post-content .post-title {
	color: var(--tg-white);
	font-size: 28px;
	margin-bottom: 20px;
	line-height: 1.28;
}

.banner-post-content .post-title a {
	background-size: 0 2px;
}

.banner-post-content .post-title a:hover {
	color: var(--tg-white);
}

.banner-post-item:hover .banner-post-content .post-title a {
	background-size: 100% 2px;
}

.blog-post-meta.white-blog-meta .list-wrap li {
	color: var(--tg-gray-four);
}

.blog-post-meta.white-blog-meta .list-wrap li a {
	color: var(--tg-gray-four);
}

.blog-post-meta.white-blog-meta .list-wrap li a:hover {
	color: var(--tg-primary-color);
}

/* banner-post-two */
.banner-post-inner .row {
	--bs-gutter-x: 20px;
}

.banner-post-inner .row .col-70 {
	width: 69.7%;
	flex: 0 0 auto;
}

.banner-post-inner .row .col-30 {
	width: 30.3%;
	flex: 0 0 auto;
}

.banner-post-two {
	position: relative;
	margin-bottom: 20px;
}

.banner-post-two.big-post .banner-post-thumb-two img {
	width: 100%;
	height: 615px;
	object-fit: cover;
}

.banner-post-two:hover .banner-post-thumb-two img {
	transform: scale(1.1);
}

.banner-post-thumb-two {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}

.banner-post-thumb-two::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.89) 16.31%, rgba(10, 23, 41, 0.00) 108.6%);
	pointer-events: none;
}

.banner-post-content-two {
	position: absolute;
	left: 40px;
	bottom: 40px;
	right: 50px;
}

.banner-post-content-two .post-title {
	font-size: 36px;
	color: var(--tg-white);
	margin-bottom: 15px;
	line-height: 1.2;
}

.banner-post-content-two .post-title a:hover {
	color: var(--tg-white);
}

.banner-post-content-two .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

.banner-post-two.big-post:hover .banner-post-content-two .post-title a {
	background-size: 100% 2px;
}

.banner-post-two:hover .banner-post-content-two .post-title a {
	background-size: 100% 1px;
}

.banner-post-two.small-post .banner-post-content-two {
	left: 25px;
	right: 25px;
	bottom: 20px;
}

.banner-post-two.small-post .banner-post-content-two .post-title {
	font-size: 18px;
	margin-bottom: 12px;
	line-height: 1.3;
}

.banner-post-two.small-post .banner-post-thumb-two img {
	width: 100%;
	height: 192px;
	object-fit: cover;
}

/* banner-post-three */
.banner-post-three {
	position: relative;
}

.banner-post-thumb-three {
	position: relative;
	overflow: hidden;
}

.banner-post-thumb-three::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.89) 0%, rgba(0, 0, 0, 0.55) 0.01%,
			rgba(10, 23, 41, 0.00) 53.96%);
	pointer-events: none;
}

.banner-post-thumb-three img {
	width: 100%;
	height: 530px;
	object-fit: cover;
}

.banner-post-three:hover .banner-post-thumb-three img {
	transform: scale(1.1);
}

.banner-post-content-three {
	text-align: center;
	position: absolute;
	left: 40px;
	right: 40px;
	bottom: 60px;
}

.banner-post-content-three .post-title {
	color: var(--tg-white);
	font-size: 28px;
	margin-bottom: 20px;
	line-height: 1.4;
}

.banner-post-content-three .post-title a:hover {
	color: var(--tg-white);
}

.banner-post-three:hover .banner-post-content-three .post-title a {
	background-size: 100% 2px;
}

/* banner-post-four */
.banner-post-four {
	position: relative;
	margin-bottom: 30px;
}

.banner-post-thumb-four {
	position: relative;
	border-radius: 6px;
	overflow: hidden;
}

.banner-post-thumb-four::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 5, 11, 0.89) 9.22%, rgba(10, 23, 41, 0.18) 100%);
	pointer-events: none;
	border-radius: 6px;
}

.banner-post-thumb-four img {
	width: 100%;
	height: 422px;
	object-fit: cover;
}

.banner-post-four:hover .banner-post-thumb-four img {
	transform: scale(1.1);
}

.banner-post-content-four {
	text-align: center;
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 55px;
}

.banner-post-content-four .post-title {
	color: var(--tg-white);
	margin-bottom: 20px;
	font-size: 28px;
	line-height: 1.3;
}

.banner-post-content-four .post-title a:hover {
	color: var(--tg-white);
}

.banner-post-four:hover .banner-post-content-four .post-title a {
	background-size: 100% 2px;
}

/* banner-post-five */
.news-banner-post-wrap .row .col-33 {
	width: 33.2%;
	flex: 0 0 auto;
}

.news-banner-post-wrap .row .col-67 {
	width: 66.8%;
	flex: 0 0 auto;
}

.news-banner-small-post {
	padding-right: 10px;
	position: relative;
}

.news-banner-small-post::before {
	content: "";
	position: absolute;
	right: -10px;
	top: 0;
	width: 1px;
	height: 100%;
	background: var(--tg-border-color);
}

.banner-post-five {
	margin-bottom: 25px;
	border-bottom: 1px solid #D8D8D8;
	padding-bottom: 25px;
}

.banner-post-five:last-child {
	padding: 0;
	border: none;
}

.banner-post-thumb-five {
	overflow: hidden;
	margin-bottom: 12px;
	position: relative;
}

.banner-post-thumb-five img {
	width: 100%;
	height: 180px;
	object-fit: cover;
}

.banner-post-five:hover .banner-post-thumb-five img {
	transform: scale(1.1);
}

.post-tag-four {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	display: block;
	line-height: 1.4;
	color: var(--tg-icon-color);
	margin-bottom: 12px;
}

.banner-post-content-five .post-title {
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 1.4;
}

.banner-post-five:hover .banner-post-content-five .post-title a {
	background-size: 100% 1px;
}

.banner-post-content-five .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

.banner-post-six {
	margin-bottom: 30px;
}

.banner-post-thumb-six {
	overflow: hidden;
	margin-bottom: 20px;
}

.banner-post-thumb-six img {
	width: 100%;
	height: 428px;
	object-fit: cover;
}

.banner-post-six:hover .banner-post-thumb-six img {
	transform: scale(1.1);
}

.banner-post-content-six {
	text-align: center;
}

.banner-post-content-six .post-title {
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: 800;
}

.banner-post-six:hover .banner-post-content-six .post-title a {
	background-size: 100% 2px;
}

.banner-post-content-six .blog-post-meta {
	margin-bottom: 15px;
}

.banner-post-content-six p {
	margin-bottom: 0;
}

.banner-post-seven .banner-post-thumb-five img {
	height: 200px;
	width: 100%;
	object-fit: cover;
}

.banner-post-seven .banner-post-thumb-five .paly-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tg-white);
	border-radius: 50%;
	font-size: 18px;
}

.banner-post-seven .banner-post-thumb-five .paly-btn:hover {
	background: var(--tg-primary-color);
	color: var(--tg-white);
}

.banner-post-seven {
	position: relative;
}

.banner-post-seven::before {
	content: "";
	position: absolute;
	top: 0px;
	right: -20px;
	width: 1px;
	height: 100%;
	background: var(--tg-border-color);
}

.today-post-wrap .row [class*="col-"]:last-child .banner-post-seven::before {
	display: none;
}

/* banner-sidebar */
.sidebar-wrap-three {
	padding-left: 10px;
	position: sticky;
	top: 90px;
}

.sidebar-wrap-three::before {
	content: "";
	position: absolute;
	left: -10px;
	top: 0;
	width: 1px;
	height: 100%;
	background: var(--tg-border-color);
}

.sidebar-widget-three {
	margin-bottom: 40px;
}

.sidebar-widget-three:last-child {
	margin-bottom: 0;
}

.widget-title-three .section-title-line {
	bottom: auto;
	top: 0;
}

.widget-title.widget-title-three {
	padding-bottom: 0;
	padding-top: 20px;
}

.stories-post {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	gap: 15px;
	justify-content: space-between;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid var(--tg-border-color);
}

.stories-post:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.stories-post-thumb {
	width: 90px;
	flex: 0 0 auto;
	border-radius: 50%;
	overflow: hidden;
}

.stories-post-thumb img {
	width: 100%;
	height: 90px;
	object-fit: cover;
}

.stories-post:hover .stories-post-thumb img {
	transform: scale(1.1);
}

.stories-post-content .post-title {
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4;
}

.stories-post:hover .stories-post-content .post-title a {
	background-size: 100% 1px;
}

.stories-post-content .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

.stories-post-content .post-tag-four {
	margin-bottom: 5px;
}

.stories-post-two {
	background: var(--tg-gray-three);
	padding: 15px 20px 20px;
	margin-bottom: 3px;
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

.stories-post-two:last-child {
	margin-bottom: 0;
}

.stories-post-two .number {
	margin-bottom: 0;
	font-size: 26px;
	color: #C2C2C2;
	font-weight: 600;
}

.stories-post-two:hover .stories-post-content .post-title a {
	background-size: 100% 1px;
}

.sidebar-img-two {
	text-align: center;
}

/*=============================
	07. Breadcrumb
===============================*/
.breadcrumb-area {
	background: var(--tg-gray-three);
	padding: 37px 0;
}

.breadcrumb-content .breadcrumb {
	margin-bottom: 0;
}

.breadcrumb-content .breadcrumb-item {
	font-size: 18px;
	font-weight: 500;
	font-family: var(--tg-heading-font-family);
	color: var(--tg-icon-color);
}

.breadcrumb-content .breadcrumb-item a {
	color: var(--tg-icon-color);
}

.breadcrumb-content .breadcrumb-item a:hover {
	color: var(--tg-primary-color);
}

.breadcrumb-content .breadcrumb-item.active {
	color: var(--tg-primary-color);
}

.breadcrumb-content .breadcrumb-item+.breadcrumb-item::before {
	float: left;
	padding-right: 8px;
	color: var(--tg-icon-color);
	content: "\f101";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
}

.breadcrumb-content .breadcrumb-item+.breadcrumb-item {
	padding-left: 8px;
}

/*=============================
	08. About
===============================*/
.about-img {
	position: relative;
	display: flex;
	align-items: center;
	gap: 20px;
}

.about-img .left-img {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.about-img img {
	border-radius: 8px;
}

.about-img img.shape {
	position: absolute;
	left: -7%;
	bottom: -6%;
	z-index: -1;
	border-radius: 0;
}

.about-content {
	width: 92%;
}

.section-title-five .sub-title {
	display: block;
	line-height: 1;
	color: var(--tg-primary-color);
	font-weight: 700;
	font-family: var(--tg-heading-font-family);
	margin-bottom: 15px;
}

.section-title-five .title {
	margin-bottom: 10px;
	font-size: 28px;
	font-weight: 800;
}

.about-content>span {
	font-size: 18px;
	font-weight: 700;
	display: block;
	color: var(--tg-secondary-color);
	font-family: var(--tg-heading-font-family);
	line-height: 1.4;

	margin-bottom: 18px;
}

.about-content p {
	margin-bottom: 25px;
	text-align: justify;
}
}

.about-content .view-all-btn .btn {
	border: none;
	background: var(--tg-primary-color);
	color: var(--tg-white);
	font-weight: 600;
	padding: 16px 20px;
}

.about-content .view-all-btn .btn::before {
	background: var(--tg-secondary-color);
}

.about-content .view-all-btn .btn:hover {
	background: var(--tg-primary-color);
}

.about-content .view-all-btn .link-btn .svg-icon svg {
	color: var(--tg-white);
}


/*=============================
	09. Featured Post
===============================*/
.featured-post-area {
	position: relative;
}

.featured-post-wrap .row {
	--bs-gutter-x: 20px;
}

.featured-post-wrap .row [class*="col-"] {
	padding: 0 10px;
}

.featured-post-item {
	margin-bottom: 30px;
}

.featured-post-thumb {
	border-radius: 6px;
	overflow: hidden;
}

.featured-post-thumb img {
	height: 400px;
	object-fit: cover;
	width: 100%;
}

.featured-post-item:hover .featured-post-thumb img {
	transform: scale(1.1);
}

.featured-post-content {
	position: relative;
	text-align: center;
	padding: 25px 0 0;
}

.featured-post-content .post-tag {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -13px;
}

.post-tag {
	color: var(--tg-white);
	font-family: var(--tg-heading-font-family);
	font-size: 13px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.78px;
	text-transform: uppercase;
	background: var(--tg-primary-color);
	display: inline-block;
	border-radius: 3px;
	padding: 4px 10px;
	margin-bottom: 15px;
}

.post-tag:hover {
	color: var(--tg-white);
	background: var(--tg-secondary-color);
}

.featured-post-content .post-title {
	font-size: 24px;
	margin-bottom: 12px;
}

.post-title a:hover {
	color: var(--tg-secondary-color);
}

.post-title a {
	color: inherit;
	display: inline;
	padding-bottom: 0;
	-webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor));
	background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
	background-size: 0 1px;
	background-repeat: no-repeat;
	background-position: left 100%;
}

.featured-post-item:hover .post-title a {
	background-size: 100% 1px;
}

.blog-post-meta .list-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px;
}

.blog-post-meta .list-wrap li {
	display: flex;
	align-items: center;
	color: var(--tg-icon-color);
	font-size: 13px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.52px;
	text-transform: uppercase;
	gap: 5px;
}

.blog-post-meta .list-wrap li i {
	line-height: 0;
	font-size: 16px;
}

.blog-post-meta .list-wrap li a {
	color: var(--tg-icon-color);
}

.blog-post-meta .list-wrap li a:hover {
	color: var(--tg-primary-color);
}

.featured-post-active .slick-arrow {
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
	margin-top: -80px;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	padding: 0;
	line-height: 0;
	color: var(--tg-white);
	font-weight: 700;
	font-size: 20px;
	background: var(--tg-primary-color);
	border: none;
	transform: rotate(180deg);
	z-index: 3;
	opacity: 0;
	transition: .3s linear;
}

.featured-post-active .slick-arrow:hover {
	background: var(--tg-secondary-color);
}

.featured-post-active .slick-next.slick-arrow {
	left: auto;
	right: -15px;
	transform: rotate(0);
}

.featured-post-active:hover .slick-arrow {
	opacity: 1;
}

/*=============================
	10. Team
===============================*/
.team-area {
	background: var(--tg-gray-three);
	padding: 80px 0 50px;
}

.section-title-five p {
	margin-bottom: 0;
}

.team-item {
	margin-bottom: 30px;
}

.team-thumb {
	position: relative;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}

.team-thumb img {
	width: 100%;
}

.team-thumb::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--tg-secondary-color);
	transition: .3s linear;
	opacity: 0;
}

.team-item:hover .team-thumb::before {
	opacity: .5;
}

.team-social .list-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	transform: translateY(100px);
	opacity: 0;
	visibility: hidden;
	transition: .4s ease-in-out;
}

.team-item:hover .team-social .list-wrap {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.team-social .list-wrap li a {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tg-primary-color);
	color: var(--tg-white);
	border-radius: 50%;
	font-size: 22px;
}

.team-social .list-wrap li a:hover {
	background: var(--tg-secondary-color);
	color: var(--tg-white);
}

.team-content {
	border-radius: 0 0 8px 8px;
	background: #f9f9f9;
	text-align: center;
	padding: 20px 20px;
}

.team-content .title {
	margin-bottom: 5px;
	font-size: 22px;
}

.team-content span {
	font-weight: 500;
}

/*=============================
	11. Newsletter
===============================*/
.newsletter-wrap {
	background: var(--tg-teal);
	border-radius: 6px;
	display: flex;
	align-items: center;
	padding: 74px 120px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.newsletter-content {
	width: 20%;
	flex: 0 0 auto;
	margin-right: 50px;
}

.newsletter-content .title {
	margin-bottom: 0;
	font-size: 24px;
}

.newsletter-form {
	flex-grow: 1;
}

.newsletter-form form {
	display: flex;
	align-items: center;
	gap: 7px;
	justify-content: flex-end;
}

.newsletter-form .form-grp {
	width: 300px;
}

.newsletter-form .form-grp input {
	width: 100%;
	border: none;
	background: var(--tg-white);
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	color: var(--tg-heading-font-color);
	padding: 15px 20px;
	line-height: 1;
	height: 50px;
}

.newsletter-form .form-grp input::placeholder {
	color: #6F6F6F;
	font-size: 14px;
	font-weight: 500;
}

.newsletter-shape-wrap img {
	position: absolute;
	z-index: -1;
}

.newsletter-shape-wrap img:nth-child(1) {
	left: 0;
	bottom: 0;
}

.newsletter-shape-wrap img:nth-child(2) {
	top: 0;
	right: 0;
}

/* newsletter-two */
.newsletter-wrap-two .newsletter-content {
	width: 25%;
	flex: 0 0 auto;
	margin-right: 40px;
}

.newsletter-wrap.newsletter-wrap-two {
	padding: 74px 95px;
}

.newsletter-wrap-two .newsletter-content .title {
	font-family: var(--tg-body-font-family);
}

/* newsletter-three */
.newsletter-area-three {
	background: var(--tg-teal);
	padding: 100px 0;
}

.newsletter-wrap-three {
	display: flex;
	align-items: center;
}

.newsletter-wrap-three .newsletter-content {
width: 100%;
  flex: 0 0 auto;
  text-align: center;
  margin-bottom:30px
}

.newsletter-wrap-three .newsletter-form .form-grp {
	width: 250px;
}

.newsletter-social {
	display: flex;
	align-items: center;
	margin-left: 60px;
	gap: 10px;
}

.newsletter-social .title {
	margin-bottom: 0;
	font-size: 18px;
}

.newsletter-social .list-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
}

.newsletter-social .list-wrap li a {
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tg-secondary-color);
	color: var(--tg-white);
	border-radius: 50%;
	font-size: 20px;
}

.newsletter-social .list-wrap li a:hover {
	background: var(--tg-primary-color);
	color: var(--tg-white);
}

.newsletter-form .btn {
	background: var(--tg-primary-color);
}

.newsletter-form .btn::before {
	background: var(--tg-secondary-color);
}


/* newsletter-four */
.newsletter-area-four {
	background: var(--tg-teal);
	padding: 78px 0;
}

.newsletter-wrap-four .newsletter-content {
	width: 100%;
	flex: 0 0 auto;
	margin-right: 0;
	text-align: center;
	margin-bottom: 25px;
}

.newsletter-wrap-four .newsletter-content .title {
	font-size: 28px;
}

.newsletter-wrap-four .newsletter-form form {
	justify-content: center;
}

.newsletter-wrap-four .newsletter-form .form-grp {
	width: 350px;
}


/*=============================
	12. Latest Post
===============================*/
.section-title-wrap {
	display: flex;
	align-items: center;
	gap: 30px;
	justify-content: space-between;
	position: relative;
	padding-bottom: 20px;
}

.section-title .title {
	margin-bottom: 0;
	font-size: 28px;
}

.section-title-line {
	width: 100%;
	height: 5px;
	position: absolute;
	left: 0;
	bottom: 0;
	border: 1px solid var(--tg-border-color);
	border-left: none;
	border-right: none;
}

.section-title-line::before {
	content: "";
	position: absolute;
	left: 0;
	top: -1px;
	width: 40px;
	height: 5px;
	background: var(--tg-primary-color);
}

.section-title-line::after {
	content: "";
	position: absolute;
	left: 36px;
	top: -1.5px;
	width: 10px;
	height: 6px;
	background: var(--tg-white);
	clip-path: polygon(40% 0, 100% 0%, 60% 100%, 0 100%);
}

.view-all-btn .link-btn {
	display: inline-flex;
	align-items: center;
	line-height: 1;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	border-radius: 4px;
	border: 1px solid #CFCFCF;
	padding: 10px 17px;
	color: var(--tg-secondary-color);
	gap: 10px;
	--arrow-hover-move-x: 110%;
	--arrow-hover-move-y: 100%;
}

.view-all-btn .link-btn .svg-icon svg {
	color: var(--tg-primary-color);
	width: 10px;
	transition: all 0.3s ease-out 0s;
	transform: translateY(-2px);
}

.view-all-btn .link-btn svg path {
	transition: transform .38s cubic-bezier(.37, .08, .02, .93), opacity .18s ease-out;
}

.view-all-btn .link-btn svg path:nth-of-type(1) {
	transform: translateX(0) translateY(0);
	opacity: 1;
	transition-delay: .15s, .15s;
}

.view-all-btn .link-btn svg path:nth-of-type(2) {
	transform: translateX(calc(-1 * var(--arrow-hover-move-x))) translateY(var(--arrow-hover-move-y));
	opacity: .5;
	transition-delay: 0s, 0s;
}

.view-all-btn .link-btn:hover svg path:nth-of-type(1) {
	transform: translateX(var(--arrow-hover-move-x)) translateY(calc(-1 * var(--arrow-hover-move-y)));
	opacity: 0;
	transition-delay: 0s, 0s;
}

.view-all-btn .link-btn:hover svg path:nth-of-type(2) {
	transform: translateX(0) translateY(0);
	opacity: 1;
	transition-delay: .15s, .15s;
}

.view-all-btn .link-btn:hover {
	border-color: var(--tg-secondary-color);
	color: var(--tg-white);
	background: var(--tg-secondary-color);
}

.view-all-btn .link-btn:hover .svg-icon svg {
	color: var(--tg-white);
}

.view-all-btn .link-btn-two {
	border: none;
	padding: 0 0;
	border-radius: 0;
}

.view-all-btn .link-btn-two:hover {
	background: transparent;
	color: var(--tg-primary-color);
}

.view-all-btn .link-btn-two:hover .svg-icon svg {
	color: var(--tg-primary-color);
}

.latest-post-inner-wrap>.row>.col-70 {
	width: 69.7%;
	flex: 0 0 auto;
}

.latest-post-inner-wrap>.row>.col-30 {
	width: 30.3%;
	flex: 0 0 auto;
}

.latest-post-item-wrap>.row>.col-66 {
	width: 66.5%;
}

.latest-post-item-wrap>.row>.col-34 {
	width: 33.5%;
}

.latest-post-item.big-post .featured-post-thumb img {
	height: 390px;
	object-fit: cover;
	width: 100%;
}

.latest-post-item.big-post .featured-post-content {
	padding: 30px 0 0;
}

.latest-post-item.big-post .featured-post-content p {
	width: 90%;
	margin: 0 auto;
}

.latest-post-item.big-post .featured-post-content .post-title {
	font-size: 28px;
}

.latest-post-item.big-post:hover .featured-post-content .post-title a {
	background-size: 100% 2px;
}

.latest-post-item.big-post .blog-post-meta .list-wrap {
	margin-bottom: 12px;
}

.latest-post-item.small-post .featured-post-thumb img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.latest-post-item.small-post .featured-post-content .post-title {
	font-size: 20px;
	line-height: 1.4;
}

.latest-post-item.small-post {
	margin-bottom: 20px;
}

.sidebar-wrap {
	margin-left: 40px;
	position: sticky;
	top: 100px;
}

.sidebar-wrap.sidebar-wrap-two {
	top: 70px;
}

.sidebar-avatar {
	text-align: center;
	position: relative;
	background: var(--tg-gray-three);
	padding: 100px 30px 45px;
	margin-top: 100px;
	z-index: 1;
}

.sidebar-avatar::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 6px;
	background: var(--tg-primary-color);
}

.sidebar-avatar-thumb {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	width: 180px;
	margin-top: -100px;
}

.sidebar-avatar-thumb img {
	border-radius: 50%;
}

.sidebar-avatar-content .title {
	font-size: 24px;
	font-weight: 800;
	margin-bottom: 12px;
}

.sidebar-avatar-content p {
	margin-bottom: 20px;
}

.avatar-social .list-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.avatar-social .list-wrap li a {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tg-primary-color);
	color: var(--tg-white);
	border-radius: 50%;
	font-size: 15px;
}

.avatar-social .list-wrap li a:hover {
	background: var(--tg-secondary-color);
}

.sidebar-avatar-shape img {
	position: absolute;
	z-index: -1;
}

.sidebar-avatar-shape img:nth-child(1) {
	right: 0;
	top: 0;
}

.sidebar-avatar-shape img:nth-child(2) {
	left: 0;
	bottom: 0;
}

.sidebar-widget {
	margin-bottom: 25px;
}

.sidebar-widget:last-child {
	margin-bottom: 0;
}

.widget-title {
	position: relative;
	padding-bottom: 20px;
}

.widget-title .title {
	margin-bottom: 0;
	font-size: 22px;
}

.sidebar-social-wrap .list-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
}

.sidebar-social-wrap .list-wrap li a {
	display: flex;
	align-items: center;
	background: var(--tg-teal);
	font-size: 14px;
	font-weight: 500;

	color: var(--tg-secondary-color);
	gap: 10px;
	border-radius: 4px;
	padding: 10px 20px;
	min-width: 162px;
	justify-content: center;
}

.sidebar-social-wrap .list-wrap li a i {
	font-size: 18px;
}

.sidebar-social-wrap .list-wrap li a:hover {
	background: var(--tg-primary-color);
	color: var(--tg-white);
}

/* latest-post-two */
.sidebar-avatar-two {
	background: var(--tg-gray-three);
	border-radius: 6px;
	padding: 25px 40px 40px;
	text-align: center;
}

.sidebar-avatar-two .sidebar-avatar-thumb {
	position: inherit;
	width: 170px;
	margin-top: 0;
	transform: translateX(0);
	border: 5px solid var(--tg-white);
	border-radius: 50%;
	margin: 0 auto 20px;
	filter: drop-shadow(0px 20px 50px rgba(0, 0, 0, 0.10));
}

.sidebar-avatar-two .sidebar-avatar-content p {
	margin-bottom: 20px;
	color: #6D757F;
	line-height: 1.5;
}

.sidebar-avatar-two .avatar-social .list-wrap li a {
	width: 50px;
	height: 50px;
	background: var(--tg-white);
	color: var(--tg-secondary-color);
	border-radius: 50%;
	font-size: 20px;
	border: 1px solid #D0D0D0;
}

.sidebar-avatar-two .avatar-social .list-wrap li a:hover {
	background: var(--tg-primary-color);
	border-color: var(--tg-primary-color);
	color: var(--tg-white);
}

.sidebar-social-wrap.sidebar-social-two .list-wrap li a {
	background: #F0F0F0;
}

.sidebar-social-wrap.sidebar-social-two .list-wrap li a:hover {
	background: var(--tg-primary-color);
}

/*=============================
	13. Categories
===============================*/
.categories-area {
	background: var(--tg-teal);
	position: relative;
	padding: 70px 0 40px;
	z-index: 1;
}

.categories-shape-wrap img {
	position: absolute;
	z-index: -1;
}

.categories-shape-wrap img:nth-child(1) {
	right: 0;
	top: 0;
}

.categories-shape-wrap img:nth-child(2) {
	left: 0;
	bottom: 0;
}

.section-title-two.text-center .title {
	position: relative;
	padding-bottom: 22px;
	margin-bottom: 15px;
}

.section-title-two.text-center .title::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 32px;
	height: 5px;
	background: var(--tg-primary-color);
	clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
}

.section-title p {
	width: 90%;
	margin: 0 auto;
}

.categories-item {
	box-shadow: 0px 0px 30px #738C8C;
	border: 5px solid var(--tg-white);
	border-radius: 50%;
	position: relative;
	width: 190px;
	margin: 0 auto 30px;
}

.categories-img {
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}

.categories-img::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--tg-secondary-color);
	opacity: 0;
	pointer-events: none;
	transition: all ease 0.8s;
	transform: scale(0);
	border-radius: 50%;
}

.categories-item:hover .categories-img::after {
	opacity: 0.8;
	transform: scale(1);
}

.categories-item:hover .categories-img img {
	transform: scale(1.08);
}

.categories-content {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.categories-content a {
	display: block;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.78px;
	text-transform: uppercase;
	color: var(--tg-white);
	background: var(--tg-primary-color);
	border-radius: 3px;
	padding: 6px 10px;
	line-height: 1;
}

/* categories-two */
.section-title-wrap-three {
	display: flex;
	align-items: center;
	position: relative;
	gap: 15px;
}

.section-title-wrap-three.text-center {
	justify-content: center;
}

.section-title-three {
	display: flex;
	align-items: center;
	flex: 1;
}

.section-title-three .title {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 0;
	color: var(--tg-white);

	position: relative;
	padding: 8px 28px;
	z-index: 1;
	white-space: nowrap;
}

.section-title-svg {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 100%;
	z-index: -1;
}

.section-title-svg svg {
	width: 100%;
	height: 100%;
	color: var(--tg-primary-color);
}

.section-title-line-three {
	height: 5px;
	border: 1px solid var(--tg-border-color);
	border-right: none;
	border-left: none;
	flex-grow: 1;
	margin-left: -15px;
}

.section-title-wrap-three.text-center .section-title-line-three {
	width: 100%;
}

.categories-item-wrap-two .row {
	--bs-gutter-x: 42px;
}

.categories-item-two {
	position: relative;
	margin-bottom: 30px;
}

.categories-img-two {
	position: relative;
	overflow: hidden;
	border-radius: 50px;
}

.categories-img-two img {
	height: 180px;
	object-fit: cover;
	width: 100%;
}

.categories-item-two:hover .categories-img-two img {
	transform: scale(1.1);
}

.categories-img-two::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.20) 100%);
	pointer-events: none;
}

.categories-content-two {
	text-align: center;
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
}

.categories-content-two a {
	margin-bottom: 0;
	background: rgba(255, 255, 255, 0.30);
}

.categories-item-two:hover .categories-content-two a {
	background: var(--tg-primary-color);
}

/*=============================
	14. Recipe Post
===============================*/
.ta-overlay-post {
	position: relative;
	margin-bottom: 30px;
}

.overlay-post-thumb {
	overflow: hidden;
	position: relative;
	border-radius: 6px;
}

.overlay-post-thumb::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(180deg, rgba(24, 51, 84, 0.00) 0%, #183354 84.90%);
	border-radius: 6px;
	pointer-events: none;
}

.overlay-post-thumb img {
	border-radius: 6px;
	width: 100%;
	height: 543px;
	object-fit: cover;
	object-position: center;
}

.ta-overlay-post:hover .overlay-post-thumb a img {
	transform: scale(1.1);
}

.overlay-post-content {
	position: absolute;
	left: 40px;
	bottom: 35px;
	right: 40px;
}

.overlay-post-content .post-title {
	color: var(--tg-white);
	font-size: 28px;
	margin-bottom: 15px;
	line-height: 1.28;
}

.overlay-post-content .post-title a {
	background-size: 0 2px;
}

.overlay-post-content .post-title a:hover {
	color: var(--tg-white);
}

.ta-overlay-post:hover .overlay-post-content .post-title a {
	background-size: 100% 2px;
}

.overlay-post-content .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

.overlay-post-content .blog-post-meta .list-wrap li a,
.overlay-post-content .blog-post-meta .list-wrap li {
	color: var(--tg-white);
}

.overlay-post-content .blog-post-meta .list-wrap li a:hover {
	color: var(--tg-primary-color);
}

.ta-horizontal-post {
	display: flex;
	margin-bottom: 30px;
}

.horizontal-post-thumb {
	overflow: hidden;
	width: 190px;
	flex: 0 0 auto;
	border-radius: 5px;
	margin-right: 30px;
}

.horizontal-post-thumb img {
	height: 100%;
	object-fit: cover;
}

.ta-horizontal-post:hover .horizontal-post-thumb img {
	transform: scale(1.08);
}

.horizontal-post-content {
	display: flex;
	flex-direction: column;
	min-height: 160px;
	justify-content: center;
	align-items: flex-start;
}

.horizontal-post-content .post-title {
	margin-bottom: 15px;
	font-size: 22px;
	line-height: 1.4;
}

.ta-horizontal-post:hover .post-title a {
	background-size: 100% 1px;
}

.horizontal-post-content .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

.ad-banner-img img {
	border-radius: 6px;
}

.ad-banner-img-two img {
	border-radius: 0;
}

/*=============================
	15. Healthy Post
===============================*/
.healthy-inner-wrap .row .col-70 {
	width: 69.7%;
	flex: 0 0 auto;
}

.healthy-inner-wrap .row .col-30 {
	width: 30.3%;
	flex: 0 0 auto;
}

.featured-post-item.healthy-post .featured-post-thumb img {
	height: 200px;
}

.featured-post-item.healthy-post .featured-post-content .post-title {
	font-size: 20px;
	line-height: 1.4;
}

.popular-post {
	display: flex;
	align-items: flex-start;
	margin-bottom: 25px;
}

.popular-post:last-child {
	margin-bottom: 0;
}

.popular-post .thumb {
	width: 110px;
	flex: 0 0 auto;
	margin-right: 16px;
	border-radius: 5px;
	overflow: hidden;
}

.popular-post:hover .thumb img {
	transform: scale(1.05);
}

.post-tag-two {
	font-size: 13px;
	letter-spacing: 0.78px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1;
	color: var(--tg-white);
	border-radius: 3px;
	border: 1px solid var(--tg-primary-color);
	padding: 4.5px 8px;
	margin-bottom: 8px;
	display: inline-block;
	background: var(--tg-primary-color);
}

.post-tag-two:hover {
	border-color: var(--tg-primary-color);
	background: none;
	color: var(--tg-primary-color);
}

.popular-post .content .post-title {
	margin-bottom: 8px;
	font-size: 18px;
	line-height: 1.4;
}

.popular-post:hover .content .post-title a {
	background-size: 100% 1px;
}

.popular-post .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

.sidebar-wrap.no-sticky {
	position: inherit;
}

/*=============================
	16. Spotlight Post
===============================*/
.spotlight-post-inner-wrap .row .col-70 {
	width: 69.7%;
	flex: 0 0 auto;
}

.spotlight-post-inner-wrap .row .col-30 {
	width: 30.3%;
	flex: 0 0 auto;
}

.spotlight-post-item-wrap {
	margin-bottom: 30px;
}

.spotlight-post-item-wrap .row .col-57 {
	width: 57.4%;
	flex: 0 0 auto;
}

.spotlight-post-item-wrap .row .col-43 {
	width: 42.6%;
	flex: 0 0 auto;
}

.spotlight-post {
	margin-bottom: 20px;
}

.spotlight-post-thumb {
	border-radius: 6px;
	overflow: hidden;
}

.spotlight-post.big-post .spotlight-post-thumb {
	margin-bottom: 20px;
}

.spotlight-post.big-post .spotlight-post-thumb img {
	width: 100%;
	object-fit: cover;
	height: 300px;
}

.spotlight-post:hover .spotlight-post-thumb img {
	transform: scale(1.1);
}

.spotlight-post.big-post .spotlight-post-content .post-title {
	font-size: 28px;
	margin-bottom: 18px;
	line-height: 1.28;
}

.spotlight-post-content .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

.post-title.bold-underline a {
	background-size: 0 2px;
}

.spotlight-post:hover .post-title.bold-underline a {
	background-size: 100% 2px;
}

.spotlight-post.small-post {
	display: flex;
	flex-direction: row-reverse;
	gap: 20px;
}

.spotlight-post.small-post .spotlight-post-thumb {
	width: 140px;
	flex: 0 0 auto;
}

.spotlight-post.small-post .spotlight-post-thumb img {
	width: 140px;
	height: 100%;
	object-fit: cover;
}

.spotlight-post.small-post .spotlight-post-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.spotlight-post-content .post-title {
	margin-bottom: 13px;
	font-size: 20px;
	line-height: 1.3;
}

.spotlight-post:hover .post-title a {
	background-size: 100% 1px;
}

.ta-overlay-post-two {
	position: relative;
	margin-bottom: 10px;
}

.overlay-post-thumb-two {
	position: relative;
	overflow: hidden;
	border-radius: 6px;
}

.overlay-post-thumb-two::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.20) 100%);
	pointer-events: none;
}

.overlay-post-thumb-two img {
	height: 300px;
	width: 100%;
	object-fit: cover;
}

.ta-overlay-post-two:hover .overlay-post-thumb-two img {
	transform: scale(1.1);
}

.overlay-post-content-two {
	position: absolute;
	left: 30px;
	bottom: 30px;
	right: 30px;
}

.overlay-post-content-two .post-title {
	margin-bottom: 15px;
	font-size: 20px;
	color: var(--tg-white);
	line-height: 1.3;
}

.overlay-post-content-two .post-title a:hover {
	color: var(--tg-white);
}

.ta-overlay-post-two:hover .overlay-post-content-two .post-title a {
	background-size: 100% 1px;
}

.post-tag-three {
	background: rgba(255, 255, 255, 0.30);
}

.post-tag-three:hover {
	background: var(--tg-primary-color);
}

.overlay-post-content-two .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

.popular-post-item-wrap .row {
	--bs-gutter-x: 10px;
}

.widget-title-two {
	display: flex;
	align-items: center;
}

.widget-title-two .title {
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 800;
	color: var(--tg-white);
	padding: 8px 28px;
	position: relative;
	z-index: 1;
	white-space: nowrap;
}

.sidebar-newsletter {
	background: var(--tg-secondary-color);
	border-radius: 5px;
	text-align: center;
	padding: 50px 35px 30px;
	position: relative;
	z-index: 1;
}

.sidebar-newsletter .icon {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	color: #7B96B7;
	opacity: 0.1;
	top: 28px;
	font-size: 75px;
	line-height: 0;
	z-index: -1;
}

.sidebar-newsletter .title {
	color: var(--tg-white);
	font-size: 24px;
	font-weight: 800;
	margin-bottom: 25px;
}

.sidebar-newsletter p {
	margin-bottom: 30px;
	color: var(--tg-white);
	font-weight: 500;
}

.sidebar-newsletter-form form {
	position: relative;
}

.sidebar-newsletter-form input {
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	color: var(--tg-white);
	border: none;
	background: var(--tg-primary-color);
	border-radius: 5px;
	padding: 13px 45px 13px 20px;
	height: 50px;
}

.sidebar-newsletter-form input::placeholder {
	color: var(--tg-white);
	font-size: 14px;
	font-weight: 400;
	opacity: .8;
}

.sidebar-newsletter-form button {
	border: none;
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	color: var(--tg-white);
	padding: 0;
	line-height: 1;
}

.sidebar-newsletter-form button svg {
	width: 16px;
	height: 16px;
}

.rc-post-wrap .popular-post {
	margin-bottom: 15px;
}

.rc-post-wrap .popular-post:last-child {
	margin-bottom: 0;
}

.sidebar-widget-two {
	margin-bottom: 50px;
}

.sidebar-widget-two:last-child {
	margin-bottom: 0;
}

.sidebar-categories .list-wrap li {
	margin-bottom: 5px;
}

.sidebar-categories .list-wrap li:last-child {
	margin-bottom: 0;
}

.sidebar-categories .list-wrap li a {
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	justify-content: space-between;
	padding: 25px 25px;
	min-height: 80px;
	z-index: 1;
	--arrow-hover-move-x: 110%;
	--arrow-hover-move-y: 100%;
}

.sidebar-categories .list-wrap li a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.65) 34.9%, rgba(0, 0, 0, 0.00) 97.88%);
	pointer-events: none;
	z-index: -1;
}

.sidebar-categories .list-wrap li a .post-tag {
	margin-bottom: 0;
	border-radius: 30px;
	transition: all 0.3s ease-out 0s;
}

.sidebar-categories .list-wrap li a:hover .post-tag {
	background: var(--tg-primary-color);
}

.sidebar-categories .right-arrow svg {
	width: 16px;
	color: var(--tg-white);
	transition: all 0.3s ease-out 0s;
}

.sidebar-categories .right-arrow svg path {
	transition: transform .38s cubic-bezier(.37, .08, .02, .93), opacity .18s ease-out;
}

.sidebar-categories .right-arrow svg path:nth-of-type(1) {
	transform: translateX(0) translateY(0);
	opacity: 1;
	transition-delay: .15s, .15s;
}

.sidebar-categories .right-arrow svg path:nth-of-type(2) {
	transform: translateX(calc(-1 * var(--arrow-hover-move-x))) translateY(var(--arrow-hover-move-y));
	opacity: .5;
	transition-delay: 0s, 0s;
}

.sidebar-categories .list-wrap li a:hover .right-arrow svg path:nth-of-type(1) {
	transform: translateX(var(--arrow-hover-move-x)) translateY(calc(-1 * var(--arrow-hover-move-y)));
	opacity: 0;
	transition-delay: 0s, 0s;
}

.sidebar-categories .list-wrap li a:hover .right-arrow svg path:nth-of-type(2) {
	transform: translateX(0) translateY(0);
	opacity: 1;
	transition-delay: .15s, .15s;
}

/*=============================
	17. Politics Post
===============================*/
.section-title.section-title-four {
	display: flex;
	align-items: center;
	flex-grow: 1;
	gap: 15px;
	justify-content: space-between;
}

.section-title-four .title {
	font-size: 22px;
	flex: 0 0 auto;
}

.section-title-four .section-title-line {
	position: relative;
	display: block;
}

.politics-post {
	display: flex;
	gap: 28px;
}

.politics-post-thumb {
	width: 330px;
	flex: 0 0 auto;
	overflow: hidden;
}

.politics-post-thumb img {
	height: 295px;
	object-fit: cover;
	width: 100%;
}

.politics-post:hover .politics-post-thumb img {
	transform: scale(1.1);
}

.politics-post-content {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}

.politics-post-content .post-title {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 800;
}

.politics-post:hover .politics-post-content .post-title a {
	background-size: 100% 1px;
}

.politics-post-content p {
	margin-bottom: 18px;
}

.politics-post-content .blog-post-meta {
	margin-bottom: 15px;
}

.politics-post-wrap .row .col-69 {
	width: 69%;
	flex: 0 0 auto;
}

.politics-post-wrap .row .col-31 {
	width: 31%;
	flex: 0 0 auto;
}

.politics-post-wrap-two {
	position: relative;
	padding-left: 10px;
}

.politics-post-wrap-two::before {
	content: "";
	position: absolute;
	left: -15px;
	top: 0;
	width: 1px;
	height: 100%;
	background: var(--tg-border-color);
}

.politics-post-two {
	margin-bottom: 15px;
	border-bottom: 1px solid var(--tg-border-color);
	padding-bottom: 17px;
}

.politics-post-two:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.politics-post-content-two .post-title {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 600;
	line-height: 1.4;
}

.politics-post-content-two .post-title:hover a {
	background-size: 100% 1px;
}

.politics-post-two .blog-post-meta .list-wrap {
	justify-content: flex-start;
}


/*=============================
	18. Trending Post
===============================*/
.trending-post-inner .col-70 {
	width: 69.7%;
	flex: 0 0 auto;
}

.trending-post-inner .col-30 {
	width: 30.3%;
	flex: 0 0 auto;
}

.recent-post-wrap {
	margin-bottom: 30px;
}

.recent-post-wrap .row .col-54 {
	width: 53.8%;
	flex: 0 0 auto;
}

.recent-post-wrap .row .col-46 {
	width: 46.2%;
	flex: 0 0 auto;
}

.overlay-post-two {
	position: relative;
	margin-bottom: 20px;
}

.overlay-post-two:hover .overlay-post-thumb img {
	transform: scale(1.1);
}

.overlay-post-two:hover .overlay-post-content .post-title a {
	background-size: 100% 2px;
}

.overlay-post-two .overlay-post-content {
	left: 25px;
	bottom: 30px;
	right: 25px;
}

.overlay-post-two .overlay-post-thumb::after {
	background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
}

.overlay-post-two .overlay-post-thumb img {
	height: 520px;
}

.horizontal-post-two {
	display: flex;
	gap: 18px;
	flex-direction: row-reverse;
	margin-bottom: 20px;
}

.horizontal-post-two .horizontal-post-thumb {
	width: 160px;
	flex: 0 0 auto;
	margin: 0;
}

.horizontal-post-two:hover .horizontal-post-thumb img {
	transform: scale(1.1);
}

.horizontal-post-two .horizontal-post-content .post-title {
	margin-bottom: 12px;
	font-size: 18px;
	line-height: 1.4;
}

.horizontal-post-two:hover .horizontal-post-content .post-title a {
	background-size: 100% 1px;
}

.trending-post-wrap {
	padding: 0px 0 20px;
}

.trending-post {
	display: flex;
	gap: 25px;
	margin-bottom: 30px;
}

.trending-post-thumb {
	width: 54%;
	flex: 0 0 auto;
	border-radius: 6px;
	overflow: hidden;
}

.trending-post-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.trending-post:hover .trending-post-thumb img {
	transform: scale(1.1);
}

.trending-post-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.trending-post-content .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

.trending-post-content .post-title {
	font-size: 25px;
	margin-bottom: 15px;
	line-height: 1.3;
}

.trending-post:hover .trending-post-content .post-title a {
	background-size: 100% 2px;
}

.trending-post-content .blog-post-meta {
	margin-bottom: 15px;
}

.trending-post-content p {
	margin-bottom: 20px;
	line-height: 23px;
}

.trending-post-two {
	margin-bottom: 30px;
}

.trending-post-thumb-two {
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 15px;
}

.trending-post-thumb-two img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.trending-post-two:hover .trending-post-thumb-two img {
	transform: scale(1.1);
}

.trending-post-thumb-two .post-tag {
	position: absolute;
	left: 20px;
	top: 20px;
}

.trending-post-content-two .post-title {
	margin-bottom: 12px;
	font-size: 20px;
	line-height: 1.4;
}

.trending-post-two:hover .trending-post-content-two .post-title a {
	background-size: 100% 1px;
}

.trending-post-content-two .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

/* trending-post-two */
.trending-post-area-two {
	background: var(--tg-teal);
	position: relative;
	padding: 80px 0 150px 0;
	z-index: 1;
}

.trending-shape-wrap img {
	position: absolute;
	z-index: -1;
}

.trending-shape-wrap img:nth-child(1) {
	right: 0;
	top: 0;
}

.trending-shape-wrap img:nth-child(2) {
	left: 0;
	bottom: 0;
}

.trending-post-active [class*="col-"] {
	padding: 0 4px;
}

.trending-post-active .slick-arrow {
	position: absolute;
	left: -15px;
	top: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	padding: 0;
	line-height: 0;
	color: var(--tg-white);
	font-weight: 700;
	font-size: 20px;
	background: var(--tg-primary-color);
	border: none;
	transform: translateY(-50%);
	z-index: 3;
	opacity: 0;
	transition: .3s linear;
}

.trending-post-active .slick-prev.slick-arrow i {
	transform: rotate(180deg);
}

.trending-post-active .slick-next.slick-arrow {
	left: auto;
	right: -15px;
}

.trending-post-active .slick-arrow:hover {
	background: var(--tg-secondary-color);
}

.trending-post-active:hover .slick-arrow {
	opacity: 1;
}

.overlay-post-four .overlay-post-content-three {
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 30px;
}

.overlay-post-four .overlay-post-thumb-three {
	border-radius: 6px;
}

.overlay-post-four .overlay-post-thumb-three::after {
	background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 74.67%);
}

.overlay-post-four .overlay-post-thumb-three img {
	height: 380px;
}

.overlay-post-four .overlay-post-content-three .post-title {
	font-size: 20px;
	margin-bottom: 15px;
	line-height: 1.4;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.overlay-post-three.overlay-post-four:hover .post-title a {
	background-size: 100% 1px;
}

/* trending-post-three */
.trending-post-area-three {
	background: #0C192A;
	padding: 70px 0 40px;
}

.section-title.white-title .title {
	color: var(--tg-white);
}

.section-title-line.black-line {
	border: 1px solid #253346;
	border-left: none;
	border-right: none;
}

.section-title-line.black-line::after {
	background: #0C192A;
}

.overlay-post-five {
	position: relative;
	margin-bottom: 30px;
}

.overlay-post-thumb-five {
	position: relative;
	border-radius: 6px;
	overflow: hidden;
}

.overlay-post-thumb-five img {
	width: 100%;
	height: 404px;
	object-fit: cover;
}

.overlay-post-five:hover .overlay-post-thumb-five img {
	transform: scale(1.1);
}

.overlay-post-thumb-five::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.20) 100%);
	pointer-events: none;
	border-radius: 6px;
}

.overlay-post-content-five {
	position: absolute;
	left: 40px;
	right: 40px;
	bottom: 35px;
}

.overlay-post-content-five .post-title {
	margin-bottom: 15px;
	color: var(--tg-white);
	font-size: 28px;
	line-height: 1.3;
}

.overlay-post-content-five .post-title a:hover {
	color: var(--tg-white);
}

.overlay-post-five:hover .overlay-post-content-five .post-title a {
	background-size: 100% 2px;
}

.overlay-post-content-five .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

.horizontal-post-three {
	display: flex;
	gap: 25px;
	margin-bottom: 30px;
}

.horizontal-post-thumb-three {
	border-radius: 5px;
	width: 180px;
	overflow: hidden;
	flex: 0 0 auto;
}

.horizontal-post-thumb-three img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.horizontal-post-three:hover .horizontal-post-thumb-three img {
	transform: scale(1.1);
}

.horizontal-post-content-three {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.horizontal-post-content-three .post-title {
	color: var(--tg-white);
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 1.4;
}

.horizontal-post-content-three .post-title a:hover {
	color: var(--tg-white);
}

.horizontal-post-three:hover .horizontal-post-content-three .post-title a {
	background-size: 100% 1px;
}


/*=============================
	19. Recent Post
===============================*/
.recent-post-inner-wrap .row .col-70 {
	width: 69.7%;
	flex: 0 0 auto;
}

.recent-post-inner-wrap .row .col-30 {
	width: 30.3%;
	flex: 0 0 auto;
}

.sidebar-tab .nav-tabs {
	border: none;
	border-radius: 10px;
	overflow: hidden;
	display: inline-flex;
	margin-bottom: 30px;
}

.sidebar-tab .nav-tabs .nav-link {
	border: none;
	padding: 18px 35px;
	color: var(--tg-secondary-color);
	font-weight: 800;
	font-size: 18px;
	background: var(--tg-gray-three);
	line-height: 1;
	font-family: var(--tg-heading-font-color);
	border-radius: 0;
}

.sidebar-tab .nav-tabs .nav-link.active {
	background: var(--tg-primary-color);
	color: var(--tg-white);
}

.popular-post-two {
	border-bottom: 1px solid var(--tg-gray-two);
	padding-bottom: 28px;
	margin-bottom: 29px;
}

.popular-post-two:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

/*=============================
	20. Overlay Post
===============================*/
.overlay-post-item-wrap .row {
	--bs-gutter-x: 4px;
}

.overlay-post-item-wrap .row [class*="col-"] {
	padding: 0 2px;
}

.overlay-post-three {
	position: relative;
}

.overlay-post-thumb-three {
	position: relative;
	overflow: hidden;
}

.overlay-post-thumb-three::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
	pointer-events: none;
}

.overlay-post-thumb-three img {
	width: 100%;
	height: 650px;
	object-fit: cover;
}

.overlay-post-three:hover .overlay-post-thumb-three img {
	transform: scale(1.1);
}

.overlay-post-content-three {
	position: absolute;
	left: 40px;
	right: 30px;
	bottom: 35px;
}

.overlay-post-content-three .post-title {
	font-size: 28px;
	color: var(--tg-white);
	margin-bottom: 15px;
	line-height: 1.3;
}

.overlay-post-content-three .post-title a:hover {
	color: var(--tg-white);
}

.overlay-post-content-three .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

.overlay-post-three:hover .post-title a {
	background-size: 100% 2px;
}

/*=============================
	21. Mining Post
===============================*/
.mining-post-inner .row .col-70 {
	width: 69.7%;
	flex: 0 0 auto;
}

.mining-post-inner .row .col-30 {
	width: 30.3%;
	flex: 0 0 auto;
}


/*=============================
	22. Video Post
===============================*/
.video-post-bg {
	background-size: cover;
	background-position: center;
	padding: 100px 0 70px;
}

.section-title-three.black-title .section-title-line-three {
	border-color: #253346;
}

.view-all-btn.view-all-btn-two .link-btn {
	border: none;
	padding: 11px 18px;
	background: rgba(255, 255, 255, 0.20);
	color: var(--tg-white);
}

.video-post-item.big-post .video-post-thumb {
	margin-bottom: 20px;
}

.video-post-thumb {
	position: relative;
	overflow: hidden;
	border-radius: 6px;
}

.video-post-thumb .play-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.50);
	border-radius: 50%;
	color: var(--tg-white);
	font-size: 18px;
	z-index: 1;
}

.video-post-item {
	margin-bottom: 30px;
}

.video-post-thumb .play-btn:hover {
	background: var(--tg-primary-color);
}

.video-post-thumb::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.37);
	pointer-events: none;
}

.video-post-item.big-post .video-post-thumb img {
	width: 100%;
	height: 380px;
	object-fit: cover;
}

.video-post-item:hover .video-post-thumb img {
	transform: scale(1.1);
}

.video-post-content .post-title {
	color: var(--tg-white);
	font-size: 28px;
	margin-bottom: 15px;
	line-height: 1.3;
}

.video-post-content .post-title a:hover {
	color: var(--tg-white);
}

.video-post-item:hover .video-post-content .post-title a {
	background-size: 100% 1px;
}

.video-post-item.big-post:hover .video-post-content .post-title a {
	background-size: 100% 2px;
}

.video-post-content .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

.video-post-item.small-post {
	display: flex;
	gap: 30px;
}

.video-post-item.small-post .video-post-thumb {
	width: 190px;
	flex: 0 0 auto;
}

.video-post-item.small-post .video-post-thumb img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.video-post-item.small-post .video-post-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.video-post-item.small-post .video-post-thumb .play-btn {
	width: 50px;
	height: 50px;
	font-size: 16px;
}

.video-post-item.small-post .video-post-content .post-title {
	font-size: 22px;
	line-height: 1.4;
}

.video-small-post-wrap {
	position: relative;
	padding-left: 35px;
}

.video-small-post-wrap::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 100%;
	background: #253346;
}

/*=============================
	23. Editor Post
===============================*/
.editor-post-item {
	display: flex;
	gap: 30px;
}

.editor-post-thumb {
	border-radius: 6px;
	overflow: hidden;
	width: 160px;
	flex: 0 0 auto;
}

.editor-post-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.editor-post-item:hover .editor-post-thumb img {
	transform: scale(1.1);
}

.editor-post-content .post-title {
	font-size: 18px;
	margin-bottom: 12px;
	line-height: 1.2;
}

.editor-post-item:hover .editor-post-content .post-title a {
	background-size: 100% 1px;
}

.editor-post-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.editor-nav {
	display: flex;
	align-items: center;
	gap: 5px;
}

.editor-nav .slick-arrow {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border-radius: 4px;
	padding: 0;
	border: 1px solid #CFCFCF;
	font-size: 14px;
}

.editor-nav .slick-arrow:hover {
	background: var(--tg-primary-color);
	border-color: var(--tg-primary-color);
	color: var(--tg-white);
}

.editor-post-active [class*="col-"] {
	padding: 0 15px;
}

/* editor-post-two */
.editor-post-item.editor-post-two {
	flex-direction: row-reverse;
	margin-bottom: 30px;
}

/* editor-post-three */
.editor-post-area-three {
	background: #F9F9F9;
	padding: 70px 0;
}

.editor-post-active-two .col-lg-3 {
	padding: 0 20px;
}

.editor-post-three {
	position: relative;
}

.editor-post-three::before {
	content: "";
	position: absolute;
	right: -20px;
	top: 0;
	width: 1px;
	height: 100%;
	background: var(--tg-border-color);
}

.editor-post-active-two .slick-active:last-child .editor-post-three::before {
	display: none;
}

.editor-post-thumb-three {
	overflow: hidden;
	position: relative;
	margin-bottom: 18px;
}

.editor-post-thumb-three .paly-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tg-white);
	border-radius: 50%;
	font-size: 18px;
}

.editor-post-thumb-three .paly-btn:hover {
	background: var(--tg-primary-color);
	color: var(--tg-white);
}

.editor-post-thumb-three img {
	width: 100%;
	height: 240px;
	object-fit: cover;
}

.editor-post-three:hover .editor-post-thumb-three img {
	transform: scale(1.1);
}

.editor-post-content-three .post-title {
	margin-bottom: 12px;
	font-size: 20px;
	line-height: 1.3;
}

.editor-post-three:hover .editor-post-content-three .post-title a {
	background-size: 100% 1px;
}

.editor-post-content-three .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

.editor-post-content-three .post-tag-four {
	margin-bottom: 10px;
}

.editor-nav-two {
	display: flex;
	align-items: center;
	gap: 5px;
}

.editor-nav-two .slick-arrow {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border-radius: 4px;
	padding: 0;
	border: 1px solid #CFCFCF;
	font-size: 14px;
}

.editor-nav-two .slick-arrow:hover {
	background: var(--tg-primary-color);
	border-color: var(--tg-primary-color);
	color: var(--tg-white);
}

/*=============================
	24. Weekly Post
===============================*/
.weekly-post-inner-wrap .row .col-70 {
	width: 69.7%;
	flex: 0 0 auto;
}

.weekly-post-inner-wrap .row .col-30 {
	width: 30.3%;
	flex: 0 0 auto;
}

.weekly-post-item {
	display: flex;
	gap: 40px;
	margin-bottom: 20px;
}

.weekly-post-thumb {
	width: 440px;
	flex: 0 0 auto;
	overflow: hidden;
	border-radius: 6px;
}

.weekly-post-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.weekly-post-item:hover .weekly-post-thumb img {
	transform: scale(1.1);
}

.weekly-post-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.weekly-post-content .post-title {
	font-size: 22px;
	margin-bottom: 15px;
	line-height: 1.4;
}

.weekly-post-item:hover .weekly-post-content .post-title a {
	background-size: 100% 1px;
}

.weekly-post-content .blog-post-meta {
	margin-bottom: 15px;
}

.weekly-post-content p {
	margin-bottom: 20px;
}

.weekly-post-content .view-all-btn .link-btn {
	font-weight: 600;
}

.hot-post-item {
	margin-bottom: 20px;
}

.hot-post-item:last-child {
	margin-bottom: 0;
}

.hot-post-thumb {
	overflow: hidden;
	border-radius: 5px;
	margin-bottom: 20px;
}

.hot-post-thumb img {
	height: 220px;
	object-fit: cover;
	width: 100%;
}

.hot-post-item:hover .hot-post-thumb img {
	transform: scale(1.1);
}

.hot-post-content .post-title {
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 1.3;
}

.hot-post-item:hover .hot-post-content .post-title a {
	background-size: 100% 1px;
}

.hot-post-content .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

.sidebar-img img {
	border-radius: 5px;
}

/* weekly-post-two */
.weekly-post-item.weekly-post-two {
	flex-direction: row-reverse;
	margin-bottom: 30px;
}

.sidebar-overlay-post {
	position: relative;
	margin-bottom: 25px;
}

.so-post-thumb {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}

.so-post-thumb::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
	pointer-events: none;
}

.so-post-thumb img {
	width: 100%;
	height: 364px;
	object-fit: cover;
}

.sidebar-overlay-post:hover .so-post-thumb img {
	transform: scale(1.1);
}

.so-post-content {
	position: absolute;
	left: 30px;
	bottom: 30px;
	right: 25px;
}

.so-post-content .post-title {
	color: var(--tg-white);
	font-size: 20px;
	line-height: 1.4;
}

.so-post-content .post-title a:hover {
	color: var(--tg-white);
}

.sidebar-overlay-post:hover .so-post-content .post-title a {
	background-size: 100% 1px;
}

.so-post-content .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

/* weekly-post-three */
.weekly-post-three {
	margin-bottom: 30px;
}

.weekly-post-three .weekly-post-thumb {
	position: relative;
	margin-bottom: 15px;
	width: 100%;
}

.weekly-post-three .weekly-post-thumb .post-tag {
	position: absolute;
	left: 30px;
	top: 30px;
}

.weekly-post-three .weekly-post-thumb img {
	width: 100%;
	height: 300px !important;
	object-fit: cover;
}



.weekly-post-three:hover .weekly-post-thumb img {
	transform: scale(1.1);
}

.weekly-post-three:hover .weekly-post-content .post-title a {
	background-size: 100% 1px;
}

.weekly-post-three .weekly-post-content p {
	margin-bottom: 0;
}

.sidebar-newsletter-form-two .form-grp input {
	width: 100%;
	border: none;
	border-radius: 5px;
	background: var(--tg-white);
	text-align: center;
	font-size: 14px;
	padding: 13px 20px;
	color: var(--tg-secondary-color);
	height: 50px;
}

.sidebar-newsletter-form-two .form-grp input::placeholder {
	font-size: 14px;
	color: #6D757F;
}

.sidebar-newsletter-form-two .btn {
	width: 100%;
	background: var(--tg-primary-color);
	justify-content: center;
	text-transform: uppercase;
	margin-top: 15px;
}

.sidebar-newsletter-form-two .btn::before {
	background: var(--tg-white);
}

.sidebar-newsletter-form-two .btn:hover {
	color: var(--tg-primary-color);
}

.form-check {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	margin-top: 20px;
}

.form-check .form-check-input {
	border-radius: 3px;
	border: 1px solid #436793;
	margin: 0 8px 0 0;
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	background-color: var(--tg-secondary-color);
	cursor: pointer;
}

.form-check .form-check-input:focus {
	outline: 0;
	box-shadow: none;
}

.form-check label {
	text-align: left;
	font-size: 14px;
	color: #7488A1;
	user-select: none;
}

/* weekly-post-four */
.weekly-post-item.weekly-post-four {
	margin-bottom: 40px;
}

/*=============================
	25. Top News Post
===============================*/
.top-news-post {
	display: flex;
	gap: 40px;
	margin-bottom: 40px;
}

.top-news-post-thumb {
	width: 460px;
	flex: 0 0 auto;
	position: relative;
	overflow: hidden;
}

.top-news-post-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.top-news-post:hover .top-news-post-thumb img {
	transform: scale(1.1);
}

.top-news-post-thumb .paly-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tg-white);
	border-radius: 50%;
	font-size: 18px;
}

.top-news-post-thumb .paly-btn:hover {
	background: var(--tg-primary-color);
	color: var(--tg-white);
}

.top-news-post-content {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
}

.top-news-post-content .post-title {
	margin-bottom: 12px;
	font-size: 24px;
	line-height: 1.3;
}

.top-news-post:hover .top-news-post-content .post-title a {
	background-size: 100% 2px;
}

.top-news-post-content .blog-post-meta {
	margin-bottom: 15px;
}

.top-news-post-content p {
	margin-bottom: 15px;
}

.horizontal-post-four {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 30px;
}

.horizontal-post-thumb-four {
	width: 100px;
	flex: 0 0 auto;
	overflow: hidden;
}

.horizontal-post-thumb-four img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	min-height: 100px;
}

.horizontal-post-four:hover .horizontal-post-thumb-four img {
	transform: scale(1.1);
}

.horizontal-post-content-four {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.horizontal-post-content-four .post-title {
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4;
}

.horizontal-post-four:hover .horizontal-post-content-four .post-title a {
	background-size: 100% 1px;
}

.horizontal-post-content-four .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

.horizontal-post-content-four .post-tag-four {
	margin-bottom: 6px;
}

.sports-post-thumb {
	overflow: hidden;
	margin-bottom: 15px;
}

.sports-post-thumb img {
	width: 100%;
	height: 378px;
	object-fit: cover;
}

.sports-post:hover .sports-post-thumb img {
	transform: scale(1.1);
}

.sports-post-content .post-title {
	margin-bottom: 10px;
	line-height: 1.3;
	font-size: 24px;
}

.sports-post:hover .sports-post-content .post-title a {
	background-size: 100% 2px;
}

.sports-post-content .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

.sports-post-content .post-tag-four {
	margin-bottom: 6px;
}

.horizontal-post-four.horizontal-post-five {
	flex-direction: row;
	justify-content: flex-start;
}

.horizontal-post-four.horizontal-post-five:last-child {
	margin-bottom: 0;
}

.sidebar-wrap.sidebar-wrap-four {
	margin-left: 0;
	top: 90px;
}

.hot-post-item-two {
	border-bottom: 1px solid var(--tg-border-color);
	padding-bottom: 20px;
}

.hot-post-item-two:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.hot-post-item-two .hot-post-thumb {
	border-radius: 0;
}

.hot-post-item-two .post-tag-four {
	margin-bottom: 5px;
}

.hot-post-item-two .hot-post-content .post-title {
	font-size: 18px;
	line-height: 1.4;
}

.sidebar-newsletter.sidebar-newsletter-two {
	border-radius: 0;
	padding: 40px 30px 30px;
}

.sidebar-newsletter.sidebar-newsletter-two .title {
	font-size: 20px;
	margin-bottom: 10px;
}

.sidebar-newsletter.sidebar-newsletter-two p {
	margin-bottom: 25px;
}

.sidebar-newsletter.sidebar-newsletter-two .form-check label {
	font-size: 13px;
}

/*=============================
	26. Coin
===============================*/
.coin-area {
	padding: 50px 0 50px;
}

.coin-item-wrap .row {
	--bs-gutter-x: 20px;
}

.coin-item-wrap .row .col {
	padding: 0 10px;
}

.coin-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.coin-item .icon {
	width: 40px;
	flex: 0 0 auto;
	border-radius: 50%;
	overflow: hidden;
}

.coin-item .content .title {
	font-size: 15px;
	margin-bottom: 5px;
	white-space: nowrap;
}

.coin-item .content .title span {
	font-size: 12px;
	font-weight: 600;
}

.coin-item .content>span {
	font-size: 13px;
	font-weight: 600;
	display: block;
	font-family: var(--tg-heading-font-family);
	line-height: 1;
}


/*=============================
	27. Author
===============================*/
.author-inner-wrap .row .col-70 {
	width: 69.7%;
	flex: 0 0 auto;
}

.author-inner-wrap .row .col-30 {
	width: 30.3%;
	flex: 0 0 auto;
}

.author-wrap {
	display: flex;
	align-items: flex-start;
	background: var(--tg-gray-three);
	border-radius: 8px;
	padding: 38px 30px 38px;
	gap: 30px;
	border: 1px solid #EEE;
	margin-bottom: 45px;
}

.author-thumb {
	width: 152px;
	flex: 0 0 auto;
}

.author-thumb img {
	border-radius: 50%;
	box-shadow: 0px 4px 20px 0px #D0D0D0;
	border: 4px solid var(--tg-white);
}

.author-content .name {
	margin-bottom: 10px;
	font-size: 20px;
}

.author-content p {
	margin-bottom: 15px;
}

.author-social .list-wrap {
	display: flex;
	align-items: center;
	gap: 15px;
}

.author-social .list-wrap li {
	line-height: 1;
}

.author-social .list-wrap li a {
	color: var(--tg-secondary-color);
}

.author-social .list-wrap li a:hover {
	color: var(--tg-primary-color);
}

.sidebar-search form {
	position: relative;
}

.sidebar-search form input {
	width: 100%;
	border: 1px solid var(--tg-gray);
	border-radius: 6px;
	font-size: 15px;

	color: var(--tg-secondary-color);
	padding: 14px 60px 14px 20px;
	height: 55px;
	font-weight: 500;
	background: transparent;
}

.sidebar-search form input::placeholder {
	font-size: 15px;
	font-weight: 500;
}

.sidebar-search form button {
	border: none;
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tg-primary-color);
	border-radius: 4px;
	color: var(--tg-white);
	line-height: 0;
	font-size: 20px;
}

.sidebar-search form button:hover {
	background: var(--tg-secondary-color);
}

.blog-inner-wrap .sidebar-wrap {
	margin-left: 0;
	margin-right: 40px;
}


/*=============================
	blog-details
===============================*/
.blog-details-content .title {
	margin-bottom: 15px;
	font-size: 28px;
}

.bd-content-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.bd-content-inner .blog-post-meta .list-wrap {
	justify-content: flex-start;
}

.blog-details-social .list-wrap {
	display: flex;
	align-items: center;
	gap: 5px;
}

.blog-details-social .list-wrap li a {
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	background: var(--facebook);
	color: var(--tg-white);
}

.blog-details-social .list-wrap li:nth-child(2) a {
	background: var(--twitter);
}

.blog-details-social .list-wrap li:nth-child(3) a {
	background: var(--instagram);
}

.blog-details-social .list-wrap li:nth-child(4) a {
	background: var(--linkedin);
}

.blog-details-thumb {
	margin-bottom: 20px;
}

.blog-details-thumb img {
	width: 100%;
	object-fit: cover;
	height: 450px;
	border-radius: 6px;
}

.blog-details-content p {
	margin-bottom: 15px;
}

.blog-details-content p.first-info::first-letter {
	font-size: 100px;
	float: left;
	line-height: .8;
	font-weight: 700;
	color: var(--tg-secondary-color);
	font-family: var(--tg-heading-font-family);
	margin-right: 8px;
}

.blog-details-content blockquote {
	background: var(--tg-gray-three);
	margin: 50px 75px 35px;
	padding: 35px 40px 30px;
	border-radius: 8px;
	border: 1px solid #EEE;
	position: relative;
}

.blog-details-content blockquote::before {
	content: "\f10d";
	position: absolute;
	left: 40px;
	top: -20px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-size: 40px;
	line-height: 1;
	color: var(--tg-primary-color);
}

.blog-details-content blockquote p {
	font-size: 18px;
	font-weight: 700;
	color: var(--tg-secondary-color);
	font-family: var(--tg-heading-font-family);
	line-height: 1.4;
	margin-bottom: 6px;

}

.blog-details-content blockquote cite {
	font-style: normal;
	font-size: 14px;
	font-weight: 500;
	position: relative;
	font-family: var(--tg-heading-font-family);
	padding-left: 22px;
	line-height: 1;
}

.blog-details-content blockquote cite::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 17px;
	height: 3px;
	background: var(--tg-secondary-color);
}

.blog-details-inner-img img {
	border-radius: 5px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog-details-inner {
	margin: 40px 0;
}

.blog-details-inner-content .title-two {
	margin-bottom: 10px;
	font-size: 24px;
}

.blog-details-inner-content p {
	margin-bottom: 15px;
}

.blog-details-inner-content .list-wrap li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: var(--tg-heading-font-family);
	font-weight: 700;
	color: var(--tg-secondary-color);
	line-height: 1.4;
	margin-bottom: 15px;
}

.blog-details-inner-content .list-wrap li:last-child {
	margin-bottom: 0;
}

.blog-details-inner-content .list-wrap li i {
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tg-primary-color);
	color: var(--tg-white);
	border-radius: 3px;
	font-size: 14px;
}

.blog-details-video {
	position: relative;
	margin: 40px 0 30px;
}

.blog-details-video img {
	border-radius: 5px;
	width: 100%;
	height: 400px;
	object-fit: cover;
}

.blog-details-video .paly-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tg-white);
	border-radius: 50%;
	font-size: 22px;
}

.blog-details-video .paly-btn:hover {
	background: var(--tg-primary-color);
	color: var(--tg-white);
}

.blog-details-bottom {
	border-top: 1px solid #E6E6E6;
	padding-top: 30px;
	margin-top: 45px;
	margin-bottom: 50px;
}

.blog-details-bottom .post-tags {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}

.blog-details-bottom .post-share .title,
.blog-details-bottom .post-tags .title {
	font-size: 16px;
	margin-bottom: 0;
	font-weight: 600;
}

.blog-details-bottom .post-tags .list-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.blog-details-bottom .post-tags .list-wrap li a {
	font-size: 15px;
	font-weight: 500;
	background: #FFF3F2;
	display: block;
	border-radius: 4px;
	padding: 7px 18px;
}

.blog-details-bottom .post-tags .list-wrap li a:hover {
	background: var(--tg-primary-color);
	color: var(--tg-white);
}

.blog-details-bottom .post-share {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 15px;
}

.blog-details-bottom .post-share .list-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
}

.blog-details-bottom .post-share .list-wrap li a {
	font-size: 16px;
	color: var(--tg-icon-color);
}

.blog-details-bottom .post-share .list-wrap li a:hover {
	color: var(--tg-primary-color);
}

.blog-avatar-wrap {
	border: 1px solid #EEEEEE;
	border-radius: 6px;
	display: flex;
	align-items: flex-start;
	padding: 42px 42px;
	background: var(--tg-gray-three);
}

.blog-avatar-img {
	width: 115px;
	flex: 0 0 auto;
	margin-right: 30px;
}

.blog-avatar-img img {
	border-radius: 50%;
}

.blog-avatar-info .designation {
	display: block;
	font-size: 16px;
	color: var(--tg-primary-color);
	line-height: 1;
	margin-bottom: 10px;
	font-family: var(--tg-heading-font-family);
}

.blog-avatar-info .name {
	margin-bottom: 10px;
	font-size: 18px;
}

.blog-avatar-info p {
	margin-bottom: 0;
}

.pev-next-post-wrap {
	margin-bottom: 60px;
}

.pev-next-post-wrap .post-item {
	display: flex;
	align-items: center;
	gap: 25px;
	margin-bottom: 30px;
}

.post-item.next-post {
	flex-direction: row-reverse;
	text-align: right;
}

.pev-next-post-wrap .post-item .thumb {
	width: 100px;
	flex: 0 0 auto;
	border-radius: 6px;
	overflow: hidden;
}

.pev-next-post-wrap .post-item .thumb img {
	width: 100%;
	object-fit: cover;
	height: 100px;
}

.pev-next-post-wrap .post-item .content span {
	display: block;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 10px;
}

.pev-next-post-wrap .post-item .content .post-title {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1.4;
}

.pev-next-post-wrap .post-item:hover .content .post-title a {
	background-size: 100% 1px;
}

.comments-wrap-title {
	font-size: 24px;
	margin-bottom: 25px;
}

.comments-box {
	display: flex;
	align-items: flex-start;
	border-bottom: 1px solid #D6DCE9;
	padding-bottom: 30px;
	margin-bottom: 35px;
}

.latest-comments .children {
	margin: 0 0 0 45px;
	padding: 0;
}

.comments-avatar {
	width: 115px;
	flex: 0 0 auto;
	margin-right: 25px;
}

.comments-avatar img {
	border-radius: 50%;
}

.comments-text .avatar-name {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.comments-text .avatar-name .name {
	margin-bottom: 0;
	font-size: 18px;
}

.comments-text .avatar-name span {
	font-weight: 500;
	font-size: 15px;
	display: block;
	color: var(--tg-primary-color);
}

.comments-text p {
	margin-bottom: 15px;
}

.comments-text .reply-btn {
	background: #FFF3F2;
	font-weight: 500;
	font-size: 14px;
	display: inline-block;
	padding: 6px 17px;
	text-transform: uppercase;
	border-radius: 5px;
}

.comments-text .reply-btn:hover {
	background: var(--tg-primary-color);
	color: var(--tg-white);
}

.comment-respond {
	margin-top: 55px;
}

.comment-reply-title {
	margin-bottom: 12px;
	font-size: 24px;
}

.comment-notes {
	margin-bottom: 30px;
}

.comment-form .row {
	--bs-gutter-x: 20px;
}

.comment-form .form-grp {
	margin-bottom: 20px;
}

.comment-form .form-grp textarea,
.comment-form .form-grp input {
	width: 100%;
	border: 1px solid #EEEEEE;
	background: var(--tg-gray-three);
	color: var(--tg-secondary-color);
	padding: 12px 15px;
	height: 50px;
	display: block;
	border-radius: 4px;
	font-family: var(--tg-heading-font-family);
}

.comment-form .form-grp textarea::placeholder,
.comment-form .form-grp input::placeholder {
	color: var(--tg-paragraph-color);
}

.comment-form .form-grp textarea {
	min-height: 130px;
	max-height: 130px;
}

.comment-form .checkbox-grp {
	display: flex;
	align-items: center;
	margin: 10px 0 25px;
}

.comment-form .checkbox-grp input {
	width: 22px;
	margin-right: 9px;
	height: 22px;
	cursor: pointer;
}

.comment-form .checkbox-grp label {
	font-weight: 400;
	font-size: 14px;
	color: var(--tg-paragraph-color);
	user-select: none;
}


/*=============================
	28. Pagination
===============================*/
.pagination-wrap .pagination {
	gap: 6px;
	justify-content: center;
	flex-wrap: wrap;
}

.pagination-wrap .pagination .page-link {
	margin-left: 0;
	padding: 0 0;
	color: var(--tg-black-two);
	font-weight: 500;
	font-size: 20px;
	line-height: 1;
	width: 40px;
	height: 40px;
	font-family: var(--tg-heading-font-family);
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #CFCFCF;
	border-radius: 3px;
	background: var(--tg-gray-three);
	transition: .3s linear;
}

.pagination-wrap .pagination .page-item.active .page-link,
.pagination-wrap .pagination .page-link:hover {
	color: var(--tg-white);
	background-color: var(--tg-primary-color);
	border-color: var(--tg-primary-color);
}

.pagination-wrap .pagination .page-link:focus {
	color: var(--tg-white);
	background-color: var(--tg-primary-color);
	border-color: var(--tg-primary-color);
	outline: 0;
	box-shadow: none;
}

/*=============================
	29. Instagram
===============================*/
.instagram-inner-wrap {
	padding: 0 10px;
}

.instagram-inner-wrap .row {
	--bs-gutter-x: 10px;
}

.instagram-inner-wrap .row .col {
	padding: 0 5px;
}

.instagram-item {
	margin-bottom: 10px;
	overflow: hidden;
}

.instagram-item a {
	position: relative;
}

.instagram-item a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--tg-secondary-color);
	opacity: 0;
	pointer-events: none;
	transition: all ease 0.8s;
	transform: scale(0);
}

.instagram-item a::before {
	content: "\f16d";
	position: absolute;
	z-index: 2;
	font-family: "Font Awesome 5 Brands";
	font-weight: 500;
	font-size: 30px;
	color: var(--tg-white);
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all ease 0.8s;
	transition: all ease 0.8s;
}

.instagram-item a:hover::before {
	visibility: visible;
	opacity: 1;
}

.instagram-item:hover a::after {
	opacity: .8;
	transform: scale(1);
}

.instagram-item img {
	height: 200px;
	object-fit: cover;
}

.instagram-item img:hover {
	transform: scale(1.1);
}


/*=============================
	30. Contact
===============================*/
.contact-info-item {
	display: flex;
	align-items: center;
	background: var(--tg-gray-three);
	border-radius: 6px;
	border: 1px solid #E0E0E0;
	padding: 30px 30px 30px;
	gap: 50px;
	margin-bottom: 35px;
}

.contact-info-item .content {
	position: relative;
}

.contact-info-item .content::before {
	content: "";
	position: absolute;
	left: -25px;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 50px;
	background: #D7D7D7;
}

.contact-info-item .content .title {
	margin-bottom: 10px;
	font-size: 20px;
}

.contact-info-item .content p {
	margin-bottom: 0;
	font-weight: 500;
	color: var(--tg-secondary-color);
	font-family: var(--tg-heading-font-family);
}

.contact-img {
	margin-bottom: 30px;
}

.contact-img img {
	border-radius: 8px;
}

.contact-form .row {
	--bs-gutter-x: 20px;
}

.contact-form {
	border-radius: 8px;
	background: var(--tg-gray-three);
	padding: 45px 50px 50px;
	margin-bottom: 30px;
}

.contact-form .title {
	margin-bottom: 8px;
	font-size: 24px;
}

.contact-form p {
	margin-bottom: 20px;
	font-weight: 500;
	font-family: var(--tg-heading-font-family);
}

.contact-form .form-grp {
	margin-bottom: 15px;
}

.contact-form .form-grp textarea,
.contact-form .form-grp input {
	width: 100%;
	border-radius: 4px;
	border: 1px solid #D6D6D6;
	background: var(--tg-white);
	font-size: 14px;
	font-weight: 500;
	padding: 12px 15px;
	height: 50px;
	display: block;
}

.contact-form .form-grp textarea::placeholder,
.contact-form .form-grp input::placeholder {
	font-size: 14px;
	font-weight: 500;
	color: var(--tg-icon-color);
}

.contact-form .form-grp textarea {
	min-height: 155px;
	max-height: 155px;
}

.contact-form form .btn {
	font-size: 18px;
	padding: 16px 45px;
}

.contact-map {
	width: 100%;
	height: 530px;
}

.contact-map iframe {
	width: 100%;
	height: 100%;
	mix-blend-mode: luminosity;
}

.ajax-response.error,
.ajax-response.success {
	margin: 10px 0 0 !important;
}

.ajax-response.error {
	color: red;
}

.ajax-response.success {
	color: green;
}

/*=============================
	31. Footer
===============================*/
.footer-area {
	background: var(--tg-primary-color);
}

.footer-top {
	padding: 100px 0 60px;
	position: relative;
	z-index: 1;
}

.footer-shape {
	background-size: cover;
	background-position: center;
	height: 61px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.footer-widget {
	margin-bottom: 40px;
}

.fw-logo {
	margin-bottom: 20px;
}

.footer-content p {
	margin-bottom: 0;
	color: var(--tg-gray-two);
	width: 95%;
}

.footer-widget .fw-title {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 20px;
	color: var(--tg-white);
	font-size: 20px;
	font-weight: 800;
}

.footer-widget .fw-title::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 32px;
	height: 5px;
	background: var(--tg-primary-color);
	clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
}

.footer-link-wrap .list-wrap li {
	margin-bottom: 8px;
	color: #fff;
}

.footer-link-wrap .list-wrap li:last-child {
	margin-bottom: 0;
}

.footer-link-wrap .list-wrap li a {
	color: var(--tg-gray-two);
	font-size: 15px;
	font-weight: 500;
	position: relative;

}

.footer-link-wrap .list-wrap li a::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: var(--tg-gray-two);
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
	transition: transform 0.4s cubic-bezier(.74, .72, .27, .24);
}

.footer-link-wrap .list-wrap li a:hover::before {
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

.footer-top .row [class*="col-"]:nth-child(3) .footer-widget {
	margin-left: 55px;
}

.footer-bottom {
	border-top: 1px solid #80171d;
	padding: 35px 0;
	background: #80171d;
}

.footer-bottom-menu .list-wrap {
	display: flex;
	align-items: center;
	gap: 25px;
}

.footer-bottom-menu .list-wrap li {
	position: relative;
}

.footer-bottom-menu .list-wrap li::before {
	content: "";
	position: absolute;
	right: -14px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #FFF;
}

.footer-bottom-menu .list-wrap li:last-child::before {
	display: none;
}

.footer-bottom-menu .list-wrap li a {
	color: #FFF;
	position: relative;
}

.footer-bottom-menu .list-wrap li a::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #FFF;
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
	transition: transform 0.4s cubic-bezier(.74, .72, .27, .24);
}

.footer-bottom-menu .list-wrap li a:hover::before {
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

.copyright-text p {
	margin-bottom: 0;
	color: #FFF;
	text-align: right;
}

/* footer-two */
.footer-area-two {
	margin-top: -100px;
	padding: 100px 0 0;
}

/* footer-three */
.footer-top-two {
	background: #0C192A;
	padding: 100px 0;
	position: relative;
	z-index: 1;
}

.footer-shape-two {
	position: absolute;
	left: 0;
	bottom: 0;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 95px;
	z-index: -1;
}

.footer-content-two {
	text-align: center;
}

.footer-content-two p {
	margin-bottom: 45px;
	color: var(--tg-gray-two);

}

.footer-social .list-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px 50px;
}

.footer-social .list-wrap li a {
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: 600;
	color: var(--tg-white);
	gap: 8px;
}

.footer-social .list-wrap li a i {
	font-size: 20px;
}

.footer-social .list-wrap li a:hover {
	color: var(--tg-primary-color);
}

.footer-bottom-two {
	background: #061120;
	padding: 26px 0;
}

.copyright-text-two p {
	margin-bottom: 0;
	text-align: center;
	color: #FFF;
}

/* footer-four */
.footer-top-three .footer-content p {
	color: var(--tg-body-font-color);
}

.footer-top-three .footer-widget .fw-title {
	color: var(--tg-secondary-color);
}

.footer-top-three .footer-link-wrap .list-wrap li a {
	color: var(--tg-body-font-color);
}

.footer-top-three .footer-link-wrap .list-wrap li a:hover {
	color: var(--tg-secondary-color);
}

.footer-top-three .footer-link-wrap .list-wrap li a::before {
	background: var(--tg-secondary-color);
}

.footer-bottom-three {
	border-color: var(--tg-border-color);
}

.footer-bottom-three .footer-bottom-menu .list-wrap li a {
	color: var(--tg-body-font-color);
}

.footer-bottom-three .footer-bottom-menu .list-wrap li a:hover {
	color: var(--tg-secondary-color);
}

.footer-bottom-three .footer-bottom-menu .list-wrap li a::before {
	background: var(--tg-secondary-color);
}

.footer-bottom-three .copyright-text p {
	color: var(--tg-body-font-color);
}

/*=============================
	32. Preloader
===============================*/
#preloader {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--tg-primary-color);
	z-index: 9999;
}

#preloader .loader-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1001;
	text-align: center;
	transition: all 0s;
	font-size: 0;
}

#preloader .loader-inner #loader {
	position: relative;
	z-index: 1002;
	top: auto;
	left: auto;
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	border: none;
	border-radius: 0;
	background: 0 0 !important;
	width: auto;
	height: auto;
	max-width: 90vw;
}

.loader-inner #loader h2 {
	margin: 0 0;
	text-transform: inherit;
	font-size: 34px;
	font-weight: 900;
	line-height: 1;
	font-family: "Barlow";
	letter-spacing: -1px;
}

#bg-loader {
	color: #630f14;
}

#fg-loader {
	color: var(--tg-white);
	position: absolute;
	top: 0px;
	width: 0%;
	overflow: hidden;
	animation-name: leftToRight;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	white-space: nowrap;
}

#fg-loader span {
	color: var(--tg-primary-color);
}

@-webkit-keyframes leftToRight {
	0% {
		width: 1px;
	}

	95% {
		width: 100%;
	}

	100% {
		width: 100%;
	}
}

@keyframes leftToRight {
	0% {
		width: 1px;
	}

	95% {
		width: 100%;
	}

	100% {
		width: 100%;
	}
}

/*=============================
    00. Mode Trigger
===============================*/
.darkmode-trigger {
	position: fixed;
	margin: 16px;
	right: 15px;
	bottom: 66px;
	z-index: 99;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	box-shadow: 0 6px 32px -1px rgba(0, 0, 0, 0.08);
	width: 40px;
	height: 40px;
	background-color: #1B1128;
	color: var(--tg-white);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.darkmode-trigger .modeSwitch {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--tg-white);
	z-index: 1;
}

.darkmode-trigger [type=checkbox] {
	width: 0;
	height: 0;
	opacity: 0;
	display: none;
}

.darkmode-trigger .icon::before {
	content: "\f185";
	display: block;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	line-height: 1;
}

.darkmode-trigger:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}


/*=============================
    New home page CSS 2026
===============================*/
/* page-7-css */
.header-top-wrap-five {
	padding: 11px 35px;
}

.menu-style-seven {
	border-bottom: 1px solid var(--tg-border-color);
}

.menu-style-seven .menu-nav {
	align-items: normal;
	justify-content: normal;
}

.menu-style-seven .logo a {
	height: 100%;
	display: flex;
	align-items: center;
	background: var(--tg-secondary-color);
	padding: 0 24px;
	min-height: 80px;
}

.menu-style-seven .navbar-wrap ul {
	margin: 0 0 0 43px;
}

.menu-style-seven .navbar-wrap ul li a {
	font-size: 16px;
}

.header-action-three {
	margin-left: auto;
}

.header-action-three>ul {
	height: 100%;
}

.header-action-three>ul li.subscribe-btn .btn {
	font-size: 14px;
	color: var(--tg-white);
	line-height: 1;
}

.trending-slider-wrap {
	padding: 20px 0;
}

.trending-box-two svg {
	color: #EFEFEF;
}

.trending-box-two span {
	color: var(--tg-heading-font-color);
}

.ta-trending-slider-two .trending-content a {
	color: var(--tg-heading-font-color);

	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ta-trending-slider-two .trending-content a:hover {
	color: var(--tg-primary-color);
}

.banner-post-thumb-seven::after {
	background: linear-gradient(225deg, rgba(0, 0, 0, 0) 58.47%, #000 100%);
}

.banner-post-thumb-seven img {
	height: 510px;
	object-fit: cover;
}

.post-tag-five {
	color: var(--tg-white);
	border-color: var(--tg-white);
}

.banner-post-content-seven {
	left: 60px;
	bottom: 50px;
	text-align: left;
	right: auto;
}

.banner-post-content-seven .post-title {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.banner-post-content-seven .blog-post-meta .list-wrap {
	justify-content: left;
}

.banner-post-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
}

.banner-post-nav .slick-arrow {
	font-size: 20px;
	background: transparent;
	border: none;
	padding: 0;
	line-height: 1;
	color: var(--tg-heading-font-color);
}

.banner-post-nav .slick-arrow:hover {
	color: var(--tg-primary-color);
}

.banner-post-wrap .slick-dots {
	position: absolute;
	right: 30px;
	bottom: 30px;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 4px;
}

.banner-post-wrap .slick-dots li {
	line-height: 0;
}

.banner-post-wrap .slick-dots li button {
	text-indent: -9999999px;
	border: none;
	background: rgba(255, 255, 255, 0.3);
	width: 20px;
	height: 4px;
	cursor: pointer;
}

.banner-post-wrap .slick-dots li.slick-active button,
.banner-post-wrap .slick-dots li button:hover {
	background: var(--tg-white);
	width: 30px;
}

.horizontal-post-six {
	flex-direction: row;
	justify-content: flex-start;
}

.horizontal-post-six .horizontal-post-content-four .post-title {
	margin-bottom: 0;
	font-size: 16px;
}

.overlay-post-six {
	margin-bottom: 20px;
}

.overlay-post-six .overlay-post-thumb-three {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
}

.overlay-post-six .overlay-post-thumb-three img {
	height: 620px;
}

.recent-post-wrap-two .col-60 {
	width: 62.6%;
	flex: 0 0 auto;
}

.recent-post-wrap-two .col-40 {
	width: 37.4%;
	flex: 0 0 auto;
}

.overlay-post-six .overlay-post-thumb-four img {
	height: 300px;
}

.editor-post-four::before {
	display: none;
}

.editor-post-thumb-four {
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 20px;
}

.editor-post-thumb-four img {
	height: 350px;
	width: 100%;
}

.editor-post-content-four .blog-post-meta {
	margin-bottom: 12px;
}

.editor-post-content-four .blog-post-meta .list-wrap li .post-tag {
	color: var(--tg-white);
	margin-bottom: 0;
}

.editor-post-content-four .post-title {
	margin-bottom: 0;
}

.trending-post-wrap-two .title {
	margin-bottom: 20px;
	font-size: 22px;
}

.trending-post-three {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.post-number {
	width: 40px;
	height: 40px;
	flex: 0 0 auto;
	background: var(--tg-primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	color: var(--tg-white);
	font-weight: 800;
	font-size: 32px;
	font-family: var(--tg-heading-font-family);
}

.trending-post-three {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
}

.trending-post-three:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.trending-post-three .post-title {
	font-weight: 700;
	font-size: 18px;
	text-transform: none;
	margin-bottom: 0;
}

.trending-post-three .post-title:hover a {
	background-size: 100% 1px;
}

.editor-post-five {
	gap: 20px;
	margin-bottom: 45px;
	padding-bottom: 45px;
	border-bottom: 1px solid var(--tg-gray-four);
}

.editor-post-five:last-child {
	margin-bottom: 0;
}

.editor-post-thumb-five {
	width: 250px;
	flex: 0 0 auto;
}

.editor-post-content-five .post-tag {
	margin-bottom: 10px;
}

.editor-post-content-five .post-title {
	margin-bottom: 10px;
}

.editor-post-content-five p {
	margin-bottom: 10px;
}

.editor-post-content-five .blog-post-meta-two {
	margin-bottom: 0;
}

.blog-post-meta-two {
	width: 100%;
}

.blog-post-meta-two .list-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between !important;
}

.blog-post-meta-two .list-wrap li {
	font-size: 14px;
}

.blog-post-meta-two .list-wrap li a {
	letter-spacing: 0;
	font-weight: 600;
	color: var(--tg-heading-font-color);
}

.editor-post-six {
	border-bottom: 1px solid var(--tg-gray-four);
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.editor-post-six:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.editor-post-thumb-six img {
	height: 180px;
}

.editor-post-content-six .blog-post-meta .icon {
	margin-left: auto;
}

.editor-post-content-six .post-title {
	font-size: 18px;
	text-transform: none;
}

.editor-post-wrap-four {
	position: relative;
}

.editor-post-wrap-four::before {
	content: "";
	position: absolute;
	left: -15px;
	top: 0;
	width: 1px;
	height: 100%;
	background: var(--tg-gray-four);
}

.sidebar-wrap-six {
	padding-left: 22px;
	border-left: 1px solid var(--tg-gray-four);
}

.sidebar-inner-content {
	text-align: center;
}

.sidebar-inner-content .title {
	font-size: 18px;
	width: 90%;
	margin: 0 auto 20px;
}

.sidebar-inner-content p {
	margin-bottom: 70px;
}

.sidebar-social-wrap-two {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
}

.sidebar-social-wrap-two li a {
	width: 88px;
	height: 88px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: 14px;
	font-weight: 500;

	color: var(--tg-heading-font-color);
	gap: 5px;
	border: 1px solid var(--tg-gray-four);
}

.sidebar-social-wrap-two li a:hover {
	color: var(--tg-primary-color);
	border-color: var(--tg-primary-color);
}

.sidebar-social-wrap-two li a i {
	font-size: 24px;
}

.newsletter__wrap-five {
	background: var(--tg-secondary-color);
	border-radius: 6px;
	padding: 80px 60px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.newsletter__wrap-five::before {
	content: "";
	position: absolute;
	left: -128px;
	top: 0;
	width: 256px;
	height: 256px;
	background: rgba(255, 255, 255, 0.06);
	border-radius: 50%;
	z-index: -1;
}

.newsletter__content .title {
	margin-bottom: 0;
	font-size: 40px;
	color: var(--tg-white);
	width: 90%;
}

.newsletter__form {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.newsletter__form .btn {
	flex: 0 0 auto;
}

.newsletter__form .btn::before {
	background: var(--tg-white);
}

.newsletter__form .btn:hover {
	color: var(--tg-heading-font-color);
}

.newsletter__form-inner {
	flex-grow: 1;
}

.newsletter__form-inner .form-grp {
	position: relative;
	margin-bottom: 20px;
}

.newsletter__form-inner .form-grp input {
	width: 100%;
	border: none;
	background: var(--tg-white);
	border-radius: 6px;
	font-weight: 500;
	font-size: 14px;
	color: var(--tg-heading-font-color);
	height: 50px;
	padding: 15px 20px 15px 45px;
}

.newsletter__form-inner .form-grp input::placeholder {
	font-weight: 500;
	font-size: 14px;
	color: #6f6f6f;
}

.newsletter__form-inner .form-grp label {
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--tg-secondary-color);
	line-height: 1;
}

.checkbox-grp .form-check-input {
	border-radius: 3px;
	border: 1px solid #BACCE1;
	margin: 0 8px 0 0;
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	background-color: var(--tg-secondary-color);
	cursor: pointer;
	transform: translateY(3px);
}

.checkbox-grp .form-check-input:focus {
	outline: 0;
	box-shadow: none;
}

.newsletter__form-inner .checkbox-grp {
	display: flex;
	align-items: baseline;
}

.newsletter__form-inner .checkbox-grp label {
	user-select: none;
	color: #BACCE1;
	line-height: 1;
}

.section-py-80 {
	padding: 80px 0 0 0;
}

.section-pt-80 {
	padding-top: 80px;
}

.section-pb-80 {
	padding-bottom: 80px;
}

.life__style-post-wrap {
	position: relative;
}

.life__style-post-wrap::before {
	content: "";
	position: absolute;
	right: -15px;
	top: 0;
	width: 1px;
	height: 100%;
	background: #DADADA;
}

.life__style-post-wrap.right-side::before {
	right: auto;
	left: -15px;
}

.life__style-post {
	border-bottom: 1px solid #DADADA;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.life__style-post:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border: none;
}

.life__style-post p {
	margin-bottom: 12px;
}

.life__style-post .post-title {
	font-weight: 800;
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 10px;
}

.life__style-post .post-title:hover a {
	background-size: 100% 1px;
}

.overlay-post-seven {
	margin-bottom: 0;
	height: 100%;
}

.overlay-post-thumb-six {
	height: 100%;
}

.overlay-post-thumb-six img {
	min-height: 465px;
	height: 100%;
}

.overlay-post-thumb-six::after {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}

.overlay-post-content-six p {
	margin-bottom: 20px;
	color: #CCCCCC;
}

.overlay-post-content-six {
	left: 30px;
	right: 30px;
}

.video__post-area {
	background:#94242B;
}

.marquee__item {
	margin-right: 50px;
	line-height: .8;
	font-weight: 800;
	font-size: 100px;
	text-transform: uppercase;
	color: var(--tg-white);
	display: inline-flex;
	align-items: center;
	gap: 50px;
	margin-bottom: 0;
}

.blog-post-meta-three {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
	justify-content: space-between;
}

.blog-post-meta-three .list-wrap li {
	color: #B4B4B4;
}

.blog-post-meta-three .list-wrap li a {
	color: #B4B4B4;
	display: flex;
	gap: 5px;
	align-items: center;
}

.blog-post-meta-three .list-wrap li a:hover {
	color: var(--tg-primary-color);
}

.weekly-post-five {
	margin-bottom: 0;
}

.weekly-post-five .weekly-post-thumb-two img {
	height: 250px;
	object-fit: cover;
}

.weekly-post-content-two .post-title {
	font-size: 20px;
	margin-bottom: 10px;
}

.weekly-post-five .weekly-post-thumb-two .post-tag {
	left: 16px;
	top: 16px;
}

.sidebar-wrap-seven {
	margin-left: 0;
}

.sidebar-newsletter-five {
	background: #F6F6F6;
	padding: 35px 35px;
}

.sidebar-newsletter-five .icon {
	position: initial;
	transform: translateX(0);
	color: #CDCDCD;
	opacity: 1;
	margin-bottom: 20px;
}

.sidebar-newsletter-five .sub-title {
	color: var(--tg-body-font-color);
	position: relative;
	display: block;
	line-height: 1;
	padding-bottom: 18px;
	margin-bottom: 20px;
}

.sidebar-newsletter-five .sub-title::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 1px;
	background: #DADADA;
	bottom: 0;
}

.sidebar-newsletter-five .title {
	font-size: 21px;
	color: var(--tg-heading-font-color);
	line-height: 1.25;
	margin-bottom: 10px;
}

.sidebar-newsletter-five p {
	color: var(--tg-body-font-color);
	margin-bottom: 0;
}

.sidebar-newsletter-form-three {
	margin-top: 50px;
}

.sidebar-newsletter-form-three .form-grp input {
	border: 1px solid #E3E3E3;
}

.sidebar-newsletter-form-three .btn {
	border: none;
}

.sidebar-newsletter-form-three .btn::before {
	background: var(--tg-secondary-color);
}

.sidebar-newsletter-form-three .btn:hover {
	color: var(--tg-white);
}

.sidebar-categories .list-wrap li {
	margin-bottom: 10px;
}

.sidebar-categories .list-wrap li:last-child {
	margin-bottom: 0;
}

.sidebar-categories-two .list-wrap li a {
	border-radius: 4px;
	justify-content: space-between;
	padding: 14px 16px;
	min-height: 60px;
	font-weight: 600;
	font-size: 18px;
	color: var(--tg-white);

	font-family: var(--tg-heading-font-family);
}

.sidebar-categories-two .list-wrap li a::after {
	background: rgba(0, 0, 0, 0.5);
}

.sidebar__categories-bg {
	background-size: cover;
	background-position: center center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	transition: all 0.3s ease-out 0s;
}

.sidebar-categories-two .list-wrap li a:hover .sidebar__categories-bg {
	background-position: left 50%;
}

.sidebar-wrap-five .sidebar-img img {
	width: 100%;
	max-height: 500px;
	object-fit: cover;
}

.sidebar-widget-four {
	margin-bottom: 40px;
}

.sidebar-img-three {
	position: relative;
}

.sidebar-img-three .btn {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 50px;
}

main.fix {
	overflow: clip;
}

.load__more-btn {
	margin-top: 60px;
}

.load__more-btn .btn {
	width: 250px;
	justify-content: center;
}

.video__post-wrap .tab-pane {
	height: 100%;
}

.video__post-img {
	position: relative;
	height: 100%;
}

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

.paly__btn {
	width: 100px;
	height: 100px;
	background: var(--tg-white);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 16px;
	color: var(--tg-heading-font-color);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.paly__btn:hover {
	background: var(--tg-primary-color);
	color: var(--tg-white);
}

.video__post-wrap {
	display: flex;
}

.video__post-wrap .tab-content {
	width: 800px;
	flex: 0 0 auto;
}

.video__post-nav-content {
	padding: 0 0 20px 40px;
}

.video__post-nav-content .title {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 800;
	color: var(--tg-white);
}

.video__post-nav-content span {
	display: block;
	font-weight: 600;
	font-size: 14px;
	color: var(--tg-white);
}

.video__post-nav .nav-tabs {
	border-bottom: none;
	background: #111F32;
	height: 480px;
	overflow-y: scroll;
}

.video__post-nav .nav-tabs::-webkit-scrollbar-track {
	box-shadow: none;
	-webkit-box-shadow: none;
	background-color: var(--tg-secondary-color);
	border-radius: 10px;
}

.video__post-nav .nav-tabs::-webkit-scrollbar {
	width: 8px;
	background-color: var(--tg-secondary-color);
}

.video__post-nav .nav-tabs::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: var(--tg-primary-color);
}

.video__post-nav .nav-tabs .video__post-nav .nav-tabs .nav-item.show .nav-link,
.video__post-nav .nav-tabs .nav-link.active {
	background-color: transparent;
	border: none;
}

.video__post-nav .nav-link {
	padding: 0;
	border: none;
}

.video__post-item {
	display: flex;
	align-items: flex-start;
	padding: 20px 20px 20px 0;
	gap: 0;
	border-bottom: 1px solid #21344D;
}

.video__post-item .number {
	line-height: 1;
	font-size: 20px;
	font-weight: 500;
	color: var(--tg-white);
	line-height: 1;
	display: block;
	font-family: var(--tg-heading-font-family);
	width: 40px;
	display: flex;
	justify-content: center;
	flex: 0 0 auto;
}

.video__post-right {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.video__post-thumb {
	width: 120px;
	flex: 0 0 auto;
}

.video__post-thumb img {
	width: 100%;
	height: 80px;
	object-fit: cover;
}

.video__post-content {
	text-align: left;
}

.video__post-content .title {
	display: block;
	font-weight: 800;
	font-size: 20px;
	color: var(--tg-white);
	font-family: var(--tg-heading-font-family);
	line-height: 1.4;
	margin-bottom: 8px;
}

.video__post-meta {
	display: flex;
	line-height: 1;
	flex-wrap: wrap;
	gap: 10px 20px;
}

.video__post-meta .meta-item {
	color: #C5C5C5;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.position__sticky {
	position: sticky;
	top: 100px;
}

.footer-area-five {
	background: #0C192A;
}

.footer__social {
	border-bottom: 1px solid #202E3F;
}

.footer__social .list-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.footer__social .list-wrap li {
	width: 25%;
	flex: 0 0 auto;
	border-right: 1px solid #202E3F;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 10px;
}

.footer__social .list-wrap li:first-child {
	border-left: 1px solid #202E3F;
}

.footer__social .list-wrap li a {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: var(--tg-white);

	font-weight: 500;
	line-height: 1;
}

.footer__social .list-wrap li a i {
	font-size: 24px;
}

.footer__social .list-wrap li a:hover {
	color: var(--tg-primary-color);
}

.footer-top-four {
	padding: 40px 0 40px;
}

.footer__content p {
	margin-bottom: 0;
	color: var(--tg-gray-two);
	text-transform: none;
	font-weight: 400;
}

.fw-title-two {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 18px;

	color: var(--tg-white);
	display: flex;
	gap: 10px;
	align-items: center;
}

.fw-title-two span {
	width: 40px;
	height: 1px;
	background: var(--tg-primary-color);
	display: block;
	position: relative;
	margin-top: 5px;
}

.fw-title-two span::after {
	content: "";
	position: absolute;
	left: 0;
	top: -5px;
	width: 25px;
	height: 1px;
	background: var(--tg-primary-color);
}

.footer-link-wrap-two .list-wrap li a {
	font-weight: 400;
	font-size: 16px;
}

.footer__newsletter {
	position: relative;
	margin-bottom: 20px;
}

.footer__newsletter input {
	width: 100%;
	border: none;
	background: transparent;
	border-bottom: 1px solid #202E3F;
	font-weight: 400;
	font-size: 16px;
	color: var(--tg-white);
	padding: 0 105px 12px 0;
	height: 36px;
}

.footer__newsletter input::placeholder {
	font-weight: 400;
	font-size: 16px;
	color: var(--tg-gray-two);
}

.footer__newsletter button {
	border: none;
	background: var(--tg-primary-color);
	border-radius: 3px;
	color: var(--tg-white);
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 6px 10px;
	line-height: 1;
	position: absolute;
	right: 0;
	top: 2px;
}

.footer__newsletter button:hover {
	background: var(--tg-white);
	color: var(--tg-primary-color);
}

.footer__newsletter-wrap p {
	margin-bottom: 0;
	font-weight: 400;
	font-size: 16px;
	color: var(--tg-gray-two);
}

.footer__newsletter-wrap p a {
	font-weight: 600;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: var(--tg-white);
}

.footer__newsletter-wrap p a:hover {
	color: var(--tg-primary-color);
}

.footer-bottom-four {
	border-top: 1px solid #202E3F;
	padding: 23px 0;
}

.copyright-text-three p {
	text-align: center;
	margin-bottom: 0;
	color: var(--tg-gray-two);
}

.footer-top-four .row>*:nth-child(2) .footer-widget {
	margin-left: 40px;
}

/* page-8-css */
.menu-style-eight .logo a {
	height: auto;
	background: transparent;
	padding: 0;
	min-height: auto;
}

.menu-style-eight .logo img {
	max-height: 38px;
}

.menu-style-eight .menu-nav {
	align-items: center;
	justify-content: space-between;
}

.header-action-four {
	margin-left: 0;
}

.menu-style-eight {
	border-bottom: none;
}

.menu-style-eight .navbar-wrap ul li a {
	padding: 23px 17px;
}

.header-action-four .subscribe-btn .btn {
	padding: 13px 25px;
}

.meta__left .list-wrap {
	justify-content: left;
}

.slider__post-area {
	position: relative;
	z-index: 1;
}

.slider__post {
	position: relative;
	z-index: 1;
	min-height: 800px;
	padding: 100px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slider__post-bg {
	background-size: cover;
	background-position: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	transition: all 30s cubic-bezier(0, 0, 0.2, 1);
	transform: scale(1.2);
}

.slider__post-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000 100%);
	z-index: -1;
}

.post__tag-wrap {
	display: flex;
	align-content: center;
	gap: 10px;
	margin-bottom: 15px;
	flex-wrap: wrap;
}

.post__tag-wrap .post-tag {
	margin-bottom: 0;
}

.slider__post-content .post-title {
	font-weight: 800;
	font-size: 28px;
	line-height: 1.3;
	color: var(--tg-white);
	margin-bottom: 15px;
}

.slider__post-content .post-title a {
	color: var(--tg-white);
}

.slider__post-content .post-title a:hover {
	background-size: 100% 2px;
}

.blog-post-meta.white-blog-meta-two .list-wrap li {
	color: #BCBCBC;
}

.blog-post-meta.white-blog-meta-two .list-wrap li a {
	color: #BCBCBC;
}

.blog-post-meta.white-blog-meta-two .list-wrap li a:hover {
	color: var(--tg-white);
}

.slider__post-content p {
	margin-bottom: 0;
	color: #BCBCBC;
}

.slider__post-content .blog-post-meta {
	margin-bottom: 15px;
}

.slider__nav {
	position: absolute;
	right: 14%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.slider__nav .swiper-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: center;
	flex-direction: column;
}

.slider__nav .swiper-wrapper .swiper-slide {
	width: auto !important;
}

.slider__nav .swiper-wrapper button {
	border: none;
	background: transparent;
	padding: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border: 1px solid rgba(255 255 255 / 50%);
	opacity: .6;
	transition: .3s ease-in-out;
}

.slider__nav .swiper-wrapper button img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slider__nav .swiper-wrapper .swiper-slide-thumb-active button {
	border-color: transparent;
	opacity: 1;
}

.swiper-slide-active .slider__post-bg {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.recent__post-nav-wrap .nav-tabs {
	border-bottom: none;
	align-items: center;
	gap: 10px 30px;
}

.recent__post-nav-wrap .nav-link {
	border: none;
	padding: 0;
	font-weight: 700;
	color: #666666;
	font-size: 16px;
	background: transparent;
}

.recent__post-nav-wrap .nav-link.active {
	color: var(--tg-primary-color);
	background: transparent;
}

.recent__post-thumb {
	margin-bottom: 40px;
	overflow: hidden;
}

.recent__post-thumb img {
	width: 100%;
	height: 400px;
	object-fit: cover;
}

.recent__post-item:hover .recent__post-thumb img {
	transform: scale(1.1);
}

.recent__post-content .post-title {
	font-weight: 800;
	font-size: 28px;
	margin-bottom: 18px;
	line-height: 1.3;
}

.recent__post-content .post-title a:hover {
	background-size: 100% 2px;
}

.blog-post-meta-four .list-wrap {
	display: flex;
	align-items: center;
	gap: 6px 15px;
	flex-wrap: wrap;
	margin-bottom: 16px;
}

.blog-post-meta-four .list-wrap li {
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #666;
	display: flex;
	align-items: center;
	gap: 5px;
	position: relative;
	font-family: var(--tg-heading-font-family);
}

.blog-post-meta-four .list-wrap li:first-child::after {
	content: "";
	width: 10px;
	height: 1px;
	background: #bcbcbc;
	display: block;
	margin-right: -5px;
	margin-left: 5px;
}

.blog-post-meta-four .list-wrap li a {
	color: var(--tg-heading-font-color);
	display: flex;
	align-items: center;
	gap: 5px;
}

.blog-post-meta-four .list-wrap li a:hover {
	color: var(--tg-primary-color);
}

.blog-post-meta-four .list-wrap li.comment a {
	color: #666;
}

.blog-post-meta-four .list-wrap li.comment a:hover {
	color: var(--tg-primary-color);
}

.recent__post-content p {
	margin-bottom: 0;
}

.recent__post-item-wrap {
	position: relative;
	z-index: 1;
}

.recent__post-item-wrap::before {
	content: "";
	position: absolute;
	left: -15px;
	top: 0;
	width: 1px;
	height: 100%;
	background: #bcbcbc;
}

.recent__post-item-two {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #bcbcbc;
}

.recent__post-item-two:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

.recent__post-thumb-two {
	width: 200px;
	flex: 0 0 auto;
	overflow: hidden;
}

.recent__post-thumb-two img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.recent__post-item-two:hover .recent__post-thumb-two img {
	transform: scale(1.1);
}

.recent__post-content-two {
	min-height: 126px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.recent__post-content-two .post-title {
	font-weight: 800;
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 10px;
}

.recent__post-content-two .date {
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #666;
	font-family: var(--tg-heading-font-family);
}

.post-title-hover a:hover {
	background-size: 100% 1px;
}

.post-title-hover.bold-underline a:hover {
	background-size: 100% 2px;
}

.gutter-4 {
	--bs-gutter-x: 4px;
}

.gutter-y-4 {
	--bs-gutter-y: 4px;
}

.hand__picked-post {
	position: relative;
}

.hand__picked-post-thumb {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.hand__picked-post-thumb::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	opacity: .6;
	pointer-events: none;
}

.hand__picked-post-thumb img {
	width: 100%;
	height: 500px;
	object-fit: cover;
}

.hand__picked-post:hover .hand__picked-post-thumb img {
	transform: scale(1.1);
}

.hand__picked-post-content {
	position: absolute;
	left: 30px;
	bottom: 30px;
	right: 30px;
	z-index: 1;
}

.post-tag-six {
	border-radius: 0;
}

.hand__picked-post-content .post-title {
	font-weight: 800;
	font-size: 20px;
	color: var(--tg-white);
	line-height: 1.4;
	margin-bottom: 8px;
}

.hand__picked-post-content .post-title a:hover {
	color: var(--tg-white);
}

.blog-post-meta-four.mb-0 .list-wrap {
	margin-bottom: 0;
}

.blog-post-meta-four.white-meta .list-wrap li {
	color: #bcbcbc;
}

.blog-post-meta-four.white-meta .list-wrap li a {
	color: var(--tg-white);
}

.hand__picked-post-thumb-two {
	margin-bottom: 20px;
}

.hand__picked-post-thumb-two::after {
	display: none;
}

.hand__picked-post-thumb-two img {
	height: 230px;
}

.hand__picked-post-two:hover .hand__picked-post-thumb-two img {
	transform: scale(1.1);
}

.hand__picked-post-content-two .post-title {
	font-weight: 800;
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 6px;
}

.editor__choice-post-content {
	margin-bottom: 20px;
}

.editor__choice-post-content .post-title {
	font-weight: 800;
	font-size: 28px;
	margin-bottom: 5px;
	line-height: 1.4;
}

.editor__choice-post-thumb img {
	width: 100%;
	height: 496px;
	object-fit: cover;
}

.editor__choice-post-thumb-two {
	overflow: hidden;
	margin-bottom: 15px;
}

.editor__choice-post-thumb-two img {
	width: 100%;
	height: 214px;
	object-fit: cover;
}

.editor__choice-post-two:hover .editor__choice-post-thumb-two img {
	transform: scale(1.1);
}

.editor__choice-post-content-two p {
	margin-bottom: 0;
	color: #666;
	margin-top: 5px;
}

.editor__choice-post-two {
	border-bottom: 1px solid #bcbcbc;
	margin-bottom: 18px;
	padding-bottom: 19px;
}

.editor__choice-post-two:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

.editor__choice-item-wrap {
	position: relative;
}

.editor__choice-item-wrap::after,
.editor__choice-item-wrap::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	left: -15px;
	top: 0;
	background: #bcbcbc;
}

.editor__choice-item-wrap::after {
	left: auto;
	right: -15px;
}

.horizontal-post-seven {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #bcbcbc;
}

.horizontal-post-seven:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

.horizontal-post-seven .horizontal-post-thumb {
	width: 80px;
	flex: 0 0 auto;
	border-radius: 0;
}

.horizontal-post-seven .horizontal-post-content {
	min-height: 80px;
}

.horizontal-post-seven .horizontal-post-content .post-title {
	margin-bottom: 0;
	font-size: 18px;
}

.editor__choice-item-wrap-two .title {
	margin-bottom: 13px;
	font-weight: 700;
	font-size: 24px;
	border-top: 2px solid var(--tg-primary-color);
	padding-top: 10px;
}

.line-clamp-3,
.line-clamp-2 {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.line-clamp-3 {
	-webkit-line-clamp: 3;
}

.trending__post-thumb {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}

.trending__post-thumb img {
	width: 100%;
	height: 400px;
	object-fit: cover;
}

.trending__post:hover .trending__post-thumb img {
	transform: scale(1.1);
}

.trending__post-thumb .post-tag {
	position: absolute;
	left: 0;
	bottom: 0;
	margin-bottom: 0;
}

.trending__post-content .post-title {
	margin-bottom: 10px;
	font-weight: 800;
	font-size: 28px;
	line-height: 1.35;
}

.blog-post-meta-four.mb-6 .list-wrap {
	margin-bottom: 6px;
}

.trending__post-content p {
	margin-bottom: 0;
}

.sidebar-newsletter-six {
	background-size: cover;
	background-position: center;
	border-radius: 0;
	position: relative;
	z-index: 1;
	padding: 50px 42px;
	display: flex;
	min-height: 526px;
	flex-direction: column;
	justify-content: space-between;
}

.sidebar-newsletter-six::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
	opacity: 0.6;
	pointer-events: none;
	z-index: -1;
}

.sidebar-newsletter-six .title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
	line-height: 1.25;
}

.sidebar-newsletter-six .sub-title {
	margin-bottom: 0;
	color: var(--tg-white);
	opacity: .7;
	display: block;
}

.sidebar__social li {
	margin-bottom: 10px;
}

.sidebar__social li:last-child {
	margin-bottom: 0;
}

.sidebar__social li a {
	border: 1px solid #bcbcbc;
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: space-between;
	padding: 14px 20px;
	border-radius: 6px;
}

.sidebar__social li a .left-side {
	display: flex;
	align-items: center;
	gap: 20px;
}

.sidebar__social li a i {
	font-size: 24px;
	line-height: 1;
	color: var(--tg-heading-font-color);
}

.sidebar__social li:nth-child(even) a i {
	color: var(--tg-primary-color);
}

.sidebar__social li a .text {
	font-weight: 500;
	font-size: 14px;

	color: var(--tg-heading-font-color);
	transition: .3s linear;
	display: block;
	line-height: 1;
}

.sidebar__social li a:hover .count,
.sidebar__social li a:hover .text {
	color: var(--tg-primary-color);
}

.sidebar__social li a .count {
	font-weight: 500;
	font-size: 14px;
	transition: .3s linear;
	color: var(--tg-heading-font-color);
	display: block;
	line-height: 1;
}

.technology__area {
	background: #0C192A;
}

.view-all-btn-three .link-btn {
	border-color: var(--tg-border-dark);
	color: var(--tg-white);
}

.technology__post {
	position: relative;
}

.technology__post-thumb {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.technology__post-thumb::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(225deg, rgba(0, 0, 0, 0) 0%, #000 100%);
	opacity: 0.8;
	pointer-events: none;
}

.technology__post-thumb img {
	width: 100%;
	height: 100%;
	min-height: 560px;
	object-fit: cover;
}

.technology__post:hover .technology__post-thumb img {
	transform: scale(1.1);
}

.technology__post-content {
	position: absolute;
	left: 40px;
	bottom: 50px;
	right: 40px;
	z-index: 1;
	width: 70%;
}

.technology__post-content .post-title {
	font-weight: 800;
	font-size: 28px;
	color: var(--tg-white);
	line-height: 1.3;
	margin-bottom: 14px;
}

.technology__post-content .post-title:hover a {
	color: var(--tg-white);
}

.technology__post-content p {
	margin-bottom: 0;
	color: #bcbcbc;
	margin-top: 12px;
}

.technology__post-wrap {
	padding-left: 42px;
}

.technology__post-content-two .post-title {
	font-weight: 800;
	font-size: 20px;
	color: var(--tg-white);
	line-height: 1.4;
	margin-bottom: 8px;
}

.technology__post-content-two .post-title:hover a {
	color: var(--tg-white);
}

.technology__post-two {
	border-bottom: 1px solid #202e3f;
	padding-bottom: 35px;
	margin-bottom: 35px;
}

.technology__post-two:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border: none;
}

.technology__post-content-three .post-title {
	color: var(--tg-heading-font-color);
}

.technology__post-content-three .post-title:hover a {
	color: var(--tg-heading-font-color);
}

.technology__post-wrap-two {
	padding-left: 0;
	padding-right: 42px;
}

.technology__post-three {
	border-color: #bcbcbc;
	padding-bottom: 27px;
	margin-bottom: 27px;
}

.technology__post-wrap-two .technology__post-three:last-child {
	border-bottom: 1px solid #bcbcbc;
	padding-bottom: 25px;
	margin-bottom: 0;
}

.weekly__post {
	background: var(--tg-heading-font-color);
}

.weekly__post-thumb {
	overflow: hidden;
}

.weekly__post-thumb img {
	width: 100%;
	height: 350px;
	object-fit: cover;
}

.weekly__post:hover .weekly__post-thumb img {
	transform: scale(1.1);
}

.weekly__post-content {
	padding: 38px 30px;
}

.post-tag-seven {
	padding: 0;
	background: transparent;
	color: #bcbcbc;
	margin-bottom: 10px;
}

.weekly__post-content .post-title {
	margin-bottom: 16px;
	color: var(--tg-white);
	font-size: 18px;
	line-height: 1.3;
}

.weekly__post-content .post-title:hover a {
	color: var(--tg-white);
}

.trending__post-thumb-two img {
	height: 350px;
}

.top-news-post-thumb-two {
	width: 410px;
	height: 227px;
}

.top-news-post-two {
	margin-bottom: 0;
	gap: 30px;
}

.top-news-post-content-two {
	min-height: 227px;
}

.top-news-post-content-two p {
	margin-bottom: 0;
}

.top-news-post-content-two .post-title {
	font-size: 28px;
	font-weight: 800;
	line-height: 1.4;
	margin-bottom: 8px;
}

.sidebar-wrap-eight {
	background: #f6f6f6;
	padding: 30px 30px 40px;
	top: 70px;
}

.sidebar-wrap-eight .title {
	margin-bottom: 25px;
	font-weight: 800;
	font-size: 28px;
}

.sidebar-wrap-eight p {
	margin-bottom: 10px;
}

.sidebar-wrap-eight .btn {
	margin-top: 20px;
	border-radius: 0;
	font-size: 16px;
	font-weight: 500;
	padding: 16px 43px;
}

.hand__picked-post-content-three {
	left: 20px;
	bottom: 25px;
	right: 20px;
}

.hand__picked-post-thumb-three img {
	height: 380px;
}

.hand__picked-post-thumb-three::after {
	opacity: 1;
}

.sidebar-categories-three .list-wrap li a {
	border-radius: 0;
	justify-content: center;
	min-height: 70px;
	font-weight: 700;
	font-size: 18px;
}

.sidebar-categories-three .list-wrap li a:hover .sidebar__categories-bg {
	background-position: center;
	transform: scale(1.1);
}

.sidebar-categories-three .list-wrap li a::after {
	background: rgba(0, 0, 0, 0.5);
}

.gutter-y-40 {
	--bs-gutter-y: 40px;
}

.overlay__post-inner .overlay__post-thumb-inner img {
	height: 450px;
}

/* shop */
.shop__top-wrap {
	background: #f5f6f7;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	padding: 10px 25px;
	margin-bottom: 50px;
}

.shop__top-left p {
	margin-bottom: 0;
	font-size: 16px;
}

.shop__top-right {
	width: 160px;
	margin-left: auto;
	position: relative;
}

.shop__top-right select {
	background-color: transparent;
	border: none;
	color: var(--tg-paragraph-color);
	font-weight: 400;
	font-size: 16px;

	border-radius: 4px;
	outline: none;
	padding: 5px 20px 5px 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	line-height: 1.2;
	height: 40px;
	cursor: pointer;
}

.shop__top-right::after {
	content: "\f078";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	right: 0;
	font-size: 14px;
	color: #596580;
}

.shop__item {
	background: var(--tg-color-white-default);
	border: 1px solid var(--tg-gray);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 12px;
	overflow: hidden;
	height: 100%;
}

.shop__thumb {
	position: relative;
	z-index: 1;
	overflow: hidden;
	height: 210px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.shop__thumb img {
	transition: all 0.3s ease-in-out;
	height: 190px;
}

.shop__content {
	padding: 20px 24px 22px;
}

.flash-sale {
	font-size: 12px;
	font-weight: 600;
	background: #DC0000;
	display: block;
	color: var(--tg-white);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 8px;
	position: absolute;
	left: 30px;
	top: 24px;
	line-height: 1;
}

.shop__action {
	position: absolute;
	right: 17px;
	top: 19px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 8px;
}

.shop__action li {
	transition: visibility 0.3s ease-out 0.1s, opacity 0.3s ease-out 0.15s, transform 0.3s ease-out 0.1s;
}

.shop__action li a {
	width: 32px;
	height: 32px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f3f3f3;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	color: var(--tg-body-font-color);
	font-size: 15px;
}

.shop__action li a:hover {
	background: var(--tg-primary-color);
	color: var(--tg-white);
}

.shop__content .tag {
	display: block;
	font-size: 14px;
	color: #A5A5AC;
	text-transform: uppercase;
	line-height: 1;
	font-weight: 500;
	margin-bottom: 8px;
}

.shop__content .tag:hover {
	color: var(--tg-primary-color);
}

.shop__content .title {
	font-size: 20px;

	margin-bottom: 8px;
}

.rating__wrap {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}

.rating {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	color: #FFBA25;
	gap: 2px;
}

.shop__content .price {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 700;
	color: var(--tg-heading-font-color);
}

.shop__content .price del {
	font-size: 16px;
	font-weight: 600;
	color: #A5A5AC;
}

.shop__action li:not(:first-child) {
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
}

.shop__action li:nth-child(2) {
	transition-delay: 0.15s;
}

.shop__action li:nth-child(3) {
	transition-delay: 0.2s;
}

.shop__action li:nth-child(4) {
	transition-delay: 0.25s;
}

.shop__item:hover .shop__action li {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.flash-sale.new {
	background: #1ABC00;
}

.shop__details-images-wrap .tab-content .tab-pane img {
	width: 100%;
}

.shop__details-images-wrap .tab-content .tab-pane {
	position: relative;
	background: var(--tg-white);
	border-radius: 15px;
	overflow: hidden;
	border: 1px solid var(--tg-gray);
}

.shop__details-images-wrap .tab-content .tab-pane .expand-img {
	position: absolute;
	right: 24px;
	top: 22px;
	width: 45px;
	height: 45px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid var(--tg-gray);
	color: #8D95A8;
}

.shop__details-images-wrap .tab-content .tab-pane .expand-img svg {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.shop__details-images-wrap .tab-content .tab-pane .expand-img:hover svg {
	transform: scale(1.08);
}

.shop__details-images-wrap {
	margin-right: 30px;
}

.shop__details-images-wrap .nav-tabs {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	border-bottom: none;
	gap: 30px;
	margin-top: 30px;
}

.shop__details-images-wrap .nav-item {
	width: 120px;
	flex: 0 0 auto;
}

.shop__details-images-wrap .nav-link {
	margin-bottom: 0;
	padding: 0;
	border: 1px solid var(--tg-gray);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: none;
	background: var(--tg-white);
}

.shop__details-images-wrap .nav-link:hover {
	border-color: var(--tg-gray);
}

.shop__details-images-wrap .nav-link.active {
	border-color: var(--tg-primary-color);
}

.shop__details-images-wrap .nav-link img {
	opacity: 0.5;
}

.shop__details-images-wrap .nav-link.active img {
	opacity: 1;
}

.shop__details-content>.title {
	margin-bottom: 20px;
	font-size: 30px;
}

.shop__details-review-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 10px 20px;
	font-size: 15px;
	font-weight: 500;
	color: #394767;
	margin-bottom: 22px;
	flex-wrap: wrap;
}

.shop__details-review-wrap li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 5px;
	position: relative;
}

.shop__details-review-wrap li::before {
	content: "";
	position: absolute;
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 11px;
	background: var(--tg-body-font-color);
}

.shop__details-review-wrap li:last-child::before {
	display: none;
}

.shop__details-review-wrap .product-review {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 8px;
}

.shop__details-review-wrap .product-review span {
	font-size: 15px;
}

.shop__details-review-wrap li.product-availability span {
	color: #27AE60;
}

.shop__details-content .price {
	margin-bottom: 0;
	font-size: 24px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 6px;
	color: var(--tg-primary-color);
	margin-bottom: 20px;
}

.shop__details-content .price del {
	font-size: 16px;
	font-weight: 700;
	color: var(--tg-body-font-color);
}

.shop__details-content-inner {
	border-top: 1px solid #E6E8EC;
	padding-top: 17px;
	border-bottom: 1px solid #E6E8EC;
	padding-bottom: 22px;
	margin-bottom: 15px;
}

.shop__details-content-inner p {
	margin-bottom: 12px;
}

.shop__details-content-inner .list-wrap li {
	font-size: 15px;
	color: var(--tg-heading-font-color);
	position: relative;
	padding-left: 15px;
}

.shop__details-content-inner .list-wrap li::after {
	content: "";
	width: 5px;
	height: 5px;
	background: var(--tg-heading-font-color);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.cart-plus-minus input {
	width: 100%;
	border: 1px solid #D7D7D7;
	border-radius: 5px;
	height: 50px;
	text-align: center;
	padding: 0 30px;
	font-weight: 500;
	font-size: 16px;
	color: var(--tg-heading-font-color);
	background: transparent;
}

.cart-plus-minus .qtybutton {
	position: absolute;
	top: 0;
	left: 0;
	width: 31px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 600;
	color: #838383;
	cursor: pointer;
	border-right: 1px solid #D7D7D7;
	user-select: none;
	-moz-user-select: none;
	line-height: 0;
}

.cart-plus-minus input {
	width: 100%;
	border: 1px solid #D7D7D7;
	border-radius: 5px;
	height: 50px;
	text-align: center;
	padding: 0 30px;
	font-weight: 500;
	font-size: 16px;
	color: var(--tg-heading-font-color);
	background: transparent;
}

.cart-plus-minus {
	position: relative;
	width: 130px;
	flex: 0 0 auto;
}

.cart-plus-minus .qtybutton.inc {
	left: auto;
	right: 0;
	border-right: none;
	border-left: 1px solid #D7D7D7;
}

.shop__details-qty .cart-btn {
	gap: 5px;
	padding: 13px 45px;
}

.shop__details-qty {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 17px;
	margin-bottom: 25px;
}

.shop__details-wishlist-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 26px;
	flex-wrap: wrap;
}

.shop__details-wishlist-wrap a {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 15px;
	font-weight: 500;
	border: 1px solid #E6E8EC;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	padding: 16px 20px;
	line-height: 1;
	color: var(--tg-body-font-color);
}

.shop__details-wishlist-wrap a:hover {
	background: var(--tg-primary-color);
	color: var(--tg-white);
	border-color: var(--tg-primary-color);
}

.shop__details-bottom .list-wrap .sd-social,
.shop__details-bottom .list-wrap .sd-tag,
.shop__details-bottom .list-wrap .sd-category {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 7px;
}

.shop__details-bottom .list-wrap .sd-social .title,
.shop__details-bottom .list-wrap .sd-tag .title,
.shop__details-bottom .list-wrap .sd-category .title {
	font-size: 16px;
	font-weight: 700;
	color: var(--tg-heading-font-color);
}

.shop__details-bottom .list-wrap .sd-social>a,
.shop__details-bottom .list-wrap .sd-tag>a,
.shop__details-bottom .list-wrap .sd-category>a {
	color: var(--tg-body-font-color);
}

.shop__details-bottom .list-wrap .sd-social .list-wrap,
.shop__details-bottom .list-wrap .sd-tag .list-wrap,
.shop__details-bottom .list-wrap .sd-category .list-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 5px;
}

.shop__details-bottom .list-wrap .sd-social .list-wrap li a {
	width: 40px;
	height: 40px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	border: 1px solid #E6E8EC;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	font-size: 16px;
	justify-content: center;
	color: var(--tg-heading-font-color);
}

.shop__details-bottom .list-wrap .sd-social .list-wrap li a:hover {
	border-color: var(--tg-primary-color);
	color: var(--tg-white);
	background: var(--tg-primary-color);
}

.product-desc-wrap {
	margin-top: 80px;
}

.product-desc-wrap .nav-tabs {
	border-bottom: 2px solid #E6E8EC;
	gap: 30px;
	margin-bottom: 25px;
}

.product-desc-wrap .nav-tabs .nav-link {
	margin-bottom: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 0 5px 10px;
	font-weight: 500;
	font-size: 22px;
	color: var(--tg-body-font-color);
	position: relative;
}

.product-desc-wrap .nav-tabs .nav-link::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 100%;
	height: 5px;
	background: var(--tg-primary-color);
	transition: 0.3s linear;
	opacity: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.product-desc-wrap .nav-tabs .nav-link.active {
	color: var(--tg-heading-font-color);
	font-weight: 600;
}

.product-desc-wrap .nav-tabs .nav-link.active::before {
	opacity: 1;
}

.product-desc-wrap .tab-content p {
	margin-bottom: 0;
}

.product-desc-description>p {
	margin-bottom: 25px !important;
}

.product-desc-description .title {
	margin-bottom: 16px;
	font-size: 20px;
	font-weight: 800;
}

.product-desc-review {
	padding: 25px 30px;
	border: 1px solid #E6E8EC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.product-desc-review .left-rc {
	margin-bottom: 10px;
}

.product-desc-review-title .title {
	font-size: 20px;
}

.cart__table thead th {
	padding: 12px 12px;
	font-size: 15px;
	font-weight: 600;
}

.cart__table tbody td {
	padding: 12px 17px;
	text-align: left;
	line-height: 1.1;
	border: none;
	border-top: 1px solid #ebebeb;
	vertical-align: middle;
	color: var(--tg-body-font-color);
}

.cart__table tbody td:first-child {
	padding-left: 0;
}

.cart__table tbody td.product__name {
	font-weight: 500;
}

.cart__table tbody td a {
	color: var(--tg-primary-color);
}

.cart__table .product__thumb img {
	max-height: 62px;
	max-width: 50px;
}

.cart__table tbody td.product__remove a {
	font-size: 25px;
}

.cart__actions-form {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.cart__actions-form input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	margin-bottom: 0;
	height: 50px;
	background: #f5f5f5;
	color: var(--tg-heading-font-color);
	padding: 0 20px;
	border: 0;
	border-radius: 4px;
	padding-right: 0;
}

.cart__table tbody tr {
	position: relative;
}

.cart__table .product__remove {
	padding: 0 !important;
	width: 0 !important;
}

.cart__table tbody td.product__remove {
	padding-right: 5px;
	text-align: right;
}

.cart__actions {
	padding-top: 25px !important;
	padding-bottom: 10px !important;
	padding-right: 0 !important;
}

.cart__collaterals-wrap {
	border: 1px solid #ebebeb;
	border-radius: 5px;
	padding: 1.25rem;
	height: 100%;
	margin-left: 50px;
}

.cart__collaterals-wrap .title {
	font-size: 1.5rem;
	font-weight: 800;
	text-transform: uppercase;
	padding-bottom: 0.9375rem;
	border-bottom: 0.9375rem;
	border-bottom: 1px solid #ebebeb;
}

.cart__collaterals-wrap .list-wrap {
	padding-bottom: 0.9375rem;
}

.cart__collaterals-wrap .list-wrap li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: space-between;
	border-bottom: 1px solid #ebebeb;
	color: var(--tg-heading-font-color);
	font-size: 15px;
	font-weight: 700;
	padding: 12px 5px;
}

.cart__collaterals-wrap .list-wrap li span {
	color: var(--tg-body-font-color);
	font-weight: 600;
}

.cart__collaterals-wrap .btn {
	width: 100%;
	text-align: center;
	justify-content: center;
}

.cart__table tbody td.product__quantity {
	text-align: right;
	padding-right: 0;
}

.coupon__code-info {
	background: #f5f5f5;
	padding: 20px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 25px;
	border-radius: 5px;
}

.coupon__code-info a:hover {
	text-decoration: underline;
	color: var(--tg-primary-color);
}

.customer__form-wrap {
	border: 1px solid #ebebeb;
	padding: 30px;
	border-radius: 5px;
}

.customer__form-wrap .title {
	display: block;
	font-size: 1.5rem;
	font-weight: 800;

	padding-bottom: 0.75rem;
	margin-bottom: 0.75rem;
	border-bottom: 1px solid #ebebeb;
	color: var(--tg-heading-font-color);
	font-family: var(--tg-heading-font-family);
	line-height: 1;
}

.customer__form-wrap .form-grp {
	margin-bottom: 15px;
}

.customer__form-wrap .form-grp label {
	display: block;
	margin-bottom: 5px;
	font-size: 15px;
	color: var(--tg-body-font-color);
}

.customer__form-wrap .form-grp textarea,
.customer__form-wrap .form-grp input {
	width: 100%;
	color: var(--tg-heading-font-color);
	height: 53px;
	padding: 0 20px;
	background: #f5f5f5;
	border: none;
	border-radius: 4px;
}

.coupon__code-form input {
	width: 100%;
	background: #f5f5f5;
	height: 55px;
	border: none;
	color: var(--tg-heading-font-color);
	padding: 0 20px;
	margin-bottom: 15px;
	border-radius: 4px;
}

.coupon__code-form p {
	margin-bottom: 15px;
}

.customer__form-wrap .form-grp select {
	background-color: #f5f5f5;
	border: none;
	color: var(--tg-heading-font-color);
	font-weight: 400;
	font-size: 16px;

	border-radius: 0;
	outline: none;
	padding: 12px 37px 9px 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	line-height: 1.2;
	height: 53px;
	cursor: pointer;
}

.customer__form-wrap .form-grp.select-grp {
	position: relative;
}

.customer__form-wrap .form-grp.select-grp::after {
	content: "\f078";
	position: absolute;
	bottom: 17px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	right: 20px;
	font-size: 16px;
	color: var(--tg-primary-color);
	line-height: 1;
}

.customer__form-wrap .title.title-two {
	margin-top: 20px;
}

.customer__form-wrap .form-grp textarea {
	padding: 10px 20px 0;
	min-height: 120px;
	max-height: 120px;
}

.order__info-wrap {
	border: 2px solid var(--tg-primary-color);
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	padding: 30px;
	border-radius: 5px;
}

.order__info-wrap>.title {
	font-size: 1.5rem;
	font-weight: 800;

	padding-bottom: 0.75rem;
	margin-bottom: 0.75rem;
	border-bottom: 1px solid #ebebeb;
}

.order__info-wrap .list-wrap {
	margin-bottom: 20px;
}

.order__info-wrap .list-wrap li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #ebebeb;
	color: var(--tg-body-font-color);
	font-weight: 600;
	font-size: 15px;
	gap: 8px;
	padding: 12px 0;
}

.order__info-wrap .list-wrap li span {
	color: var(--tg-heading-font-color);
	display: block;
	line-height: 1;
	font-weight: 700;
}

.order__info-wrap .list-wrap li.title span {
	color: var(--tg-body-font-color);
}

.order__info-wrap p {
	margin-bottom: 15px;
}

.order__info-wrap p a {
	text-decoration: underline;
}

.order__info-wrap .btn {
	width: 100%;
	margin-top: 10px;
	text-align: center;
	justify-content: center;
}

.coupon__code-form {
	margin-bottom: 35px;
	display: none;
}

.login__left-side {
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center;
	padding: 64px 48px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}

.login__left-side::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.43) 100%);
	width: 100%;
	height: 100%;
	z-index: -1;
}

.login__left-content p {
	font-size: 20px;
	color: var(--tg-white);
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 1.5rem;
}

.login__left-content .title {
	font-size: 1.125rem;
	color: var(--tg-white);
	margin-bottom: 8px;
	font-weight: 600;
}

.login__left-content span {
	display: block;
	line-height: 1;
	color: var(--tg-white);
	opacity: 0.8;
}

.login__form-wrap {
	text-align: center;
	padding: 30px 15px;
	width: 400px;
	margin: 0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.login__form-wrap .title {
	font-size: 36px;

	margin-bottom: 30px;
}

.login__form-social {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}

.login__form-social a {
	font-size: 20px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 48px;
	flex: 1 1 0%;
	align-items: center;
	justify-content: center;
	color: var(--tg-white);
	background: #212529;
	border-radius: 8px;
}

.login__form-social a:nth-child(2) {
	background: #066ec2;
}

.login__form-wrap .divider {
	display: block;
	padding: 30px 0;
	text-transform: uppercase;
}

.login__form .form__grp {
	margin-bottom: 15px;
}

.login__form input[type=email],
.login__form input[type=password] {
	width: 100%;
	background: transparent;
	border: 1px solid var(--tg-border-color);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	font-size: 15px;
	color: var(--tg-heading-font-color);
	padding: 11px 18px 12px 18px;
	height: 50px;
	display: block;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.login__form input[type=email]::placeholder,
.login__form input[type=password]::placeholder {
	font-size: 15px;
	color: var(--tg-body-font-color);
}

.account__check {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: space-between;
	flex-wrap: wrap;
}

.account__check-remember {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 5px;
}

.account__check-remember input {
	width: 20px;
	height: 20px;
	margin-inline-end: 3px;
	padding: 0;
}

.account__check-remember label {
	user-select: none;
}

.account__check-forgot a {
	color: var(--tg-primary-color);
	font-size: 16px;
	text-decoration: underline;
	font-weight: 600;
}

.login__form .btn {
	width: 100%;
	justify-content: center;
	margin-top: 30px;
}

.account__switch {
	margin-top: 30px;
}

.account__switch p {
	margin-bottom: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.account__switch a {
	color: var(--tg-primary-color);
	text-decoration: underline;
	font-weight: 600;
}

.account__check-remember label a {
	font-weight: 600;
	text-decoration: underline;
	margin-left: 5px;
}

.row.gx-0 {
	--bs-gutter-x: 0;
}

/*=============================
    00. Dark CSS
===============================*/
[tg-theme=dark] {
	--tg-heading-font-color: var(--tg-white);
	--tg-gray: var(--tg-border-dark);
	--tg-teal: #182330;
}

[tg-theme=dark] body {
	background: var(--tg-black);
}

[tg-theme=dark] p {
	color: var(--tg-gray-three);
}

[tg-theme=dark] .header-top-wrap {
	background: #182330;
}

[tg-theme=dark] *::placeholder {
	color: var(--tg-white);
}

[tg-theme=dark] .darkmode-trigger {
	background-color: var(--tg-white);
	color: var(--tg-primary-color);
}

[tg-theme=dark] .darkmode-trigger .modeSwitch {
	color: var(--tg-primary-color);
}

[tg-theme=dark] .darkmode-trigger .icon::before {
	content: "\f186";
}

[tg-theme=dark] .header-search-wrap form input {
	color: var(--tg-white);
}

[tg-theme=dark] .header-search-wrap form input::placeholder {
	color: var(--tg-gray-three);
	opacity: .5;
}

[tg-theme=dark] .header-search-wrap form button {
	color: var(--tg-white);
}

[tg-theme=dark] .header-cart strong {
	color: var(--tg-white);
}

[tg-theme=dark] .header-action .header-sine-in a {
	color: var(--tg-white);
}

[tg-theme=dark] .header-action .header-sine-in a:hover {
	color: var(--tg-primary-color);
}

[tg-theme=dark] .post-title a:hover {
	color: var(--tg-white);
}

[tg-theme=dark] .newsletter-shape-wrap {
	opacity: .2;
}

[tg-theme=dark] .newsletter-form .form-grp input {
	color: var(--tg-white);
	background: #273341;
}

[tg-theme=dark] .section-title-line {
	border-color: var(--tg-border-dark);
}

[tg-theme=dark] .section-title-line::after {
	background: var(--tg-black);
}

[tg-theme=dark] .view-all-btn .link-btn {
	border-color: var(--tg-border-dark);
	color: var(--tg-white);
}

[tg-theme=dark] .view-all-btn .link-btn:hover {
	border-color: var(--tg-secondary-color);
}

[tg-theme=dark] .categories-item {
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	border: 5px solid #E8F1F1;
}

[tg-theme=dark] .sidebar-avatar {
	background: var(--tg-teal);
}

[tg-theme=dark] .sidebar-avatar-shape img {
	opacity: .2;
}

[tg-theme=dark] .sidebar-social-wrap .list-wrap li a {
	background: var(--tg-border-dark);
	color: var(--tg-white);
}

[tg-theme=dark] .sidebar-social-wrap .list-wrap li a:hover {
	background: var(--tg-primary-color);
}

[tg-theme=dark] .categories-shape-wrap img {
	opacity: .2;
}

[tg-theme=dark] .overlay-post-thumb::after {
	background: linear-gradient(180deg, rgba(24, 51, 84, 0.00) 0%, #000 83.34%);
}

[tg-theme=dark] .footer-area {
	background: #0C192A;
}

[tg-theme=dark] .footer-top {
	background: #0C192A;
}

[tg-theme=dark] .copyright-text p {
	color: #FFF;
}

[tg-theme=dark] .sticky-menu {
	background: var(--tg-teal);
}

[tg-theme=dark] .navbar-wrap ul li .sub-menu {
	border: 1px solid var(--tg-gray);
	background: var(--tg-border-dark);
	box-shadow: 0px 30px 70px 0px rgb(43 47 53 / 15%);
}

[tg-theme=dark] .offCanvas-wrap {
	background-color: #0C192A;
}

[tg-theme=dark] .offCanvas-contact-list li {
	color: var(--tg-gray-three);
}

[tg-theme=dark] .offCanvas-contact-list li a {
	color: var(--tg-gray-three);
}

[tg-theme=dark] .offCanvas-contact-list li a:hover {
	color: var(--tg-primary-color);
}

[tg-theme=dark] .offCanvas-social li a {
	color: var(--tg-gray-three);
}

[tg-theme=dark] .offCanvas-social li a:hover {
	color: var(--tg-primary-color);
}

[tg-theme=dark] .mobile-menu .menu-box {
	background: var(--tg-teal);
}

[tg-theme=dark] .mobile-search input {
	border: 1px solid var(--tg-border-dark);
	color: var(--tg-white);
}

[tg-theme=dark] .mobile-search button {
	color: var(--tg-white);
}

[tg-theme=dark] .mobile-menu .close-btn {
	color: var(--tg-primary-color);
}

[tg-theme=dark] .mobile-menu .navigation li {
	border-top: 1px solid var(--tg-gray);
}

[tg-theme=dark] .mobile-menu .navigation:last-child {
	border-bottom: 1px solid var(--tg-gray);
}

[tg-theme=dark] .newsletter-form .form-grp input::placeholder {
	color: var(--tg-white);
	opacity: .5;
}

[tg-theme=dark] .menu-area.menu-style-two {
	background: var(--tg-teal);
}

[tg-theme=dark] .header-style-two {
	background: #0f161e;
}

[tg-theme=dark] .section-title-line-three {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .post-tag-two {
	border-color: var(--tg-teal);
}

[tg-theme=dark] .post-tag-two:hover {
	background: var(--tg-primary-color);
}

[tg-theme=dark] .sidebar-newsletter {
	background: var(--tg-teal);
}

[tg-theme=dark] .header-top-wrap-two {
	background: var(--tg-teal);
}

[tg-theme=dark] .menu-area.menu-style-three {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .editor-nav .slick-arrow {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .editor-nav .slick-arrow:hover {
	border-color: var(--tg-primary-color);
}

[tg-theme=dark] .header-top-wrap-three {
	background: var(--tg-teal);
}

[tg-theme=dark] .sidebar-avatar-two {
	background: var(--tg-teal);
}

[tg-theme=dark] .sidebar-avatar-two .sidebar-avatar-thumb {
	border: 5px solid var(--tg-gray);
}

[tg-theme=dark] .trending-shape-wrap img {
	opacity: .2;
}

[tg-theme=dark] .header-logo-area-three {
	background: #0f161e;
}

[tg-theme=dark] .coin-item .content>span {
	color: var(--tg-gray-three);
}

[tg-theme=dark] .menu-area.menu-style-six {
	box-shadow: 0px 2px 10px 0px rgb(78 78 78 / 10%);
}

[tg-theme=dark] .hl-left-side-four .date {
	color: var(--tg-white);
}

[tg-theme=dark] .hl-left-side-four .date i {
	color: var(--tg-white);
}

[tg-theme=dark] .hl-right-side-four .sign-in a {
	color: var(--tg-white);
}

[tg-theme=dark] .hl-right-side-four .sign-in a:hover {
	color: var(--tg-primary-color);
}

[tg-theme=dark] .news-banner-small-post::before {
	background: var(--tg-gray);
}

[tg-theme=dark] .banner-post-five {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .header-top-wrap-four {
	background: var(--tg-teal);
}

[tg-theme=dark] .sidebar-wrap-three::before {
	background: var(--tg-gray);
}

[tg-theme=dark] .stories-post {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .politics-post-wrap-two::before {
	background: var(--tg-gray);
}

[tg-theme=dark] .politics-post-two {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .editor-post-area-three {
	background: var(--tg-teal);
}

[tg-theme=dark] .editor-nav-two .slick-arrow {
	border-color: var(--tg-border-dark);
}

[tg-theme=dark] .editor-nav-two .slick-arrow:hover {
	border-color: var(--tg-primary-color);
}

[tg-theme=dark] .editor-post-area-three .section-title-line::after {
	background: var(--tg-teal);
}

[tg-theme=dark] .editor-post-three::before {
	background: var(--tg-gray);
}

[tg-theme=dark] .hot-post-item-two {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .footer-bottom-three {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .footer-top-three .footer-content p {
	color: var(--tg-gray-three);
}

[tg-theme=dark] .footer-top-three .footer-widget .fw-title {
	color: var(--tg-white);
}

[tg-theme=dark] .footer-link-wrap .list-wrap li a {
	color: var(--tg-gray-two);
}

[tg-theme=dark] .footer-link-wrap .list-wrap li a:hover {
	color: var(--tg-white);
}

[tg-theme=dark] .footer-bottom-menu .list-wrap li a::before,
[tg-theme=dark] .footer-top-three .footer-link-wrap .list-wrap li a::before {
	background: var(--tg-white);
}

[tg-theme=dark] .footer-bottom-menu .list-wrap li a {
	color: var(--tg-gray-two);
}

[tg-theme=dark] .footer-bottom-menu .list-wrap li a:hover {
	color: var(--tg-white);
}

[tg-theme=dark] .stories-post-two {
	background: var(--tg-teal);
}

[tg-theme=dark] .search__popup {
	background: var(--tg-teal);
}

[tg-theme=dark] .header-search-wrap form button:hover {
	color: var(--tg-primary-color);
}

[tg-theme=dark] .banner-post-seven::before {
	background: var(--tg-gray);
}

[tg-theme=dark] .breadcrumb-area {
	background: var(--tg-teal);
}

[tg-theme=dark] .breadcrumb-content .breadcrumb-item a {
	color: var(--tg-white);
}

[tg-theme=dark] .breadcrumb-content .breadcrumb-item a:hover {
	color: var(--tg-primary-color);
}

[tg-theme=dark] .breadcrumb-content .breadcrumb-item+.breadcrumb-item::before {
	color: var(--tg-white);
}

[tg-theme=dark] .about-content>span {
	color: var(--tg-gray-three);
}

[tg-theme=dark] .team-area {
	background: var(--tg-border-dark);
}

[tg-theme=dark] .team-content {
	background: var(--tg-black);
}

[tg-theme=dark] .author-wrap {
	background: var(--tg-teal);
	border-color: var(--tg-gray);
}

[tg-theme=dark] .author-thumb img {
	box-shadow: 0px 4px 20px 0px #000000;
	border-color: var(--tg-gray);
}

[tg-theme=dark] .author-social .list-wrap li a {
	color: var(--tg-white);
}

[tg-theme=dark] .author-social .list-wrap li a:hover {
	color: var(--tg-primary-color);
}

[tg-theme=dark] .sidebar-search form input {
	color: var(--tg-white);
}

[tg-theme=dark] .sidebar-search form input::placeholder {
	color: var(--tg-white);
	opacity: .4;
}

[tg-theme=dark] .pagination-wrap .pagination .page-link {
	color: var(--tg-white);
	border-color: var(--tg-gray);
	background: var(--tg-teal);
}

[tg-theme=dark] .pagination-wrap .pagination .page-link:hover {
	color: var(--tg-white);
	border-color: var(--tg-primary-color);
	background: var(--tg-primary-color);
}

[tg-theme=dark] .blog-details-content blockquote {
	background: var(--tg-teal);
	border-color: var(--tg-gray);
}

[tg-theme=dark] .blog-details-content blockquote p {
	color: var(--tg-white);
}

[tg-theme=dark] .blog-details-content blockquote cite {
	color: var(--tg-gray-two);
}

[tg-theme=dark] .blog-details-content blockquote cite::before {
	background: var(--tg-border-dark);
}

[tg-theme=dark] .blog-details-bottom {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .blog-details-bottom .post-tags .list-wrap li a {
	background: var(--tg-teal);
}

[tg-theme=dark] .blog-details-bottom .post-tags .list-wrap li a:hover {
	background: var(--tg-primary-color);
}

[tg-theme=dark] .blog-details-bottom .post-share .list-wrap li a {
	color: var(--tg-white);
}

[tg-theme=dark] .blog-details-bottom .post-share .list-wrap li a:hover {
	color: var(--tg-primary-color);
}

[tg-theme=dark] .blog-avatar-wrap {
	border-color: var(--tg-gray);
	background: var(--tg-teal);
}

[tg-theme=dark] .pev-next-post-wrap .post-item .content span {
	color: var(--tg-white);
}

[tg-theme=dark] .comments-text .reply-btn {
	background: var(--tg-teal);
}

[tg-theme=dark] .comments-text .reply-btn:hover {
	background: var(--tg-primary-color);
}

[tg-theme=dark] .comments-box {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .comment-form .form-grp textarea,
[tg-theme=dark] .comment-form .form-grp input {
	border-color: var(--tg-gray);
	background: var(--tg-teal);
	color: var(--tg-white);
}

[tg-theme=dark] .comment-form .form-grp textarea::placeholder,
[tg-theme=dark] .comment-form .form-grp input::placeholder {
	color: var(--tg-white);
	opacity: .5;
}

[tg-theme=dark] .comment-form .checkbox-grp input {
	background-color: var(--tg-teal);
}

[tg-theme=dark] .comment-form .checkbox-grp label {
	color: var(--tg-gray-three);
}

[tg-theme=dark] .blog-details-content p.first-info::first-letter {
	color: var(--tg-white);
}

[tg-theme=dark] .blog-details-inner-content .list-wrap li {
	color: var(--tg-white);
}

[tg-theme=dark] .contact-info-item {
	background: var(--tg-teal);
	border-color: var(--tg-gray);
}

[tg-theme=dark] .contact-info-item .content::before {
	background: var(--tg-gray);
}

[tg-theme=dark] .contact-info-item .content p {
	color: var(--tg-white);
}

[tg-theme=dark] .contact-form {
	background: var(--tg-teal);
}

[tg-theme=dark] .contact-form .form-grp textarea,
[tg-theme=dark] .contact-form .form-grp input {
	border-color: var(--tg-gray);
	background: var(--tg-gray);
	color: var(--tg-white);
}

[tg-theme=dark] .contact-form .form-grp textarea::placeholder,
[tg-theme=dark] .contact-form .form-grp input::placeholder {
	color: var(--tg-white);
	opacity: .5;
}

[tg-theme=dark] .menu-area .logo {
	display: none !important;
}

[tg-theme=dark] .menu-area .logo.d-none {
	display: block !important;
}

[tg-theme=dark] .menu-area.menu-style-two .logo.d-none {
	display: none !important;
}

[tg-theme=dark] .header-logo-area-two .logo {
	display: none !important;
}

[tg-theme=dark] .header-logo-area-two .logo.d-none {
	display: block !important;
}

[tg-theme=dark] .menu-area.menu-style-four .logo {
	display: none !important;
}

[tg-theme=dark] .header-logo-area-four .logo {
	display: none;
}

[tg-theme=dark] .header-logo-area-four .logo.d-none {
	display: block !important;
}

[tg-theme=dark] .menu-area.menu-style-six .logo.d-none {
	display: none !important;
}

[tg-theme=dark] .mobile-menu .nav-logo {
	display: none;
}

[tg-theme=dark] .mobile-menu .nav-logo.d-none {
	display: block !important;
}

[tg-theme=dark] .footer-area-four .fw-logo.d-none {
	display: block !important;
}

[tg-theme=dark] .footer-area-four .fw-logo {
	display: none !important;
}

[tg-theme=dark] .offCanvas-wrap .logo a.logo-light {
	display: block;
}

[tg-theme=dark] .offCanvas-wrap .logo a.logo-dark {
	display: none;
}

[tg-theme=dark] #preloader {
	background: var(--tg-black);
}

[tg-theme=dark] #fg-loader {
	color: var(--tg-white);
}



/* new-css */
[tg-theme=dark] .menu-area.menu-style-seven .logo {
	display: block !important;
}

[tg-theme=dark] .menu-style-seven .logo a {
	background: #182330;
}

[tg-theme=dark] .trending-box-two svg {
	color: #182330;
}

[tg-theme=dark] .menu-style-seven {
	border-color: var(--tg-border-dark);
}

[tg-theme=dark] .post-tag-five {
	border-color: var(--tg-white);
}

[tg-theme=dark] .post-tag-five:hover {
	border-color: var(--tg-primary-color);
}

[tg-theme=dark] .trending-post-three {
	border-color: var(--tg-border-dark);
}

[tg-theme=dark] .editor-post-five {
	border-color: var(--tg-border-dark);
}

[tg-theme=dark] .editor-post-wrap-four::before {
	background: var(--tg-border-dark);
}

[tg-theme=dark] .editor-post-six {
	border-color: var(--tg-border-dark);
}

[tg-theme=dark] .sidebar-wrap-six {
	border-color: var(--tg-border-dark);
}

[tg-theme=dark] .sidebar-social-wrap-two li a {
	border-color: var(--tg-border-dark);
}

[tg-theme=dark] .newsletter__wrap-five {
	background: #0C192A;
}

[tg-theme=dark] .life__style-post-wrap::before {
	background: var(--tg-border-dark);
}

[tg-theme=dark] .life__style-post {
	border-color: var(--tg-border-dark);
}

[tg-theme=dark] .sidebar-newsletter-five .sub-title {
	color: #B4B4B4;
}

[tg-theme=dark] .paly__btn {
	color: var(--tg-primary-color);
}

[tg-theme=dark] .paly__btn:hover {
	color: var(--tg-white);
}

/* home-eight */
[tg-theme=dark] .menu-area.menu-style-eight .logo {
	display: none !important;
}

[tg-theme=dark] .menu-area.menu-style-eight .logo.d-none {
	display: block !important;
}

[tg-theme=dark] .menu-style-eight .logo a {
	background: transparent;
}

[tg-theme=dark] .recent__post-nav-wrap .nav-link {
	color: var(--tg-icon-color);
}

[tg-theme=dark] .recent__post-nav-wrap .nav-link.active {
	color: var(--tg-primary-color);
}

[tg-theme=dark] .recent__post-item-wrap::before {
	background: var(--tg-border-dark);
}

[tg-theme=dark] .recent__post-item-two {
	border-color: var(--tg-border-dark);
}

[tg-theme=dark] .blog-post-meta-four .list-wrap li {
	color: var(--tg-icon-color);
}

[tg-theme=dark] .blog-post-meta-four .list-wrap li.comment a {
	color: var(--tg-icon-color);
}

[tg-theme=dark] .blog-post-meta-four .list-wrap li.comment a:hover {
	color: var(--tg-primary-color);
}

[tg-theme=dark] .recent__post-content-two .date {
	color: var(--tg-icon-color);
}

[tg-theme=dark] .editor__choice-item-wrap::after,
[tg-theme=dark] .editor__choice-item-wrap::before {
	background: var(--tg-gray);
}

[tg-theme=dark] .editor__choice-post-two {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .horizontal-post-seven {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .sidebar__social li a {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .technology__post-three {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .weekly__post {
	background: #0C192A;
}

[tg-theme=dark] .technology__post-wrap-two .technology__post-three:last-child {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .sidebar-wrap-eight {
	background: #0C192A;
}

[tg-theme=dark] .shop__top-wrap {
	background: var(--tg-teal);
}

[tg-theme=dark] .shop__top-right select {
	background: var(--tg-teal);
	color: var(--tg-white);
}

[tg-theme=dark] .shop__top-right::after {
	color: var(--tg-white);
}

[tg-theme=dark] .shop__action li a {
	background: var(--tg-teal);
	color: var(--tg-white);
}

[tg-theme=dark] .shop__action li a:hover {
	background: var(--tg-primary-color);
}

[tg-theme=dark] .cart__table thead th {
	color: var(--tg-white);
}

[tg-theme=dark] .cart__table tbody td {
	border-color: var(--tg-teal);
	color: var(--tg-white);
}

[tg-theme=dark] .cart-plus-minus input,
[tg-theme=dark] .cart-plus-minus .qtybutton {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .cart-plus-minus .qtybutton.inc {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .cart__collaterals-wrap .list-wrap li,
[tg-theme=dark] .cart__collaterals-wrap .title,
[tg-theme=dark] .cart__collaterals-wrap {
	border-color: var(--tg-teal);
}

[tg-theme=dark] .cart__collaterals-wrap .list-wrap li span {
	color: var(--tg-white);
}

[tg-theme=dark] .cart__actions-form input {
	background: var(--tg-teal);
}

[tg-theme=dark] .login__form input[type=email],
[tg-theme=dark] .login__form input[type=password] {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .login__form input[type=email]::placeholder,
[tg-theme=dark] .login__form input[type=password]::placeholder {
	color: var(--tg-gray-four);
}

[tg-theme=dark] .login__form-wrap .divider {
	color: var(--tg-gray-four);
}

[tg-theme=dark] .account__check-remember label {
	color: var(--tg-gray-four);
}

[tg-theme=dark] .coupon__code-info {
	background: var(--tg-teal);
}

[tg-theme=dark] .coupon__code-info span {
	color: var(--tg-white);
}

[tg-theme=dark] .coupon__code-form input {
	background: var(--tg-teal);
}

[tg-theme=dark] .customer__form-wrap .title,
[tg-theme=dark] .customer__form-wrap {
	border-color: var(--tg-teal);
}

[tg-theme=dark] .customer__form-wrap .form-grp textarea,
[tg-theme=dark] .customer__form-wrap .form-grp input {
	background: var(--tg-teal);
}

[tg-theme=dark] .customer__form-wrap .form-grp label {
	color: var(--tg-white);
}

[tg-theme=dark] .customer__form-wrap .form-grp select {
	background-color: var(--tg-teal);
}

[tg-theme=dark] .order__info-wrap .list-wrap li,
[tg-theme=dark] .order__info-wrap>.title {
	border-color: var(--tg-teal);
}

[tg-theme=dark] .order__info-wrap .list-wrap li {
	color: var(--tg-white);
}

[tg-theme=dark] .shop__details-images-wrap .tab-content .tab-pane {
	background: var(--tg-teal);
}

[tg-theme=dark] .shop__details-images-wrap .nav-link {
	background: var(--tg-teal);
}

[tg-theme=dark] .shop__details-review-wrap li {
	color: var(--tg-white);
}

[tg-theme=dark] .shop__details-content-inner {
	border-color: var(--tg-teal);
}

[tg-theme=dark] .shop__details-wishlist-wrap a {
	border-color: var(--tg-gray);
	color: var(--tg-white);
}

[tg-theme=dark] .shop__details-wishlist-wrap a:hover {
	border-color: var(--tg-primary-color);
}

[tg-theme=dark] .shop__details-bottom .list-wrap .sd-social>a,
[tg-theme=dark] .shop__details-bottom .list-wrap .sd-tag>a,
[tg-theme=dark] .shop__details-bottom .list-wrap .sd-category>a {
	color: var(--tg-white);
}

[tg-theme=dark] .shop__details-bottom .list-wrap .sd-social .list-wrap li a {
	border-color: var(--tg-gray);
}

[tg-theme=dark] .shop__details-bottom .list-wrap .sd-social .list-wrap li a:hover {
	border-color: var(--tg-primary-color);
}

[tg-theme=dark] .product-desc-review,
[tg-theme=dark] .product-desc-wrap .nav-tabs {
	border-color: var(--tg-teal);
}

@media only screen and (max-width: 600px) {
	.logo img {
		max-height: 60px;
	}

	.nav-logo img {
		width: 200px;
	}

	.editor-post-content .post-title {
		font-size: 14px;
		margin-bottom: 12px;
		line-height: 1.2;
	}
}

/* Estado inicial */
.reveal {
	opacity: 0;
	transform: translateY(60px);
	transition: all 0.8s ease;
}

/* Quando aparece */
.reveal.active {
	opacity: 1;
	transform: translateY(0);
}

.bancos-menu {
	display: flex;
	gap: 10px;
	flex-wrap: nowrap !important;
	/* Força os botões a ficarem na mesma linha no PC */
	margin-bottom: 25px;
	width: 100% !important;
}

/* Estado normal/padrão dos botões (Ajustado para Computador) */
.banco-btn {
	opacity: 0.85;
	transition: all 0.2s ease-in-out;
	color: #333333 !important;
	background-color: #FFF;
	border-radius: 4px;
	text-decoration: none !important;
	font-weight: 600;
	border: 1px solid #CFCFCF;

	/* Força tamanho idêntico distribuído em 100% da tela */
	flex: 1 1 0px !important;
	width: auto !important;

	/* Centralização matemática do texto */
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	box-sizing: border-box !important;

	/* Ajuste de espaçamento para o computador */
	padding: 10px 4px !important;
	font-size: 12px !important;
}

/* Cores customizadas por banco (Hover e Ativo) */
.banco-btn[data-banco="todos"]:hover,
.banco-btn[data-banco="todos"].active {
	background-color: #94242B !important;
	color: #fff !important;
	opacity: 1;
	border: 1px solid #94242B;
}

.banco-btn[data-banco="caixa"]:hover,
.banco-btn[data-banco="caixa"].active {
	background-color: #005ca9 !important;
	color: #fff !important;
	opacity: 1;
	border: 1px solid #005ca9;
}

.banco-btn[data-banco="bb"]:hover,
.banco-btn[data-banco="bb"].active {
	background-color: #fcf800 !important;
	color: #0038a8 !important;
	opacity: 1;
	border: 1px solid #fcf800;
}

.banco-btn[data-banco="itau"]:hover,
.banco-btn[data-banco="itau"].active {
	background-color: #ec7000 !important;
	color: #fff !important;
	opacity: 1;
	border: 1px solid #ec7000;
}

.banco-btn[data-banco="bradesco"]:hover,
.banco-btn[data-banco="bradesco"].active {
	background-color: #cc092f !important;
	color: #fff !important;
	opacity: 1;
	border: 1px solid #cc092f;
}

.banco-btn[data-banco="santander"]:hover,
.banco-btn[data-banco="santander"].active {
	background-color: #ec0000 !important;
	color: #fff !important;
	opacity: 1;
	border: 1px solid #ec0000;
}

.banco-btn[data-banco="mercantil"]:hover,
.banco-btn[data-banco="mercantil"].active {
	background-color: #003366 !important;
	color: #fff !important;
	opacity: 1;
	border: 1px solid #003366;
}

.banco-btn[data-banco="outros"]:hover,
.banco-btn[data-banco="outros"].active {
	background-color: #444444 !important;
	color: #fff !important;
	opacity: 1;
	border: 1px solid #444444;
}

.banco-btn[data-banco="financeiras"]:hover,
.banco-btn[data-banco="financeiras"].active {
	background-color: #28a745 !important;
	color: #fff !important;
	opacity: 1;
	border: 1px solid #28a745;
}

/* Tags internas */
div[data-banco-post="caixa"] .post-tag {
	background-color: #005ca9 !important;
	color: #fff;
}

div[data-banco-post="bb"] .post-tag {
	background-color: #fcf800 !important;
	color: #0038a8 !important;
	font-weight: bold;
}

div[data-banco-post="itau"] .post-tag {
	background-color: #ec7000 !important;
	color: #fff;
}

div[data-banco-post="bradesco"] .post-tag {
	background-color: #cc092f !important;
	color: #fff;
}

div[data-banco-post="santander"] .post-tag {
	background-color: #ec0000 !important;
	color: #fff;
}

div[data-banco-post="mercantil"] .post-tag {
	background-color: #003366 !important;
	color: #fff;
}

div[data-banco-post="outros"] .post-tag {
	background-color: #444444 !important;
	color: #fff;
}

div[data-banco-post="financeiras"] .post-tag {
	background-color: #28a745 !important;
	color: #fff;
}

/* Controle do Carrossel e Animação de Transição */
.banco-item {
	display: block;
	padding: 0 10px;
}

/* Classe de efeito para suavizar a troca do carrossel */
.trending-post-active {
	opacity: 1;
	transition: opacity 0.4s ease-in-out;
}

.trending-post-active.filtrando {
	opacity: 0;
}

/* ==========================================================================
   CÓDIGO CORRIGIDO PARA CELULAR (Substitua o seu @media por este)
   ========================================================================== */

@media only screen and (max-width: 600px) {
	.trending-post-area-two {
		padding: 40px 0;
	}

	.bancos-menu {
		flex-wrap: wrap !important;
		/* Permite quebrar em várias linhas */
		gap: 10px !important;
		/* Garante o espaçamento de 10px entre os botões */
	}

	/* SELETOR CORRIGIDO: Agora aponta exatamente para os botões dentro do menu */
	.bancos-menu .banco-btn {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;

		/* Desativa o comportamento de expandir/linha única do PC */
		flex: none !important;

		/* CÁLCULO PERFEITO: 33.33% menos a divisão proporcional do gap de 10px */
		width: calc(33.33% - 6.66px) !important;

		box-sizing: border-box !important;
		padding: 12px 2px !important;
		font-size: 10px !important;
		/* Reduzido levemente para nomes grandes como "Mercantil" e "Financeiras" não quebrarem o layout */
	}


	.search-modal-trigger-btn .flaticon-search {
		color: var(--tg-primary-color) !important;
		
		/* Adiciona uma borda da mesma cor para engrossar */
		-webkit-text-stroke: 1.5px var(--tg-primary-color);
		
		/* Garante boa renderização em alguns navegadores */
		paint-order: stroke fill; 
	  }
}


.logo a {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.rivax-logo-shiny {
	display: block;
	position: relative;
}

.logo a::after {
	content: '';
	position: absolute;
	top: 0;
	left: -150%;
	width: 60%;
	/* Aumentei um pouco a largura para a luz parecer mais suave */
	height: 100%;
	background: linear-gradient(90deg,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.7) 50%,
			rgba(255, 255, 255, 0) 100%);
	transform: skewX(-25deg);

	/* Aumentado para 6 segundos para desacelerar o ciclo completo */
	animation: logoShine 6s infinite ease-in-out;
}

@keyframes logoShine {
	0% {
		left: -150%;
	}

	/* O movimento agora leva mais tempo para atravessar (até 40%) */
	40% {
		left: 150%;
	}

	/* Do 40% ao 100% ela fica aguardando para passar de novo */
	100% {
		left: 150%;
	}
}

/* ==========================================================
PRELOAD DO SLIDER
Evita quebra visual antes do Slick carregar
========================================================== */

.banner-post-active:not(.slick-initialized) {
	display: flex;
	overflow: hidden;
}

.banner-post-active:not(.slick-initialized) .banner-post-item {
	min-width: 100%;
}

/* ==========================================================
COLUNA PRINCIPAL
========================================================== */

.col-70 {
	position: relative;
}

/* ==========================================================
SLIDER PRINCIPAL
========================================================== */

.banner-post-wrap {
	position: relative;
	border-radius: 14px;
	overflow: hidden;
}

/* Slick herda o arredondamento */

.banner-post-wrap,
.banner-post-wrap .slick-list,
.banner-post-wrap .slick-track,
.banner-post-wrap .banner-post-item,
.banner-post-wrap .banner-post-two.big-post,
.banner-post-wrap .banner-post-thumb-two,
.banner-post-wrap .banner-post-thumb-two img {
	border-radius: 14px;
	overflow: hidden;
}

/* ==========================================================
ALTURA DO BANNER PRINCIPAL
========================================================== */

.banner-post-two.big-post {
	height: 560px;
	position: relative;
}

/* ==========================================================
IMAGENS
========================================================== */

.banner-post-thumb-two {
	position: relative;
	overflow: hidden;
	height: 100%;
}

.banner-post-thumb-two img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ==========================================================
DEGRADÊ ESCURO
========================================================== */

.banner-post-thumb-two::after {
	content: "";
	position: absolute;
	inset: 0;

	background: linear-gradient(to top,
			rgba(0, 0, 0, .95) 0%,
			rgba(0, 0, 0, .80) 25%,
			rgba(0, 0, 0, .50) 50%,
			rgba(0, 0, 0, .15) 75%,
			rgba(0, 0, 0, 0) 100%);

	z-index: 2;
	pointer-events: none;
}

/* ==========================================================
CONTEÚDO DO BANNER
========================================================== */

.banner-post-content-two {
	position: absolute;
	left: 35px;
	right: 35px;
	bottom: 30px;
	z-index: 10;
}

/* ==========================================================
EFEITO ZOOM
========================================================== */

.banner-post-thumb-two img {
	transition: transform 8s ease;
}

.slick-current .banner-post-thumb-two img {
	transform: scale(1.08);
}

/* ==========================================================
DOTS VERTICAIS
========================================================== */

.banner-post-active ul.slick-dots {
	position: absolute !important;

	top: 20px !important;
	left: 20px !important;

	right: auto !important;
	bottom: auto !important;

	transform: none !important;

	display: flex !important;
	flex-direction: column !important;

	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;

	width: auto !important;

	z-index: 999 !important;
}

.banner-post-active ul.slick-dots li {
	width: 14px !important;
	height: 14px !important;
	margin: 4px 0 !important;
}

.banner-post-active ul.slick-dots li button {
	width: 14px !important;
	height: 14px !important;

	padding: 0 !important;

	border-radius: 50% !important;

	background: #ffffff !important;

	opacity: .80 !important;

	transition: all .3s ease;
}

.banner-post-active ul.slick-dots li button:before {
	display: none !important;
}

.banner-post-active ul.slick-dots li.slick-active button {
	background: #d40000 !important;
	opacity: 1 !important;
	transform: scale(1.2);
}

/* ==========================================================
NOTÍCIAS LATERAIS
========================================================== */

.side-news {
	cursor: pointer;

	/*border: 4px solid transparent;*/

	border-radius: 10px;

	overflow: hidden;

	margin-bottom: 16px;

	transition: all .3s ease;
}

/* Mantém radius em tudo */

.side-news,
.side-news .banner-post-thumb-two,
.side-news .banner-post-thumb-two img {
	border-radius: 14px;
}

/* ==========================================================
ALTURA DAS NOTÍCIAS LATERAIS
========================================================== */

.col-30 .small-post {
	height: 176px;
}

/* ==========================================================
HOVER
========================================================== */

.side-news:hover {
	border-color: #999;
	transform: translateY(-2px);
}

/* ==========================================================
NOTÍCIA ATIVA
========================================================== */

.side-news.active-slide .post-title a {
	color: #d40000 !important;
}

/* ==========================================================
RESPONSIVO
========================================================== */

@media(max-width:991px) {

	.banner-post-two.big-post {
		height: 530px;
	}

	.banner-post-active ul.slick-dots {
		top: 15px !important;
		left: 15px !important;
	}

	.col-30 .small-post {
		height: auto;
	}
}

@media(max-width:767px) {

	/* Esconde as notícias menores laterais no telemóvel/celular */
	.lado {
		display: none !important;
	}

	/* Força o banner principal a ocupar 100% da largura da tela */
	.col-70 {
		width: 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.banner-post-two.big-post {
		height: 350px;
	}

	.banner-post-content-two {
		left: 20px;
		right: 20px;
		bottom: 20px;
	}

	.banner-post-area-two {
		padding-top: 30px !important;
	}

	.banner-post-two {
		padding-bottom: 0
	}

}

/* Media query focada em telas de celulares (até 767px) */
/* Media query focada em telas de celulares (até 767px) */
@media (max-width: 767px) {
    
    /* 1. Centraliza o título e o container do bloco de widgets */
    .footer-area .footer-widget {
        text-align: center !important;
        margin-bottom: 35px; /* Espaço entre os blocos no mobile */
    }

    /* 2. Força o título h2 a ficar centralizado */
    .footer-area .fw-title {
        text-align: center !important;
        display: block;
        width: 100%;
    }

    /* 3. Ajusta a lista para alinhar o conteúdo em bloco centralizado */
    .footer-area .footer-link-wrap .list-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 0;
    }

    /* 4. Alinha e limpa os itens da lista no mobile */
    .footer-area .footer-link-wrap .list-wrap li {
        display: block;
        text-align: center;
        width: 100%;
        margin-bottom: 5px;
        font-size: 14px; /* Ajuste opcional para o tamanho da fonte no celular */
    }

    /* 5. ESCONDE OS ÍCONES NO CELULAR */
    .footer-area .footer-link-wrap .list-wrap li i {
        display: none !important;
    }
    
    /* Centraliza também os menus de baixo do rodapé e copyright */
    .footer-bottom-menu .list-wrap,
    .copyright-text {
        text-align: center !important;
        justify-content: center !important;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 10px;
    }
	.footer-widget .fw-title {
	  position: relative;
	  margin-bottom: 20px;
	  padding-bottom: 0px;
	  color: var(--tg-white);
	  font-size: 25px;
	  font-weight: 800;
	}
}

@media (max-width: 767px) {
	.hidden2 { display: none !important }
}

/* ==========================================================================
   ESTILOS CUSTOMIZADOS PARA A PÁGINA DE CONVÊNIOS
   ========================================================================== */

/* Estilização do Card de Convênio */
.weekly-post-three {
    background: #ffffff;
    border: 1px solid #eef2f5;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    height: calc(100% - 30px); /* Garante altura igual nos cards da mesma linha */
}

.weekly-post-three:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

/* Ajuste da Imagem (Sem border-radius no bottom) */
.weekly-post-thumb {
    position: relative;
    overflow: hidden;
}

.weekly-post-thumb img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform 0.5s ease;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.weekly-post-three:hover .weekly-post-thumb img {
    transform: scale(1.05);
}

/* Conteúdo do Card */
.weekly-post-content {
    padding: 15px 20px 25px 20px;
    flex-grow: 1;
}

.weekly-post-content .post-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 12px;
}

.weekly-post-content .post-title a {
    color: #111111;
    transition: color 0.2s ease;
}

.weekly-post-content .post-title a:hover {
    color: #94242B; /* Vermelho institucional */
}

.weekly-post-content p {
    font-size: 14px;
    color: #666666;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Container do Botão */
.view-all-btn {
    display: flex;
    justify-content: center;
    padding-bottom: 25px;
}

/* Estilo Base do Botão */
.view-all-btn .link-btn {
    font-size: 14px;
    font-weight: 700;
    color: #94242B;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}

.view-all-btn .link-btn .svg-icon svg {
    width: 10px;
    height: 10px;
    transition: transform 0.2s ease-in-out;
	z-index:9999999 !important
}

/* Força a cor original da seta com base no preenchimento (fill) */
.view-all-btn .link-btn .svg-icon svg path {
    fill: #94242B;
    transition: fill 0.2s ease-in-out;
	z-index:9999999 !important
}

/* ==========================================================================
   EFEITOS DE HOVER CORRIGIDOS
   ========================================================================== */

/* Quando passa o mouse no link, APENAS o SVG e o PATH mudam para branco */
.view-all-btn .link-btn:hover .svg-icon svg,
.view-all-btn .link-btn:hover .svg-icon svg path {
    fill: #ffffff !important;
    color: #ffffff !important;
	z-index:9999999 !important
}

/* Mantém o efeito de movimento sutil da setinha */
.view-all-btn .link-btn:hover .svg-icon svg {
    transform: translate(2px, -2px);
}

/* ==========================================================================
   ESTILIZAÇÃO DE SUGESTÕES COMPATÍVEL COM MENU MOBILE
   ========================================================================== */

.mobile-search {
    position: relative;
    margin-bottom: 20px;
}

.mobile-search-suggestions {
    display: none;
    background-color: #1a1a1a;
    border: 1px solid #2d2d2d;
    border-radius: 8px;
    margin-top: 10px;
    max-height: 280px;
    overflow-y: auto;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    transition: opacity 0.25s ease;
}

.mobile-suggestions-list {
    display: flex;
    flex-direction: column;
    padding: 10px;
    gap: 10px;
}

/* Reaproveita a suavidade dos itens originais se adaptando ao mobile */
.mobile-suggestions-list .suggestion-item {
    background-color: #202020;
    margin-bottom: 0 !important; /* Reseta margem do desktop */
    padding: 8px;
    gap: 10px;
    border-radius: 6px;
    opacity: 1;
    max-height: 90px;
    transform: scale(1);
    transition: opacity 0.2s ease, max-height 0.2s ease, transform 0.2s ease;
}

.mobile-suggestions-list .suggestion-item.is-hidden {
    opacity: 0;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    transform: scale(0.95);
    pointer-events: none;
}

.mobile-suggestions-list .suggestion-thumb {
    width: 60px;
    height: 45px;
}

.mobile-suggestions-list .suggestion-post-title {
    font-size: 12px;
    white-space: normal; /* Permite que o título quebre linha se o celular for pequeno */
}

.mobile-suggestions-list .suggestion-meta {
    font-size: 10px;
    margin-bottom: 2px;
}
/* Estado Normal do Botão */
.btn-two {  
  background: var(--tg-primary-color);
  color: #fff; /* Defina a cor do texto padrão se necessário */
  
  /* Adiciona a borda transparente para reservar o espaço */
  border: 2px solid transparent; 
  transition: all 0.3s ease; /* Transição suave para o efeito */
}

.subscribe-btn .btn {
  padding: 15px 27px;
  text-transform: uppercase;
  display: inline-block; /* Garante que o padding e transições funcionem perfeitamente */
}

/* Estado Hover (Passar o Mouse) */
.btn-two:hover {
  background: transparent;
  border-color: var(--tg-primary-color); /* Usa a mesma cor vermelha que você já tem na variável */
  color: #fff !important; /* Muda o texto para vermelho para o contraste ficar bom */
}

@media only screen and (max-width: 600px) {
	.pesquisanoticias {   padding-top:40px } 
	.noticia-card-slot {  margin-bottom: 40px; }
}


/* Definição de altura idêntica para ambos os lados no Desktop */
:root {
    --banner-total-height: 560px; /* Aumentado de 480px para 560px */
    --gap-space: 12px; /* Espaçamento entre os cards laterais */
}

/* Força o container do Slick e seus componentes internos a respeitarem a altura máxima */
.banner-post-wrap.banner-post-active,
.banner-post-wrap.banner-post-active .slick-list,
.banner-post-wrap.banner-post-active .slick-track,
.banner-post-wrap.banner-post-active .slick-slide > div,
.banner-post-wrap.banner-post-active .banner-post-item {
    height: var(--banner-total-height) !important;
}

/* O card principal preenche o espaço total designado */
.banner-post-two.big-post {
    height: 100% !important;
    position: relative;
    overflow: hidden;
}

.banner-post-thumb-two.dynamic-big-thumb {
    height: 100% !important;
    width: 100%;
}

/* Configuração simétrica da lateral utilizando Flexbox no Desktop */
@media (min-width: 992px) {
    .banner-post-inner .row {
        display: flex !important;
        flex-wrap: wrap;
    }
    
    .col-70 {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .col-30.lado {
        flex: 0 0 30%;
        max-width: 30%;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        height: var(--banner-total-height) !important;
        padding-left: 15px;
    }
    
    .banner-post-two.small-post.side-news {
        margin-bottom: 0 !important;
        /* Divide o espaço em 3 partes perfeitas descontando as lacunas */
        height: calc((100% - (var(--gap-space) * 2)) / 3) !important; 
    }
}

.banner-post-thumb-two.dynamic-small-thumb {
    height: 100% !important;
    width: 100%;
}

/* Normalização de imagens para cobrir a área sem distorcer */
.banner-post-thumb-two img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center;
}

/* Ajuste no Gradiente Escuro (Background) - SUAVIZADO */
.banner-post-two {
    position: relative;
}

.banner-post-two::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%; /* Reduzido para não subir muito na imagem */
    /* Gradiente bem mais leve (começa em 65% de opacidade na base e dissipa mais rápido) */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0) 100%) !important;
    z-index: 1;
    pointer-events: none;
}

/* Eleva as informações textuais acima da máscara escura */
.banner-post-content-two {
    z-index: 2 !important;
}





/* ==========================================================================
   MODAL DE PESQUISA MODERNO E RESPONSIVO
   ========================================================================== */

/* Efeito de desfoque no fundo do Modal */
#modernSearchModal {
    background-color: rgba(15, 15, 15, 0.85) !important;
    backdrop-filter: blur(8px);
}

/* Transição de entrada do modal Bootstrap */
#modernSearchModal.fade .modal-dialog {
    transform: scale(0.95) translateY(-20px);
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
#modernSearchModal.show .modal-dialog {
    transform: scale(1) translateY(0);
}

.search-modal-content {
    background-color: #1a1a1a !important;
    border: 1px solid #2d2d2d !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    color: #ffffff;
}

.search-modal-header {
    border-bottom: 1px solid #2d2d2d !important;
    padding: 20px 25px !important;
}

.search-modal-header .modal-title {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.search-modal-body {
    padding: 25px !important;
}

/* Campo de Input Moderno */
.modal-search-form .form-control {
    background-color: #262626 !important;
    border: 1px solid #3d3d3d !important;
    color: #fff !important;
    padding: 14px 20px;
    font-size: 15px;
    border-radius: 6px 0 0 6px !important;
}

.modal-search-form .form-control:focus {
    border-color: #94242B !important;
    box-shadow: none !important;
}

.modal-search-form .btn-search-submit {
    background-color: #94242B !important;
    color: #fff !important;
    border: none;
    padding: 0 25px;
    border-radius: 0 6px 6px 0 !important;
    transition: background 0.2s ease;
}

.modal-search-form .btn-search-submit:hover {
    background-color: #75171d !important;
}

/* Lista de Sugestões de Notícias */
.suggestions-title {
    font-size: 13px;
    text-transform: uppercase;
    color: #888;
    letter-spacing: 1px;
    margin-bottom: 15px;
    font-weight: 600;
}

.search-suggestions {
    display: none;
}

.suggestions-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-height: 400px;
    overflow-y: auto;
    padding-right: 5px;
}

/* Scrollbar customizada para o modal */
.suggestions-list::-webkit-scrollbar {
    width: 6px;
}
.suggestions-list::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 10px;
}

/* Item Individual da Lista */
.suggestion-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    background-color: #202020;
    margin-bottom: 15px;
    opacity: 1;
    min-height: 85px;
    transform: scale(1);
    transition: background 0.2s ease, transform 0.2s ease;
    overflow: hidden;
}

.suggestion-item:hover {
    background-color: #262626;
    transform: translateX(3px);
}

/* Miniatura Quadrada Perfeita */
.suggestion-thumb {
    flex-shrink: 0;
    width: 65px;
    height: 65px;
    border-radius: 6px;
    overflow: hidden;
}

.suggestion-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.suggestion-info {
    flex: 1;
    min-width: 0;
}

.suggestion-meta {
    display: block;
    font-size: 11px;
    color: #aaa;
    margin-bottom: 4px;
}

.suggestion-meta i {
    color: #94242B;
}

/* Título Livre */
.suggestion-post-title {
    font-size: 14px;
    margin: 0;
    font-weight: 500;
    line-height: 1.4;
    white-space: normal;
    word-wrap: break-word;
}

.suggestion-post-title a {
    color: #fff !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.suggestion-post-title a:hover {
    color: #94242B !important;
}

/* Mensagem de Sem Resultados */
#noResultsMessage {
    display: none;
}

@media (max-width: 576px) {
    .suggestion-item {
        align-items: center;
        padding: 10px;
    }
    .suggestion-thumb {
        width: 65px;
        height: 65px;
    }
    .suggestion-post-title {
        font-size: 13px;
    }
}

#modernSearchModal.show {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#modernSearchModal .modal-dialog {
    display: flex !important;
    align-items: center !important;
    width: 90% !important;
    max-width: 750px !important;
    margin: auto; 
}



    @media only screen and (max-width:600px){
        .editor-post-area{padding-top:0!important;padding-bottom:40px!important;}
    }
    .editor-post-thumb{
        width:160px!important;
        height:140px!important;
        overflow:hidden;
        margin:0 auto;
    }
    .editor-post-thumb a{
        display:block;
        width:100%;
        height:100%;
    }
    .editor-post-thumb img{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        object-position:center!important;
        display:block;
    }