@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Poppins:wght@300;400;500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap');

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Poppins',sans-serif;
background:#120006;
overflow-x:hidden;
}

/* =========================
   PREMIUM NAVBAR
========================= */

.luxury-navbar{
position:fixed;
top:20px;
left:50%;
transform:translateX(-50%);
width:86%;
max-width:1450px;
z-index:9999;

background:rgba(25,0,15,.55);
backdrop-filter:blur(18px);

border:1px solid rgba(247,197,111,.15);

border-radius:80px;

padding:4px 0;

box-shadow:
0 8px 35px rgba(0,0,0,.35),
0 0 25px rgba(247,197,111,.08);

transition:.4s ease;
}

.luxury-navbar.scrolled{
top:10px;

background:rgba(20,0,10,.9);

box-shadow:
0 15px 40px rgba(0,0,0,.45);
}

.navbar-container{
width:94%;
margin:auto;

display:flex;
justify-content:space-between;
align-items:center;
}

/* =========================
   LOGO
========================= */

.logo img{
height:70px;
transition:.4s ease;

filter:
drop-shadow(0 0 10px rgba(247,197,111,.35));
}

.logo:hover img{
transform:scale(1.05);
}

/* =========================
   MENU
========================= */

.nav-links{
display:flex;
align-items:center;
gap:35px;
list-style:none;
}

.nav-links li a{
position:relative;

font-family:'Cinzel',serif;
font-size:15px;
font-weight:600;

text-decoration:none;

color:#fff;

letter-spacing:1px;

transition:.35s;
}

.nav-links li a:hover{
color:#f7c56f;
}

/* Luxury underline */

.nav-links li a::before{
content:'';

position:absolute;
left:50%;
bottom:-10px;

width:0;
height:2px;

transform:translateX(-50%);

background:
linear-gradient(
90deg,
transparent,
#f7c56f,
transparent
);

transition:.4s;
}

.nav-links li a:hover::before{
width:100%;
}

/* =========================
   BUTTON
========================= */

.enroll-btn{
position:relative;

padding:14px 32px;

border-radius:50px;

font-family:'Cinzel',serif;
font-weight:700;

text-decoration:none;

color:#350012;

background:
linear-gradient(
135deg,
#f7c56f,
#ffca78,
#ffe2a6
);

overflow:hidden;

box-shadow:
0 0 20px rgba(247,197,111,.35);

transition:.4s;
}

.enroll-btn:hover{
transform:translateY(-4px);

box-shadow:
0 12px 30px rgba(247,197,111,.45);
}

/* Shine animation */

.enroll-btn::before{
content:'';

position:absolute;

top:0;
left:-120%;

width:80px;
height:100%;

background:
rgba(255,255,255,.35);

transform:skewX(-25deg);

transition:.8s;
}

.enroll-btn:hover::before{
left:120%;
}

/* =========================
   HAMBURGER
========================= */

.hamburger{
display:none;
width:35px;
height:28px;
cursor:pointer;
position:relative;
z-index:10001;
}

.hamburger span{
position:absolute;

width:100%;
height:3px;

background:#f7c56f;

border-radius:50px;

transition:.4s;
}

.hamburger span:nth-child(1){
top:0;
}

.hamburger span:nth-child(2){
top:12px;
}

.hamburger span:nth-child(3){
top:24px;
}

.hamburger.active span:nth-child(1){
transform:rotate(45deg);
top:12px;
}

.hamburger.active span:nth-child(2){
opacity:0;
}

.hamburger.active span:nth-child(3){
transform:rotate(-45deg);
top:12px;
}

/* =========================
   MOBILE MENU
========================= */

