body {
    font-family: 'Poppins', sans-serif;
    background: #0b0b0b;
    color: #ffffff;
}

h1, h2, h3, h4 {
    font-family: 'Playfair Display', serif;
}

.section-padding {
    padding: 100px 0;
}

.main-header {
    background: rgba(0,0,0,0.7);
    padding: 10px 0;
}

.navbar-brand {
    font-size: 30px;
    font-weight: bold;
    color: #d4af37 !important;
}

.nav-link {
    color: #fff !important;
    margin-left: 15px;
}

.hero-section {
    height: 100vh;
    background: url('../images/hero/banner.jpg') center center/cover no-repeat;
    position: relative;
    display: flex;
    align-items: center;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
}

.hero-content {
    position: relative;
    z-index: 2;
}

.hero-content h1 {
    font-size: 60px;
    margin-bottom: 20px;
}

.btn-gold {
    background: #d4af37;
    color: #000;
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 600;
}

.service-card {
    background: #161616;
    padding: 40px;
    border-radius: 10px;
    transition: 0.3s;
}

.service-card:hover {
    transform: translateY(-10px);
}

.gallery-img {
    border-radius: 10px;
}

.cta-section {
    background: #d4af37;
    color: #000;
    padding: 80px 0;
}

.footer-section {
    background: #000;
    padding: 60px 0;
}
.main-navbar {
    background: rgba(0,0,0,0.75);
    backdrop-filter: blur(10px);
    padding: 12px 0;
    transition: 0.3s ease;
}

.logo {
    height: 65px;
}

/* =========================
   NAVBAR
========================= */

.main-navbar{
    background:#000;
    padding:15px 0;
    z-index:9999;
}

.logo{
    height:65px;
}

/* NAV LINKS */

.navbar-nav .nav-link{
    color:#fff !important;
    font-size:15px;
    font-weight:500;
    padding:15px 18px !important;
    transition:0.3s;
}

.navbar-nav .nav-link:hover{
    color:#d4af37 !important;
}

/* DROPDOWN */

.dropdown-menu{
    background:#111;
    border:none;
    border-radius:15px;
    padding:15px 0;
    min-width:240px;

    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
    transition:0.3s;
    display:block;

    position:absolute;
}

/* SHOW DROPDOWN ON HOVER */

.nav-item.dropdown:hover > .dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* DROPDOWN ITEMS */

.dropdown-item{
    color:#fff;
    padding:12px 25px;
    transition:0.3s;
}

.dropdown-item:hover{
    background:#d4af37;
    color:#000;
}

/* =========================
   MEGA MENU
========================= */
/* =========================
   MEGA MENU FIXED
========================= */

.mega-dropdown{
    position:static !important;
}

/* FULL WIDTH DROPDOWN */

.mega-menu{

    width:100vw !important;

    max-width:100vw !important;

    left:0 !important;

    right:0 !important;

    top:100%;

    padding:40px 60px !important;

    background:#111 !important;

    border:none !important;

    border-radius:0 0 20px 20px !important;

    position:absolute !important;

    display:none;

    margin-top:0;

    min-width:100% !important;
}

/* SHOW MENU */

.mega-dropdown:hover .mega-menu{
    display:block;
}

/* ROW FIX */

.mega-menu .row{
    display:flex !important;
    flex-wrap:nowrap !important;
}

/* COLUMN FIX */

.mega-menu .col-lg-3{

    width:25% !important;

    flex:0 0 25% !important;

    max-width:25% !important;

    padding:0 20px;
}

/* TITLE */

.mega-title{
    color:#d4af37;
    font-size:22px;
    margin-bottom:20px;
    font-weight:700;
}

/* LINKS */

.mega-list{
    list-style:none;
    padding:0;
    margin:0;
}

.mega-list li{
    margin-bottom:14px;
}

.mega-list li a{
    color:#fff;
    text-decoration:none;
    font-size:15px;
    transition:0.3s;
}

.mega-list li a:hover{
    color:#d4af37;
    padding-left:5px;
}

/* MOBILE */

@media(max-width:991px){

    .mega-menu{

        position:relative !important;

        width:100% !important;

        padding:20px !important;

    }

    .mega-menu .row{
        flex-wrap:wrap !important;
    }

    .mega-menu .col-lg-3{

        width:100% !important;

        max-width:100% !important;

        flex:0 0 100% !important;

        margin-bottom:30px;
    }
}
/* TITLE */

