:root{

--gold:#D4AF37;
--gold2:#f5d56b;
--black:#090909;
--black2:#141414;
--white:#ffffff;
--gray:#b8b8b8;

}

*{

margin:0;
padding:0;
box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:Poppins,sans-serif;
background:var(--black);
color:white;
overflow-x:hidden;

}

a{

text-decoration:none;

}

img{

max-width:100%;

}

/* Scrollbar */

::-webkit-scrollbar{

width:10px;

}

::-webkit-scrollbar-thumb{

background:var(--gold);

}

/* Navbar */

.navbar{

padding:18px 0;
transition:.4s;
background:rgba(0,0,0,.25);
backdrop-filter:blur(15px);

}

.navbar.scrolled{

background:#000;

}

.navbar-brand img{

height:60px;

}

.nav-link{

color:white!important;
margin-left:18px;
font-weight:500;

}

.nav-link:hover{

color:var(--gold)!important;

}

.partner-btn{

background:var(--gold);
color:#000;
padding:12px 30px;
border-radius:40px;
font-weight:600;
margin-left:30px;

}

.partner-btn:hover{

background:white;
color:black;

}

/* Hero */

.hero{

min-height:100vh;

display:flex;

align-items:center;

background:
linear-gradient(rgba(0,0,0,.75),
rgba(0,0,0,.85)),
url("../images/background.jpg");

background-size:cover;

background-position:center;

padding-top:120px;

}

.hero h1{

font-size:64px;
font-weight:800;
line-height:1.2;

}

.hero h1 span{

color:var(--gold);

display:block;

}

.hero p{

margin:35px 0;
font-size:20px;
line-height:36px;
color:var(--gray);

}

.hero-buttons{

display:flex;
gap:20px;

}

.gold-btn{

background:var(--gold);

padding:16px 38px;

border-radius:50px;

font-weight:600;

color:black;

}

.gold-btn:hover{

background:white;

}

.outline-btn{

border:2px solid var(--gold);

padding:16px 38px;

border-radius:50px;

color:white;

}

.outline-btn:hover{

background:var(--gold);

color:black;

}

.hero-image{

width:90%;

animation:float 4s ease-in-out infinite;

}

/* Back to top */

#topBtn{

position:fixed;

right:30px;

bottom:30px;

width:55px;

height:55px;

border:none;

border-radius:50%;

background:var(--gold);

display:none;

cursor:pointer;

font-size:22px;

z-index:999;

}

/* Floating animation */

@keyframes float{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-15px);

}

100%{

transform:translateY(0);

}

}

/* Responsive */

@media(max-width:992px){

.hero{

text-align:center;

padding-top:150px;

}

.hero h1{

font-size:42px;

}

.hero-buttons{

justify-content:center;

flex-wrap:wrap;

}

.hero-image{

margin-top:50px;

width:100%;

}

.partner-btn{

margin-top:15px;

margin-left:0;

display:inline-block;

}

}

/* ===========================
Problems
=========================== */

.problems{

url("../images/background2.jpg");

padding:100px 0;

}

.section-title{

max-width:850px;

margin:auto;

}

.sub-title{

color:var(--gold);

font-weight:600;

letter-spacing:2px;

text-transform:uppercase;

}

.section-title h2{

font-size:48px;

font-weight:700;

margin:15px 0;

}

.section-title h2 span{

color:var(--gold);

}

.section-title p{

font-size:18px;

color:#bfbfbf;

line-height:34px;

}

.problem-card{

background:#181818;

padding:40px 30px;

border-radius:20px;

transition:.35s;

height:100%;

border:1px solid rgba(255,255,255,.05);

}

.problem-card:hover{

transform:translateY(-10px);

border-color:var(--gold);

box-shadow:0 20px 45px rgba(212,175,55,.2);

}

.problem-card .icon{

width:75px;

height:75px;

background:rgba(212,175,55,.12);

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:25px;

}