@media(max-width:1100px){

.hamburger{
display:block;
}

.enroll-btn{
display:none;
}

.logo img{
height:60px;
}

.nav-links{
position:fixed;

top:0;
right:-100%;

width:320px;
max-width:85%;

height:100vh;

background:
linear-gradient(
180deg,
#22000f,
#120006
);

backdrop-filter:blur(25px);

flex-direction:column;
justify-content:center;
align-items:center;

gap:30px;

transition:.45s ease;

border-left:
1px solid rgba(247,197,111,.15);

box-shadow:
-10px 0 30px rgba(0,0,0,.35);
}

.nav-links.active{
right:0;
}

.nav-links li a{
font-size:20px;
}
}

/* =========================
   MOBILE
========================= */

@media(max-width:576px){

.luxury-navbar{
width:96%;
top:10px;
padding:12px 0;
}

.logo img{
height:50px;
}

.nav-links{
width:85%;
}

.nav-links li a{
font-size:18px;
}
}
/* navbar end */







/* ==========================
   HERO BANNER SLIDER
========================== */

.dma-hero-slider{
    position:relative;
    width:100%;
    height:80vh;
    overflow:hidden;
    margin-top:110px;
}

.dma-slide{
    position:absolute;
    inset:0;

    opacity:0;
    visibility:hidden;

    transition:none;
}

.dma-slide.active{
    opacity:1;
    visibility:visible;
}

.dma-slide img{
    width:100%;
    height:95%;
    object-fit:cover;

    transform:scale(1);
    transition:none;
}

.dma-slide.active img{
    transform:scale(1.1);
}

.dma-overlay{
    position:absolute;
    inset:0;

    /*background:*/
    /*linear-gradient(*/
    /*    rgba(0,0,0,.65),*/
    /*    rgba(0,0,0,.45)*/
    /*);*/
}

.dma-content{
    position:absolute;

    top:50%;
    left:8%;

    transform:translateY(-50%);

    z-index:5;

    max-width:700px;
}

.dma-content h1{
    color:#fff;
    font-size:70px;
    line-height:1.1;
    margin-bottom:20px;

    font-family:'Cinzel',serif;
}

.dma-content p{
    color:#fff;
    font-size:20px;
    margin-bottom:35px;
    line-height:1.8;
}

.dma-btn{
    display:inline-block;

    padding:16px 40px;

    border-radius:50px;

    text-decoration:none;

    color:#4d0015;

    font-weight:700;

    background:
    linear-gradient(
        135deg,
        #ffd27d,
        #c98d3c
    );

    transition:.4s;
}

.dma-btn:hover{
    transform:translateY(-5px);
}

.dma-dots{
    position:absolute;

    bottom:30px;
    left:50%;

    transform:translateX(-50%);

    display:flex;
    gap:10px;

    z-index:10;
}

.dma-dots span{
    width:12px;
    height:12px;

    border-radius:50%;

    background:#fff;

    opacity:.5;

    cursor:pointer;
}

.dma-dots span.active{
    background:#ffd27d;
    opacity:1;
}

/* Tablet */

@media(max-width:992px){

.dma-content h1{
    font-size:50px;
}

}

/* Mobile */

@media(max-width:768px){

.dma-hero-slider{
    height:28vh;
}

.dma-content{
    left:5%;
    right:5%;
}

.dma-content h1{
    font-size:34px;
}

.dma-content p{
    font-size:16px;
}

.dma-btn{
    padding:14px 28px;
}

}

/* Small Mobile */

@media(max-width:480px){

.dma-content h1{
    font-size:28px;
}

.dma-content p{
    font-size:14px;
}

}







/*new section start*/

