*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

body{
    background:#0F8B8D;
}

/* Header */

.header{
    background:#0F8B8D;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 8%;
}
/*=============================
        TEXT BRANDING
=============================*/

.logo{
    display:flex;
    align-items:center;
    text-decoration:none;
}

.logo-text{
    display:flex;
    flex-direction:column;
    line-height:1.9;
}

.brand-title{
    font-size:28px;
    font-weight:800;
    color:#ffffff;
    letter-spacing:.8px;
    transition:.3s;
}

.brand-tagline{
    margin-top:5px;
    font-size:12px;
    color:#FFD54F;
    font-weight:500;
    letter-spacing:.8px;
}

.logo:hover .brand-title{
    color:#FFD54F;
}

.logo:hover .brand-tagline{
    color:#ffffff;
}
.left-side{
    display:flex;
    align-items:center;
    gap:15px;
}

.language-switcher{
    display:flex;
    gap:10px;
    align-items:center;
}

.language-switcher a{

    text-decoration:none;

    color:white;

    padding:8px 16px;

    border-radius:30px;

    font-size:13px;
    font-weight:600;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

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

    box-shadow:
        0 5px 15px rgba(0,0,0,.12);

    transition:.35s ease;

    position:relative;

    overflow:hidden;
}

.language-switcher a::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:60%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.4),
        transparent
    );

    transform:skewX(-25deg);

    transition:.7s;
}

.language-switcher a:hover::before{
    left:180%;
}

.language-switcher a:hover{

    background:#FFD54F;

    color:#083E3F;

    transform:
        translateY(-3px)
        scale(1.05);

    box-shadow:
        0 10px 25px rgba(255,213,79,.35);
}
.hero{
    min-height:75vh;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:40px;
    padding:30px 8%;

    background:
    linear-gradient(
    135deg,
    rgba(11,143,146,.92),
    rgba(6,95,99,.92)
    );

    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);

    position:relative;
    overflow:hidden;

    border-bottom-left-radius:120px;
    border-bottom-right-radius:120px;
}

.hero-image{
    flex:1;
    text-align:center;
}

.hero-image img{
    width:100%;
    max-width:1000px;
    border-radius:30px;
    border:4px solid rgba(255,255,255,.15);
    box-shadow:0 20px 50px rgba(0,0,0,.35);
}

.hero-content{
    flex:1;
}

.hero-content h1{
    font-size:72px;
    line-height:1.1;
    font-weight:800;
}

.hero-content h1 span{
    color:#FFD54F;
    display:block;
}

.hero-content h3{
    margin-top:20px;
    font-size:42px;
}

.hero-sub{
    font-size:24px;
    opacity:.9;
}

.hero-line{
    width:80px;
    height:5px;
    background:#27d7d7;
    margin:20px 0;
    border-radius:10px;
}

.hero-text{
    max-width:600px;
    font-size:20px;
    line-height:1.8;
}

.hero-features{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    padding:40px 8%;
    margin-top:-60px;
}
.feature-box{

    background:
    rgba(255,255,255,.92) !important;

    backdrop-filter:blur(20px);

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

    box-shadow:
    0 15px 35px rgba(0,0,0,.12);
}
.feature-box:hover{
    transform:translateY(-15px);
    box-shadow:0 15px 30px rgba(0,0,0,.15);
}
.feature-box i{
    font-size:40px;
    color:#0F8B8D;
    margin-bottom:15px;
}

.feature-box h4{
    margin-bottom:10px;
    color:#0F8B8D;
}

@media(max-width:768px){

    .hero{
        flex-direction:column;
        text-align:center;
    }

    .hero-content h1{
        font-size:42px;
    }

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

    .hero-features{
        grid-template-columns:1fr;
    }
}
/* PREMIUM HERO EFFECT */

.hero{
    position:relative;
    overflow:hidden;
}

.hero::before{
    content:'';
    position:absolute;

    width:500px;
    height:500px;

    background:rgba(255,255,255,.08);

    border-radius:50%;

    top:-150px;
    left:-150px;

    filter:blur(80px);
}

.hero-content h1{
    text-shadow:0 5px 25px rgba(0,0,0,.25);
}

.hero-image img{
    border-radius:30px;

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

    transition:.4s;
}

.hero-image img:hover{
    transform:translateY(-10px) scale(1.02);
}

.hero-buttons a{
    transition:.3s;
}

.hero-buttons a:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 30px rgba(0,0,0,.25);
}
.hero-content{
    animation:fadeUp 1s ease;
}

