* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--wic-text);

}


    /* =====================================
       DESKTOP NAVIGATION
    ===================================== */

    .wic-nav {
      position: relative;
      background: var(--wic-blue);
      z-index: 1050;
    }


    .wic-nav .nav {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      margin: 0;
      padding: 0;
      list-style: none;
    }


    .wic-nav .nav-item {
      position: static;
    }


    .wic-nav .nav-link {
      color: #fff;
      padding: 19px 15px;
      font-size: 14px;
      font-weight: 600;
      display: flex;
      align-items: center;
      gap: 7px;
      white-space: nowrap;
      transition: all .25s ease;
    }


    .wic-nav .nav-link:hover,
    .wic-nav .nav-item:hover > .nav-link {
      background: var(--wic-blue-light);
      color: #fff;
    }


    .wic-nav .nav-link .bi-chevron-down {
      font-size: 10px;
      transition: transform .25s ease;
    }


    .wic-nav .has-mega:hover .bi-chevron-down {
      transform: rotate(180deg);
    }



    /* =====================================
       MEGA PANEL
    ===================================== */

    .mega-panel {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;

      background: #fff;

      border-top: 3px solid var(--wic-red);

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

      opacity: 0;
      visibility: hidden;

      transform: translateY(10px);

      transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease;

      z-index: 1100;
    }


    .has-mega:hover > .mega-panel {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }


    .mega-panel .container {
      padding-top: 30px;
      padding-bottom: 30px;
    }


    /* =====================================
       MEGA MENU COLUMNS
    ===================================== */

    .mega-col h6 {
      color: var(--wic-blue);
      font-size: 14px;
      font-weight: 800;
      margin-bottom: 15px;
      text-transform: uppercase;
      letter-spacing: .04em;
    }


    .mega-links {
      list-style: none;
      padding: 0;
      margin: 0;
    }


    .mega-links li {
      margin-bottom: 5px;
    }


    .mega-links li a {
      display: block;
      color: var(--wic-text);

      padding: 7px 0;

      font-size: 14px;

      transition:
        color .2s ease,
        padding-left .2s ease;
    }


    .mega-links li a:hover {
      color: var(--wic-red);
      padding-left: 5px;
    }


    /* =====================================
       CTA BOX
    ===================================== */

    .mega-cta {
      height: 100%;

      background: var(--wic-light);

      border: 1px solid var(--wic-line);

      border-radius: 10px;

      padding: 22px;
    }


    .mega-cta h6 {
      text-transform: none;
      margin-bottom: 10px;
    }


    .mega-cta p {
      color: var(--wic-muted);
      line-height: 1.6;
      font-size: 14px;
    }


    .btn-wic-red {
      background: var(--wic-red);
      border-color: var(--wic-red);
      color: #fff;
    }


    .btn-wic-red:hover {
      background: #be161c;
      border-color: #be161c;
      color: #fff;
    }



    /* =====================================
       MOBILE HEADER
    ===================================== */

    .mobile-nav-bar {
      background: var(--wic-blue);
      padding: 12px 15px;
    }


    .mobile-menu-btn {
      background: transparent;
      color: #fff;

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

      border-radius: 5px;

      padding: 7px 12px;
    }



    /* =====================================
       MOBILE OFFCANVAS
    ===================================== */

    .offcanvas-wic {
      background: var(--wic-blue);
      color: #fff;
      width: 340px !important;
    }


    .offcanvas-wic .offcanvas-header {
      border-color: rgba(255, 255, 255, .15) !important;
    }


    .offcanvas-wic .accordion-item {
      background: transparent;
      border-color: rgba(255, 255, 255, .12);
    }


    .offcanvas-wic .accordion-button {
      color: #fff;

      background: transparent;

      box-shadow: none;

      font-weight: 600;

      padding: 16px 18px;
    }


    .offcanvas-wic .accordion-button:not(.collapsed) {
      background: rgba(255, 255, 255, .08);
      color: #fff;
    }


    .offcanvas-wic .accordion-button::after {
      filter: brightness(0) invert(1);
    }


    .offcanvas-wic .accordion-body {
      background: var(--wic-blue-light);
      padding: 18px;
    }


    .mobile-menu-heading {
      font-size: 12px;

      font-weight: 700;

      text-transform: uppercase;

      letter-spacing: .08em;

      color: #9fb4de;

      margin-bottom: 8px;
    }


    .mobile-submenu {
      list-style: none;
      padding: 0;
      margin: 0 0 20px;
    }


    .mobile-submenu li {
      border-bottom: 1px solid rgba(255,255,255,.08);
    }


    .mobile-submenu li:last-child {
      border-bottom: 0;
    }


    .mobile-submenu li a {
      color: #fff;

      display: block;

      padding: 9px 0;

      font-size: 14px;
    }


    .mobile-submenu li a:hover {
      color: #ffb4b4;
    }


    /* =====================================
       RESPONSIVE
    ===================================== */

    @media (max-width: 1199px) {

      .wic-nav .nav-link {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
      }

    }
