*{

    margin:0;

    padding:0;

    box-sizing:border-box;

    scroll-behavior: smooth;

}

:root {

    --primary: #5a3e2b;

    --secondary: #8B5A2B;

    --accent: #d4af37;

    --light: #f9f5f0;

    --dark: #2c1d12;

}

body{

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    
    background: #000;

}

.container{

    width:100%;

    overflow:hidden;

}

/* NAVBAR */
#navbar {

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 1000;

    transition: all 1s ease;

}

/* NAV CLEAN */
.over-lay{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding: 18px 30px;

    background: linear-gradient( to right, #0B0B0A, #17130E, #17130E, #3A2A16);
    
    backdrop-filter: blur(10px);
    
    position: relative;

    transition: all 1s ease;
    
    z-index: 2000;
    
}

.logo-first-sec{
    
    width: 390px;
    
    height: 100px;
    
    background-size: cover;
    
    background-position: bottom;
    
    overflow: hidden;
    
}

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


/* NAV WRAPPER */
.main-nav{
    
    position: relative;
    
    z-index: 2000;
    
}

/* MAIN NAV */
.navigation{
    
    display: flex;
    
    gap: 40px;
    
    list-style: none;
    
}

/* NAV ITEMS */
.navigation > li{

    position: relative;

}

/* LINKS */
.navigation a{

    display: inline-block;

    padding: 10px 16px;

    border-radius: 30px;

    color: gold;

    text-decoration: none;

    background:#030303;
    
    transition: 0.3s ease;

}

.navigation a:hover{

    background: linear-gradient(135deg, purple, gold);
    
    color: white;

    box-shadow: 0 0 10px rgba(255,215,0,0.6);

}

.navigation li .this{

    display:flex;

    align-items:center;

    gap:10px;

}

.navigation li .this.active{

    background: linear-gradient(
        135deg,
        #3A2A16 0%,
        #17130E 45%,
        #0B0B0A 100%
    );

    bottom:none;

    border: 1px solid #D9A62E;

    box-shadow: 0 0 18px rgba(217, 166, 46, 0.45);

}

/* DROPDOWN BASE */
.dropdown{

    position: absolute;

    top: 120%;

    left: 0;

    min-width: 260px;



    background: white;

    list-style: none;

    border-radius: 12px;

    padding: 15px;



    display: grid;

    gap: 10px;



    opacity: 0;

    visibility: hidden;

    transform: translateY(10px);



    transition: 0.3s ease;

    z-index: 3000;
    
}

/* DROPDOWN LINKS */
.dropdown a{

    background: none;

    color: #333;

    padding: 6px 10px;

    border-radius: 8px;

}

.dropdown a:hover{

    background: #f0f0f0;

    color: purple;

}

/* SHOW DROPDOWN */
.has-dropdown:hover .dropdown{

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}

.has-dropdown-icon > span::after{

    content: " ▾";

    font-size: 12px;

}

.hamburger{

    display: none;

}

/* LOGO */
.logo-first-sec {

    display: flex;

    align-items: center;

    gap: 10px;

}

#navbar.scrolled .logo-first-sec{

    width: 300px;

    height: 100px;

    background-size: cover;

    background-position: center;

    overflow: hidden;

}

#navbar.scrolled .navigation a {

    padding: 6px 12px;

    font-size: 14px;
    
}

#navbar.scrolled .navigation li .this{

    flex-direction:column;

    gap:5px;

    justify-content:center;

}

/* ========================= */
/* 🔥 SCROLLED STATE */
/* ========================= */

#navbar.scrolled .header-con {

    display: none;

}

#navbar.scrolled .over-lay {

    padding: 10px 20px;

    border-radius: 50px;

    max-width: 900px;

    margin: 10px auto;

    background: rgba(7, 7, 8, 0.9);

    backdrop-filter: blur(12px);

    box-shadow: 0 8px 25px rgba(0,0,0,0.3);

}

.mobile-overlay{

    display: none;

}

.mobile-nav{

    display: none;

}



/* HERO FIX */
.imgSec{

    min-height:80vh;

    margin-top: 130px;

    background:url('../media/Alevel.jpg') center/cover no-repeat;
    
    position:relative;

    display:flex;

    align-items:center;

    overflow:hidden;

}



