.search-wrapper {
      background: white;
      
      border-radius: 10px;
      border: 1px solid rgba(128, 128, 128, 0.297);
      padding: 12px 18px 12px;
      box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
      position: relative;
      /* z-index: 999; */
    }

    .search-label {
      font-size: 12px;
      font-weight: 600;
      color: #222222;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .search-input {
      border: none;
      padding: 0;
      font-size: 15px;
      color: #666;
      /* border-color: #f8990a6c; */
      /* border: 2px solid #F8970A; */
    }

    .search-input:focus {
      outline: none;
      box-shadow: none;
      border-color: #f8990a6c;
      /* border: 1px solid #F8970A; */
    }

    .divider {
      height: 40px;
      width: 1px;
      background: #e5e5e5;
      margin: auto;
      /* border: 1px solid #F8970A; */
    }
    .search_btn a{
        background: #f8990aa1;
    }





    /* Service Tours details Section */
    .tour-title {
                font-size: 40px;
                font-weight: 400;
                color: #000;
            }

            .tour-meta {
                font-size: 15px;
                color: #555;
                display: flex;
                flex-wrap: wrap;
                gap: 15px;
                align-items: center;
                margin-top: 8px;
            }

            .rating {
                color: #ff7a00;
                font-weight: 600;
            }

            .tour-tags {
                margin-top: 12px;
                font-size: 14px;
                color: #333;
            }

            .tour-tags span {
                margin-right: 12px;
            }

            .action-icons {
                display: flex;
                gap: 12px;
            }

            .icon-btn {
                width: 40px;
                height: 40px;
                border: 1px solid #ddd;
                border-radius: 50%;
                background: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
            }

            /* ===== Grid Image Section ===== */
            .gallery-grid {
                display: grid;
                grid-template-columns: 2fr 2fr;
                grid-template-rows: repeat(1, 1fr);
                gap: 15px;
                margin-top: 25px;
            }
            .gallery-main{
                display: grid;
            }

            .gallery-new {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: repeat(1, 1fr);
                gap: 15px;
            }
            .row1{
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                grid-template-rows: repeat(1, 1fr);
                gap: 15px;
            }
            .row2{
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                grid-template-rows: repeat(1, 1fr);
                /* gap: 15px; */
            }

            .gallery-img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 16px;
            }

            .gallery-main .gallery-item , .gallery-new  .gallery-item {
                position: relative;
                width: 100%;
                overflow: hidden;
                aspect-ratio: 1 / 1;
                padding-top: 0;
            }

            .view-all-btn {
                position: absolute;
                bottom: 15px;
                right: 15px;
                background: #fff;
                border-radius: 20px;
                padding: 8px 14px;
                font-size: 14px;
                font-weight: 500;
                border: 1px solid #ddd;
                display: flex;
                align-items: center;
                gap: 6px;
            }