/* mega menu style */
.wic-nav .has-mega.mega-open > .mega-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.wic-nav .has-mega.mega-open > .nav-link {
  background: var(--wic-blue-light);
}

.wic-nav .has-mega.mega-open .bi-chevron-down {
  transform: rotate(180deg);
}
/* mega menu end  */
 :root{
    --wic-navy:#1c3a6e;
    --wic-navy-deep:#122A54;
    --wic-red:#e0271c;
    --wic-blue:#2f8bd0;
    --wic-white:#ffffff;
    --wic-mist:#f4f7fc;
    --wic-ink:#1b2436;
    --wic-line:rgba(255,255,255,.14);
    --font-display:'Playfair Display', Georgia, serif;
    --font-body:'Inter', -apple-system, sans-serif;
  }

  *{box-sizing:border-box;}
  body{
    font-family:var(--font-body);
    color:var(--wic-ink);
    background:var(--wic-white);
  }
  h1,h2,h3,h4,.display-font{font-family:var(--font-display);}
  a{text-decoration:none;}
  .btn{border-radius:2px;}
  @media (prefers-reduced-motion: reduce){ *{animation:none !important; transition:none !important;} }

  /* ===== Top utility bar ===== */
  .wic-topbar{
    background:var(--wic-navy-deep);
    color:#cfd9ef;
    font-size:.8125rem;
    border-bottom:1px solid var(--wic-line);
  }
  .wic-topbar a{color:#cfd9ef; opacity:.9;}
  .wic-topbar a:hover{color:#fff; opacity:1;}
  .wic-topbar .sep{opacity:.35; margin:0 .6rem;}

  /* ===== Header ===== */
  .wic-header{background:var(--wic-navy);}
  .wic-logo-badge{
    width:52px;height:52px;border-radius:50%;
    background:linear-gradient(135deg, var(--wic-red) 50%, var(--wic-blue) 50%);
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.05rem;
    border:2px solid rgba(255,255,255,.85);
    flex:none;
  }
  .wic-logo-text{line-height:1.05;}
  .wic-logo-text .l1{font-family:var(--font-display); font-weight:800; font-size:1.05rem; color:#fff; letter-spacing:.03em;}
  .wic-logo-text .l2{font-size:.68rem; letter-spacing:.14em; color:#9fb4de; text-transform:uppercase;}
  .wic-partner-tag{
    color:#b9c8e8; font-size:.8rem; padding-left:1rem; margin-left:1rem; border-left:1px solid var(--wic-line);
  }
  .wic-partner-tag strong{color:#fff; display:block; font-size:.82rem;}

  /* ===== Nav / Mega menu (desktop) ===== */
  .wic-nav{background:var(--wic-navy-deep); position:relative; z-index:1030;}
  .wic-nav .nav-link{
    color:#e7ecf7 !important;
    font-weight:600;
    font-size:.85rem;
    letter-spacing:.02em;
    padding:.9rem 1rem !important;
    border-bottom:3px solid transparent;
  }
  .wic-nav .nav-item.has-mega:hover > .nav-link,
  .wic-nav .nav-link:focus{
    color:#fff !important;
    border-bottom-color:var(--wic-red);
    background:rgba(255,255,255,.04);
  }
  .wic-nav .nav-link .bi{font-size:.65rem; margin-left:.25rem; vertical-align:.1em;}

  .mega-panel{
    position:absolute; left:0; right:0; top:100%;
    background:#fff; border-top:3px solid var(--wic-red);
    box-shadow:0 20px 40px rgba(11,25,55,.22);
    padding:2rem 0; display:none; z-index:1030;
  }
  .nav-item.has-mega:hover .mega-panel{display:block;}
  .mega-col h6{
    font-family:var(--font-display); font-weight:700; color:var(--wic-navy);
    font-size:.95rem; margin-bottom:.75rem; padding-bottom:.5rem; border-bottom:2px solid #eef1f8;
  }
  .mega-col a{
    display:block; color:#3a445c; font-size:.86rem; padding:.3rem 0; transition:.15s;
  }
  .mega-col a:hover{color:var(--wic-red); transform:translateX(3px);}
  .mega-cta{
    background:var(--wic-mist); border-radius:6px; padding:1.25rem;
  }
  .mega-cta h6{color:var(--wic-navy); font-family:var(--font-display);}
  .mega-cta p{font-size:.82rem; color:#5a6480;}

  .btn-wic-red{background:var(--wic-red); border-color:var(--wic-red); color:#fff; font-weight:600;}
  .btn-wic-red:hover{background:#c11e15; border-color:#c11e15; color:#fff;}
  .btn-wic-outline{border:1.5px solid #fff; color:#fff; font-weight:600;}
  .btn-wic-outline:hover{background:#fff; color:var(--wic-navy);}

  /* ===== Hero (shield-split signature) ===== */
  .wic-hero{
    position:relative; overflow:hidden;
    background:var(--wic-navy);
    color:#fff;
  }
  .wic-hero::before{
    content:"";
    position:absolute; top:-30%; right:-12%; width:65%; height:170%;
    background:var(--wic-blue);
    clip-path:polygon(38% 0, 100% 0, 100% 100%, 8% 100%);
    opacity:.9;
  }
  .wic-hero::after{
    content:"";
    position:absolute; top:-30%; right:-2%; width:38%; height:170%;
    background:var(--wic-red);
    clip-path:polygon(38% 0, 100% 0, 100% 100%, 8% 100%);
    opacity:.95;
  }
  .wic-hero .hero-inner{position:relative; z-index:2;}
  .hero-eyebrow{
    display:inline-flex; align-items:center; gap:.5rem;
    background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.25);
    padding:.35rem .9rem; border-radius:30px; font-size:.78rem; letter-spacing:.08em;
    text-transform:uppercase; color:#dfe7fb;
  }
  .wic-hero h1{font-size:clamp(2rem, 4vw, 3.1rem); font-weight:800; line-height:1.12;}
  .wic-hero .lead{color:#cfd9ef; font-size:1.08rem; max-width:520px;}
  .crest-mini{
    width:150px;height:150px; margin:0 auto;
    background:linear-gradient(135deg, var(--wic-red) 50%, var(--wic-blue) 50%);
    border-radius:16px; display:flex; align-items:center; justify-content:center;
    border:3px solid rgba(255,255,255,.85); box-shadow:0 25px 50px rgba(0,0,0,.35);
  }
  .crest-mini span{font-family:var(--font-display); font-weight:800; color:#fff; font-size:2.4rem;}

  /* ===== Sections ===== */
  .section-eyebrow{
    color:var(--wic-red); font-weight:700; font-size:.78rem; letter-spacing:.12em; text-transform:uppercase;
  }
  .section-title{font-family:var(--font-display); font-weight:700; color:var(--wic-navy);}

  .assess-banner{
    background:linear-gradient(120deg, var(--wic-navy) 0%, #234a8c 100%);
    color:#fff; border-radius:10px;
  }

  .partner-strip .partner-card{
    border:1px solid #e9edf6; border-radius:8px; padding:1.25rem; height:100%;
  }
  .partner-badge{
    width:46px;height:46px;border-radius:50%; background:var(--wic-mist);
    display:flex;align-items:center;justify-content:center; color:var(--wic-navy); font-size:1.2rem;
  }

  .path-card{
    border:1px solid #e9edf6; border-radius:10px; padding:1.6rem; height:100%;
    transition:.2s; background:#fff;
  }
  .path-card:hover{border-color:var(--wic-blue); box-shadow:0 14px 30px rgba(28,58,110,.1); transform:translateY(-3px);}
  .path-icon{
    width:48px;height:48px;border-radius:8px; display:flex;align-items:center;justify-content:center;
    background:var(--wic-mist); color:var(--wic-navy); font-size:1.3rem; margin-bottom:1rem;
  }
  .path-card h3{font-size:1.05rem; font-family:var(--font-display); color:var(--wic-navy);}
  .path-card p{font-size:.88rem; color:#5a6480;}
  .path-card .stretched-link{font-size:.82rem; font-weight:600; color:var(--wic-red);}

  .news-card{border:1px solid #e9edf6; border-radius:10px; overflow:hidden; height:100%;}
  .news-card .news-tag{
    background:var(--wic-mist); color:var(--wic-navy); font-size:.72rem; font-weight:700;
    letter-spacing:.06em; text-transform:uppercase; padding:.25rem .6rem; border-radius:20px; display:inline-block;
  }
  .news-thumb{height:170px; background:linear-gradient(135deg, var(--wic-navy), var(--wic-blue));}

  .tools-list a{
    display:flex; align-items:center; gap:.6rem; padding:.85rem 1rem; border:1px solid #e9edf6;
    border-radius:8px; color:var(--wic-navy); font-weight:600; font-size:.88rem; height:100%;
  }
  .tools-list a:hover{background:var(--wic-mist); border-color:var(--wic-blue);}

  .newsletter-band{background:var(--wic-mist); border-radius:10px;}


.options-grid-child {
  background: #cdd6ea;
  margin: 2px;

  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--wic-navy);
  font-size: .85rem;
  font-weight: 600;
  transition: all 0.25s ease;
}

.options-grid a {
  display: block;
  padding: .7rem 1rem;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--wic-navy);
  text-decoration: none;
  transition: 
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.options-grid a:hover {
  background: #e2e8f5;
  border-color: #ffffff;
  color: var(--wic-navy);
  transform: translateX(3px);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}
  /* ===== Footer ===== */
  .wic-footer{background:var(--wic-navy-deep); color:#b9c8e8;}
  .wic-footer h6{color:#fff; font-family:var(--font-display); font-size:.95rem; margin-bottom:1rem;}
  .wic-footer a{color:#b9c8e8; font-size:.85rem; display:block; margin-bottom:.5rem;}
  .wic-footer a:hover{color:#fff;}
  .wic-footer .social-ico{
    width:34px;height:34px;border-radius:50%; background:rgba(255,255,255,.08);
    display:inline-flex; align-items:center; justify-content:center; color:#fff; margin-right:.4rem;
  }
  .footer-bottom{border-top:1px solid var(--wic-line); font-size:.78rem; color:#8ea0c8;}

  /* ===== Mobile offcanvas mega accordion ===== */
  .offcanvas-wic{background:var(--wic-navy); color:#fff;}
  .offcanvas-wic .accordion-button{
    background:transparent; color:#fff; font-weight:600; font-size:.92rem;
    box-shadow:none;
  }
  .offcanvas-wic .accordion-button::after{filter:invert(1);}
  .offcanvas-wic .accordion-button:not(.collapsed){background:rgba(255,255,255,.06); color:#fff;}
  .offcanvas-wic .accordion-item{background:transparent; border-color:var(--wic-line);}
  .offcanvas-wic .accordion-body{background:rgba(0,0,0,.15);}
  .offcanvas-wic .accordion-body a{color:#cfd9ef; display:block; padding:.4rem 0; font-size:.86rem;}
  .offcanvas-wic .accordion-body a:hover{color:#fff;}

  /* ==========================================
   PATHWAYS SECTION
========================================== */

.wic-pathways-section {
  background: #ffffff;
}


/* CARD */

.wic-path-card {
  border: 1px solid #dfe6ef;
  border-radius: 11px;

  padding: 26px 25px 24px;

  background: #fff;

  min-height: 250px;

  display: flex;
  flex-direction: column;

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


/* HOVER */

.wic-path-card:hover {
  transform: translateY(-4px);

  border-color: #cfd9e7;

  box-shadow:
    0 12px 30px rgba(7, 29, 73, .08);
}


/* ICON */

.wic-path-icon {
  width: 49px;
  height: 49px;

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

  background: #f4f7fc;

  border-radius: 9px;

  margin-bottom: 17px;

  color: #003b82;

  font-size: 21px;

  transition:
    background .25s ease,
    color .25s ease;
}


.wic-path-card:hover .wic-path-icon {
  background: #003b82;
  color: #ffffff;
}


/* TITLE */

.wic-path-card h3 {
  color: #071d49;

  font-family: Georgia, "Times New Roman", serif;

  font-size: 18px;

  font-weight: 700;

  line-height: 1.3;

  margin-bottom: 7px;
}


/* DESCRIPTION */

.wic-path-card p {
  color: #596685;

  font-size: 15px;

  line-height: 1.45;

  margin-bottom: 18px;
}


/* LINK */

.wic-path-link {
  margin-top: auto;

  color: #ff1f18;

  font-size: 14px;

  font-weight: 600;

  display: inline-flex;

  align-items: center;

  gap: 5px;

  width: fit-content;

  text-decoration: none;
}


.wic-path-link span {
  display: inline-block;

  transition: transform .2s ease;
}


.wic-path-link:hover {
  color: #d70c08;
}


.wic-path-link:hover span {
  transform: translateX(5px);
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991.98px) {

  .wic-path-card {
    min-height: 235px;
  }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767.98px) {

  .wic-pathways-section {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .wic-path-card {
    padding: 22px 20px;

    min-height: auto;
  }


  .wic-path-card h3 {
    font-size: 17px;
  }


  .wic-path-card p {
    font-size: 14px;
  }

}

/* immigration */

        /* =====================================
           IMMIGRATION POSTS
        ====================================== */

        .immigration-card {

            background: #ffffff;

            border: 1px solid #e5e7eb;

            border-radius: 14px;

            padding: 25px;

            margin-bottom: 20px;

            transition: all .25s ease;

        }


        .immigration-card:hover {

            transform: translateY(-4px);

            border-color: #cbd5e1;

            box-shadow:

                0 12px 30px
                rgba(0, 0, 0, .08);

        }


        .immigration-card-title {

            text-decoration: none;

            color: #111827;

        }


        .immigration-card-title:hover {

            color: #0d6efd;

        }


        .immigration-card h2 {

            font-size: 22px;

            line-height: 1.4;

            font-weight: 700;

            margin-bottom: 12px;

        }


        .post-meta {

            display: flex;

            align-items: center;

            gap: 7px;

            color: #9ca3af;

            font-size: 14px;

        }


        .read-more {

            display: inline-flex;

            align-items: center;

            gap: 6px;

            color: #0d6efd;

            font-size: 14px;

            font-weight: 600;

            text-decoration: none;

            margin-top: 17px;

        }


        .read-more:hover {

            gap: 10px;

        }



        /* =====================================
           RIGHT SIDEBAR
        ====================================== */

        .sidebar-sticky {

            position: sticky;

            top: 20px;

        }


        .info-box {

            background: #ffffff;

            border:

                1px solid
                #e5e7eb;

            border-radius: 14px;

            padding: 25px;

            margin-bottom: 22px;

            box-shadow:

                0 5px 18px
                rgba(0, 0, 0, .04);

        }


        .info-box h3 {

            font-size: 20px;

            font-weight: 700;

            margin-bottom: 20px;

        }


        .immigration-options li {

            border-bottom:
                1px solid
                #f0f0f0;

        }


        .immigration-options li:last-child {

            border-bottom: 0;

        }


        .immigration-options a {

            display: flex;

            align-items: center;

            justify-content: space-between;

            padding: 11px 0;

            color: #374151;

            text-decoration: none;

            font-size: 15px;

            transition: .2s ease;

        }


        .immigration-options a:hover {

            color: #0d6efd;

            padding-left: 5px;

        }


        .immigration-options i {

            color: #9ca3af;

            font-size: 13px;

        }



        /* =====================================
           CTA BOX
        ====================================== */

        .cta-box {

            background:
                linear-gradient(
                    135deg,
                    #0d6efd,
                    #084298
                );

            color: #ffffff;

            border-radius: 14px;

            padding: 27px;

            box-shadow:

                0 8px 25px
                rgba(13, 110, 253, .20);

        }


        .cta-box h3 {

            font-size: 21px;

            font-weight: 700;

            margin-bottom: 12px;

        }


        .cta-box p {

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

            font-size: 14px;

            line-height: 1.7;

            margin-bottom: 20px;

        }


        .cta-box .btn {

            font-weight: 600;

            border-radius: 8px;

            padding: 11px 20px;

        }



        /* =====================================
           EMPTY STATE
        ====================================== */

        .empty-state {

            background: #ffffff;

            border:
                1px solid
                #e5e7eb;

            border-radius: 14px;

            padding: 40px 25px;

            text-align: center;

        }


        .empty-state i {

            font-size: 35px;

            color: #9ca3af;

            margin-bottom: 15px;

        }


        .empty-state h3 {

            font-size: 20px;

            font-weight: 700;

        }


        .empty-state p {

            margin-bottom: 0;

            color: #6b7280;

        }



        /* =====================================
           RESPONSIVE
        ====================================== */

        @media(max-width: 991px) {

            .sidebar-sticky {

                position: static;

                margin-top: 25px;

            }

        }


        @media(max-width: 767px) {

            .hero {

                padding-top: 45px;

                padding-bottom: 30px;

            }


            .hero h1 {

                font-size: 34px;

            }


            .hero p {

                font-size: 16px;

            }


            .immigration-card {

                padding: 20px;

            }


            .immigration-card h2 {

                font-size: 19px;

            }

        }