@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');

/*====================================
  GOOGLE FONT
====================================*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/*====================================
  RESET CSS
====================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

.page-progress{
    position:fixed;
    top:0;
    left:0;
    z-index:2000;
    width:0;
    height:3px;
    background:#b8f36b;
    box-shadow:0 0 14px rgba(184,243,107,.7);
    pointer-events:none;
}

body.js-ready section:not(.hero){
    opacity:0;
    transform:translateY(28px);
    transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1);
}

body.js-ready section.is-visible:not(.hero){
    opacity:1;
    transform:translateY(0);
}

body{
    font-family:'Poppins',sans-serif;
    font-size:16px;
    line-height:1.7;
    color:#333;
    background:#ffffff;
    overflow-x:hidden;
}

.visually-hidden{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

/*====================================
  ROOT COLORS
====================================*/

:root{

    --primary:#15803d;
    --secondary:#0f172a;
    --accent:#22c55e;
    --white:#ffffff;
    --black:#111827;
    --gray:#6b7280;
    --light:#f8fafc;
    --border:#e5e7eb;

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

    --radius:18px;

    --transition:.35s ease;

}

/* PMS Assistant */
.pms-assistant{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:1050;
    width:min(380px, calc(100vw - 32px));
}

.pms-assistant-toggle{
    display:flex;
    align-items:center;
    gap:12px;
    margin-left:auto;
    padding:10px 16px 10px 10px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:#102a1c;
    color:#fff;
    box-shadow:0 18px 45px rgba(7,24,14,.26);
    font:600 14px 'Poppins',sans-serif;
    cursor:pointer;
    transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.pms-assistant-toggle:hover{
    transform:translateY(-3px);
    background:#163b25;
    box-shadow:0 22px 48px rgba(7,24,14,.32);
}

.pms-assistant-icon{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:50%;
    background:#b8f36b;
    color:#102a1c;
}

.pms-assistant-status{
    width:8px;
    height:8px;
    margin-left:2px;
    border-radius:50%;
    background:#b8f36b;
    box-shadow:0 0 0 4px rgba(184,243,107,.12);
}

.pms-assistant-panel{
    margin-bottom:12px;
    overflow:hidden;
    border:1px solid #dce7dc;
    border-radius:16px;
    background:#fff;
    box-shadow:0 22px 60px rgba(15,23,42,.2);
    animation:pmsAssistantIn .28s ease both;
}

@keyframes pmsAssistantIn{
    from{opacity:0;transform:translateY(10px) scale(.98);}
    to{opacity:1;transform:translateY(0) scale(1);}
}

.pms-assistant-header{
    display:flex;
    justify-content:space-between;
    gap:16px;
    padding:22px 22px 18px;
    background:#102a1c;
    color:#fff;
}

.pms-assistant-kicker{
    color:#b8f36b;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.pms-assistant-header h2{
    margin:4px 0 2px;
    font-size:21px;
    line-height:1.25;
}

.pms-assistant-header p{
    margin:0;
    color:#c8d8ca;
    font-size:12px;
}

.pms-assistant-close{
    align-self:flex-start;
    border:0;
    background:transparent;
    color:#c8d8ca;
    font-size:18px;
    cursor:pointer;
    transition:color .2s ease, transform .2s ease;
}

.pms-assistant-close:hover{
    color:#fff;
    transform:rotate(8deg);
}

.pms-assistant-messages{
    display:flex;
    flex-direction:column;
    gap:10px;
    max-height:260px;
    overflow-y:auto;
    padding:18px;
    background:#f7faf7;
}

.pms-assistant-message{
    max-width:88%;
    padding:10px 12px;
    border-radius:12px;
    font-size:13px;
    line-height:1.55;
    animation:pmsMessageIn .24s ease both;
}

@keyframes pmsMessageIn{
    from{opacity:0;transform:translateY(5px);}
    to{opacity:1;transform:translateY(0);}
}

.pms-assistant-message-bot{
    align-self:flex-start;
    border:1px solid #e0e9e1;
    background:#fff;
    color:#26382a;
}

.pms-assistant-message-user{
    align-self:flex-end;
    background:#dff6b5;
    color:#1f321f;
}

.pms-assistant-action{
    align-self:flex-start;
    color:#14733b;
    font-size:12px;
    font-weight:700;
    transition:color .2s ease, transform .2s ease;
}

.pms-assistant-action:hover{
    color:#0c4f27;
    transform:translateX(3px);
}

.pms-assistant-quick-replies{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    padding:12px 18px 4px;
}

.pms-assistant-quick-replies button{
    padding:7px 10px;
    border:1px solid #cfe1d0;
    border-radius:999px;
    background:#fff;
    color:#1c6537;
    font:600 11px 'Poppins',sans-serif;
    cursor:pointer;
    transition:background .2s ease, border-color .2s ease, transform .2s ease;
}

.pms-assistant-quick-replies button:hover{
    border-color:#79b57e;
    background:#f0f9e9;
    transform:translateY(-2px);
}

.pms-assistant-form{
    display:flex;
    gap:8px;
    padding:12px 18px 18px;
}

.pms-assistant-form input{
    min-width:0;
    flex:1;
    padding:10px 12px;
    border:1px solid #d7e2d8;
    border-radius:8px;
    outline:none;
    font:13px 'Poppins',sans-serif;
}

.pms-assistant-form input:focus{
    border-color:#6cae71;
    box-shadow:0 0 0 3px rgba(108,174,113,.15);
}

.pms-assistant-form button{
    width:40px;
    border:0;
    border-radius:8px;
    background:#15803d;
    color:#fff;
    cursor:pointer;
    transition:background .2s ease, transform .2s ease;
}

.pms-assistant-form button:hover{
    background:#166534;
    transform:translateY(-2px);
}

.pms-assistant-thinking{
    color:#55735b;
    font-style:italic;
}

.pms-assistant-thinking::after{
    content:"";
    display:inline-block;
    width:18px;
    height:4px;
    margin-left:6px;
    vertical-align:middle;
    background:radial-gradient(circle, #579b62 1.5px, transparent 2px) 0 50% / 6px 6px repeat-x;
    animation:pmsThinking 1s steps(3,end) infinite;
}

@keyframes pmsThinking{
    from{opacity:.35;transform:translateX(0);}
    to{opacity:1;transform:translateX(4px);}
}

@media (max-width:576px){
    .row{margin-left:0;margin-right:0;}
    .pms-assistant{
        right:16px;
        bottom:16px;
    }
    .pms-assistant-toggle-label{
        display:none;
    }
    .pms-assistant-toggle{
        padding:7px;
    }
}

/*====================================
  COMMON
====================================*/

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
    transition:var(--transition);
}

ul{
    list-style:none;
    padding:0;
    margin:0;
}

section{
    padding:100px 0;
}

.container{
    max-width:1320px;
}

/*====================================
  HEADINGS
====================================*/

.section-subtitle{

    display:inline-block;

    color:var(--accent);

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:2px;

    margin-bottom:15px;

}

.section-title{

    font-size:46px;

    font-weight:800;

    color:var(--secondary);

    line-height:1.2;

    margin-bottom:20px;

}

.section-description{

    color:var(--gray);

    font-size:17px;

    max-width:700px;

    margin:auto;

}

/*====================================
  BUTTONS
====================================*/

.btn-primary-custom{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:15px 35px;

    border-radius:50px;

    background:var(--primary);

    color:#fff;

    font-weight:600;

}

.btn-primary-custom:hover{

    background:#166534;

    color:#fff;

    transform:translateY(-4px);

}

.btn-outline-custom{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:15px 35px;

    border-radius:50px;

    border:2px solid #fff;

    color:#fff;

    font-weight:600;

}

.btn-outline-custom:hover{

    background:#fff;

    color:var(--primary);

}

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

.custom-navbar{

    padding:18px 0;

    background:rgba(8,18,13,.15);

    backdrop-filter:blur(14px);

    transition:.4s ease;

}

.custom-navbar.scrolled{

    background:#ffffff;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

}

.navbar-brand img{

    height:60px;

}

.navbar-nav{

    gap:18px;

}

.nav-link{

    position:relative;

    color:#ffffff !important;

    font-size:16px;

    font-weight:600;

    transition:.35s;

}

.custom-navbar.scrolled .nav-link{

    color:#222 !important;

}

.nav-link::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:0;

    height:3px;

    background:#22c55e;

    transition:.35s;

}