/* .check-form{
    background: #55555589;
} */
/* .animate-box .new_img{
    background: rgba(0, 0, 0, 0.454);
}
.animate-box span img{
    width: 100px;
} */
 .service-provide li{
    list-style: square;
    font-size: 15px;
 }
 .none-style{
  padding-left: 15px;
 }
 .none-style p{
    /* list-style: none; */
    font-size: 15px;
 }
 .none-style p span{
    color: green;
    font-weight: bold;
 }

 .what-service{
    font-size: 25px;
    font-weight: bold;
    color: #000;
    padding: 20px 0;
 }





 /* Form for booking */
 /* Form for booking */
 /* Form for booking */


    .booking-card {
      max-width: 450px;
      margin: auto;
      background: #fff;
      border-radius: 5px;
      padding: 18px;
      box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
      transition: .3s ease;
      margin-bottom: 20px;
    }
    .booking-card:hover{
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

    .section {
      margin-bottom: 18px;
    }

    .section-title {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 2px;
      color: #000;
    }

    /* Date Box */
    .date-box {
      border: 1px solid #ccc;
      border-radius: 10px;
      padding: 10px 12px;
      overflow: hidden;
      font-size: 13px;
    }

    .date-box strong {
      display: block;
      font-size: 14px;
    }

    .date-box input {
      /* font-size: 12px; */
      /* width: 100%; */
      color: #666;
      padding: 5px 10px;
      border-radius: 8px;
      border: 1px solid grey;
      /* outline:  #f8990a6c; */
    }

    .date-box button {
      background: none;
      border: none;
      color: #0071c2;
      font-size: 12px;
      cursor: pointer;
    }

    /* Time Buttons */
    .time-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 8px;
    }

    .time-btn {
      padding: 8px 0;
      border-radius: 20px;
      border: none;
      background: #eee;
      font-size: 12px;
      cursor: pointer;
      color: #333;
    }

    .time-btn.active {
      background:#fbbe64ad;
      color: #fff;
    }

    .time-btn.disabled {
      background: #f2f2f2;
      color: #aaa;
      cursor: not-allowed;
    }

    /* Options */
    .option-box {
      /* border: 1px solid #4241418c; */
      border: 1px solid rgba(128, 128, 128, 0.418);
      border-radius: 12px;
      padding: 12px;
      margin-bottom: 10px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 10px;
    }

    .option-text {
      font-size: 14px;
      line-height: 1;
      color: #000;
      flex: 1;
    }
  
    .option-text strong{
        font-weight: 500;
    }
    .option-text small {
        font-size: 9px;
      color: #666;
      font-weight: 200;
    }

    .option-box input {
      accent-color: #000;
      transform: scale(1.2);
      margin-top: 4px;
    }

    /* Counters */
    .counter-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 5px 0;
      font-size: 12px;
    }

    .counter-controls {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .counter-controls button {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      border: 1px solid #ccc;
      background: #fff;
      cursor: pointer;
      font-size: 16px;
      line-height: 1;
    }

    .counter-controls span {
      min-width: 20px;
      text-align: center;
      font-size: 14px;
    }

    /* Total */
    .total-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 14px;
      font-weight: 600;
      margin-top: 12px;
    }

    .points {
      font-size: 11px;
      color: #666;
      margin-top: 2px;
    }

    /* Button */
    .book-btn {
      width: 100%;
      margin-top: 14px;
      padding: 12px;
      border-radius: 25px;
      border: none;
      background: #111;
      color: #fff;
      font-size: 15px;
      cursor: pointer;
    }

    .book-btn:hover {
      background: #000;
    }

    /* Hidden Date Input */
    #hiddenDate {
      display: none;
    }



    /*  all Services pages start */

    .data-info .data-title{
        font-size: 15px;
        font-weight: 500;
        padding: 10px 0 ;
        /* color: black; */
        
        
    }
    .data-rating{
        display: flex;
        flex-direction: column;
        justify-content: bottom;
    }
    .data-rating .price {
        display: flex;
        align-items: center;
        /* align-items: center; */
        /* justify-content: center; */
        gap: 10px;
    }

    .package-card{
        border-radius: 10px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        padding-bottom:10px;
        transition: .2s ease;
        padding: 10px;
        min-height: 380px;
    }
    .package-card:hover{
        
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
        
    }
    .rating-item i{
        color: #F8970A;
        font-size: 13px;
        /* padding-bottom: 10px; */
    }

    .fav-icon{
        position: absolute;
        width: 25px;
        height: 25px;
        top: 10px;
        right: 10px;
        background: white;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        z-index: 11;
        transition: 0.3s ease;
    }
/* .fav-icon {
  background: white;
  
} */

.heart-item {
  color: grey;
  transition: 0.3s ease;
}

.fav-icon.active {
  background: #F7970B;
}

.fav-icon.active .heart-item {
  color: white;
}


