:root {
            --navy:     #0b1e3d;
            --navy-mid: #152d5a;
            --cyan:     #00b8d9;
            --cyan-dk:  #0097b8;
            --light:    #f4f7fb;
            --text:     #2c3e50;
            --muted:    #6c7a8d;
            --white:    #ffffff;
        }

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

        body {
            font-family: 'Barlow', sans-serif;
            color: var(--text);
            background: var(--white);
        }

        /* ── TOP BAR ─────────────────────────────────── */
        .topbar {
            background: var(--white);
            padding: 10px 0;
            border-bottom: 3px solid var(--navy);
        }
        .topbar .brand {
            display: flex;
            align-items: center;
            gap: 14px;
            text-decoration: none;
        }
        .topbar .brand img {
            height: 48px;
            width: auto;
        }
        .topbar .brand-text {
            font-family: Roboto, sans-serif
            font-size: 1.1rem;
            font-weight: 600;
            color: var(--navy);
            line-height: 1.2;
            letter-spacing: 0.5px;
        }
        .topbar .brand-text span {
            color: var(--navy);
            display: block;
            font-size: 1rem;
            font-weight: 400;
            letter-spacing: 1px;
            text-transform: uppercase;
        }
        .topbar .phones {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 4px;
            
        }
        .topbar .phones a {
            color: var(--navy);
            text-decoration: none;
            font-size: 1.1rem;
            font-weight:600;
            font-family:Courier;
            letter-spacing: 0.5px;
            display: flex;
            align-items: right;
            gap: 6px;
            transition: color 0.2s;
        }
        .topbar .phones a:hover { color: var(--cyan); }
        .topbar .phones a i { font-size: 1.1rem; color: var(--navy); }
        .topbar .lang-switch {
            margin-left: 20px;
            padding-left: 20px;
            border-left: 1px solid rgba(255,255,255,0.2);
            display: flex;
            align-items: center;
        }
        .topbar .lang-switch a {
            display: inline-block;
            transition: opacity 0.2s;
        }
        .topbar .lang-switch a:hover { opacity: 0.8; }
        .topbar .lang-switch img { height: 22px; border: 1px solid rgba(255,255,255,0.3); }

        /* ── NAVBAR ─────────────────────────────────── */
        .main-nav {
            background: var(--navy-mid);
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 2px 12px rgba(0,0,0,0.25);
        }
        .main-nav .navbar {
            padding: 0;
        }
        .main-nav .nav-link {
            color: rgba(255,255,255,0.85) !important;
            font-family: 'Barlow Condensed', sans-serif;
            font-size: 1.05rem;
            font-weight: 600;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            padding: 16px 18px !important;
            position: relative;
            transition: color 0.2s;
        }
        .main-nav .nav-link::after {
            content: '';
            position: absolute;
            bottom: 0; left: 50%; right: 50%;
            height: 3px;
            background: var(--cyan);
            transition: left 0.25s, right 0.25s;
        }
        .main-nav .nav-link:hover,
        .main-nav .nav-link.active {
            color: var(--cyan) !important;
        }
        .main-nav .nav-link:hover::after,
        .main-nav .nav-link.active::after {
            left: 0; right: 0;
        }
        .navbar-toggler {
            border-color: rgba(255,255,255,0.3);
            padding: 6px 12px;
            margin: 8px 0;
        }
        .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

        /* ── SLIDER ─────────────────────────────────── */
        .hero-slider {
            position: relative;
            background: var(--navy);
        }
        .swiper {
            width: 100%;
            height: 420px;
            
        }
        @media (max-width: 768px) { .swiper { height: 240px; } }
        .swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0.85;
        }
        .slide-caption {
            position: absolute;
            
            bottom: 0; left: 0; right: 0;
            background: linear-gradient(transparent, rgba(11,30,61,0.88));
            padding: 30px 40px 28px;
            z-index: 10;
            
        }
        .slide-caption h2 {
            font-family: 'Barlow Condensed', sans-serif;
            font-size: 1.9rem;
            font-weight: 800;
            color: var(--white);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 4px;
        }
        .slide-caption p {
            color: rgba(255,255,255,0.82);
            font-size: 1rem;
            margin: 0;
        }
        .swiper-pagination-bullet { background: var(--white); opacity: 0.6; }
        .swiper-pagination-bullet-active { background: var(--cyan); opacity: 1; }
        .swiper-button-next,
        .swiper-button-prev {
            color: var(--white);
            background: rgba(11,30,61,0.45);
            width: 42px; height: 42px;
            border-radius: 50%;
            --swiper-navigation-size: 18px;
            transition: background 0.2s;
        }
        .swiper-button-next:hover,
        .swiper-button-prev:hover { background: var(--cyan); }

        /* ── SERVICES SECTION ─────────────────────────── */
        .services-section {
            background: var(--light);
            padding: 56px 0 60px;
        }
        .section-intro {
            max-width: 740px;
            margin: 0 auto 44px;
            text-align: center;
        }
        .section-intro .badge-label {
            display: inline-block;
            background: var(--cyan);
            color: var(--navy);
            font-family: 'Barlow Condensed', sans-serif;
            font-weight: 700;
            font-size: 0.78rem;
            letter-spacing: 2px;
            text-transform: uppercase;
            padding: 4px 14px;
            border-radius: 20px;
            margin-bottom: 12px;
        }
        .section-intro h2 {
            font-family: 'Barlow Condensed', sans-serif;
            font-size: 2.2rem;
            font-weight: 800;
            color: var(--navy);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 14px;
        }
        .section-intro p {
            color: var(--muted);
            font-size: 1.05rem;
            line-height: 1.65;
        }
        .service-card {
            background: var(--white);
            border-radius: 10px;
            padding: 32px 28px 28px;
            text-align: center;
            box-shadow: 0 2px 16px rgba(11,30,61,0.07);
            transition: transform 0.25s, box-shadow 0.25s;
            height: 100%;
            text-decoration: none;
            display: block;
            border-top: 4px solid transparent;
        }
        .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 32px rgba(11,30,61,0.13);
            border-top-color: var(--cyan);
        }
        .service-card .icon-wrap {
            width: 64px; height: 64px;
            background: rgba(0,184,217,0.1);
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            margin: 0 auto 18px;
            transition: background 0.25s;
        }
        .service-card:hover .icon-wrap { background: var(--cyan); }
        .service-card .icon-wrap i {
            font-size: 1.7rem;
            color: var(--cyan);
            transition: color 0.25s;
        }
        .service-card:hover .icon-wrap i { color: var(--white); }
        .service-card h3 {
            font-family: 'Barlow Condensed', sans-serif;
            font-size: 1.2rem;
            font-weight: 700;
            color: var(--navy);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 8px;
        }
        .service-card p {
            color: var(--muted);
            font-size: 0.92rem;
            line-height: 1.55;
            margin: 0;
        }

        /* ── ABOUT STRIP ─────────────────────────────── */
        .about-strip {
            background: var(--navy);
            padding: 30px 0;
            margin-top:2em;
        }
        .about-strip .stat {
            text-align: center;
            padding: 16px 0;
        }
        .about-strip .stat-num {
            font-family: 'Barlow Condensed', sans-serif;
            font-size: 2.8rem;
            font-weight: 800;
            color: var(--cyan);
            line-height: 1;
        }
        .about-strip .stat-label {
            color: rgba(255,255,255,0.7);
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-top: 4px;
        }
        .about-strip .divider {
            width: 1px;
            background: rgba(255,255,255,0.15);
            align-self: stretch;
        }

        /* ── FOOTER ─────────────────────────────────── */
        footer {
            background: #ffffff;
            color: rgba(255,255,255,0.6);
            padding: 36px 0 24px;
            font-size: 0.88rem;
        }
        footer .footer-brand {
            font-family: 'Roboto', sans-serif;
            font-size: 1.3rem;
            font-weight: 700;
            color: var(--navy);
            letter-spacing: 1px;
            margin-bottom: 8px;
        }
        footer a {
            color: var(--blue);
            text-decoration: none;
            transition: color 0.2s;
        }
        footer a:hover { color: var(--cyan); }
        footer .footer-heading {
            color: var(--cyan);

            font-size: 0.9rem;
            font-weight: 700;
            letter-spacing: 1.5px;"
            text-transform: uppercase;
            margin-bottom: 12px;
        }
        footer ul { list-style: none; padding: 0; }
        footer ul li { margin-bottom: 6px; }
        footer .footer-bottom {
            border-top: 1px solid var(--cyan);
            margin-top: 28px;
            padding-top: 18px;
            text-align: center;
            font-size: 0.8rem;
color: var(--navy);
        }
        footer address { font-style: normal; line-height: 1.7; }