.nav-link:hover::after,
.nav-link.active::after{

    width:100%;

}

.nav-link:hover{

    color:#22c55e !important;

}

.nav-btn{

    padding:14px 32px;

    background:#15803d;

    color:#fff;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.nav-btn:hover{

    background:#166534;

    color:#fff;

    transform:translateY(-3px);

}

.navbar-toggler{

    border:none;

    background:#fff;

    padding:8px 12px;

}

.navbar-toggler:focus{

    box-shadow:none;

}

/*==================================
        HERO SECTION
==================================*/

.hero{
    position: relative;
    min-height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.hero-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(6,18,10,0.88),
        rgba(12,45,22,0.55),
        rgba(0,0,0,0.20)
    );
}

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

/* Hero Tag */

.hero-tag{
    display: inline-block;
    padding: 12px 28px;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.25);
    backdrop-filter: blur(12px);
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 25px;
}

/* Main Heading */

.hero-title{
    font-size: 72px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 15px;
    color: #fff;
}

.hero-title span{
    color: #39d353;
}

/* Subtitle */

.hero-subtitle{
    font-size: 34px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 25px;
}

/* Description */

.hero-description{
    max-width: 650px;
    color: rgba(255,255,255,0.90);
    font-size: 19px;
    line-height: 1.9;
    margin-bottom: 40px;
}

/* Buttons */

