:root{
    --bg-color :  #0B0B0B;
    --light-main-color : #C9A23A;
    --main-font : Cairo !important;
}

body{
    background: var(--bg-color); 
}

.primary-btn{
    display: inline-flex;
    gap:10px;
    align-items: center;
    background: transparent !important;
    color: #FFFFFF !important;
    border: 2px solid #C9A23A !important;
    border-radius: 30px !important;
    padding: 10px 30px !important;
    font-weight: 500;
    width: max-content; 
margin: auto;
transition: .3s;
justify-content: center;


 
}







.primary-btn:active,
.primary-btn:focus,
.primary-btn:focus-visible {
    -webkit-tap-highlight-color: transparent !important;
    outline: none !important;
    
    background: transparent !important;
    color: #FFFFFF !important;
   
}














.primary-btn:hover{
    background: #C9A23A !important;
color: #000000 !important;



}

	



.category-card{
        background: #111111 !important;
border: 1px solid rgba(201,162,58,0.25);
border-radius: 15px; 
padding: 17px !important;
display: block;
}

.category-card-title{
    margin-bottom: 15px;
}

.category-card-content{
    display: flex;
    flex-direction: column;
    gap:10px;
}




.small-heading-wrapper {
    background: none !important;
    padding: 0 !important;
}

.small-heading-title{
    color: var(--light-main-color ) !important;
}


/* Contact Us  */


.contact-box{
    background: #111111 !important;
border: 1px solid rgb(201, 162, 58);
border-radius: 15px; 
padding: 50px 30px !important;
  display: flex;
  flex-direction: column;
  gap: 25px;
    
}
.elementor-icon-box-title{
    color: var(--light-main-color ) !important;
}

.contact-form label{
    display: none;
}   

.contact-field{
    background: #111111;
    border: 1px solid rgba(202, 162, 58, 0.82);
    border-radius: 10px;
    color: #fff;
    padding: 0;
}
.contact-field input, .contact-field textarea{
    display: block;
  background: none !important;
  color: #fff !important;
  border: none !important;
padding: 12px 16px;
padding-inline-start: 40px;
}

.contact-field .icon{
    font-size: 20px;
    position: absolute;
    top: 11px;
    left:15px;
    color: var(--light-main-color ) !important;
}

.hfe-menu-item{
    transition: .3s;
}

.hfe-menu-item:hover{
    color: #fff !important;
}


.elementor-shape-circle .elementor-icon {
  border-radius: 50%;
  border: 1px solid var(--light-main-color);
  color: var(--light-main-color) !important;
}


.elementor .elementor-element.elementor-element-3e1ff7b0:not(.elementor-motion-effects-element-type-background), .elementor .elementor-element.elementor-element-3e1ff7b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #d5b992 !important;
}