/*====================ROOT====================*/
:root{--primary:#19b6a5;--primary-dark:#0f8c7d;--secondary:#263238;--dark:#1c2529;--light:#f8fbfb;--white:#fff;--text:#555;--border:#e5ecec;--shadow:0 15px 40px rgba(0,0,0,.08);--radius:18px;--transition:.35s ease;}
/*====================RESET====================*/
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Poppins',sans-serif;font-size:16px;font-weight:400;line-height:1.7;background:var(--light);color:var(--text);overflow-x:hidden;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;transition:var(--transition);}
ul{list-style:none;}
input,textarea,select,button{font-family:inherit;font-size:inherit;outline:none;border:none;}
button{cursor:pointer;}
section{padding:90px 0;position:relative;}
.container{width:min(1320px,92%);margin:auto;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;}
.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.center{text-align:center;}
/*====================TYPOGRAPHY====================*/
h1,h2,h3,h4,h5{font-family:'Playfair Display',serif;color:var(--secondary);font-weight:700;line-height:1.2;}
h1{font-size:64px;}
h2{font-size:42px;margin-bottom:15px;}
h3{font-size:24px;}
p{margin-bottom:18px;}
.section-title{margin-bottom:50px;}
.section-title span{display:inline-block;font-size:14px;font-weight:600;color:var(--primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;}
.section-title.center{max-width:700px;margin:0 auto 50px;}
/*====================BUTTONS====================*/
.btn,.btn-small{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:600;border-radius:50px;transition:var(--transition);}
.btn{padding:14px 34px;}
.btn-small{padding:10px 22px;font-size:14px;}
.btn:hover,.btn-small:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(25,182,165,.25);}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:14px 34px;border:2px solid #fff;border-radius:50px;color:#fff;font-weight:600;transition:var(--transition);}
.btn-outline:hover{background:#fff;color:var(--secondary);}
/*====================TOP BAR====================*/
.top-bar{background:var(--dark);color:#fff;font-size:14px;padding:10px 0;}
.top-bar .container{display:flex;justify-content:space-between;align-items:center;}
.top-left,.top-right{display:flex;gap:25px;align-items:center;flex-wrap:wrap;}
.top-bar i{color:var(--primary);margin-right:8px;}
.top-right a:hover{color:var(--primary);}
/*====================HEADER====================*/
#header{position:absolute;top:44px;left:0;width:100%;z-index:999;transition:.4s;background: #fff;}
#header.sticky{position:fixed;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);box-shadow:0 10px 30px rgba(0,0,0,.08);}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 0;transition:.3s;}
#header.sticky .navbar{padding:12px 0;}
.logo img{height:60px;}
.nav-menu{display:flex;align-items:center;gap:35px;}
.nav-menu li a{font-size:15px;font-weight:500;color:#010101;position:relative;text-transform:uppercase;}
.nav-menu li a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--primary);transition:.3s;}
.nav-menu li a:hover::after,.nav-menu li a.active::after{width:100%;}
#header.sticky .nav-menu li a{color:var(--secondary);}
.menu-toggle{display:none;font-size:30px;color:#fff;cursor:pointer;}
#header.sticky .menu-toggle{color:var(--secondary);}
/*====================HERO====================*/
.hero{padding:20px 0 0;position:relative;background:#f8fbfb; margin-top:80px;}
.heroSwiper{width:100%;height:500px;overflow:hidden;box-shadow:var(--shadow);}
.heroSwiper .swiper-wrapper,.heroSwiper .swiper-slide{height:100%;}
.heroSwiper .swiper-slide{position:relative;display:flex;align-items:center;}
.heroSwiper img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.05);}
.hero .container{position:relative;z-index:2;height:100%;display:flex;align-items:center;}
.hero-content{max-width:650px;color:#fff;padding-left:40px;}
.subtitle{display:inline-block;padding:8px 20px;background:rgba(25,182,165,.2);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;font-size:14px;font-weight:500;letter-spacing:1px;margin-bottom:20px;}
.hero-content h1{font-size:52px;color:#fff;line-height:1.15;margin-bottom:20px;}
.hero-content p{font-size:18px;color:#f5f5f5;max-width:550px;margin-bottom:30px;}
.hero-btns{display:flex;gap:15px;flex-wrap:wrap;}
.hero .swiper-pagination{bottom:15px;}
.hero .swiper-pagination-bullet{width:12px;height:12px;background:#fff;opacity:.5;}
.hero .swiper-pagination-bullet-active{background:var(--primary);opacity:1;}
/*====================HERO STATS====================*/
.hero-stats{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);gap:25px;width:min(1180px,90%);z-index:10;}
.stat{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-radius:20px;padding:28px 20px;text-align:center;box-shadow:var(--shadow);transition:var(--transition);}
.stat:hover{transform:translateY(-8px);}
.stat h3{font-size:38px;color:var(--primary);margin-bottom:8px;}
.stat p{margin:0;font-size:15px;color:#666;}
/*====================ABOUT====================*/
#about{background:#fff;}
.about-image{position:relative;}
.about-image img{border-radius:25px;box-shadow:var(--shadow);}
.about-image::before{content:"25+ Years";position:absolute;right:-20px;bottom:30px;background:var(--primary);color:#fff;padding:18px 26px;border-radius:18px;font-size:20px;font-weight:700;box-shadow:var(--shadow);}
.about-content p{margin-bottom:20px;}
.check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 20px;margin:30px 0;}
.check-list li{position:relative;padding-left:30px;font-weight:500;}
.check-list li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;}
/*====================MISSION====================*/
.mission{background:#f4fafa;}
.mission .card{background:#fff;padding:40px 30px;border-radius:20px;text-align:center;box-shadow:var(--shadow);transition:var(--transition);}
.mission .card:hover{transform:translateY(-8px);}
.mission .card i{width:80px;height:80px;line-height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:30px;margin-bottom:25px;}
.mission .card h3{margin-bottom:15px;}
.mission .card p{margin:0;}
/*====================SERVICES====================*/
.services{background:#fff;}
.service-box{background:#fff;border:1px solid var(--border);padding:35px 25px;border-radius:20px;text-align:center;transition:var(--transition);box-shadow:0 10px 25px rgba(0,0,0,.04);}
.service-box:hover,.service-box.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;transform:translateY(-8px);box-shadow:0 20px 40px rgba(25,182,165,.25);}
.service-box i{font-size:42px;color:var(--primary);margin-bottom:20px;transition:var(--transition);}
.service-box:hover i,.service-box.active i{color:#fff;}
.service-box h3{font-size:20px;margin:0;}
/*====================PROJECTS====================*/
#projects{background:#f7fbfb;}
.project-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);}
.project-card:hover,.project-card.active{transform:translateY(-10px);}
.project-card img{width:100%;height:260px;object-fit:cover;}
.project-content{padding:25px;}
.project-content h3{margin-bottom:10px;font-size:24px;}
.project-content p{margin-bottom:10px;color:#777;}
.project-content strong{display:block;font-size:22px;color:var(--primary);margin-bottom:20px;}
.project-content .btn-small{width:100%;}

/* table */
        .table-wrap {
            overflow-x: auto;
            background: white;
            border-radius: 28px;
            padding: 6px 0 12px;
            box-shadow: var(--shadow);
            margin: 28px 0 32px;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.9rem;
            min-width: 600px;
        }
        th {
            background: var(--primary);
            color: white;
            padding: 16px 12px;
            text-align: left;
            font-weight: 600;
        }
        td {
            padding: 14px 12px;
            border-bottom: 1px solid #e9edf2;
            color: var(--gray-dark);
            vertical-align: middle;
        }
        tr:last-child td { border-bottom: none; }
        tr:hover td { background: #f6faf9; }
        .whatsapp-property {
            color: #25d366;
            font-size: 1.3rem;
            margin-left: 8px;
            transition: 0.2s;
        }
        .whatsapp-property:hover { transform: scale(1.15); }


/*====================GALLERY====================*/
#gallery{background:#fff;}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.gallery-grid a{display:block;overflow:hidden;border-radius:18px;box-shadow:0 10px 25px rgba(0,0,0,.08);}
.gallery-grid img{width:100%;height:260px;object-fit:cover;display:block;transition:.4s;}
.gallery-grid a:hover img{transform:scale(1.08);}

@media(max-width:991px){
.gallery-grid{grid-template-columns:repeat(2,1fr);}
.gallery-grid img{height:220px;}
}

@media(max-width:576px){
.gallery-grid{grid-template-columns:1fr;}
.gallery-grid img{height:240px;}
}

/*====================WHY CHOOSE====================*/
#why-us{background:#fff;}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.why-box{background:#fff;padding:35px 25px;border-radius:20px;text-align:center;border:1px solid var(--border);transition:var(--transition);}
.why-box:hover,.why-box.active{background:var(--primary);transform:translateY(-8px);color:#fff;box-shadow:0 20px 35px rgba(25,182,165,.25);}
.why-box i{width:80px;height:80px;line-height:80px;border-radius:50%;background:#eefcf9;color:var(--primary);font-size:30px;margin-bottom:20px;transition:var(--transition);}
.why-box:hover i,.why-box.active i{background:#fff;}
.why-box h3{margin-bottom:15px;}
.why-box p{margin:0;}
/*====================DEVELOPERS====================*/
#developers{background:#f7fbfb;}
.developerSwiper{padding:10px 0 30px;}
.developerSwiper .swiper-slide{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#fff;height:130px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.05);}
.developerSwiper img{display:block;max-width:140px;max-height:70px;transition:var(--transition);margin-bottom:10px;}
.developerSwiper .swiper-slide:hover img{filter:none;opacity:1;transform:scale(1.08);}
.developerSwiper .swiper-pagination{bottom:5px;}
.developerSwiper .swiper-pagination-bullet{width:12px;height:12px;background:#111;opacity:.5;}
.developerSwiper .swiper-pagination-bullet-active{background:var(--primary);opacity:1;}
.developer-name{
display:block;
margin-top:12px;
font-size:14px;
font-weight:600;
color:var(--secondary);
text-align:center;
}
/*====================LOAN====================*/
#loan{background:#fff;}
.loan-image img{border-radius:25px;box-shadow:var(--shadow);}
#loan .check-list{margin:25px 0 35px;}
/*====================CONTACT====================*/
#contact{background:#f4fafa;}
.contact-grid{display:grid;grid-template-columns:380px 1fr;gap:40px;}
.contact-info{background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:40px;border-radius:20px;color:#fff;}
.contact-info h3{color:#fff;margin-bottom:20px;}
.contact-info p{margin-bottom:18px;}
.contact-info i{margin-right:10px;}
.contact-form{background:#fff;padding:40px;border-radius:20px;box-shadow:var(--shadow);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:#fff;transition:var(--transition);}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--primary);}
.contact-form textarea{resize:vertical;min-height:140px;margin-bottom:20px;}
.contact-form .error{border-color:#ff4d4d;}
.contact-form button{width:100%;}
/*====================FOOTER====================*/
footer{background:#1f2a2f;color:#d9d9d9;padding:70px 0 25px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:40px;}
.footer-logo{height:60px;margin-bottom:20px;}
footer h4{color:#fff;margin-bottom:20px;font-size:20px;}
footer ul li{margin-bottom:12px;}
footer ul li a:hover{color:var(--primary);}
.social{display:flex;gap:12px;margin-top:20px;}
.social a{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);}
.social a:hover{background:var(--primary);}
.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.08);padding-top:25px;font-size:14px;}
/*====================WHATSAPP====================*/
.whatsapp,#scrollTop{position:fixed;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;z-index:999;transition:var(--transition);}
.whatsapp{right:25px;bottom:25px;background:#25d366;box-shadow:0 15px 35px rgba(37,211,102,.35);}
.whatsapp:hover{transform:scale(1.08);}
.whatsapp.pulse{animation:pulse 1s infinite;}
#scrollTop{right:25px;bottom:100px;background:var(--primary);opacity:0;visibility:hidden;}
#scrollTop.show{opacity:1;visibility:visible;}
#scrollTop:hover{background:var(--primary-dark);}
/*====================ANIMATION====================*/
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5);}70%{box-shadow:0 0 0 15px rgba(37,211,102,0);}100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}}
.loaded{animation:fadeIn .6s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(15px);}to{opacity:1;transform:translateY(0);}}
/*====================RESPONSIVE====================*/
@media(max-width:1199px){.project-grid,.cards-4,.why-grid{grid-template-columns:repeat(2,1fr);}.footer-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:991px){section{padding:70px 0;}.grid-2,.contact-grid{grid-template-columns:1fr;}.cards-3{grid-template-columns:1fr;}.hero-content h1{font-size:48px;}.hero-content p{font-size:17px;}.hero-stats{grid-template-columns:repeat(2,1fr);position:relative;left:auto;bottom:auto;transform:none;width:92%;margin:40px auto 0;}.menu-toggle{display:block;}.nav-menu{position:absolute;top:100%;left:0;width:100%;background:#fff;display:none;flex-direction:column;align-items:flex-start;padding:25px;gap:18px;box-shadow:0 20px 35px rgba(0,0,0,.08);}.nav-menu.active{display:flex;}.nav-menu li a{color:var(--secondary)!important;}.top-left{display:none;}.top-bar .container{justify-content:center;}.about-image::before{right:20px;bottom:20px;}}
@media(max-width:767px){h1{font-size:38px;}h2{font-size:30px;}.cards-4,.project-grid,.why-grid,.check-list,.form-row,.footer-grid{grid-template-columns:1fr;}.hero-btns{flex-direction:column;}.hero-content{text-align:center;margin:auto;}.hero-content p{margin-left:auto;margin-right:auto;}.hero-stats{grid-template-columns:1fr;}.project-card img{height:220px;}.top-right{flex-direction:column;gap:10px;}.contact-info,.contact-form{padding:25px;}}