.content-wrap {

}
 .box-option {
    border: 2px solid;
    border-radius: 15px;
    padding:4px;
    margin-top:8px;
    background-color:#ffffff;
}
.box-head {
    font-size: 120%;
    font-weight:bold;
    margin:4px;
    color:navy;
    text-shadow: 1px 1px #666666;
    text-align:center;
}

.box-plan td {
    text-align:right;
    font-size: 80%;
    padding: 0.5em 0.3em;
}

.box-desc {
    font-size: 100%;
    text-align:center;
}
.box-fine {
    font-size:  80%;
}
.box-option ul {
    margin-left:20px;
    
}
.box-img {
    background-color: #ffffff; 
    border: 2px solid #cccccc; 
    border-radius: 15px;
    text-align:center;
}

.box-content {
    background-color: #ffffff;
    color:#000000;
    margin: 0;
    padding:20px 10px;
}
footer .row{
    font-size:80%;
    font-style:italic;
    margin-top:30px;
    color:#333;
    line-height:1.3em;
    max-width:80em;
}
footer {background-color:#fff;}
h1 {
    font-size:160%;
    
}
body {
    
}
.box-button, .form-buttons input{
    background-color: rgb(54, 113, 144);
    text-align:center;
    padding:4px;
    display:block;
    font-size:120%;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
    margin-bottom:10px;
    
}
.box-button:hover{
   color:#ccc;
   background-color: rgb(44, 93, 119);
}
.box-button:visited{
   color:#fff;
}


body {
  
}

@media all and (min-width: 601px) {
    body {
      background: url(/assets/gallery/bg.png) repeat-x;
    }
}
.top-bar-section {
    font-size:120%;
}
.language_select {
    font-size:13px;
    padding:1px;
    border:1px solid #000;
    margin-left:1px;
}f
.language_select img{
    vertical-align:text-top;
}
.orbit-caption p {
    margin-bottom:0;
}
#horizontalTab {
    padding:2px 2px 0px 2px;
}
.contentdiv {min-height:600px;}
.nobr {
  white-space: pre;
}


.phones a .bi {color : #ccc}

.box-plan-head {
    background-color: rgb(194, 224, 244);
    font-weight:bold;
    text-align:center
}
.plan-foot{
    font-size:.85em;
}
.box-plan {

width: 98%;
padding:0.1em;
border-collapse: collapse; 
margin-left: auto; 
margin-right: auto;
border:1px solid gray;
border-radius:5px;
}