.mega-title{
    color:#d4af37;
    margin-bottom:20px;
    font-size:20px;
    font-weight:600;
}

/* LINKS */

.mega-list{
    list-style:none;
    padding:0;
    margin:0;
}

.mega-list li{
    margin-bottom:12px;
}

.mega-list li a{
    color:#fff;
    text-decoration:none;
    transition:0.3s;
    font-size:15px;
}

.mega-list li a:hover{
    color:#d4af37;
    padding-left:5px;
}

/* =========================
   MOBILE MENU
========================= */

@media(max-width:991px){

    .navbar-collapse{
        background:#000;
        padding:20px;
        margin-top:15px;
        border-radius:15px;
    }

    .dropdown-menu{
        opacity:1 !important;
        visibility:visible !important;
        transform:none !important;

        position:relative;
        width:100%;

        display:none;
        background:#161616;
        margin-top:10px;
    }

    .dropdown-menu.show{
        display:block;
    }

    .mega-menu{
        position:relative;
        width:100%;
        padding:20px;
    }

}
/* SMALLER MEGA MENU */

.small-mega-menu{
    padding:45px 60px !important;
}

.small-mega-menu .col-lg-4{
    width:33.33%;
    padding:0 25px;
}
/* =========================
   TOP HEADER
========================= */