.hero-buttons{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

/* Primary Button */

.btn-green{
    display: inline-block;
    background: #15803d;
    color: #fff;
    padding: 16px 38px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s ease;
}

.btn-green:hover{
    background: #166534;
    color: #fff;
    transform: translateY(-4px);
}

/* Outline Button */

.btn-white{
    display: inline-block;
    border: 2px solid #fff;
    color: #fff;
    padding: 16px 38px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: .35s ease;
}

.btn-white:hover{
    background: #fff;
    color: #15803d;
}

/* Responsive */

@media (max-width:991px){

.hero{
    text-align: center;
}

.hero-title{
    font-size: 48px;
}

.hero-subtitle{
    font-size: 26px;
}

.hero-description{
    font-size: 17px;
    margin: 0 auto 35px;
}

.hero-buttons{
    justify-content: center;
}

}

@media (max-width:576px){

.hero-title{
    font-size: 38px;
}

.hero-subtitle{
    font-size: 22px;
}

.hero-tag{
    font-size: 13px;
}

.btn-green,
.btn-white{
    width: 100%;
    text-align: center;
}

}

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

.services-section{
    padding:110px 0;
    background:#f8fafc;
}

.section-header{
    max-width:760px;
    margin:0 auto 70px;
}

.section-subtitle{
    display:inline-block;
    color:#16a34a;
    font-size:15px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.section-title{
    font-size:48px;
    font-weight:800;
    color:#0f172a;
    margin-bottom:20px;
}

.section-title span{
    color:#16a34a;
}

.section-description{
    color:#64748b;
    font-size:18px;
    line-height:1.8;
}


.feature-content{
    width:100%;
}

.feature-content h5{
    margin-bottom:5px;
    font-size:18px;
    font-weight:600;
}

.view-more{
    color:#198754;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
}

.view-more:hover{
    text-decoration:underline;
}

.feature-content p{
    margin-top:10px;
    color:#666;
    line-height:1.8;
}


/*==================================
      PREMIUM SERVICE TABS
==================================*/

.service-tabs{

    gap:20px;

}

.service-tabs .nav-link{

    display:flex;

    align-items:center;

    gap:12px;

    background:#ffffff !important;

    color:#0f172a !important;

    border:1px solid #e5e7eb !important;

    border-radius:50px;

    padding:15px 35px;

    font-size:17px;

    font-weight:600;

    transition:.35s;

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

}

.service-tabs .nav-link i{

    color:#16a34a;

    font-size:18px;

}

.service-tabs .nav-link:hover{

    transform:translateY(-4px);

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

}

.service-tabs .nav-link.active{

    background:#15803d !important;

    color:#fff !important;

    border-color:#15803d !important;

}

.service-tabs .nav-link.active i{

    color:#fff;

}

@media(max-width:768px){

.service-tabs{

    flex-direction:column;

}

.service-tabs .nav-link{

    width:100%;

    justify-content:center;

}

}


/*==================================
      SERVICE CONTENT
==================================*/

.service-content{

    background:#fff;

    padding:45px;

    border-radius:20px;

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

}

.service-plan{

    display:inline-block;

    background:#e8f8ed;

    color:#15803d;

    padding:8px 18px;

    border-radius:30px;

    font-weight:600;

    margin-bottom:18px;

}

.service-content h2{

    font-size:42px;

    font-weight:700;

    color:#0f172a;

    margin-bottom:20px;

}

.service-content>p{

    color:#64748b;

    margin-bottom:35px;

    line-height:1.8;

}

.service-list{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.service-item{

    display:flex;

    align-items:flex-start;

    gap:18px;

}

.service-item i{

    width:55px;

    height:55px;

    background:#16a34a;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

    flex-shrink:0;

}

.service-item h5{

    margin-bottom:6px;

    font-weight:700;

}

.service-item p{

    margin:0;

    color:#64748b;

}

.service-btn{

    display:inline-block;

    margin-top:35px;

    background:#15803d;

    color:#fff;

    padding:15px 35px;

    border-radius:50px;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}

.service-btn:hover{

    background:#166534;

    color:#fff;

    transform:translateY(-4px);

}

/*==================================
      WHY CHOOSE US
==================================*/

.why-us-section{
    padding:110px 0;
    background:#fff;
}

.why-video{
    position:relative;
    overflow:hidden;
    border-radius:20px;
    box-shadow:0 20px 50px rgba(0,0,0,.15);
}

/* HTML5 Video */
.why-video video{
    width:100%;
    height:auto;
    max-height:520px;
    object-fit:contain;
    background:#000;
    display:block;
    border-radius:20px;
}

.why-text{
    margin:25px 0 35px;
    font-size:17px;
    line-height:1.9;
    color:#64748b;
}

.why-list{
    display:flex;
    flex-direction:column;
    gap:22px;
}

.why-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
}

.why-item i{
    width:55px;
    height:55px;
    background:#16a34a;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    flex-shrink:0;
}

.why-item h5{
    margin-bottom:6px;
    font-size:20px;
    font-weight:700;
    color:#0f172a;
}

.why-item p{
    margin:0;
    color:#64748b;
    line-height:1.7;
}

.why-btn{
    display:inline-block;
    margin-top:35px;
    padding:15px 35px;
    background:#16a34a;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.why-btn:hover{
    background:#15803d;
    color:#fff;
    transform:translateY(-3px);
}

@media (max-width:991px){

    .why-video video{
        height:350px;
    }

    .why-us-section{
        padding:80px 0;
    }

}


.why-video-content{
    margin-top:30px;
    padding:25px;
    background:#f8fafc;
    border-top:5px solid #16a34a;
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.why-video-title{
    font-size:28px;
    font-weight:700;
    color:#0f172a;
    margin:10px 0 15px;
}

.why-video-text{
    color:#64748b;
    line-height:1.9;
    font-size:16px;
    margin:0;
}

.stats-section{
    padding:110px 0;
    background:#f8fafc;
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
}

.stat-card{
    background:#166534;
    color:#fff;
    padding:35px 25px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.10);
    transition:.4s ease;
}

.stat-card:hover{
    transform:translateY(-8px);
    background:#198754;
}

.stat-card h2{
    font-size:30px;
    font-weight:700;
    margin-bottom:10px;
    color:#fff;
}

.stat-card p{
    font-size:15px;
    margin:0;
    color:#fff;
}

@media(max-width:992px){
    .stats-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:576px){
    .stats-grid{
        grid-template-columns:1fr;
    }
}
/*==============================
        GALLERY
==============================*/

.gallery-section{
    padding:110px 0;
    background:#f8fafc;
}

.gallery-card{
    position:relative;
    overflow:hidden;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(0,0,0,.10);
    transition:.4s ease;
    cursor:pointer;
    background:#fff;
}

.gallery-card img{
    width:100%;
    height:300px;
    object-fit:cover;
    display:block;
    transition:transform .5s ease;
}

.gallery-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.18);
}

.gallery-card:hover img{
    transform:scale(1.08);
}

.gallery-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.85),
        rgba(0,0,0,.10)
    );
    display:flex;
    justify-content:flex-end;
    flex-direction:column;
    padding:25px;
    opacity:0;
    transition:.4s ease;
}

.gallery-card:hover .gallery-overlay{
    opacity:1;
}

.gallery-overlay h5{
    color:#fff;
    font-size:22px;
    font-weight:700;
    margin:0;
}

.gallery-overlay p{
    color:#f1f1f1;
    margin-top:8px;
    margin-bottom:0;
    font-size:14px;
}

/* Image Link */

.gallery-card a{
    display:block;
    text-decoration:none;
    color:inherit;
}

/* Mobile */

@media(max-width:991px){

    .gallery-section{
        padding:80px 0;
    }

    .gallery-card img{
        height:250px;
    }

}

@media(max-width:576px){

    .gallery-card img{
        height:220px;
    }

    .gallery-overlay{
        padding:18px;
    }

    .gallery-overlay h5{
        font-size:18px;
    }

}
/*=========================
      TESTIMONIALS
=========================*/

/*==========================
      TESTIMONIAL
===========================*/
.rating i{
    color:#FFC107;
    font-size:16px;
    margin-right:2px;
}

.testimonial-top{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:15px;
}

.testimonial-top img{
    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
    border:3px solid #16a34a;
}