.hero-image{
    animation:fadeUp 1.3s ease;
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(40px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}
.feature-box{
    background:rgba(255,255,255,.15);

    backdrop-filter:blur(12px);

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

    box-shadow:
    0 10px 25px rgba(0,0,0,.15);
}
.hero{
    position:relative;
    overflow:hidden;
}

/* Buttons */

.btn,
.btn2{
    display:inline-block;
    padding:15px 35px;
    border-radius:30px;
    text-decoration:none;
    font-weight:600;
    margin-right:10px;
}

.btn{
    background:#FFD54F;
    color:black;
}

.btn2{
    background:#25D366;
    color:white;
}

/* Mobile */

@media(max-width:768px){

    .header{
        flex-direction:column;
    }

    nav{
        margin-top:15px;
    }

    .hero{
        flex-direction:column;
        text-align:center;
    }

    .hero-content h1{
        font-size:38px;
    }

    .hero-content h2{
        font-size:28px;
    }
}/* ABOUT SECTION */

.about{
    padding:60px 6%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:40px;
    background:#fff;
}

.about-image{
    flex:1;
    text-align:center;
}.about-image img{
    width:100%;
    max-width:500px;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.20);
    border:5px solid #0f8b8d;
}

.about-content{
    flex:1;
}

.about-content h2{
    color:#0f8b8d;
    font-size:45px;
    margin-bottom:15px;
}

.about-content h3{
    font-size:36px;
    margin-bottom:10px;
}

.about-content h4{
    color:#666;
    margin-bottom:6px;
}

.about-content p{
    font-size:18px;
    line-height:1.7;
}

.about-stats{
    display:flex;
    gap:20px;
    margin-top:30px;
}

.stat{
    background:#0f8b8d;
    color:White;
    padding:15px;
    border-radius:20px;
    text-align:center;
    min-width:130px;
}

.stat h3{
    color:white;
    margin-bottom:5px;
}.services{
  padding:60px 8% !important;
        background:linear-gradient(135deg,#0b8f92,#065f63);
}

.services h2{

    text-align:center;

    color:white;

    font-size:54px;

    font-weight:800;

    letter-spacing:.5px;

    text-shadow:
        0 8px 25px rgba(0,0,0,.20);
}
.cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}
.card{

    background:rgba(255,255,255,.92);

    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);

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

    border-top:5px solid #FFD54F;

    border-radius:22px;

    padding:25px;

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

    transition:.35s ease;

    position:relative;

    overflow:hidden;
}
.card:hover{

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

    backdrop-filter:blur(20px);

    border-top-color:#0F8B8D;

    box-shadow:
       0 30px 55px rgba(0,0,0,.20),
        0 0 30px rgba(255,213,79,.25); 
}
.card i{

    width:65px;
    height:65px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 auto 15px;

    border-radius:50%;

    background:
    rgba(15,139,141,.08);

    color:#0F8B8D;

    font-size:28px;

    transition:.35s ease;
}
.card:hover i{

    background:#0F8B8D;

    color:white;

    transform:rotate(8deg);
}

.card h3{
    margin-bottom:15px;
    color:#222;
}

.card p{
    color:#666;
    line-height:1.5;
}

@media(max-width:768px){
    .cards{
        grid-template-columns:1fr;
    }
}.why{
    padding:100px 8%;
    background:white;
}


.why h2{
    text-align:center;
    color:#0F8B8D;
    font-size:45px;
    margin-bottom:50px;
}