.hero-banner{
    position:relative;
    overflow:hidden;
    min-height:100vh;

    background:
    radial-gradient(circle at top,
    #7d0032,
    #300010,
    #080808);

    display:flex;
    align-items:center;
}

.hero-container{
    width:90%;
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:1fr 550px;
    gap:50px;
    align-items:center;
}

.hero-content{
    z-index:2;
}

.hero-tag{
    display:inline-block;

    padding:10px 20px;

    background:
    rgba(255,255,255,.08);

    border:
    1px solid rgba(255,210,125,.2);

    border-radius:50px;

    color:#ffd27d;

    margin-bottom:25px;
}

.hero-content h1{

    font-size:40px;
    line-height:1.1;
    color:#fff;
    margin-bottom:25px;

    font-family:'Cinzel',serif;
}

.hero-content h1 span{
    color:#ffd27d;
}

.hero-content p{
    color:#f3e8e8;
    font-size:18px;
    line-height:1.8;
    max-width:650px;
}

.hero-features{
    margin-top:35px;

    display:flex;
    gap:25px;
    flex-wrap:wrap;
}

.hero-features div{

    padding:12px 18px;

    background:
    rgba(255,255,255,.05);

    border-radius:50px;

    color:#fff;
}

.hero-features i{
    color:#ffd27d;
    margin-right:8px;
}

.hero-buttons{
    margin-top:35px;
    display:flex;
    gap:20px;
}

.btn-primary{

    padding:15px 40px;

    background:
    linear-gradient(
    135deg,
    #ffd27d,
    #d89639);

    color:#4b0010;

    text-decoration:none;

    border-radius:50px;

    font-weight:700;

    transition:.4s;
}

.btn-primary:hover{
    transform:translateY(-5px);
}

.btn-outline{

    padding:15px 40px;

    border:1px solid #ffd27d;

    color:#ffd27d;

    text-decoration:none;

    border-radius:50px;

    transition:.4s;
}

.btn-outline:hover{

    background:#ffd27d;
    color:#4b0010;
}

.hero-image{
    position:relative;
}

.hero-image img{
    height:500px;
    width:90%;
    position:relative;
    z-index:2;
    border-radius:30%;
    animation:
    floatImage 4s ease-in-out infinite;
}

.image-glow{

    position:absolute;

    width:500px;
    height:500px;

    background:#ffd27d;

    opacity:.15;

    border-radius:50%;

    filter:blur(120px);

    top:50%;
    left:50%;

    transform:
    translate(-50%,-50%);
}

.hero-particles::before,
.hero-particles::after{

    content:'';

    position:absolute;

    border-radius:50%;
    filter:blur(80px);
}

.hero-particles::before{

    width:250px;
    height:250px;

    background:#ffd27d;

    opacity:.08;

    top:10%;
    left:-100px;

    animation:
    floatParticle1 10s infinite alternate;
}

.hero-particles::after{

    width:300px;
    height:300px;

    background:#ff7aa5;

    opacity:.08;

    bottom:-100px;
    right:-100px;

    animation:
    floatParticle2 12s infinite alternate;
}

@keyframes floatImage{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-15px);
    }
}

@keyframes floatParticle1{

    from{
        transform:translateY(0);
    }

    to{
        transform:translateY(120px);
    }
}

@keyframes floatParticle2{

    from{
        transform:translateY(0);
    }

    to{
        transform:translateY(-120px);
    }
}



/* =========================
   TABLET RESPONSIVE
========================= */
@media (max-width: 992px){

.hero-banner{
    min-height:auto;
    padding:80px 0;
}

.hero-container{
    grid-template-columns:1fr;
    gap:50px;
    text-align:center;
}

.hero-content{
    order:2;
}

.hero-image{
    order:1;
}

.hero-content h1{
    font-size:42px;
}

.hero-content p{
    max-width:100%;
}

.hero-features{
    justify-content:center;
}

.hero-buttons{
    justify-content:center;
}

.hero-image img{
    width:100%;
    max-width:450px;
    height:auto;
    margin:auto;
    display:block;
}

.image-glow{
    width:350px;
    height:350px;
}

}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px){

.hero-banner{
    padding:60px 0;
}

.hero-container{
    width:92%;
    gap:40px;
}

.hero-tag{
    font-size:13px;
    padding:8px 16px;
}

.hero-content h1{
    font-size:34px;
    line-height:1.2;
}

.hero-content p{
    font-size:16px;
    line-height:1.7;
}

.hero-features{
    gap:12px;
    justify-content:center;
}

.hero-features div{
    padding:10px 15px;
    font-size:14px;
}

.hero-buttons{
    flex-direction:column;
    align-items:center;
    gap:15px;
}

.btn-primary,
.btn-outline{
    width:100%;
    max-width:280px;
    text-align:center;
    padding:14px 20px;
}

.hero-image img{
    width:100%;
    max-width:380px;
    height:auto;
    border-radius:25%;
}

.image-glow{
    width:280px;
    height:280px;
    filter:blur(90px);
}

}

