:root{
    --black:#0D0D0D;
    --graphite:#1C1C1E;
    --card:#252525;
    --gold:#D4AF37;
    --goldHover:#E6C65C;
    --gold-light:#F3D87A;
    --gray:#C7C7C7;
     --light:#EAEAEA;
    --white:#FFFFFF;
    --border:#333333;
    --cardDark:#181818;
    --cardHover:#202020;
    --gold10:rgba(212,175,55,.10);
    --gold15:rgba(212,175,55,.15);
    --gold20:rgba(212,175,55,.20);
    --gold30:rgba(212,175,55,.30);
     --shadow:0 20px 60px rgba(0,0,0,.35);
     --shadow-gold:0 20px 50px rgba(212,175,55,.18);
     --radius:22px;
     --transition:.35s ease;
	
}

/*SCROLL BAR*/
	::-webkit-scrollbar{
		 width:12px;
	}
	 ::-webkit-scrollbar-track{
		 background:#111;
	}
	 ::-webkit-scrollbar-thumb{
		 background:var(--gold);
		 border-radius:20px;
	}
	 ::-webkit-scrollbar-thumb:hover{
		 background:var(--gold-light);
	}

	/* TEXT SELECTION */
	::selection{
	background:var(--gold);
	color:#111;
	}
/*SCROLL BAR*/


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body{
     background:var(--black);
     color:var(--white);
     font-family:'Inter',sans-serif;
     overflow-x:hidden;
     -webkit-font-smoothing:antialiased;
     -moz-osx-font-smoothing:grayscale;
     text-rendering:optimizeLegibility;
}

.container{
	max-width:1320px;
}