.problem-card i{

font-size:34px;

color:var(--gold);

}

.problem-card h4{

font-size:24px;

margin-bottom:15px;

font-weight:600;

}

.problem-card p{

color:#bcbcbc;

line-height:30px;

}

/* ===========================
ABOUT
=========================== */

.about-section{

padding:120px 0;

background:#090909;

}

.section-badge{

display:inline-block;

padding:10px 22px;

background:rgba(212,175,55,.12);

color:var(--gold);

border-radius:40px;

font-weight:600;

margin-bottom:25px;

}

.about-section h2{

font-size:52px;

font-weight:700;

line-height:1.2;

margin-bottom:25px;

}

.about-section h2 span{

display:block;

color:var(--gold);

}

.about-section p{

font-size:18px;

color:#bdbdbd;

line-height:34px;

margin-bottom:25px;

}

.about-image{

position:relative;

}

.about-image img{

border-radius:25px;

box-shadow:0 30px 70px rgba(0,0,0,.45);

}

.experience-box{

position:absolute;

bottom:30px;

right:-30px;

background:linear-gradient(135deg,#D4AF37,#f5d56b);

padding:25px;

border-radius:20px;

text-align:center;

color:#000;

width:200px;

}

.experience-box h2{

font-size:44px;

margin-bottom:5px;

font-weight:800;

}

.experience-box span{

font-size:16px;

font-weight:600;

}

.about-features{

margin-top:35px;

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

}

.feature-item{

display:flex;

align-items:center;

gap:15px;

padding:15px;

background:#151515;

border-radius:12px;

transition:.3s;

}

.feature-item:hover{

background:#1f1f1f;

transform:translateX(8px);

}

.feature-item i{

font-size:22px;

color:var(--gold);

}

.feature-item span{

font-weight:500;

}

.divider-section{

padding:60px 0;

background:#111;

}

.divider-card{

background:linear-gradient(135deg,#D4AF37,#f1d06b);

padding:60px;

border-radius:25px;

text-align:center;

color:#000;

}

.divider-card h2{

font-size:42px;

font-weight:700;

line-height:1.4;

margin:0;

}

/* =====================================
HOW IT WORKS
====================================== */

.how-it-works{

padding:120px 0;

background:#101010;

overflow:hidden;

}

.timeline{

display:flex;

justify-content:center;

align-items:flex-start;

margin-top:80px;

flex-wrap:wrap;

position:relative;

}

.step{

width:210px;

text-align:center;

position:relative;

z-index:2;

}

.step-number{

font-size:15px;

font-weight:700;

letter-spacing:2px;

color:var(--gold);

margin-bottom:15px;

}

.step-icon{

width:95px;

height:95px;

margin:auto;

border-radius:50%;

background:#181818;

border:2px solid rgba(212,175,55,.2);

display:flex;

align-items:center;

justify-content:center;

transition:.35s;

}

.step:hover .step-icon{

background:var(--gold);

transform:translateY(-10px);

}

.step:hover i{

color:#000;

}

.step-icon i{

font-size:40px;

color:var(--gold);

transition:.35s;

}

.step h4{

margin-top:30px;

font-size:24px;

font-weight:600;

}

.step p{

margin-top:15px;

font-size:15px;

line-height:28px;

color:#b8b8b8;

padding:0 10px;

}

.line{

width:90px;

height:2px;

background:linear-gradient(to right,var(--gold),transparent);

margin-top:48px;

}

@media(max-width:992px){

.timeline{

flex-direction:column;

align-items:center;

}

.line{

width:2px;

height:70px;

margin:15px 0;

background:linear-gradient(var(--gold),transparent);

}

.step{

width:100%;

max-width:320px;

}

}

.cta-banner{

background:#090909;

padding-bottom:120px;

}

.cta-box{

background:linear-gradient(135deg,#D4AF37,#f5d56b);

padding:55px;

border-radius:25px;

color:#000;

box-shadow:0 20px 60px rgba(212,175,55,.25);

}

.cta-box h2{

font-size:42px;

font-weight:700;

margin-bottom:10px;

}

.cta-box p{

font-size:20px;

font-weight:500;

margin:0;

}

/*==============================
COLLECTIONS
==============================*/

.collections{

padding:120px 0;

background:#080808;

}

.collection-card{

position:relative;

overflow:hidden;

border-radius:25px;

cursor:pointer;

}

.collection-card img{

width:100%;

height:520px;

object-fit:cover;

transition:.5s;

display:block;

}

.collection-card:hover img{

transform:scale(1.08);

}

.overlay{

position:absolute;

left:0;

right:0;

bottom:0;

padding:35px;

background:linear-gradient(transparent,rgba(0,0,0,.96));

transition:.4s;

}

.overlay h3{

font-size:28px;

font-weight:700;

margin-bottom:10px;

}

.overlay p{

color:#ddd;

margin-bottom:20px;

line-height:28px;

}

.overlay a{

color:var(--gold);

font-weight:600;

}

.overlay i{

margin-left:8px;

transition:.3s;

}

.collection-card:hover i{

margin-left:18px;

}

/*=============================
BENEFITS
=============================*/

.benefits-section{

padding:120px 0;

background:#111;

}

.benefit-card{

background:#181818;

padding:45px 35px;

border-radius:25px;

height:100%;

transition:.35s;

position:relative;

overflow:hidden;

border:1px solid rgba(255,255,255,.05);

}

.benefit-card:before{

content:"";

position:absolute;

left:-100%;

top:0;

width:100%;

height:100%;

background:linear-gradient(90deg,transparent,rgba(212,175,55,.15),transparent);

transition:.6s;

}

.benefit-card:hover:before{

left:100%;

}

.benefit-card:hover{

transform:translateY(-10px);

border-color:var(--gold);

box-shadow:0 25px 60px rgba(212,175,55,.2);

}

.benefit-icon{

width:80px;

height:80px;

background:rgba(212,175,55,.12);

border-radius:20px;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:30px;

}

.benefit-icon i{

font-size:38px;

color:var(--gold);

}

.benefit-card h4{

font-size:25px;

margin-bottom:15px;

font-weight:700;

}

.benefit-card p{

color:#bfbfbf;

line-height:30px;

margin:0;

}

/*=============================
COMPARISON
=============================*/

.comparison-section{

padding:100px 0;

background:#090909;

}

.comparison-table{

display:grid;

grid-template-columns:1fr 1fr;

gap:35px;

margin-top:60px;

}

.comparison-column{

padding:45px;

border-radius:25px;

}

.old{

background:#1b1b1b;

border-left:5px solid #ff5a5a;

}

.new{

background:linear-gradient(135deg,#D4AF37,#f5d56b);

color:#000;

}

.comparison-column h3{

font-size:34px;

margin-bottom:35px;

font-weight:700;

}

.comparison-column ul{

list-style:none;

padding:0;

margin:0;

}

.comparison-column li{

font-size:18px;

padding:18px 0;

display:flex;

align-items:center;

gap:15px;

border-bottom:1px solid rgba(255,255,255,.08);

}

.old i{

color:#ff5a5a;

font-size:22px;

}

.new i{

color:#000;

font-size:22px;

}

@media(max-width:992px){

.comparison-table{

grid-template-columns:1fr;

}

}

/*=============================
REVENUE CALCULATOR
=============================*/

.revenue-section{

padding:120px 0;

background:#111;

}

.calculator-card{

background:#181818;

padding:45px;

border-radius:25px;

box-shadow:0 20px 60px rgba(0,0,0,.25);

}

.calculator-card label{

display:block;

font-weight:600;

margin-bottom:12px;

margin-top:30px;

font-size:17px;

}

.calculator-card input[type=range]{

width:100%;

accent-color:#D4AF37;

}

.slider-value{

font-size:20px;

font-weight:700;

margin-top:10px;

color:var(--gold);

}

.calculator-card select{

height:55px;

border-radius:12px;

background:#222;

color:#fff;

border:1px solid rgba(255,255,255,.1);

}

.earning-card{

background:linear-gradient(135deg,#D4AF37,#f3d26b);

padding:45px;

border-radius:25px;

color:#000;

}

.earning-box{

padding:22px 0;

border-bottom:1px solid rgba(0,0,0,.15);

}

.earning-box:last-child{

border:none;

}

.earning-box small{

font-size:15px;

text-transform:uppercase;

letter-spacing:1px;

font-weight:600;

}

.earning-box h2{

font-size:42px;

font-weight:800;

margin-top:10px;

}

.earning-note{

margin-top:35px;

display:flex;

gap:15px;

align-items:flex-start;

font-size:17px;

font-weight:500;

}

.earning-note i{

font-size:24px;

}

.earning-highlight{

padding-bottom:120px;

background:#111;

}

.highlight-card{

background:#0f0f0f;

border:2px solid rgba(212,175,55,.2);

padding:60px;

border-radius:25px;

text-align:center;

}

.highlight-card h2{

font-size:42px;

font-weight:700;

margin-bottom:20px;

}

.highlight-card p{

font-size:20px;

color:#bbb;

max-width:750px;

margin:0 auto 35px;

line-height:34px;

}

/*==========================
PARTNERSHIP
===========================*/

.partner-models{

padding:120px 0;

background:#090909;

}

.plan-card{

background:#181818;

padding:45px;

border-radius:25px;

height:100%;

position:relative;

transition:.35s;

border:1px solid rgba(255,255,255,.06);

}

.plan-card:hover{

transform:translateY(-12px);

border-color:var(--gold);

box-shadow:0 25px 60px rgba(212,175,55,.18);

}

.plan-icon{

width:90px;

height:90px;

background:rgba(212,175,55,.12);

border-radius:25px;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:30px;

}

.plan-icon i{

font-size:42px;

color:var(--gold);

}

.plan-card h3{

font-size:30px;

font-weight:700;

margin-bottom:8px;

}

.subtitle{

color:#999;

margin-bottom:30px;

}

.plan-card ul{

list-style:none;

padding:0;

margin-bottom:35px;

}

.plan-card li{

padding:14px 0;

display:flex;

align-items:center;

gap:12px;

border-bottom:1px solid rgba(255,255,255,.06);

}

.plan-card li i{

color:var(--gold);

}

.featured{

background:linear-gradient(180deg,#232323,#111);

border:2px solid var(--gold);

transform:scale(1.05);

}

.featured:hover{

transform:scale(1.08);

}

.popular{

position:absolute;

top:-15px;

left:50%;

transform:translateX(-50%);

background:var(--gold);

color:#000;

padding:8px 22px;

border-radius:30px;

font-weight:700;

font-size:13px;

letter-spacing:1px;

}

/*=================================
TRUST
==================================*/

.trust-section{

padding:120px 0;

background:#111;

}

.trust-card{

background:#181818;

padding:45px;

text-align:center;

border-radius:25px;

height:100%;

transition:.35s;

}

.trust-card:hover{

transform:translateY(-12px);

box-shadow:0 25px 60px rgba(212,175,55,.18);

}

.trust-icon{

width:90px;

height:90px;

margin:auto;

margin-bottom:25px;

background:rgba(212,175,55,.12);

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

}

.trust-icon i{

font-size:42px;

color:var(--gold);

}

.trust-card h4{

margin-bottom:15px;

font-size:24px;

}

.trust-card p{

color:#bbb;

line-height:30px;

}

.process-card{

margin-top:70px;

background:#181818;

padding:40px;

border-radius:25px;

display:flex;

justify-content:space-around;

align-items:center;

flex-wrap:wrap;

}

.process-step{

text-align:center;

}

.process-step i{

font-size:42px;

color:var(--gold);

margin-bottom:15px;

display:block;

}

.arrow{

font-size:32px;

color:#555;

}

@media(max-width:992px){

.arrow{

display:none;

}

.process-step{

margin-bottom:25px;

}

}

/*=========================
Bride Journey
=========================*/

.journey-section{

padding:120px 0;

background:#0c0c0c;

overflow:hidden;

}

.journey{

margin-top:80px;

display:flex;

align-items:flex-start;

justify-content:center;

flex-wrap:wrap;

}

.journey-item{

width:200px;

text-align:center;

position:relative;

}

.journey-circle{

width:100px;

height:100px;

margin:auto;

background:linear-gradient(135deg,#D4AF37,#f5d56b);

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

box-shadow:0 20px 50px rgba(212,175,55,.25);

}

.journey-circle i{

font-size:42px;

color:#000;

}

.journey-item h4{

margin-top:25px;

font-size:22px;

font-weight:600;

}

.journey-item p{

margin-top:15px;

color:#bbb;

line-height:30px;

}

.journey-line{

width:90px;

height:3px;

background:linear-gradient(to right,#D4AF37,#444);

margin-top:48px;

}

@media(max-width:992px){

.journey{

flex-direction:column;

align-items:center;

}

.journey-line{

width:3px;

height:70px;

margin:15px 0;

}

}

.growth-section{

background:#111;

padding-bottom:120px;

}

.growth-card{

background:linear-gradient(135deg,#D4AF37,#f5d56b);

padding:60px;

border-radius:25px;

color:#000;

}

.growth-card h2{

font-size:42px;

font-weight:800;

}

.growth-card h5{

margin:20px 0;

font-weight:700;

}

.growth-card p{

line-height:30px;

}

/*==============================
Gallery
==============================*/

.gallery-section{

padding:120px 0;

background:#090909;

}

.gallery-filter{

display:flex;

justify-content:center;

gap:15px;

margin:60px 0;

flex-wrap:wrap;

}

.gallery-filter button{

background:#181818;

border:none;

padding:14px 28px;

border-radius:40px;

color:white;

transition:.3s;

}

.gallery-filter button:hover{

background:var(--gold);

color:black;

}

.gallery-filter .active{

background:var(--gold);

color:black;

}

.gallery-card{

position:relative;

overflow:hidden;

border-radius:20px;

}

.gallery-card img{

width:100%;

height:520px;

object-fit:cover;

transition:.6s;

}

.gallery-card:hover img{

transform:scale(1.08);

}

.gallery-overlay{

position:absolute;

left:0;

right:0;

bottom:0;

padding:35px;

background:linear-gradient(transparent,rgba(0,0,0,.95));

transform:translateY(100%);

transition:.4s;

}

.gallery-card:hover .gallery-overlay{

transform:translateY(0);

}

.gallery-overlay h4{

font-size:28px;

margin-bottom:15px;

}

.gallery-overlay a{

color:var(--gold);

font-weight:600;

}

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

.faq-section{

padding:120px 0;

background:#111;

}

.custom-accordion .accordion-item{

background:#181818;

border:none;

margin-bottom:20px;

border-radius:18px;

overflow:hidden;

}

.custom-accordion .accordion-button{

background:#181818;

color:#fff;

font-size:20px;

font-weight:600;

padding:25px;

box-shadow:none;

}

.custom-accordion .accordion-button:not(.collapsed){

background:linear-gradient(90deg,#D4AF37,#e9c95d);

color:#000;

}

.custom-accordion .accordion-button:focus{

box-shadow:none;

}

.custom-accordion .accordion-body{

background:#1f1f1f;

color:#cfcfcf;

font-size:17px;

line-height:30px;

padding:25px;

}

.accordion-button::after{

filter:invert(1);

}

.custom-accordion .accordion-button:not(.collapsed)::after{

filter:none;

}

.still-question{

padding-bottom:120px;

background:#111;

}

.question-box{

background:linear-gradient(135deg,#D4AF37,#f5d56b);

padding:70px;

border-radius:30px;

text-align:center;

color:#000;

}

.question-box i{

font-size:60px;

margin-bottom:20px;

}

.question-box h2{

font-size:42px;

font-weight:700;

margin-bottom:15px;

}

.question-box p{

font-size:20px;

max-width:700px;

margin:auto;

margin-bottom:35px;

line-height:34px;

}

/*=============================
Partner Form
=============================*/

.partner-form-section{

padding:140px 0;

background:#090909;

}

.partner-form-section h2{

font-size:52px;

font-weight:700;

margin:20px 0;

}

.partner-form-section h2 span{

display:block;

color:var(--gold);

}

.partner-form-section p{

font-size:18px;

line-height:34px;

color:#bbb;

margin-bottom:40px;

}

.partner-benefits{

display:flex;

flex-direction:column;

gap:22px;

}

.partner-benefits .benefit{

font-size:20px;

display:flex;

align-items:center;

gap:18px;

}

.partner-benefits i{

color:var(--gold);

font-size:24px;

}

.partner-form-card{

background:#181818;

padding:50px;

border-radius:30px;

box-shadow:0 30px 70px rgba(0,0,0,.35);

}

.partner-form-card h3{

margin-bottom:35px;

font-size:34px;

}

.partner-form-card .form-control,
.partner-form-card .form-select{

height:58px;

background:#252525;

border:none;

color:#fff;

border-radius:14px;

}

.partner-form-card textarea{

height:auto !important;

padding-top:18px;

}

.partner-form-card .form-control::placeholder{

color:#aaa;

}

.partner-form-card .form-control:focus,
.partner-form-card .form-select:focus{

background:#2d2d2d;

box-shadow:0 0 0 3px rgba(212,175,55,.2);

color:#fff;

}

.form-check-input:checked{

background-color:var(--gold);

border-color:var(--gold);

}

.form-check-label{

color:#bbb;

}

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

.final-cta{

padding:120px 0 80px;

background:#111;

}

.cta-wrapper{

padding:80px;

text-align:center;

border-radius:30px;

background:linear-gradient(135deg,#D4AF37,#f4d26b);

color:#000;

}

.cta-wrapper h2{

font-size:56px;

font-weight:800;

margin-bottom:20px;

}

.cta-wrapper p{

font-size:22px;

max-width:850px;

margin:auto;

line-height:38px;

margin-bottom:40px;

}

.cta-buttons{

display:flex;

justify-content:center;

gap:25px;

flex-wrap:wrap;

}

/*==============================
FOOTER
==============================*/

footer{

background:#080808;

padding:90px 0 30px;

}

.footer-logo{

height:65px;

margin-bottom:30px;

}

.footer-about{

color:#aaa;

line-height:34px;

}

footer h4{

margin-bottom:25px;

font-size:24px;

}

footer ul{

list-style:none;

padding:0;

}

footer li{

margin-bottom:14px;

}

footer a{

color:#bbb;

transition:.3s;

}

footer a:hover{

color:var(--gold);

padding-left:8px;

}

.social-icons{

display:flex;

gap:15px;

margin-top:30px;

}

.social-icons a{

width:50px;

height:50px;

background:#181818;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

font-size:22px;

}

.social-icons a:hover{

background:var(--gold);

color:#000;

}

.footer-contact p{

margin-bottom:18px;

display:flex;

gap:15px;

align-items:flex-start;

color:#bbb;

}

.footer-contact i{

color:var(--gold);

}

.newsletter{

display:flex;

margin-top:30px;

}

.newsletter input{

flex:1;

height:55px;

background:#1b1b1b;

border:none;

padding:0 20px;

color:white;

border-radius:12px 0 0 12px;

}

.newsletter button{

background:var(--gold);

border:none;

padding:0 28px;

border-radius:0 12px 12px 0;

font-weight:600;

}

.footer-bottom{

display:flex;

justify-content:space-between;

align-items:center;

flex-wrap:wrap;

padding-top:30px;

color:#888;

}

.footer-bottom a{

margin-left:25px;

}

/*==============================
FLOATING BUTTONS
==============================*/

.floating-whatsapp{

position:fixed;

right:25px;

bottom:30px;

width:60px;

height:60px;

background:#25D366;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

color:white;

z-index:999;

box-shadow:0 15px 35px rgba(0,0,0,.3);

}

.floating-call{

position:fixed;

right:25px;

bottom:105px;

width:60px;

height:60px;

background:var(--gold);

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

color:#000;

z-index:999;

box-shadow:0 15px 35px rgba(0,0,0,.3);

}

/*==============================
SCROLL PROGRESS
==============================*/

#progressBar{

position:fixed;

top:0;

left:0;

height:4px;

background:var(--gold);

width:0%;

z-index:9999;

}

/*==================================
TRUST BADGES
===================================*/

.trust-badges{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

    margin:70px 0;

}

.badge-item{

    background:#181818;

    border:1px solid rgba(212,175,55,.12);

    border-radius:18px;

    padding:30px;

    display:flex;

    align-items:flex-start;

    gap:18px;

    transition:.35s;

    cursor:pointer;

    position:relative;

    overflow:hidden;

}

.badge-item::before{

    content:"";

    position:absolute;

    left:-100%;

    top:0;

    width:100%;

    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(212,175,55,.08),
        transparent
    );

    transition:.8s;

}

.badge-item:hover::before{

    left:100%;

}

.badge-item:hover{

    transform:translateY(-8px);

    border-color:var(--gold);

    box-shadow:0 18px 40px rgba(212,175,55,.18);

}

.badge-icon{

    width:65px;

    height:65px;

    min-width:65px;

    border-radius:16px;

    background:rgba(212,175,55,.12);

    display:flex;

    justify-content:center;

    align-items:center;

}

.badge-icon i{

    color:var(--gold);

    font-size:30px;

}

.badge-item h5{

    font-size:20px;

    margin-bottom:8px;

    font-weight:600;

    color:#fff;

}

.badge-item p{

    margin:0;

    color:#bdbdbd;

    line-height:28px;

    font-size:15px;

}

/* Tablet */

@media(max-width:992px){

.trust-badges{

grid-template-columns:repeat(2,1fr);

}

}

/* Mobile */

@media(max-width:768px){

.trust-badges{

grid-template-columns:1fr;

}

.badge-item{

padding:25px;

}

}

section{

position:relative;

overflow:hidden;

}

.container{

max-width:1320px;

}

section::before{

content:"";

position:absolute;

top:0;

left:-100%;

width:100%;

height:1px;

background:linear-gradient(90deg,transparent,var(--gold),transparent);

transition:1.5s;

}

/* Back To Top */

#topBtn{

position:fixed;

right:25px;

bottom:175px;

width:58px;

height:58px;

border:none;

border-radius:50%;

background:var(--gold);

color:#000;

display:none;

z-index:999;

box-shadow:0 15px 35px rgba(0,0,0,.3);

transition:.3s;

}

#topBtn:hover{

transform:translateY(-5px);

}

.outline-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 36px;

border-radius:50px;

border:2px solid var(--gold);

color:white;

transition:.35s;

}

.outline-btn:hover{

background:var(--gold);

color:#000;

}

.gold-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 36px;

background:linear-gradient(135deg,#D4AF37,#f5d56b);

color:#000;

border-radius:50px;

font-weight:700;

transition:.35s;

}

.gold-btn:hover{

transform:translateY(-4px);

box-shadow:0 15px 40px rgba(212,175,55,.35);

color:#000;

}

section:hover::before{

left:100%;

}

.floating-call{

right:25px;

bottom:100px;

}

.floating-whatsapp{

right:25px;

bottom:25px;

}