/* =========================
   SMALL MOBILE
========================= */
@media (max-width: 576px){

.hero-banner{
    padding:50px 0;
}

.hero-container{
    width:94%;
    gap:30px;
}

.hero-content h1{
    font-size:28px;
}

.hero-content p{
    font-size:15px;
}

.hero-features{
    flex-direction:column;
    align-items:center;
    gap:10px;
}

.hero-features div{
    width:100%;
    max-width:260px;
    text-align:center;
}

.hero-image img{
    max-width:300px;
    width:100%;
}

.image-glow{
    width:220px;
    height:220px;
}

}

/* =========================
   EXTRA SMALL DEVICES
========================= */
@media (max-width: 380px){

.hero-content h1{
    font-size:24px;
}

.hero-content p{
    font-size:14px;
}

.btn-primary,
.btn-outline{
    max-width:100%;
    font-size:14px;
}

.hero-image img{
    max-width:260px;
}

}

/*new section end*/




/* first section start */

.student-success{
    padding:100px 5%;
    background:
    linear-gradient(
    135deg,
    #080808,
    #1f0010,
    #450018);
    text-align:center;
    position:relative;
    overflow:hidden;
}

.student-success::before{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    background:#ffd27d;
    opacity:.08;
    border-radius:50%;
    filter:blur(120px);
    top:-200px;
    right:-100px;
}

.success-heading span{
    color:#d9b46c;
    letter-spacing:4px;
    font-size:13px;
}

.success-heading h2{
    color:#ffd27d;
    font-size:35px;
    margin:15px 0;
    font-family:'Cinzel',serif;
}

.success-heading p{
    max-width:700px;
    margin:auto;
    color:#f5e5e5;
    line-height:1.8;
}

.success-grid{
    margin-top:60px;
    display:grid;
    grid-template-columns:
    repeat(auto-fit,minmax(220px,1fr));
    gap:25px;
}

.success-card{
    padding:20px;
    border-radius:25px;

    background:
    rgba(255,255,255,.04);

    backdrop-filter:blur(15px);

    border: 2px double #ffd27d;

    transition:.4s;
}

.success-card:hover{
    transform:translateY(-10px);
    border-color:#ffd27d;
}

.success-card h3{
    font-size:55px;
    color:#ffd27d;
}

.success-card span{
    color:#fff;
}

.advantages{
    margin-top:70px;

    display:grid;
    grid-template-columns:
    repeat(auto-fit,minmax(250px,1fr));

    gap:25px;
}

.advantage{
    padding:30px;
}

.advantage i{
    font-size:45px;
    color:#ffd27d;
    margin-bottom:15px;
}

.advantage h4{
    color:#ffd27d;
    margin-bottom:10px;
}

.advantage p{
    color:#f5e5e5;
}

.enroll-box{
    margin-top:70px;
    padding:20px;

    border-radius:30px;

    background:
    linear-gradient(
    135deg,
    rgba(255,210,125,.15),
    rgba(255,255,255,.03));

    border:
    1px solid rgba(255,210,125,.2);
}

.enroll-box h3{
    color:#ffd27d;
    font-size:20px;
}

.enroll-box p{
    color:#fff;
    margin:15px 0 30px;
}

.enroll-btn{
    display:inline-block;
    padding:5px 15px;

    background:
    linear-gradient(
    135deg,
    #ffd27d,
    #d79a44);

    color:#4b0010;
    text-decoration:none;
    border-radius:50px;
    font-weight:700;
}


.success-card h3{

    font-size:40px;

    font-weight:700;

    background:
    linear-gradient(
    135deg,
    #ffd27d,
    #fff5d4,
    #d69a44);

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:
    0 0 20px rgba(255,210,125,.3);

    margin-bottom:10px;
}

.success-card{

    position:relative;
    overflow:hidden;
}

.success-card::before{

    content:'';

    position:absolute;

    top:-100%;
    left:-100%;

    width:200%;
    height:200%;

    background:
    linear-gradient(
    45deg,
    transparent,
    rgba(255,255,255,.08),
    transparent);

    transition:.8s;
}

.success-card:hover::before{

    top:100%;
    left:100%;
}

/* fist section end */


/* second section start */

.deepthi-features{
    padding:100px 5%;
    background:
    radial-gradient(circle at center,
    #000000,
    #300010,
    #120006);
    overflow:hidden;
}

.section-title{
    text-align:center;
    margin-bottom:70px;
}

.section-title span{
    color:#d9b46c;
    letter-spacing:4px;
    font-size:13px;
}

.section-title h2{
    color:#ffd27d;
    font-size:54px;
    font-family:'Cinzel',serif;
    margin:15px 0;
}

.divider{
    width:150px;
    height:3px;
    margin:auto;
    background:
    linear-gradient(to right,
    transparent,
    #ffd27d,
    transparent);
}

.feature-wrapper{
    display:grid;
    grid-template-columns:1fr 220px 1fr;
    align-items:center;
    gap:30px;
}

.feature-column{
    display:flex;
    flex-direction:column;
    gap:35px;
}

.feature-item{
    display:flex;
    align-items:center;
    gap:20px;
}

.feature-item.left{
    justify-content:flex-end;
    text-align:right;
}

.feature-item.right{
    justify-content:flex-start;
}

.circle{
    min-width:85px;
    width:85px;
    height:85px;
    border-radius:50%;
    background:
    linear-gradient(135deg,#ffd27d,#c98d3c);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#5a001f;
    font-size:30px;
    box-shadow:
    0 0 25px rgba(255,210,125,.4);
}

.content h3{
    color:#ffd27d;
    font-size:24px;
    margin-bottom:8px;
}

.content p{
    color:#f3e8e8;
    line-height:1.7;
    font-size:15px;
}

.center-logo{
    display:flex;
    justify-content:center;
}

.logo-circle{
    width:180px;
    height:180px;
    border-radius:50%;
    border:2px solid rgba(255,210,125,.4);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ffd27d;
    font-size:70px;
    background:
    rgba(255,255,255,.04);
    backdrop-filter:blur(12px);
    box-shadow:
    0 0 50px rgba(255,210,125,.2);
}

@media(max-width:991px){

    .feature-wrapper{
        grid-template-columns:1fr;
    }

    .center-logo{
        order:-1;
        margin-bottom:30px;
    }

    .feature-item.left,
    .feature-item.right{
        justify-content:center;
        text-align:center;
        flex-direction:column;
    }

    .section-title h2{
        font-size:36px;
    }

    .logo-circle{
        width:130px;
        height:130px;
        font-size:50px;
    }

    .circle{
        width:70px;
        height:70px;
        min-width:70px;
        font-size:24px;
    }

    .content h3{
        font-size:20px;
    }
}

/* second section end */


 /* third section start  */

.academy-centers{
    position:relative;
    overflow:hidden;
    padding:100px 6%;
    background:
    radial-gradient(circle at top,
    #7a002f,
    #350012,
    #120007);
}

.floating-glow{
    position:absolute;
    width:450px;
    height:450px;
    background:#ffcf6a;
    opacity:.08;
    filter:blur(120px);
    border-radius:50%;
    top:-150px;
    right:-100px;
}

.center-container{
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:450px 1fr;
    gap:60px;
    align-items:center;
}

.center-image{
    position:relative;
}

.center-image img{
    width:100%;
    border-radius:30px;

    object-fit:cover;

    box-shadow:
    0 25px 60px rgba(0,0,0,.4);

    transition:.5s;
}

.center-image:hover img{
    transform:scale(1.03);
}

.center-content h2{
    font-size:55px;
    color:#ffd27d;
    margin:15px 0;
    font-family:'Cinzel',serif;
}

.small-title{
    letter-spacing:4px;
    color:#d8b06c;
    font-size:13px;
}

.center-content p{
    max-width:700px;
    color:#f6e6e6;
    line-height:1.9;
    margin-bottom:40px;
}

.branches{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.branch-card{
    position:relative;

    background:
    rgba(255,255,255,.05);

    backdrop-filter:blur(12px);

    border:
    1px solid rgba(255,215,0,.15);

    border-radius:25px;

    padding:30px;

    transition:.4s;
}

.branch-card:hover{
    transform:
    translateY(-10px);

    box-shadow:
    0 15px 35px rgba(255,183,77,.15);

    border-color:#ffd27d;
}

.featured{
    border:2px solid #ffd27d;
}

.popular-tag{
    position:absolute;
    top:-12px;
    right:20px;

    background:#ffd27d;
    color:#4a0018;

    padding:6px 14px;

    border-radius:30px;

    font-size:12px;
    font-weight:600;
}

.branch-card h3{
    color:#ffd27d;
    margin-bottom:20px;
}

.branch-card ul{
    list-style:none;
    padding:0;
}

.branch-card li{
    margin:10px 0;
    color:#f2dede;
}

.branch-btn{
    display:inline-block;

    margin-top:20px;

    padding:12px 28px;

    background:
    linear-gradient(
    135deg,
    #ffd27d,
    #d89d4f);

    color:#4b0010;

    text-decoration:none;

    border-radius:40px;

    font-weight:600;

    transition:.3s;
}

.branch-btn:hover{
    transform:translateY(-3px);
}

@media(max-width:991px){

    .center-container{
        grid-template-columns:1fr;
        gap:40px;
    }

    .branches{
        grid-template-columns:1fr;
    }

    .center-content{
        text-align:center;
    }

    .center-content h2{
        font-size:36px;
    }

    .center-content p{
        margin:auto auto 30px;
    }
}


 /* third section end */



/* footer start */

.royal-footer{
    position:relative;
    overflow:hidden;
    background:radial-gradient(circle at top,#11080c,#350012,#140008);
    padding:35px 0 0;
    color:#fff;
    font-family:'Poppins',sans-serif;
}

.footer-glow{
    position:absolute;
    width:280px;
    height:280px;
    background:#ffcc66;
    opacity:.06;
    filter:blur(80px);
    border-radius:50%;
    top:-120px;
    left:50%;
    transform:translateX(-50%);
}

.footer-top{
    width:92%;
    max-width:1200px;
    margin:auto;
    text-align:center;
}

.brand-section img{
    width:90px;
    margin-bottom:10px;
    filter:
    drop-shadow(0 0 8px #ffb347)
    drop-shadow(0 0 15px #ff8c42);
}

.brand-section h2{
    font-family:'Cinzel',serif;
    font-size:24px;
    color:#ffd27d;
    margin-bottom:8px;
    line-height:1.2;
}

.brand-section p{
    max-width:650px;
    margin:auto;
    line-height:1.6;
    font-size:15px;
    color:#f7e8e8;
}

.footer-grid{
    margin-top:25px;
    display:grid;
    grid-template-columns:
    repeat(auto-fit,minmax(240px,1fr));
    gap:18px;
}

.footer-card{
    padding:18px;
    border-radius:14px;
    background:rgba(255,255,255,.04);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,215,0,.12);
    transition:.3s;
}

.footer-card:hover{
    transform:translateY(-5px);
    border-color:#ffd27d;
    box-shadow:0 6px 20px rgba(255,183,77,.15);
}

.footer-card span{
    display:block;
    margin-bottom:12px;
    font-family:'Cinzel',serif;
    color:#ffd27d;
    font-size:18px;
}

.footer-card a{
    display:block;
    color:#fff;
    text-decoration:none;
    margin:7px 0;
    font-size:14px;
    transition:.3s;
}

.footer-card a:hover{
    color:#ffd27d;
}

.footer-card p{
    margin:8px 0;
    color:#f5dede;
    font-size:14px;
    line-height:1.5;
}

.social-area{
    margin-top:20px;
    display:flex;
    justify-content:center;
    gap:10px;
}

.social-area a{
    width:40px;
    height:40px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#ffd27d;
    font-size:15px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,215,0,.15);
    transition:.3s;
}

.social-area a:hover{
    background:#ffd27d;
    color:#5c001f;
    transform:translateY(-4px);
    box-shadow:0 0 15px #ffd27d;
}

.copyright{
    margin-top:20px;
    padding:12px;
    text-align:center;
    border-top:1px solid rgba(255,215,0,.12);
    color:#e9cfcf;
    font-size:13px;
}

/* Mobile */

@media(max-width:768px){

    .royal-footer{
        padding-top:25px;
    }

    .brand-section img{
        width:70px;
    }

    .brand-section h2{
        font-size:20px;
    }

    .brand-section p{
        font-size:14px;
        line-height:1.5;
    }

    .footer-grid{
        margin-top:18px;
        gap:12px;
    }

    .footer-card{
        padding:15px;
    }

    .footer-card span{
        font-size:16px;
    }

    .footer-card a,
    .footer-card p{
        font-size:13px;
    }

    .social-area{
        margin-top:15px;
    }

    .social-area a{
        width:36px;
        height:36px;
        font-size:13px;
    }

    .copyright{
        font-size:12px;
        padding:10px;
    }
}

/*end*/


/* =========================
   FLOATING CALL BUTTON
========================= */

.dma-call-btn{
    position:fixed;
    bottom:30px;
    left:45px;

    width:50px;
    height:50px;

    border-radius:50%;

    background:
    linear-gradient(
    135deg,
    #ffd27d,
    #c98d3c
    );

    display:flex;
    align-items:center;
    justify-content:center;

    color:#4d0016;
    font-size:24px;

    text-decoration:none;

    z-index:99999;

    box-shadow:
    0 0 0 rgba(255,210,125,.5);

    animation:dmaPulseCall 2s infinite;
}

/* =========================
   FLOATING WHATSAPP BUTTON
========================= */

.dma-whatsapp-btn{
    position:fixed;
    bottom:30px;
    right:45px;

    width:50px;
    height:50px;

    border-radius:50%;

    background:#25D366;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    font-size:32px;

    text-decoration:none;

    z-index:99999;

    box-shadow:
    0 0 0 rgba(37,211,102,.5);

    animation:dmaPulseWhatsapp 2s infinite;
}

/* Hover Effects */

.dma-call-btn:hover,
.dma-whatsapp-btn:hover{
    transform:translateY(-5px) scale(1.05);
}

/* Pulse Animation */

@keyframes dmaPulseWhatsapp{

    0%{
        box-shadow:
        0 0 0 0 rgba(37,211,102,.6);
    }

    70%{
        box-shadow:
        0 0 0 18px rgba(37,211,102,0);
    }

    100%{
        box-shadow:
        0 0 0 0 rgba(37,211,102,0);
    }
}

@keyframes dmaPulseCall{

    0%{
        box-shadow:
        0 0 0 0 rgba(255,210,125,.6);
    }

    70%{
        box-shadow:
        0 0 0 18px rgba(255,210,125,0);
    }

    100%{
        box-shadow:
        0 0 0 0 rgba(255,210,125,0);
    }
}

/* Mobile */

@media(max-width:768px){

.dma-call-btn,
.dma-whatsapp-btn{
    width:45px;
    height:45px;
}

.dma-call-btn{
    left:30px;
    bottom:30px;
}

.dma-whatsapp-btn{
    right:30px;
    bottom:30px;
}
}