section {
	padding:110px 0;
	position:relative;	
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

a {
	text-decoration: none;
	transition: .35s;
}

img {
	max-width: 100%;
	display: block;
}

.text-gold {
	color: var(--gold);
}

.bg-graphite {
	background: var(--graphite);
}

.card {
	background: var(--card);
	border: 1px solid var(--border);
	border-radius: 20px;
	transition: .35s;
}

.card:hover {
	transform: translateY(-10px);
	border-color: var(--gold);
	box-shadow:var(--shadow-gold);	
}

.btn-gold, .btn-outline-gold{
     padding:16px 34px;
     font-weight:700;
     font-size:17px;
     border-radius:60px;
     transition:var(--transition);
}

 .btn-gold:hover{
     transform:translateY(-6px);
     box-shadow:0 15px 35px rgba(212,175,55,.35);
}


.btn-outline-gold {
	border: 2px solid var(--gold);
	color: var(--gold);
	border-radius: 50px;
	padding: 14px 35px;
}

.btn-outline-gold:hover {
	background: var(--gold);
	color: #111;
}

.section-title {
	font-size: 52px;
	font-weight: 800;
	margin-bottom: 20px;
}

.section-subtitle {
	font-size: 20px;
	color: var(--gray);
	max-width: 750px;
	margin: auto;
}

.text-muted-custom {
	color: var(--gray) !important;
}


/*--------------------------------*/
.navbar-brand img {
  transition : .35s;
}
.navbar .navbar-nav .nav-link{
    color:var(--white)!important;
    position:relative;
    font-weight:600;
    margin:0 10px;
    transition:.35s;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active{
    color:var(--gold)!important;
}
.navbar .navbar-nav .nav-link::after{
    content:'';
    position:absolute;
    left:50%;
    bottom:-6px;
    width:0;
    height:2px;
    background:var(--gold);
    border-radius:10px;
    transform:translateX(-50%);
    transition:.35s;
}

.navbar .navbar-nav .nav-link:hover::after,
.navbar .navbar-nav .nav-link.active::after{
    width:100%;
}
  .nav-link:hover {
  color : var(--gold) !important;
}
  .nav-link:hover::after {
  width : 100%;
}
.dropdown-menu {
  background : #181818;
  border : 1px solid #333;
  border-radius : 15px;
}
.dropdown-item {
  padding : 10px 18px;
}
  .dropdown-item:hover {
  background : var(--gold);
  color : #111;
}




/*==================================================
Hero
==================================================*/

.hero{
     position:relative;
     overflow:hidden;
     display:flex;
     align-items:center;
     min-height:100vh;
     background: linear-gradient( 135deg, rgba(8,8,8,.70), rgba(18,18,18,.55) ), url('../images/hero/hero-bg.jpg');
     background-size:cover;
     background-position:center center;
     background-repeat:no-repeat;
}

.hero-content {
  min-height: 88vh;
  padding-top: 120px;
  padding-bottom: 70px;
}

.hero-overlay{
     position:absolute;
     inset:0;
     background: radial-gradient( circle at 80% 15%, rgba(212,175,55,.12), transparent 35% ), radial-gradient( circle at 15% 80%, rgba(30,64,175,.18), transparent 40% );
     pointer-events:none;
}

.hero-title{
     font-size:clamp(3rem,5vw,5rem);
     font-weight:800;
     line-height:1.08;
     letter-spacing:-2px;
}

.hero-title::after{
     content:"";
     display:block;
     width:120px;
     height:4px;
     margin-top:25px;
     background: linear-gradient( 90deg, var(--gold), transparent );
     border-radius:30px;
}

.hero-text{
     font-size:21px;
     line-height:1.9;
     color:var(--gray);
     max-width:620px;
     font-weight:400;
}

.hero::before{
     content:"";
     position:absolute;
     width:650px;
     height:650px;
     right:5%;
     top:50%;
     transform:translateY(-50%);
     background: radial-gradient(circle, rgba(212,175,55,.12), transparent 70%);
     filter:blur(40px);
     z-index:0;
}

.hero-badge {
  display : inline-flex;
  align-items : center;
  padding : 10px 22px;
  border-radius : 40px;
  background : rgba(212, 175, 55, .08);
  border : 1px solid rgba(212, 175, 55, .30);
  backdrop-filter : blur(15px);
  font-weight : 600;
  font-size : 14px;
  letter-spacing : .6px;
  color : var(--gold);
}


.hero-icons{
     display:flex;
     flex-wrap:wrap;
     gap:15px;
}

 .hero-icons span{
     padding:12px 20px;
     background:rgba(255,255,255,.04);
     border-radius:50px;
     border:1px solid rgba(255,255,255,.06);
     transition:.3s;
	 backdrop-filter:blur(10px);
}
 .hero-icons span:hover{
     border-color:var(--gold);
     background:#202020;
     transform:translateY(-4px);
}

.hero-icons i {
	color: var(--gold);
	margin-right: 8px;
}

.hero-image{
     position:relative;
     z-index:5;
}
 .hero-image img{
     border-radius:30px;
     filter: drop-shadow(0 40px 80px rgba(0,0,0,.55));
     transition:.5s;
}
 .hero-image:hover img{
     transform:scale(1.02);
}

.floating-card{
     position:absolute;
     padding:20px 24px;
     border-radius:20px;
     background:rgba(28,28,30,.72);
     backdrop-filter:blur(16px);
     border:1px solid rgba(212,175,55,.18);
     box-shadow: 0 20px 40px rgba(0,0,0,.30);
     animation:float 5s ease-in-out infinite;
}


.floating-card h3 {
	color: var(--gold);
	font-size: 34px;
	margin-bottom: 5px;
}

.card-one {
	top: 40px;
	left: -40px;
}

.card-two {
	right: -20px;
	top: 220px;
	animation-delay: 1s;
}

.card-three {
	left: 30px;
	bottom: 40px;
	animation-delay: 2s;
}

.scroll-down {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 28px;
	color: var(--gold);
	animation: bounce 2s infinite;
}

@keyframes float {

	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-12px);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes bounce {

	0%,20%,50%,80%,100% {
		transform: translate(-50%,0);
	}

	40% {
		transform: translate(-50%,-12px);
	}

	60% {
		transform: translate(-50%,-6px);
	}
}

@media(max-width:991px) {

	.hero-title {
		font-size: 48px;
	}

	.hero {
		text-align: center;
	}

	.hero-text {
		margin: auto;
	}

	.hero-icons {
		justify-content: center;
	}
}

.gold-gradient{
     background:linear-gradient(90deg,#D4AF37,#F7E27E,#D4AF37);
     -webkit-background-clip:text;
     -webkit-text-fill-color:transparent;
}


/*=========================================
Trusted Brands
=========================================*/

.section-mini-title {
	display: inline-block;
	padding: 8px 18px;
	border-radius: 30px;
	background: rgba(212,175,55,.08);
	color: var(--gold);
	font-weight: 600;
	letter-spacing: 2px;
	font-size: 13px;
	margin-bottom: 20px;
}

.logo-slider {
	overflow: hidden;
	position: relative;
}

.logo-track {
	display: flex;
	width: max-content;
	animation: brandScroll 35s linear infinite;
}

.logo-track:hover {
	animation-play-state: paused;
}

.brand-logo {
	width: 220px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 25px;
	background: #181818;
	border-radius: 20px;
	border: 1px solid rgba(255,255,255,.05);
	transition: .35s;
}

.brand-logo:hover {
	transform: translateY(-8px);
	border-color: var(--gold);
	box-shadow: 0 20px 50px rgba(212,175,55,.15);
}

.brand-logo img {
	max-width: 120px;
	max-height: 60px;
	filter: grayscale(100%);
	opacity: .75;
	transition: .35s;
}

.brand-logo:hover img {
	filter: none;
	opacity: 1;
}

@keyframes brandScroll {

	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}


/*=========================================
Why Us
=========================================*/

.why-image {
	position: relative;
}

.why-image img {
	border-radius: 25px;
	box-shadow: 0 30px 70px rgba(0,0,0,.45);
}

.experience-card {
	position: absolute;
	bottom: 30px;
	left: -30px;
	background: var(--gold);
	padding: 25px;
	border-radius: 20px;
	color: #111;
	width: 220px;
	box-shadow: 0 25px 50px rgba(212,175,55,.35);
}

.experience-card h2 {
	font-size: 48px;
	font-weight: 800;
	margin-bottom: 0;
}

.feature-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
}

.feature-item i {
	width: 65px;
	height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #1b1b1b;
	border-radius: 18px;
	font-size: 24px;
	color: var(--gold);
	margin-right: 20px;
	border: 1px solid rgba(212,175,55,.20);
}

.feature-item h5 {
	margin-bottom: 8px;
}

.feature-item p {
	color: var(--gray);
	margin: 0;
	line-height: 1.7;
}

.feature-item:hover i {
	background: var(--gold);
	color: #111;
	transform: rotate(-8deg);
	transition: .35s;
}

@media(max-width:991px) {

	.experience-card {
		position: relative;
		left: 0;
		bottom: 0;
		margin-top: 25px;
	}
}

/*=========================================
Featured Creators
=========================================*/

.creator-slider {
	overflow: hidden;
	margin-top: 20px;
	position: relative;
}

.creator-track {
	display: flex;
	width: max-content;
	animation: creatorScroll 45s linear infinite;
}

.creator-track:hover {
	animation-play-state: paused;
}

.creator-card {
	width: 260px;
	margin-right: 30px;
	padding: 25px;
	background: linear-gradient(180deg,#222,#171717);
	border-radius: 25px;
	text-align: center;
	border: 1px solid rgba(212,175,55,.15);
	transition: .35s;
}

.creator-card:hover {
	transform: translateY(-12px);
	border-color: var(--gold);
	box-shadow: 0 25px 60px rgba(212,175,55,.18);
}

.creator-image {
	position: relative;
	margin-bottom: 20px;
}

.creator-image img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	object-fit: cover;
	margin: auto;
	border: 4px solid rgba(212,175,55,.25);
}

.verified {
	position: absolute;
	right: 65px;
	bottom: 5px;
	width: 30px;
	height: 30px;
	background: var(--gold);
	color: #111;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: bold;
}

.creator-card h4 {
	font-size: 22px;
	margin-bottom: 5px;
}

.platform {
	color: var(--gold);
	font-weight: 600;
	margin-bottom: 20px;
}

.followers {
	font-size: 34px;
	font-weight: 800;
	color: #fff;
}

.followers small {
	display: block;
	font-size: 14px;
	color: var(--gray);
	font-weight: 400;
	margin-top: 6px;
}

@keyframes creatorScroll {

	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

/*==============================================

CINEMATIC SERVICES

==============================================*/

.services-cinematic {
	background: #111;
}

.service-row {
	display: flex;
	align-items: center;
	gap: 70px;
	margin-bottom: 120px;
}

.service-row.reverse {
	flex-direction: row-reverse;
}

.service-video {
	flex: 1;
	overflow: hidden;
	border-radius: 35px;
	position: relative;
	box-shadow: 0 25px 60px rgba(0,0,0,.35);
}

.service-video::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top,

rgba(0,0,0,.45),

rgba(0,0,0,.05));
	pointer-events: none;
}

.service-video video {
	width: 100%;
	height: 550px;
	object-fit: cover;
	transition: .8s;
	display: block;
}

.service-row:hover video {
	transform: scale(1.08);
}

.service-content {
	flex: 1;
}

.service-number {
	font-size: 90px;
	font-weight: 900;
	line-height: 1;
	color: rgba(212,175,55,.12);
	margin-bottom: 20px;
}

.service-icon {
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 22px;
	background: rgba(212,175,55,.10);
	border: 1px solid rgba(212,175,55,.30);
	margin-bottom: 30px;
}

.service-icon i {
	font-size: 34px;
	color: var(--gold);
}

.service-content h2 {
	font-size: 46px;
	font-weight: 800;
	margin-bottom: 20px;
}

.service-content p {
	font-size: 18px;
	line-height: 1.9;
	color: #cfcfcf;
	margin-bottom: 35px;
	max-width: 550px;
}

.gold-btn {
	display: inline-flex;
	align-items: center;
	padding: 16px 36px;
	background: var(--gold);
	color: #111;
	font-weight: 700;
	border-radius: 60px;
	text-decoration: none;
	opacity: 0;
	transform: translateY(35px);
	transition: .45s;
}

.gold-btn:hover {
	background: #fff;
	color: #111;
	transform: translateY(-5px);
}

.service-row:hover .gold-btn {
	opacity: 1;
	transform: translateY(0);
}

.service-row:hover .service-number {
	color: rgba(212,175,55,.30);
	transition: .5s;
}

.service-row:hover .service-icon {
	transform: rotate(-8deg);
	transition: .5s;
}

@media(max-width:991px) {

	.service-row,

.service-row.reverse {
		flex-direction: column;
		gap: 40px;
		margin-bottom: 70px;
	}

	.service-video video {
		height: 350px;
	}

	.service-content {
		text-align: center;
	}

	.service-content p {
		margin: auto auto 30px;
	}

	.service-number {
		font-size: 60px;
	}

	.service-content h2 {
		font-size: 34px;
	}
}

.service-content h2 {
	transition: .45s;
}

.service-content p {
	opacity: .6;
	transition: .45s;
}

.service-row:hover h2 {
	transform: translateY(-8px);
}

.service-row:hover p {
	opacity: 1;
}

/*-----------------------------
Play Circle
-----------------------------*/
.play-circle {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 95px;
	height: 95px;
	border-radius: 50%;
	background: rgba(212,175,55,.90);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 20;
	transition: .45s;
	box-shadow: 0 0 35px rgba(212,175,55,.45);
}

.play-circle i {
	font-size: 34px;
	color: #111;
	margin-left: 5px;
}

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

.video-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(

180deg,

rgba(0,0,0,.15),

rgba(0,0,0,.45)

);
	transition: .45s;
	z-index: 5;
}

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

