@charset "utf-8";

/*
/*	Copyright (c) 2021 Marketify
/*	Author: Marketify
/*	This file is made for CURRENT TEMPLATE
*/

/*
01)	KURA BASE
02)	KURA TOPBAR
03) KURA MOBILE MENU
04) KURA HERO
05) KURA PORTFOLIO
06) KURA SKILLS
07) KURA TIMELINE
08) KURA PRICING
09) KURA NEWS
10) KURA CONTACT
11) KURA COPYRIGHT
12) KURA CURSOR
13) KURA MEDIA QUERIES (FOR SMALL DEVIVES)


/*---------------------------------------------------*/
/*	01) KURA BASE
/*---------------------------------------------------*/


html {
	overflow-x: hidden;
	padding: 0px;
	margin: 0px
}

body {
	font-family: "Mulish";
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 0.2px;
	word-wrap: break-word;
	font-weight: 400;
	background-color: #FFFFFF;
	/* White to match logo background */
	color: #000;
	/* Deep Black Text */
}

.kura_tm_hero {
	width: 100%;
	min-height: 100vh;
	float: left;
	clear: both;
	background-color: #FFFFFF;
	/* White to match logo background */
}

svg {
	fill: currentcolor;
	width: 24px;
	height: 24px;
}

img.svg {
	width: 24px;
	height: 24px;
}

::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #6f6f6f;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #6f6f6f;
	opacity: 1;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #6f6f6f;
	opacity: 1;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #6f6f6f;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #6f6f6f;
}

::placeholder {
	/* Most modern browsers support this now. */
	color: #6f6f6f;
}

body::-webkit-scrollbar {
	width: 11px;
}

body {
	scrollbar-width: thin;
	scrollbar-color: #999 #fff;
}

body:-webkit-scrollbar-track {
	background: #fff;
}

body::-webkit-scrollbar-thumb {
	background-color: #999;
	border-radius: 6px;
	border: 3px solid #fff;
}

.container {
	max-width: 1450px; /* Expansive layout for large monitors */
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	padding: 0px 40px;
	position: relative;
	clear: both;
}

@media (max-width: 768px) {
	.container {
		padding: 0px 20px;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	line-height: 1.2;
	font-family: "Poppins";
	color: #000;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 16px;
}

.kura_tm_all_wrap {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}

.kura_tm_all_wrap,
.kura_tm_all_wrap * {
	-webkit-box-sizing: border-box;
	/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
	/* Firefox, other Gecko */
	box-sizing: border-box;
	/* Opera/IE 8+ */
}

.kura_tm_section {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.kura_tm_sticky_section {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	overflow: visible;
	top: 50px;
}

.kura_tm_sticky_section:after {
	clear: both;
	display: table;
	content: '';
}

#preloader {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	z-index: 99999;
	display: flex;
}

#preloader:before,
#preloader:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	z-index: -1;
	background-color: #000;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#preloader:after {
	left: auto;
	right: 0;
}

#preloader .loader_line {
	margin: auto;
	width: 1px;
	height: 250px;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
}

.loader_line:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 0%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #fff;
	-webkit-animation: lineheight 1000ms ease-in-out 0s forwards;
	-o-animation: lineheight 1000ms ease-in-out 0s forwards;
	animation: lineheight 1000ms ease-in-out 0s forwards;
}

.loader_line:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #999999;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-animation: lineround 1200ms linear 0s infinite;
	-o-animation: lineround 1200ms linear 0s infinite;
	animation: lineround 1200ms linear 0s infinite;
	animation-delay: 2000ms;
}

@keyframes lineheight {
	0% {
		height: 0%;
	}

	100% {
		height: 100%;
	}
}

