@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Zilla+Slab:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800&display=swap');

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-style: 16px;
    font-family: 'Playfair Display', serif;
    outline: none;
}
:root{
    --primary-color : #FFEDED;
    --secondary-color : #000;
    --secondary-font : 'Open Sans', sans-serif;
}
body{
    overflow-x: hidden;
}
html{
    scroll-behavior: smooth;
    overflow-x: hidden;
}
p, h1, h2, h3, h4, h5, h6{
    margin: 0;
}
a{  text-decoration: none;
    color: var(--secondary-color);
    display: block;
}
a:hover{color: var(--secondary-color);}

ul{ list-style: none;
    margin: 0;
    padding: 0;
}
.padd0{
    padding: 0;
}
.main_title{
    padding-bottom: 20px;
}
.main_title h1{
    color: #333;
    font-weight: 600;
    font-size: 30px;
    display: block;
    font-family: var(--third-font);
}
.main_title .titile_bottom_line{
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid var(--primary-color);
    border-radius: 50px;
    position: relative;
}
.main_title .titile_bottom_line:before,
.main_title .titile_bottom_line:after{
    content: "";
    width: 80px;
    height: 2px;
    background: var(--primary-color);
    display: inline-block;
    position: absolute;
    top: 50%;
}
.main_title .titile_bottom_line:before{
    left: -80px;
}
.main_title .titile_bottom_line:after{
    right: -80px;
}
.msgbox{
    position: fixed;
    top: -150px;
    width: 100%;
    transition: all.4s ease;
    z-index: 999999;
}

.msgbox.active{
    top: 0;
}
.msgwrapper{
    background: var(--secondary-color)b8;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
    opacity: 0;
    pointer-events: none;
    transition: .3s;
}
.msgwrapper.active{
    pointer-events: auto;
    opacity: 1;
}
.msgbox .msg{
    position: relative;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: start;
    justify-content: center;
    transition: top .4s;
    width: 50%;
    border-radius: 5px;
    overflow: hidden;
    border-bottom: 4px solid #c9a348;
    background: #fff;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
}


.msgbox .alert{}
.msgbox .alert.alert-success{
    background: none;
    border: none;
    color: var(--secondary-color);
    font-size: 18px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    border-radius: 0;
    margin-bottom: 0;
}
.coupan_err{}
.errmsg{
    color: #d50000;
    font-size: 14px;
    font-weight: 500;
}
.fields_msg1,
.fields_msg{
/*    float: right;*/
    text-align: center;
}
.fields_msg1 span,
.fields_msg span{
    display: inline-block;
    background: rgb(213 237 247 / 59%);
    padding: 7px 80px;
    color: var(--secondary-color);
    font-weight: 400;
    text-align: center;
}


/*=========== TOOP HEADER =========*/