.imgSec::before{

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.85) 0%,
            rgba(0, 0, 0, 0.65) 45%,
            rgba(0, 0, 0, 0.30) 100%
        )
    ;

    z-index: 1;

}



.face{

    width:100%;

    box-sizing:border-box;

    padding:
        clamp(35px, 6vw, 60px)
        clamp(20px, 7vw, 90px)
    ;

    animation: fadeInUp 1s ease forwards;

    opacity: 0;

    position: relative;

    z-index: 2;

}

.face >p{

    font-size: 26px;

    display:flex;
    
    flex-direction:column;

    /* text-shadow: 1px 1px 5px gold; */

}

.face >p span:first-child{

    color:white;

}

.face >p span:last-child{

    color:#D9A62E;

}

@keyframes fadeInUp{

    from{

        opacity: 0;

        transform: translateY(40px);

    } to{

        opacity: 1;

        transform: translateY(0);

    }

}

.add{

    width:fit-content;

    max-width:100%;

    max-height:40px;

    margin-bottom:15px;

    box-sizing:border-box;

    padding-right:20px; 

    background: rgba(98, 98, 98, 0.3);

    backdrop-filter:blur(18px);

    border-radius:30px;

    display:flex;

    align-items:center;

    gap:15px;

}

.adds-badge{

    width: clamp(40px, 5vw, 50px);

    height: clamp(40px, 5vw, 50px);

    flex-shrink:0;

    background: rgb(59, 59, 59);
    
    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

}

.adds-badge i{

    color:gold;

    font-size:clamp(16px, 2vw, 20px);

}

.add p{

    margin:0;

    color:rgb(193, 175, 87);

    font-size:clamp(11px, 1.5vw, 16px);

    white-space:nowrap;

}

.face h1{

    margin:0;
    
    color: white;

    font-size:clamp(42px, 7vw, 90px);

    font-family:normal;

    letter-spacing:clamp(0px, 0.15vh, 2px);

    line-height:0.95;



    display:flex;

    flex-direction:column;

    width:fit-content;

    max-width:100%;

}

@keyframes glowText{

    from{

        text-shadow: 0 0 10px gold;

    } to{

        text-shadow: 0 0 25px gold, 0 0 40px purple;
    
    }
}

.face h1::after{

    content:"";

    height:2px;

    width:45px;

    margin-top:15px;

    background:gold;

}

.slider{

    color:#D9A62E;

    animation: slide 3s linear infinite, glowText 3s ease-in-out infinite alternate;

}

@keyframes slide {

    0% {

        opacity: 0;

        transform: translateY(20px);

    } 25% {

        opacity: 1;

        transform: translateY(-8px);

    } 40% {

        transform: translateY(4px);

    } 50% {

        transform: translateY(0);

        opacity: 1;

    } 75% {

        transform: translateY(-6px);

        opacity: 0.6;

    } 100% {

        opacity: 0;

        transform: translateY(20px);

    }

}

.face > p{

    margin-top:20px;

    font-size:clamp(17px, 2.2vw, 26px);

    line-height:1.3;

    display:flex;

    flex-direction:column;

    max-width:650px;

}

.face > p span:first-child{

    color:white;

}

.face > p span:last-child{

    color:#D9A62E;

}

.paragraph{

    width:min(100%, 650px);

    box-sizing:border-box;

    backdrop-filter: blur(10px);

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

    padding:
        clamp(15px, 2vw, 20px)
        clamp(15px, 3vw, 40px)
        clamp(15px, 2vw, 20px)
        clamp(15px, 2vw, 20px)
    ;

    border-radius: 15px;

    display:flex;

    gap:clamp(10px, 2vw, 20px);

}

.paragraphICN{

    width:clamp(45px, 6vw, 60px);

    height:clamp(45px, 6vw, 60px);

    flex-shrink:0;

    border-radius:50%;

    backdrop-filter: blur(10px);

    background: rgba(39, 38, 38, 0.3);

    box-shadow: 0px 0px 10px rgba(217, 166, 46, 0.45);

    display:flex;

    justify-content:center;

    align-items:center;
    
}