.why-container{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.why-box{
    background:white;
    padding:30px;
    text-align:center;
    border-radius:25px;
    border:4px solid #0F8B8D;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.35s ease
}

.why-box:hover{
   transform:translateY(-8px);

    box-shadow:
    0 20px 40px rgba(0,0,0,.15);
}
.why-box i{

    width:75px;
    height:75px;
    font-size:42px;

    margin-bottom:18px;
    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 auto 15px;

    background:
    linear-gradient(
    135deg,
    rgba(15,139,141,.12),
    rgba(255,213,79,.15)
    );

    box-shadow:
    0 8px 20px rgba(0,0,0,.08);
}
@media(max-width:768px){
    .why-container{
        grid-template-columns:1fr;
    }.contact{
    padding:100px 8%;
    background:#f8fbfb;
} 
 
}/* Contact Section */

.contact{
    padding:50px 8%;
    background:#f8fbfb;
}

.contact h2{
    text-align:center;
    color:#0F8B8D;
    font-size:36px;
    margin-bottom:10px;
}

.contact-subtitle{
    text-align:center;
    margin:0 auto 25px;
    max-width:600px;
    color:#666;
    font-size:15px;
}

.contact-container{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
}

.contact-info{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.contact-box{
    background:white;
    padding:15px;
    border-radius:15px;
    border-left:4px solid #0F8B8D;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.contact-box i{
    font-size:24px;
    color:#0F8B8D;
    margin-bottom:10px;
}

.contact-box h3{
    font-size:18px;
    margin-bottom:5px;
}

.contact-box p{
    font-size:14px;
    color:#666;
}

.contact-form{
    background:white;
    padding:20px;
    border-radius:15px;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.contact-form input,
.contact-form textarea{
    width:100%;
    padding:10px;
    margin-bottom:10px;
    border:1px solid #ddd;
    border-radius:10px;
}

.contact-form button{
    width:100%;
    padding:12px;
    border:none;
    border-radius:10px;
    background:#0F8B8D;
    color:white;
    font-size:15px;
    cursor:pointer;
}

.contact-form button:hover{
    background:#075d60;
}

@media(max-width:768px){

    .contact-container{
        grid-template-columns:1fr;
    }

}
.map-section{
    width:100%;
    margin:0;
    padding:0;
    line-height:0;
    background:none;
}

.map-section iframe{
    width:100%;
    height:450px;
    border:none;
    display:block;
    margin:0;
    padding:0;
}
  
.language-switcher{
    display:inline-flex;
    gap:8px;
    margin-left:25px;
}

.language-switcher a{
    text-decoration:none;
    color:white;
    padding:6px 12px;
    border:1px solid rgba(255,255,255,.4);
    border-radius:20px;
    font-size:13px;
    transition:0.3s;
}

.language-switcher a:hover{
    background:#FFD54F;
    color:black;
}/* Sinhala Text Enhancement */

body{
    font-family: 'Noto Sans Sinhala', 'Poppins', sans-serif;
}

.hero-content h1,
.about-content h2,
.services h2,
.why h2,
.contact h2{
    font-weight: 700;
    letter-spacing: 0.5px;
}

.hero-content p,
.about-content p,
.card p,
.why-box p,
.contact p{
    font-size: 17px;
    line-height: 1.8;
    font-weight: 500;
}

.feature-box h4,
.card h3,
.why-box h3{
    font-size: 20px;
    font-weight: 700;
}
.hero-content h1,
.about-content h2,
.services h2,
.why h2,
.contact h2{
    color:#0F8B8D;
    font-size:42px;
    font-weight:700;
}
.hero-content h1{
    color: #ffffff !important;
    font-size: 72px !important;
    font-weight: 800 !important;
    line-height: 1.1;
}
.hero-content span{
    color:#FFD54F;

}.feature-box h4{
    font-size:18px !important;
    font-weight:700 !important;
}

.feature-box p{
    font-size:15px !important;
    font-weight:500 !important;
}
.about-content h2{
    font-size: 60px !important;
    font-weight: 800 !important;
}

.about-content h3{
    font-size: 36px !important;
    font-weight: 700 !important;
}

.about-content h4{
    font-size: 28px !important;
    font-weight: 600 !important;
    color: #555;
}

.about-content p{
    font-size: 22px !important;
    line-height: 1.7 !important;

}.services h2{
    text-align:center;
    color:white;
    font-size:45px;
    margin-bottom:20px;/* Sinhala Premium Card Text */
}
.feature-box h4,
.card h3,
.why-box h3{
    font-size:22px !important;
    font-weight:700 !important;
    color:#0F8B8D !important;
    display:inline-block;
    padding-bottom:6px;
    border-bottom:3px solid #FFD54F;
    letter-spacing:0.5px;
    text-shadow:0 2px 8px rgba(15,139,141,0.15);
}

.feature-box p,
.card p,
.why-box p{
    font-size:17px !important;
    font-weight:500 !important;
    line-height:1.9 !important;
    color:#444 !important;
}

/* About Section Sinhala Text */

.about-content h2{
    font-size:55px !important;
    font-weight:800 !important;
    color:#0F8B8D !important;
    margin-bottom:15px;
}

.about-content h3{
    font-size:36px !important;
    font-weight:700 !important;
    color:#222 !important;
}

.about-content h4{
    font-size:28px !important;
    font-weight:600 !important;
    color:#666 !important;
}

.about-content p{
    font-size:18px !important;
    line-height:1.7 !important;
    color:#333 !important;
}/* Premium About Stats Cards */

.stat{
    background:#0F8B8D;
    color:white !important;
    border:3px solid #FFD54F;
    border-radius:20px;
    padding:15px;
    text-align:center;
    min-width:130px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    transition:0.3s ease;
}
.stat:hover{

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

    border-color:white;

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

.stat h3{
    color:white !important;
    font-size:34px;
    font-weight:800;
    margin-bottom:8px;
}

.stat p{
    color:white !important;
    font-size:16px;
    font-weight:600;
    line-height:1.6;
}/* =========================
   MOBILE HAMBURGER MENU
========================= */

.menu-toggle{
    display:none;
    font-size:32px;
    color:white;
    cursor:pointer;
    font-weight:bold;
}

@media (max-width:768px){

    .header{
        flex-direction:column;
        padding:15px;
    }

    .logo img{
        width:110px;
    }

    .language-switcher{
        margin:10px 0;
    }

    .menu-toggle{
    display:block;
    position:absolute;
    top:30px;
    right:25px;
    font-size:32px;
    color:white;
    cursor:pointer;
    z-index:1000;
}   

    nav{
        display:none;
        flex-direction:column;
        width:100%;
        text-align:center;
        gap:15px;
        margin-top:15px;
    }

    nav.active{
        display:flex;
    }

    
    .hero{
        flex-direction:column;
        text-align:center;
        padding:30px 20px;
    }

    .hero-image{
        order:1;
    }

    .hero-content{
        order:2;
    }

    .hero-image img{
        width:100%;
        max-width:320px;
    }

    .hero-content h1{
        font-size:48px !important;
        line-height:1.1;
    }

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

    .hero-sub{
        font-size:16px;
    }

    .hero-text{
        font-size:15px;
    }

    .buttons{
        justify-content:center;
        flex-wrap:wrap;
        gap:10px;
    }

    .hero-features{
        display:grid;
        grid-template-columns:1fr;
        gap:15px;
    }

    .about{
        flex-direction:column;
        text-align:center;
    }

    .about-image img{
        width:100%;
        max-width:300px;
    }

    .about-stats{
        justify-content:center;
        flex-wrap:wrap;
    }

    .cards{
        grid-template-columns:1fr !important;
    }

    .why-container{
        grid-template-columns:1fr !important;
    }

    .contact-container{
        flex-direction:column;
    }

    .footer-content{
        flex-direction:column;
        text-align:center;
    }
}@media (max-width:768px){

    .desktop-menu{
        display:none;
    }

    .menu-toggle{
        display:block;
    }
}
/* ==================================
   ULTRA PREMIUM FLOATING BUTTONS
================================== */

.floating-buttons{
    position:fixed;
    right:25px;
    bottom:25px;

    display:flex;
    flex-direction:column;
    gap:15px;

    z-index:999999;

    animation:floatButtons 4s ease-in-out infinite;
}

/* Buttons */

.call-btn,
.whatsapp-btn{

    width:68px;
    height:68px;

    display:flex;
    align-items:center;
    justify-content:center;

    position:relative;

    text-decoration:none;

    border-radius:22px;

    backdrop-filter:blur(25px);
    -webkit-backdrop-filter:blur(25px);

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

    overflow:hidden;

    transition:all .35s ease;
}

/* Call Button */

.call-btn{

    background:linear-gradient(
        135deg,
        #FFD54F,
        #FFB300
    );

    box-shadow:
        0 0 25px rgba(255,213,79,.55),
        0 0 50px rgba(255,213,79,.35),
        0 15px 30px rgba(0,0,0,.25);

    animation:goldPulse 2.5s infinite;
}

/* WhatsApp Button */

.whatsapp-btn{

    background:linear-gradient(
        135deg,
        #25D366,
        #128C7E
    );

    box-shadow:
        0 0 25px rgba(37,211,102,.55),
        0 0 50px rgba(37,211,102,.35),
        0 15px 30px rgba(0,0,0,.25);

    animation:greenPulse 2.5s infinite;
}

/* Icons */

.call-btn i,
.whatsapp-btn i{
    font-size:30px;
    z-index:2;
}

.call-btn i{
    color:#222;
}

.whatsapp-btn i{
    color:#fff;
}

/* Online Dot */

.whatsapp-btn .online-dot{

    position:absolute;

    top:8px;
    right:8px;

    width:10px;
    height:10px;

    border-radius:50%;

    background:#00ff66;

    box-shadow:
        0 0 10px #00ff66,
        0 0 20px #00ff66;
}

/* Shimmer Effect */

.call-btn::after,
.whatsapp-btn::after{

    content:'';

    position:absolute;

    top:0;
    left:-120%;

    width:60%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.55),
        transparent
    );

    transform:skewX(-25deg);

    animation:shine 3s infinite;
}

/* Tooltip */


/* Hover */

.call-btn:hover,
.whatsapp-btn:hover{

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

    box-shadow:
        0 0 60px rgba(255,255,255,.25),
        0 25px 45px rgba(0,0,0,.30);
}

/* Animations */

@keyframes shine{

    0%{
        left:-120%;
    }

    100%{
        left:180%;
    }
}

@keyframes floatButtons{

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

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

@keyframes goldPulse{

    0%,100%{
        box-shadow:
        0 0 25px rgba(255,213,79,.55);
    }

    50%{
        box-shadow:
        0 0 45px rgba(255,213,79,.95);
    }
}

@keyframes greenPulse{

    0%,100%{
        box-shadow:
        0 0 25px rgba(37,211,102,.55);
    }

    50%{
        box-shadow:
        0 0 45px rgba(37,211,102,.95);
    }
}

/* Mobile */

@media(max-width:768px){

    .floating-buttons{
        right:18px;
        bottom:18px;
    }

    .call-btn,
    .whatsapp-btn{

        width:60px;
        height:60px;
    }

    .call-btn i,
    .whatsapp-btn i{
        font-size:26px;
    }

    .call-btn::before,
    .whatsapp-btn::before{
        display:none;
    }
}

.hero-buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-top:30px;
}

.premium-glass-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    padding:18px 32px;

    text-decoration:none;

    color:#fff;
    font-size:16px;
    font-weight:700;

    border-radius:18px;

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);

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

    box-shadow:
        0 10px 25px rgba(0,0,0,.18),
        0 0 20px rgba(255,255,255,.08);

    transition:.35s ease;

    position:relative;
    overflow:hidden;
}