.header_top{
    background: #a6822e;
    padding: 10px 0;
    display: none;
}
.ht_title{
    text-align: center;
}
.ht_title p{
    font-size: 20px;
    color: #a3812e;
    font-family: var(--secondary-font);
}
.header_left_top p{
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    font-family: var(--secondary-font);
}
.header_right_top{
    padding: 11px 0;
}
.header_call{
    font-family: var(--third-font);
    display: inline-flex;
    align-items: center;
    padding-right: 30px;
    padding-top: 0;
    padding-bottom: 30px;
    width: 100%;
}
.header_call:before{
    font-family: 'Pe-icon-7-stroke';
    font-size: 31px;
    padding-right: 15px;
    color: #000000;
    padding-top: 4px;
}
.header_call:nth-child(1){
}
.header_call:nth-child(2){
}
.header_call .call_txt{
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.header_call .call_txt p{
    padding-bottom: 6px;
    font-weight: 800;
    font-size: 15px;
    color: #a3812e;
    text-transform: uppercase;
}
.icon_s{
    width: 25px;
    height: 25px;
    border-radius: 2px;
    display: inline-flex;
    align-items: center;
    color: var(--primary-color);
    font-size: 16px;
    justify-content: center;
    background: #fff;
    transition: .3s;
    margin-right: 10px;
}
.icon_s:hover{
    color: var(--secondary-bg);
    border-color: var(--secondary-bg);
}

header{
    position: relative;
    display: block;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    /* background: var(--secondary-color); */
    position: relative;
    z-index: 1;
}

header:after,
header:before{
    content: "";
}
header:after{}
header:before{
}
.header_logo{position: fixed;top: 0;left: 0;width: 100%;z-index: 9;}
.header_logo.fix{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #195436;
    z-index: 999;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    transition: position .3s;
}

.header_logo .menu-col{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header_logo .menu-col a.logo{
    padding: 10px 0;
    width: 160px;
    height: 140px;
    background: #195437;
    text-align: center;
    transition: all .1s;
}
.header_logo .menu-col a.logo img{width: 150px;}
.header_logo.fix .menu-col a.logo{width: 110px;height: 100px;}
.header_logo.fix .menu-col a.logo img{width: 100px;}
.header_logo_left{
    padding: 10px 0;
    text-align: center;
    position: relative;
}
.header_logo_left a{display: inline-block;position: absolute;top: -17%;left: 10%;width: 100%;background: #ffffff;border-radius: 5px;padding: 10px 0;box-shadow: 0 0 13px 1px rgb(0 0 0 / 10%);}
.header_logo_left a img{
    width: 90%;
}

.header_logo_center{padding: 34px 0;}
.search_panel{
    position: fixed;
    top: -170px;
/*    top: 0;*/
    left: 0;
    z-index: 999;
    width: 100%;
    background: #fff;
    height: 162px;
    box-shadow: 0 10px 10px 0 rgb(0 0 0 / 15% );
    padding: 57px 50px;
    transition: .4s;
    opacity: 0;
}
.search_panel.active{
    top: 0;
    opacity: 1;
}
.search_panel_close{
    color: var(--secondary-color);
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 30px;
    font-weight: 600;
}

.header_form{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    background: #fff;
    width: 70%;
    padding: 0 0 0 5px;
    margin-right: 30px;
    position: relative;
    border: 1px solid #542000a1;
}
.header_form:after{
    content: "";
    width: 1px;
    height: 50px;
    background: rgb(84 32 0 / 56%);
    position: absolute;
    top: -2px;
    right: -32px;
    display: inline-block;
}
.header_form .search_filter{
    font-size: 15px;
    width: 27%;
    border: none;
    border-right: 1px solid var(--secondary-color)02038;
    display: inline-block;
    padding: 3px 0;
    font-weight: 300;
    position: relative;
    padding: 6px 0;
}
.search_filter_panel{
    background: white;
    position: absolute;
    top: 125%;
    left: 0;
    width: 200px;
    z-index: 9;
    border-radius: 2px;
    padding: 5px 15px 10px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%);
    display: none;
}
.search_filter_panel.active{
    display: block;
}
.search_filter_panel label{
    font-size: 14px;
    display: block;
    text-align: start;
    padding: 8px 0 0;
    font-weight: 400;
    cursor: pointer;
}
.search_filter_panel input{
    display: none;
}
.search_filter_panel input[name='gender']:checked + label{
    color: var(--primary-color);
}
.header_form input[name='q']{
    padding: 8px 12px;
    outline: none;
    border: none;
    width: 74%;
    background: none;
    font-weight: 300;
}
.header_form input::placeholder{
    color: #c7c6c6;
    font-size: 14px;
    font-weight: 300;
}
.header_form button{
    border: none;
    outline: none;
    background: #542000;
    font-size: 22px;
    color: #fff;
    padding: 10px 0;
    width: 8%;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
}

.header_logo_right{
    padding: 56px 0 11px;
    display: flex;
    align-items: center;
    justify-content: end;
}
.icon_logo{
    font-size: 30px;
    font-weight: 500;
    position: relative;
    color: var(--secondary-color);
}
.icon_logo:hover{
    color: #542000;
}
.icon_logo .count_data{
    position: absolute;
    top: -4px;
    right: -7px;
    display: inline-block;
    font-size: 12px;
    padding: 2px 4px;
    background: #542000;
    color: #fff;
    border-radius: 50px;
}
.icon_logo.user{
    /* padding-right: 15px; */
    padding-left: 30px;
}
.icon_txt.user{
    font-size: 15px;
    font-family: var(--third-font);
    padding-right: 25px;
}
.icon_logo.whislist{
    margin: 0 10px;
}
.icon_logo.cart{}

.call-widget{
    padding-left: 0;
    text-align: end;
}
.call-widget1{
    text-align: left;
}
.call-widget2{
    text-align: start;
}
.call-widget ul{
    padding: 30px 0 20px;
    list-style: none;
    margin: 0;
    display: inline-block;
    text-align: start;
}
.call-widget ul li{
    display: inline-block;
    padding-right: 20px;
    position: relative;
}
.call-widget ul li:after{
    content: "";
    width: 2px;
    height: 50px;
    position: absolute;
    top: -15%;
    left: -16%;
    display: inline-block;
    background: #a6822e21;
}
.call-widget.call-widget2 ul li:after{
    left: inherit;
    right: -10%;
}
.call-widget ul li:last-child{padding-right:0;}
.call-widget ul li span.iconbox{
    float: left;
    width: 40px;
    margin-right: 10px;
}
.call-widget ul li span.iconbox svg{
    font-size: 35px;
    fill: #a6822e;
}
.call-widget ul li span.textbox{float: left;}
.call-widget ul li span.textbox span.headtext{
    text-transform: uppercase;
    display: block;
    font-weight: 800;
    color: #a3812e;
    line-height: 1;
    font-size: 16px;
    letter-spacing: 1px;
}
.call-widget ul li span.textbox span.headtwotext{font-weight: 400;font-size: 15px;color: #a3a3a3;}




.menu_ul{
    text-align: center;
    /* padding-right: 25px; */
    transition: .4s ease-in-out;
    /* background: rgb(163 129 46 / 30%); */
}

.menu_li{
    display: inline-block;
    margin: 0 15px;
    position: relative;
}
.menu_a{
    font-size: 15px;
    padding: 49px 0;
    transition: .3s;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 1;
    font-family: var(--secondary-font);
    font-weight: 500;
}
.header_logo.fix .menu_a{
    color: #fff;
    padding: 42px 0;
}
.menu_a:hover{
    color: #a6822e;
}

.menu_logo{
    text-align: center;
    position: relative;
    width: 200px;
    padding: 10px 20px;
}
.menu_logo a{width: 100%;}
.menu_logo a img{
    width: 80%;
}

.submenu{
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
    text-align: left;
    padding: 10px 0;
    opacity: 0;
    box-shadow: 0 7px 15px 0 rgb(0 0 0 / 20%);
    z-index: 9999;
    transition: .3s;
    transform: scaleY(0.8);
    pointer-events: none;
    width: 200px;
}  
.menu_li:hover .submenu{
    opacity: 1;
    transform: scaleY(1);
    pointer-events: auto;
} 
/*.menu_li .submenu{
    opacity: 1;
    transform: scaleY(1);
    pointer-events: auto;
}*/
.smenu_li{
    padding: 5px 20px;
}
.smenu_a{
    white-space: nowrap;
    font-size: 15px;
    color: #a3a3a3;
    transition: .3s;
    /* text-transform: uppercase; */
    font-weight: 400;
}
.smenu_a:hover{
    color: #a3812e;
}

.child_submenu{
    display: flex;
    width: 1323px;
    left: -239%;
    padding: 0;
}
.child_submenu .smenu_li{
    color: var(--primary-color);
    width: 20%;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding-top: 15px;
}
.child_submenu .smenu_li.last{
    padding: 0;
}
.child_submenu .smenu_li.last img{
    width: 100%;
}
.child_submenu .smenu_li .cmenu{

padding-top: 20px;
}
.child_submenu .smenu_li .cmenu .cmenu_li{
    padding-bottom: 5px;
}
.child_submenu .smenu_li .cmenu .cmenu_li .cmenu_a{
    color: #bbb;
    font-weight: 500;
    font-size: 14px;
    transition: .3s ease-in-out;
    text-transform: capitalize;
}
.child_submenu .smenu_li .cmenu .cmenu_li .cmenu_a:hover{
    color: #fff;
}


/*========== mob menu list =========*/
.mob_top_header{
    background: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 15px;
}
.mob_top_header .mob_phone{
}
.mob_top_header .mob_phone svg{width: 19px;fill: #195437;}
.mob_top_header .mob_phone span{
    font-family: var(--secondary-font);
    padding-left: 7px;
    letter-spacing: 0;
    font-size: 15px;
}
.mob_top_header .mob_phone span a{display: inline-block; font-family: var(--secondary-font);color: #a3812e;}
.mob_top_header .social_boxes{
    display: flex;
    gap: 15px;
    justify-content: center;
    padding: 0;
}
.mob_top_header .social_li{
    line-height: 0;
}
.mob_top_header .social_a{
    display: inline-flex;
    color: #000;
    font-size: 11px;
    transition: .3s;
    align-items: center;
    overflow: hidden;
    position: relative;
    /* z-index: 1; */
    box-shadow: none;
    justify-content: center;
    width: auto;
    height: auto;
}

.mob_top_header .social_a:hover{background: #a3812e;color: #fff;}
.mob_top_header .social_a svg{
    width: 17px;
    fill: #a58434;
}
.mob_top_header .social_boxes .social_a.facebook svg{fill: #195437;}
.mob_top_header .social_boxes .social_a.twitter svg{fill: #195437;}
.mob_top_header .social_boxes .social_a.youtube svg{fill: #195437;}
.mob_top_header .social_boxes .social_a:hover svg{fill: #fff; }
.mob_top_header .social_a:after{
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.mob_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    background: #195437;
}
.mob_header.fix{position: fixed; top: 0; left: 0; width: 100%; z-index: 99;}
.mob_header_logo{/* background: #a58434; */}
.mob_header_logo img{
    width: 100px;
}
.mob_header_log_right{display: flex; align-items: center;}

.mob_icon_logo{
    font-size: 20px;
    color: #ffffff;
    position: relative;
    padding: 0 2px;
}
.mob_icon_logo .count_data{
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    top: -3px;
    right: -2px;
    color: #e7e7e7;
}
.mob_icon_logo span{
    position: relative;
    display: block;
    width: 40px;
    height: 1px;
    background: #fff;
}
.mob_icon_logo span:before, 
.mob_icon_logo span:after{
    content: "";
    width: 100%;
    height: 1px;
    background:#fff;
    position: absolute;
    display: block;
    left:0;
}
.mob_icon_logo span:before{
    top: -10px;
}
.mob_icon_logo span:after{
    bottom: -10px;
}
.mob_header_toggle{

font-size: 34px;
}
.mob_menu{
    width: 300px;
    background: #fffbf3;
    height: 100%;
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 999;
    overflow: auto;
    transition: .4s;
    background: #fff9eb;
}
.mob_menu.active{
    left: 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}
.close_mob_menu{
    position: absolute;
    top: 28px;
    right: 5px;
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
}
.mob_logo{border-bottom: 1px solid #195437;padding: 5px 10px;background: #195437;}
.mob_logo a{/* background: #a58434; */display: inline-block;}
.mob_logo a img{
    width: 100px;
}
.mob_list{
    padding: 10px 20px;
}
.mob_list .mob_list_itm{}
.mob_list .mob_list_itm .mob_link{
    padding: 8px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: #000;
    font-family: var(--secondary-font);
    letter-spacing: 1px;
    text-transform: uppercase;
}
.mob_list .mob_list_itm .mob_link i{
    font-size: 20px;
}

.mob_menu .contact_info{
    flex-direction: column;
}
.mob_menu .contact_info a{
    display: flex;
    align-items: center;
    padding: 5px 0;
}
.mob_menu .contact_info a span{
    font-size: 20px;
    padding-right: 10px;
}
.mob_menu .contact_info a span.c_icon{}
.mob_menu .contact_info a span.c_txt{
    line-break: anywhere;
}



.mob_slist{
    background: rgb(176 197 149 / 15%);
    padding: 10px;
    display: none;
}
.mob_slist_itm{}
.mob_slink{
    padding: 4px 0;
}

.sidemenu_contact{
    background: #a2823326;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 20px;
}
.sidemenu_contact .mob_cont_info{
    display: flex;
    align-items: center;
}
.sidemenu_contact .mob_cont_info.call{
    padding-bottom: 14px;
}
.sidemenu_contact .mob_cont_info.email{}
.sidemenu_contact .mob_cont_info svg{width: 26px;}
.sidemenu_contact .mob_cont_info > span{display: inline-block;font-family: var(--secondary-font);font-size: 14px;padding-left: 15px;}
.sidemenu_contact .mob_cont_info > span a{font-family: var(--secondary-font);}
.sidemenu_contact .mob_cont_info > span > span{
    display: block;
    text-transform: uppercase;
    font-family: initial;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    color: #a58434;
}



/*========== mob menu list =========*/






/*==================== side cart ================*/
.sidecartempty{
    text-align: center;
    padding: 20px 0;
}
.sidecartempty span{
    font-size: 31px;
    color: var(--primary-bg);
    width: 50px;
    border: 1px solid #e1e1e1;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    margin: 0 auto;
}
.sidecartempty h3{
    font-size: 22px;
    font-weight: 300;
    padding-top: 10px;
}
.side_cart{
    width: 350px;
    height: 100%;
    position: fixed;
    right: -350px;
    /*    right: 0;*/
    top: 0;
    z-index: 999;
    background: #fff;
    transition: .4s;
    padding: 15px 20px;
}
.side_cart.active{
    right: 0;
}

.cart_close{
    position: absolute;
    top: 10px;
    right: 10px;
}
.cart_close a{
    color: var(--secondary-bg);
    font-size: 40px;
}


.cart_title{
    padding: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #9999991c;
    text-align: left;
    height: 6%;
}
.side_cart_items{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 94%;
}
.itms_list{
    padding: 10px 0;
}
.itms_list .itms{
    border-bottom: 1px solid #e5e5e5;
    display: flow-root;
    padding: 10px 0;
}
.itms_list .itms .itm_img{
    width: 30%;
    float: left;
}
.itms_list .itms .itm_img img{
    width: 100%;
}
.itms_list .itms .itm_details{
    width: 70%;
    float: right;
    padding-left: 10px;
    position: relative;
}
.itms_list .itms .itm_details .delsitem{
    text-align: end;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    color: #ff0000;
}
.itms_list .itms .itm_details h4{
    font-size: 15px;
    padding-bottom: 10px;
    font-weight: 400;
}
.itms_list .itms .itm_details .qty_price{
    font-weight: 300;
}
.itms_list .itms .itm_details .qty_price span{}

.side_cart_btn{}
.side_cart_btn .sc_subtotal{
    display: flow-root;
    border-bottom: 2px solid #2e460945;
    padding: 5px 0;
}
.side_cart_btn .sc_subtotal h3{
    font-size: 20px;
}
.side_cart_btn .sc_subtotal .title{
    float: left;
}
.side_cart_btn .sc_subtotal .txt{
    float: right;
}
.side_cart_btn .btns{
    padding: 10px 0 0;
}
.side_cart_btn .btns a{
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    background: var(--secondary-color)01a;
    padding: 9px 0;
    color: #fff;
    display: block;
    transition: .3s;
    border-radius: 50px;
}
.side_cart_btn .btns a:hover{
    background: var(--primary-color);
}
.side_cart_btn .btns .view_cart{
    margin-bottom: 10px;
}
.side_cart_btn .btns .cart_checkout{}
/*==================== side cart ================*/






/*=========== TOOP HEADER =========*/


/*========== SLIDER =========*/

.slider{
    overflow: hidden;
}
.slider a{
    display: block !important;
    position: relative;
    z-index: 1;
}
.slider a:after{
    content:"";
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 34%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: inline-block;
}
.slider a img{
    width: 100%;
}
.slider a .content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    font-size: 50px;
    color: #ffffff;
    transition: .5s linear;
    display: inline-block;
    transition-delay: 0.7s;
    width: 70%;
    text-align: center;
    /* height: 150px; */
    z-index: 2;
    background: rgb(0 0 0 / 30%);
    padding: 30px 0;
    border-radius: 10px;
    border: 4px solid #00000033;
}
.slider a .content p{
    font-family: var(--secondary-font);
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 4px;
    margin-top: 50px;
    transition: .8s;
    transition-delay: .5s;
    opacity: 0;
}
.slider .content p.active,
.slider .slick-slide.slick-current.slick-active .content p{
    margin-top: 0;
    opacity: 1;
}
.slider a .content h2{
    font-size: 70px;
    text-transform: uppercase;
    letter-spacing: 8px;
    padding-top: 20px;
    margin-top: 50px;
    transition: .8s;
    transition-delay: .5s;
    opacity: 0;
    line-height: 1.1;
}
.slider .content h2.active,
.slider .slick-slide.slick-current.slick-active .content h2{
    margin-top: 0;
    opacity: 1;
}
.slider a .content span{
    font-size: 18px;
    font-family: var(--secondary-font);
    padding: 10px 20px;
    border: 1px solid #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 50px;
    transition: .8s linear;
    transition-delay: .5s;
    opacity: 0;
}
.slider .content span.active,
.slider .slick-slide.slick-current.slick-active span{
    margin-top: 0;
    opacity: 1;
}
.slider .slick-arrow{
    z-index: 9;
    transform: scale(1);
    transition: .5s;
    width: 50px;
    height: 50px;
    border-radius: 0;
    background: #a6822e;
    top: 50%;
    opacity: 1;
    border-radius: 1px;
}
.slider:hover .slick-arrow{
    transform: scale(1);
}
.slider .slick-arrow:hover{
    opacity: 1;
    background: #d79f1f;
}

.slider .slick-arrow.slick-prev:before,
.slider .slick-arrow.slick-next:before{
    color: black;
    font-family: revert;
    display: inline-block;
    letter-spacing: 2px;
    font-weight: 500;
    text-transform: uppercase;
    opacity: 1;
    color: var(--primary-color);
    font-size: 20px;
}
.slider .slick-arrow.slick-prev:before{
    content:"\eb33";
    font-family: boxicons;
}
.slider .slick-arrow.slick-next:before{
    content: "\ebe6";
    font-family: boxicons;
}

.slider .slick-arrow.slick-prev{left: 2%;}
.slider .slick-arrow.slick-next{right: 2%;}
.slider .slick-arrow.slick-prev:hover:before{color: #fff;}
.slider .slick-arrow.slick-next:hover:before{color: #fff;}

.slider .slick-dots{
    bottom: 20px;
    display: block;
    width: auto;
    top: 90%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50px;
    padding: 1px 0 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-direction: column; */
    gap: 10px;
}
.slider .slick-dots:after,
.slider .slick-dots:before{
    content: "";
    width: 30px;
    height: 2px;
    border-radius: 50px;
    background: #a3812e;
    display: inline-block;
}
.slider .slick-dots:before{
}
.slider .slick-dots:after{
}
.slider .slick-dots li{
    width: 13px;
    height: 13px;
    background: #a6822e;
    border-radius: 50px;
    transition: .3s;
    margin: 0;
}
.slider .slick-dots li.slick-active{
    width: 14px;
    height: 14px;
    background: #fff;
    border: 2px solid #fff;
    margin: 0;
}
.slider .slick-dots li button{
    display: none;
}
.slick-dotted.slick-slider{
    margin-bottom: 0;
}


/*========== SLIDER =========*/


/*========== ABOUT US =========*/

.aboutus{
    padding: 80px 0 40px;
}
.aboutus-row{position: relative;z-index: 0;}
.aboutus-left{}
.aboutus-left h5{
    padding-bottom: 15px;
}
.aboutus-left h5 svg{width: 18px;fill: #c38515;}
.aboutus-left h2{
    font-weight: 100;
    font-size: 40px;
    padding-bottom: 0px;
    color: #000000;
    text-transform: uppercase;
}
.aboutus-left span{
    font-size: 18px;
    font-style: italic;
    display: inline-block;
    padding-bottom: 15px;
}
.aboutus-left p{
    font-size: 14px;
    font-weight: 400;
    color: #333;
    font-family: var(--secondary-font);
    line-height: 28px;
    letter-spacing: 0.2px;
}
.aboutus-left .call-about{
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.aboutus-left .call-about > span{
    padding: 0;
}
.aboutus-left .call-about > span svg{
    width: 40px;
    fill: #a3812e;
}
.aboutus-left .call-about span{
    padding-left: 20px;
}
.aboutus-left .call-about span p{
    font-family: var(--third-font);
    font-size: 26px;
}
.aboutus-left .call-about span p:nth-child(1){
    font-size: 18px;
    color: #414040;
    /* letter-spacing: 1px; */
}
.aboutus-left .call-about span p:nth-child(2){
    color: #a3812e;
    
}
.aboutus-left .call-about span p a{display: inline-block;text-decoration: underline;color: #a3812e;
    font-family: var(--secondary-font);
    font-size: 18px;
    font-weight: 600;}
.aboutus-right{
    padding: 0;
}
.aboutus-img{position: relative;overflow: hidden;}
.aboutus-img img{
    width: 100%;
    transition: .3s;
}
.aboutus-row .about1{padding-top: 40px;}
.aboutus-row .about1 img,
.aboutus-row .about2 img{width: 100%;}

.aboutus-page{}
.aboutus-page .about-page-col{
    padding-bottom: 40px;
}

/*========== ABOUT US =========*/



/*========== WHY US =========*/

.whyus{

}
.whyus-col{
    background: url("../img/secbgtr.png"), url("../img/secbgbr.png") #fff6e0;
    padding: 20px 40px;
    background-repeat: no-repeat;
    background-position: 98% 4%, 98% 96%;
    background-size: 20%, 20%;
}
.bottomtag{
    width: 70px;
    display: none;
}
.whyus .title{text-align: center;padding: 0;padding-bottom: 30px;}
.whyus .title span{font-weight: 500;font-size: 14px;color: #a3812e;font-family: var(--secondary-font);}
.whyus .title h3{
    font-size: 40px;
    font-weight: 100;
    position: relative;
    display: block;
}

.whyus .title h3:before,
.whyus .title h3:after{
    content: "";
    position: absolute;
    bottom: 0;
    width: 43%;
    height: 1px;
    background: rgb(0 0 0 / 22%);
}
.whyus .title h3:before{
    right: 0;
}
.whyus .title h3:after{
    left: 0;
}
.whyus .title h3 span{
    color: #a3812e;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
}
.whyus-left{
    display: flex;
    justify-content: space-between;
    padding: 25px 5px 16px 0;
    margin-bottom: 40px;
    /* background: url("../img/bgshape3.png"), url("../img/whybg.jpg") #fff; */
    /* box-shadow: 0 27px 24px -37px rgba(0, 0, 0, .66); */
    background-position: 0 0;
    background-size: 12%, 100%;
    background-repeat: no-repeat;
}
.whyus-left span{
    padding: 10px;
    width: 70px;
    height: 70px;
    background: #837463;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
     display: none; 
}
.whyus-left span svg{
    fill: var(--primary-color);
    border-radius: 50px;
    padding: 10px;
}
.whyus-left .content{
    width: 72%;
    padding-left: 15px;
    width: 100%;
}
.whyus-left h3{
    font-size: 14px;
    padding-bottom: 5px;
    font-weight: 600;
    color: #646464;
}
.whyus-left p{
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    color: #5c5c5c;
    font-family: var(--secondary-font);
}
/*========== WHY US =========*/

.venue{
    padding: 50px 0;
}
.venue .title{
    text-align: center;
    padding: 0;
    padding-bottom: 25px;
}
.venue .title h2{
    font-weight: 100;
    font-size: 40px;
    position: relative;
    display: block;
}
.venue .title h2:after,
.venue .title h2:before{
    content: "";
    width: 45%;
    display: inline-block;
    height: 1px;
    background: #00000038;
    position: absolute;
    bottom: 0;
}
.venue .title h2:after{
    right: 0;
}
.venue .title h2:before{
    left: 0;
}
.venue-left{
    padding: 0;
    padding-right: 20px;
}
.venue-left h4{
    font-size: 35px;
    text-align: end;
    font-style: italic;
    font-weight: 100;
    color: #000;
}
.venue-right{
    padding-left: 20px;
}
.venue-right p{
    font-size: 14px;
    font-weight: 400;
    color: #333;
    font-family: var(--secondary-font);
    letter-spacing: 0.2px;
    padding-bottom: 10px;
    line-height: 1.8;
}






.services{
    padding: 50px 0;
}
.services .title{
    padding-bottom: 30px;
    text-align: center;
}
.services .title h2{font-size: 40px;text-transform: uppercase;font-weight: 400;color: #0c2045;}
.services .title h2 span{
    color: #a3812e;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
}
.ser-img{
    padding: 0;
}
.ser-img img{width: 100%;}
.ser-content{
    padding-left: 30px;
    padding-top: 30px;
}
.ser-content.first{padding-top: 20px;}

.ser-content.left{
    text-align: end;
    padding-right: 30px;
    padding-top: 30px;
}
.ser-content.left h3{
    padding-right: 0;
    padding-left: 20px;
}
.ser-content h3{
    font-weight: 500;
    font-size: 34px;
    color: #000000;
    padding-bottom: 20px;
    font-style: italic;
    padding-right: 142px;
}


.ser-content span{display: inline-block;position: relative;margin-bottom: 10px;letter-spacing: 1px;}
.ser-content span:before,
.ser-content span:after{content: "";position: absolute;width:100%;height: 1px;background: #000000;}
.ser-content span:before{top: -3px;left:0;}
.ser-content span:after{bottom: -3px;left: 0;}
.ser-content p{font-size: 14px;font-weight: 400;color: #333;font-family: var(--secondary-font);line-height: 23px;letter-spacing: 0.2px;padding-bottom: 0px;}
.ser-content a{border: 1px solid #a3812e;display: inline-block;padding: 5px 10px;font-family: var(--secondary-font);font-size: 14px;text-transform: uppercase;font-weight: 500;letter-spacing: 1px; transition: .3s;}
.ser-content a:hover{background: #0c2045;color: #fff;border-color: #0c2045;}

/*========== OUR MENU =========*/

.ourmenu{
    /* background: url("../img/body.jpg"); */
    padding: 0 0 50px;
}
.ourmenu .title{
    padding-bottom: 30px;
    text-align: center;
}
.ourmenu .title span{
    font-weight: 600;
    font-size: 15px;
    color: #a3812e;
    text-transform: uppercase;
    font-family: var(--secondary-font);
    letter-spacing: 4px;
}
.ourmenu .title h3{
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    color: #0c2045;
}
.ourmenu .title h3 span{
    color: #a3812e;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
}
.ourmenu-row{
    /* background: url("../img/menubg1.png"); */
    /* box-shadow: 0 0 5px rgb(0 0 0 / 15%); */
    /* position: relative; */
}
.ourmenu_left{
  padding-top: 50px;
}
.ourmenu_left1{
    padding-top: 100px;
}
.ourmenu-img{
    overflow: hidden;
    position: relative;
}
.ourmenu-img img{
    width: 100%;
    transition: .3s;
}

.ourmenu-right{padding: 20px;}
.ourmenu-right span{font-weight: 800;font-size: 15px;color: #bbbbbb8c;text-transform: uppercase;}
.ourmenu-right h4{font-weight: 400;font-size: 32px;line-height: 1.3;color: #222045;padding-bottom: 20px;}
.ourmenu-right p{font-size: 15px;text-align: justify;font-weight: 400;color: #000;font-family: var(--secondary-font);line-height: 1.7;}
.ourmenu-right a{
    padding: 6px 20px;
    display: inline-block;
    border: 1px solid #a3812e;
    margin-top: 20px;
    font-weight: 400;
    color: #000;
    transition: .3s;
    font-family: var(--secondary-font);
    position: relative;
    text-transform: uppercase;
    font-size: 15px;
}
.ourmenu-right a:hover{
    background: #7e5e0f;
    color: #fff;
}
.ourmenu-right a:after{
    content: "";
    height: 30px;
    width: 30px;
    position: absolute;
    top: -36%;
    left: 0%;
    background: rgb(255 255 255 / 20%);
    opacity: 0;
    transition: .3s;
    box-shadow: 0 0 6px 2px rgb(0 0 0 / 10%);
    border-radius: 50%;
    transform: scale(0);
}
.ourmenu-right a:hover:after{
    opacity: 1;
    transform: scale(1);
}
.ourmenu-right a:before{
    content: "";
    height: 40px;
    width: 40px;
    position: absolute;
    bottom: -45%;
    right: -10%;
    background: rgb(255 255 255 / 20%);
    opacity: 0;
    transition: .3s;
    box-shadow: 0 0 6px 2px rgb(0 0 0 / 10%);
    border-radius: 50%;
    transform: scale(0);
}
.ourmenu-right a:hover:before{
    opacity: 1;
    transform: scale(1);
}


/*========== OUR MENU =========*/


/*========== PLANS =========*/

.plans{
    padding: 50px 0;
    background: url("../img/aboutbg.webp");
    background-size: cover;
    background-repeat: no-repeat;
}
.plans .title{
    padding-bottom: 30px;
    text-align: center;
}
.plans .title span{font-weight: 600;font-size: 15px;color: #a3812e;text-transform: uppercase;font-family: var(--secondary-font);letter-spacing: 4px;}
.plans .title h3{
    font-weight: 400;
    font-size: 36px;
    color: #0c2045;
}
.plans .plan-col:nth-child(4) .plans-box,
.plans .plan-col:nth-child(2) .plans-box{
    /*padding-top: 50px;*/
}
.plans .plan-col:nth-child(3) .plans-box{}
.plans .plans-box{}

.plans .plans-box span{
    color: #fff;
    width: 100px;
    display: inline-block;
    border-bottom: 1px solid;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    transition: .3s;
}
.plans .plans-box:hover span{
    color: #e9bd50;
}
.plans .plans-box h4{
    font-size: 24px;
    padding: 15px 0;
    color: #000;
    font-weight: 400;
}
.plans .plans-box p{
    color: #a7a7a7;
    line-height: 1.3;
}
.plans .plans-box .plans-box-img{
    overflow: hidden;
    position: relative;
}
.plans .plans-box .plans-box-img img{
    width: 100%;
    transition: .3s ease-in;
}


.plans .plans-box .plans-box-img .content{
    padding: 10px 20px;
    transition: .3s;
    text-align: center;
}
.plans .plans-box:hover .plans-box-img .content{
    bottom: 0;
}
/*========== PLANS =========*/



/*========== GALLERY =========*/

.gallery{
    padding: 50px 0;
}
.gallery .title{
    text-align: center;
    padding-bottom: 20px;
}
.gallery .title h4{font-style: italic;text-decoration: underline;text-underline-offset: 5px;}
.gallery .title span{font-weight: 600;font-size: 15px;color: #a3812e;text-transform: uppercase;font-family: var(--secondary-font);letter-spacing: 4px;}
.gallery .title h2{font-weight: 400;font-size: 36px;color: #0c2045;}
.gal-box{
    margin-bottom: 20px;
}
.gal-box a{
    overflow: hidden;
    position: relative;
    transition: .3s;
    padding: 0 10px;
}

.gal-box img{
    width: 100%;
}
.gal-box a span{position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);}
.gal-box a span svg{fill: #fff;}

.gal-img{
    height: 200px;
    overflow: hidden;
    margin-bottom: 20px;
}
.gal-img a{}
.gal-img a img{
    width: 100%;
}


.gallery .slick-arrow{
    z-index: 9;
    transition: .5s;
    width: 50px;
    height: 50px;
    background: none;
    top: 42%;
    border: 2px solid #195436;
}
.gallery .slick-arrow.slick-prev:before,
.gallery .slick-arrow.slick-next:before{color: #195436;display: inline-block;letter-spacing: 2px;font-size: 36px;font-weight: 500;text-transform: uppercase;opacity: 1;}
.gallery .slick-arrow.slick-prev:before{
    content: "\ea4d";
    font-family: boxicons;
}
.gallery .slick-arrow.slick-next:before{
    content: "\ea50";
    font-family: boxicons;
}
.gallery .slick-arrow:hover{
    background: #195436;
}
.gallery .slick-arrow.slick-prev:hover:before,
.gallery .slick-arrow.slick-next:hover:before{
    color: #fff;
}
.gallery .slick-arrow.slick-prev{
    /*    left: 0;*/
    left: -5%;
}
.gallery .slick-arrow.slick-next{
    right: -5%;
}


/*========== GALLERY =========*/


/*========== BLOGS =========*/

.blog-box{
    box-shadow: 0 5px 5px rgb(0 0 0 / 15%);
    padding-bottom: 20px;
}
.blog-box a{
}
.blog-box a img{width: 100%;}
.blog-box a.title{
    padding: 10px;
    font-weight: 600;
    font-size: 20px;
}
.blog-box p{
    font-size: 16px !important;
    padding: 0 15px;
}
.blog-box .blogread{
    background: #a3812e;
    color: #fff;
    transition: all .3s;
    font-weight: 500;
    margin-left: 15px;
    padding: 4px 15px;
    display: inline-block;
    margin-top: 15px;
    border: 1px solid #eee;
    font-size: 14px;
}
.blog-box .blogread{
    background: #7e5e0f;
}

/*========== BLOGS =========*/


/*========== TESTIMONIAL =========*/

.testimonial-first .title{padding-bottom: 20px;padding-left: 0;text-align: center;}
.testimonial-first .title span{
    font-weight: 600;
    font-size: 15px;
    color: #a3812e;
    text-transform: uppercase;
    font-family: var(--secondary-font);
    letter-spacing: 4px;
}
.testimonial-first .title h2{
    font-weight: 400;
    font-size: 36px;
    color: #000;
}
.testimonial{
    height: 550px;
    padding-bottom: 50px;
    background: url("../img/testbg.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 140px 0 50px;
    position: relative;
    z-index: 0;
}
.testimonial:after{
    content: "";
    width: 100%;
    height: 100%;
    /* background: rgb(0 0 0 / 25%); */
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.testimonial .title img{}
.test_slide{
    width: 50%;
    margin-left: 15%;
}
.test-box{
}
.test-box h3{
    padding-bottom: 30px;
    font-size: 36px;
    font-style: italic;
}
.test-box div{
    color: #fff;
}
.test-box div:after{content: "";width: 90%;height: 90%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;border: 1px solid #dbdbdb;margin: auto;display: none;}
.test-box div svg{
    width: 50px;
    fill: #a17f2d;
}
.test-box p{
    width: 80%;
    margin: auto;
    font-size: 15px;
    line-height: 1.8;
    display: inline-flex;
    font-family: var(--secondary-font);
    color: #000;
    font-weight: 100;
}
.test-box h4{
    font-size: 20px;
    color: #000000;
    padding:  20px 0;
    text-align: end;
    padding-right: 50px;
}
.test-box h4 span{
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #d9b55d;
}
/*========== TESTIMONIAL =========*/

.widget{
    padding: 100px 0 50px;
}
.widget .menu-list{display: none;}
.widget .menu-list ul{
    text-align: center;
    padding: 0;
    margin: 0;
}
.widget .menu-list ul li{
    display: inline-block;
    margin: 0 30px;
    position: relative;
}
.widget .menu-list ul li:not(:first-child):before{content: "";display: inline-block;width: 1px;height: 100%;background: #747474;position: absolute;left: -33px;}
.widget .menu-list ul li a{text-transform: uppercase;font-family: var(--secondary-font);font-size: 16px;font-weight: 600;color: #5e5e5e; transition: all .3s;}
.widget .menu-list ul li a:hover{ color: #a3812e; }
.widget .kitchen{
    /*padding-top: 70px;*/
}
.widget .kitchen .kitchen-left{}
.widget .kitchen .kitchen-left img{width: 100%;}
.widget .kitchen .kitchen-right{
    padding-top: 50px;
}
.widget .kitchen .kitchen-right h2{
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 30px;
}
.widget .kitchen .kitchen-right p{
    font-size: 14px;
    font-weight: 400;
    color: #333;
    font-family: var(--secondary-font);
    letter-spacing: 0.2px;
    padding-bottom: 10px;
    line-height: 2.1;
}

/*============ FOOTER  =========*/

footer{
    padding: 20px 0 0;
    position: relative;
    border-top: 1px solid #f1f1f1;
}
footer .footer_row{
}
.footer_boxes{text-align: center;position: relative;}
.footer_boxes h2{
    font-size: 40px;
    padding-bottom: 20px;
}
.footer_boxes .footer_logo_form{
}
.footer_logo_form .first,
.footer_logo_form .second{position: absolute;bottom:0;width: 50px;height: 50px;background: #66552b;}
.footer_logo_form .first{
    left: 0;
    z-index: 0;
}
.footer_logo_form .second{
    right: 0;
}

.footer_boxes .map-det{display: block;background: none;border: none;margin: auto;position: relative;padding-bottom: 5px;}
.footer_boxes .map-det.address{
    margin-bottom: 40px;
    padding: 0;
}
.footer_boxes .map-det .iconbox{}
.footer_boxes .map-det .iconbox svg{
    width: 20px;
    fill: #000;
}
.footer_boxes .map-det.address:after{
    content: "";
    width: 150px;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
}
.footer_boxes .map-det .txt{
    color: #000;
    font-size: 16px;
    font-family: var(--secondary-font);
    letter-spacing: 0.8px;
}
.footer_boxes .map-det .txt a{display: inline-block;font-family: var(--secondary-font);text-decoration: underline;color: #000;}
.footer_boxes .map-det .txt a:hover{color: #a3812e;}
.footer_boxes .footer_a{}
.footer_boxes .footer_a .txt{text-decoration: underline;}
.footer_boxes .map-det:hover .txt,
.footer_boxes .footer_a:hover .txt{color: #a3812e;}
.footer_boxes .map{
    border: 8px solid #fff;
    background: var(--secondary-color);
}
.footer_boxes .map iframe{
    display: block;
    width: 100%;
    height: 200px;
}
.footer_logo{}
.footer_logo img{
    width: 100%;
}

.footer_boxes h3{
    color: #cfa745;
    font-size: 18px;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600;
}
.footer_boxes_ul{/* padding: 50px 0; */}

.footer_boxes_li{
    display: block;
    margin: 5px 0;
}
.footer_boxes_a{
    color: #dfdfdf;
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    transition: .3s;
    position: relative;
    font-family: var(--secondary-font);
}
.footer_boxes_a:hover{
    color: #a3812e;
}
.footer_boxes_li:not(:first-child) .footer_boxes_a:before{
    content: "";
    width: 1px;
    height: 10px;
    background: #a18645;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 38%;
    left: -20px;
    transform: translateX(-50%);
    display: none;
}
.footer_boxes form{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 25px 0;
    position: relative;
    z-index: 1;
}


.footer_boxes form input[type='text']{
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 2px solid #a3812e;
}
.footer_boxes form input[type='submit']{
    color: #fff;
    width: 100%;
    border: none;
    padding: 10px;
    background: #a3812e;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
.map iframe{display: block;}
.social_boxes{
    display: flex;
    gap: 30px;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
.social_li{}
.social_a{
    width: 40px;
    height: 40px;
    display: inline-flex;
    color: #fff;
    font-size: 20px;
    transition: .3s;
    background: #ffffff;
    line-height: 40px;
    align-items: center;
    overflow: hidden;
    box-shadow: 0 1px 2px rgb(0 0 0 / 39%);
    border-radius: 50%;
    position: relative;
    /* z-index: 1; */
    justify-content: center;
}


.social_a svg{
    width: 20px;
    fill: #fff;
}
.social_a:hover svg{fill: #fff; }
.social_a:after{
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.social_li .social_a.facebook svg{fill: #3B5998;}
.social_li .social_a.twitter svg{fill: #C13584;}
.social_li .social_a.youtube svg{fill: #ff0000;}
.social_li .social_a.facebook:hover{background: #3B5998;}
.social_li .social_a.twitter:hover{background: #C13584;}
.social_li .social_a.youtube:hover{background: #ff0000;}
.social_li .social_a:hover svg{fill: #fff;}
/*.social_li .social_a.facebook svg{fill: #3B5998;}*/
/*.social_li .social_a.twitter svg{fill: #C13584;}*/
/*.social_li .social_a.youtube svg{fill: #ff0000;}*/
/*============ FOOTER  =========*/





/*============ BOTTOM FOOTER  =========*/

.bottom_footer{
    padding: 15px 0;
    text-align: center;
    position: relative;
    background: #a3812ea1;
}
.bottom_footer:before{
    content: "";
    width: 80%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #9d9d9d, transparent);
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}
.bottom_footer p{color: #000000;font-weight: 400;font-size: 15px;font-family: var(--secondary-font);}
.bottom_footer p a{
    display: inline-block;
    color: #ffffff;
    font-weight: 600;
    font-family: var(--secondary-font);
}

/*============ BOTTOM FOOTER  =========*/



/* BREADCRUMB */
.breadcrumbwidget{
    background-image: url(../img/inner-bg.webp);
    background-size: cover;
    background-position: center;
    padding: 200px 0 0;
    position: relative;
    z-index: 0;
    text-align: CENTER;
    height: 300px;
    }
.breadcrumbwidget:after {
    content: '';
    position: absolute;
    background-color: rgb(17 17 17 / 29%);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.breadcrumbwidget .pagehead{
    margin: 0;
    color: #f1f1f1;
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 6px;
}
.breadcrumbwidget ul{
    display: inline-block;
    padding: 0;
    list-style: none;
}
.breadcrumbwidget ul li{
    display: inline-block;
    color: #9b9b9b;
    text-transform: uppercase;
    padding: 0 10px;
    position:relative;
}
.breadcrumbwidget ul li:after{content:"/";position:absolute;right: -5px;top: 0;}
.breadcrumbwidget ul li:last-child:after{content:"";}
.breadcrumbwidget ul li a{
    color: #9b9b9b;
}
.pagecontent{
    padding: 30px 0 40px;
    position: relative;
}
.pagecontent p{
    /* text-align: justify; */
    /* font-size: 17px; */
}
.pagecontent img{
    width: 100%;
}
.pagecontent h2{
    /* font-weight: 700; */
    font-size: 2.5em;

}
.pagecontent .ser_desc{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fbd9af38;
    margin-bottom: 15px;
    padding: 15px 10px;
}
.pagecontent .ser_desc.select{
    border: 2px solid rgb(255 0 124 / 14%);
}
.pagecontent .ser_desc .ser_cat_desc{}
.pagecontent .ser_desc .ser_cat_desc h3{
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color:#6c6c6c;
}
.pagecontent .ser_desc .ser_cat_desc p{
    font-size: 14px;
    line-height: 1;
    padding-top: 10px;
}
.pagecontent .ser_desc .ser_cat_book{
    padding: 0 10px 0 20px;
}
.pagecontent .ser_desc .ser_cat_book span,
.pagecontent .ser_desc .ser_cat_book a{
    padding: 6px 15px;
    background: #ff007c;
    color: #fff;
    border-radius: 2px;
    font-size: 14px;
    text-transform: uppercase;
    user-select: none;
    white-space: nowrap;

}

/*========= about us page =========*/

.aboutinnerrow{
    padding-top: 30px;
}
.aboutuscol{position: relative;/* padding-bottom: 40px; */}
.aboutuscol:after{content: "";width: 100%;height: 1px;background: #eee;display: inherit;margin: 20px auto 0;}
.aboutuscol h2{
    font-weight: 100;
    font-size: 30px;
    padding-bottom: 0px;
    color: #000000;
    text-transform: uppercase;
    padding-bottom: 15px;
    font-style: italic;
    position: relative;
    display: inline-block;
}
.aboutuscol h2:after{content: '';width: 100px;height: 1px;background: #a3812e;display: inherit;margin: 20px auto 0;position: absolute;top: 0;left: 110%;}
.aboutuscol p{
    font-size: 14px;
    font-weight: 400;
    color: #333;
    font-family: var(--secondary-font);
    line-height: 28px;
    letter-spacing: 0.2px;      
}
.aboutuscol ul{}
.aboutuscol ul li{position: relative;padding: 2px 0;}
.aboutuscol ul li:after{content: "";width: 8px;height: 8px;border: 1px solid #cbc7c7;border-radius: 50%;display: inline-block;margin-left: 10px;}
.aboutuscol.theme{}
.aboutuscol.service{text-align: right;}
.aboutuscol.service h2:after{left: -120px;}
.aboutuscol.exprience{}
.aboutuscolleft{}
.aboutuscolleft img{height: 100%;}
/*.aboutuscolleft:after{content: "";width: 100%;height: 1px;background: #eee;display: inherit;margin: 20px auto 0;}*/
/*========= about us page =========*/


.offer_box{
    position: relative;
    margin-bottom: 20px;
}
.offer_box h4{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 36px;
    font-weight: 600;
    z-index: 1;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background: rgb(0 0 0 / 30%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.offer_box img{
    width: 100%;
}




.map-det{
    display: inline-block;
    background: #ffffff;
    border: 5px solid #fff;
    text-align: center;
}
.map-det{}
.map-det.cont-address{border-left: 1px solid rgb(0 0 0 / 12%);border-right: 1px solid rgb(0 0 0 / 12%);}
.map-det span{display: block;}
.map-det span.iconbox{
}
.map-det span.iconbox svg{
    width: 30px;
    fill: #000;
}
.map-det span.txt{
    font-size: 17px;
    padding-left: 10px;
    font-family: var(--secondary-font);
}
.map-col .map{
    margin-top: 30px;
}
.map-col .map iframe{
    width: 100%;
    display: block;
    height: 300px;
}

.cont-form{
    position: relative;
    padding: 0;
    margin-top: 10px;
    z-index: 0;
}
.cont-form .career-title{
    text-align: center;
    padding-bottom: 25px;
}
.cont-form .career-title h4{
    display: inline-block;
    text-decoration: underline;
    text-underline-offset: 6px;
}
.cont-form:after{
    content: "";
}
.cont-form form{
    /* padding: 50px 40px 30px; */
}
.cont-form form .fields{
    padding-bottom: 15px;
}
.cont-form form .fields label{
    color: #3a3a3a;
    padding-bottom: 5px;
    font-size: 15px;
    font-family: var(--secondary-font);
    font-weight: 600;
    letter-spacing: 1px;
}
.cont-form form .fields select,
.cont-form form .fields textarea,
.cont-form form .fields input{
    border-radius: 0;
    background: rgb(255 255 255 / 7%);
    border: 1px solid #e7e7e7;
    color: #000;
    font-weight: 400;
    padding: 8px 15px;
    background: whitesmoke;
}
.cont-form form .fields input[type='file']{color: #b6b6b6;}
.cont-form form .fields select:focus,
.cont-form form .fields textarea:focus,
.cont-form form .fields input:focus{
    box-shadow: none;
    border-color: #a3812e;
}
.cont-form form .fields input[type='date'],
.cont-form form .fields select,
.cont-form form .fields select option{font-family: var(--secondary-font);color: #aaa; font-size: 15px;}
.cont-form form .fields select::placeholder,
.cont-form form .fields textarea::placeholder, 
.cont-form form .fields input::placeholder{
    color: #aaa; 
    font-size: 15px;
    font-family: var(--secondary-font);
    }
.cont-form form .fields-btn{
    padding-top: 15px;
    text-align: center;
}
.cont-form form .fields-btn input{
    font-size: 15px;
    padding: 8px 100px;
    display: inline-block;
    border: 1px solid #654c0e;
    margin-top: 0;
    font-weight: 600;
    color: #fff;
    transition: .3s ease-in-out;
    text-transform: uppercase;
    font-family: var(--secondary-font);
    letter-spacing: 1px;
    background: #a3812e;
    border-radius: 2px;
}
.cont-form form .fields-btn input:hover{
    background: #7e5e0f;
    color: #fff;
}
.cont-form form .fields-btn input:after{content: "";}

.joinus{
    padding: 40px 0;
    text-align: center;
}
.joinus h4{
    font-size: 40px;
    padding-bottom: 10px;
    line-height: 1;
}
.joinus span{
    font-family: var(--secondary-font);
    font-weight: 600;
    font-size: 16px;
}
.joinus span a{
    display: inline-block;
    text-decoration: underline;
    font-family: var(--secondary-font);
    font-weight: 400;
    text-underline-offset: 4px;
    padding-left: 10px;
    font-size: 16px;
}



.b2t{
    position: fixed;
    z-index: 9;
    bottom: 20px;
    right: 100px;
    transition: 0.8s;
    opacity: 0;
    pointer-events: none;
}
.b2t.fix{
    opacity: 1;
    pointer-events: auto;
    bottom: 20px;
    right: 20px;
    transform: rotate(360deg);
}
.b2t a{
    display: inline-block;
    background: #a3812e;
    background: #000;
    padding: 8px 10px;
    border-radius: 50px;
    box-shadow: 0 0 10px 0 rgb(51 51 51 / 28%);
}
.b2t a svg{
    width: 20px;
    fill: #ffffff;
}
.subcat_sidebar{
    /* border: 1px solid #ebebeb; */
    margin-bottom: 20px;
}
.subcat_sidebar .sidebar_ul{}
.subcat_sidebar .sidebar_ul .sidebar_title{
    padding: 10px 10px;
    background: var(--secondary-color);
    color: var(--primary-color);
    font-size: 17px;
    font-weight: 400;
}
.subcat_sidebar .sidebar_ul .sidebar_li{
    border-bottom: 1px solid var(--primary-color);
}
.subcat_sidebar .sidebar_ul .sidebar_li .sidebar_link{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    transition: .3s ease-in-out;
}
.subcat_sidebar .sidebar_ul .sidebar_li .sidebar_link.active,
.subcat_sidebar .sidebar_ul .sidebar_li .sidebar_link:hover{
    background: var(--primary-color);
    color: #fff;
}
.subcat_sidebar .sidebar_ul .sidebar_li .sidebar_link span{
    font-size: 20px;
}
.side_li_ul{
    padding: 0 15px 0;
    display: none;
}
.side_li_ul .side_li_li{}
.side_li_ul .side_li_li .side_li_link{
    font-size: 15px;
    font-weight: 500;
    padding: 5px 0;
    display: inline-block;
    transition: .1 ease-in;
}
.side_li_ul .side_li_li .side_li_link:hover{
    color: var(--primary-color);
}

.select_service{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 10px 20px;
    background: rgb(0 0 0 / 50%);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
}
.select_service.active{
    display: flex;
}
.select_service .select_service_box{
    width: 90%;
    height: 95%;
    background: #fff;
    padding: 30px;
    overflow: auto;
}

.sel_ul{
    text-align: center;
    padding-bottom: 30px;
}
.sel_ul .sel_li{
    display: inline-block;
    padding: 0 3px;
}
.sel_ul .sel_li .sel_a{
    background: var(--secondary-color);
    color: #fff;
    padding: 5px 15px;
    border-radius: 2px;
    transition: .3s ease-in-out;
}
.sel_ul .sel_li .sel_a.active,
.sel_ul .sel_li .sel_a:hover{
    background: var(--primary-color);
    color: #fff;
}
.select_content{
    display: none;
}
.select_content.active{
    display: block;
}
.select_content input{}
.select_content input:checked + label{
    background: var(--secondary-color);
}
.select_content label{
    cursor: pointer;
    margin-bottom: 5px !important;
}
.select_content input:checked + label .ser_cat_desc h3{
    color: #fff;
}
.sel_ser_box_close{}
.sel_ser_box_close span{}
.sel_ser_box_close span:nth-child(1){}
.sel_ser_box_close span:nth-child(2){}

.sel_done_box{
    position: absolute;
    bottom: 26px;
    width: 87.4%;
    padding: 8px 20px;
    z-index: 9;
    background: #f1eeee;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #c5c5c5;
}
.sel_done_box span{
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    color: var(--secondary-color);
}
.sel_done_box span p{
    display: inline-block;
    color: var(--primary-color);
}
.sel_done_box a{
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 4px 15px;
    border-radius: 2px;
}
.sel_ser_a{
    display: inline-block;
    background: var(--primary-color);
    color: #fff;
    padding: 5px 15px;
    border-radius: 2px;
    transition: .3s ease-in-out;
}


.popup{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 70%);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
     -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    transition: all .4s;
    display: none;
}
.popup .popup-inner{
    background: #fff;
    border-radius: 5px;
    width: 60%;
    display: flex;
}
.popup .popup-inner .popup-img{
    width: 40%;
    background: url("../img/popupimg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup .popup-inner .popup-img img{width: 70%;}
.popup .popup-inner .popup-form{width: 60%;padding: 20px 30px;position: relative;}
.popup .popup-close{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    color: #000;
    z-index: 99999;
}
.popup .popup-inner .popup-form form .fields h3{text-align: center;font-size: 18px;text-decoration: underline;padding-bottom: 20px;text-transform: uppercase;letter-spacing: 1px;text-underline-offset: 4px;}
.popup .popup-inner .popup-form form .fields{
    padding-bottom: 5px;
}
.popup .popup-inner .popup-form form .fields label{
    color: #000000;
    padding-bottom: 5px;
    font-size: 13px;
    font-family: var(--secondary-font);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
}
.popup .popup-inner .popup-form form .fields input[type='date'],
.popup .popup-inner .popup-form form .fields select,
.popup .popup-inner .popup-form form .fields textarea,
.popup .popup-inner .popup-form form .fields input{
    border-radius: 0;
    color: #000;
    font-weight: 400;
    padding: 5px 15px;
    font-family: var(--secondary-font);
    background: #efefef;
    border: none;
    
    
}
.popup .popup-inner .popup-form form .fields input[type='date'],
.popup .popup-inner .popup-form form .fields select{
    font-family: var(--secondary-font);
    font-size: 15px;
    color: #aaa;
}
.popup .popup-inner .popup-form form .fields select option{font-family: var(--secondary-font);}
.popup .popup-inner .popup-form form .fields select::placeholder,
.popup .popup-inner .popup-form form .fields textarea::placeholder, .popup .popup-inner .popup-form form .fields input::placeholder{
    color: #aaa; 
    font-size: 15px;
    }
.popup .popup-inner .popup-form form .fields input[type='file']{color: #b6b6b6;}
.popup .popup-inner .popup-form form .fields select:focus,
.popup .popup-inner .popup-form form .fields textarea:focus,
.popup .popup-inner .popup-form form .fields input:focus{
    box-shadow: none;
    border-color: #a3812e;
}
.popup .popup-inner .popup-form form .fields-btn{
    padding-top: 6px;
    text-align: center;
    padding-bottom: 0;
}
.popup .popup-inner .popup-form form .fields-btn input{
    font-size: 15px;
    padding: 7px 20px;
    display: inline-block;
    margin-top: 0;
    font-weight: 600;
    color: #fff;
    transition: .3s ease-in-out;
    text-transform: uppercase;
    font-family: var(--secondary-font);
    letter-spacing: 1px;
    background: #000;
}
.popup .popup-inner .popup-form form .fields-btn input:hover{
    background: #7e5e0f;
    color: #fff;
}
.popup .popup-inner .popup-form form .fields label.select-label{display:block; text-transform: initial;font-weight: 400;
    padding: 5px 15px;
    font-family: var(--secondary-font);
    background: #efefef;
    color: #aaa; 
    font-size: 15px;
        display: flex;
    align-items: center;
    justify-content: space-between;
}
.select-ocasion{background: #fff;}
.select-ocasion li{}
.select-ocasion li a{}

.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}



/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid black;
  border-color: #000 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #000 transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #000000;
  padding: 8px 16px;
  /* border: 1px solid transparent; */
  /* border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; */
  cursor: pointer;
  user-select: none;
  font-family: var(--secondary-font);
  font-size: 15px;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border: 1px solid #eee;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.select-selected {
  background-color: #efefef;
  color: #aaa;
}