.reserve-section .outer-box {
    
     top: 10px !important; 
       margin-bottom: 70px !important;
}

.date-box{
    width:100%;
}

@media only screen and (max-width:767px){
   
   .custom-date{
    width: 318px !important;
   
}

}
.custom-date{
    width: 205px;
    height: 56px;
    background: #1a1b1c;
    border:1px solid #333;
    color:#fff;
    padding:0 20px;
    font-size:18px;
    outline:none;
}

/* calendar icon white */
.custom-date::-webkit-calendar-picker-indicator{
    filter: invert(1);
    cursor:pointer;
}

/* placeholder text */
.custom-date::-webkit-datetime-edit{
    color:#fff;
}



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

    .blog-section{
      width:100%;
      background:#071015;
      padding:60px 0;
      font-family: 'Georgia', serif;
      color:#fff;
    }

    .blog-container{
      width:1180px;
      margin:auto;
      display:flex;
      gap:60px;
      align-items:flex-start;
    }

    /* LEFT SIDE */

    .blog-left{
      width:68%;
    }

    .blog-image img{
      width:100%;
      display:block;
    }

    .blog-meta{
      display:flex;
      gap:18px;
      flex-wrap:wrap;
      margin-top:25px;
      font-size:14px;
      font-family:Arial, sans-serif;
      color:#fff;
    }

    .blog-meta span{
      color:#c8a96a;
    }

    .blog-title{
      font-size:50px;
      line-height:1.2;
      margin-top:25px;
      font-weight:500;
    }

    .line-wrap{
      display:flex;
      gap:12px;
      margin:28px 0 35px;
    }

    .line-wrap .line1{
      width:105px;
      height:1px;
      background:#b6925b;
    }

    .line-wrap .line2{
      width:115px;
      height:1px;
      background:#2e3c43;
    }

    .blog-text{
      font-size:19px;
      line-height:2;
      font-family:Arial, sans-serif;
      color:#f2f2f2;
      margin-bottom:35px;
    }

    /* RIGHT SIDE */

    .blog-sidebar{
      width:32%;
    }

    .author-box{
      text-align:center;
    }

    .author-img{
      width:280px;
      height:280px;
      margin:auto;
      border:1px solid #b6925b;
      border-radius:50%;
      padding:14px;
    }

    .author-img img{
      width:100%;
      height:100%;
      object-fit:cover;
      border-radius:50%;
    }

    .author-role{
      margin-top:35px;
      color:#b6925b;
      font-style:italic;
      font-size:26px;
    }

    .author-name{
      margin-top:10px;
      font-size:38px;
      letter-spacing:2px;
      text-transform:uppercase;
    }

    .author-text{
      margin-top:30px;
      font-size:18px;
      line-height:2;
      font-family:Arial, sans-serif;
      color:#f4f4f4;
      padding:0 20px;
    }

    /* SEARCH */

    .search-box{
      margin-top:55px;
      display:flex;
      border:1px solid #374047;
      overflow:hidden;
    }

    .search-box input{
      width:100%;
      height:60px;
      background:transparent;
      border:none;
      outline:none;
      color:#fff;
      padding:0 20px;
      font-size:17px;
    }

    .search-box button{
      width:70px;
      border:none;
      background:#0d1820;
      color:#b6925b;
      font-size:20px;
      cursor:pointer;
    }

    /* CATEGORY */

    .category-box{
      margin-top:55px;
      border:1px solid #253039;
    }

    .category-title{
      background:#101c23;
      padding:24px;
      font-size:36px;
      color:#c8a96a;
      letter-spacing:2px;
      text-transform:uppercase;
    }

    .category-list{
      padding:18px 24px;
    }

    .category-list li{
      list-style:none;
      padding:18px 0;
      border-bottom:1px solid #1f2a31;
      font-size:18px;
      font-family:Arial, sans-serif;
    }

    .category-list li:last-child{
      border-bottom:none;
    }

    @media(max-width:1100px){

      .blog-container{
        width:92%;
        flex-direction:column;
      }

      .blog-left,
      .blog-sidebar{
        width:100%;
      }

      .blog-title{
        font-size:38px;
      }

      .author-img{
        width:240px;
        height:240px;
      }

      .author-name{
        font-size:30px;
      }
    }