/* Main CTA */

.premium-glass-btn{

    background:linear-gradient(
        135deg,
        rgba(37,211,102,.25),
        rgba(37,211,102,.10)
    );
}

/* Secondary CTA */

.secondary-btn{

    background:linear-gradient(
        135deg,
        rgba(255,255,255,.15),
        rgba(255,255,255,.08)
    );
}

/* Shimmer Effect */

.premium-glass-btn::before{

    content:'';

    position:absolute;

    top:0;
    left:-120%;

    width:60%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );

    transform:skewX(-25deg);

    animation:shine 3s infinite;
}

.premium-glass-btn:hover{

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

    box-shadow:
        0 15px 35px rgba(0,0,0,.25),
        0 0 30px rgba(255,255,255,.18);
}

@keyframes shine{

    0%{
        left:-120%;
    }

    100%{
        left:180%;
    }
}
/* Tamil Feature Boxes Smaller */

.feature-box{

    padding:18px !important;

    min-height:140px !important;
}

.feature-box i{

    font-size:26px !important;

    margin-bottom:10px !important;
}

.feature-box h4{

    font-size:20px !important;

    margin-bottom:8px !important;
}

.feature-box p{

    font-size:14px !important;

    line-height:1.5 !important;
}
/* PREMIUM CONTACT SECTION */
.contact-section{
    display:grid;

    grid-template-columns:1.6fr 1fr;

    grid-template-areas:
    "form info1"
    "form info2";

    gap:30px;

    padding:80px 8%;

    background:linear-gradient(
        135deg,
        #0F8B8D,
        #18A0A3
    );
}
.contact-form-box{
    grid-area:form;

    background:rgba(255,255,255,.10);

    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);

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

    border-radius:25px;

    padding:40px;
    
    box-shadow:0 15px 35px rgba(0,0,0,.18);
}