.paragraphICN i{

    color:gold;

    font-size:clamp(15px, 2vw, 20px);

}

.paragraphTXT_wrap{

    width:auto;

    flex:1;

    min-width:0;

}

.paragraph p{

    font-size:clamp(12px, 1.5vw, 22px);

    line-height:1.45;

    font-weight: 600;

    color: white;

    text-shadow: 2px 2px 8px gold;

}

.face a{

    width:fit-content;

    max-width:100%;

    margin-top:30px;

    box-sizing:border-box;

    text-decoration:none;

    padding:
        clamp(9px, 1.5vw, 12px)
        clamp(14px, 2vw, 20px);

    border-radius: 30px;

    background: linear-gradient(
        135deg,
        #3A2A16 0%,
        #17130E 45%,
        #0B0B0A 100%
    );

    border: 1px solid #D9A62E;

    box-shadow: 0 0 18px rgba(217, 166, 46, 0.45);



    color:gold;

    font-size:clamp(12px, 1.5vw, 16px);

    display:flex;

    align-items:center;

    gap:8px;

}



.pg2, .pg4, .focus1{

    padding: 100px 40px;

}


/* SECTION FIX */
.pg2{

    padding:40px 20px;

    height:auto;

    position: relative;
    
    overflow: hidden;

    background:url(../media/services-sub-pages-af-hero-bg.jpg);

    background-repeat:no-repeat;

    background-position:center;

    background-size:cover;
    
}

.pg2 h2{

    width:fit-content;

    padding-bottom:10px;

    color:white;

    font-size:50px;

    font-family:normal;

    text-wrap:balance;

    position:relative;

}

.pg2 h2 span{

    color:#D9A62E;

}

.pg2 h2::after{

    content:"";

    width:45px;

    height:4px;

    background:gold;

    position:absolute;

    left:0;

    bottom:0;

}

.pg2 > p:nth-child(2){

    margin:20px 0px;

    color:#D9A62E;

}