.testimonial-top h5{
    margin:0;
    font-weight:700;
}

.testimonial-top small{
    color:#777;
}
/*==================================
        PRICING SECTION
==================================*/

.pricing-section{
    padding:110px 0;
    background:#f8fafc;
}

.pricing-card{

    position:relative;
    background:#fff;
    border-radius:24px;
    padding:50px 40px;
    text-align:center;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    transition:.35s;
    overflow:hidden;
}

.pricing-card:hover{

    transform:translateY(-10px);

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

}

.pricing-badge{

    position:absolute;
    top:20px;
    right:-45px;

    background:#16a34a;
    color:#fff;

    padding:10px 55px;

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

    transform:rotate(45deg);
}

.pricing-card h4{

    font-size:30px;
    font-weight:700;
    color:#0f172a;
    margin-bottom:30px;

}

.price{

    margin-bottom:10px;

}

.currency{

    font-size:34px;
    color:#16a34a;
    font-weight:700;
    vertical-align:top;

}

.amount{

    font-size:72px;
    font-weight:800;
    color:#16a34a;

}

.unit{

    font-size:24px;
    font-weight:600;
    color:#334155;

}

.or-text{

    font-size:22px;
    font-weight:700;
    margin:15px 0;
    color:#64748b;

}

.minimum-price{

    font-size:34px;
    font-weight:700;
    color:#0f172a;

}

.pricing-note{

    margin-top:10px;
    color:#64748b;
    font-size:17px;

}

.gst-note{

    color:#ef4444;
    font-weight:600;
    margin-bottom:35px;

}

.pricing-features{

    list-style:none;
    padding:0;
    margin:0 0 40px;

}

.pricing-features li{

    padding:14px 0;
    border-bottom:1px solid #e5e7eb;
    font-size:18px;

}

.pricing-features li:last-child{

    border-bottom:none;

}

.pricing-features i{

    color:#16a34a;
    margin-right:10px;

}

.pricing-btn{

    display:inline-block;

    padding:16px 45px;

    background:#16a34a;
    color:#fff;

    text-decoration:none;

    border-radius:50px;

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

    transition:.3s;

}

.pricing-btn:hover{

    background:#15803d;
    color:#fff;
    transform:translateY(-3px);

}

@media(max-width:768px){

    .pricing-card{

        padding:40px 25px;

    }

    .amount{

        font-size:56px;

    }

    .minimum-price{

        font-size:28px;

    }

}


/*==================================
        CONTACT
==================================*/

.contact-section{
    padding:110px 0;
    background:#f8fafc;
}

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

.contact-box{
    display:flex;
    gap:20px;
    background:#fff;
    padding:25px;
    border-radius:18px;
    box-shadow:0 10px 35px rgba(0,0,0,.06);
}

.contact-box i{
    width:60px;
    height:60px;
    background:#16a34a;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    flex-shrink:0;
}

.contact-box h5{
    font-weight:700;
    margin-bottom:6px;
}

.contact-box p{
    margin:0;
    color:#64748b;
}

.contact-form{
    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
}

.contact-form .form-control{
    border-radius:12px;
    padding:15px;
    border:1px solid #e5e7eb;
    box-shadow:none;
}

.contact-form .form-control:focus{
    border-color:#16a34a;
    box-shadow:0 0 0 .2rem rgba(22,163,74,.15);
}

.btn-submit{
    background:#16a34a;
    color:#fff;
    padding:15px 40px;
    border:none;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.btn-submit:hover{
    background:#15803d;
}

/*==================================
            FOOTER
==================================*/

.footer{
    background:#0f172a;
    color:#cbd5e1;
    padding:80px 0 20px;
    position:relative;
}

.footer-logo{
    max-width:180px;
    margin-bottom:25px;
}

.footer-text{
    line-height:1.9;
    margin-bottom:25px;
}

.footer h4{
    color:#fff;
    margin-bottom:25px;
    font-size:20px;
    font-weight:700;
}

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

.footer ul li{
    margin-bottom:15px;
}

.footer ul li a{
    color:#cbd5e1;
    text-decoration:none;
    transition:.3s;
}

.footer ul li a:hover{
    color:#22c55e;
    padding-left:6px;
}

.footer-contact li{
    display:flex;
    gap:12px;
    align-items:flex-start;
}

.footer-contact i{
    color:#22c55e;
    margin-top:4px;
}

.footer-social{
    display:flex;
    gap:12px;
}

.footer-social a{
    width:45px;
    height:45px;
    background:#1e293b;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    transition:.3s;
}

.footer-social a:hover{
    background:#22c55e;
    transform:translateY(-4px);
}

.footer hr{
    border-color:#334155;
    margin:45px 0 25px;
}

.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:15px;
}

.footer-bottom p{
    margin:0;
}

.back-top{
    position:fixed;
    right:25px;
    bottom:25px;
    width:50px;
    height:50px;
    background:#16a34a;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    box-shadow:0 10px 30px rgba(0,0,0,.25);
    transition:.3s;
    z-index:999;
}

.back-top:hover{
    background:#15803d;
    color:#fff;
    transform:translateY(-5px);
}

@media (max-width:768px){

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

}


.visitor-counter{
    background:#0f172a;
    color:#fff;
    border-radius:8px;
    padding:15px;
    margin-bottom:20px;
    font-size:16px;
    font-weight:600;
}

.visitor-counter i{
    margin-right:6px;
}

@media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto;}
    body.js-ready section:not(.hero){
        opacity:1;
        transform:none;
        transition:none;
    }
    .pms-assistant-panel,
    .pms-assistant-message{animation:none;}
}

/* Premium public experience */
:root{
    --premium-ink:#10252a;
    --premium-green:#157044;
    --premium-lime:#b8ef73;
    --premium-paper:#f5f8f5;
    --premium-line:#dce8df;
}