.contact-info-box{
    background:rgba(255,255,255,.10);

    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);

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

    border-radius:25px;

    padding:35px;

    box-shadow:0 15px 35px rgba(0,0,0,.18);
}
.contact-form-box h2,
.contact-form-box h5,
.contact-form-box p,
.contact-info-box h3{
    color:white;
}

.contact-form-box form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
    margin-top:25px;
}

.contact-form-box textarea{
    grid-column:1 / -1;
    min-height:120px;
}
.contact-form-box button{

    grid-column:1 / -1;

    width:100%;

    background:
    linear-gradient(
        135deg,
        #0F8B8D,
        #18A0A3
    );

    color:white;

    border:2px solid #FFD54F;

    border-radius:15px;

    padding:16px;

    font-weight:700;

    cursor:pointer;

    transition:.35s ease;

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

.contact-form-box button:hover{

    transform:translateY(-3px);

    box-shadow:
        0 15px 35px rgba(0,0,0,.25);
}
.contact-form-box input,
.contact-form-box textarea{

    width:100%;
    padding:15px;

    border:none;
    border-radius:12px;

    background:rgba(255,255,255,.12);
    color:white;
}

.contact-form-box input::placeholder,
.contact-form-box textarea::placeholder{
    color:rgba(255,255,255,.75);
}

.info-item{

    background:rgba(255,255,255,.08);

    padding:15px;
    border-radius:12px;

    margin-top:12px;

    color:white;
}

@media(max-width:768px){

.contact-section{
    grid-template-columns:1fr;
}

.contact-form-box form{
    grid-template-columns:1fr;
}
}
/* ===================================
   PREMIUM FOOTER
=================================== */
.premium-footer{
    background:
    linear-gradient(
    135deg,
    rgba(8,62,63,.95),
    rgba(15,139,141,.92)
    ) !important;

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

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

    position:relative;
    overflow:hidden;
}

.premium-footer::after{
    content:"";

    position:absolute;

    top:-150px;
    right:-150px;

    width:350px;
    height:350px;

    border-radius:50%;

    background:
    rgba(255,255,255,.05);

    filter:blur(100px);
}

.premium-footer::before{
    content:"";

    position:absolute;

    top:-100px;
    left:-100px;

    width:300px;
    height:300px;

    background:rgba(37,211,102,.08);

    border-radius:50%;

    filter:blur(100px);
}
.footer-content{
    width:100% !important;
    max-width:none !important;

    padding:40px 4% !important;

    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.5fr;

    gap:40px;
}
.footer-logo{
    width:110px;
    margin-bottom:15px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(255,255,255,.18);
    transition:.3s;
}

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

.footer-logo:hover{
    transform:scale(1.05);
}
.footer-box h3,
.footer-box h4{
    margin-bottom:18px;
    color:white;
    text-shadow:0 0 15px rgba(255,255,255,.15);
}

.footer-box p{
    color:rgba(255,255,255,.85);
    line-height:1.9;
    margin-bottom:12px;
}

.footer-box a{
    display:block;
    color:#fff;
    text-decoration:none;
    margin-bottom:12px;
    transition:0.3s;
}

.footer-box a:hover{
    color:#FFD54F;
    transform:translateX(8px);
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.1);
    padding:15px;
    text-align:left;
    width:100%;
    font-weight:600;
    color:#fff;
}