.buy_option{
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.book_now a{
    padding: 8px 14px;
    font-size: 14px;
}
/* .buy_option .buy-btn {
    border: ;
} */




/* payment option */
.payment-section{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.payment-section .pay-btn{
  /* flex-basis: 50%; */
  border: 1px solid black;
  height: 100px;
}


    /*  all Services pages start */










    /* Responsive */
    @media (max-width: 480px) {
      .booking-card {
        max-width: 100%;
      }
    }




@media (max-width:450px) {
    .gallery-grid {
                display: grid;
                grid-template-columns: 1fr;
                grid-template-rows: repeat(2, 1fr);
                gap: 15px;
                margin-top: 25px;
            }

    /* .view-all-btn{
        
    } */
}





/* Package Half and Full Day CSS */

  :root {
      --primary: #F7970B;
      --dark: #1f2937;
      --border: #d1d5db;
    }

  

    body {
      /* margin: 0; */
      /* background: #fff; */
      /* padding: 16px; */
    }
     
    main{
        max-width: 1400px;
        margin: auto;
    }

    .full-half-card {
      max-width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly;
      gap: 16px;
      padding-bottom: 12px;
    }

    .tour-card {
      min-width: 320px;
      max-width: 320px;
      border: 2px solid var(--border);
      border-radius: 16px;
      padding: 16px;
      background: white;
      transition: 0.25s ease;
      display: flex;
      gap: 12px;
      cursor: pointer;
      flex-shrink: 0;
    }

    .tour-card.selected {
      border-color: var(--primary);
      box-shadow: 0 0 0 2px rgba(247, 151, 11, 0.15);
    }

    .radio-box {
      min-width: 26px;
      height: 26px;
      border-radius: 50%;
      border: 2px solid var(--border);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: 0.2s ease;
      margin-top: 4px;
      flex-shrink: 0;
    }

    .radio-box input {
      appearance: none;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: transparent;
      cursor: pointer;
    }

    .radio-box input:checked {
      background: var(--primary);
    }

    .tour-card.selected .radio-box {
      border-color: var(--primary);
    }

    .card-body {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .title {
      font-size: 18px;
      font-weight: 700;
      color: var(--dark);
    }

    .desc {
      font-size: 14px;
      color: #4b5563;
      line-height: 1.4;
    }

    .read-more {
      color: var(--primary);
      font-weight: 600;
      cursor: pointer;
      user-select: none;
      display: inline-block;
      margin-top: 4px;
    }

    .full-text {
      display: none;
      margin-top: 6px;
    }

    .badge {
      display: inline-block;
      background: #065f46;
      color: #fff;
      font-size: 12px;
      padding: 4px 10px;
      border-radius: 999px;
      width: fit-content;
    }

    .time-select {
      margin-top: 12px;
    }

    .time-select label {
      font-size: 14px;
      font-weight: 600;
      display: block;
      margin-bottom: 6px;
    }

    .time-select select {
      width: 100%;
      padding: 10px 14px;
      border-radius: 999px;
      border: 1.5px solid var(--border);
      font-size: 14px;
      outline: none;
      cursor: pointer;
    }

    .time-select select:focus {
      border-color: var(--primary);
    }

    .price {
      margin-top: 10px;
      font-size: 17px;
      font-weight: 700;
      color: var(--dark);
    }

    .price small {
      display: block;
      font-size: 13px;
      color: #6b7280;
      font-weight: 500;
      margin-top: 4px;
    }

    .reserve-btn {
      width: 80%;
      /* max-width: 300px; */
      background: var(--primary);
      color: white;
      border: none;
      border-radius: 10px;
      padding: 10px 20px;
      font-size: 18px;
      font-weight: 700;
      cursor: pointer;
      margin-top: 20px;
      /* margin:  0 auto;  */
    }
    .reserve-btn a{
        text-decoration: none;
        color: white;
    }




    /* Whatsapp Icon */
.whatsapp_icon{
position: fixed;
bottom: 70px;
left: 1rem;
z-index: 9999;

border-radius: 50%;
width: 52px;
height: 52px;
display: flex;
justify-content: center;
align-items: center;
    box-shadow: 0 0 15px rgba(37, 211, 102, 0.7);
animation: shadowig 2s linear infinite;
}
.whatsapp_icon img {
    width: 50px;
    /* border-radius: 50%;    */
    /* box-shadow: 0 0 15px rgba(37, 211, 102, 0.7); */
}




@keyframes shadowig {
    0%, 50%, 100%{
         bottom: 50px;
    }
     25%{
        bottom: 100px;
    }
    75%{
        bottom: 59px;
    }
}














/* User dashboard */


/* Wrapper */
.extra-space125{
  width: 100%;
  height:110px;
  background: linear-gradient(#F59F0C,white);
}

.tz_wrapper{
    display:flex;
    min-height:100vh;
    background:#F4EEE6;
    /* margin-top:120px; */
}

/* Toggle */
.tz_toggle{
    display:none;
    /* position:absolute;
    top:105px;
    left:0; */
    background:linear-gradient(135deg,#F59E0B,#FBBF24);
    border:none;
    color:#fff;
    padding:10px 14px;
    border-radius:8px;
    margin-bottom: 20px;
    z-index:9;
}



/* Chrome, Edge, Safari */
#tzSidebar::-webkit-scrollbar {
    width: 6px;   /* thin */
}

#tzSidebar::-webkit-scrollbar-track {
    background: transparent; /* clean look */
}

#tzSidebar::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #888, #555);
    border-radius: 10px;
}

#tzSidebar::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #aaa, #666);
}

/* Firefox */
#tzSidebar {
    scrollbar-width: thin;
    scrollbar-color: #FABB20 transparent;
}


