:root {--special:#BB2D3B;--adsy:#FFC107 ;--blu:#0B5ED7; --gren:#157347;--Colorfff:#fff; --Colorfont334155:#334155; --ColorfonticeF8FAFC:#F8FAFC; --Colorbg1E293B:#1E293B; --nabd-bg-light: #F5F7F9;--nabd-primary: #0056b3; --nabd-primary-hover: #004494;--nabd-border: #ced4da;--radius-12px: 12px;--hover-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);--hover-transform: translateY(-1px); --shadow-hover: 0 5px 15px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.02);}
html, body {font-size: 1rem !important;font-weight: bold !important;scroll-behavior: smooth;text-align: right;font-family: 'NotoKufiArabic', 'Calibri', sans-serif; line-height: 1.6; background-color: var(--nabd-bg-light); color: var(--Colorfont334155) !important; margin: 0;padding: 0;text-decoration: none !important;}
@font-face {font-family: 'NotoKufiArabic';src: url('/static/fonts/NotoKufiArabic.woff2') format('woff2');font-display: swap;}
.sub-realtor-row, .card-realtor, .cardads,.btn-nabd-main, .btn-hover-nabd,.back-pt{transition: var(--hover-transition);}
.sub-realtor-row:hover, .card-realtor:hover, .cardads:hover,.back-pt:hover {transform: var(--hover-transform);box-shadow: var(--shadow-hover) !important;}
.btn-nabd-main:hover, .btn-hover-nabd:hover {transform: translateY(-2px); box-shadow: 0 6px 15px rgba(0, 86, 179, 0.2); }
.tab-button {flex: 1;padding: 10px;font-size: 1rem;font-weight: bold;color: black;background: var(--adsy);border: none;cursor: pointer;border-radius: 25px;margin: 5px;transition: all 0.3s ease;}
.tab-button.active {background: #CC9500;color: white;}
.tab-button.disabled {background: #e0e0e0;color: #9e9e9e;cursor: not-allowed;}
.tab-content {display: none;}
.tab-content.active {display: block;}
.offcanvas-end{width: 340px !important;}
@media (max-width:475px) {.offcanvas-end{width: 85% !important;}}
.navbar, .offcanvas{color:var(--Colorfont334155) !important;background-color: var(--Colorfff);}
.dropdown-item,.navbar-nav .nav-link{border-radius: var(--radius-12px);font-weight: bold;}
.navbar .nav-link:hover, .dropdown-item:hover, footer, .offcanvas .nav-link:hover {background-color: var(--Colorbg1E293B);color: var(--ColorfonticeF8FAFC) !important;}
footer .nav-link:hover {color:var(--Colorfont334155) !important;background-color: var(--Colorfff);}
.sale-footer { background-color: var(--gren) !important;color: var(--Colorfff); }
.rent-footer { background-color: var(--blu);color: var(--Colorfff);  }
.replace-footer { background-color: var(--adsy); color: #000; }
.input-group-text{border: none;background-color: transparent; z-index: 999 !important; position: absolute;left: 0px;top: 3px; cursor: pointer;}
.btn-purpose {border-radius: var(--radius-12px) !important;padding: 0.2rem 0.8rem !important;font-weight: 600 !important;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;}
@media (min-width: 768px) and (max-width: 1200px) {.btn-purpose {padding: 0.2rem 0.4rem !important; }}
.btn-sale:hover, .btn-check:checked + .btn-sale { color: var(--Colorfff) !important; background-color: var(--gren) !important; }
.btn-rent:hover, .btn-check:checked + .btn-rent { color: var(--Colorfff) !important; background-color: var(--blu) !important; }
.btn-replace:hover, .btn-check:checked + .btn-replace { color: #000 !important; background-color: var(--adsy) !important; }
.btn-purpose:active {transform: scale(1.2);}
.card {background-color: var(--Colorfff) !important;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;border-radius:var(--radius-12px);}
.social-media-mode {background-color: var(--nabd-bg-light);}
.no_ads {color: var(--Colorfff);background-color: var(--special);text-align: center;padding: 8px;border-radius: var(--radius-12px);font-weight: bold;}
.marketer-card {transition: all 0.3s ease;}
.search-wrapper {position: relative; display: flex;align-items: center;}
.input-search {padding: 10px;border: 2px solid var(--nabd-border) !important;border-radius: var(--radius-12px) !important; transition: all 0.3s ease;padding-left: 50px !important;}
.btn-search {position: absolute !important; left: 6px;  top: 6px;bottom: 6px;width: 40px;background-color: var(--nabd-primary) !important; border-radius: var(--radius-12px) !important;display: flex;align-items: center;justify-content: center;z-index: 5;transition: transform 0.2s;}
.img-search {height: 20px;width: 20px;background-image: url("../images/search.png");vertical-align: bottom ; background-size: 22px;background-position: center;background-repeat: no-repeat;align-items: center;justify-content: center;}
.breadcrumb {background-color: var(--Colorfff);padding: 8px;border-radius: var(--radius-12px);font-size: 0.9375rem;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}
.breadcrumb-item + .breadcrumb-item::before {float: right !important; padding-left: 8px;color: #222;}
.btn-nabd-main {background-color: #0056b3 !important; border: none;border-radius: 50px; padding: 12px 25px; font-weight: 600;transition: all 0.3s ease;color: #fff !important;text-align: center;text-decoration: none;display: inline-flex;align-items: center;justify-content: center;}
.form-control-nabd {border: 1px solid var(--nabd-border) !important;padding: 10px !important;transition: border-color 0.2s;}
.radius-12{ border-radius:12px;}
.back-pt {position: fixed;bottom: 15px; right: 15px;  z-index: 999;cursor: pointer;background: var(--adsy);width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);opacity: 0.7; }
.img-back {background-image: url("../images/back.png");background-repeat: no-repeat;background-position: center;background-size: 40px;height: 100%;width: 100%;}
.maxwidth30rem { width:95%; max-width:30rem !important; }
.maxwidthads,.maxwidthsubuser{width: 95%;max-width: 45rem !important;}
.maxwidthads-active{width: 95%; max-width: 55rem !important;}
.margin-bottom120{margin-bottom: 120px !important;}
.sub-realtor-row {background-color: var(--Colorfff);border-radius: var(--radius-12px) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.04);transition: transform 0.2s;}
.sub-realtor-cell {flex: 1;padding: 5px;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 0.9375rem;}  
.balance-collapse {padding: 2px;border-radius: 50px !important;background-color: var(--Colorbg1E293B);height: 45px; overflow: hidden;}    
.joined-social-btns {min-height: 50px;}
.social-btn {display: inline-block;width: 42px;height: 42px;border-radius: 50% !important;background-color: #fff;border: 2px solid var(--nabd-border);background-size: 27px; background-position: center;background-repeat: no-repeat;transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow: 0 2px 5px rgba(0,0,0,0.05);}
.social-btn:hover ,.marketer-card:hover{ box-shadow: 0 8px 15px rgba(0,0,0,0.1);transform: translateY(-2px);}
.navbar{box-shadow: 0 4px 12px rgba(0,0,0,0.08);background: #fff;}
.sb-face    { background-image: url("../images/face.png"); }
.sb-insta   { background-image: url("../images/instagram.png"); }
.sb-twitter { background-image: url("../images/twitter.png"); }
.sb-tiktok  { background-image: url("../images/tiktok.svg"); }
.sb-whats   { background-image: url("../images/whats.png"); }
.sb-gmail   { background-image: url("../images/gmail.png"); }
.sb-call    { background-image: url("../images/callb.png"); }
.icon {width: 16px;height: 16px;border-radius: 50%;display: flex;text-decoration: none;background-size: 16px;background-position: center;background-repeat: no-repeat;}
.sb-timeblack {background-image: url("../images/timeblack.png");}
.sb-timewhite{background-image: url("../images/timewhite.png");}
.sb-eyewhite{background-image: url("../images/eyewhite.png");}
.sb-eyeblack {background-image: url("../images/eyeblack.png");}
.whatsapp-subuser-btn {width: 16px;height: 16px;background-image: url("../images/whats.png");border-radius: 50%;display: flex;text-decoration: none;background-size: 16px;background-position: center;background-repeat: no-repeat;}
.border-special-card { border: 4px solid var(--special) !important; }
.border-normal-card { border: 4px solid var(--nabd-border) !important; }
.pin_ad, .pin_ad2 { position: absolute; left: 50%; transform: translateX(-50%); background-color: var(--special); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.pin_ad { color: var(--Colorfff); width: 64px; height: 10px; top: -13px; border-radius: 50px 50px 0 0;}
.pin_ad2 {font-size: 0.9375rem ;padding: 0px !important; text-align: center;width: 49px;height: 22px;border-radius: var(--radius-12px);}
.all-title { margin: 13px 12px 4px 5px; }
@media (min-width: 768px) {.cardsmall-content {margin-right: 8px !important;}.all-title { align-items: flex-start; margin: 15px; } .imgcardsmall, .breakimage {width: 110px !important;height: 110px !important;font-size:0.9375rem}.cardsmall-content {right: 126px;top: 90px;position: absolute;line-height: 1.3;}}
.titlesmall {font-size: 1.15rem;}
.titlesmall::after {position: absolute;inset: 0; z-index: 1;pointer-events: auto;content: "";background-color: transparent;}
.cardsmall-content {font-size:0.9375rem !important;margin: 0 12px 8px 5px;line-height: 1.4;}
.imgcardsmall, .breakimage {width: 70px;height: 70px;font-size: 10px;}
.card-content {font-size:0.9375rem !important;text-align: justify;height: 206px;padding-top: 3px;}
.radius-50{border-radius: 50%;}
.card-img { position: absolute;}
.endads {background-color: var(--Colorbg1E293B);color: var(--ColorfonticeF8FAFC) ;rotate: -50deg;transform: translate(-30%, 160%);}
.post-edit-special,.shareimg {background-color: var(--Colorbg1E293B);color: var(--ColorfonticeF8FAFC) !important;}
.fi {background-size: contain;background-position: 50%;background-repeat: no-repeat;position: relative;display: inline-block;width: 1.33333333em;line-height: 1em;}
.fi:before {content: "\00a0";}
.fi-kw {background-image: url(../images/kw.svg);}
.fi-qa {background-image: url(../images/qa.svg);}
.fi-ae {background-image: url(../images/ae.svg);}
.fi-sa {background-image: url(../images/sa.svg);}
.fi-om {background-image: url(../images/om.svg);}
.fi-bh {background-image: url(../images/bh.svg);}
.fi-eg {background-image: url(../images/eg.svg);}
.bn-breaking-news {font-size: 0.9375rem !important;width: 100%;height: 40px;line-height: 38px;overflow: hidden;position: relative;background-color: var(--Colorbg1E293B);}
.bn-news {color: var(--ColorfonticeF8FAFC) !important;position: absolute;white-space: nowrap;height: 100%;display: inline-flex;align-items: center;animation: marquee-reverse linear infinite;}
.bn-news a {font-size: 0.9375rem !important;text-decoration:none;color: var(--ColorfonticeF8FAFC) !important;}
@keyframes marquee-reverse { 0% { right: 100%; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); } 100% {right: 0;transform: translateX(100%);}}
.bn-news:hover {animation-play-state: paused;}
.bn-seperator{background-image: url('/static/images/nabdaqar.svg');display:inline-block;width:34px;height:34px;background-position:center;background-size:contain;background-repeat:no-repeat;position:relative;border-radius: 50%;}
.msge-alert{display: none;}
#alert-id,#alert-overlay {visibility: hidden;  transition: opacity 2s ease;}
input[readonly].form-control {background-color: var(--nabd-border) !important;cursor: not-allowed !important;box-shadow: none !important; }
.errorlist {list-style: none;}
.error {color: var(--special);}
.swal2-shown {overflow: unset !important;padding-right: 0px !important;}
input[type="tel"] { direction: rtl; }
select {background-position: left .75rem center !important}
body.modal-open{overflow:auto;padding-right:0 !important;}
.alert-danger {padding: 5px !important;}
.carousel-indicators button , .dark .whitemode  button{background-color: var(--special) !important; margin-bottom: -25px !important;}
.carousel-indicators .active {background-color: black !important;margin-bottom: -25px !important;}
.card_space_ads {border: ridge 10px;border-color: var(--adsy) var(--special)}
.banner-thumb-img {width: 105px;aspect-ratio: 1 / 1;object-fit: cover;border-radius: 0.5rem;}
.banner-modal-img {height: 100%;width: 100%;display: block;border-radius: 0.5rem;}
.banner-modal {height: 350px;width: 450px;border-radius: 0.5rem;overflow: hidden;display: inline-block;}