body, html, div, form, p, ul, ol, li, h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px;}

ul, ol, dl, li {list-style-type:none;}

body{margin:0px; padding:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#503114; background:#28220d;}
.book_link{float: right;
    padding: 7px 38px 7px;
    background: #b31a0c;
    color: white;
    text-decoration: none;
    height: 16px;
    border-radius: 5px;}
.book_link:hover{ background: #ff9928;}
#wraper {margin:0px auto; width:958px; background:url(../images/body_bg.jpg) repeat-y;}
#header { height:183px; width:958px; background:url(../images/header_bg.jpg) no-repeat;}
#logo{float:left; margin:10px 0px 0px 10px; width:259px; height:115px;}
#header_text{float:left; margin:10px 0 0 30px; width:350px;}
#youth_hostel_logo{float:left; margin:20px 0px 0px 40px; width:201px; height:29px; background:url(../images/youth_hostel_logo.jpg); font-size:16px; font-weight:bold; line-height:29px; padding-left:35px;}

.affiliated_text{font-size: 10px;
    color: #414040;
    float: left;
    margin: 14px 0 0 0;
    width: 170%;}
#holidayiq{ width:156px; float:left;height:98px;}
#banner {
    height: 420px; width:958px;
    /*background:url(../images/banner_patt.png);*/
    /*background: #34425C;*/
    background: #ededb7;
    margin-bottom:10px; float:left;
}

#left_container{ width:216px; float:left; margin:10px 10px 10px 10px;}
.left_container_1{ width:216px; float:left; margin:10px 10px 10px 10px;}
#content_container{width:516px; float:left; margin:10px 10px 10px 10px;}
#right_container{ width:168px; float:left; margin:10px 0px 10px 8px;}
#quick_contact{width:168px; height:172px; background:url(../images/quick_contact.jpg) no-repeat; margin:20px 0 20px 0px;}
h1{width:314px; height:55px; font-size:22px; padding:10px 0px 0px 10px; background:url(../images/h1_bg.jpg) no-repeat; color:#f79b20;}
.quick_conect_text{ font-weight:bold; font-size:12px; text-align:center; padding:40px 0 0 9px;}
#image{width:100px; height:100px; float:left; margin:0px 10px 10px 0px;}
/* header links */

#headerlinks{height:25px; margin:25px 0px 0px 0px; float:right;}
#headerlinks a{font-size:14px; font-weight:bold; color:#541206; text-decoration:none; border-right:#541206 1px solid; padding:0px 19px 0px 19px; text-transform:uppercase;}
#headerlinks a:hover, a.active{ color:#b60c0a;}
#headerlinks a.active{ color:#b60c0a;}

/* header links */

<!--Left Menu-->

    .leftmenu{width:216px; height:270px;}

.leftmenu ul{
    list-style-type: none;
    margin:0;
    padding:30px 0px 0px 50px;
    background:url(../images/left_nav_bg.jpg) no-repeat;
    width: 160px; /*width of menu*/
    height:270px;
    font-size:12px;
    font-weight:bold;
}

.leftmenu li a{color:#503114; display:block; padding:15px 0 18px 15px; text-decoration:none;}
.leftmenu li a:hover{color: #b60c0a;}
.leftmenu li a.active{color: #b60c0a;}

<!--Left Menu-->
    h2 {color:#f79b20; font-family:"Trebuchet MS",Arial,Verdana; font-size:18px; margin:10px 0;}
p {font-size:13px; line-height:18px; margin:0; padding: 0 0 10px;}

<!--Arrow list Menu-->
    .arrowlistmenu{ width:auto; float:left;}
.arrowlistmenu ul{list-style-type:none; margin-bottom:20px; padding: 0 0 0 5px;}
.arrowlistmenu ul li{padding-bottom: 2px;}
.arrowlistmenu ul li a{
    color: #2b1200;
    background: url(../images/orenge_arrow.jpg) no-repeat center left; /*custom bullet list image*/
    display: block;
    padding: 4px 0;
    padding-left: 16px; /*link text is indented 19px*/
    text-decoration: none;
    font-size: 12px;
}
.arrowlistmenu ul li a:hover{color: #2F71B4;}
<!--Arrow list Menu-->

    #social{width:110px; height:42px; }
.social_icon{width:29px; height:42px; float:left; margin-left:10px;}

#footer{background:url(images/footer.jpg) no-repeat; width:958px; height:64px; float:left; }
.copyright{ color:#ffffff; font-size:12px; padding:40px 0 0 10px; width:948px;}
.copyright a{ color:#ffffff; text-decoration:none;}
.copyright a:hover{ text-decoration:underline;}

.input{height:25px; margin:3px 0; color:#666363;}


/*Whats CAtelogue*/
.whats_cate_card__whole{
    width: 100%;
}
.whats_cate_card__whole a{
    text-decoration: none;
}
.whats_cate_card {
    width: 250px;
    height: 55px;
    background: #4CAF50;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: left;
    backdrop-filter: blur(10px);
    transition: 0.5s ease-in-out;
    margin-bottom: 20px;
}

.whats_cate_card:hover {
    cursor: pointer;
    transform: scale(1.05);
}

.whats_cate_card .img {
    width: 28px;
    height: 28px;
    margin-left: 10px;
    border-radius: 10px;
}

.whats_cate_card .textBox {
    width: calc(100% - 40px);
    margin-left: 10px;
    color: #fff;
}

.whats_cate_card .textContent {
    /*display: flex;*/
    align-items: center;
    /*justify-content: space-between;*/
}

.whats_cate_card .h1 {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 5px;
}

.whats_cate_card .p {
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    text-transform: uppercase;
}