/* Blur background */
body.blur-active .main-content {
    filter: blur(5px);
    transition: 0.3s ease;
}

/* Disable scroll */
body.no-scroll {
    overflow: hidden;
}

/* Optional smooth sidebar */
#tzSidebar {
    transition: 0.3s ease;
}

/* Sidebar */
.tz_sidebar{
    width: 280px;
    background: #E6D8C3;
    padding: 30px 20px;
    position: absolute;
    top: 110px;
    left: 0;
    height: calc(100vh - 110px);
    overflow-y: auto;
    transition: top 0.3s ease, height 0.3s ease;
}

/* When scrolled */
.tz_sidebar.tz_scrolled{
    top: 90px;
    height: calc(100vh - 90px);
}

/* Profile */
.tz_profile{
    text-align:center;
    margin-bottom:30px;
}

.tz_profile img{
    width:95px;
    height:95px;
    border-radius:50%;
    border:4px solid #F59E0B;
}

.tz_profile h3{
    margin-top:12px;
    font-size:18px;
}

.tz_profile span{
    font-size:13px;
    color:#666;
}

/* Menu */
.tz_menu a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px;
    margin-bottom:8px;
    text-decoration:none;
    color:#333;
    border-radius:10px;
    transition:.3s;
}

.tz_menu a:hover{
    background:#fff;
}