@keyframes lineround {
	0% {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	100% {
		-webkit-transform: translateY(200%);
		-ms-transform: translateY(200%);
		-o-transform: translateY(200%);
		transform: translateY(200%);
	}
}

/*hiding all*/
.preloaded .loader_line:after {
	opacity: 0;
}

.preloaded .loader_line {
	opacity: 0;
	height: 100% !important;
}

.preloaded:before,
.preloaded:after {
	-webkit-animation: preloadedzero 300ms ease-in-out 500ms forwards;
	-o-animation: preloadedzero 300ms ease-in-out 500ms forwards;
	animation: preloadedzero 300ms ease-in-out 500ms forwards;
}

@keyframes preloadedzero {
	0% {
		width: 50%;
	}

	100% {
		width: 0%;
	}
}

/*---------------------------------------------------*/
/*	02) KURA TOPBAR
/*---------------------------------------------------*/

.kura_tm_topbar {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
	transform: translateY(-100%);

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

body.opened .kura_tm_topbar {
	transition-delay: .4s;
	transform: translateY(0);
}

.kura_tm_topbar .wrapper {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #FFFFFF;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_topbar.animate .wrapper {
	background-color: #FFFFFF;
}

.kura_tm_topbar .topbar_inner {
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 37px 30px 50px;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_topbar.animate .topbar_inner {
	padding: 20px 37px 20px 50px;
}

.kura_tm_topbar .logo img {
	max-height: 95px;
	/* Significant increase for visibility */
	width: auto;
	mix-blend-mode: multiply;
}

.kura_tm_topbar .menu {
	display: flex;
	align-items: center;
}

.kura_tm_topbar .list {
	padding-right: 40px;
}

.kura_tm_topbar .list ul {
	margin: 0px;
	list-style-type: none;
}

.kura_tm_topbar .list ul li {
	margin: 0px 20px 0px 0px;
	display: inline-block;
	list-style-type: none;
	opacity: 0;
	visibility: hidden;
	position: relative;
	left: 10px;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_topbar .list ul li:last-child {
	margin-right: 0px;
}

.kura_tm_topbar .list ul li.opened {
	opacity: 1;
	visibility: visible;
	left: 0px;
}

.kura_tm_topbar .list ul li a {
	text-decoration: none;
	color: #000;
	font-family: "Poppins";

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_topbar .list ul li a:hover {
	color: #C5A47E;
}

.kura_tm_topbar .list ul li.current a {
	color: #C5A47E;
}

.theme-switcher img.svg {
	width: 22px;
	height: 22px;
	vertical-align: middle;
}

.kura_tm_topbar .trigger {
	line-height: 1;
}

.trigger .hamburger-inner,
.trigger .hamburger-inner:after,
.trigger .hamburger-inner:before {
	height: 2px;
	width: 30px;
}

.trigger .hamburger {
	padding: 0px;
}

/*---------------------------------------------------*/
/*	03) KURA MOBILE MENU
/*---------------------------------------------------*/

.kura_tm_mobile_menu {
	width: 100%;
	height: auto;
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 10;
}

.kura_tm_mobile_menu .mobile_menu_inner {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
	background-color: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding: 15px 30px 15px 40px;
}

.kura_tm_mobile_menu .mobile_in {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.kura_tm_mobile_menu .mobile_in .logo img {
	max-width: 120px;
	max-height: 60px;
	mix-blend-mode: multiply;
}

.kura_tm_mobile_menu .trigger {
	line-height: 0;
}

.kura_tm_mobile_menu .dropdown {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #fff;
	display: none;
}

.kura_tm_mobile_menu .dropdown .dropdown_inner {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 25px 40px;
}

.kura_tm_mobile_menu .dropdown .dropdown_inner ul {
	margin: 0px;
	list-style-type: none;
}

.kura_tm_mobile_menu .dropdown .dropdown_inner ul li {
	margin: 0px;
	float: left;
	width: 100%;
}

.kura_tm_mobile_menu .dropdown .dropdown_inner ul li a {
	text-decoration: none;
	color: #000;
	display: inline-block;
	padding: 8px 0px;
	font-family: "Poppins";
	font-weight: 500;
}

/*---------------------------------------------------*/
/*	04) KURA HERO
/*---------------------------------------------------*/

.kura_tm_hero {
	width: 100%;
	min-height: 100vh;
	float: left;
	clear: both;
	background-color: #FFFFFF;
}

.kura_tm_hero .container {
	min-height: 100%;
}

.kura_tm_hero .content {
	width: 100%;
	min-height: 100vh;
	display: flex;
	align-items: center;
	position: relative;
}

.kura_tm_hero .content .left {
	width: 50%;
	padding-right: 50px;
	position: relative;
	opacity: 0;
	visibility: hidden;
	top: 20px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

body.opened .kura_tm_hero .content .left {
	opacity: 1;
	visibility: visible;
	top: 0px;
}

.kura_tm_hero .name {
	display: inline-block;
	margin-bottom: 16px;
	color: #C5A47E;
	font-family: "Poppins";
	font-weight: 500;
}

.kura_tm_hero .job {
	font-size: clamp(32px, 4.5vw, 65px); /* Adjustable size for all screens */
	font-weight: 800;
	line-height: 1.1;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.kura_tm_hero .services {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 35px;
}

.kura_tm_hero .services ul {
	margin: 0px;
	list-style-type: none;
}

.kura_tm_hero .services ul li {
	width: 100%;
	float: left;
	margin: 0px;
}

.kura_tm_hero .services ul li a {
	text-decoration: none;
	color: #000;
	font-size: 17px;
	display: inline-block;
	padding: 8px 0px;
	position: relative;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_hero .services ul li .svg {
	position: relative;
	top: 2px;
	width: 17px;
	height: 17px;
	left: 10px;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_hero .services ul li a:hover {
	color: #C5A47E;
}

.kura_tm_hero .services ul li a:hover .svg {
	transform: rotate(-50deg);
	color: #C5A47E;
}

.kura_tm_hero .services ul li .image {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -111;
}

.kura_tm_modalbox {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 100vh;
	z-index: 15;
	background-color: rgba(0, 0, 0, .8);
	opacity: 0;
	visibility: hidden;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_modalbox.opened {
	opacity: 1;
	visibility: visible;
}

.kura_tm_modalbox .box_inner {
	position: absolute;
	top: 70px;
	bottom: 70px;
	width: 968px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	margin-top: -20px;
	transition-delay: .3s;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_modalbox.opened .box_inner {
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
}

.kura_tm_modalbox .close {
	position: fixed;
	left: 100%;
	top: 0px;
	margin-left: 20px;
	z-index: 111111;
}

.kura_tm_modalbox .close a {
	text-decoration: none;
	color: #fff;
}

.kura_tm_modalbox .close .svg {
	width: 50px;
	height: 50px;
}

.kura_tm_modalbox .description_wrap {
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	padding: 50px;
	overflow-y: scroll;
}

.kura_tm_hero .popup_informations {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -11;
	display: none;
}

.kura_tm_modalbox .popup_informations {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.kura_tm_modalbox .popup_informations .image {
	position: relative;
	margin-bottom: 37px;
}

.kura_tm_modalbox .popup_informations .image img {
	position: relative;
	opacity: 0;
	min-width: 100%;
}

.kura_tm_modalbox .popup_informations .image .main {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 15px;
}

.kura_tm_modalbox .popup_informations .title {
	width: 100%;
	float: left;
	margin-bottom: 22px;
}

.kura_tm_modalbox .title h3 {
	font-size: 22px;
	font-weight: 700;
}

.kura_tm_modalbox .description {
	width: 100%;
	float: left;
}

.kura_tm_modalbox .description p {
	margin-bottom: 15px;
}

.kura_tm_modalbox .description p:last-child {
	margin-bottom: 0px;
}

.kura_tm_modalbox .description_wrap::-webkit-scrollbar {
	width: 11px;
}

.kura_tm_modalbox .description_wrap {
	scrollbar-width: thin;
	scrollbar-color: #999 #fff;
}

.kura_tm_modalbox .description_wrap:-webkit-scrollbar-track {
	background: #fff;
}

.kura_tm_modalbox .description_wrap::-webkit-scrollbar-thumb {
	background-color: #999;
	border-radius: 6px;
	border: 3px solid #fff;
}

.kura_tm_hero .short_info {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.kura_tm_hero .short_info ul {
	margin: 0px;
	list-style-type: none;
}

.kura_tm_hero .short_info ul li {
	margin: 0px 50px 15px 0px;
	display: inline-block;
}

.kura_tm_hero .short_info ul li:last-child {
	margin-right: 0px;
}

.kura_tm_hero .short_info ul li .list_inner {
	display: flex;
	align-items: center;
}

.kura_tm_hero .short_info ul li h3 {
	font-size: 45px;
	font-weight: 600;
}

.kura_tm_hero .short_info ul li span {
	font-family: "Poppins";
	padding-left: 15px;
	display: inline-block;
	line-height: 1.4;
	position: relative;
	top: -3px;
	font-size: 14px;
}

.kura_tm_hero .content .right {
	width: 50%;
	text-align: right;
	padding-left: 200px;
	position: relative;
	opacity: 0;
	visibility: hidden;
	top: 20px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

body.opened .kura_tm_hero .content .right {
	opacity: 1;
	visibility: visible;
	top: 0px;
}

.kura_tm_hero .content .right .image {
	position: relative;
}

.kura_tm_hero .content .right .image img {
	min-width: 100%;
	position: relative;
	opacity: 0;
}

.kura_tm_hero .content .right .image .main {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transform: rotate(0deg);
	z-index: 2;
	border-radius: 10px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

body.opened .kura_tm_hero .content .right .image .main {
	transform: rotate(7deg);
}

.kura_tm_hero .content .right .image .shape {
	position: absolute;
	top: 23px;
	bottom: -23px;
	left: -95px;
	width: 90%;
	background-color: #C5A47E;
	transform: rotate(0deg);
	z-index: 1;
	border-radius: 10px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

body.opened .kura_tm_hero .content .right .image .shape {
	transform: rotate(-6deg);
}

.kura_tm_hero .down {
	position: absolute;
	left: 0px;
	bottom: 8%;
	opacity: 0;
	visibility: hidden;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

body.opened .kura_tm_hero .down {
	opacity: 1;
	visibility: visible;
	bottom: 10%;
}

.kura_tm_hero .down .svg {
	width: 40px;
	height: 40px;
	animation: scroll ease 2s infinite;
}

@keyframes scroll {
	0% {
		transform: translateY(0);
	}

	30% {
		transform: translateY(20px);
	}
}

.kura_tm_hero .down a {
	text-decoration: none;
	color: #000;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_hero .down a:hover {
	color: #C5A47E;
}

/*---------------------------------------------------*/
/*	05) KURA PORTFOLIO
/*---------------------------------------------------*/

.kura_tm_main_title {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.kura_tm_main_title span {
	display: inline-block;
	margin-bottom: 10px;
	color: #C5A47E;
	font-family: "Poppins";
	font-weight: 500;
}

.kura_tm_main_title h3 {
	font-weight: 800;
	text-transform: uppercase;
	font-size: clamp(26px, 3.5vw, 50px); /* Fluid title sizing */
}

.kura_tm_portfolio {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 140px 0px 138px 0px;
}

.kura_tm_portfolio .portfolio_list {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 92px;
}

.kura_tm_portfolio .portfolio_list .list_inner {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}

.kura_tm_full_link {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
	cursor: pointer;
}

.kura_tm_portfolio .portfolio_list .image {
	position: relative;
}

.kura_tm_portfolio .portfolio_list .image img {
	position: relative;
	min-width: 100%;
	opacity: 0;
}

.kura_tm_portfolio .portfolio_list .image .main {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 10px;
}

.kura_tm_portfolio .portfolio_list .overlay {
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	background-color: #fff;
	border-radius: 10px;
	z-index: 1;
	opacity: 0;
	visibility: hidden;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_portfolio .portfolio_list .list_inner:hover .overlay {
	opacity: 1;
	visibility: visible;
}

.kura_tm_portfolio .portfolio_list .details {
	position: absolute;
	z-index: 2;
	bottom: 41px;
	left: 49px;
	opacity: 0;
	visibility: hidden;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_portfolio .portfolio_list .list_inner:hover .details {
	opacity: 1;
	visibility: visible;
}

.kura_tm_portfolio .portfolio_list .details h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 4px;
}

.kura_tm_portfolio .portfolio_list .details span {
	font-family: "Poppins";
}

.kura_tm_portfolio .portfolio_list .list_inner .svg {
	position: absolute;
	top: 40px;
	right: 39px;
	width: 50px;
	height: 50px;
	z-index: 2;
	transform: rotate(-50deg);
	color: #000;
	opacity: 0;
	visibility: hidden;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_portfolio .portfolio_list .list_inner:hover .svg {
	opacity: 1;
	visibility: visible;
}

.kura_tm_full_link {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 5;
}

.kura_tm_swiper_progress {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	clear: both;
	margin-top: 27px;
}

.kura_tm_swiper_progress .my_pagination_in {
	float: left;
	position: relative;
}

.kura_tm_swiper_progress span {
	display: block;
	float: left;
	font-size: 16px;
	letter-spacing: 0;
	color: #000;
	height: 22px;
	line-height: 22px;
}

.kura_tm_swiper_progress .pagination_progress {
	width: 100px;
	margin: 0 20px;
	position: relative;
}

.kura_tm_swiper_progress .pagination_progress .all {
	height: 1px;
	width: 100%;
	position: absolute;
	z-index: 5;
	top: 0;
	top: 50%;
	left: 0;
	background-color: rgba(0, 0, 0, .2);
}

.kura_tm_swiper_progress .pagination_progress .all span {
	height: 1px;
	width: 100%;
	background-color: rgba(0, 0, 0, .5);
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	transform-origin: left top;
	transform: scale(0);

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_swiper_progress .my_navigation {
	position: relative;
	top: 6px;
}

.kura_tm_swiper_progress .my_navigation ul {
	margin: 0px;
	list-style-type: none;
}

.kura_tm_swiper_progress .my_navigation ul li {
	margin: 0px 10px 0px 0px;
	display: inline-block;
}

.kura_tm_swiper_progress .my_navigation ul li:last-child {
	margin-right: 0px;
}

.kura_tm_swiper_progress .my_navigation ul li a {
	text-decoration: none;
	color: #000;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_swiper_progress .my_navigation ul li a:hover {
	color: #C5A47E;
}

.kura_tm_swiper_progress .my_navigation ul li .svg {
	width: 27px;
	height: 27px;
}

.kura_tm_swiper_progress .my_navigation ul li a.my_prev .svg {
	transform: rotate(180deg);
}

.kura_tm_portfolio .hidden_content {
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -11;
}

.kura_tm_modalbox .popup_details {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.kura_tm_modalbox .popup_details .top_image {
	position: relative;
	overflow: hidden;
	margin-bottom: 37px;
}

.kura_tm_modalbox .popup_details .top_image img {
	position: relative;
	min-width: 100%;
	opacity: 0;
}

.kura_tm_modalbox .popup_details .top_image .main {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 10px;
}

.kura_tm_modalbox .portfolio_main_title {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.kura_tm_modalbox .portfolio_main_title h3 {
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 5px;
}

.kura_tm_modalbox .main_details {
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	margin-bottom: 60px;
}

.kura_tm_modalbox .main_details .textbox {
	width: 70%;
	padding-right: 40px;
}

.kura_tm_modalbox .main_details .textbox p {
	margin-bottom: 15px;
}

.kura_tm_modalbox .main_details .textbox p:last-child {
	margin-bottom: 0px;
}

.tokyo_tm_modalbox .main_details .detailbox {
	width: 30%;
	padding-left: 40px;
}

.kura_tm_modalbox .main_details .detailbox>ul {
	margin: 0px;
	list-style-type: none;
}

.kura_tm_modalbox .main_details .detailbox>ul>li {
	margin: 0px 0px 8px 0px;
	width: 100%;
	float: left;
}

.kura_tm_modalbox .main_details .detailbox>ul>li:last-child {
	margin-bottom: 0px;
}

.kura_tm_modalbox .main_details .detailbox .first {
	font-weight: 700;
	display: block;
	color: #000;
	margin-bottom: 3px;
}

.kura_tm_modalbox .main_details .detailbox span a {
	text-decoration: none;
	color: #767676;
}

.kura_tm_modalbox .main_details .detailbox .share {
	margin: 0px;
	list-style-type: none;
	position: relative;
	top: 7px;
}

.kura_tm_modalbox .main_details .detailbox .share li {
	margin: 0px 13px 0px 0px;
	display: inline-block;
}

.kura_tm_modalbox .main_details .detailbox .share li:last-child {
	margin-right: 0px;
}

.kura_tm_modalbox .main_details .detailbox .share li a {
	text-decoration: none;
	color: #000;
}

.kura_tm_modalbox .additional_images {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.kura_tm_modalbox .additional_images ul {
	margin: 0px 0px 0px -30px;
	list-style-type: none;
}

.kura_tm_modalbox .additional_images ul li {
	margin: 0px 0px 30px 0px;
	float: left;
	width: 50%;
	padding-left: 30px;
}

.kura_tm_modalbox .additional_images ul li:nth-child(3n-2) {
	width: 100%;
}

.kura_tm_modalbox .additional_images ul li .list_inner {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}

.kura_tm_modalbox .additional_images ul li .my_image {
	position: relative;
}

.kura_tm_modalbox .additional_images ul li .my_image img {
	opacity: 0;
	min-width: 100%;
}

.kura_tm_modalbox .additional_images ul li .my_image .main {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 10px;
}

/*---------------------------------------------------*/
/*	06) KURA SKILLS
/*---------------------------------------------------*/

.kura_tm_skills {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	padding: 140px 0px 150px 0px;
}

.kura_tm_skills:before {
	position: absolute;
	content: "";
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-image: url(..//img/patterns/white-texture.png);
	background-repeat: repeat;
	opacity: .6;
	z-index: 2;
}

.kura_tm_skills:after {
	position: absolute;
	content: "";
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #545454;
	z-index: 1;
}

.kura_tm_main_title.light h3 {
	color: #fff;
}

.kura_tm_skills .skills_inner {
	width: 100%;
	float: left;
	height: auto;
	clear: both;
	position: relative;
	z-index: 3;
}

.kura_tm_skills .left {
	width: 60%;
	padding-right: 200px;
}

.kura_tm_skills .text {
	width: 100%;
	float: left;
	margin-top: 40px;
	margin-bottom: 44px;
}

.kura_tm_skills .text p {
	color: #bbb;
}

.dodo_progress {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.progress_inner {
	width: 100%;
	margin-bottom: 25px;
}

.progress_inner:last-child {
	margin-bottom: 0px;
}

.progress_inner>span {
	margin: 0px 0px 11px 0px;
	width: 100%;
	display: block;
	text-align: left;
	color: #fff;
	font-family: "Poppins";
}

.progress_inner span.number {
	float: right;
}

.progress_inner .background {
	background: rgba(255, 255, 255, .09);
	width: 100%;
	min-width: 100%;
	position: relative;
	height: 8px;
}

.progress_inner .background .bar_in {
	height: 100%;
	background: #C5A47E;
	width: 0px;
	overflow: hidden;
}

.progress_inner .background .bar {
	width: 0px;
	height: 100%;
}

.progress_inner .background .bar.open {
	-webkit-animation: wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	/* Safari 4+ */
	-moz-animation: wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	/* Fx 5+ */
	animation: wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	/* IE 10+ */
	width: 100%;
}

@-webkit-keyframes wow {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@-moz-keyframes wow {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@keyframes wow {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

.kura_tm_skills .right {
	width: 40%;
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: -220px;
	overflow: hidden;
}

.kura_tm_skills .my_video {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.kura_tm_skills .my_image {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.kura_tm_skills .right[data-background-style="video"] .my_image {
	display: none;
}

.kura_tm_skills .right[data-background-style="image"] .my_video {
	display: none;
}

/*---------------------------------------------------*/
/*	07) KURA TIMELINE
/*---------------------------------------------------*/

.kura_tm_timeline {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 140px 0px 113px 0px;
}

.kura_tm_timeline .timeline_list {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 54px;
}

.kura_tm_timeline .timeline_list ul {
	margin: 0px;
	list-style-type: none;
}

.kura_tm_timeline .timeline_list ul li {
	margin: 0px;
	width: 100%;
	float: left;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding: 27px 0px 30px 0px;
}

.kura_tm_timeline .timeline_list ul li:last-child {
	border-bottom: none;
}

.kura_tm_timeline .timeline_list ul li .list_inner {
	width: 33.3333%;
	float: left;
	padding-right: 40px;
}

.kura_tm_timeline .timeline_list ul li .list_inner:last-child {
	padding-right: 0px;
}

.kura_tm_timeline .timeline_list ul li .list_inner span {
	display: inline-block;
	font-size: 18px;
}

.kura_tm_timeline .timeline_list ul li .list_inner:nth-child(2) span {
	color: #000;
}

/*---------------------------------------------------*/
/*	08) KURA PRICING
/*---------------------------------------------------*/

.kura_tm_pricing {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 80px 0px 150px 0px;
	background-color: #f9f9f9;
}

.kura_tm_pricing .kura_tm_main_title {
	margin-top: 58px;
}

.kura_tm_pricing .pricing_inner {
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
}

.kura_tm_pricing .left {
	width: 50%;
	padding-right: 100px;
}

.kura_tm_pricing .left .text {
	width: 100%;
	float: left;
	padding-top: 40px;
}

.kura_tm_pricing .right {
	width: 50%;
	padding-left: 100px;
}

.kura_tm_pricing .right ul {
	margin: 0px;
	list-style-type: none;
	margin-top: 58px;
}

.kura_tm_pricing .right ul li {
	margin: 0px;
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

.kura_tm_pricing .right ul li:last-child {
	margin-bottom: 0px;
}

.kura_tm_pricing .right ul li .list_inner {
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 30px 30px 60px;
	position: relative;
	background-color: #fff;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .08);
	border-radius: 10px;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_pricing .right ul li .list_inner:hover {
	background-color: #C5A47E;
}

.kura_tm_pricing .right ul li span {
	font-size: 18px;
	color: #000;
	font-family: "Poppins";

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_pricing .right ul li .list_inner:hover span {
	color: #fff;
}

.kura_tm_pricing .right .title {
	padding-right: 30px;
}

.kura_tm_pricing .right .svg {
	position: absolute;
	left: 30px;
	width: 18px;
	height: 18px;
	top: 50%;
	transform: translateY(-50%);
	color: #C5A47E;
	margin-top: -1px;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_pricing .right ul li .list_inner:hover .svg {
	color: #fff;
}

/* Brand Logo Grid Styles - Improved card layout */
.brand_grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	padding-top: 40px;
}

.brand_grid > div {
	width: 100%;
}

.brand_grid .list_inner {
	width: 100%;
	height: 100px;
	background-color: #fff;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
	border: 1px solid rgba(0, 0, 0, 0.04);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.brand_grid .list_inner:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
	border-color: #C5A47E;
}

.brand_grid .list_inner img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	filter: grayscale(100%);
	opacity: 0.7;
	transition: all 0.4s ease;
}

.brand_grid .list_inner:hover img {
	filter: grayscale(0%);
	opacity: 1;
}

.brand_grid .list_inner.dark_tile {
	background-color: #111 !important;
}

.brand_grid .list_inner.dark_tile img {
	filter: none !important;
	opacity: 1 !important;
}

body.dark .brand_grid .list_inner {
	background-color: #fff; /* Keep logos on white for best visibility */
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

body.dark .brand_grid .list_inner.dark_tile {
	background-color: #1a1a1a !important;
}

@media (max-width: 1200px) {
	.brand_grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.brand_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.brand_grid .list_inner {
		height: 90px;
	}
}

@media (max-width: 480px) {
	.brand_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	
	.brand_grid .list_inner {
		height: 80px;
		padding: 10px;
	}
}

@media (max-width: 350px) {
	.brand_grid {
		grid-template-columns: 1fr;
	}
}


/*---------------------------------------------------*/



/*	09) KURA NEWS
/*---------------------------------------------------*/

.kura_tm_news {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 140px 0px 140px 0px;
}

.kura_tm_news .news_list {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 92px;
}

.kura_tm_news .news_list .list_inner {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.kura_tm_news .news_list .image {
	position: relative;
}

.kura_tm_news .news_list .image img {
	position: relative;
	min-width: 100%;
	opacity: 0;
}

.kura_tm_news .news_list .image .main {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 10px;
}

.kura_tm_news .news_list .overlay {
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	background-color: #fff;
	border-radius: 10px;
	z-index: 1;
	opacity: 0;
	visibility: hidden;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_news .news_list .list_inner:hover .overlay {
	opacity: 1;
	visibility: visible;
}

.kura_tm_news .news_list .details {
	position: absolute;
	z-index: 2;
	bottom: 0px;
	left: 0px;
	padding: 0px 40px 45px 49px;
	opacity: 0;
	visibility: hidden;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_news .news_list .list_inner:hover .details {
	opacity: 1;
	visibility: visible;
}

.kura_tm_news .news_list .details h3 {
	font-size: 20px;
	font-weight: 700;
}

.kura_tm_news .news_list .details span {
	font-family: "Poppins";
	margin-bottom: 6px;
	display: inline-block;
}

.kura_tm_news .news_list .list_inner .svg {
	position: absolute;
	top: 40px;
	right: 39px;
	width: 50px;
	height: 50px;
	z-index: 2;
	transform: rotate(-50deg);
	color: #000;
	opacity: 0;
	visibility: hidden;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_news .news_list .list_inner:hover .svg {
	opacity: 1;
	visibility: visible;
}

.kura_tm_news .news_hidden_details {
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -11;
}

.kura_tm_modalbox .news_popup_informations {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.kura_tm_modalbox .news_popup_informations .image {
	position: relative;
	margin-bottom: 37px;
}

.kura_tm_modalbox .news_popup_informations .image img {
	position: relative;
	opacity: 0;
	min-width: 100%;
}

.kura_tm_modalbox .news_popup_informations .image .main {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 10px;
}

.kura_tm_modalbox .news_popup_informations .details {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.kura_tm_modalbox .news_popup_informations .details span {
	display: inline-block;
	margin-bottom: 7px;
}

.kura_tm_modalbox .news_popup_informations .details h3 {
	font-size: 22px;
	font-weight: 700;
}

.kura_tm_modalbox .news_popup_informations .text {
	width: 100%;
	float: left;
}

.kura_tm_modalbox .news_popup_informations .text p {
	margin-bottom: 15px;
}

.kura_tm_modalbox .news_popup_informations .text p:last-child {
	margin-bottom: 0px;
}

/*---------------------------------------------------*/
/*	10) KURA CONTACT
/*---------------------------------------------------*/

.kura_tm_contact {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #f9f9f9;
	padding: 140px 0px 119px 0px;
}

.kura_tm_contact .contact_inner {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	margin-top: 40px;
}

.kura_tm_contact .left {
	width: 50%;
	padding-right: 100px;
}

.kura_tm_contact .left .text {
	width: 100%;
	float: left;
	margin-bottom: 42px;
}

.kura_tm_contact .short {
	width: 100%;
	float: left;
}

.kura_tm_contact .short ul {
	margin: 0px;
	list-style-type: none;
}

.kura_tm_contact .short ul li {
	margin: 0px 0px 23px 0px;
	width: 100%;
	float: left;
}

.kura_tm_contact .short ul li .list_inner {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	padding-left: 30px;
}

.kura_tm_contact .short ul li .list_inner .svg {
	position: absolute;
	left: 0px;
	width: 18px;
	height: 18px;
	top: 50%;
	margin-top: -1px;
	transform: translateY(-50%);
	color: #C5A47E;
}

.kura_tm_contact .short ul li .list_inner span {
	font-size: 18px;
	color: #000;
	font-family: "Poppins";
}

.kura_tm_contact .right {
	width: 50%;
	padding-left: 100px;
}

.kura_tm_contact .fields {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.kura_tm_contact .fields .first {
	width: 100%;
	float: left;
}

.kura_tm_contact .fields ul {
	margin: 0px;
	list-style-type: none;
}

.kura_tm_contact .fields ul li {
	width: 100%;
	margin: 0px 0px 30px 0px;
	float: left;
}

.kura_tm_contact .fields ul li input {
	width: 100%;
	border: 1px solid rgba(0, 0, 0, .1);
	background-color: transparent;
}

.kura_tm_contact .fields ul li input:focus {
	outline: none;
	border: 1px solid rgba(0, 0, 0, .3);
}

.kura_tm_contact .fields .last textarea {
	width: 100%;
	border: 1px solid rgba(0, 0, 0, .1);
	height: 44px;
	resize: none;
	margin-bottom: 20px;
	background-color: transparent;
}

.kura_tm_contact .fields .last textarea:focus {
	outline: none;
	border: 1px solid rgba(0, 0, 0, .3);
}

.kura_tm_contact .empty_notice {
	color: #F52225;
	margin-bottom: 7px;
	display: none;
	text-align: left;
	font-weight: 500;
}

.kura_tm_contact .contact_error {
	color: #F52225;
	text-align: left;
	font-weight: 500;
}

.kura_tm_contact .returnmessage {
	color: #3A00FF;
	margin-bottom: 7px;
	text-align: left;
	font-weight: 500;
}

.kura_tm_button {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.kura_tm_button a {
	text-decoration: none;
	color: #fff;
	font-size: 17px;
	display: block;
	text-align: center;
	padding: 8px 20px;
	position: relative;
	background-color: #C5A47E;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_button a .svg {
	position: relative;
	top: 2px;
	width: 17px;
	height: 17px;
	left: 10px;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_button a:hover {
	color: #fff;
	background-color: #000;
}

.kura_tm_button a:hover .svg {
	transform: rotate(-50deg);
}

/*---------------------------------------------------*/
/*	11) KURA COPYRIGHT
/*---------------------------------------------------*/

.kura_tm_copyright {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #000;
	padding: 28px 0px 32px 0px;
	text-align: center;
}

.kura_tm_copyright .copyright_inner {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.kura_tm_copyright .text p {
	color: #fff;
}

.kura_tm_copyright .social ul {
	margin: 0px;
	list-style-type: none;
}

.kura_tm_copyright .social ul li {
	margin: 0px 20px 0px 0px;
	display: inline-block;
}

.kura_tm_copyright .social ul li:last-child {
	margin-right: 0px;
}

.kura_tm_copyright .social ul li a {
	text-decoration: none;
	color: #fff;
}

/*---------------------------------------------------*/
/*	12) KURA CURSOR
/*---------------------------------------------------*/

.mouse-cursor {
	position: fixed;
	left: 0;
	top: 0;
	pointer-events: none;
	border-radius: 50%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	visibility: hidden;
}

.cursor-inner {
	margin-left: -3px;
	margin-top: -3px;
	width: 6px;
	height: 6px;
	z-index: 100;
	background-color: #C5A47E;
	-webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
	transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
}

.cursor-inner.cursor-hover {
	margin-left: -40px;
	margin-top: -40px;
	width: 80px;
	height: 80px;
	background-color: #C5A47E;
	opacity: .3;
}

.cursor-outer {
	margin-left: -15px;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	border: 2px solid #C5A47E;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 100;
	opacity: .5;
	-webkit-transition: all .08s ease-out;
	transition: all .08s ease-out;
}

.cursor-outer.cursor-hover {
	opacity: 0;
}

.kura_tm_all_wrap[data-magic-cursor="hide"] .mouse-cursor {
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -1111;
}

/*---------------------------------------------------*/
/*  ARLO SETTINGS
/*---------------------------------------------------*/

.kura_tm_settings {
	position: fixed;
	z-index: 10;
	top: 25%;
	right: -200px;
	width: 200px;
	background-color: rgba(0, 0, 0, 1.00);
	padding: 40px 20px 33px 30px;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_settings.opened {
	right: 0px;
}

.kura_tm_settings .wrapper {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.kura_tm_settings .icon {
	position: absolute;
	top: 0px;
	right: 100%;
	background-color: #000;
	padding: 12px 12px 4px 12px;
}

.kura_tm_settings .icon .svg {
	color: #fff;
	width: 25px;
	height: 25px;
	animation: fa-spin 2s infinite linear;
}

.kura_tm_settings .link {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}

@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.kura_tm_settings .title {
	color: #fff;
	font-family: "Poppins";
	font-weight: 600;
	position: relative;
	display: inline-block;
}

.kura_tm_settings .title:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, .2);
	left: 0px;
	bottom: 0px;
}

.kura_tm_settings .colors {
	margin: 0px 0px 22px 0px;
	list-style-type: none;
	padding-top: 32px;
}

.kura_tm_settings .colors li {
	margin: 0px;
	display: inline-block;
}

.kura_tm_settings .colors li a {
	text-decoration: none;
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 100%;
}

.kura_tm_settings .direction {
	list-style-type: none;
	margin: 0px;
}

.kura_tm_settings .direction li {
	margin: 0px 20px 0px 0px;
	display: inline-block;
}

.kura_tm_settings .direction li a {
	opacity: .4;
	text-decoration: none;
	color: #fff;
}

.kura_tm_settings .direction li a.active {
	opacity: 1;
}

.kura_tm_settings .direction li .svg {
	width: 25px;
	height: 25px;
}

.kura_tm_settings .colors li.bl {
	display: inline-block;
}

.kura_tm_settings .colors li.wh {
	display: none;
}

body.dark .kura_tm_settings .colors li.bl,
.kura_tm_settings.changed .colors li.bl {
	display: none;
}

body.dark .kura_tm_settings .colors li.wh,
.kura_tm_settings.changed .colors li.wh {
	display: inline-block;
}

body.dark .kura_tm_settings,
.kura_tm_settings.changed {
	background-color: #fff;
}

body.dark .kura_tm_settings .icon,
.kura_tm_settings.changed .icon {
	background-color: #fff;
}

body.dark .kura_tm_settings .icon .svg,
.kura_tm_settings.changed .icon .svg {
	color: #000;
}

body.dark .kura_tm_settings .title,
.kura_tm_settings.changed .title {
	color: #000;
}

body.dark .kura_tm_settings .title:before,
.kura_tm_settings.changed .title:before {
	background-color: rgba(0, 0, 0, .5);
}

body.dark .kura_tm_settings .direction li a,
.kura_tm_settings.changed .direction li a {
	color: #000;
}

body.dark .kura_tm_settings .cursor li:nth-child(1) a,
.kura_tm_settings.changed .cursor li:nth-child(1) a {
	border-color: #000;
}

body.dark .kura_tm_settings .cursor li:nth-child(1) a:before,
.kura_tm_settings.changed .cursor li:nth-child(1) a:before {
	background-color: #000;
}

body.dark .kura_tm_settings .cursor li .svg,
.kura_tm_settings.changed .cursor li .svg {
	color: #000;
}

.kura_tm_settings .cursor {
	margin: 0px;
	list-style-type: none;
	padding-top: 20px;
}

.kura_tm_settings .cursor li {
	margin: 0px 20px 0px 0px;
	display: inline-block;
}

.kura_tm_settings .cursor li a {
	text-decoration: none;
	color: #fff;
	opacity: .4;
	font-weight: 600;
}

.kura_tm_settings .cursor li a.showme {
	opacity: 1;
}

.kura_tm_settings .cursor li:nth-child(1) a {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border: 2px solid #fff;
	position: relative;
	display: inline-block;
}

.kura_tm_settings .cursor li:nth-child(1) a:before {
	position: absolute;
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #fff;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
}

.kura_tm_settings .cursor li .svg {
	width: 25px;
	height: 25px;
	color: #fff;
}

.kura_tm_settings .cursor li:nth-child(2) {
	position: relative;
	top: -2px;
}

.kura_tm_settings .effect {
	margin: 0px;
	list-style-type: none;
	padding-top: 15px;
	padding-bottom: 25px;
}

.kura_tm_settings .effect li {
	margin: 0px 0px 5px 0px;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 100%;
	background-color: #fff;
	opacity: .4;
}

.kura_tm_settings .effect li a {
	text-decoration: none;
	color: #000;
	font-size: 13px;
	font-weight: 600;
	font-family: "Poppins";
	display: block;
	position: relative;
	top: 2px;
}

.kura_tm_settings .effect li.selected {
	background-color: #fff;
	opacity: 1;
}

/*---------------------------------------------------*/
/*	 KURA INTRO
/*---------------------------------------------------*/

.kura_tm_intro .short_info {
	position: fixed;
	top: 10%;
	width: 100%;
	text-align: center;
}

.kura_tm_intro .short_info img {
	margin-bottom: 25px;
	max-width: 110px;
}

.kura_tm_intro .short_info h3 {
	font-size: 20px;
	color: #767676;
}

.kura_tm_intro {
	width: 100%;
	height: 100vh;
	clear: both;
	float: left;
	position: relative;
}

.kura_tm_intro .demos {
	width: 100%;
	height: 100%;
	clear: both;
	display: flex;
	align-items: center;
	text-align: center;
	position: relative;
}

.kura_tm_intro .left,
.kura_tm_intro .right {
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.kura_tm_intro .demos img {
	max-width: 400px;
	margin-bottom: 25px;
}

.kura_tm_intro .desc {
	position: relative;
	top: 0px;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.kura_tm_intro .desc h3 {
	font-size: 20px;
	font-weight: 800;
}

.kura_tm_intro .intro_line,
.kura_tm_intro .intro_line_2,
.kura_tm_intro .intro_line_3 {
	position: fixed;
	top: 0px;
	width: 1px;
	height: 200%;
	left: 50%;
	transform: translateY(-50%);
	z-index: -1;
	background-color: rgba(0, 0, 0, .06);
}

.kura_tm_intro .intro_line {
	left: 25%;
}

.kura_tm_intro .intro_line_2 {
	left: 50%;
	transform: translateY(-50%);
}

.kura_tm_intro .intro_line_3 {
	left: 75%;
}

.kura_tm_intro .intro_link {
	position: absolute;
	z-index: 2;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.kura_tm_intro .left:hover .desc {
	top: -20px;
}

.kura_tm_intro .right:hover .desc {
	top: -20px;
}

.kura_tm_intro_fixed_price .pricing-info,
.kura_tm_intro_fixed_price .anim {
	text-decoration: none;
	color: #fff;
	font-family: "Montserrat";
	background-color: #e54b4b;
	position: fixed;
	font-size: 22px;
	text-align: center;
	z-index: 3;
	border-radius: 100%;
	height: 70px;
	width: 70px;
	line-height: 70px;
	display: inline-block;
	left: 50%;
	bottom: 10%;
	margin-left: -35px;
	font-weight: 600;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;

}

@-webkit-keyframes myAnim {
	0% {
		-webkit-transform: scale(.1);
		transform: scale(.1);
		opacity: 0
	}

	50% {
		opacity: .3
	}

	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0
	}
}

@keyframes myAnim {
	0% {
		-webkit-transform: scale(.1);
		transform: scale(.1);
		opacity: 0
	}

	50% {
		opacity: .3
	}

	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0
	}
}

.kura_tm_intro_fixed_price .anim:nth-child(1) {
	-webkit-animation: myAnim 2s infinite;
	animation: myAnim 2s infinite
}

.kura_tm_intro_fixed_price .anim:nth-child(2) {
	-webkit-animation: myAnim 2s infinite .3s;
	animation: myAnim 2s infinite .3s
}

.kura_tm_intro_fixed_price .anim:nth-child(3) {
	-webkit-animation: myAnim 2s infinite .6s;
	animation: myAnim 2s infinite .6s
}

/*---------------------------------------------------*/
/*	KURA AWARDS
/*---------------------------------------------------*/

.kura_tm_awards {
	width: 100%;
	height: auto;
	clear: both;
	padding: 100px 0px;
}

.kura_tm_awards .awards_inner {
	width: 100%;
	height: auto;
	clear: both;
}

.kura_tm_awards .kura_tm_main_title {
	width: 100%;
	float: none;
	text-align: center;
	margin-bottom: 50px;
}

.kura_tm_awards .awards_image {
	text-align: center;
	width: 100%;
}

.kura_tm_awards .awards_image img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 0;
}

/* Center Awards titles specifically */
.kura_tm_awards .kura_tm_main_title span,
.kura_tm_awards .kura_tm_main_title h3 {
	display: block;
	width: 100%;
	text-align: center;
}

/*---------------------------------------------------*/
/*	13) KURA MEDIA QUERIES (FOR SMALL DEVIVES)
/*---------------------------------------------------*/

@media (max-width: 1400px) {
	.container {
		max-width: 1170px;
	}

	.kura_tm_topbar .topbar_inner {
		padding: 22px 37px 22px 50px;
	}

	.kura_tm_topbar.animate .topbar_inner {
		padding: 18px 37px 18px 50px;
	}

	.kura_tm_hero .content .right .image {
		max-width: 80%;
	}

	.kura_tm_hero .name {
		margin-bottom: 10px;
	}

	.kura_tm_hero .job {
		font-size: 35px;
		margin-bottom: 20px;
	}

	.kura_tm_hero .services {
		margin-bottom: 25px;
	}

	.kura_tm_hero .services ul li a {
		padding: 6px 0px;
	}

	.kura_tm_modalbox .box_inner {
		width: 700px;
	}

	.kura_tm_modalbox .main_details {
		flex-direction: column;
	}

	.kura_tm_modalbox .main_details .textbox {
		width: 100%;
		padding-right: 0px;
		margin-bottom: 30px;
	}

	.kura_tm_modalbox .main_details .detailbox {
		width: 100%;
	}

	.kura_tm_modalbox .additional_images ul {
		margin: 0px;
	}

	.kura_tm_modalbox .additional_images ul li {
		width: 100%;
		padding-left: 0px;
	}
}

@media (max-width: 1040px) {
	.mouse-cursor {
		display: none;
	}

	.kura_tm_topbar {
		display: none;
	}

	.kura_tm_mobile_menu {
		display: block;
	}

	.kura_tm_hero {
		padding: 150px 0px 120px 0px;
	}

	.kura_tm_hero .content {
		flex-direction: column-reverse;
		justify-content: space-around;
		align-items: baseline;
	}

	.kura_tm_hero .content .right {
		padding-left: 0px;
		margin-bottom: 60px;
		width: 100%;
	}

	.kura_tm_hero .content .left {
		padding-right: 0px;
		width: 100%;
	}

	.kura_tm_hero .content .right .image .shape {
		display: none;
	}

	.kura_tm_hero .content .right .image .main {
		transform: rotate(0deg);
	}

	.kura_tm_hero .content .right .image {
		max-width: 100%;
	}

	body.opened .kura_tm_hero .content .right .image .main {
		transform: rotate(0deg);
	}

	.kura_tm_hero .job {
		font-size: 35px;
	}

	.kura_tm_hero .down {
		display: none;
	}

	.kura_tm_skills .right {
		display: none;
	}

	.kura_tm_skills .left {
		width: 100%;
		padding-right: 0px;
	}

	.kura_tm_pricing .pricing_inner {
		flex-direction: column;
	}

	.kura_tm_pricing .left {
		width: 100%;
		padding-right: 0px;
	}

	.kura_tm_pricing .right {
		width: 100%;
		padding-left: 0px;
	}

	.kura_tm_contact .contact_inner {
		flex-direction: column;
	}

	.kura_tm_contact .left {
		width: 100%;
		padding-right: 0px;
		margin-bottom: 30px;
	}

	.kura_tm_contact .right {
		width: 100%;
		padding-left: 0px;
	}

	.kura_tm_modalbox .box_inner {
		width: 500px;
	}

	.kura_tm_modalbox .close .svg {
		width: 40px;
		height: 40px;
	}

	.kura_tm_intro .demos img {
		max-width: 100px;
	}
}

@media (max-width: 768px) {
	.kura_tm_hero .job {
		font-size: 30px;
	}

	.kura_tm_hero .short_info ul li h3 {
		font-size: 35px;
	}

	.kura_tm_hero .short_info ul li span {
		font-size: 13px;
	}

	.kura_tm_portfolio .portfolio_list .svg {
		width: 35px;
		height: 35px;
		top: 33px;
		right: 32px;
	}

	.kura_tm_portfolio .portfolio_list .details {
		bottom: 31px;
		left: 39px;
	}

	.kura_tm_portfolio .portfolio_list .details h3 {
		font-size: 18px;
	}

	.kura_tm_modalbox .portfolio_main_title h3 {
		font-size: 20px;
	}

	.kura_tm_main_title h3 {
		font-size: 25px;
	}

	.kura_tm_main_title span {
		margin-bottom: 6px;
	}

	.kura_tm_timeline .timeline_list ul li .list_inner {
		width: 100%;
		padding-right: 0px;
		margin-bottom: 15px;
	}

	.kura_tm_timeline .timeline_list ul li .list_inner:last-child {
		margin-bottom: 0px;
	}

	.kura_tm_pricing .right ul li span {
		font-size: 16px;
	}

	.kura_tm_news .news_list .list_inner .svg {
		width: 35px;
		height: 35px;
		top: 33px;
		right: 32px;
	}

	.kura_tm_news .news_list .details {
		padding: 0px 30px 36px 39px;
	}

	.kura_tm_news .news_list .details h3 {
		font-size: 18px;
	}

	.kura_tm_contact .short ul li .list_inner span {
		font-size: 16px;
	}

	.kura_tm_copyright .copyright_inner {
		flex-direction: column;
	}

	.kura_tm_copyright .copyright_inner .text {
		margin-bottom: 10px;
	}

	.kura_tm_modalbox .box_inner {
		width: 300px;
	}

	.kura_tm_modalbox .close .svg {
		width: 20px;
		height: 20px;
	}

	.kura_tm_modalbox .close {
		margin-left: -20px;
		top: -32px;
	}

	.kura_tm_modalbox .description_wrap {
		padding: 30px;
	}

	.kura_tm_modalbox .title h3 {
		font-size: 20px;
	}

	.kura_tm_modalbox .news_popup_informations .details h3 {
		font-size: 20px;
	}

}

@media (max-width: 480px) {
	.kura_tm_hero .job {
		font-size: 26px;
	}
	
	.kura_tm_main_title h3 {
		font-size: 22px;
	}
	
	.kura_tm_hero .short_info ul li h3 {
		font-size: 28px;
	}
	
	.kura_tm_hero .name {
		font-size: 16px;
	}
}

.kura_tm_portfolio .list_inner .image {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	/* 16:9 Ratio */
	height: 0 !important;
	background-color: #111;
	border-radius: 10px;
	overflow: hidden;
	display: block !important;
}

.kura_tm_portfolio .list_inner .image .main {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover !important;
	background-position: center !important;
	opacity: 1 !important;
	visibility: visible !important;
	z-index: 1;
	transition: all 0.3s ease;
}

.kura_tm_portfolio .list_inner:hover .image .main {
	transform: scale(1.05);
}

.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 68px;
	height: 48px;
	background-color: rgba(33, 33, 33, 0.8);
	border-radius: 12px;
	transition: all 0.3s ease;
	z-index: 2;
	pointer-events: none;
}

.kura_tm_portfolio .list_inner:hover .play-button {
	background-color: #ff0000;
	transform: translate(-50%, -50%) scale(1.1);
}

.play-button::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translate(-50%, -50%);
	border-style: solid;
	border-width: 10px 0 10px 15px;
	border-color: transparent transparent transparent #fff;
}


.kura_tm_portfolio .list_inner .kura_tm_full_link {
	z-index: 10;
}

/* Sidebar Layout for Desktop - Vertical Menu below Logo */
@media (min-width: 1041px) {
	.kura_tm_topbar {
		width: 230px;
		height: 100vh;
		bottom: 0px;
		right: auto;
		transform: none !important;
		background-color: transparent !important;
		position: fixed;
	}

	.kura_tm_topbar .wrapper,
	.kura_tm_topbar.animate .wrapper {
		background-color: transparent !important;
		height: 100%;
		width: 100%;
		border: none !important;
		box-shadow: none !important;
	}

	.kura_tm_topbar .topbar_inner,
	.kura_tm_topbar.animate .topbar_inner {
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		padding: 70px 0 0 50px !important; /* Reduced padding from 70px to 50px */
		height: 100% !important;
	}

	.kura_tm_topbar .menu {
		margin-top: 30px !important;
		width: 100% !important;
		display: flex !important;
		flex-direction: column-reverse !important;
		align-items: flex-start !important;
	}

	.kura_tm_topbar .trigger {
		display: block !important;
		margin-bottom: 30px !important;
	}

	.kura_tm_topbar .list {
		padding-right: 0px !important;
		width: 100% !important;
	}

	.kura_tm_topbar .list ul li {
		display: block !important;
		margin: 0px 0px 15px 0px !important;
	}

	.kura_tm_topbar .list ul li a {
		font-size: 18px;
		font-weight: 500;
	}

	/* Restore staggered animation logic for vertical items */
	.kura_tm_topbar .list ul li {
		opacity: 0;
		visibility: hidden;
		position: relative;
		left: 10px;
		transition: all .3s ease;
	}

	.kura_tm_topbar .list ul li.opened {
		opacity: 1;
		visibility: visible;
		left: 0px;
	}

	/* Shift content containers to accommodate the sidebar - using fluid padding */
	.kura_tm_section .container,
	.kura_tm_hero .container {
		padding-left: clamp(250px, 15vw, 350px) !important;
		max-width: 1600px !important;
		margin: 0 auto !important;
	}

	/* Adjust Hero content for new layout */
	.kura_tm_hero .content .left {
		width: 55%; /* Slightly reduced to give more room to the image */
	}
}

/*---------------------------------------------------*/
/*	NEW: FULLSCREEN PORTFOLIO VIEW
/*---------------------------------------------------*/

.kura_tm_portfolio_view {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #2b2b2b; /* Premium charcoal grey */
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	overflow-y: auto;
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

.kura_tm_portfolio_view.opened {
	opacity: 1;
	visibility: visible;
}

.kura_tm_portfolio_view .portfolio_inner {
	width: 100%;
	padding: 100px 0;
	position: relative;
}

.kura_tm_portfolio_view .close_wrapper {
	position: fixed;
	top: 40px;
	right: 40px;
	z-index: 1000;
}

.kura_tm_portfolio_view .close_button {
	display: block;
	width: 60px;
	height: 60px;
	background: #C5A47E;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	box-shadow: 0 10px 30px rgba(197, 164, 126, 0.3);
}

.kura_tm_portfolio_view .close_button:hover {
	transform: scale(1.1) rotate(90deg);
	background: #fff;
}

.kura_tm_portfolio_view .close_button .svg {
	width: 25px;
	height: 25px;
	color: #000;
}

.kura_tm_portfolio_view .portfolio_title {
	text-align: center;
	margin-bottom: 60px;
}

.kura_tm_portfolio_view .portfolio_title span {
	display: block;
	color: #C5A47E;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-bottom: 10px;
	font-family: "Poppins";
}

.kura_tm_portfolio_view .portfolio_title h3 {
	font-size: 50px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
}

.kura_tm_portfolio_view .portfolio_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	padding: 0 20px;
}

.portfolio_grid .grid_item {
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.kura_tm_portfolio_view.opened .grid_item {
	opacity: 1;
	transform: translateY(0);
}

/* Staggered animation for grid items */
.kura_tm_portfolio_view.opened .grid_item:nth-child(1) {
	transition-delay: 0.1s;
}

.kura_tm_portfolio_view.opened .grid_item:nth-child(2) {
	transition-delay: 0.15s;
}

.kura_tm_portfolio_view.opened .grid_item:nth-child(3) {
	transition-delay: 0.2s;
}

.kura_tm_portfolio_view.opened .grid_item:nth-child(4) {
	transition-delay: 0.25s;
}

.kura_tm_portfolio_view.opened .grid_item:nth-child(5) {
	transition-delay: 0.3s;
}

.kura_tm_portfolio_view.opened .grid_item:nth-child(6) {
	transition-delay: 0.35s;
}

.kura_tm_portfolio_view.opened .grid_item:nth-child(7) {
	transition-delay: 0.4s;
}

.kura_tm_portfolio_view.opened .grid_item:nth-child(8) {
	transition-delay: 0.45s;
}

.kura_tm_portfolio_view.opened .grid_item:nth-child(9) {
	transition-delay: 0.5s;
}

.kura_tm_portfolio_view.opened .grid_item:nth-child(10) {
	transition-delay: 0.55s;
}

.kura_tm_portfolio_view.opened .grid_item:nth-child(11) {
	transition-delay: 0.6s;
}

.kura_tm_portfolio_view.opened .grid_item:nth-child(12) {
	transition-delay: 0.65s;
}

.kura_tm_portfolio_view.opened .grid_item:nth-child(13) {
	transition-delay: 0.7s;
}

.kura_tm_portfolio_view.opened .grid_item:nth-child(14) {
	transition-delay: 0.75s;
}

.portfolio_grid .list_inner {
	width: 100%;
	position: relative;
	background: #1a1a1a;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}

.portfolio_grid .image {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16/9;
}

.portfolio_grid .image .main {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}

.portfolio_grid .list_inner:hover .main {
	transform: scale(1.1);
}

.portfolio_grid .details {
	padding: 25px;
	background: #1a1a1a;
	transition: all 0.3s ease;
}

.portfolio_grid .list_inner:hover .details {
	background: #252525;
}

.portfolio_grid .details h3 {
	font-size: 18px;
	margin-bottom: 5px;
	color: #fff;
}

.portfolio_grid .details span {
	color: #C5A47E;
	font-size: 14px;
}

.portfolio_grid .play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.8);
	width: 60px;
	height: 60px;
	background: rgba(197, 164, 126, 0.9);
	border-radius: 50%;
	opacity: 0;
	transition: all 0.3s ease;
}

.portfolio_grid .list_inner:hover .play-button {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

.portfolio_grid .play-button:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translate(-50%, -50%);
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #000;
}

@media (max-width: 1200px) {
	.kura_tm_portfolio_view .portfolio_grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.kura_tm_portfolio_view .portfolio_grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.kura_tm_portfolio_view .portfolio_title h3 {
		font-size: 35px;
	}

	.kura_tm_portfolio_view .close_wrapper {
		top: 20px;
		right: 20px;
	}
}

/*---------------------------------------------------*/
/*	PORTFOLIO TABS & PHOTOS GRID
/*---------------------------------------------------*/

.portfolio_tabs {
	display: flex;
	gap: 15px;
	justify-content: center;
	margin-bottom: 50px;
}

.tab_btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	background: transparent;
	border: 2px solid rgba(255, 255, 255, 0.2);
	color: rgba(255, 255, 255, 0.6);
	font-family: "Poppins";
	font-size: 15px;
	font-weight: 600;
	padding: 12px 35px;
	border-radius: 50px;
	cursor: pointer;
	letter-spacing: 1px;
	transition: all 0.3s ease;
}

.tab_btn:hover {
	border-color: #C5A47E;
	color: #C5A47E;
}

.tab_btn.active {
	background: #C5A47E;
	border-color: #C5A47E;
	color: #000;
}

.tab_icon {
	width: 22px;
	height: 22px;
	object-fit: contain;
	transition: all 0.3s ease;
}

.tab_btn.active .tab_icon {
	filter: brightness(0);
}

/* Photos Grid as Horizontal Film Strip (Cards) */
.photos_grid {
	display: flex;
	overflow-x: auto;
	gap: 30px;
	padding: 20px 0;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: #C5A47E #111;
	justify-content: flex-start; /* Restoring flex-start to prevent left-side clipping */
	min-height: 250px;
}

/* Ensure centering still works with few items but allows overflow */
.photos_grid:before,
.photos_grid:after {
	content: '';
	flex: 0 0 20px;
}

.photo_item {
	flex: 0 0 280px; /* Reduced from 320 for better 'cinematic' framing */
	max-width: 280px;
	scroll-snap-align: center;
	border-radius: 4px;
	overflow: hidden;
	background: #1a1a1a;
	aspect-ratio: 3/2;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	position: relative;
	box-shadow: 0 10px 30px rgba(0,0,0,0.7);
	border: 3px solid #fff;
}

.photo_item:hover {
	transform: scale(1.08) translateY(-10px);
	border-color: #C5A47E;
	z-index: 10;
}

.photo_item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.photos_note {
	text-align: center;
	color: rgba(255, 255, 255, 0.4);
	font-size: 13px;
	margin-top: 30px;
}

.photos_note strong {
	color: #C5A47E;
}

@media (max-width: 900px) {
	.photo_item {
		flex: 0 0 calc(50% - 10px);
	}
}

@media (max-width: 600px) {
	.photo_item {
		flex: 0 0 calc(85% - 20px);
	}


	.portfolio_tabs {
		flex-direction: column;
		align-items: center;
	}
}

/* Albums Grid Section */
.albums_grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	margin-top: 20px;
}

@media (max-width: 1040px) {
	.albums_grid {
		grid-template-columns: 1fr;
	}
}

/* Google Photos Album Card */
.gphoto_album_card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 30px;
	padding: 60px 40px;
	background: linear-gradient(135deg, rgba(197, 164, 126, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
	border: 1px solid rgba(197, 164, 126, 0.2);
	border-radius: 24px;
	text-align: center;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	margin: 0 auto;
	max-width: 560px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gphoto_album_card:hover {
	transform: translateY(-6px);
	box-shadow: 0 30px 60px rgba(197, 164, 126, 0.15);
}

.gphoto_album_icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.gphoto_album_icon svg {
	filter: drop-shadow(0 8px 20px rgba(197, 164, 126, 0.3));
}

.gphoto_album_info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.gphoto_album_title {
	font-size: 28px;
	font-weight: 800;
	color: #fff;
	font-family: "Poppins";
	margin: 0;
	letter-spacing: 1px;
}

.gphoto_album_desc {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.55);
	line-height: 1.7;
	max-width: 400px;
	margin: 0;
}

.gphoto_album_btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 32px;
	background: #C5A47E;
	color: #000;
	font-family: "Poppins";
	font-size: 14px;
	font-weight: 700;
	border-radius: 50px;
	text-decoration: none;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
	box-shadow: 0 8px 25px rgba(197, 164, 126, 0.35);
	margin-top: 8px;
}

.gphoto_album_btn:hover {
	background: #fff;
	color: #000;
	transform: scale(1.05);
	box-shadow: 0 12px 35px rgba(255, 255, 255, 0.2);
}

@media (max-width: 600px) {
	.gphoto_album_card {
		padding: 40px 20px;
	}

	.gphoto_album_title {
		font-size: 22px;
	}
}


.photo_album_chunk::before,
.photo_album_chunk::after {
	content: "";
	position: absolute;
	left: 15px;
	right: 15px;
	height: 14px;
	background-image: linear-gradient(to right, rgba(255,255,255,0.2) 60%, transparent 60%);
	background-size: 25px 100%;
	border-radius: 1px;
}

.photo_album_chunk::before {
	top: 10px;
}

.photo_album_chunk::after {
	bottom: 10px;
}

.photo_album_heading {
	font-family: "Poppins", sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #000;
	background-color: #C5A47E;
	padding: 6px 18px;
	margin-bottom: 10px;
	margin-left: 0;
	display: inline-block;
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.4);
	border: 2px solid #fff;
	position: relative;
	z-index: 2;
	margin-top: 15px;
}

.photo_album_chunk {
	margin-bottom: 15px;
	background-color: #111;
	padding: 40px 15px;
	position: relative;
	border-radius: 6px;
	box-shadow: 0 15px 40px rgba(0,0,0,0.8);
	overflow: hidden;
}


.photo_placeholder {
	background: #111 !important;
	border: 2px dashed rgba(197, 164, 126, 0.3) !important;
	min-height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.placeholder_text {
	text-align: center;
	color: rgba(255, 255, 255, 0.4);
	padding: 20px;
	font-size: 14px;
	line-height: 1.6;
}

.placeholder_text span {
	display: block;
	color: #C5A47E;
	font-weight: 600;
	margin-bottom: 5px;
}

.photo_category_title {
	font-family: 'Poppins', sans-serif;
	font-size: 32px;
	font-weight: 800;
	color: #fff;
	text-align: center;
	padding: 20px;
	margin: 100px 0 40px 0;
	text-transform: uppercase;
	letter-spacing: 12px;
	position: relative;
}

/* ==========================================================================
   Responsive Fixes - ONLY for portfolio/photo sections
   ========================================================================== */

/* Tablets and below */
@media (max-width: 1040px) {
	.kura_tm_portfolio_view .portfolio_inner {
		padding: 60px 0;
	}
	.photo_category_title {
		font-size: 26px;
		letter-spacing: 6px;
		margin: 60px 0 30px 0;
	}
	.photo_album_chunk {
		padding: 30px 15px;
		margin-bottom: 50px;
	}
}

/* Mobile Devices */
@media (max-width: 768px) {
	.kura_tm_portfolio_view .close_wrapper {
		top: 15px;
		right: 15px;
	}
	.kura_tm_portfolio_view .close_button {
		width: 45px;
		height: 45px;
	}
	.kura_tm_portfolio_view .close_button .svg {
		width: 18px;
		height: 18px;
	}
	.portfolio_tabs {
		flex-wrap: wrap;
		gap: 10px;
	}
	.tab_btn {
		padding: 10px 20px;
		font-size: 14px;
		flex: 1 1 auto;
		text-align: center;
	}
	.photo_album_heading {
		font-size: 16px;
		letter-spacing: 1px;
		padding: 6px 12px;
	}
	.photo_item {
		min-width: 200px;
	}
}

/* Small Phones */
@media (max-width: 480px) {
	.photo_category_title {
		font-size: 20px;
		letter-spacing: 3px;
	}
	.photo_album_chunk {
		padding: 25px 10px;
		margin-bottom: 40px;
	}
	.photo_album_chunk::before,
	.photo_album_chunk::after {
		height: 10px;
		background-size: 18px 100%;
	}
	.photo_item {
		min-width: 160px;
		border-width: 2px;
	}
	.photos_grid {
		gap: 10px;
	}
}



/* Custom Portfolio Icon Styles - Fixed Visibility */
.kura_tm_portfolio_view .tab_btn .tab_icon {
    height: 22px;
    width: auto;
    transition: all 0.3s ease;
    display: inline-block;
}

/* Inactive tabs on dark portfolio background -> clear white icons */
.kura_tm_portfolio_view .tab_btn:not(.active) .tab_icon {
    filter: invert(1) brightness(2);
    opacity: 0.9;
}

/* Active gold tab -> sharp black icons */
.kura_tm_portfolio_view .tab_btn.active .tab_icon {
    filter: brightness(0);
}


@media (max-width: 768px) {
    .tab_btn {
        gap: 8px;
        padding: 10px 15px;
    }
    .tab_btn .tab_icon {
        height: 18px;
    }
}