/* Mobile */

@media(max-width:768px){

    .footer-content{
        grid-template-columns:1fr;
        text-align:center;
        padding:50px 25px;
    }

    .footer-logo{
        margin:auto auto 20px;
    }

    .footer-box{
        margin-bottom:25px;
    }
}.contact-section{
    display:grid !important;
    grid-template-columns:1.6fr 1fr !important;
    gap:30px !important;
}

.contact-form-box{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;

    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.15);
    padding:40px;
    border-radius:25px;

    min-height:600px;
}

.info-top{
    grid-area:info1;
}

.info-bottom{
    grid-area:info2;
}
.footer-social{
    display:flex;
    gap:15px;
    margin-top:20px;

    justify-content:flex-start;
    align-items:center;
}
.footer-social a{

    width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:14px;

    background:rgba(255,255,255,.08);

    color:white;

    text-decoration:none;

    transition:.35s ease;

    backdrop-filter:blur(10px);
}

.footer-social a:hover{

    transform:
        translateY(-5px)
        scale(1.08);
color:#083E3F;
    background:#FFD54F;

    box-shadow:
        0 0 20px rgba(37,211,102,.4);
}.footer-social a:nth-child(1):hover{
    background:#1877F2;
}

.footer-social a:nth-child(2):hover{
    background:#0A66C2;
}

.footer-social a:nth-child(3):hover{
    background:#25D366;
}
.footer-box p{
    display:flex;
    align-items:center;
    gap:10px;
}
.contact-item{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:18px;
    color:white;
    font-size:16px;
    font-weight:500;
}

.contact-item i{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:rgba(255,255,255,.08);
    color:#FFD54F;
    font-size:16px;
    transition:.3s ease;
}

.contact-item:hover i{
    background:#FFD54F;
    color:#083E3F;
    transform:scale(1.08);
}

.contact-item a{
    color:white;
    text-decoration:none;
}

.contact-item a:hover{
    color:#FFD54F;
}
.footer-bottom{
    width:100% !important;
    display:block !important;

    text-align:center !important;

    margin-top:40px !important;

    padding-top:25px !important;

    border-top:1px solid rgba(255,255,255,.15) !important;

    color:white !important;
}

.footer-bottom p{
    text-align:center !important;
}.footer-content{
    width:100%;
    max-width:none;
    margin:0;
    padding:70px 40px;

    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.5fr;
    gap:50px;
}

.footer-bottom{
    grid-column:1 / -1 !important;

    width:100% !important;

    text-align:center !important;

    margin-top:30px !important;
}.footer-content{
    padding:50px 60px;
}

.footer-box h3,
.footer-box h4{
    margin-bottom:25px;
}

.footer-bottom{
    margin-top:20px;
    opacity:.9;
}
.premium-footer{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
}

footer{
    width:100% !important;
    margin:0 !important;
}
.feature-box{
    background:#ffffff !important;

    border-radius:20px;

    border:2px solid rgba(255,255,255,.8);

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

    position:relative;
    z-index:10;
}

.feature-box h4{
    color:#0F8B8D !important;
}

.feature-box p{
    color:#444 !important;
}