/* Logout */
.tz_logout{
    margin-top:20px;
    padding:12px;
    text-align:center;
    background:linear-gradient(135deg,#F59E0B,#FBBF24);
    color:#fff;
    border-radius:10px;
    cursor:pointer;
}

/* Main */
.tz_main{
    margin-left:280px;
    padding:40px;
    width:100%;
    position: relative;
}

/* Welcome Banner */
.tz_welcome{
    background:linear-gradient(135deg,#F59E0B,#FBBF24);
    color:#fff;
    padding:30px;
    border-radius:20px;
    margin-bottom:30px;
}

.tz_welcome h2{
    margin-bottom:10px;
}

/* Cards */
.tz_cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:25px;
    margin-bottom:40px;
}

.tz_card{
    background:#fff;
    border-radius:18px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    transition:.3s;
}

.tz_card:hover{
    transform:translateY(-6px);
}

.tz_card h3{
    font-size:22px;
}

.tz_badge{
    padding:4px 10px;
    border-radius:20px;
    font-size:12px;
    color:#fff;
}

.tz_confirmed{background:#22c55e;}
.tz_completed{background:#3b82f6;}
.tz_cancelled{background:#ef4444;}
.tz_upcoming{background:#f59e0b;}

/* Grid */
.tz_grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:25px;
}

.tz_box{
    background:#fff;
    padding:25px;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

/* Timeline */
.tz_activity{
    border-left:3px solid #F59E0B;
    padding-left:15px;
    margin-bottom:15px;
}

/* Responsive */
@media(max-width:992px){
    .tz_grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){

    .tz_toggle{
        display:block;
        transition:.4s;
    }

    .tz_sidebar{
        left:-100%;
        transition:.4s;
        z-index:999;
    }

    .tz_sidebar.active{
        left:0;
    }

    .tz_main{
        margin-left:0;
        padding:30px 20px;
    }
}





/* Personal Information */
.trvx_content{
    /* margin-left:270px; */
    /* padding:40px; */
    width:100%;
}

/* ================= PROFILE CARD ================= */
.trvx_profileCard{
    background:#fff;
    border-radius:20px;
    padding:20px;
    box-shadow:0 20px 60px rgba(0,0,0,0.08);
    margin-bottom:25px;
}

.trvx_profileTop{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
}

.trvx_avatar{
    display:flex;
    align-items:center;
    gap:20px;
}

.trvx_avatar img{
    width:100px;
    height:100px;
    border-radius:50%;
    border:4px solid #F49D0B;
    object-fit:cover;
}

.trvx_editBtn{
    background:#5a4634;
    color:#fff;
    padding:10px 22px;
    border-radius:30px;
    border:none;
    cursor:pointer;
}

.trvx_editBtn:hover{
    background:#C6A969;
}

/* ================= FORM ================= */
.trvx_formGrid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
    margin-top:30px;
}

.trvx_field{
    display:flex;
    flex-direction:column;
}

.trvx_field label{
    font-size:13px;
    margin-bottom:6px;
    color:#7a6a58;
}

.trvx_field input,
.trvx_field textarea{
    padding:12px;
    border-radius:10px;
    border:1px solid #ddd;
    background:#faf7f3;
}

.trvx_field textarea{
    resize:none;
    height:90px;
}

.trvx_full{
    grid-column:span 2;
}

.trvx_actions{
    margin-top:25px;
    display:none;
    gap:15px;
}

.trvx_save{
    background:#28a745;
    color:#fff;
    padding:10px 22px;
    border:none;
    border-radius:20px;
}

.trvx_cancel{
    background:#dc3545;
    color:#fff;
    padding:10px 22px;
    border:none;
    border-radius:20px;
}

/* ================= ANALYTICS ================= */
.trvx_cards{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    margin-bottom:40px;
}

.trvx_card{
    background:#fff;
    padding:25px;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(0,0,0,0.07);
}

.trvx_card h3{
    margin:0;
    font-size:24px;
    color:#5a4634;
}

.trvx_card span{
    font-size:13px;
    color:#888;
}

/* ================= TABLE ================= */
.trvx_table{
    background:#fff;
    padding:25px;
    border-radius:20px;
    box-shadow:0 20px 50px rgba(0,0,0,0.07);
}

.trvx_table table{
    width:100%;
    border-collapse:collapse;
}

.trvx_table th,
.trvx_table td{
    padding:14px;
    text-align:left;
    border-bottom:1px solid #eee;
}

/* ================= FOOTER ================= */
.trvx_footer{
    text-align:center;
    padding:20px;
    background:#5a4634;
    color:#fff;
    margin-top:40px;
}

/* ================= RESPONSIVE ================= */
@media(max-width:992px){
    .trvx_cards{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){

    .trvx_content{
        margin-left:0;
        /* padding:20px; */
    }

    .trvx_formGrid{
        grid-template-columns:1fr;
    }

    .trvx_full{
        grid-column:span 1;
    }

    .trvx_cards{
        grid-template-columns:1fr;
    }
}




/* Booking Page */

/* ================= WRAPPER ================= */
.trvb_wrapper{
    margin-top:40px;
}

.trvb_header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
    margin-bottom:25px;
}

.trvb_header h2{
    color:#5a4634;
}

/* ================= FILTER BUTTONS ================= */
.trvb_filters{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.trvb_filterBtn{
    background:#f3ede6;
    border:none;
    padding:8px 16px;
    border-radius:20px;
    cursor:pointer;
    transition:0.3s;
}

.trvb_filterBtn:hover,
.trvb_active{
    background:#C6A969;
    color:#fff;
}

/* ================= SEARCH ================= */
.trvb_searchBox{
    position:relative;
    margin-bottom:30px;
}

.trvb_searchBox i{
    position:absolute;
    top:50%;
    left:15px;
    transform:translateY(-50%);
    color:#aaa;
}

.trvb_searchBox input{
    width:100%;
    padding:12px 12px 12px 40px;
    border-radius:30px;
    border:1px solid #ddd;
}

/* ================= GRID ================= */
.trvb_bookingGrid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

/* ================= CARD ================= */
.trvb_card{
    background:#fff;
    padding:25px;
    border-radius:20px;
    box-shadow:0 20px 50px rgba(0,0,0,0.06);
    transition:0.3s;
}

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

.trvb_top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px;
}

/* STATUS BADGES */
.trvb_status{
    padding:5px 12px;
    border-radius:20px;
    font-size:12px;
    font-weight:600;
}

.trvb_upcoming{
    background:#e8f7ff;
    color:#0077b6;
}

.trvb_completed{
    background:#e6f9f0;
    color:#1b8a5a;
}

.trvb_cancelled{
    background:#fdecea;
    color:#c0392b;
}

.trvb_details p{
    margin:5px 0;
    font-size:14px;
}

/* ACTION BUTTONS */
.trvb_actions{
    margin-top:15px;
    display:flex;
    gap:10px;
}

.trvb_view{
    background:#5a4634;
    color:#fff;
    padding:8px 16px;
    border:none;
    border-radius:20px;
}

.trvb_ticket{
    background:#C6A969;
    color:#fff;
    padding:8px 16px;
    border:none;
    border-radius:20px;
}

/* ================= RESPONSIVE ================= */
@media(max-width:768px){
    .trvb_bookingGrid{
        grid-template-columns:1fr;
    }
}


/* My wishlist */

/* ================= WRAPPER ================= */
.trws_wrapper{
    margin-top:40px;
}

.trws_header h2{
    color:#5a4634;
    margin-bottom:5px;
}

.trws_header p{
    color:#888;
    font-size:14px;
    margin-bottom:30px;
}

/* ================= GRID ================= */
.trws_grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

/* ================= CARD ================= */
.trws_card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,0.07);
    transition:0.3s;
}

.trws_card:hover{
    transform:translateY(-8px);
}

/* IMAGE */
.trws_image{
    position:relative;
    height:220px;
    overflow:hidden;
}

.trws_image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.4s;
}

.trws_card:hover .trws_image img{
    transform:scale(1.08);
}

.trws_badge{
    position:absolute;
    top:15px;
    left:15px;
    background:#C6A969;
    color:#fff;
    padding:5px 12px;
    border-radius:20px;
    font-size:12px;
}

.trws_remove{
    position:absolute;
    top:15px;
    right:15px;
    background:#fff;
    border:none;
    width:35px;
    height:35px;
    border-radius:50%;
    color:#e74c3c;
    cursor:pointer;
    box-shadow:0 5px 15px rgba(0,0,0,0.15);
}

/* CONTENT */
.trws_content{
    padding:20px;
}

.trws_content h3{
    margin:0 0 10px 0;
    color:#5a4634;
}

/* META */
.trws_meta{
    display:flex;
    justify-content:space-between;
    font-size:13px;
    color:#777;
    margin-bottom:15px;
}

/* PRICE ROW */
.trws_priceRow{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.trws_priceRow h4{
    margin:0;
    color:#5a4634;
}

.trws_bookBtn{
    background:linear-gradient(135deg,#5a4634,#C6A969);
    color:#fff;
    padding:8px 18px;
    border:none;
    border-radius:20px;
    cursor:pointer;
    transition:0.3s;
}

.trws_bookBtn:hover{
    opacity:0.9;
}

/* ================= RESPONSIVE ================= */
@media(max-width:1100px){
    .trws_grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){
    .trws_grid{
        grid-template-columns:1fr;
    }
}








/* MAIN */
.tcreadx_blog_area {
    padding: 30px 20px ;
    background: #fff;
}

.tcreadx_container {
    max-width: 1250px;
    margin: auto;
}

.tcreadx_heading {
    text-align: center;
    margin-bottom: 60px;
}

.tcreadx_heading h1 {
    font-size: 42px;
}

.tcreadx_layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 60px;
}

/* BLOG CARD */
.tcreadx_card {
    display: flex;
    gap: 30px;
    margin-bottom: 60px;
    background: #fff;
    padding: 25px;
    border-radius: 18px;
    transition: 0.3s;
}

.tcreadx_card:hover {
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
    transform: translateY(-5px);
}

.tcreadx_img img {
    width: 340px;
    height: 230px;
    object-fit: cover;
    border-radius: 16px;
}

.tcreadx_badge {
    background: #F8970A;
    color: #fff;
    padding: 6px 15px;
    border-radius: 30px;
    font-size: 13px;
}

.tcreadx_content h2 {
    margin: 15px 0;
    font-size: 26px;
}

.tcreadx_read_btn {
    color: #F8970A;
    text-decoration: none;
    font-weight: 600;
}

/* SIDEBAR */
.tcreadx_sidebar {
    position: sticky;
    top: 120px;
    height: fit-content;
}

.tcreadx_widget {
    background: #fafafa;
    padding: 25px;
    border-radius: 16px;
    margin-bottom: 30px;
}

.tcreadx_widget input {
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

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

.tcreadx_widget ul li {
    padding: 8px 0;
    cursor: pointer;
}

/* MOBILE */
.tcreadx_mobile_tools {
    display: none;
}

@media(max-width: 992px){

    .tcreadx_layout {
        grid-template-columns: 1fr;
    }

    .tcreadx_sidebar {
        display: none;
    }

    .tcreadx_mobile_tools {
        display: block;
        margin-bottom: 40px;
    }

    .tcreadx_mobile_tools input {
        width: 100%;
        padding: 12px;
        margin-bottom: 15px;
        border-radius: 8px;
        border: 1px solid #ddd;
    }

    .tcreadx_toggle_btn {
        width: 100%;
        padding: 12px;
        background: #F8970A;
        border: none;
        color: white;
        border-radius: 8px;
        cursor: pointer;
    }

    .tcreadx_mobile_cat {
        max-height: 0;
        overflow: hidden;
        transition: 0.4s ease;
        background: #fafafa;
        border-radius: 12px;
        margin-top: 10px;
    }

    .tcreadx_mobile_cat.active {
        max-height: 300px;
        padding: 15px;
    }

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

    .tcreadx_mobile_cat ul li {
        padding: 10px 0;
        border-bottom: 1px solid #eee;
    }

    .tcreadx_card {
        flex-direction: column;
    }

    .tcreadx_img img {
        width: 100%;
        height: 220px;
    }
}









/* Blog detail page */
.tcread_detail_section {
    padding: 20px;
}

.tcread_detail_container {
    max-width: 900px;
    margin: auto;
}

.tcread_detail_container h1 {
    font-size: 38px;
    margin-bottom: 15px;
}

.tcread_detail_meta {
    color: #777;
    margin-bottom: 30px;
}

.fix-image-blog{
    overflow: hidden;
    aspect-ratio: 16/9;
    width: 100%;
    border-radius: 16px;
    margin-bottom: 40px;
}

.tcread_detail_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    
}

.tcread_detail_content p {
    line-height: 1.8;
    margin-bottom: 20px;
    color: #444;
}

.tcread_detail_content h3 {
    margin: 30px 0 15px;
}

.tcread_detail_content ul {
    padding-left: 20px;
}

.tcread_tags span {
    background: #F8970A;
    color: white;
    padding: 6px 14px;
    border-radius: 20px;
    margin-right: 10px;
}


/* Hide mobile controls on desktop */
.tcread_mobile_controls {
    display: none;
}

/* Mobile Version */
@media(max-width: 992px){

    /* Show mobile controls */
    .tcread_mobile_controls {
        display: block;
        margin-bottom: 40px;
    }

    .tcread_mobile_search input {
        width: 100%;
        padding: 12px 15px;
        border-radius: 8px;
        border: 1px solid #ddd;
        margin-bottom: 15px;
    }

    .tcread_category_toggle {
        width: 100%;
        padding: 12px;
        background: #F8970A;
        border: none;
        color: white;
        font-weight: 600;
        border-radius: 8px;
        cursor: pointer;
    }

    .tcread_mobile_categories {
        display: none;
        background: #fafafa;
        margin-top: 10px;
        padding: 15px;
        border-radius: 10px;
    }

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

    .tcread_mobile_categories ul li {
        padding: 10px 0;
        border-bottom: 1px solid #eee;
        cursor: pointer;
    }

    /* Hide Desktop Sidebar */
    .tcread_sidebar {
        display: none;
    }

}




/* Login Form */

.container-box-dash{
    max-width: 1440px !important;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}