body{font-family:'DM Sans',sans-serif;color:#30413a;background:var(--premium-paper);}
h1,h2,h3,h4,h5,h6,.navbar-brand,.section-title{font-family:'Space Grotesk','DM Sans',sans-serif;}
section{position:relative;}
.custom-navbar{padding:14px 0;background:rgba(16,37,42,.3);border-bottom:1px solid rgba(255,255,255,.14);}
.custom-navbar.scrolled{background:rgba(255,255,255,.94);border-bottom-color:var(--premium-line);backdrop-filter:blur(16px);}
.navbar-brand img{height:56px;filter:drop-shadow(0 5px 12px rgba(0,0,0,.16));}
.nav-link{font-size:13px;letter-spacing:.02em;}
.nav-btn{padding:12px 22px;background:var(--premium-green);border-radius:9px;font-size:13px;box-shadow:0 8px 18px rgba(21,112,68,.22);}
.nav-btn:hover{background:#0d5734;transform:translateY(-2px);}
.hero-overlay{background:linear-gradient(90deg,rgba(7,25,23,.9) 0%,rgba(8,46,31,.65) 48%,rgba(8,20,19,.15) 100%);}
.hero-tag{border:1px solid rgba(184,239,115,.38);background:rgba(16,37,42,.42);border-radius:9px;color:var(--premium-lime);font-size:12px;letter-spacing:.08em;text-transform:uppercase;}
.hero-title{font-size:clamp(46px,6.2vw,86px);letter-spacing:0;max-width:920px;}
.hero-title span{color:var(--premium-lime);}
.hero-subtitle{font-size:clamp(24px,3vw,38px);max-width:700px;}
.hero-description{max-width:610px;font-size:17px;line-height:1.8;color:rgba(255,255,255,.78);}
.btn-green,.btn-white{border-radius:9px;padding:14px 26px;font-size:14px;}
.btn-green{background:var(--premium-lime);color:var(--premium-ink);box-shadow:0 10px 24px rgba(184,239,115,.18);}
.btn-green:hover{background:#d0f99b;color:var(--premium-ink);}
.btn-white{border-color:rgba(255,255,255,.65);}
.section-title{color:var(--premium-ink);letter-spacing:0;}
.section-subtitle{font-size:12px;letter-spacing:.14em;color:var(--premium-green);}
.section-description{font-size:16px;}
.services-section,.gallery-section,.contact-section{background:var(--premium-paper);}
.service-tabs .nav-link{border-radius:9px;padding:13px 20px;box-shadow:0 8px 22px rgba(16,37,42,.05);}
.service-tabs .nav-link.active{background:var(--premium-ink)!important;border-color:var(--premium-ink)!important;color:#fff!important;box-shadow:0 12px 24px rgba(16,37,42,.16);}
.service-tabs .nav-link.active i{color:var(--premium-lime);}
.service-content,.pricing-card,.testimonial-card,.gallery-card,.contact-box,.contact-form{border:1px solid var(--premium-line);box-shadow:0 16px 38px rgba(16,37,42,.07);}
.service-content,.pricing-card,.testimonial-card{border-radius:12px;}
.gallery-card{border-radius:10px;overflow:hidden;}
.gallery-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(16,37,42,.14);}
.contact-box{border-radius:10px;}
.contact-box i{border-radius:10px;background:var(--premium-green);}
.contact-form{border-radius:12px!important;background:#fff;}
.form-control{border:1px solid var(--premium-line);border-radius:8px;padding:13px 15px;}
.form-control:focus{border-color:#6cab7a;box-shadow:0 0 0 4px rgba(108,171,122,.14);}
.btn-submit{border-radius:8px;background:var(--premium-green);}
.btn-submit:hover{background:#0d5734;transform:translateY(-2px);}
.footer{background:var(--premium-ink);}

@media(max-width:576px){
    .hero-title{font-size:42px;}
    .hero-description{font-size:15px;}
    .hero-buttons{gap:10px;}
}

/* Modern real-estate direction */
:root{
    --premium-ink:#14252b;
    --premium-green:#b18a52;
    --premium-lime:#e8c98f;
    --premium-paper:#f8f6f1;
    --premium-line:#e6ded0;
}

body{background:var(--premium-paper);color:#3b4542;}
h1,h2,h3,h4,h5,h6,.section-title{font-family:'Playfair Display',Georgia,serif;font-weight:600;}
.custom-navbar{background:rgba(20,37,43,.72);border-bottom-color:rgba(232,201,143,.25);}
.custom-navbar.scrolled{background:rgba(248,246,241,.96);}
.navbar-brand img{height:58px;}
.nav-link{font-family:'DM Sans',sans-serif;color:#f8f6f1!important;}
.custom-navbar.scrolled .nav-link{color:var(--premium-ink)!important;}
.nav-link::after{background:var(--premium-green);}
.nav-btn{background:var(--premium-green);color:#fff;border-radius:4px;box-shadow:0 10px 24px rgba(90,63,30,.2);}
.nav-btn:hover{background:#92703f;}
.hero-overlay{background:linear-gradient(90deg,rgba(12,28,34,.92),rgba(20,47,52,.62) 56%,rgba(16,28,32,.18));}
.hero-tag{background:rgba(20,37,43,.55);border-color:rgba(232,201,143,.55);border-radius:4px;color:var(--premium-lime);}
.hero-title{font-family:'Playfair Display',Georgia,serif;font-weight:600;}
.hero-title span{color:var(--premium-lime);}
.hero-subtitle{font-family:'DM Sans',sans-serif;font-weight:500;}
.btn-green,.btn-white{border-radius:4px;}
.btn-green{background:var(--premium-green);color:#fff;}
.btn-green:hover{background:#92703f;color:#fff;}
.btn-white:hover{background:#f8f6f1;color:var(--premium-ink);}
.section-subtitle{color:var(--premium-green);}
.section-title{color:var(--premium-ink);}
.section-title span{color:var(--premium-green);}
.services-section,.gallery-section,.contact-section{background:var(--premium-paper);}
.service-tabs .nav-link{border-radius:4px;}
.service-tabs .nav-link.active{background:var(--premium-ink)!important;border-color:var(--premium-ink)!important;}
.service-tabs .nav-link.active i{color:var(--premium-lime);}
.service-content,.pricing-card,.testimonial-card,.gallery-card,.contact-box,.contact-form{border-color:var(--premium-line);box-shadow:0 18px 42px rgba(20,37,43,.08);}
.service-content,.pricing-card,.testimonial-card,.contact-form{border-radius:6px;}
.gallery-card{border-radius:4px;}
.gallery-card:hover{box-shadow:0 22px 45px rgba(20,37,43,.15);}
.contact-box{border-radius:6px;}
.contact-box i{background:var(--premium-green);border-radius:4px;}
.form-control{border-color:var(--premium-line);border-radius:4px;background:#fffdfa;}
.btn-submit{background:var(--premium-ink);border-radius:4px;}
.btn-submit:hover{background:#243f48;}
.footer{background:#102127;}
.page-progress{background:var(--premium-lime);}
.pms-assistant-toggle{background:var(--premium-ink);border-radius:4px;}
.pms-assistant-toggle:hover{background:#243f48;}
.pms-assistant-icon{border-radius:4px;background:var(--premium-lime);}
.pms-assistant-status{background:var(--premium-lime);}
.pms-assistant-panel{border-color:var(--premium-line);border-radius:6px;}
.pms-assistant-header{background:var(--premium-ink);}
.pms-assistant-kicker{color:var(--premium-lime);}
.pms-assistant-quick-replies button{border-radius:4px;color:var(--premium-ink);}
.pms-assistant-form button{background:var(--premium-green);border-radius:4px;}

/* Professional PMS color system */
:root{
    --premium-ink:#102f49;
    --premium-green:#006d77;
    --premium-lime:#c78316;
    --premium-paper:#f4f8fa;
    --premium-line:#d8e5ea;
}

body{background:#f4f8fa;color:#263b4b;}
.custom-navbar{background:rgba(23,50,77,.82);border-bottom-color:rgba(255,255,255,.2);}
.custom-navbar.scrolled{background:rgba(255,255,255,.97);}
.nav-link::after{background:#f0b44d;}
.nav-btn{background:#087f8c;box-shadow:0 10px 24px rgba(8,127,140,.2);}
.nav-btn:hover{background:#056875;}
.hero-overlay{background:linear-gradient(90deg,rgba(13,42,64,.92),rgba(18,83,96,.68) 54%,rgba(16,42,56,.2));}
.hero-tag{background:rgba(23,50,77,.5);border-color:rgba(240,180,77,.62);color:#f8d48b;}
.hero-title span{color:#f8d48b;}
.btn-green{background:#087f8c;color:#fff;box-shadow:0 10px 24px rgba(8,127,140,.2);}
.btn-green:hover{background:#056875;color:#fff;}
.section-subtitle{color:#087f8c;}
.section-title{color:#102f49;}
.section-title span{color:#006d77;}
.services-section,.gallery-section,.contact-section{background:#f4f8fa;}
.service-tabs .nav-link.active{background:#17324d!important;border-color:#17324d!important;}
.service-tabs .nav-link.active i{color:#f0b44d;}
.service-content,.pricing-card,.testimonial-card,.gallery-card,.contact-box,.contact-form{border-color:#d8e5ea;box-shadow:0 16px 38px rgba(23,50,77,.07);}
.contact-box i{background:#087f8c;}
.form-control{border-color:#d8e5ea;background:#fff;}
.btn-submit{background:#087f8c;}
.btn-submit:hover{background:#056875;}
.footer{background:#17324d;}
.page-progress{background:#f0b44d;}
.pms-assistant-toggle{background:#17324d;}
.pms-assistant-toggle:hover{background:#214866;}
.pms-assistant-icon,.pms-assistant-status{background:#f0b44d;}
.pms-assistant-header{background:#17324d;}
.pms-assistant-kicker{color:#f6cb7b;}
.pms-assistant-form button{background:#087f8c;}

/* Premium services presentation */
.services-section{background:linear-gradient(180deg,#f4f8fa 0%,#fff 100%);}
.services-section .section-header{max-width:820px;margin-bottom:32px;}
.services-section .section-title{font-size:clamp(34px,4vw,54px);}
.service-tabs{gap:10px;margin-bottom:34px!important;padding:7px;border:1px solid #d8e5ea;border-radius:10px;background:#fff;box-shadow:0 10px 24px rgba(23,50,77,.05);}
.service-tabs .nav-item{flex:1;min-width:0;}
.service-tabs .nav-link{width:100%;justify-content:center;border-radius:6px;padding:14px 16px;background:transparent!important;color:#4d6474!important;border:0!important;box-shadow:none;white-space:nowrap;}
.service-tabs .nav-link:hover{background:#eef7f8!important;color:#006d77!important;transform:none;box-shadow:none;}
.service-tabs .nav-link.active{background:#102f49!important;color:#fff!important;box-shadow:0 8px 18px rgba(16,47,73,.18);}
.service-tabs .nav-link i{color:#087f8c;}
.service-tabs .nav-link.active i{color:#f0b44d;}
.service-image{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 20px 42px rgba(16,47,73,.14);}
.service-image::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,47,73,.05),transparent 55%);pointer-events:none;}
.service-image img{width:100%;aspect-ratio:1.12;object-fit:cover;transition:transform .6s ease;}
.tab-pane.active .service-image img{transform:scale(1.02);}
.service-content{min-height:100%;padding:34px;background:#fff;}
.service-plan{background:#eaf6f7;color:#006d77;border-radius:5px;padding:7px 12px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;}
.service-content h2{font-size:clamp(28px,3vw,42px);line-height:1.15;color:#102f49;}
.service-content>p{font-size:15px;color:#526572;line-height:1.7;margin-bottom:26px;}
.service-list{gap:12px;}
.service-item{gap:12px;padding:10px 0;border-bottom:1px solid #edf2f4;}
.service-item:last-child{border-bottom:0;}
.service-item i{width:38px;height:38px;border-radius:6px;background:#eaf6f7;color:#006d77;font-size:15px;}
.service-item h5{margin-bottom:2px;color:#17324d;font-family:'DM Sans',sans-serif;font-size:14px;}
.service-item p{font-size:12px;color:#71808b;line-height:1.5;}
.service-btn{margin-top:22px;padding:12px 20px;border-radius:5px;background:#087f8c;font-size:13px;}

@media(max-width:768px){
    .service-tabs{display:grid;grid-template-columns:1fr;gap:5px;}
    .service-tabs .nav-link{white-space:normal;}
    .service-image img{aspect-ratio:1.35;}
}

/* Premium gallery grid */
.gallery-section{background:linear-gradient(180deg,#fff 0%,#f4f8fa 100%);}
.gallery-section .section-header{max-width:760px;margin-bottom:36px;}
.gallery-section .row{row-gap:24px!important;}
.gallery-card{height:100%;border:1px solid #d8e5ea;border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(23,50,77,.08);}
.gallery-card a{position:relative;display:block;overflow:hidden;aspect-ratio:1.32;}
.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s ease;}
.gallery-card::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.12);}
.gallery-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(23,50,77,.15);}
.gallery-card:hover img{transform:scale(1.06);filter:saturate(1.08);}
.gallery-overlay{inset:auto 0 0;padding:52px 18px 16px;opacity:1;background:linear-gradient(to top,rgba(13,42,64,.9),rgba(13,42,64,0));transform:translateY(0);}
.gallery-overlay::after{content:"Open image  ↗";display:block;margin-top:5px;color:#f6cb7b;font:600 11px 'DM Sans',sans-serif;letter-spacing:.04em;opacity:.9;}
.gallery-overlay h5{font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.35;font-weight:700;}
.gallery-card:hover .gallery-overlay{opacity:1;background:linear-gradient(to top,rgba(13,42,64,.94),rgba(13,42,64,.08));}

@media(max-width:576px){
    .gallery-card a{aspect-ratio:1.2;}
    .gallery-overlay{padding:48px 15px 13px;}
    .gallery-overlay h5{font-size:14px;}
}

/* Contact concierge layout */
.contact-section{background:linear-gradient(180deg,#eef6f7 0%,#f8fbfc 100%);}
.contact-section .section-header{max-width:760px;margin-bottom:38px;}
.contact-section .section-title{font-size:clamp(34px,4vw,52px);}
.contact-section .row.align-items-center{align-items:stretch!important;}
.contact-info{height:100%;gap:12px;}
.contact-box{flex:1;align-items:center;gap:15px;padding:18px 20px;border:1px solid #d6e6ea;border-radius:8px;background:rgba(255,255,255,.84);box-shadow:0 10px 24px rgba(23,50,77,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.contact-box:hover{transform:translateX(4px);border-color:#9bcbd0;box-shadow:0 16px 30px rgba(23,50,77,.1);}
.contact-box i{width:44px;height:44px;border-radius:6px;background:#006d77;color:#fff;font-size:17px;}
.contact-box h5{margin-bottom:3px;color:#102f49;font-family:'DM Sans',sans-serif;font-size:14px;}
.contact-box p,.contact-box p a{color:#5b6f7c;font-size:13px;line-height:1.55;}
.contact-form{position:relative;height:100%;padding:32px;background:#fff;border:1px solid #d6e6ea;border-radius:10px!important;box-shadow:0 18px 40px rgba(23,50,77,.1);}
.contact-form::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:4px;border-radius:0 4px 4px 0;background:#f0b44d;}
.contact-form .section-subtitle{display:block;margin-bottom:20px;color:#102f49!important;font-family:'Playfair Display',Georgia,serif;font-size:26px!important;letter-spacing:0!important;line-height:1.2;}
.contact-form .form-control{min-height:46px;padding:12px 14px;background:#fbfdfd;}
.contact-form textarea.form-control{min-height:126px;resize:vertical;}
.btn-submit{min-height:46px;padding:12px 25px;border-radius:5px;background:#006d77;box-shadow:0 8px 18px rgba(0,109,119,.18);}
.btn-submit:hover{background:#005a63;}

@media(max-width:768px){
    .contact-form{padding:26px 20px;}
    .contact-form::before{top:18px;bottom:18px;}
    .contact-box:hover{transform:none;}
}

/* Testimonial story cards */
.testimonial-section{background:linear-gradient(180deg,#f4f8fa 0%,#eaf2f4 100%);}
.testimonial-section .section-header{max-width:700px;}
.testimonial-card{
    position:relative;
    height:100%;
    padding:28px 26px 26px;
    border:1px solid #d8e5ea;
    border-radius:10px;
    background:#fff;
    box-shadow:0 14px 32px rgba(23,50,77,.07);
    overflow:hidden;
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.testimonial-card::before{
    content:"“";
    position:absolute;
    top:8px;
    right:22px;
    color:rgba(8,127,140,.13);
    font:700 84px/1 'Playfair Display',Georgia,serif;
}
.testimonial-card:hover{
    transform:translateY(-7px);
    border-color:#9fc9cf;
    box-shadow:0 22px 44px rgba(23,50,77,.13);
}
.testimonial-top{position:relative;z-index:1;gap:14px;margin-bottom:17px;}
.testimonial-top img{width:58px;height:58px;border:3px solid #d4edf0;box-shadow:0 4px 12px rgba(23,50,77,.1);}
.testimonial-top h5{color:#102f49;font-family:'DM Sans',sans-serif;font-size:16px;font-weight:700;}
.testimonial-top small{display:block;margin-top:2px;color:#71808b;font-size:12px;}
.rating{margin-bottom:14px;letter-spacing:2px;}
.rating i{color:#c78316!important;font-size:14px;margin-right:1px;}
.testimonial-card>p{position:relative;z-index:1;margin:0;color:#526572;font-size:14px;line-height:1.8;}

@media(max-width:576px){
    .testimonial-card{padding:23px 20px;}
}

/* Hero readability and image visibility */
.hero-overlay{
    background:linear-gradient(90deg,rgba(8,30,48,.68) 0%,rgba(12,58,72,.38) 52%,rgba(8,25,39,.08) 100%);
}
.hero .col-lg-8{
    max-width:820px;
    padding:28px 34px;
    border-left:3px solid rgba(240,180,77,.9);
    background:linear-gradient(90deg,rgba(8,30,48,.48),rgba(8,30,48,.08));
}
.hero-tag{font-weight:700;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35);}
.hero-title{font-weight:800;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.42);}
.hero-title span{font-weight:800;color:#ffe0a1;}
.hero-subtitle{font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4);}
.hero-description{font-weight:600;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.42);}

/* Tighter page rhythm */
section{padding:76px 0;}
.services-section,.why-us-section,.stats-section,.gallery-section,.pricing-section,.contact-section{padding:78px 0;}
.section-header{margin-bottom:42px;}
.section-title{margin-bottom:14px;}
.section-description{line-height:1.65;}
.service-content{padding:34px;}
.contact-form{padding:30px;}
.contact-info{gap:16px;}
.contact-box{padding:18px;}
.stat-card{padding:25px 20px;}
.pricing-card{padding:38px 30px;}

@media(max-width:576px){
    .hero .col-lg-8{padding:20px 18px;border-left-width:2px;}
    section,.services-section,.why-us-section,.stats-section,.gallery-section,.pricing-section,.contact-section{padding:56px 0;}
    .section-header{margin-bottom:30px;}
    .service-content{padding:24px 20px;}
    .contact-form{padding:22px 18px;}
    .hero .col-lg-8{width:100%;max-width:100%;overflow-wrap:anywhere;}
    .hero-title{font-size:34px;line-height:1.14;overflow-wrap:anywhere;}
    .hero-subtitle{font-size:21px;line-height:1.3;}
    .hero-description{font-size:14px;line-height:1.65;}
    .hero .container{width:100%;padding-left:16px;padding-right:16px;}
    .hero .row{width:100%;margin-left:0;margin-right:0;}
    .hero .col-lg-8{display:block;box-sizing:border-box;width:100%;}
    .hero-title,.hero-subtitle,.hero-description{width:100%;max-width:100%;overflow-wrap:break-word;word-break:normal;}
    .hero-buttons{width:100%;}
}

/* ==================================
   CONTACT / BOOK INSPECTION — UX REFRESH
   ================================== */

.contact-info{
    height:100%;
    display:flex;
    flex-direction:column;
}

.contact-box{
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}

/* Quick call CTA */
.contact-quick-call{
    margin-top:auto;
    display:flex;
    align-items:center;
    gap:16px;
    padding:20px 22px;
    border-radius:8px;
    background:#102f49;
    color:#fff;
    box-shadow:0 14px 30px rgba(16,47,73,.22);
    transition:transform .25s ease,box-shadow .25s ease;
}

.contact-quick-call:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 38px rgba(16,47,73,.3);
    color:#fff;
}

.contact-quick-call-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    border-radius:50%;
    background:#f0b44d;
    color:#102f49;
    font-size:18px;
    flex-shrink:0;
}

.contact-quick-call-text{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.contact-quick-call-text strong{
    font:700 14px 'DM Sans',sans-serif;
}

.contact-quick-call-text small{
    margin-top:2px;
    color:#cfe3ea;
    font-size:13px;
}

.contact-quick-call-arrow{
    margin-left:auto;
    flex-shrink:0;
    opacity:.75;
    transition:transform .25s ease;
}

.contact-quick-call:hover .contact-quick-call-arrow{
    transform:translateX(4px);
}

/* Form header */
.contact-form-head{
    margin-bottom:24px;
}

.contact-form-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 16px;
    border-radius:999px;
    background:#eaf6f7;
    color:#006d77;
    font:700 12px 'DM Sans',sans-serif;
    letter-spacing:.04em;
    text-transform:uppercase;
    margin-bottom:12px;
}

.contact-form-sub{
    margin:0;
    color:#5b6f7c;
    font-size:14px;
    line-height:1.6;
}

/* Floating labels with icons */
.contact-form .form-floating > .form-control{
    min-height:58px;
    padding:1.2rem .9rem .4rem;
}

.contact-form .form-floating > textarea.form-control{
    padding-top:1.6rem;
}

.contact-form .form-floating > label{
    padding:.9rem;
    color:#71808b;
    font-size:14px;
    transition:opacity .1s ease-in-out,transform .1s ease-in-out,color .15s ease;
}

.contact-form .form-floating > label i{
    margin-right:8px;
    color:#087f8c;
    width:14px;
    text-align:center;
}

.contact-form .form-floating > .form-control:focus ~ label,
.contact-form .form-floating > .form-control:not(:placeholder-shown) ~ label{
    color:#006d77;
}

.contact-form .form-control:invalid,
.contact-form .form-control:valid{
    background-image:none;
}

.contact-form.was-validated .form-control:invalid{
    border-color:#e5484d;
    box-shadow:0 0 0 .2rem rgba(229,72,77,.12);
}

.contact-form.was-validated .form-control:valid{
    border-color:#b6d9c9;
}

/* Submit button + loading state */
.btn-submit{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.btn-submit-spinner{
    display:none;
    width:16px;
    height:16px;
    border:2px solid rgba(255,255,255,.4);
    border-top-color:#fff;
    border-radius:50%;
    animation:btnSubmitSpin .6s linear infinite;
}

.btn-submit.is-loading{
    opacity:.85;
    cursor:progress;
}

.btn-submit.is-loading .btn-submit-spinner{
    display:inline-block;
}

@keyframes btnSubmitSpin{
    to{transform:rotate(360deg);}
}

.contact-form-note{
    display:flex;
    align-items:center;
    gap:8px;
    margin:14px 0 0;
    color:#71808b;
    font-size:12.5px;
}

.contact-form-note i{
    color:#006d77;
}

@media (prefers-reduced-motion:reduce){
    .btn-submit-spinner{animation:none;}
}

@media(max-width:768px){
    .contact-quick-call{padding:16px 18px;gap:12px;}
    .contact-quick-call-arrow{display:none;}
}