*{margin:0;padding:0;box-sizing:border-box}
    body{    background: linear-gradient(180deg, #FFF 0%, #E2F1FF 100%);}
    a{text-decoration:none;color:inherit}

    .layout{display:flex;min-height:100vh;width:100%}
.nav-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}
    /* Sidebar */
    .sidebar{ transition: all 0.35s ease;  width:260px;background:#0c0c0c; height:100vh; position:fixed;padding:25px 20px;display:flex;flex-direction:column;gap:30px;border-right:1px solid #1a1a1a;}
    .sidebar h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;color:#8b8b8b}
   .sidebar .nav-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;color:#dcdcdc;cursor:pointer;font-size:15px}
   .sidebar .nav-item:hover{background:#161616;}
   .sidebar .nav-item svg{width:22px;}
   .sidebar .nav-section{display:flex;flex-direction:column;gap:6px}
  .sidebar  .trip-card{display:flex; font-size:14px; align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #1a1a1a; color: #fff;}
   .sidebar .trip-card img{width:36px;height:36px;border-radius:6px}

  .sidebar.hide-sidebar{
   width: 52px;  
    padding: 53px 0px;
 
  }
    /* Banner */
    .banner{margin:30px auto;width:92%;height:460px;border-radius:28px;overflow:hidden;position:relative;background:#0c0c0c;}
    .banner video,.banner img{width:100%;height:100%;object-fit:cover; filter:brightness(0.89);}

    /* Center Tabs */
    .center-tabs{position:absolute;top:40px;left:50%;transform:translateX(-50%);display:flex;gap:14px;padding:6px 12px;background:rgba(255,255,255,0.08);backdrop-filter:blur(20px);border-radius:40px;border:1px solid rgba(255,255,255,0.2); display: none;}
    .center-tab{padding:12px 26px;border-radius:30px;cursor:pointer;font-size:15px;color:#ddd;display:flex;align-items:center;gap:10px}
    .center-tab.active{background:#fff;color:#000;font-weight:600}
.worldies-center-content{
    position:absolute;top:70px;left:50%;transform:translateX(-50%);display:flex; text-align: center;
}
.worldies-center-content h2{
color: #fff;
    font-size:36px;
    line-height: 43px;
    font-family: 'Satoshi-Black';
    font-weight: bolder;
}
    /* Search Box */
    .worldies-search-box{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);width:55%;background:rgba(255,255,255,0.098);padding:20px;border-radius:20px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.18)}
   .worldies-search-box  .search-input{    resize: none;width:100%;background:transparent;border:none;outline:none;color:#fff;font-size:20px;font-weight:500;}
  .worldies-search-box  .search-input::placeholder {
        color:#fff;}
   .worldies-search-box .search-actions{margin-top:16px;display:flex;justify-content:flex-start;gap:16px}
  .worldies-search-box  .call-btn{padding:10px 20px;background:#fff;color:#000;border-radius:20px;font-weight:600;cursor:pointer}
.worldies-left-footer{
    color: #fff;    padding-bottom: 20px;
    line-height: 1.2;
    font-size: 14px;    margin-top: auto;
}

.worldies-left-footer .worldies-social{
width: 100%;
display: flex;
gap: 1.5rem;
justify-content: space-between;
margin-top: 10px;
}
.worldies-search-box .search-btn{
    float: right;
    width: 35px;
    height: 35px;
    background:rgba(255,255,255,0.098);
    border-radius: 100%;
}
    .main-sec{
        padding-left: 260px; transition: all 0.35s ease; 
    }



    .lines-area
 {
    width: 80%; transition: all 0.35s ease; 
}
body.hide-sidebar  .main-sec{
        padding-left: 52px;
    }
body.hide-sidebar  .lines-area
 {
    width: 90%;
}
.worldies-sidebar-search {
    position: relative;
    margin: 10px 0px;
}
.worldies-sidebar-search input{
    padding: 10px;
    padding-left: 40px;
    width: 100%;
    color: #fff;
    border: 0px;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 6px;
}
.worldies-sidebar-search button svg{
    color:#fff;
    fill: #fff;
    width: 20px;
    height: 20px;
}
.worldies-sidebar-search button{
    background: none;
    border: 0px;
    position: absolute;
    left: 11px;
    top: 11px;
}
.home-card-area.card-area {
    padding: 40px;
}
.home-card-area.card-area .card-chat-pdf-btn a { 
    padding: 10px 22px;
}
.home-card-area.card-area  .redirect-btn {
    width: 60px;
    height: 60px;  
    border: 3px solid #5D9CD7;
    position: absolute;
    bottom: 45px;
    right: 30px;
}

.sidebar-toggle{
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.sidebar-toggle svg{
       width: 24px;
    height: auto;
}

.sidebar.hide-sidebar h3,body.hide-sidebar .worldies-left-footer ,body.hide-sidebar .worldies-sidebar-search,body.hide-sidebar .trip-card{
    display: none;
}
.sidebar.hide-sidebar .nav-item {
    font-size: 0px !important;
    text-align: center;
    justify-content: center;
    padding-left: 13px;
    padding-right: 5px;
}

.sidebar-open-mobile{
    display: none;
}
@media (max-width: 1366px) {
    .home-card-area.card-area     .card-logo {
        width: 105px;
    }
   .home-card-area.card-area .redirect-btn {
        width: 60px;
        height: 60px;    border: 2px solid #5D9CD7;

    }
}
@media (max-width: 1440px) {
  .home-card-area.card-area  .card-para {
        font-size: 19px;
    }
}

@media (max-width: 650px) {
    .logo-area-wrapper{
        display: flex;
        gap: 1rem;
    }
    .sidebar-open-mobile{
        display: block;
    }

    .sidebar-open-mobile svg{
        width: 22px;
    }
    .home-card-area.card-area .card-chat-pdf-btn a {
  padding: 8px 10px;
}
     .home-card-area.card-area .redirect-btn {
    width: 50px;
    height: 50px;
    border: 2px solid #5D9CD7;
  }
    .home-card-area.card-area {
  padding: 40px 20px;
  grid-template-columns: auto;
  gap: 10px;
}
     .main-sec{
        padding-left: 0px;
    }

    .hide-sidebar .main-sec{
        padding-left: 0px !important;
    }

    .lines-area
 {
    width: 100%;
}
.sidebar,.sidebar.hide-sidebar{
    left: -90vw;
    z-index: 99;
}
.show-sidebar.sidebar,.sidebar.hide-sidebar.show-sidebar{
    left:  0vw;

}
.nav-bar { 
  padding: 15px 20px;
}
.worldies-center-content {
  position: absolute;
  top: 70px;
  left: inherit;
  transform: inherit;
}
.worldies-center-content h2 {
  color: #fff;
  font-size: 23px;
  line-height: 34px;
}
  .home .cards-u {
    height: 310px;
  }
.worldies-search-box {
  position: absolute;
  bottom: 50px;
  left: 5%;
  transform: inherit;
  width: 90%;
}
  .home-card-area.card-area .card-para {
    font-size: 14px;
  }
}



:root{
    --accent: #0b6efd; /* change to match site theme */
    --card-radius: 12px;
    --max-width: 1200px;
    --g-gap: 18px;
    --overlay-grad: linear-gradient(180deg, rgba(0,0,0,0.08) 10%, rgba(0,0,0,0.6) 100%);
  }
 
  .container{ max-width:var(--max-width); margin:0 auto; padding:30px 40px; }

  .section-head{
    display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px;
  }
  .section-head h2{ font-size:22px; margin:0; letter-spacing:0.2px;   font-size:36px;
    line-height: 43px;
    font-family: 'Satoshi-Black';
    font-weight: bolder;}
  .section-head p{ margin:0; color:#5b6778; font-size:14px; }

  .collections-grid{
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap:var(--g-gap);
  }

  /* Card */
  .collection-card{
    position:relative;
    border-radius:var(--card-radius);
    overflow:hidden;
    min-height:420px;
    box-shadow: 0 6px 18px rgba(15,23,42,0.08);
    cursor:pointer;
    transition:transform .28s cubic-bezier(.2,.9,.3,1), box-shadow .28s;
    background: #ddd;
    display:flex;
    align-items:flex-end;
  }
  .collection-card:hover{
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0 18px 40px rgba(11,20,50,0.12);
  }

  .collection-bg{
    position:absolute; inset:0; background-size:cover; background-position:center; filter: contrast(.95) saturate(1.02);
  }
  .collection-overlay{
    position:absolute; inset:0; background:var(--overlay-grad);
  }

  .collection-content{
    position:relative; z-index:2; padding:18px;
    color:#fff; display:flex; align-items:flex-end; width:100%;
  }

  .collection-title{
    font-weight:700; font-size:18px; margin:0; line-height:1.05;
    text-shadow: 0 6px 20px rgba(0,0,0,0.35);
    display:block;
    /* truncate after two lines */
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .collection-meta{
    margin-top:6px; font-size:13px; opacity:.95; color:rgba(255,255,255,0.9);
  }

  /* small badge on top-left (optional) */
  .badge{
    position:absolute; top:12px; left:12px; z-index:3;
    background:rgba(0,0,0,0.45); color:#fff; padding:6px 10px; border-radius:999px; font-size:13px;
    backdrop-filter: blur(6px);
  }

  /* Responsive */
  @media (max-width:1100px){
    .collections-grid{ grid-template-columns: repeat(3,1fr); }
  }
  @media (max-width:780px){
 
    .collections-grid{ grid-template-columns: repeat(2,1fr); gap:12px; }
    .collection-card{ min-height:390px; }
  }
  @media (max-width:420px){
    .collections-grid{ grid-template-columns: 1fr; }
    .section-head{ flex-direction:column; align-items:flex-start; gap:6px; }
  }