.gold-border {
	position: absolute;
	left: 15px;
	top: 15px;
	right: 15px;
	bottom: 15px;
	border: 2px solid transparent;
	border-radius: 25px;
	transition: .45s;
	z-index: 10;
	pointer-events: none;
}

.service-row:hover .play-circle {
	opacity: 0;
	transform: translate(-50%,-50%)

scale(.5);
}

.service-row:hover .video-overlay {
	background: linear-gradient(

180deg,

rgba(0,0,0,.05),

rgba(0,0,0,.20)

);
}

.service-row:hover .gold-border {
	border-color: var(--gold);
}

.service-row:hover video {
	transform: scale(1.12);
	filter: brightness(1.08);
}

.service-video {
	position: relative;
}

.service-video::before {
	content: "";
	position: absolute;
	inset: -3px;
	border-radius: 35px;
	background: linear-gradient(

135deg,

transparent,

rgba(212,175,55,.25),

transparent

);
	opacity: 0;
	transition: .45s;
	z-index: 2;
}

.service-row:hover .service-video::before {
	opacity: 1;
}


/*====================================
FEATURED CAMPAIGNS
=====================================*/

.campaign-card {
	height: 520px;
	position: relative;
	overflow: hidden;
	border-radius: 30px;
	cursor: pointer;
	background: #111;
}

.campaign-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 1s;
}

.campaign-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(

to top,

rgba(0,0,0,.95),

rgba(0,0,0,.15)

);
	transition: .5s;
}

.campaign-content {
	position: absolute;
	left: 40px;
	right: 40px;
	bottom: 40px;
	z-index: 5;
	transition: .45s;
}

.campaign-category {
	display: inline-block;
	padding: 8px 18px;
	background: rgba(212,175,55,.18);
	color: var(--gold);
	border-radius: 40px;
	font-size: 14px;
	margin-bottom: 18px;
}

.campaign-content h3 {
	font-size: 36px;
	margin-bottom: 25px;
}

.campaign-stats {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 15px;
	margin-bottom: 30px;
}

.campaign-stats div {
	background: rgba(255,255,255,.06);
	backdrop-filter: blur(10px);
	padding: 18px;
	border-radius: 18px;
	text-align: center;
	border: 1px solid rgba(255,255,255,.05);
	transition: .4s;
}

.campaign-stats strong {
	display: block;
	font-size: 24px;
	color: #fff;
}

.campaign-stats small {
	color: #cfcfcf;
}

.campaign-content a {
	display: inline-flex;
	align-items: center;
	padding: 15px 30px;
	background: var(--gold);
	color: #111;
	font-weight: 700;
	border-radius: 60px;
	text-decoration: none;
	opacity: 0;
	transform: translateY(30px);
	transition: .4s;
}

.campaign-card:hover img {
	transform: scale(1.12);
}

.campaign-card:hover .campaign-overlay {
	background: linear-gradient(

to top,

rgba(0,0,0,.98),

rgba(0,0,0,.05)

);
}

.campaign-card:hover .campaign-content {
	bottom: 55px;
}

.campaign-card:hover a {
	opacity: 1;
	transform: translateY(0);
}

.campaign-card:hover .campaign-stats div {
	transform: translateY(-8px);
	border-color: rgba(212,175,55,.35);
	box-shadow: 0 10px 30px rgba(212,175,55,.12);
}

.campaign-content a:hover {
	background: #fff;
	color: #111;
}

@media(max-width:768px) {

	.campaign-card {
		height: 430px;
	}

	.campaign-content {
		left: 25px;
		right: 25px;
		bottom: 25px;
	}

	.campaign-content h3 {
		font-size: 28px;
	}

	.campaign-stats {
		grid-template-columns: repeat(2,1fr);
	}
}

/*===================================
PROCESS
===================================*/

.process-card {
	background: #1b1b1b;
	padding: 45px 30px;
	border-radius: 25px;
	position: relative;
	overflow: hidden;
	height: 100%;
	transition: .4s;
	border: 1px solid rgba(255,255,255,.06);
}

.process-card:hover {
	transform: translateY(-12px);
	border-color: var(--gold);
	box-shadow: 0 20px 45px rgba(212,175,55,.15);
}

.process-number {
	position: absolute;
	top: 20px;
	right: 25px;
	font-size: 70px;
	font-weight: 900;
	color: rgba(212,175,55,.08);
}

.process-icon {
	width: 75px;
	height: 75px;
	border-radius: 20px;
	background: rgba(212,175,55,.10);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}

.process-icon i {
	font-size: 30px;
	color: var(--gold);
}

.process-card h4 {
	margin-bottom: 20px;
	font-weight: 700;
}

.process-card p {
	color: #bdbdbd;
	line-height: 1.8;
}

/*==================================
INDUSTRIES
===================================*/

.industries-section {
	background: #111;
}