.hero::after{
    content:'';

    position:absolute;

    width:450px;
    height:450px;

    border-radius:50%;

    background:rgba(255,255,255,.06);

    top:-120px;
    right:-120px;

    filter:blur(80px);

    z-index:1;
}
.hero-image img{

    animation:floatHero 4s ease-in-out infinite;
}

@keyframes floatHero{

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

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

    content:"";

    position:absolute;

    top:-100px;
    right:-100px;

    width:350px;
    height:350px;

    border-radius:50%;

    background:
    rgba(255,255,255,.08);

    filter:blur(90px);

    z-index:1;
}

.hero-content,
.hero-image{
    position:relative;
    z-index:2;
}/* PREMIUM WHITE GLASS FEATURE CARDS */

.feature-box{

    background:rgba(255,255,255,.95) !important;

    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);

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

    border-top:4px solid #FFD54F !important;

    border-radius:24px;

    padding:24px !important;

    box-shadow:
        0 15px 35px rgba(0,0,0,.12),
        inset 0 1px 0 rgba(255,255,255,.8);

    transition:all .35s ease;

    position:relative;

    overflow:hidden;
}

.feature-box::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:60%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.7),
        transparent
    );

    transform:skewX(-25deg);

    transition:.8s;
}

.feature-box:hover::before{
    left:180%;
}

.feature-box:hover{

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

    border-top-color:#0F8B8D !important;

    box-shadow:
        0 25px 45px rgba(0,0,0,.18);
}

.feature-box i{

    font-size:38px !important;

    color:#0F8B8D !important;

    margin-bottom:15px !important;
}

.feature-box h4{

    color:#0F8B8D !important;

    font-size:20px !important;

    font-weight:700 !important;

    border:none !important;

    margin-bottom:10px;
}

.feature-box p{

    color:#555 !important;

    font-size:15px !important;

    line-height:1.7 !important;
}
.hero-image img{
    animation:floatHero 5s ease-in-out infinite;
}

@keyframes floatHero{

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

    50%{
        transform:translateY(-12px);
    }
}.hero-image img{

    border:4px solid rgba(255,213,79,.7);

    box-shadow:
        0 20px 50px rgba(0,0,0,.30),
        0 0 25px rgba(255,213,79,.20);
}.active-lang{

    background:#FFD54F !important;

    color:#083E3F !important;

    font-weight:700;

    box-shadow:
        0 0 20px rgba(255,213,79,.45);
}
/* PREMIUM NAVBAR */

.nav-links{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:30px;
    list-style:none;
    margin:0;
    padding:0;
}

.nav-links li{
    list-style:none;
}
.nav-links a i{
    color:#FFD54F;
}
.nav-links a:hover,
.nav-links a.active{

    color:#FFD54F;

    background:rgba(255,255,255,.09);

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);

    box-shadow:
        0 4px 12px rgba(0,0,0,.10);

    
}
.nav-links a::after{
    content:"";
    position:absolute;

    left:50%;
    bottom:0;

    transform:translateX(-50%);

    width:0;
    height:3px;

    background:#FFD54F;

    border-radius:20px;

    transition:.35s ease;
}

.nav-links a:hover::after,
.nav-links a.active::after{
    width:45%;
}/* FORCE NAVBAR OVERRIDE */

.nav-links a{
    letter-spacing:0.3px;
    font-weight:600;
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;

    padding:10px 18px !important;

    color:#fff !important;
    text-decoration:none !important;

    border-radius:20px !important;

    transition:.35s ease !important;
}


.nav-links a::after{
    content:"" !important;

    position:absolute !important;

    left:50% !important;
    bottom:2px !important;

    transform:translateX(-50%) !important;

    width:0 !important;
    height:3px !important;

    background:#FFD54F !important;

    border-radius:20px !important;

    transition:.35s ease !important;
}

.nav-links a:hover::after,
.nav-links a.active::after{
    width:60px !important;
}
* ABOUT PREMIUM UPGRADE */

.about-divider{
    width:90px;
    height:4px;
    background:#FFD54F;
    border-radius:20px;
    margin:15px 0 25px;
}

.premium-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 18px;

    background:rgba(15,139,141,.08);

    border:1px solid rgba(15,139,141,.15);

    border-radius:30px;

    color:#0F8B8D;

    font-weight:600;

    margin-bottom:20px;
}

.mission-box{

    margin-top:25px;

    padding:20px;

    border-left:5px solid #FFD54F;

    background:#f8fbfb;

    border-radius:15px;
}

.mission-box i{
    color:#0F8B8D;
    font-size:24px;
    margin-bottom:10px;
}

.about-image img{
    transition:.35s ease;
}

