/* ----- custom variables & resets (kept from original) ----- */
    :root {
      --blue: #056fce;
      --blue-deep: #0F3D63;
      --amber: #056fce;
      --rust: #056fce;
      --green: #2F7A54;
      --ink: #191F1A;
      --grey: #5C665F;
      --paper: #FFFFFF;
      --cream: #F6F1E4;
      --soft: #EFE9D8;
      --dark: #122530;
      --dark-deep: #0B1820;
      --display: 'Bebas Neue', sans-serif;
      --serif: 'Fraunces', serif;
    }
    * { margin:0; padding:0; box-sizing:border-box; }
    body {
      font-family: 'Poppins', sans-serif;
      color: var(--ink);
      background: var(--cream);
      overflow-x: hidden;
    }
    a { text-decoration: none; color: inherit; }
    img, svg { display: block; max-width: 100%; }
    .wrap { max-width:1200px; margin:0 auto; padding:0 32px; }
    .mono { font-family: 'JetBrains Mono', monospace; }

    /* topo texture (kept) */
    .topo { position:relative; }
    .topo::before {
      content:''; position:absolute; inset:0; pointer-events:none; opacity:0.5;
      background-size:420px 420px;
    }
    .topo>.wrap { position:relative; z-index:1; }

    /* ----- navbar (bs overrides) ----- */
    .navbar {
      background: #ffffff;
      border-bottom: 1px solid rgba(30,42,51,0.06);
      padding: 0;
      min-height: 82px;
    }
    .navbar .container-fluid { padding:0 32px; }
    .brand-text .h5 {
      font-family: var(--display); font-weight:400; font-size:23px; color:var(--ink); letter-spacing:0.01em; line-height:1.15;
    }
    .brand-text .sub {
      font-size:10px; letter-spacing:0.14em; color:var(--rust); font-weight:700;
    }
    .nav-link {
      font-size:14.5px; font-weight:500; color:var(--ink); opacity:0.75; transition:opacity .2s;
    }
    .nav-link:hover { opacity:1; color:var(--blue); }
    .pill {
      background:var(--amber); color:#fff; padding:12px 26px; border-radius:100px; font-weight:600; font-size:14px;
      display:inline-flex; align-items:center; gap:8px; 
      transition:transform .2s, box-shadow .2s;
      border:none;
    }
    .pill:hover { transform:translateY(-2px); color:#fff; }
    .pill.ghost { background:transparent; color:var(--ink); border:1.5px solid rgba(30,42,51,0.18); box-shadow:none; }
    .pill.ghost:hover { border-color:var(--blue); color:var(--blue); }
    /* mobile toggle button */
  .nav-toggle {
    width:42px; height:42px; border-radius:10px; border:1.5px solid rgba(30,42,51,0.14);
    background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:5px; cursor:pointer; padding:0; flex:none;
  }
  .nav-toggle span {
    display:block; width:20px; height:2px; background:var(--ink); border-radius:2px;
    transition:transform .3s ease, opacity .3s ease;
  }
  .nav-toggle.active span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
  .nav-toggle.active span:nth-child(2) { opacity:0; }
  .nav-toggle.active span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

  /* overlay backdrop */
  .nav-overlay {
    position:fixed; inset:0; background:rgba(11,24,32,0.55); backdrop-filter:blur(2px);
    opacity:0; visibility:hidden; transition:opacity .35s ease, visibility .35s ease; z-index:1040;
  }
  .nav-overlay.active { opacity:1; visibility:visible; }

  /* slide-in panel: hidden off-screen to the LEFT, slides in to the RIGHT */
  .nav-panel {
    position:fixed; top:0; left:0; height:100vh; width:82%; max-width:340px;
    background:#fff; z-index:1050; padding:28px 26px;
    display:flex; flex-direction:column;
    transform:translateX(-100%);
    transition:transform .4s cubic-bezier(.65,0,.35,1);
    box-shadow:20px 0 50px rgba(11,24,32,0.18);
  }
  .nav-panel.active { transform:translateX(0); }

  .nav-panel-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:36px; }
  .nav-close {
    width:38px; height:38px; border-radius:50%; border:1.5px solid rgba(30,42,51,0.14);
    background:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; color:var(--ink);
  }
  .nav-close:hover { color:var(--blue); border-color:var(--blue); }

  .nav-panel-links { list-style:none; display:flex; flex-direction:column; gap:6px; }
  .nav-panel-link {
    display:block; font-size:19px; font-weight:600; color:var(--ink); padding:14px 6px;
    border-bottom:1px solid rgba(30,42,51,0.08); transition:color .2s, padding-left .2s;
  }
  .nav-panel-link:hover { color:var(--blue); padding-left:12px; }

  @media(min-width:992px){
    .nav-overlay, .nav-panel { display:none; }
  }
    /* ----- hero slider (same as original) ----- */
    .hero-carousel { position:relative; height:88vh; min-height:600px; overflow:hidden; }
    .hero-track { position:relative; width:100%; height:100%; }
    .hero-slide {
      position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity 0.9s ease;
    }
    .hero-slide.active { opacity:1; visibility:visible; z-index:1; }
    .hero-slide img {
      position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 42%;
    }
    .hero-scrim {
      position:absolute; inset:0; background:linear-gradient(90deg, rgba(11,24,32,0.72) 0%, rgba(11,24,32,0.38) 46%, rgba(11,24,32,0.08) 75%);
    }
    .hero-content {
      position:absolute; inset:0; display:flex; align-items:center; z-index:2; pointer-events:none;
    }
    .hero-content .wrap { width:100%; pointer-events:auto; }
    .eyebrow-pill {
      display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,0.14); border:1px solid rgba(255,255,255,0.3);
      color:#fff; padding:8px 16px; border-radius:100px; font-size:11.5px; font-weight:600; letter-spacing:0.06em;
      margin-bottom:24px; backdrop-filter:blur(4px);
    }
    .hero h1 {
      font-family:var(--display); font-weight:400; font-size:clamp(58px, 10vw, 124px); line-height:0.86;
      color:#fff; letter-spacing:0.005em; max-width:760px; text-transform:uppercase;
    }
    .hero h1 .hl {
      color: #fff; font-family:var(--serif); font-style:italic; font-weight:600;
      text-transform:none; display:block; font-size:0.72em; letter-spacing:-0.01em; margin-top:6px;
    }
    .hero p.lede {
      color:rgba(255,255,255,0.88); font-size:17.5px; max-width:480px; margin-top:26px; line-height:1.6;
    }
    .hero-arrows {
      position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); display:flex; justify-content:space-between;
      padding:0 24px; z-index:4; pointer-events:none;
    }
    .hero-nav {
      pointer-events:auto; width:48px; height:48px; border-radius:50%; background:rgba(255,255,255,0.1);
      border:1px solid rgba(255,255,255,0.35); color:#fff; display:flex; align-items:center; justify-content:center;
      cursor:pointer; backdrop-filter:blur(4px); transition:background .2s, border-color .2s, transform .2s;
    }
    .hero-nav:hover { background:var(--amber); border-color:var(--amber); transform:translateY(-2px); }
    .hero-dots {
      position:absolute; bottom:30px; left:0; right:0; z-index:4; display:flex; justify-content:center; gap:10px;
    }
    .hero-dot {
      width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,0.4); border:none; cursor:pointer;
      transition:background .25s, transform .25s; padding:0;
    }
    .hero-dot.active { background:var(--amber); transform:scale(1.25); }

    /* section & eyebrow */
    .section { padding:50px 0; }
    .eyebrow {
      display:flex; align-items:center; gap:12px; margin-bottom:16px;
    }
    .eyebrow .dot {
      width:36px; height:36px; border-radius:50%; background:var(--paper); border:1.5px dashed rgba(5,111,206,0.45);
      display:flex; align-items:center; justify-content:center; color:var(--blue); flex:none;
    }
    .eyebrow span {
      font-family:'JetBrains Mono', monospace; font-size:12.5px; font-weight:600; color:var(--blue);
      letter-spacing:0.1em; text-transform:uppercase;
    }
    h2.heading {
      font-family:var(--display); font-weight:400; font-size:clamp(38px, 5.4vw, 58px);
      letter-spacing:0.005em; color:var(--ink); text-transform:uppercase;
    }
    p.body-text { color:var(--grey); font-size:16px; line-height:1.7; margin-top:14px; }

    /* cards / offer */
    .offer-card {
      background:var(--paper); border-radius:4px; padding:34px; display:flex; gap:22px;
      box-shadow:0 10px 26px rgba(25,31,26,0.07); border-left:3px solid var(--blue); height:100%;
    }
    .offer-card .ic {
      width:54px; height:54px; border-radius:50%; background:var(--cream); color:var(--green);
      display:flex; align-items:center; justify-content:center; flex:none; border:1.5px dashed rgba(47,122,84,0.4); transform:rotate(-5deg);
    }
    .offer-card h3 { font-family:var(--display); font-weight:400; font-size:24px; letter-spacing:0.01em; margin-bottom:8px; text-transform:uppercase; }
    .offer-card p { font-size:14px; color:var(--grey); line-height:1.6; }

    /* trail slider */
    .trail-slider {
      position:relative; margin-top:48px; border-radius:28px; overflow:hidden;
      background:radial-gradient(1100px 500px at 85% -10%, rgba(29,111,184,0.35), transparent 60%),
                 linear-gradient(160deg, var(--dark) 0%, var(--dark-deep) 100%);
      padding:58px 68px 34px; box-shadow:0 30px 60px rgba(11,24,32,0.28);
    }
    .trail-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:36px; gap:20px; }
    .trail-count { font-family:'JetBrains Mono', monospace; color:rgba(255,255,255,0.55); font-size:12.5px; letter-spacing:0.08em; }
    .trail-count b { color:var(--amber); font-weight:600; }
    .trail-arrows { display:flex; gap:10px; }
    .trail-nav {
      width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.08);
      border:1px solid rgba(255,255,255,0.22); color:#fff; display:flex; align-items:center; justify-content:center;
      cursor:pointer; transition:background .2s, border-color .2s, transform .2s;
    }
    .trail-nav:hover { background:var(--amber); border-color:var(--amber); transform:translateY(-2px); }
    .trail-nav:disabled { opacity:0.3; cursor:default; transform:none; background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.22); }
    .trail-viewport { overflow:hidden; }
    .trail-track { display:flex; transition:transform .55s cubic-bezier(.65,0,.35,1); }
    .trail-slide { flex:0 0 100%; display:grid; grid-template-columns:1fr 1.1fr; gap:52px; align-items:center; }
    .trail-media { position:relative; border-radius:20px; overflow:hidden; aspect-ratio:5/4; box-shadow:0 18px 40px rgba(0,0,0,0.35); }
    .trail-media img { width:100%; height:100%; object-fit:cover; }
    .trail-media .act-tag {
      position:absolute; top:14px; left:14px; background:rgba(255,255,255,0.92); color:var(--ink);
      font-size:11px; font-weight:700; padding:6px 12px; border-radius:100px; letter-spacing:0.03em;
    }
    .trail-info { color:#fff; }
    .trail-checkpoint {
      display:inline-block; font-family:'JetBrains Mono', monospace; color:var(--amber);
      font-size:11.5px; letter-spacing:0.12em; font-weight:600; margin-bottom:16px; text-transform:uppercase;
    }
    .trail-info h3 { font-family:var(--display); font-weight:400; font-size:clamp(30px,4vw,42px); text-transform:uppercase; margin-bottom:14px; letter-spacing:0.01em; }
    .trail-info p { color:rgba(255,255,255,0.72); font-size:15px; line-height:1.75; margin-bottom:28px; max-width:440px; }
    .trail-meta { display:flex; gap:34px; margin-bottom:32px; flex-wrap:wrap; }
    .meta-item b { display:block; font-size:16px; font-weight:700; color:#fff; }
    .meta-item span { display:block; margin-top:4px; font-size:11px; color:rgba(255,255,255,0.5); text-transform:uppercase; letter-spacing:0.05em; font-weight:600; }
    .trail-ridge { position:relative; margin-top:44px; height:110px; }
    .ridge-svg { position:absolute; top:0; left:0; width:100%; height:66px; }
    .ridge-marker { position:absolute; top:-14px; transform:translateX(-50%); font-size:20px; transition:left .55s cubic-bezier(.65,0,.35,1); filter:drop-shadow(0 6px 8px rgba(0,0,0,0.5)); }
    .ridge-dots { position:absolute; top:66px; left:0; right:0; height:44px; }
    .ridge-dot { position:absolute; top:0; transform:translateX(-50%); background:none; border:none; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:6px; color:rgba(255,255,255,0.5); transition:color .25s; }
    .ridge-dot .dot-num { width:30px; height:30px; border-radius:50%; border:1.5px solid rgba(255,255,255,0.28); display:flex; align-items:center; justify-content:center; font-family:'JetBrains Mono', monospace; font-size:11px; transition:all .25s; background:rgba(11,24,32,0.4); }
    .ridge-dot .dot-label { font-size:10px; letter-spacing:0.04em; text-transform:uppercase; font-weight:600; white-space:nowrap; }
    .ridge-dot:hover { color:rgba(255,255,255,0.85); }
    .ridge-dot.active { color:#fff; }
    .ridge-dot.active .dot-num { background:var(--amber); border-color:var(--amber); color:#fff; }
    .trail-cta { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-top:28px; padding:24px 28px; border-radius:16px; background:var(--soft); }
    .trail-cta p { font-size:14.5px; color:var(--grey); }
    .trail-cta p b { color:var(--ink); }

    /* banner */
    .banner-static { position:relative; height:70vh; min-height:460px; }
    .banner-static img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
    .banner-scrim { position:absolute; inset:0; background:linear-gradient(180deg, rgba(11,24,32,0.35) 0%, rgba(11,24,32,0.72) 100%); }
    .banner-content { position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; pointer-events:none; }
    .banner-content .wrap { pointer-events:auto; }
    .banner-content h2 { color:#fff; font-family:var(--display); font-weight:400; font-size:clamp(40px,7vw,84px); max-width:680px; margin:0 auto; letter-spacing:0.005em; line-height:0.94; text-transform:uppercase; }
    .banner-content p { color:rgba(255,255,255,0.85); margin-top:16px; font-size:16px; max-width:460px; margin-left:auto; margin-right:auto; }

    /* why choose */
    .why-item { display:flex; gap:20px; }
    .why-item .ic {
      width:50px; height:50px; border-radius:50%; background:var(--paper); color:var(--blue);
      display:flex; align-items:center; justify-content:center; flex:none; box-shadow:0 6px 16px rgba(18,37,48,0.08);
      border:1.5px dashed rgba(29,111,184,0.35); transform:rotate(5deg);
    }
    .why-item h4 { font-family:var(--display); font-weight:400; font-size:19px; letter-spacing:0.01em; margin-bottom:6px; text-transform:uppercase; }
    .why-item p { font-size:14px; color:var(--grey); line-height:1.6; }

    /* stats */
    .stats { position:relative; overflow:hidden; padding:100px 0 30px; background:linear-gradient(160deg, var(--dark) 0%, var(--dark-deep) 100%); }
    .stats-ridge { position:absolute; bottom:0; left:0; width:100%; height:70%; opacity:0.9; }
    .stats .wrap { position:relative; z-index:1; padding-bottom:54px; }
    .stat { text-align:center; position:relative; padding:0 10px; }
    .stat b { display:block; font-family:var(--display); font-weight:400; font-size:clamp(42px,6.4vw,68px); color:#fff; letter-spacing:0.01em; }
    .stat:nth-child(2) b, .stat:nth-child(4) b { color:var(--amber); }
    .stat span { display:block; margin-top:6px; font-family:'JetBrains Mono', monospace; font-size:11px; color:rgba(255,255,255,0.55); font-weight:600; text-transform:uppercase; letter-spacing:0.07em; }

    /* testimonials */
    .test-card { background:var(--paper); border-radius:2px; padding:32px 30px 24px; position:relative; box-shadow:0 10px 26px rgba(25,31,26,0.08); border-top:3px dashed rgba(5,111,206,0.3); height:100%; }
    .test-card .stars { color:var(--amber); font-size:14px; letter-spacing:2px; margin-bottom:16px; }
    .test-card p { font-family:var(--serif); font-size:16px; font-style:italic; color:var(--ink); line-height:1.6; margin-bottom:22px; }
    .test-card .who { font-family:'JetBrains Mono', monospace; font-size:11.5px; color:var(--grey); font-weight:600; border-top:1px solid rgba(30,42,51,0.12); padding-top:14px; text-transform:uppercase; letter-spacing:0.03em; }

    /* footer */
    footer { background:var(--dark-deep); color:rgba(255,255,255,0.7); padding:70px 0 30px; position:relative; }
    .foot-brand { display:flex; align-items:center; gap:11px; color:#fff; margin-bottom:16px; }
    .foot-brand span { font-family:var(--display); font-weight:400; font-size:21px; letter-spacing:0.01em; }
    footer h4 { font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:#fff; margin-bottom:18px; font-weight:700; }
    footer ul { list-style:none; display:flex; flex-direction:column; gap:11px; padding-left:0; }
    footer ul li a { font-size:14px; opacity:0.8; transition:opacity .2s; }
    footer ul li a:hover { opacity:1; color:var(--amber); }
    .foot-bottom { border-top:1px solid rgba(255,255,255,0.1); padding-top:24px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:12px; opacity:0.55; }

    /* icon item (about) */
    .icon-item { display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; width:100px; }
    .icon-item .ic { width:56px; height:56px; border-radius:50%; background:var(--paper); border:1.5px dashed rgba(5,111,206,0.4); display:flex; align-items:center; justify-content:center; color:var(--blue); transform:rotate(-6deg); box-shadow:0 6px 14px rgba(25,31,26,0.06); }
    .icon-item span { font-size:12.5px; font-weight:700; color:var(--ink); letter-spacing:0.01em; }
    .about-visual .frame { border-radius:22px; overflow:hidden; box-shadow:0 20px 45px rgba(18,37,48,0.16); }
    .about-visual .frame img { width:100%; height:100%; object-fit:cover; }
    .why-visual { border-radius:22px; overflow:hidden; box-shadow:0 20px 45px rgba(18,37,48,0.14); }
    .why-visual img { width:100%; height:100%; object-fit:cover; }
    .foot-brand img { width:38px; height:38px; object-fit:contain; }

    /* responsive */
    @media(max-width:960px) {
      .trail-slide { grid-template-columns:1fr; gap:26px; }
      .trail-slider { padding:44px 24px 28px; }
      .trail-info p { max-width:none; }
      .section { padding:70px 0; }
    }
    @media(max-width:860px) {
      .stats .wrap { row-gap:40px; padding-bottom:36px; }
      .stats .stat { transform:none !important; }
      .stats-ridge { height:100%; }
      .test-card { transform:none !important; }
      .ridge-dot .dot-label { display:none; }
      .trail-cta { flex-direction:column; align-items:flex-start; }
      .hero-nav { width:38px; height:38px; }
    }
    @media(max-width:600px) {
      .trail-head { flex-direction:column; align-items:flex-start; gap:14px; }
      .hero-arrows { padding:0 12px; }
    }

    /* ----- logo responsive fix ----- */
.navbar-brand img {
  width: 80px !important;
  height: auto !important;
  max-width: 100% !important;
}

@media (max-width: 991px) {
  .navbar-brand img {
    width: 150px !important;
  }
}

@media (max-width: 768px) {
  .navbar-brand img {
    width: 130px !important;
  }
}

@media (max-width: 576px) {
  .navbar-brand img {
    width: 110px !important;
  }
}

@media (max-width: 400px) {
  .navbar-brand img {
    width: 90px !important;
  }
}


/****about***/
/*==============================
 Vision & Mission Section
==============================*/

.vision-mission{
    background:#f8fbff;
    position:relative;
}

.section-subtitle{
    display:inline-block;
    color:#0670d0;
    font-size:14px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
}

.section-title{
    font-size:2.5rem;
    font-weight:700;
    color:#1f2937;
}

.title-line{
    width:80px;
    height:4px;
    background:#0670d0;
    border-radius:50px;
    margin-top:12px;
}

/* Card */

.vm-card{
    background:#fff;
    border-radius:18px;
    padding:45px 35px;
    text-align:center;
    height:100%;
    border:1px solid rgba(6,112,208,.15);
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s ease;
    position:relative;
    overflow:hidden;
}

.vm-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:#0670d0;
}

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

/* Icon */

.vm-icon{
    width:85px;
    height:85px;
    margin:0 auto 25px;
    border-radius:50%;
    background:rgba(6,112,208,.1);
    color:#0670d0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    transition:.3s;
}

.vm-card:hover .vm-icon{
    background:#0670d0;
    color:#fff;
    transform:rotateY(180deg);
}

/* Heading */

.vm-card h3{
    font-size:28px;
    font-weight:700;
    color:#0670d0;
    margin-bottom:18px;
}

/* Paragraph */

.vm-card p{
    color:#6b7280;
    font-size:16px;
    line-height:1.8;
    margin:0;
}

/* Responsive */

@media (max-width:991px){

    .section-title{
        font-size:2rem;
    }

    .vm-card{
        padding:35px 25px;
    }
}

@media (max-width:767px){

    .section-title{
        font-size:1.8rem;
    }

    .vm-icon{
        width:70px;
        height:70px;
        font-size:28px;
    }

    .vm-card h3{
        font-size:24px;
    }

    .vm-card p{
        font-size:15px;
    }
}
/*********


.trekking-section{
    background:#f8f3e7;
}

.section-subtitle{
    font-size:13px;
    letter-spacing:3px;
    color:#0d6efd;
    text-transform:uppercase;
    font-weight:600;
}

.section-title{
    font-size:55px;
    font-weight:800;
    text-transform:uppercase;
    color:#111;
}

.region-card{
    background:#fff;
    padding:35px;
    border-left:4px solid #0d6efd;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}

.region-card:hover{
    transform:translateY(-5px);
}

.icon-circle{
    width:60px;
    height:60px;
    border-radius:50%;
    border:2px dashed #c8c2a8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    color:#2c8c58;
    flex-shrink:0;
}

.region-card h4{
    font-weight:800;
    font-size:28px;
    margin-bottom:15px;
    text-transform:uppercase;
}

.region-card p{
    color:#555;
    line-height:1.8;
    margin-bottom:10px;
}

@media(max-width:768px){

    .section-title{
        font-size:34px;
    }

    .region-card{
        padding:25px;
    }

    .region-card h4{
        font-size:22px;
    }

    .icon-circle{
        width:50px;
        height:50px;
        font-size:20px;
    }
}
.trekking-section{
    background:#f8f3e7;
}

.section-subtitle{
    font-size:13px;
    letter-spacing:3px;
    color:#0d6efd;
    text-transform:uppercase;
    font-weight:600;
}

.section-title{
    font-size:55px;
    font-weight:800;
    text-transform:uppercase;
    color:#111;
}

.region-card{
    background:#fff;
    padding:35px;
    border-left:4px solid #0d6efd;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}

.region-card:hover{
    transform:translateY(-5px);
}

.icon-circle{
    width:60px;
    height:60px;
    border-radius:50%;
    border:2px dashed #c8c2a8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    color:#2c8c58;
    flex-shrink:0;
}

.region-card h4{
    font-weight:800;
    font-size:28px;
    margin-bottom:15px;
    text-transform:uppercase;
}

.region-card p{
    color:#555;
    line-height:1.8;
    margin-bottom:10px;
}

@media(max-width:768px){

    .section-title{
        font-size:34px;
    }

    .region-card{
        padding:25px;
    }

    .region-card h4{
        font-size:22px;
    }

    .icon-circle{
        width:50px;
        height:50px;
        font-size:20px;
    }
}
***************end*********/