header{
      margin-bottom: 5px;
}
/* Profile Edit Container */
.right-part { 
background: #ffffff;
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);

}

.form-label {
    font-size: 17px;
    font-weight: 600;
    color: #444;
    display: block;
    margin-bottom: 8px;
}


.breadcrumb-item{
    font-size: 16px;
    font-weight: 700;
}
.headlines{
line-height: 3.1rem;
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    font-weight: 500;
    text-transform: capitalize;
    color: #414141;
}

/* ===== Header ===== */
.x-daily { padding: 28px 15px; }
.x-daily-title{
  font-weight: 700; letter-spacing:-.02em;
  color:#474747; font-size: clamp(20px, 1.2vw + 16px, 28px);
}
 
.x-daily-all{
 font-weight: 700;
    text-decoration: none;
    color: #f97410;
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    border: 1px solid;
    border-radius: 10px;
    padding: 10px;
}
.x-daily-all:hover{
    color: #fff;
    background-color: #f97410;
    text-decoration: underline;
   }

/* ===== Card ===== */
.x-daily-card{
  background:#fff; border:1px solid #e9ecef; border-radius:16px;
  overflow:hidden; box-shadow:0 4px 18px rgba(16,24,40,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  display:block;
}
.x-daily-card:hover{ transform: translateY(-2px); box-shadow:0 8px 26px rgba(16,24,40,.10); }

.x-daily-media{ position:relative; width:100%; aspect-ratio:16/9; background:#f6f7f9; }
.x-daily-media img{ width:100%; height:100%;  display:block; object-fit: cover;}

.x-daily-body{ padding:12px 14px 14px; }
.x-daily-name{
  font-size:1rem; font-weight:700; color:#1f2937; margin:0 0 6px;
  letter-spacing:.3px;
}
.x-daily-loc{ font-size:.92rem; color:#474747; }
.x-daily-price{ 
        background-color: #ea501c;
    font-weight:600;
     color:#fff;
     font-size:1.05rem;  
     letter-spacing: 0.5px;
       display: inline-block;
    padding: 7px;
    border-radius: 6px;
 }

.x-daily-specs .x-spec{
  display:inline-flex; align-items:center; gap:6px;
  color:#334155; font-size:.95rem;
}
.x-daily-specs .x-spec i{ width:18px; text-align:center; }

/* ===== Swiper ===== */
.x-daily-swiper{ padding: 4px 0; }
#xDailySwiper .x-daily-prev, #xDailySwiper .x-daily-next{
  width:42px; height:42px; border-radius:50%; background:rgba(0,0,0,.35);
}
#xDailySwiper .x-daily-prev:hover, #xDailySwiper .x-daily-next:hover{ background:rgba(0,0,0,.45); }
#xDailySwiper .x-daily-prev::after, #xDailySwiper .x-daily-next::after{ color:#fff; font-size:16px; }

/* Fine-tune on small screens */
@media (max-width: 1199.98px){ .x-daily-name{ font-size:.98rem; } }
@media (max-width: 991.98px){  .x-daily-name{ font-size:.96rem; } }
@media (max-width: 767.98px){  .x-daily-name{ font-size:.95rem; } }




/* ===== Hero frame ===== */
.x-hero{ padding:15px; }

.x-hero-frame{
     border-radius: 14px; 
}

/* Copy */
.x-hero-copy{ max-width: 640px; }
.x-hero-title{
font-weight: 700;
    line-height: 1.4; 
    color: #474747;
    font-size: 30px;
    margin-bottom: 10px;
}
.x-hero-desc{
  color:#545454;
  font-size: 18px;
  margin-bottom: 16px;
}

/* Search */
.x-search-card{ background:#fff; border:1px solid #eee; border-radius:16px; padding:14px 14px 10px; }
.x-search-wrap{ position:relative; display:flex; align-items:center; }
.x-search-input{ height:56px; border-radius:999px; padding-inline:48px 56px; border:1px solid #e9ecef; }
.x-search-input:focus{ box-shadow:0 0 0 4px rgba(255,90,31,.12); border-color:#ff5a1f; }
.x-search-icon{ position:absolute; inset-inline-start:16px; color:#6c757d; pointer-events:none; }
.x-search-btn{ position:absolute; inset-inline-end:6px; height:44px; min-width:44px; border-radius:999px; padding:0 14px; border:0; background:#ff5a1f; color:#fff; }
.x-search-btn:hover{ background:#e2501c; }
.x-search-hint{ color:#6c757d; font-size:.92rem; }

/* Suggestions dropdown */
.x-suggest{
  position:absolute; top: calc(100% + 2px); left:0; right:0;
  z-index: 1055; max-height: 320px; overflow:auto;
  border:1px solid #e9ecef; border-radius:12px; background:#fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.x-suggestion-item{ cursor:pointer; }
.x-suggestion-item.active, .x-suggestion-item:hover{ background:#fafafa; }
.x-suggestion-logo{ width:28px; height:28px; border-radius:6px; object-fit:cover; }

/* ===== Media (single image) ===== */
.x-hero-media{ border-radius:18px; overflow:hidden; text-align: center; }
.x-hero-img{
  width:100%; 
  display:block;
  border-radius: 20px;
}

/* RTL niceties */
[dir="rtl"] .x-hero-desc{ margin-inline-start:auto; }
[dir="rtl"] .x-search-input{ padding-inline:56px 48px; }
[dir="rtl"] .x-search-icon{ inset-inline-start:auto; inset-inline-end:16px; }
[dir="rtl"] .x-search-btn{ inset-inline-end:auto; inset-inline-start:6px; }



/* Wrapper: no full-width background here */
.x-quick{ padding: 36px 0; }

 
/* Title */
.x-quick-title{
  font-weight: 900;
  letter-spacing: -.01em;
  font-size: clamp(20px, 1.4vw + 16px, 28px);
  color:#474747;
  margin: 0 0 18px;
}

/* Grid */
.x-quick-grid{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

/* Card */
.x-quick-card{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-decoration: none;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 16px;
  padding: 18px 16px;
  min-height: 72px;
  box-shadow: 0 6px 18px rgba(16,24,40,.07);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.x-quick-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(16,24,40,.14);
  border-color: rgba(255,90,31,.28);
}
.x-quick-card:focus-visible{
  outline: 3px solid #ff5a1f;
  outline-offset: 2px;
}

/* Icon */
.x-quick-icon{
  display: inline-grid;
  place-items: center;
  width: 44px; height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg,#f6f7f9,#eef1f6);
  border: 1px solid #e6ebf2;
  color: #2b3440;
  font-size: 18px;
  flex: 0 0 auto;
}

/* Label */
.x-quick-label{
  color: #0f172a;
  font-weight: 700;
  letter-spacing: .1px;
  white-space: nowrap;
}

/* Responsive columns */
@media (max-width: 1199.98px){ .x-quick-grid{ grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 991.98px){  .x-quick-grid{ grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767.98px){  .x-quick-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 420px){
  .x-quick-box{ padding: 32px 16px; }
  .x-quick-card{ 
    padding: 16px 25px; 
    border-radius: 14px;      
     text-align: center; 
    }
  .x-quick-icon{ width: 40px; height: 40px; font-size: 16px; }
  .x-quick-label{ font-size: .95rem; }
}





/* ==================== Developer SEO Section ==================== */
 

.x-seo-dev-card{
  border: 2px solid #ececec;
  border-radius: 16px; 
}

.x-seo-dev-media{
  border-radius: 14px;
  overflow: hidden;
  background: #f7f7f7;
  box-shadow: 0 10px 28px rgba(16,24,40,.08);
}
.x-seo-dev-media img{
  width: 100%; 
  object-fit: cover;
  display: block;
}

.x-seo-dev-copy{ max-width: 720px; margin-inline: auto; }
.x-seo-dev-title{
  font-weight: 700;
  letter-spacing: -0.02em;
  color:#474747;
  font-size: 30px;
  margin: 6px 0 10px;
  line-height: 1.6;
}
.x-seo-dev-desc{
  color:#4b5563;
  font-size: clamp(14px, .9vw + 10px, 18px);
  margin-bottom: 16px;
}

.x-seo-dev-ctas{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.x-btn-whats{
  background: #25D366;
  color: #fff;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 600;
  border: none;
}
.x-btn-whats:hover{ background:#20b85a; color:#fff; }

.x-btn-call{
  background: #ff5a1f;
  color: #fff;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 600;
  border: none;
}
.x-btn-call:hover{ background:#e2501c; color:#fff; }

.x-btn-meeting{
  background: #111827;
  color: #fff;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 600;
  border: none;
}
.x-btn-meeting:hover{ background:#0b1220; color:#fff; }

.x-seo-dev-footnote{
  margin: 4px 2px 0;
  font-size: .92rem;
  color: #6b7280;
}

/* RTL tweaks */
[dir="rtl"] .x-seo-dev-ctas .me-2{ margin-right:0 !important; margin-left:.5rem !important; }

/* Responsive */
@media (max-width: 1199.98px){
  .x-seo-dev-media img{ height: 320px; }
}
@media (max-width: 991.98px){
  .x-seo-dev-card{ padding: 16px; }
  .x-seo-dev-media img{ height: 300px; }
}
@media (max-width: 575.98px){
  .x-seo-dev-media img{       
      width: 100%;
        height: auto; }
  .x-seo-dev-ctas{ gap: 8px; }
  .x-btn-whats, .x-btn-call, .x-btn-meeting{ width: 100%; justify-content: center; }
}




/* ===== Section header ===== */
.x-projects { padding: 28px 10px; }
.x-proj-title{
  font-weight: 700; letter-spacing:-0.02em;
  color:#474747; font-size: clamp(20px, 1.2vw + 16px, 28px);
}
 
.x-proj-all{
 font-weight: 700;
    text-decoration: none;
    color: #f97410;
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    border: 1px solid;
    border-radius: 10px;
    padding: 10px;
}
.x-proj-all:hover{ 
    color: #fff;
    background-color: #f97410;
    text-decoration: underline;
   }
/* ===== Cards / Swiper ===== */
.x-proj-swiper{ padding: 4px 0; }

.x-proj-card{
  background:#fff;
  border:1px solid #e9ecef;
  border-radius:16px;
  overflow:hidden;
  height: 230px;
  box-shadow:0 4px 18px rgba(16,24,40,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}
.x-proj-card:hover{ transform: translateY(-2px); box-shadow:0 8px 26px rgba(16,24,40,.10); }

.x-proj-cover{
  width:100%; height:100%;
  object-fit: cover; display:block; background:#f8f9fa;
}

/* Overlay meta */
.x-proj-meta{
  position:absolute; left:0; right:0; bottom:0;
  padding:10px 12px;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.65) 85%);
  color:#fff;
}
.x-proj-name{
  font-weight:700; font-size: 0.98rem;
}
.x-proj-count{
  font-size: 0.9rem;
  opacity: .92;
  margin-top: 2px;
}

/* Arrows */
#xProjSwiper .x-proj-prev, #xProjSwiper .x-proj-next{
  width:42px; height:42px; border-radius:50%;
  background: rgba(0,0,0,.35);
}
#xProjSwiper .x-proj-prev:hover, #xProjSwiper .x-proj-next:hover{ background: rgba(0,0,0,.45); }
#xProjSwiper .x-proj-prev::after, #xProjSwiper .x-proj-next::after{
  color:#fff; font-size:16px;
}

/* Responsiveness */
@media (max-width: 1199.98px){ .x-proj-card{ height: 220px; } }
@media (max-width: 991.98px){  .x-proj-card{ height: 210px; } }
@media (max-width: 767.98px){  .x-proj-card{ height: 200px; } }
@media (max-width: 575.98px){  .x-proj-card{ height: 190px; } }




/* ===== Header ===== */
.x-props { padding: 28px 10px; }
.x-props-title{
  font-weight: 700; letter-spacing:-0.02em;
  color:#474747; font-size: clamp(20px, 1.2vw + 16px, 28px);
}
.x-props-all{
 font-weight: 700;
    text-decoration: none;
    color: #f97410;
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    border: 1px solid;
    border-radius: 10px;
    padding: 10px;
}
.x-props-all:hover{  
    color: #fff;
    background-color: #f97410;
    text-decoration: underline;
   }

/* ===== Card ===== */
.x-prop-card{
  background:#fff; border:1px solid #e9ecef; border-radius:16px;
  overflow:hidden; box-shadow:0 4px 18px rgba(16,24,40,.06);
  transition: transform .2s ease, box-shadow .2s ease;
  display:block;
}
.x-prop-card:hover{ transform: translateY(-2px); box-shadow:0 8px 26px rgba(16,24,40,.10); }

.x-prop-media{ position:relative; width:100%; aspect-ratio: 16/9; background:#f6f7f9; }
.x-prop-media img{ width:100%; height:100%; object-fit:cover; display:block; }

.x-prop-body{ padding:12px 14px 14px; }
.x-prop-breadcrumb{ font-size:.85rem; color:#6b7280; margin-bottom:6px; }
.x-prop-title{
  font-size:1rem; font-weight:700; color: #5c5c5c; margin:0 0 8px;
  text-transform:capitalize; letter-spacing:.3px;
}

.x-prop-specs .x-spec{
  font-size:.92rem; color:#334155;
  display:inline-flex; align-items:center;
}

.x-prop-footer{ margin-top:10px; }
.x-prop-price{ font-weight:700; color: #5c5c5c; font-size:1.05rem; }

/* round icons */
.x-icon-round{
  width:38px; height:38px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  color:#fff; text-decoration:none;
}
.x-icon-round i{ font-size:15px; line-height:1; }
.x-call{ background:#ea501c!important; } .x-call:hover{ background:#f97410!important; }
.x-wa{ background:#25D366; } .x-wa:hover{ background:#1fb85a; }

/* ===== Swiper ===== */
.x-props-swiper{ padding: 4px 0; }
#xPropsSwiper .x-props-prev, #xPropsSwiper .x-props-next{
  width:42px; height:42px; border-radius:50%; background:rgba(0,0,0,.35);
}
#xPropsSwiper .x-props-prev:hover, #xPropsSwiper .x-props-next:hover{ background:rgba(0,0,0,.45); }
#xPropsSwiper .x-props-prev::after, #xPropsSwiper .x-props-next::after{ color:#fff; font-size:16px; }

/* Adjust title size on smaller screens */
@media (max-width: 1199.98px){ .x-prop-title{ font-size:.98rem; } }
@media (max-width: 991.98px){  .x-prop-title{ font-size:.96rem; } }
@media (max-width: 767.98px){  .x-prop-title{ font-size:.95rem; } }







/* ============== Marketing (App Promo) ============== */
.x-marketing { padding: 26px 10px; }

.x-marketing-card{
border: 2px solid #eef0f3;
    border-radius: 18px; 
}

.x-mkt-title{
  font-weight: 900;
  letter-spacing: -0.02em;
  color: #474747;
  font-size: clamp(22px, 1.5vw + 18px, 30px);
  line-height: 1.2;
  margin: 4px 0 10px;
}

.x-mkt-desc{
  color:#474747;
  font-size: clamp(14px, .9vw + 10px, 18px);
  margin: 0 0 16px;
}

.x-mkt-actions{
  display:flex; gap:12px; flex-wrap:wrap;
}

/* Icon buttons */
.x-mkt-btn{
      font-size: 19px;
  display:inline-flex; align-items:center; justify-content:center;
  gap:.4rem;
  padding: 10px 14px;
  border-radius: 12px;
  font-weight: 700;
  text-decoration:none;
  border:1px solid transparent;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
  box-shadow: 0 6px 18px rgba(16,24,40,.06);
}

.x-mkt-android{
  background:#10b981; /* teal-ish green */
  color:#fff;
}
.x-mkt-android:hover{
  background:#0ea371; color:#fff; transform: translateY(-2px);
}

.x-mkt-apple{
  background:#111827;
  color:#fff;
}
.x-mkt-apple:hover{
  background:#0b1220; color:#fff; transform: translateY(-2px);
}

.x-mkt-btn i{ font-size:1.05rem; }

/* Illustration */
.x-mkt-media img{
  width:75%; height:auto; display:block; border-radius:14px;
   
}

/* RTL micro-tweaks */
[dir="rtl"] .x-mkt-btn .me-2{ margin-right:0 !important; margin-left:.5rem !important; }

/* Responsive */
@media (max-width: 991.98px){
  .x-marketing-card{ padding: 20px 16px; }
}







/* ===== Card / Layout ===== */
.x-meet { padding: 32px 0 40px; }
 
.dir-rtl{ direction: rtl; }
.dir-ltr{ direction: ltr; }

/* ===== Header ===== */
.x-meet-head{ text-align:center; margin-bottom: 14px; }
.x-meet-icon{
  width:54px; height:54px; border-radius:12px;
  display:inline-flex; align-items:center; justify-content:center;
  background: #ea501c; color:#fff; border:1px solid #d6e0ea;
  box-shadow: 0 6px 18px rgba(16,24,40,.06); margin-bottom:8px; font-size:22px;
}
.x-meet-title{ font-weight:900; color: #ea501c; letter-spacing:-.02em; font-size: clamp(20px, 1.1vw + 18px, 26px); margin: 4px 0 4px; }
.x-meet-sub{ color:#0f1216; font-size:21px; margin:0; }

  
  
/* ===== Form ===== */
.x-meet-form{ margin-top: 8px; }
.x-field{ margin-bottom: 12px; }
.x-label{ display:block; font-weight:700; color:#0f1216; margin-bottom:6px; }
.req{ color:#e11d48; }

.x-input, .x-select{
  width:100%; height:48px;
  border-radius:12px; border:1px solid #d9e1ea;
  background:#fff; padding: 10px 14px;
  color:#0f172a; outline:none;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.x-input:focus, .x-select:focus{
  border-color:#2a6fd6; box-shadow: 0 0 0 3px rgba(42,111,214,.15);
}

/* phone adornment */
.x-phone{ position:relative; }
.x-flag{ position:absolute; inset-inline-start:10px; top:50%; transform:translateY(-50%); font-size:18px; pointer-events:none; }
.x-input-phone{ padding-inline-start:42px; }

/* quick filter input for developer select */
.x-input-filter{ margin-bottom:8px; height:44px; }

/* grid row */
.x-row-2{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; }

.x-btn-submit{
  width:100%; height:48px; border-radius:12px; border:0;
  background:#ea501c; color:#fff; font-weight:700; letter-spacing:.3px;
  transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
}
.x-btn-submit:hover{ background: #f77310 ; transform: translateY(-1px); box-shadow: 0 8px 22px rgba(16,24,40,.12); }

.x-error{ color:#dc2626; font-size:.85rem; margin-top:4px; min-height: 18px; }

@media (max-width: 575.98px){
  .x-row-2{ grid-template-columns: 1fr; }
}


/* ===== Section header ===== */
.x-devs { padding: 28px 10px; }
.x-devs-title{
  font-weight: 700; letter-spacing: -0.02em;
  color:#474747; font-size: clamp(20px, 1.2vw + 16px, 28px);
} 
.x-devs-all{
 font-weight: 700;
    text-decoration: none;
    color: #f97410;
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    border: 1px solid;
    border-radius: 10px;
    padding: 10px;
}
.x-devs-all:hover{ 
    color: #fff;
    background-color: #f97410;
    text-decoration: underline;
   }
/* ===== Cards / Swiper ===== */
.x-devs-swiper { padding: 4px 0; }

.x-dev-card{
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 16px;
  overflow: hidden;
  height: 280px; /* allows for a centered 250x250 logo */
  box-shadow: 0 4px 18px rgba(16,24,40,.06);
  transition: transform .2s ease, box-shadow .2s ease;
  display: flex; align-items: center; justify-content: center;
}
.x-dev-card:hover{ transform: translateY(-2px); box-shadow: 0 8px 26px rgba(16,24,40,.10); }

/* Center the logo and keep aspect (no stretch) */
.x-dev-logo-wrap{
  width: 100%; height: 100%; display:inline-flex;
  align-items:center; justify-content:center;
}
.x-dev-logo{
 width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
  background: #f8f9fa;
}

/* Bottom overlay with name + count */
.x-dev-meta{
  position:absolute; left:0; right:0; bottom:0;
  padding:8px 10px;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.65) 85%);
  color:#fff;
}
.x-dev-name{ font-weight:700; font-size:.98rem; }
.x-dev-count{ font-size:.9rem; opacity:.92; margin-top:2px; }

/* Arrows */
#xDevSwiper .x-dev-prev,
#xDevSwiper .x-dev-next{
  width: 42px; height: 42px;
  border-radius: 50%;
  background: rgba(0,0,0,.35);
}
#xDevSwiper .x-dev-prev:hover,
#xDevSwiper .x-dev-next:hover{ background: rgba(0,0,0,.45); }
#xDevSwiper .x-dev-prev::after,
#xDevSwiper .x-dev-next::after{ color:#fff; font-size:16px; }

/* Responsiveness (mobile logo 150x150) */
@media (max-width: 1199.98px){ .x-dev-card{ height: 260px; } }
@media (max-width: 991.98px){  .x-dev-card{ height: 240px; } }
@media (max-width: 767.98px){  .x-dev-card{ height: 220px; } }
@media (max-width: 575.98px){
  .x-dev-card{ height: 175px; }
  .x-dev-logo-wrap{ width:100%; height:100%; }
 
}





/* ===== spec chips ===== */
.x-chip-list { gap: 8px; }

.x-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:10px;
  box-shadow: 0 1px 2px rgba(16,24,40,.04);
}

.x-chip-ic{
  width:18px;
  text-align:center;
  font-size:15px;
}

/* tint the icons similar to your reference */
.x-ic-green { color:#16a34a; }
.x-ic-red   { color:#dc2626; }
.x-ic-dark  { color:#111827; }
.x-ic-blue  { color:#2563eb; }

.x-chip-txt{
  font-size:.94rem;
  color:#545454;
}
.x-chip-txt b{ font-weight:700; }


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px;
    }
}

  .x-dev-avatar{width:28px;height:28px;object-fit:cover;border-radius:50%;border:1px solid rgba(0,0,0,.08)}
  .x-prop-devline .x-dev-name{font-size:.92rem;opacity:.85;max-width:75%;line-height:1.2}


.x-title,h4,h3,h2{
      color: #545454;
}











    .myfilterbutton{ color:#fff; background-color:#ea501c; border-color:#ea501c;     margin-bottom: 12px;}
  .myfilterbutton:hover,.myfilterbutton:focus{ color:#fff; background-color:#eb5726; border-color:#eb5726; }

  .x-offcanvas{ position:fixed; inset:0; display:none; z-index:1050; }
  .x-offcanvas.show{ display:block; }
  .x-offcanvas__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.45); z-index:1; }
  .x-offcanvas__panel{
    position:absolute; top:0; bottom:0; left:0; width:92vw; max-width:520px; background:#fff;
    transform:translateX(-100%); transition:transform .25s ease; overflow:auto; z-index:2;
  }
  [dir="rtl"] .x-offcanvas__panel{ left:auto; right:0; transform:translateX(100%); }
  .x-offcanvas.show .x-offcanvas__panel{ transform:translateX(0); }

  .x-filter-scroll{ max-height:calc(100vh - 120px); overflow:auto; }
  .x-filter-scroll::-webkit-scrollbar{ width:8px; }

  .x-results-pane{
    --scroll-track:#eef2f6;
    --scroll-thumb:#cfd6e4;
    --scroll-thumb-hover:#ea501c;
    max-height:var(--x-pane-max, 1500px);
    overflow:auto;
    padding-right:8px;
    scrollbar-gutter:stable both-edges;
    scrollbar-width:thin;
    scrollbar-color:var(--scroll-thumb) var(--scroll-track);
        background-color: #fff;
    border-radius: 10px;
    padding: 25px 10px;
  }
  .x-results-pane::-webkit-scrollbar{ width:9px; height:9px; }
  .x-results-pane::-webkit-scrollbar-track{
    background:var(--scroll-track); border-radius:10px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.03);
  }
  .x-results-pane::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg, var(--scroll-thumb), var(--scroll-thumb));
    border-radius:10px; border:2px solid var(--scroll-track); box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);
    transition:background-color .15s ease, box-shadow .15s ease;
  }
  .x-results-pane::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg, var(--scroll-thumb-hover), var(--scroll-thumb-hover));
  }

  @media (max-width: 991.98px){
    .x-results-pane{ max-height:none; overflow:visible; padding-right:0 }
  }


  .x-prop-card{
    background:#fff; border:1px solid #eef1f4; border-radius:14px; overflow:hidden;
    transition:transform .15s, box-shadow .15s; box-shadow:0 1px 0 rgba(0,0,0,.02);
  }
  .x-prop-card:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(31,41,55,.08) }
  .x-prop-media img{ width:100%; height:100%; display:block; object-fit:cover; aspect-ratio:16/9; }

  .x-prop-body{ padding:12px 14px 14px; }
  .x-prop-breadcrumb{ color:#6b7280; font-size:.92rem; font-weight:500; margin-bottom:4px; }
  .x-prop-title{ font-size:.9rem; font-weight:700; color:#5c5c5c; margin:0 0 8px; text-transform:capitalize; letter-spacing:.3px; }

  .x-prop-specs .x-spec{ color:#2f3a4b; font-size:.95rem; }
  .x-prop-footer{ margin-top:8px; }
  .x-prop-price{ font-weight:700; font-size:1.06rem; }

  .x-icon-round{
    width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center;
    border-radius:50%; background:#f3f4f6; color:#111;
  }
  .x-icon-round.x-call{ background:#10b981; color:#fff; }
  .x-icon-round.x-wa{ background:#25d366; color:#fff; }

  .newbuttono{
    background: #ff5a1f;
    color: #fff;
    border-radius: 12px;
    padding: 1px 17px;
    font-weight: 600;
    border: none;
    font-size: 16px;
    line-height: 1.7;

  }
  
  .newbuttono:hover,   .newbuttono:focus, .newbuttono:active {
     background: #e64d16; 
     color: #fff;

  }
  :root { --header-offset: 90px; }
  /* make native anchor jumps respect your sticky header */
  #meetFormAnchor { display:block; height:1px; margin-top:calc(-1 * var(--header-offset)); }
  #time { text-transform: lowercase; }
  .btn.pe-none { pointer-events: none; } /* already added via class, keeps it non-clickable */

.newbackgrounds{
    --x-bg: #0f1216;
    background: radial-gradient(1200px 600px at 50% -200px, #1b222c 0%, var(--x-bg) 60%);
    border-radius: 14px;
    padding: 15px 28px;
    box-shadow: 0 10px 24px rgba(16, 24, 40, .10);
    background-image: url(/uploads/finshbackground.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: normal;
    background-position: center;
}



   .specialdescription2{ 
       font-size: 17px;
    font-weight: 600;
    color: #484848;
}


 .form-check {
    margin-bottom: .35rem;
    font-size: 16px;
    color: #414141;
    font-weight: 600;
}
.btn{
  gap: 10px;
}

/* Responsive */
@media (max-width: 1199.98px){ .x-hero-img{ height: 100%; } }
@media (max-width: 991.98px){
  .x-hero-img{ height: 100%;         margin-top: 16px; }
  .x-hero-frame{ padding:16px 12px; }
}
@media (max-width:575.98px){
  .x-search-card{ padding:26px 12px; border-radius:12px; }
  .x-search-input{ height:52px; }
  .x-hero-img{ 
    width: 100%;
        height: auto;
  }
}


@media (max-width:575.98px){

  .x-prop-title {
    font-size: 16px;
    font-weight: 500;
    color: #5c5c5c;
    margin: 0 0 8px;
    text-transform: capitalize;
    letter-spacing: 0;
}

  .newbackgrounds{ 
    padding:25px 10px;  
  } 
  .x-hero {
    padding: 3px 10px;
}

.x-hero-media { 
    padding: 27px 0;
}

.x-hero-title{
  font-weight: 8600;
  line-height: 1.5; 
  font-size: 20px;
  margin-bottom: 10px;
}
.x-hero-desc{
  color:#545454;
  font-size: 16px;
  margin-bottom: 16px;
}

.x-seo-dev-title{
  font-weight: 600; 
  color:#474747;
  font-size: 20px; 
}

.x-mkt-desc{
   font-size: 20px; 
}
.x-mkt-media img {
    width: 100%;
}

.x-meet-title{
  font-size: 20px;
}

    .headlines{
        line-height: 2.2rem;
        font-size: 25px;
        font-weight: 800;
}

 

}

@media (max-width: 576px) {
    .container, .container-sm {
        max-width: 100%; 
    }
    .prop-hero{
      height: auto!important;
    }
    .newbackgrounds img{
        height: auto!important;
    }
   }