.industry-card {
	height: 100%;
	padding: 35px;
	background: linear-gradient(180deg,#1d1d1d,#141414);
	border-radius: 28px;
	border: 1px solid rgba(255,255,255,.06);
	transition: .45s;
	position: relative;
	overflow: hidden;
}

.industry-card::before {
	content: "";
	position: absolute;
	width: 220px;
	height: 220px;
	background: rgba(212,175,55,.05);
	border-radius: 50%;
	top: -120px;
	right: -120px;
	transition: .45s;
}

.industry-card:hover::before {
	transform: scale(1.8);
}

.industry-card:hover {
	transform: translateY(-12px);
	border-color: var(--gold);
	box-shadow: 0 25px 55px rgba(212,175,55,.18);
}

.industry-icon {
	width: 75px;
	height: 75px;
	background: rgba(212,175,55,.12);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	margin-bottom: 25px;
}

.industry-icon i {
	font-size: 30px;
	color: var(--gold);
}

.industry-card h4 {
	margin-bottom: 18px;
	font-weight: 700;
}

.industry-brands {
	font-size: 14px;
	color: var(--gold);
	margin-bottom: 18px;
	line-height: 1.8;
	font-weight: 600;
}

.industry-card p {
	color: #cfcfcf;
	line-height: 1.8;
	margin-bottom: 25px;
}

.industry-card a {
	color: var(--gold);
	font-weight: 700;
	text-decoration: none;
	transition: .3s;
}

.industry-card:hover a {
	letter-spacing: 1px;
}


/*====================================
Achievements
====================================*/

.achievement-card {
	background: linear-gradient(180deg,#1b1b1b,#111);
	padding: 45px;
	border-radius: 28px;
	text-align: center;
	height: 100%;
	border: 1px solid rgba(255,255,255,.06);
	transition: .4s;
}

.achievement-card:hover {
	transform: translateY(-10px);
	border-color: var(--gold);
	box-shadow: 0 20px 45px rgba(212,175,55,.18);
}

.achievement-icon {
	width: 90px;
	height: 90px;
	margin: auto;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(212,175,55,.12);
	margin-bottom: 25px;
}

.achievement-icon i {
	font-size: 36px;
	color: var(--gold);
}

.achievement-card h2 {
	font-size: 48px;
	font-weight: 800;
	color: #fff;
	margin-bottom: 10px;
}

.achievement-card p {
	color: #bdbdbd;
	font-size: 18px;
	margin: 0;
}


/*==================================

FAQ

===================================*/

.faq-section {
	background: #141414;
}

.accordion-item {
	background: #1c1c1c;
	border: 1px solid rgba(255,255,255,.07);
	margin-bottom: 18px;
	border-radius: 18px !important;
	overflow: hidden;
	transition: .35s;
}

.accordion-item:hover {
	border-color: var(--gold);
	box-shadow: 0 10px 30px rgba(212,175,55,.15);
}

.accordion-button {
	background: #1c1c1c;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	padding: 24px;
	box-shadow: none;
}

.accordion-button:not(.collapsed) {
	background: #1c1c1c;
	color: var(--gold);
}

.accordion-button::after {
	filter: invert(1);
}

.accordion-body {
	background: #161616;
	color: #d0d0d0;
	line-height: 1.9;
	font-size: 17px;
	padding: 25px;
}

.accordion-button:focus {
	box-shadow: none;
	border: none;
}

.accordion-button::after {
	display: none;
}

.accordion-button::before {
	content: "+";
	margin-right: 20px;
	font-size: 28px;
	font-weight: bold;
	color: var(--gold);
	transition: .3s;
}

.accordion-button:not(.collapsed)::before {
	content: "−";
}


/*================================

Testimonials

================================*/

.testimonials-section {
	background: #111;
	overflow: hidden;
}

.testimonial-slider {
	overflow: hidden;
	position: relative;
}

.testimonial-track {
	display: flex;
	gap: 30px;
	width: max-content;
	animation: testimonialMove 40s linear infinite;
}

.testimonial-slider:hover .testimonial-track {
	animation-play-state: paused;
}

@keyframes testimonialMove {

	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

.testimonial-card {
	width: 420px;
	padding: 35px;
	border-radius: 30px;
	background: linear-gradient(180deg,#1d1d1d,#151515);
	border: 1px solid rgba(255,255,255,.08);
	transition: .4s;
	flex-shrink: 0;
}

.testimonial-card:hover {
	transform: translateY(-10px);
	border-color: var(--gold);
	box-shadow: 0 20px 45px rgba(212,175,55,.18);
}

.stars {
	font-size: 22px;
	letter-spacing: 4px;
	color: #FFD700;
	margin-bottom: 20px;
}

.testimonial-text {
	color: #d5d5d5;
	line-height: 1.9;
	font-style: italic;
	min-height: 140px;
}

.testimonial-footer {
	display: flex;
	align-items: center;
	margin-top: 30px;
}

.testimonial-footer img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 20px;
	border: 3px solid var(--gold);
}

.testimonial-footer h5 {
	margin: 0;
	font-weight: 700;
}

.testimonial-footer small {
	color: #bdbdbd;
}

.company-logo img {
	height: 24px;
	width: auto;
	border: none !important;
	border-radius: 0 !important;
	object-fit: contain;
	margin-top: 6px;
	filter: grayscale(100%);
	opacity: .8;
	transition: .3s;
}

.testimonial-card:hover .company-logo img {
	filter: none;
	opacity: 1;
}


/*===================================
FINAL CTA
====================================*/

.final-cta {
	background: #111;
	padding-top: 90px;
	padding-bottom: 90px;
}

.cta-box {
	background: linear-gradient(135deg,#1d1d1d,#111);
	padding: 70px;
	border-radius: 35px;
	border: 1px solid rgba(212,175,55,.20);
	position: relative;
	overflow: hidden;
}

.cta-box::before {
	content: "";
	position: absolute;
	width: 350px;
	height: 350px;
	background: rgba(212,175,55,.08);
	border-radius: 50%;
	right: -120px;
	top: -120px;
}

.gold-text {
	color: var(--gold);
}

.btn-gold {
	font-weight: 700;
	border-radius: 50px;
	transition: .35s;
    background:linear-gradient( 135deg, var(--gold), #F5D76E );
    color:#111;
}

.btn-gold:hover {
    background:linear-gradient( 135deg, #F5D76E, var(--gold) );
	transform: translateY(-4px);
}

.btn-outline-light {
	border-radius: 50px;
}

.btn-outline-light:hover {
	transform: translateY(-4px);
}

.cta-box::after {
	content: "";
	position: absolute;
	left: -200px;
	top: -200px;
	width: 500px;
	height: 500px;
	background: radial-gradient(circle,
rgba(212,175,55,.18),
transparent 70%);
	animation: glowMove 8s ease-in-out infinite alternate;
}

@keyframes glowMove {

	from {
		transform: translate(-80px,-40px);
	}

	to {
		transform: translate(120px,80px);
	}
}





/*=====================================
FOOTER
======================================*/
.footer-signature {
	background: #111;
	padding: 40px 0;
}

.footer-signature .container {
	display: flex;
	align-items: center;
	gap: 25px;
}

.signature-line {
	flex: 1;
	height: 1px;
	background: linear-gradient(to right,transparent,var(--gold),transparent);
}

.footer-signature p {
	margin: 0;
	color: var(--gold);
	font-size: 18px;
	letter-spacing: 3px;
	text-transform: uppercase;
	white-space: nowrap;
}
/*------------------------*/
.footer-section {
	background: #0d0d0d;
	padding: 90px 0 35px;
	border-top: 1px solid rgba(212,175,55,.15);
}

.footer-logo img {
	transition: .4s;
}

.footer-logo img:hover {
	transform: scale(1.05);
}

.footer-about {
	color: #B8B8B8;
	line-height: 1.9;
}

.footer-section h5 {
	color: #fff;
	margin-bottom: 25px;
	font-weight: 700;
	position: relative;
}

.footer-section h5::after {
	content: "";
	display: block;
	width: 40px;
	height: 3px;
	background: var(--gold);
	margin-top: 10px;
	border-radius: 20px;
}

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

.footer-section ul li {
	margin-bottom: 14px;
}

.footer-section ul li a {
	text-decoration: none;
	color: #B8B8B8;
	transition: .3s;
}

.footer-section ul li a:hover {
	color: var(--gold);
	padding-left: 8px;
}

.footer-contact li {
	color: #B8B8B8;
	display: flex;
	align-items: flex-start;
	gap: 15px;
	margin-bottom: 18px;
}

.footer-contact i {
	color: var(--gold);
	margin-top: 4px;
	width: 18px;
}

.footer-social {
	display: flex;
	gap: 12px;
}

.footer-social a {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #1b1b1b;
	color: #fff;
	text-decoration: none;
	transition: .35s;
	border: 1px solid rgba(255,255,255,.06);
}

.footer-social a:hover {
	background: var(--gold);
	color: #111;
	transform: translateY(-5px);
}

.footer-divider {
	margin: 60px 0 30px;
	border-color: rgba(212,175,55,.15);
}

.copyright {
	margin: 0;
	color: #8f8f8f;
}

.footer-credit {
	margin: 0;
	color: var(--gold);
	font-weight: 600;
	letter-spacing: 1px;
}


/*-----------SERVICES----------------*/
.service-icon{
     width:85px;
     height:85px;
     margin:0 auto 25px;
     display:flex;
     align-items:center;
     justify-content:center;
     border-radius:50%;
     font-size:34px;
     background:rgba(212,175,55,.08);
     border:1px solid rgba(212,175,55,.35);
     color:var(--gold);
     transition:.35s;
}
 .card:hover .service-icon{
     transform:rotateY(180deg) scale(1.08);
     background:var(--gold);
     color:#111;
}
 .industry-icon{
     font-size:48px;
     color:var(--gold);
     transition:.35s;
}
 .card:hover .industry-icon{
     transform:scale(1.15) rotate(8deg);
}
 .platform-box{
     background:var(--card);
     border:1px solid var(--border);
     border-radius:20px;
     padding:35px 20px;
     text-align:center;
     transition:.35s;
     height:100%;
}
 .platform-box i{
     font-size:42px;
     color:var(--gold);
     margin-bottom:18px;
     transition:.35s;
}
 .platform-box h6{
     margin:0;
     font-weight:600;
     color:#fff;
}
 .platform-box:hover{
     transform:translateY(-10px);
     border-color:var(--gold);
     box-shadow:0 20px 45px rgba(212,175,55,.15);
}
 .platform-box:hover i{
     transform:scale(1.2);
}
 .cta-box{
     background:linear-gradient(135deg,#1d1d1d,#292929);
     border:1px solid rgba(212,175,55,.25)!important;
}
 

/*==============================
  Premium Lists
==============================*/

.list-unstyled{
    margin:0;
    padding:0;
}

.list-unstyled li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:18px;
    font-size:17px;
    line-height:1.8;
    color:var(--gray);
    transition:.3s;
}

.list-unstyled li:last-child{
    margin-bottom:0;
}

.list-unstyled li i{
    color:var(--gold);
    font-size:15px;
    margin-top:7px;
    min-width:18px;
}

.list-unstyled li:hover{
    color:var(--white);
    transform:translateX(6px);
}

.list-unstyled li:hover i{
    color:var(--gold);
}



/*=========================
CREATORS PAGE HERO
====================================================*/

.page-hero {
	position: relative;
	padding: 180px 0 110px;
	overflow: hidden;
	background: linear-gradient(rgba(10,10,10,.92),rgba(10,10,10,.95)),
url('../images/hero/hero-bg.jpg');
	background-size: cover;
	background-position: center;
	border-bottom: 1px solid rgba(212,175,55,.12);
}

.page-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at top right,rgba(212,175,55,.10),transparent 35%),
radial-gradient(circle at bottom left,rgba(30,64,175,.08),transparent 35%);
	pointer-events: none;
}

.page-hero-content {
	position: relative;
	z-index: 2;
	text-align: center;
	max-width: 900px;
	margin: auto;
}

.page-title {
	font-size: 68px;
	font-weight: 800;
	line-height: 1.1;
	margin-top: 25px;
	margin-bottom: 30px;
}

.page-text {
	font-size: 21px;
	line-height: 1.9;
	color: var(--gray);
	max-width: 760px;
	margin: auto;
}

.page-stats {
	display: flex;
	justify-content: center;
	gap: 70px;
	margin-top: 60px;
	flex-wrap: wrap;
}

.page-stats div {
	min-width: 150px;
}

.page-stats h3 {
	color: var(--gold);
	font-size: 44px;
	margin-bottom: 8px;
	font-weight: 800;
}

.page-stats span {
	color: var(--gray);
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

@media(max-width:991px) {

	.page-hero {
		padding: 150px 0 80px;
	}

	.page-title {
		font-size: 44px;
	}

	.page-text {
		font-size: 18px;
	}

	.page-stats {
		gap: 35px;
	}

	.page-stats h3 {
		font-size: 34px;
	}
}

/*=========================
Featured Creators
=========================*/

.creator-card {
	background: var(--card);
	border: 1px solid var(--border);
	border-radius: 24px;
	overflow: hidden;
	transition: .4s;
	height: 100%;
	position: relative;
}

.creator-card:hover {
	transform: translateY(-12px);
	border-color: var(--gold);
	box-shadow: 0 25px 60px rgba(212,175,55,.18);
}

.creator-img {
	position: relative;
	overflow: hidden;
}

.creator-img img {
	width: 100%;
	height: 360px;
	object-fit: cover;
	transition: .6s;
}

.creator-card:hover .creator-img img {
	transform: scale(1.08);
}

.creator-platform {
	position: absolute;
	top: 18px;
	left: 18px;
	width: 48px;
	height: 48px;
	background: rgba(13,13,13,.9);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: var(--gold);
}

.creator-verified {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 42px;
	height: 42px;
	background: var(--gold);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #111;
	font-size: 18px;
}

.creator-body {
	padding: 25px;
}

.creator-body h4 {
	margin-bottom: 6px;
}

.creator-category {
	color: var(--gray);
	margin-bottom: 25px;
}

.creator-stats {
	display: flex;
	justify-content: space-between;
	padding: 18px 0;
	border-top: 1px solid rgba(255,255,255,.08);
	border-bottom: 1px solid rgba(255,255,255,.08);
	margin-bottom: 20px;
}

.creator-stats h5 {
	color: var(--gold);
	margin-bottom: 3px;
	font-weight: 700;
}

.creator-stats small {
	color: var(--gray);
}

.creator-location {
	color: var(--gray);
	font-size: 15px;
}


/*=========================
Creator Directory
=========================*/

.creator-categories {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px;
}

.creator-filter-btn {
	background: #1b1b1b;
	border: 1px solid var(--border);
	color: var(--gray);
	padding: 12px 26px;
	border-radius: 50px;
	font-weight: 600;
	transition: .35s;
}

.creator-filter-btn:hover,
.creator-filter-btn.active {
	background: var(--gold);
	color: #111;
	border-color: var(--gold);
}

.creator-mini-card {
	background: var(--card);
	border: 1px solid var(--border);
	border-radius: 22px;
	overflow: hidden;
	transition: .35s;
	height: 100%;
}

.creator-mini-card:hover {
	transform: translateY(-8px);
	border-color: var(--gold);
	box-shadow: 0 20px 45px rgba(212,175,55,.15);
}

.creator-mini-img {
	position: relative;
	overflow: hidden;
}

.creator-mini-img img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	transition: .5s;
}

.creator-mini-card:hover img {
	transform: scale(1.08);
}

.mini-platform {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 42px;
	height: 42px;
	background: rgba(13,13,13,.9);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--gold);
	font-size: 18px;
}

.creator-mini-body {
	padding: 20px;
}

.creator-tag {
	display: inline-block;
	padding: 6px 14px;
	background: rgba(212,175,55,.12);
	color: var(--gold);
	border-radius: 30px;
	font-size: 13px;
	margin: 12px 0 18px;
}

.mini-followers {
	display: flex;
	justify-content: space-between;
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(255,255,255,.08);
}

.mini-followers h6 {
	color: var(--gold);
	font-weight: 700;
	margin-bottom: 2px;
}

.mini-followers small {
	color: var(--gray);
}

.creator-city {
	color: var(--gray);
	margin-bottom: 20px;
}

.creator-city i {
	color: var(--gold);
	margin-right: 8px;
}

/*=========================
Creator Categories
=========================*/

.category-card {
	background: linear-gradient(180deg,#232323,#181818);
	border: 1px solid var(--border);
	border-radius: 24px;
	padding: 35px 25px;
	text-align: center;
	transition: .35s;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.category-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 4px;
	background: var(--gold);
	transition: .4s;
}

.category-card:hover::before {
	left: 0;
}

.category-card:hover {
	transform: translateY(-10px);
	border-color: var(--gold);
	box-shadow: 0 20px 55px rgba(212,175,55,.18);
}

.category-icon {
	width: 85px;
	height: 85px;
	margin: auto;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(212,175,55,.08);
	border: 1px solid rgba(212,175,55,.25);
	font-size: 34px;
	color: var(--gold);
	margin-bottom: 25px;
	transition: .35s;
}

.category-card:hover .category-icon {
	transform: rotateY(180deg);
	background: var(--gold);
	color: #111;
}

.category-line {
	width: 55px;
	height: 3px;
	background: var(--gold);
	margin: 18px auto 25px;
	border-radius: 30px;
}

.category-stats {
	display: flex;
	justify-content: space-around;
}

.category-stats h5 {
	color: var(--gold);
	margin-bottom: 4px;
	font-weight: 700;
}

.category-stats small {
	color: var(--gray);
}

/*=========================
Brand Features
=========================*/

.brand-feature-card {
	background: var(--card);
	border: 1px solid var(--border);
	border-radius: 24px;
	padding: 40px 30px;
	text-align: center;
	height: 100%;
	transition: .35s;
	position: relative;
	overflow: hidden;
}

.brand-feature-card::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background: var(--gold);
	transform: scaleX(0);
	transform-origin: left;
	transition: .4s;
}

.brand-feature-card:hover::before {
	transform: scaleX(1);
}

.brand-feature-card:hover {
	transform: translateY(-10px);
	border-color: var(--gold);
	box-shadow: 0 20px 50px rgba(212,175,55,.18);
}

.feature-icon {
	width: 90px;
	height: 90px;
	margin: auto;
	margin-bottom: 25px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 34px;
	background: rgba(212,175,55,.08);
	border: 1px solid rgba(212,175,55,.25);
	color: var(--gold);
	transition: .35s;
}

.brand-feature-card:hover .feature-icon {
	background: var(--gold);
	color: #111;
	transform: rotateY(180deg);
}

.brand-feature-card h4 {
	margin-bottom: 18px;
}

.brand-feature-card p {
	margin: 0;
	color: var(--gray);
	line-height: 1.8;
}

/*=========================
Campaign Timeline
=========================*/

.campaign-timeline {
	max-width: 900px;
	margin: auto;
	position: relative;
}

.campaign-timeline::before {
	content: '';
	position: absolute;
	left: 39px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: rgba(212,175,55,.25);
}

.timeline-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 45px;
	position: relative;
}

.timeline-item:last-child {
	margin-bottom: 0;
}

.timeline-number {
	width: 80px;
	height: 80px;
	min-width: 80px;
	border-radius: 50%;
	background: linear-gradient(135deg,var(--gold),#f7d66f);
	color: #111;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	font-weight: 800;
	box-shadow: 0 15px 35px rgba(212,175,55,.25);
	position: relative;
	z-index: 2;
	transition: .35s;
}

.timeline-content {
	margin-left: 35px;
	background: var(--card);
	border: 1px solid var(--border);
	padding: 28px;
	border-radius: 20px;
	flex: 1;
	transition: .35s;
}

.timeline-content h4 {
	margin-bottom: 12px;
}

.timeline-content p {
	margin: 0;
	color: var(--gray);
	line-height: 1.8;
}

.timeline-item:hover .timeline-number {
	transform: scale(1.08);
}

.timeline-item:hover .timeline-content {
	border-color: var(--gold);
	transform: translateX(8px);
	box-shadow: 0 20px 50px rgba(212,175,55,.15);
}

@media(max-width:768px) {

	.campaign-timeline::before {
		left: 29px;
	}

	.timeline-number {
		width: 60px;
		height: 60px;
		min-width: 60px;
		font-size: 20px;
	}

	.timeline-content {
		margin-left: 20px;
		padding: 20px;
	}
}

/*=========================
Become Creator
=========================*/

.creator-form {
	background: var(--card);
	padding: 40px;
	border-radius: 25px;
	border: 1px solid var(--border);
	box-shadow: 0 20px 60px rgba(0,0,0,.25);
}

.creator-input {
	background: #1b1b1b;
	border: 1px solid var(--border);
	color: var(--white);
	height: 58px;
	border-radius: 14px;
}

.creator-input:focus {
	background: #1b1b1b;
	border-color: var(--gold);
	color: #fff;
	box-shadow: none;
}

textarea.creator-input {
	height: auto;
	padding-top: 18px;
	resize: none;
}

.creator-input::placeholder {
	color: #9f9f9f;
}

.section-tag {
	display: inline-block;
	padding: 8px 18px;
	background: rgba(212,175,55,.12);
	border: 1px solid rgba(212,175,55,.25);
	color: var(--gold);
	border-radius: 30px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 18px;
	text-transform: uppercase;
}

/*=========================
FINAL CTA
=========================*/

.cta-box {
	background: linear-gradient(135deg,#1c1c1e,#121212);
	border: 1px solid rgba(212,175,55,.15)!important;
	border-radius: 30px;
	overflow: hidden;
	position: relative;
}

.cta-box::before {
	content: "";
	position: absolute;
	width: 350px;
	height: 350px;
	background: radial-gradient(circle,rgba(212,175,55,.12),transparent 70%);
	top: -180px;
	right: -120px;
}

.cta-box::after {
	content: "";
	position: absolute;
	width: 250px;
	height: 250px;
	background: radial-gradient(circle,rgba(30,64,175,.10),transparent 70%);
	left: -100px;
	bottom: -120px;
}

/*====================================================
FINAL EMOTIONAL CTA
====================================================*/

.final-cta {
	padding: 140px 0 120px;
	position: relative;
	overflow: hidden;
	background: radial-gradient(circle at top left,rgba(212,175,55,.08),transparent 35%),
radial-gradient(circle at bottom right,rgba(30,64,175,.10),transparent 35%),
linear-gradient(180deg,#0f0f10,#090909);
}

.final-cta::before {
	content: "";
	position: absolute;
	width: 700px;
	height: 700px;
	background: radial-gradient(circle,rgba(212,175,55,.05),transparent 70%);
	top: -350px;
	left: -300px;
	pointer-events: none;
}

.final-cta::after {
	content: "";
	position: absolute;
	width: 500px;
	height: 500px;
	background: radial-gradient(circle,rgba(30,64,175,.06),transparent 70%);
	right: -180px;
	bottom: -180px;
	pointer-events: none;
}

.final-cta-content {
	max-width: 900px;
	margin: auto;
	text-align: center;
	position: relative;
	z-index: 2;
}

.cta-icon {
	width: 90px;
	height: 90px;
	margin: auto auto 35px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 34px;
	color: var(--gold);
	background: rgba(212,175,55,.08);
	border: 1px solid rgba(212,175,55,.25);
	box-shadow: 0 0 35px rgba(212,175,55,.12);
}

.final-cta h2 {
	font-size: 58px;
	font-weight: 800;
	line-height: 1.15;
	margin-bottom: 28px;
}

.final-cta p {
	max-width: 760px;
	margin: auto;
	font-size: 21px;
	line-height: 1.9;
	color: var(--gray);
}

@media(max-width:991px) {

	.final-cta {
		padding: 90px 0;
	}

	.final-cta h2 {
		font-size: 40px;
	}

	.final-cta p {
		font-size: 18px;
	}
}

.final-cta{
	border-bottom:1px solid rgba(212,175,55,.12);
}

.footer-signature{
	margin-top:-1px;
}

/*====================================================
PORTFOLIO FILTER
====================================================*/

.portfolio-filter {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px;
}

.portfolio-filter button {
	background: var(--card);
	border: 1px solid var(--border);
	color: var(--gray);
	padding: 14px 28px;
	border-radius: 40px;
	font-weight: 600;
	transition: .35s;
}

.portfolio-filter button:hover,
.portfolio-filter button.active {
	background: var(--gold);
	color: #111;
	border-color: var(--gold);
	transform: translateY(-4px);
	box-shadow: 0 12px 25px rgba(212,175,55,.25);
}

/*====================================================
CASE STUDIES
====================================================*/

.case-card {
	background: var(--card);
	border: 1px solid var(--border);
	border-radius: 25px;
	overflow: hidden;
	transition: .35s;
	height: 100%;
}

.case-card:hover {
	transform: translateY(-10px);
	border-color: var(--gold);
	box-shadow: 0 25px 60px rgba(212,175,55,.15);
}

.case-image {
	position: relative;
	overflow: hidden;
}

.case-image img {
	width: 100%;
	height: 340px;
	object-fit: cover;
	transition: .5s;
}

.case-card:hover .case-image img {
	transform: scale(1.08);
}

.case-category {
	position: absolute;
	top: 20px;
	left: 20px;
	background: var(--gold);
	color: #111;
	padding: 8px 18px;
	border-radius: 30px;
	font-size: 13px;
	font-weight: 700;
}

.case-content {
	padding: 30px;
}

.case-content h3 {
	margin-bottom: 18px;
}

.case-platforms {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 25px;
}

.case-platforms span {
	padding: 8px 16px;
	background: #1a1a1a;
	border-radius: 30px;
	border: 1px solid rgba(255,255,255,.05);
	font-size: 14px;
}

.case-platforms i {
	color: var(--gold);
	margin-right: 6px;
}

.case-content h4 {
	color: var(--gold);
	font-weight: 800;
	margin-bottom: 4px;
}

.case-content small {
	color: var(--gray);
}

/*====================================================
CAMPAIGN GALLERY
====================================================*/

.campaign-card {
	background: var(--card);
	border: 1px solid var(--border);
	border-radius: 22px;
	overflow: hidden;
	transition: .35s;
	height: 100%;
}

.campaign-card:hover {
	transform: translateY(-8px);
	border-color: var(--gold);
	box-shadow: 0 18px 45px rgba(212,175,55,.15);
}

.campaign-card img {
	width: 100%;
	height: 230px;
	object-fit: cover;
	transition: .4s;
}

.campaign-card:hover img {
	transform: scale(1.06);
}

.campaign-body {
	padding: 24px;
}

.campaign-body h5 {
	margin-bottom: 10px;
	font-weight: 700;
}

.campaign-body p {
	color: var(--gray);
	margin-bottom: 20px;
}

.campaign-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.campaign-footer span {
	color: var(--gold);
	font-weight: 700;
}

.campaign-footer a {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(212,175,55,.10);
	color: var(--gold);
	transition: .35s;
}

.campaign-footer a:hover {
	background: var(--gold);
	color: #111;
}

/*====================================================
TESTIMONIALS
====================================================*/

.testimonial-card {
	background: var(--card);
	border: 1px solid var(--border);
	border-radius: 22px;
	padding: 30px;
	height: 100%;
	transition: .35s;
}

.testimonial-card:hover {
	transform: translateY(-8px);
	border-color: var(--gold);
	box-shadow: 0 18px 45px rgba(212,175,55,.15);
}

.testimonial-header {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 25px;
}

.brand-logo {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #fff;
	padding: 8px;
	object-fit: contain;
}

.testimonial-header h5 {
	margin: 0;
}

.testimonial-header small {
	color: var(--gray);
}

.stars {
	color: var(--gold);
}

.testimonial-card p {
	color: var(--gray);
	line-height: 1.8;
}

.result-badge {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 18px;
	border-radius: 30px;
	background: rgba(212,175,55,.12);
	border: 1px solid rgba(212,175,55,.25);
	color: var(--gold);
	font-weight: 700;
	font-size: 14px;
}

/*====================================================
PORTFOLIO FINAL CTA
====================================================*/

.final-portfolio-cta {
	padding: 120px 0;
	background: radial-gradient(circle at top left,rgba(212,175,55,.08),transparent 35%),
radial-gradient(circle at bottom right,rgba(30,64,175,.08),transparent 35%),
linear-gradient(180deg,#0d0d0d,#090909);
}

.portfolio-cta-box {
	max-width: 950px;
	margin: auto;
	text-align: center;
	padding: 70px 50px;
	background: rgba(255,255,255,.02);
	border: 1px solid rgba(212,175,55,.15);
	border-radius: 30px;
	backdrop-filter: blur(10px);
}

.portfolio-mini-info {
	display: flex;
	justify-content: center;
	gap: 70px;
	flex-wrap: wrap;
}

.portfolio-mini-info h4 {
	color: var(--gold);
	font-size: 32px;
	font-weight: 800;
	margin-bottom: 6px;
}

.portfolio-mini-info span {
	color: var(--gray);
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

@media(max-width:991px) {

	.portfolio-cta-box {
		padding: 50px 25px;
	}

	.portfolio-mini-info {
		gap: 35px;
	}
}


/*==================================================== CONTACT INFO ====================================================*/
 .contact-info-card{
     background:var(--card);
     border:1px solid var(--border);
     border-radius:22px;
     padding:35px 25px;
     text-align:center;
     transition:.35s;
     height:100%;
}
 .contact-info-card:hover{
     transform:translateY(-8px);
     border-color:var(--gold);
     box-shadow:0 18px 45px rgba(212,175,55,.15);
}
 .contact-info-card h5{
     margin:25px 0 12px;
}
 .contact-info-card p{
     margin:0;
     color:var(--gray);
     line-height:1.8;
}


/*==================================================== CONTACT FORM ====================================================*/
 .contact-form-box{
     background:var(--card);
     border:1px solid var(--border);
     border-radius:25px;
     padding:40px;
}
 .custom-input{
     background:#1b1b1b;
     border:1px solid var(--border);
     color:#fff;
     padding:16px 20px;
     border-radius:14px;
}
 .custom-input:focus{
     background:#1b1b1b;
     color:#fff;
     border-color:var(--gold);
     box-shadow:0 0 0 .2rem rgba(212,175,55,.15);
}
 .custom-input::placeholder{
     color:#999;
}
 .contact-feature-item{
     display:flex;
     gap:18px;
     margin-bottom:28px;
     align-items:flex-start;
}
 .contact-feature-item i{
     font-size:22px;
     color:var(--gold);
     margin-top:4px;
}
 .contact-feature-item h6{
     margin-bottom:6px;
     font-weight:700;
}
 .contact-feature-item small{
     color:var(--gray);
}
 .form-select option{
     background:#1b1b1b;
     color:#fff;
}


/*==================================================== OFFICE ====================================================*/
 .office-card{
     background:var(--card);
     border:1px solid var(--border);
     border-radius:25px;
     padding:40px;
     height:100%;
}
 .office-list{
     margin:35px 0 0;
     padding:0;
     list-style:none;
}
 .office-list li{
     display:flex;
     gap:15px;
     margin-bottom:22px;
     color:var(--gray);
     line-height:1.8;
}
 .office-list i{
     color:var(--gold);
     font-size:18px;
     margin-top:5px;
     width:22px;
}
.map-box{
     height:520px;
     border-radius:25px;
     overflow:hidden;
     border:1px solid var(--border);
     box-shadow:0 20px 50px rgba(0,0,0,.25);
}
 .map-box iframe{
     width:100%;
     height:520px;
     border:0;
     display:block;
     filter:grayscale(100%) invert(92%) contrast(92%);
}
 @media(max-width:991px){
     .map-box, .map-box iframe{
         height:400px;
    }
}



/*====================================================
CONTACT FAQ
====================================================*/

.custom-accordion{
	max-width:900px;
	margin:auto;
}


/*==================================================== CONTACT FINAL CTA ====================================================*/
 .final-contact-cta{
     padding:120px 0;
     background: radial-gradient(circle at top right,rgba(212,175,55,.08),transparent 35%), linear-gradient(180deg,#0d0d0d,#090909);
}
 .contact-cta-box{
     max-width:900px;
     margin:auto;
     padding:70px 50px;
     text-align:center;
     background:rgba(255,255,255,.02);
     border:1px solid rgba(212,175,55,.15);
     border-radius:30px;
     backdrop-filter:blur(10px);
}
 @media(max-width:991px){
     .contact-cta-box{
         padding:50px 25px;
    }
}


/*==================================================== BLOG ====================================================*/
 .featured-blog{
     background:var(--card);
     border:1px solid var(--border);
     border-radius:28px;
     overflow:hidden;
     transition:.35s;
}
 .featured-blog:hover{
     border-color:var(--gold);
     box-shadow:0 25px 60px rgba(212,175,55,.15);
}
 .featured-blog-image{
     width:100%;
     height:100%;
     min-height:450px;
     object-fit:cover;
}
 .featured-blog-content{
     padding:55px;
}
 .blog-category{
     display:inline-block;
     padding:8px 18px;
     border-radius:30px;
     background:rgba(212,175,55,.12);
     border:1px solid rgba(212,175,55,.30);
     color:var(--gold);
     font-size:13px;
     font-weight:700;
     margin-bottom:20px;
}
 .featured-blog-content h2{
     font-size:42px;
     margin-bottom:25px;
}
 .featured-blog-content p{
     font-size:18px;
     color:var(--gray);
     line-height:1.9;
}
 .blog-meta{
     display:flex;
     flex-wrap:wrap;
     gap:25px;
     margin-top:30px;
     color:var(--gray);
}
 .blog-meta i{
     color:var(--gold);
     margin-right:8px;
}
 @media(max-width:991px){
     .featured-blog-content{
         padding:35px;
    }
     .featured-blog-content h2{
         font-size:32px;
    }
     .featured-blog-image{
         min-height:300px;
    }
}

/*==================================================== BLOG CARDS ====================================================*/
 .blog-card{
     background:var(--card);
     border:1px solid var(--border);
     border-radius:22px;
     overflow:hidden;
     transition:.35s;
     height:100%;
}
 .blog-card:hover{
     transform:translateY(-10px);
     border-color:var(--gold);
     box-shadow:0 20px 50px rgba(212,175,55,.15);
}
 .blog-image{
     position:relative;
     overflow:hidden;
}
 .blog-image img{
     width:100%;
     height:240px;
     object-fit:cover;
     transition:.4s;
}
 .blog-card:hover .blog-image img{
     transform:scale(1.08);
}
 .blog-tag{
     position:absolute;
     top:18px;
     left:18px;
     padding:8px 18px;
     background:var(--gold);
     color:#111;
     font-size:13px;
     font-weight:700;
     border-radius:30px;
}
 .blog-content{
     padding:28px;
}
 .blog-info{
     display:flex;
     justify-content:space-between;
     font-size:14px;
     color:var(--gray);
     margin-bottom:18px;
}
 .blog-info i{
     color:var(--gold);
     margin-right:6px;
}
 .blog-content h4{
     font-size:24px;
     line-height:1.4;
     margin-bottom:16px;
}
 .blog-content p{
     color:var(--gray);
     line-height:1.8;
     margin-bottom:22px;
}
 .read-more{
     color:var(--gold);
     font-weight:700;
}
 .read-more:hover{
     color:var(--gold);
}
 .read-more i{
     transition:.3s;
}
 .read-more:hover i{
     transform:translateX(6px);
}

/*==================================================== NEWSLETTER ====================================================*/
 .newsletter-section{
     padding:110px 0;
     background:linear-gradient(180deg,#0d0d0d,#111);
}
 .newsletter-box{
     background:var(--card);
     border:1px solid rgba(212,175,55,.15);
     border-radius:30px;
     padding:60px;
     overflow:hidden;
     position:relative;
}
 .newsletter-box::before{
     content:'';
     position:absolute;
     top:-120px;
     right:-120px;
     width:260px;
     height:260px;
     background:rgba(212,175,55,.06);
     border-radius:50%;
}
 .newsletter-form{
     background:#1b1b1b;
     padding:35px;
     border-radius:22px;
     border:1px solid rgba(255,255,255,.05);
}
 .newsletter-points{
     display:flex;
     flex-direction:column;
     gap:18px;
}
 .newsletter-points span{
     color:var(--gray);
}
 .newsletter-points i{
     color:var(--gold);
     margin-right:10px;
}
 @media(max-width:991px){
     .newsletter-box{
         padding:35px;
    }
     .newsletter-form{
         margin-top:40px;
    }
}


/*==================================================== BLOG CTA ====================================================*/
 .final-blog-cta{
     padding:120px 0;
     background: radial-gradient(circle at top left,rgba(212,175,55,.08),transparent 35%), linear-gradient(180deg,#101010,#090909);
}


/*==================================================== BLOG DETAILS ====================================================*/
 .article-hero{
     padding:180px 0 70px;
     background: radial-gradient(circle at top right,rgba(212,175,55,.10),transparent 35%), linear-gradient(180deg,#0d0d0d,#111);
     text-align:center;
}
 .article-title{
     font-size:60px;
     font-weight:800;
     line-height:1.2;
     margin:25px 0;
}
 .article-meta{
     display:flex;
     justify-content:center;
     flex-wrap:wrap;
     gap:30px;
     margin-bottom:35px;
     color:var(--gray);
}
 .article-meta i{
     color:var(--gold);
}
 .article-intro{
     font-size:21px;
     line-height:1.9;
     color:var(--gray);
     max-width:850px;
     margin:auto;
}
 .article-featured-image{
     width:100%;
     border-radius:28px;
     box-shadow:0 30px 70px rgba(0,0,0,.35);
}
 .article-content{
     font-size:18px;
     line-height:2;
     color:var(--gray);
}
 .article-content h2{
     font-size:36px;
     color:var(--white);
     margin:50px 0 20px;
}
 .article-content p{
     margin-bottom:25px;
}
 @media(max-width:991px){
     .article-title{
         font-size:42px;
    }
     .article-meta{
         gap:15px;
    }
     .article-intro{
         font-size:18px;
    }
}


/*==================================================== ARTICLE CONTENT ====================================================*/
 .article-quote{
     margin:60px 0;
     padding:45px;
     background:linear-gradient(135deg,rgba(212,175,55,.08),rgba(255,255,255,.02));
     border-left:5px solid var(--gold);
     border-radius:20px;
     text-align:center;
}
 .article-quote i{
     font-size:46px;
     color:var(--gold);
     margin-bottom:20px;
}
 .article-quote p{
     font-size:26px;
     font-style:italic;
     color:var(--white);
     line-height:1.7;
     margin-bottom:20px;
}
 .article-quote h6{
     color:var(--gold);
     letter-spacing:1px;
     margin:0;
}
 .article-image img{
     width:100%;
     border-radius:24px;
     box-shadow:0 20px 50px rgba(0,0,0,.30);
}
 .article-highlight{
     margin:50px 0;
     padding:35px;
     background:rgba(212,175,55,.08);
     border:1px solid rgba(212,175,55,.20);
     border-radius:20px;
}
 .article-highlight h4{
     margin-bottom:15px;
     color:var(--gold);
}
 .article-highlight p{
     margin:0;
}
 .article-list{
     list-style:none;
     padding:0;
     margin:40px 0;
}
 .article-list li{
     display:flex;
     align-items:flex-start;
     gap:15px;
     margin-bottom:18px;
     font-size:18px;
     line-height:1.8;
}
 .article-list i{
     color:var(--gold);
     margin-top:5px;
     flex-shrink:0;
}
 @media(max-width:991px){
     .article-quote{
         padding:30px;
    }
     .article-quote p{
         font-size:20px;
    }
}


/*==================================================== ARTICLE SHARE ====================================================*/
 .article-share{
     margin:70px 0 50px;
     padding-top:40px;
     border-top:1px solid var(--border);
     text-align:center;
}
 .share-icons{
     display:flex;
     justify-content:center;
     gap:18px;
     margin-top:25px;
}
 .share-icons a{
     width:55px;
     height:55px;
     display:flex;
     align-items:center;
     justify-content:center;
     border-radius:50%;
     background:var(--card);
     border:1px solid var(--border);
     color:var(--gold);
     font-size:20px;
     transition:.35s;
}
 .share-icons a:hover{
     background:var(--gold);
     color:#111;
     transform:translateY(-6px);
}
 .article-navigation{
     display:flex;
     justify-content:space-between;
     gap:30px;
     margin:60px 0;
     padding:35px 0;
     border-top:1px solid var(--border);
     border-bottom:1px solid var(--border);
}
 .article-navigation a{
     flex:1;
     color:#fff;
}
 .article-navigation small{
     color:var(--gold);
     display:block;
     margin-bottom:10px;
}
 .article-navigation h5{
     margin:0;
     transition:.3s;
}
 .article-navigation a:hover h5{
     color:var(--gold);
}
 @media(max-width:991px){
     .article-navigation{
         flex-direction:column;
    }
}