body {font-family: 'clavol', sans-serif;letter-spacing: 0px;line-height: 1.6;color: #ffffff;background-color:#1c1209;}
html {scroll-behavior: smooth;}
.nexa {font-family: 'nexa', serif;}
.lbo {font-family: 'LatoBo', sans-serif;color: #ffffff;}
.lbl {font-family: 'LatoBl', sans-serif;color: #ffffff;}
.ll {font-family: 'LatoL', sans-serif;}
.lr {font-family: 'LatoR', sans-serif;}

/* navigation */
.relative{position:relative}
.overlay{position:absolute;top:0px;left:0px;bottom:0px;right:0px}
.sticky-wrapper{position:absolute;width:100%;height:100px !important}
.sticky-wrapper.is-sticky .header-r{background:#1c1209;box-shadow:-15px 15px 30px 0px rgba(158,158,158,0.3)}
.header-r{position:absolute;top:0;left:0;width:100%;z-index:10;background:transparent;}
@media (max-width: 720px){.header-r{background:#1c1209;}}
.header-r .navbar{padding:10px 16px}
.header-r .navbar .navbar-toggler{border-color:transparent;}
.header-r .navbar .navbar-toggler:focus{outline:none}
.header-r .navbar .navbar-toggler span{color:#fff;}
.navbar-nav a{text-transform:uppercase;text-decoration:none;font-size:14px;font-weight:400;color:#fff;padding:25px 12px}
.navbar-nav a:hover,.navbar-nav a.active{color:#e4cfa9;border-bottom: #e4cfa9 solid 2px;}
@media (max-width: 720px){.navbar-nav{margin-top:10px}}
.navbar-nav a{padding:10px 0}
.navbar-nav li{padding:10px 0}
@media (max-width: 720px){.navbar-nav .dropdown .dropdown-menu{background:transparent}}
.navbar-nav .dropdown .dropdown-item{color:#15181d;text-transform:capitalize}
@media (max-width: 720px){.navbar-nav .dropdown .dropdown-item{color:#fff}}
@media (max-width: 720px){.mobile-logo{width: 70%;display: block;}}


.title {font-family: 'nexa',sans-serif;font-size: 60px;color:#ffffff;padding:20px 30px;}
@media (max-width: 720px){.title {font-size: 40px;padding-top:50px;}}
.title1 {font-family: 'nexa',sans-serif;font-size: 50px;color:#1c1209;}
@media (max-width: 720px){.title1 {font-size: 40px}}
.title2 {font-family: 'nexa',sans-serif;font-size: 60px;color:#1c1209;padding-bottom:20px;}
@media (max-width: 720px){.title2 {font-size: 40px}}
.hero_inner{padding:200px 0px;align-items: center;}
@media (max-width: 720px){.hero_inner{padding:200px 0px 150px;}}
.page_hero_inner{padding:100px 0px;align-items: center;}
@media (max-width: 720px){.Page_hero_inner{padding:200px 0px 150px;}}
.hero_profile {padding:0px 50px;}
.profile {padding:0px 30px;}
@media (max-width: 720px){.profile {padding:50px 30px 0px 30px;}}
@media (max-width: 720px){.menu_anchor {padding-top: 70px;}}
@media (max-width: 720px){.to_menu {padding-bottom: 35px;}}

.button{border: none;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;
    margin: 4px 2px;-webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;cursor: pointer;}
.buttona{background-color: #FBAF32;color: #1c1209;;border: 3px solid #1c1209;padding: 20px;font-size: 15px;border-radius: 100px;}
.buttona:hover{background-color: #1c1209;color: #FBAF32;border: 3px solid #FBAF32;padding: 20px 40px;}
.buttonb{background-color: #FBAF32;color: #1c1209;border: 3px solid #1c1209;padding: 15px 50px;font-size: 16px;border-radius: 50px;}
.buttonb:hover{background-color: #f6efe3;color: #1c1209;border: 3px solid #1c1209;}
.buttonc {background-color: #fef5ec;border: none;color: #1c1209;text-align: left; text-decoration: none;display: inline-block;
    font-size: 18px;cursor: pointer;}


a, a:hover {text-decoration: none ;color: #ffffff;}

.card_section {padding:120px 50px;background-color: #1c1209;color: #f6efe3;}
.cards {text-align: center;}
.card_fott {font-family: 'nexa',sans-serif;color:#e4cfa9;padding:40px 15px 0px;text-align:center;letter-spacing:0px}
@media (max-width: 720px){.card_fott, .card_fott1 {font-size: 25px;}}
@media (max-width: 720px){.card_mobile_view {padding-top:100px;}}

.page_section {background: url(../img/menu-card-bg.jpg); padding:120px 50px;color: #1c1209; border-radius: 25px;}
@media (max-width: 720px){.page_section {padding:100px 20px;}}
.page_section_1 {background: url(../img/menu-card-bg.jpg); padding:80px 50px;color: #1c1209; border-radius: 25px;}
@media (max-width: 720px){.page_section_1 {padding:80px 20px 100px;}}
.page_section_2 {background: url(../img/menu-card-bg.jpg); padding:95px 50px;color: #1c1209; border-radius: 25px;}
@media (max-width: 720px){.page_section_2 {padding:100px 20px 40px;}}
.menu_section_separator {padding:0px 0px 50px;text-align: center;font-size: 50px;}
@media (max-width: 720px){.menu_section_separator {padding:5px 5px 35px;text-align: center;font-size: 30px;}}
@media (max-width: 720px){.mobile_menu_section_separator {padding:25px;text-align: center;}}



.section1 {padding:80px 50px;background-color: #1c1209 ;color: #f6efe3;}
@media (max-width: 720px){.section1 {padding:60px 20px 40px;}}
.section2 {padding:10px 50px 120px;background-color: #1c1209 ;color: #f6efe3;}
@media (max-width: 720px){.section2 {padding:10px 20px 60px;}}
.section3 {padding:80px 50px 100px;background-color: #1c1209 ;color: #f6efe3;}
@media (max-width: 720px){.section3 {padding:40px 20px 60px;}}
.inner {background-color: #fef5ec; color: #1c1209;border-radius: 25px;padding: 50px;}
@media (max-width: 720px){.inner {padding: 20px;}}
@media (max-width: 720px){.mobile_separator {padding: 20px;}}
@media (max-width: 720px){.mobile_padding {padding: 0;}}
.separator_padding {padding: 0px 10px 50px;}
@media (max-width: 720px){.separator_padding {padding: 0px 10px 20px;}}

.page_title {padding:150px 50px;}
.foot {padding: 50px;font-size: 18px;}
@media (max-width: 720px){.foot {padding:40px 20px;}}
.f_elements {padding:20px 50px;}
.center {text-align: center;}
.sm_gap {padding: 30px;}
.in_sec {padding:0 30px;}
.title_align {padding:0 30px;text-align: right;}
.c_logo{padding:0 0 120px 0;text-align: center;}
@media (max-width: 720px){.c_logo{padding:0 0 25px 0;}}
.cont_pad {padding:50px}
.cont_pad1 {padding:50px;background-color: #1c1209;color: #e4cfa9;border-radius: 50px;}
@media (max-width: 720px){.cont_pad1, .cont_pad {padding:50px 20px;}}


.back_section {padding:0px 50px 120px;background-color: #e4cfa9;color: #1c1209;}

/* Style the tab */
.tab {overflow: hidden;}
/* Style the buttons inside the tab */
.tab button {background-color: inherit;border: none;outline: none;cursor: pointer;padding: 14px 16px;font-size: 16px;color: #FBAF32;
width: 120px;text-align: center;}
/* Change background color of buttons on hover */
.tab button:hover {border-bottom: #FBAF32 solid 2px;}
/* Create an active/current tablink class */
.tab button.active {background-color: #FBAF32;color: #1c1209;border: #FBAF32 solid 2px;border-radius: 100px;}
/* Style the tab content */
.tabcontent {display: none;-webkit-animation: fadeEffect 2s;animation: fadeEffect 2s;}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeEffect {from {opacity: 0;}to {opacity: 1;}}