.about-image img:hover{

    transform:
        translateY(-8px)
        scale(1.02);

    box-shadow:
        0 25px 55px rgba(0,0,0,.25);
}/* ABOUT HIGHLIGHT CARD */

.about-highlight-card{

    display:flex;
    align-items:flex-start;
    gap:18px;

    margin-top:25px;
    padding:22px;

    background:rgba(15,139,141,.06);

    border-left:5px solid #FFD54F;

    border-radius:18px;

    box-shadow:
        0 8px 20px rgba(0,0,0,.08);

    transition:.35s ease;
}

.about-highlight-card:hover{

    transform:translateY(-4px);

    box-shadow:
        0 15px 30px rgba(0,0,0,.12);
}

.about-highlight-card i{

    font-size:32px;

    color:#0F8B8D;

    margin-top:3px;
}

.about-highlight-card h5{

    color:#0F8B8D;

    font-size:18px;

    font-weight:700;

    margin-bottom:8px;
}

.about-highlight-card p{

    margin:0;

    font-size:16px !important;

    line-height:1.7 !important;

    color:#555 !important;
}.about{
    padding:60px 8% !important;
    gap:35px !important;
}

.about-content h2{
    font-size:48px !important;
}

.about-content h3{
    font-size:36px !important;
}

.about-content p{
    font-size:18px !important;
    line-height:1.7 !important;
}

.stat{
    padding:15px !important;
}.about-divider{

    width:100px;
    height:5px;

    background:
    linear-gradient(
        90deg,
        #FFD54F,
        #FFB300
    );

    border-radius:30px;

    margin:15px 0 25px;
}
.services-divider{

    width:100px;
    height:5px;

    margin:0 auto 40px;

    border-radius:20px;

    background:
    linear-gradient(
        90deg,
        #FFD54F,
        #FFB300
    );
}
.card{

    position:relative;

    overflow:hidden;
}

.card::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:60%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.6),
        transparent
    );

    transform:skewX(-25deg);

    transition:.8s;
}

.card:hover::before{
    left:180%;
}.card::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:60%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.55),
        transparent
    );

    transform:skewX(-25deg);

    transition:.8s;
}

.card:hover::before{
    left:180%;
}

.card{
    text-align:center !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
}
.card h3{
    width:60% !important;

    display:flex !important;
    justify-content:center !important;
    align-items:center !important;

    text-align:center !important;

    min-height:40px !important;

    margin:10px 0 15px !important;

    color:#0F8B8D !important;
}.card{
    min-height:90px !important;
    padding:20px !important;
}.card h3{
    display:inline-block !important;
    border-bottom:3px solid #FFD54F !important;
    padding-bottom:6px !important;
}
.services-divider{

    width:120px;

    height:6px;

    margin:15px auto 45px;

    border-radius:50px;

    background:
    linear-gradient(
        90deg,
        #FFD54F,
        #FFB300
    );

    box-shadow:
        0 0 15px rgba(255,213,79,.45);
}
.cards{
    align-items:stretch;
}

.card{
    min-height:220px;
}.info-item i{

    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:#fff;

    background:rgba(255,255,255,.12);

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

    backdrop-filter:blur(10px);

    -webkit-backdrop-filter:blur(10px);

    box-shadow:
    0 4px 15px rgba(0,0,0,.08);

    font-size:16px;

    flex-shrink:0;
}.info-item:hover i{

    transform:scale(1.08);

    background:rgba(255,255,255,.18);

    transition:.3s ease;
}.footer-credit{

    color:#FFD54F;

    font-weight:600;

    letter-spacing:.5px;
}

.footer-credit-number{

    color:rgba(255,255,255,.85);

    font-size:14px;

    font-weight:500;
}.member-badge{

    display:inline-flex;
    align-items:center;
    gap:10px;

    margin:2px 0 20px;

    padding:10px 18px;

    border-radius:30px;

    background:rgba(255,255,255,.08);

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

    color:#FFD54F;

    font-size:14px;

    font-weight:600;

    backdrop-filter:blur(10px);
}

.member-badge i{
    font-size:15px;
}
#feedbackRating{
width:100%;
padding:12px 15px;
border-radius:12px;
border:1px solid rgba(255,255,255,0.15);
background:rgba(255,255,255,0.08);
color:#fff;
font-size:14px;
outline:none;
}

#feedbackRating option{
background:#0F8B8D;
color:#fff;
}/*=============================
        FOOTER BRANDING
=============================*/

.footer-brand h3{
    font-size:30px;
    font-weight:800;
    color:#FFD54F;
    margin-bottom:10px;
    line-height:0.8;
}

.footer-brand p{
    color:#e6e6e6;
    font-size:15px;
    line-height:1.8;
    max-width:320px;
}