.elementor-726 .elementor-element.elementor-element-473e519{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-726 .elementor-element.elementor-element-641b891{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-726 .elementor-element.elementor-element-9816e82{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-fefc947 *//* ================================
   UMMAHHUB HERO
================================ */

.uh-hero{

position:relative;
min-height:100vh;

display:flex;
align-items:center;
justify-content:center;

padding:120px 20px;

background:url("YOUR-HERO-IMAGE.jpg") center center/cover no-repeat;

overflow:hidden;

}

.uh-overlay{

position:absolute;
inset:0;

background:linear-gradient(
135deg,
rgba(8,33,26,.90),
rgba(15,106,82,.75)
);

}

.uh-inner{

position:relative;
z-index:2;

max-width:850px;

text-align:center;

color:#fff;

}

.uh-badge{

display:inline-block;

padding:12px 24px;

background:rgba(255,255,255,.10);

border:1px solid rgba(255,255,255,.20);

border-radius:100px;

font-size:14px;

margin-bottom:30px;

backdrop-filter:blur(10px);

}

.uh-inner h1{

font-family:Manrope,sans-serif;

font-size:68px;

line-height:1.05;

font-weight:800;

margin-bottom:25px;

color:#fff;

}

.uh-inner p{

font-size:20px;

line-height:1.8;

max-width:760px;

margin:0 auto 45px;

opacity:.92;

}

.uh-search{

display:flex;

background:#fff;

border-radius:18px;

overflow:hidden;

max-width:760px;

margin:0 auto;

box-shadow:0 20px 60px rgba(0,0,0,.20);

}

.uh-search input{

flex:1;

height:68px;

border:none;

padding:0 25px;

font-size:17px;

outline:none;

}

.uh-search button{

width:180px;

border:none;

background:#D4AF37;

font-size:17px;

font-weight:700;

cursor:pointer;

transition:.3s;

}

.uh-search button:hover{

background:#bf9a28;

}

.uh-buttons{

display:flex;

justify-content:center;

gap:20px;

margin-top:35px;

flex-wrap:wrap;

}

.uh-buttons a{

text-decoration:none;

padding:16px 34px;

border-radius:12px;

font-weight:700;

transition:.3s;

}

.btn-primary{

background:#0F6A52;

color:#fff;

}

.btn-primary:hover{

background:#0a5943;

}

.btn-secondary{

background:rgba(255,255,255,.12);

border:1px solid rgba(255,255,255,.25);

color:#fff;

backdrop-filter:blur(10px);

}

.btn-secondary:hover{

background:rgba(255,255,255,.18);

}

.uh-popular{

margin-top:35px;

font-size:15px;

}

.uh-popular span{

font-weight:700;

margin-right:10px;

}

.uh-popular a{

color:#fff;

text-decoration:none;

margin:0 8px;

opacity:.85;

transition:.3s;

}

.uh-popular a:hover{

opacity:1;

color:#D4AF37;

}

/* ================================
   RESPONSIVE
================================ */

@media(max-width:768px){

.uh-inner h1{

font-size:42px;

}

.uh-inner p{

font-size:17px;

}

.uh-search{

flex-direction:column;

}

.uh-search button{

width:100%;

height:60px;

}

.uh-search input{

height:60px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b6001d *//*=====================================
SECTION 2
=====================================*/

.uh-categories{

padding:100px 20px;

background:#F8FAF8;

}

.uh-container{

max-width:1300px;

margin:auto;

}

.section-title{

text-align:center;

max-width:700px;

margin:auto auto 60px;

}

.section-title span{

display:inline-block;

padding:8px 18px;

background:#EAF5F1;

color:#0F6A52;

border-radius:100px;

font-size:13px;

font-weight:700;

letter-spacing:1px;

margin-bottom:20px;

}

.section-title h2{

font-family:Manrope,sans-serif;

font-size:48px;

color:#1E2A26;

margin-bottom:20px;

}

.section-title p{

font-size:18px;

color:#66736F;

line-height:1.8;

}

.category-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}

.category-card{

background:#fff;

padding:40px;

border-radius:24px;

text-decoration:none;

transition:.35s;

box-shadow:0 10px 40px rgba(0,0,0,.05);

border:1px solid #EEF2EF;

}

.category-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 60px rgba(0,0,0,.12);

border-color:#D4AF37;

}

.category-icon{

width:70px;

height:70px;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

background:#F2F8F5;

border-radius:18px;

margin-bottom:30px;

}

.category-card h3{

font-family:Manrope,sans-serif;

font-size:24px;

margin-bottom:12px;

color:#1E2A26;

}

.category-card p{

color:#6C7772;

margin-bottom:25px;

}

.category-card span{

color:#0F6A52;

font-weight:700;

}

@media(max-width:992px){

.category-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.section-title h2{

font-size:34px;

}

.category-grid{

grid-template-columns:1fr;

}

.category-card{

padding:30px;

}

}/* End custom CSS */