.top-header{

    background:linear-gradient(90deg,#d4af37,#b8860b);

    padding:10px 0;

    font-size:14px;

    position:relative;

    z-index:99999;
}

/* CONTACT */

.top-contact{

    display:flex;

    align-items:center;

    gap:30px;

    flex-wrap:wrap;
}

.top-contact a{

    color:#fff;

    text-decoration:none;

    font-weight:500;

    transition:0.3s;
}

.top-contact a:hover{
    opacity:0.8;
}

/* ICONS */

.top-contact i{

    margin-right:8px;

    color:#fff;
}

/* SOCIAL */

.top-social{

    display:flex;

    justify-content:flex-end;

    gap:18px;
}

.top-social a{

    color:#fff;

    font-size:15px;

    transition:0.3s;
}

.top-social a:hover{

    transform:translateY(-2px);

    opacity:0.8;
}

/* =========================
   MOBILE
========================= */

@media(max-width:991px){

    .top-header{
        display:none;
    }

}
/* =========================
   NAVBAR LOGO
========================= */

.navbar-brand{

    padding:0;

    margin-right:40px;

    display:flex;

    align-items:center;
}

.navbar-brand img{

    height:80px;

    width:auto;

    object-fit:contain;

    transition:0.3s;
}

/* STICKY NAV SMALL LOGO */

.main-navbar.sticky .navbar-brand img{

    height:60px;
}

/* MOBILE */

@media(max-width:991px){

    .navbar-brand img{

        height:60px;
    }

}
/* REMOVE BLACK SPACE ABOVE TOP BAR */

body{
    margin:0;
    padding:0;
}

/* REMOVE EXTRA GAP */

.top-header{
    margin-top:0;
}

/* REMOVE WHITE/BLACK SPACE FROM NAVBAR */

.main-navbar{
    margin-top:0;
}

/* OPTIONAL */

html{
    margin:0;
    padding:0;
}
/* REMOVE GAP BETWEEN TOP BAR & NAVBAR */

.top-header{
    margin:0 !important;
    padding:10px 0 !important;
    line-height:normal;
}

/* REMOVE NAVBAR TOP SPACE */

.main-navbar{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* REMOVE EXTRA SPACE FROM NAVBAR CONTAINER */

.navbar{
    margin:0 !important;
}

/* REMOVE BODY GAP */

body,
html{
    margin:0 !important;
    padding:0 !important;
}

/* REMOVE GAP CAUSED BY BOOTSTRAP */

.container,
.container-fluid{
    padding-top:0 !important;
}

/* IMPORTANT FIX */

.top-header + .main-navbar{
    margin-top:-1px;
}
/* =========================
   NAVBAR BUTTONS
========================= */

.nav-buttons{

    margin-left:30px;

    gap:12px;
}

/* COMMON */

.call-btn,
.whatsapp-btn{

    width:45px;

    height:45px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    color:#fff;

    font-size:18px;

    transition:0.3s;
}

/* CALL */

.call-btn{

    background:#d4af37;
}

.call-btn:hover{

    background:#b8860b;

    transform:translateY(-3px);
}

/* WHATSAPP */

.whatsapp-btn{

    background:#25D366;
}

.whatsapp-btn:hover{

    background:#1ebe5d;

    transform:translateY(-3px);
}

/* MOBILE */

@media(max-width:991px){

    .nav-buttons{

        margin-top:20px;

        justify-content:center;
    }

}
```css
/* HERO BANNER TEXT */
.hero-content h1{
    color:#ffffff !important;
    font-size:72px;
    font-weight:700;
    line-height:1.2;
    text-shadow:0 3px 10px rgba(0,0,0,0.7);
}

.hero-content p{
    color:#ffffff !important;
    font-size:22px;
    font-weight:400;
    text-shadow:0 2px 8px rgba(0,0,0,0.7);
}

/* Optional dark overlay for better visibility */
.hero-section::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.55);
    z-index:1;
}

.hero-content{
    position:relative;
    z-index:2;
}
/* MAIN HERO HEADING */
.hero-content h1,
.hero-content .hero-title{
    color:#ffffff !important;
    font-size:72px;
    font-weight:700;
    line-height:1.2;
    text-shadow:0 3px 10px rgba(0,0,0,0.8);
}

/* HERO SUBTEXT */
.hero-content p,
.hero-content .hero-subtitle{
    color:#ffffff !important;
    font-size:22px;
    text-shadow:0 2px 8px rgba(0,0,0,0.7);
}
/* REMOVE DARK SHADOW/OVERLAY FROM HERO SECTION */

.hero-section::before{
    display:none !important;
    background:none !important;
}

/* REMOVE EXTRA SHADOW FROM HERO CONTENT */
.hero-content h1,
.hero-content p{
    text-shadow:none !important;
}

/* OPTIONAL - CLEAN HERO SECTION */
.hero-section{
    position:relative;
    background-size:cover;
    background-position:center;
}
/* FIX HERO TEXT OVERLAP WITH NAVBAR */

.hero-section{
    padding-top:140px !important;
    position:relative;
}

/* MOVE HERO CONTENT DOWN */
.hero-content{
    padding-top:80px;
    position:relative;
    z-index:2;
}

/* REMOVE SHADOW FROM TEXT */
.hero-content h1,
.hero-content p{
    text-shadow:none !important;
}

/* OPTIONAL */
.hero-content h1{
    margin-bottom:25px;
}
/* =========================
   PREMIUM ABOUT SECTION
========================= */

.premium-about{

    padding:120px 0;

    background:#f8f8f8;

    overflow:hidden;
}

/* IMAGES */

.about-images{

    position:relative;

    padding-right:80px;
}

.main-img{

    width:100%;

    border-radius:25px;

    object-fit:cover;

    box-shadow:0 20px 60px rgba(0,0,0,0.15);
}

/* SMALL IMAGE */

.small-img{

    position:absolute;

    width:260px;

    bottom:-40px;

    right:0;

    border-radius:20px;

    border:8px solid #fff;

    box-shadow:0 15px 40px rgba(0,0,0,0.2);
}

/* EXPERIENCE BOX */

.experience-box{

    position:absolute;

    top:40px;

    left:-20px;

    background:#d4af37;

    color:#fff;

    padding:30px;

    border-radius:20px;

    text-align:center;

    box-shadow:0 15px 40px rgba(0,0,0,0.2);
}

.experience-box h3{

    font-size:42px;

    margin-bottom:5px;

    font-weight:700;
}

.experience-box span{

    font-size:16px;

    font-weight:500;
}

/* CONTENT */

.about-content{

    padding-left:40px;
}

.about-subtitle{

    color:#d4af37;

    font-size:15px;

    font-weight:700;

    letter-spacing:3px;

    display:inline-block;

    margin-bottom:20px;
}

.about-content h2{

    font-size:54px;

    line-height:1.2;

    margin-bottom:25px;

    color:#111;

    font-weight:700;
}

.about-text{

    font-size:18px;

    color:#444;

    line-height:1.9;

    margin-bottom:20px;
}

.about-content p{

    color:#666;

    font-size:17px;

    line-height:1.9;
}

/* FEATURES */

.about-features{

    display:grid;

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

    gap:20px;

    margin-top:35px;
}

.feature-item{

    display:flex;

    align-items:center;

    gap:12px;

    font-size:16px;

    font-weight:600;

    color:#222;
}

.feature-item i{

    color:#d4af37;

    font-size:18px;
}

/* BUTTONS */

.about-buttons{

    display:flex;

    align-items:center;

    gap:20px;

    margin-top:40px;
}

/* THEME BUTTON */

.theme-btn{

    background:#d4af37;

    color:#fff;

    padding:15px 35px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:0.3s;
}

.theme-btn:hover{

    background:#000;

    color:#fff;
}

/* CALL BUTTON */

.call-now-btn{

    color:#111;

    text-decoration:none;

    font-weight:600;

    display:flex;

    align-items:center;

    gap:10px;
}

.call-now-btn i{

    width:45px;

    height:45px;

    background:#000;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

    .premium-about{

        padding:80px 0;
    }

    .about-content{

        padding-left:0;

        margin-top:80px;
    }

    .about-images{

        padding-right:0;
    }

    .small-img{

        width:180px;

        bottom:-20px;
    }

    .experience-box{

        left:10px;

        padding:20px;
    }

    .about-content h2{

        font-size:38px;
    }

    .about-features{

        grid-template-columns:1fr;
    }

    .about-buttons{

        flex-direction:column;

        align-items:flex-start;
    }

}
/* =========================
   SERVICES SECTION
========================= */

.services-section{

    padding:120px 0;

    background:#fff;
}

/* TITLE */

.section-title span{

    color:#d4af37;

    font-size:15px;

    font-weight:700;

    letter-spacing:3px;
}

.section-title h2{

    font-size:52px;

    margin:20px 0;

    font-weight:700;

    color:#111;
}

.section-title p{

    color:#666;

    font-size:18px;

    max-width:700px;

    margin:auto;

    line-height:1.8;
}

/* SLIDER */

.services-slider{

    margin-top:70px;

    padding-bottom:60px;
}

/* CARD */

.service-card{

    background:#fff;

    border-radius:25px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,0.08);

    transition:0.4s;
}

.service-card:hover{

    transform:translateY(-10px);
}

/* IMAGE */

.service-card img{

    width:100%;

    height:280px;

    object-fit:cover;
}

/* CONTENT */

.service-content{

    padding:35px;
}

/* ICON */

.service-icon{

    width:70px;

    height:70px;

    background:#d4af37;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-top:-70px;

    position:relative;

    z-index:2;

    box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

.service-icon i{

    color:#fff;

    font-size:28px;
}

/* TEXT */

.service-content h3{

    margin:25px 0 15px;

    font-size:28px;

    font-weight:700;

    color:#111;
}

.service-content p{

    color:#666;

    line-height:1.8;

    margin-bottom:25px;
}

/* BUTTON */

.service-content a{

    color:#d4af37;

    text-decoration:none;

    font-weight:600;

    transition:0.3s;
}

.service-content a:hover{

    color:#000;
}

/* SWIPER BUTTONS */

.swiper-button-next,
.swiper-button-prev{

    width:55px;

    height:55px;

    background:#000;

    border-radius:50%;

    color:#fff !important;
}

.swiper-button-next::after,
.swiper-button-prev::after{

    font-size:18px !important;

    font-weight:bold;
}

/* PAGINATION */

.swiper-pagination-bullet{

    width:12px;

    height:12px;

    background:#d4af37;
}

/* RESPONSIVE */

@media(max-width:991px){

    .section-title h2{

        font-size:38px;
    }

}
/* =========================
   SHOWREEL CTA SECTION
========================= */

.showreel-section{

    position:relative;

    width:100%;

    height:750px;

    overflow:hidden;

    display:flex;

    align-items:center;

    justify-content:center;
}

/* VIDEO */

.video-background{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    overflow:hidden;

    z-index:1;
}

.video-background iframe{

    position:absolute;

    top:50%;

    left:50%;

    width:100vw;

    height:56.25vw;

    min-height:100vh;

    min-width:177.77vh;

    transform:translate(-50%, -50%);
}

/* OVERLAY */

.video-overlay{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,0.65);

    z-index:2;
}

/* CONTENT */

.showreel-content{

    position:relative;

    z-index:3;

    text-align:center;

    max-width:900px;

    margin:auto;
}

.showreel-content span{

    color:#d4af37;

    font-size:16px;

    letter-spacing:4px;

    font-weight:700;

    display:block;

    margin-bottom:25px;
}

.showreel-content h2{

    color:#fff;

    font-size:72px;

    line-height:1.2;

    margin-bottom:25px;

    font-weight:700;
}

.showreel-content p{

    color:#eee;

    font-size:20px;

    line-height:1.9;

    margin-bottom:40px;
}

/* BUTTONS */

.showreel-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;
}

/* THEME BUTTON */

.theme-btn{

    background:#d4af37;

    color:#fff;

    padding:16px 38px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:0.3s;
}

.theme-btn:hover{

    background:#fff;

    color:#000;
}

/* VIDEO BUTTON */

.video-btn{

    display:flex;

    align-items:center;

    gap:12px;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:0.3s;
}

.video-btn i{

    width:65px;

    height:65px;

    background:#fff;

    color:#000;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;
}

.video-btn:hover{

    color:#d4af37;
}

/* RESPONSIVE */

@media(max-width:991px){

    .showreel-section{

        height:650px;
    }

    .showreel-content h2{

        font-size:42px;
    }

    .showreel-content p{

        font-size:18px;
    }

}
/* =========================
   CLIENTS SECTION
========================= */

.clients-section{

    padding:120px 0;

    background:#fff;

    position:relative;
}

/* TITLE */

.clients-title{

    max-width:800px;

    margin:0 auto 70px;
}

.clients-title span{

    color:#d4af37;

    font-size:15px;

    font-weight:700;

    letter-spacing:3px;

    display:block;

    margin-bottom:20px;
}

.clients-title h2{

    font-size:52px;

    color:#111;

    margin-bottom:20px;

    font-weight:700;
}

.clients-title p{

    font-size:18px;

    color:#666;

    line-height:1.9;
}

/* SLIDER */

.clients-slider{

    padding:20px 0;
}

/* LOGO BOX */

.client-logo{

    height:140px;

    background:#fff;

    border-radius:25px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:30px;

    border:1px solid rgba(0,0,0,0.06);

    transition:0.4s;

    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

/* IMAGE */

.client-logo img{

    max-width:100%;

    max-height:60px;

    object-fit:contain;

    filter:grayscale(100%);

    opacity:0.7;

    transition:0.4s;
}

/* HOVER */

.client-logo:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 50px rgba(0,0,0,0.12);

    border-color:#d4af37;
}

.client-logo:hover img{

    filter:grayscale(0);

    opacity:1;
}

/* RESPONSIVE */

@media(max-width:991px){

    .clients-title h2{

        font-size:38px;
    }

    .client-logo{

        height:120px;
    }

}
/* =========================
   COMPLETE PREMIUM FOOTER
========================= */

.premium-footer{

    background:#050505;

    padding-top:100px;

    position:relative;

    overflow:hidden;
}

/* LOGO */

.footer-logo{

    height:80px;

    margin-bottom:25px;
}

/* WIDGET */

.footer-widget{

    margin-bottom:50px;
}

.footer-widget h4{

    color:#fff;

    font-size:24px;

    margin-bottom:30px;

    font-weight:700;

    position:relative;
}

/* GOLD LINE */

.footer-widget h4::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-12px;

    width:45px;

    height:2px;

    background:#d4af37;
}

/* ABOUT TEXT */

.footer-about p{

    color:#bdbdbd;

    line-height:1.9;

    font-size:16px;
}

/* CONTACT */

.footer-contact{

    margin-top:25px;
}

.footer-contact p{

    color:#bdbdbd;

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-bottom:15px;

    line-height:1.8;
}

.footer-contact i{

    color:#d4af37;

    margin-top:5px;
}

/* LINKS */

.footer-widget ul{

    list-style:none;

    padding:0;

    margin:0;
}

.footer-widget ul li{

    margin-bottom:14px;
}

.footer-widget ul li a{

    color:#bdbdbd;

    text-decoration:none;

    transition:0.3s;

    font-size:15px;

    display:inline-block;
}

.footer-widget ul li a:hover{

    color:#d4af37;

    transform:translateX(5px);
}

/* SOCIAL */

.footer-social{

    display:flex;

    gap:15px;

    margin-top:25px;
}

.footer-social a{

    width:42px;

    height:42px;

    border-radius:50%;

    background:#111;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    transition:0.3s;
}

.footer-social a:hover{

    background:#d4af37;

    transform:translateY(-5px);
}

/* BUTTON */

.footer-btn{

    display:inline-block;

    margin-top:30px;

    background:#d4af37;

    color:#fff;

    padding:14px 32px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:0.3s;
}

.footer-btn:hover{

    background:#fff;

    color:#000;
}

/* BOTTOM BAR */

.footer-bottom{

    border-top:1px solid rgba(255,255,255,0.08);

    padding:25px 0;

    margin-top:20px;
}

/* FLEX */

.footer-bottom-wrap{

    display:flex;

    align-items:center;

    justify-content:space-between;

    flex-wrap:wrap;

    gap:20px;
}

/* COPYRIGHT */

.copyright-text p{

    color:#999;

    margin:0;

    font-size:15px;
}

/* BOTTOM LINKS */

.footer-bottom-links{

    display:flex;

    align-items:center;

    gap:25px;

    flex-wrap:wrap;
}

.footer-bottom-links a{

    color:#999;

    text-decoration:none;

    transition:0.3s;

    font-size:15px;
}

.footer-bottom-links a:hover{

    color:#d4af37;
}

/* RESPONSIVE */

@media(max-width:991px){

    .premium-footer{

        padding-top:70px;
    }

    .footer-bottom-wrap{

        flex-direction:column;

        text-align:center;
    }

}
/* =========================
   STICKY CONTACT BUTTONS
========================= */

.sticky-contact{

    position:fixed;

    right:25px;

    bottom:25px;

    z-index:99999;

    display:flex;

    flex-direction:column;

    gap:15px;
}

/* COMMON BUTTON STYLE */

.sticky-contact a{

    width:60px;

    height:60px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    color:#fff;

    font-size:24px;

    box-shadow:0 10px 25px rgba(0,0,0,0.2);

    transition:0.3s;

    animation:pulse 2s infinite;
}

/* CALL BUTTON */

.sticky-call{

    background:#d4af37;
}

/* WHATSAPP BUTTON */

.sticky-whatsapp{

    background:#25D366;
}

/* HOVER EFFECT */

.sticky-contact a:hover{

    transform:translateY(-5px) scale(1.08);

    color:#fff;
}

/* PULSE ANIMATION */

@keyframes pulse{

    0%{
        box-shadow:0 0 0 0 rgba(0,0,0,0.2);
    }

    70%{
        box-shadow:0 0 0 15px rgba(0,0,0,0);
    }

    100%{
        box-shadow:0 0 0 0 rgba(0,0,0,0);
    }

}

/* MOBILE */

@media(max-width:768px){

    .sticky-contact{

        right:15px;

        bottom:15px;
    }

    .sticky-contact a{

        width:55px;

        height:55px;

        font-size:22px;
    }

}
```
/* =========================
   MODERN COPYRIGHT BAR
========================= */

.modern-copyright{

    background:linear-gradient(
        90deg,
        #111 0%,
        #1b1b1b 50%,
        #111 100%
    );

    padding:18px 0;

    border-top:1px solid rgba(212,175,55,0.15);

    position:relative;

    overflow:hidden;
}

/* GOLD TOP LINE */

.modern-copyright::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:1px;

    background:linear-gradient(
        to right,
        transparent,
        #d4af37,
        transparent
    );
}

/* FLEX */

.copyright-wrap{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    flex-wrap:wrap;
}

/* TEXT */

.copyright-left p,
.copyright-right p{

    margin:0;

    color:#bdbdbd;

    font-size:14px;

    letter-spacing:0.3px;
}

/* HIGHLIGHT */

.copyright-left span{

    color:#d4af37;

    font-weight:700;
}

/* LINKS */

.copyright-center{

    display:flex;

    align-items:center;

    gap:14px;

    flex-wrap:wrap;
}

.copyright-center span{

    color:#555;
}

.copyright-center a{

    color:#d4af37;

    text-decoration:none;

    font-size:14px;

    transition:0.3s;
}

.copyright-center a:hover{

    color:#fff;
}

/* RIGHT LINK */

.copyright-right a{

    color:#d4af37;

    text-decoration:none;

    transition:0.3s;
}

.copyright-right a:hover{

    color:#fff;
}

/* RESPONSIVE */

@media(max-width:991px){

    .copyright-wrap{

        flex-direction:column;

        text-align:center;
    }

}