.AnimationBox{

    margin-top:30px;

    display: flex;

    flex-wrap:wrap;

    gap:20px;

    background:linear-gradient(to right, #160e00, #1f1600, #150f00);

    backdrop-filter:blur(18px);

    padding: 40px;

    border:0.20px solid #D9A62E;

    border-radius: 20px;

    box-shadow: 0 20px 40px rgba(0,0,0,0.1);

}

.firstP{

    max-width:500px;

    margin:0 auto;

}

.firstP{

    padding: 30px;

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

    backdrop-filter:blur(20px);

    border-radius: 20px;

    box-shadow: 0 10px 40px rgba(0,0,0,0.15);

    transition: transform 0.3s ease;

    color:white;

}

.firstP:hover{

    transform: translateY(-10px);

}

/* INFO IMAGES */
.infoBox{

    margin-top: 100px;

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:20px;

}

.infoBox img{

    width:100%;

    max-width:300px;

    height:auto;

}

.infoBox div{

    transition: 
        transform 0.4s ease, 
        box-shadow 0.4s ease,
        background 0.4s ease
    ;

    border-radius: 20px;

    overflow: hidden;

}

.infoBox div:hover{

    transform: translateY(-15px) scale(1.03);

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

    backdrop-filter:blur(20px);

    border:0.1px solid #8e6300;

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

}

/* BOOK SECTION FIX */
.focus1{

    background:
    linear-gradient(
        180deg,
        rgba(5, 5, 4, 0.95) 0%,
        rgba(10, 9, 7, 0.75) 35%,
        rgba(12, 10, 7, 0.55) 65%,
        rgba(4, 4, 3, 0.95) 100%
    ),
    url(../media/services-sub-pages-focus-sec-bg-img.jpg) center / cover no-repeat;

    background-repeat:no-repeat;

    background-position:center;

    background-size:cover;
    
    text-align: center;

    padding: 100px 40px;

    position:relative;

}

.focus1 h2{

    color: gold;

    font-size: 40px;

}

.focus-grid{

    margin-top: 60px;

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    
    gap: 30px;

}

.focus-card{

    background: rgba(255,255,255,0.05);

    padding: 40px 20px;

    border-radius: 20px;

    backdrop-filter: blur(10px);

    color: white;

    transition: 0.3s ease;

}

.focus-card:hover{

    transform: translateY(-10px) scale(1.03);

    box-shadow: 0 20px 40px rgba(0,0,0,0.3);

}

.focus-card i{

    font-size: 40px;

    color: gold;

    margin-bottom: 20px;

}

.focus-card h3{

    padding-bottom:15px;

    position:relative;

}

.focus-card h3::after{

    content:"";

    width:45px;

    height:4px;

    background:gold;

    position:absolute;

    left:40%;

    bottom:0;

}

.focus-card p{

    margin-top:20px;

}

/* FINAL SECTION */
.pg4{
    
    padding:40px 20px;

    height:auto;

}

.section p{

    font-size:clamp(18px,4vw,28px);

}


.pg4{

    width:100%;
}

.pg4 > h2{

    margin-bottom:30px;

    padding-bottom:15px;

    font-size:50px;

    color:white;

    font-family:normal;

    position:relative;

}

.pg4 > h2 span:last-child{

    color:#D9A62E;

}

.pg4 h2::after{

    content:"";

    width:45px;

    height:4px;

    background:gold;

    position:absolute;

    bottom:0;

    left:0;

}

.section{

    max-width: 900px;

    margin: auto;

    padding: 40px;

    border-radius: 20px;

    background:linear-gradient(to right, #160e00, #1f1600, #150f00);

    backdrop-filter:blur(18px);

    border:0.20px solid #D9A62E;

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

}

.section h3{

    color: #D9A62E;

    margin-bottom: 20px;

}

.section p{

    font-size: 20px;

    line-height: 1.7;

    color: #fff;

}

/* FOOTER FIX */
footer{

    background: linear-gradient(to bottom, #392800, #1c1300, #130e00);

    border-top:
        2px solid #D9A62E;

}

.footer{

    width:100%;

    padding: 60px 40px;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;
}

.footer_logo_sec{

    display:flex;

    flex-direction:column;

    align-items:center;

}

.footer-logo{

    width: 390px;

    height: 150px;

    background-size: cover;

    background-position: bottom;

    overflow: hidden;

}

.footer-logo img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}

.footer img{

    filter: brightness(1.2);

}

.footer_motto_declaration{

    width:300px;

    margin:30px 0px;

    color:rgb(220, 213, 213);

}

.txt{

    width:100%;

}

.txt h2{

    padding-bottom:10px;

    color:#D9A62E;

    font-family:normal;

    margin-bottom:20px;

    position:relative;

}

.txt h2::after{

    content:"";

    width:45px;

    height:2px;

    background:gold;

    position:absolute;

    left:0;

    bottom:0;

}


.txt p{

    margin-bottom:20px;

    display:flex;

    align-items:center;

    gap:8px;

}

.txt p,
.txt p a{

    color:white;

    text-decoration:none;
}

.txt p > span{

    width:40px;

    height:40px;

    background:rgb(0, 0, 0);

    backdrop-filter:blur(18px);

    border:0.20px solid #D9A62E;

    box-shadow:0px 0px 6px #D9A62E;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#D9A62E;

}

.txt > p:nth-child(4) span:last-child{

    width:290px;

    height:fit-content;

    background:none;

    border:none;

    border-radius:0px;

    box-shadow:none;

    color:white;

}

.right_sec h2{

    padding-bottom:10px;

    color:#D9A62E;

    font-family:normal;

    margin-bottom:20px;

    position:relative;

}

.right_sec h2::after{

    content:"";

    width:45px;

    height:2px;

    background:gold;

    position:absolute;

    left:0;

    bottom:0;

}

.follow_us_links{

    display:flex;

    gap:20px;

    font-size:30px;

}

.follow_us_links a{

    width:49px;

    height:49px;

    text-decoration:none;

    background:rgb(0, 0, 0);

    backdrop-filter:blur(18px);

    border:0.20px solid #D9A62E;

    box-shadow:0px 0px 6px #D9A62E;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#D9A62E;

    transition: 0.3s;

}

.follow_us_links a:hover{

    color:white;

    transform: scale(1.2);

}

.footer-bottom {

    width:100%;

    min-height: 100px;

    padding:
        25px
        clamp(30px, 5vw, 80px);

    border-top:
        1px solid
        rgba(
            217,
            166,
            46,
            0.3
        )
    ;

    display:flex;

    justify-content:space-between;

}

.footer-legal {

    display: flex;

    align-items: center;

    justify-content: center;

    color:
        rgba(
            255,
            248,
            242,
            0.5
        );

    font-family:
        "DM Sans",
        "Segoe UI",
        sans-serif
    ;

    font-size: 11px;

}


.footer-legal p {

    margin: 0;

}

.plc{

    display:flex;

    align-items:center;

    gap:20px;

}

.plc a{

    color:#D9A62E;

}

.plc .line-min{

    width:5px;

    height:5px;

    background:#d9a62e ;

    border-radius:50%;

}

.developer-credit {

    margin: 0;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:3px;

    color:
        rgba(
            255,
            248,
            242,
            0.55
        );

    font-family:
        "DM Sans",
        "Segoe UI",
        sans-serif;

    font-size: 11px;

}


.developer-credit i {

    margin-right: 5px;

    color: #d9a62e;

}


.developer-credit span {

    color: #d9a62e;

}

/* ===== SMOOTH FADE ANIMATION ===== */
.fade-in{

    opacity: 0;

    transform: translateY(40px);

    transition: 0.6s ease;

}

.fade-in.show{

    opacity: 1;

    transform: translateY(0);

}

@media (max-width:900px){

    .footer-bottom{

        display:flex;

        flex-direction:column;

        justify-content:center;

    }

    .plc{

        order:-3;

        margin-bottom:20px;

        justify-content:center;

    }

    .developer-credit{

        order:-1;

        padding-bottom:10px;

    }

    .footer-legal{

        order:2;

    }

}

@media (max-width:450px){

    /* *{

        outline:2px solid red;

    } */

    .footer_logo_sec{

        width:100%;

        justify-content:center;
        

    }

    .footer_logo_sec{

    display:flex;

    flex-direction:column;

    align-items:center;

}

    .footer-logo{

        width:100%;

    }

    .follow_us_links{

        flex-wrap:wrap;

    }

}

@media (max-width:400px){

    .txt p{

        flex-direction:column;

        text-align:center;

    }

}

@media (max-width:320px) {
    
    .footer_motto_declaration{

        width:100%;

    }

}


/* dektops with smaller screen sizes */
@media (max-height:670px){

    .dropdown{

        width:350px;

        top: 120%;

        left: -80px;

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

    }

}

@media (max-width:1181px){

    .navigation{

        gap:20px;

    }

    .navigation li .this{

        font-size:12px;

    }

}


/* MOBILE */
@media (max-width: 1024px){
    
    .navigation{

        height: 110em;

        width: 80%;

        padding-top: 230px;

        position: fixed;

        top: 0;

        left: 0;
        
        z-index: 10;

        opacity: 0;

        transition: all 0.4s ease;
    }

    .navigation{

        display: none;
        
    }

    .hamburger{

        display:flex;

        flex-direction:column;

        gap:5px;

        cursor:pointer;

    }

    .hamburger span{

        width:25px;

        height:3px;

        background:#8B5A2B;
        
    }


    /* MOBILE NAV (SAME AS HOME) */
    .mobile-nav{

        display: block;

        position:fixed;

        top:0;

        left:-100%;

        width:min(80vw, 420px);

        box-sizing:border-box;

        height:100dvh;

        /* background:linear-gradient(180deg,#6b3f1d,#4a2b13); */

        background: radial-gradient(
            circle at 35% 35%,
            #3a2a16 0%,
            #21170d 25%,
            #100e0a 50%,
            #080807 75%,
            #030303 100%
        );

        /* background: radial-gradient(
            circle at 30% 35%,
            #2a2115 0%,
            #17130e 35%,
            #0b0b0a 70%,
            #050505 100%
        ); */

        
        z-index:3000;

        padding:clamp(15px, 3vw, 25px);

        transition:0.4s ease;

        overflow-y:hidden;

        overflow-x:hidden;

        display:flex;

        flex-direction:column;

    }

    

    .mobile-nav.active{

        left:0;

    }

    /* MOBILE NAV (SAME AS HOME) */

    .mobile-overlay{

        display: block;

        position:fixed;

        inset:0;

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

        opacity:0;
        
        visibility:hidden;
        
        transition:0.3s;

        z-index:2500;

    }

    .mobile-overlay.active{

        opacity:1;

        visibility:visible;

    }

    .mobile-header{

        display:flex;

        justify-content:space-between;

        align-items:center;

    }

    .menu_logo_wrap{

        width:min(60%, 250px);

        aspect-ratio: 5 / 3;

        /* height:150px; */

        overflow:hidden;



        display:flex;

        justify-content:center;

        align-items:center;

    }

    .menu_logo_wrap img{

        width:100%;

        height:100%;

        object-fit:contain;

    }

    .close-btn{

        width:40px;

        height:40px;

        padding:0;

        flex-shrink:0;



        background:#241a0d;

        border-radius:50%;

        border: 0.20px solid gold;

        box-shadow:
            -4px 10px 15px rgb(67, 57, 1), 
            -4px 10px 10px rgb(67, 57, 1), 
            -4px 10px 5px rgb(107, 91, 2),
            4px 10px 10px rgb(67, 57, 1)
        ;



        display:flex;

        justify-content:center;

        align-items:center;

        font-size:clamp(28px, 8vw, 40px);

        color:gold;

        cursor:pointer;

    }

    .mobile-menu{

        margin-top:clamp(15px, 4vh, 40px);

        padding:clamp(10px, 4vw, 40px);

        display:flex;

        flex-direction:column;

        gap:clamp(10px, 3vh, 30px);

        min-height:0;

    }

    .mobile-menu a{

        min-height:clamp(55px, 8vh, 90px);

        height:auto;

        padding:
            clamp(10px, 2vw, 20px)
            clamp(15px, 4vw, 40px)
        ;

        box-sizing:border-box;

        border-bottom:1px solid rgb(109, 111, 91);


        color: #F5C95B;

        font-size:clamp(15px, 2.5vw, 22px);

        text-decoration:none;


        display:flex;

        justify-content:space-between;

        align-items:center;

        gap:15px;

    }

    .mobile-menu a:last-child,
    .mobile-menu a:first-child{

        border-bottom:none;

    }

    .gap{

        display:flex;

        align-items:center;

        gap:clamp(15px, 4vw, 40px);

        min-width:0;

    }

    .mobile-menu .active{

        background: linear-gradient(
            135deg,
            #3A2A16 0%,
            #17130E 45%,
            #0B0B0A 100%
        );

        bottom:none;

        border: 1px solid #D9A62E;

        box-shadow: 0 0 18px rgba(217, 166, 46, 0.45);

        border-radius:clamp(15px, 4vw, 30px);

    }

    .nav-footer {

        width:auto;

        flex-shrink:0;

        margin-top:auto;

        box-sizing:border-box;

        position: relative;

        padding:
            clamp(20px, 4vh, 40px)
            clamp(15px, 4vw, 30px);

        background: linear-gradient(
            135deg,
            #15110C,
            #0A0907
        );

        border-top: 1px solid rgba(218, 169, 61, 0.45);

        box-shadow:
            0 -8px 25px rgba(218, 169, 61, 0.08),
            0 -1px 8px rgba(218, 169, 61, 0.18);

        color: #E8C56A;


        display:flex;

        align-items:center;

        gap:clamp(15px, 4vw, 40px);

    }

    .nav-footer::before {

        content: "";

        position: absolute;

        top: -1px;

        right: 0;

        width: 70%;

        height: 2px;

        background: linear-gradient(
            to right,
            transparent,
            #D9A62E,
            #F5D477
        );

        box-shadow:
            0 0 8px rgba(217, 166, 46, 0.7),
            0 0 18px rgba(217, 166, 46, 0.35);
    }

    .nav-footer_txt{

        min-width:0;

    }

    .nav-footer_txt p{

        margin:0;

        font-size:clamp(12px, 2vw, 16px);

        line-height:1.5;

    }

}

@media (min-width:755px){

    .mobile-nav{

        width:80%;

    }

}