:root {--darkColor: #444; --mainColor:#fff; --lightColor: #EEEEEE; --special:#BB2D3B ;  --adsy:#FFC107 ;  --blu:#0B5ED7; --gren:#157347}
@font-face {font-family: 'Noto Naskh Arabic';src: url('/static/fonts/NotoNaskhArabic-Regular.woff2') format('woff2');font-display: swap;}
html, body {font-size: 17px !important;scroll-behavior: smooth;text-align: right;text-decoration: none !important;font-family:'Noto Naskh Arabic', Calibri,Times, Times New Roman, Georgia, serif;line-height: 1.4;}
.sub-realtor-row{background-color: var(--lightColor);}
.sub-realtor-cell {flex: 1;padding: 5px;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 14px;}  
.balance-collapse {padding: 7px;border-radius: 5px;background-color: #000;height: 51px; overflow: hidden;}    
#special_ads::placeholder {color: var(--special);}  
/*banar carousel-indicators */
.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;}
.dark .whitemode .active {background-color: white !important;margin-bottom: -25px !important;}
/* end banar carousel-indicators */
/* breaking-news-ticker */
.bn-breaking-news {width: 100%;height: 40px;line-height: 38px;overflow: hidden;position: relative;background-color: #FFC107;}
.bn-news {position: absolute;white-space: nowrap;height: 100%;display: inline-flex;align-items: center;font-size: 16px;animation: marquee-reverse linear infinite;}
.bn-news a {text-decoration:none;color: #000;}
@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-trans.svg');display:inline-block;width:40px;height:40px;background-position:center;background-size:contain;background-repeat:no-repeat;position:relative}
/* end breaking-news-ticker */
/* Dark Mode */
.dark { background: var(--darkColor); }
.searchmode, .cardmode, body, .moon, .sun, .smoth-colapse { transition: 2s ease-in-out !important;}
.social-media-mode { background-color: var(--lightColor); padding: 8px;}
.dark .searchmode { background: var(--lightColor); }
.dark .spinner-border, .dark .titlesmall, .dark .dark-realtor-banar, .dark #hint_id_password1, .dark #hint_id_password2, .dark .end-ad-dark, .dark .change-imgbanar-dark, .dark #id_password1_helptext { color: var(--mainColor) !important;}
.dark-realtor-banar {min-height: 22px;line-height: 1.4;}
.dark .darkphone { color: var(--adsy); }
.dark .cardmode { background: var(--darkColor); color: var(--lightColor); }
.dark .about-us-agree, .dark .small-contentmode, .dark .table-sub-dark { color: var(--lightColor);}
.dark .imagemode, .dark .officemode { position: relative; background-color: rgba(0, 0, 0, 0.4); }
.dark .imagemode::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 0; }
/* end dark mode  */
/* card */
input[type="tel"] { direction: rtl; }
.showhidepass { color: var(--darkColor); }
.card-img { position: absolute; z-index: 1; transition: 2s ease-in-out !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(--mainColor); width: 71px; height: 8px; top: -12px; border-radius: 50px 50px 0 0; -webkit-border-radius: 50px 50px 0 0; -moz-border-radius: 50px 50px 0 0; -ms-border-radius: 50px 50px 0 0; -o-border-radius: 50px 50px 0 0; }
.pin_ad2 {text-align: center;font-size: 19px;width: 58px;height: 25px;border-radius: 5px 5px 80px 80px;}
.special_card { border: 5px solid var(--special) !important; }
.normal_card { border: 5px solid var(--lightColor) !important; }
.sale, .sale-footer { background-color: var(--gren) !important; }
.rent, .rent-footer { background-color: var(--blu); }
.replace, .replace-footer { background-color: var(--adsy); color: #000; }
.btn-purpose { padding: 0 8px; margin: 0 2px; }
.btnreplace { color: var(--darkColor); border: 3px solid var(--adsy); }
.all-title { align-items: center; margin: 13px 12px 4px 5px; }
.title-time { margin-right: 10px; }
.time-view { margin-top: 6px; }
.titlesmall, .cardsmall-content { font-size: 19px; font-weight: bold; }
.titlesmall::after {position: absolute;inset: 0; z-index: 1;pointer-events: auto;content: "";background-color: transparent;}
.imgcardsmall, .breakimage {width: 70px;height: 70px;font-size: 10px;}
.cardsmall-content {margin: 0 12px 8px 5px;line-height: 1.4;}
.card-content {text-align: justify;height: 175px;font-size: 15px;padding-top: 3px;}
.name-date { position: absolute; right: 37px; }
.static-img {max-width: 500px;max-height: 400px;}
@media (min-width: 768px) {.all-title { align-items: flex-start; margin: 15px; }.title-time { margin-right: 15px; margin-top: 10px; }.titlesmall, .cardsmall-content { font-size: 18px; font-weight: bold; }.imgcardsmall, .breakimage {width: 110px !important;height: 110px !important;font-size: 14px;}.cardsmall-content {right: 126px;top: 90px;position: absolute;line-height: 1.3;}.views { position: absolute; right: 280px; }}
@media (max-width: 450px) {.static-img { max-height: 280px; }}
/* end card */
/* navbar and footer */
.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu {display: block;}
.offcanvas-end{width: 320px !important;}
@media (max-width:475px) {.offcanvas-end{width: 80% !important;}}
.offcanvas-footer{background-color: var(--darkColor) !important;}
.navbar, .offcanvas, footer ,.navbar-nav .nav-link{color:var(--mainColor) !important;background-color: var(--darkColor);}
.dropdown-item:hover {color: var(--mainColor);background-color: var(--darkColor)}
.navbar-nav .nav-link:hover {background-color: var(--mainColor);color: var(--darkColor) !important;}
.img-logo-navbar {width: 4.06rem;height: 3.81rem;}
.img-logo-navbar img{width: 100%;height: 100%;}
@media (max-width:768px) {.img-logo-navbar {width: 3rem;height: 2.75rem;}}
.addpost {margin-right: 30px;padding: 7px;color: var(--darkColor) !important;}
@media (max-width:768px) {.addpost,.sunmoon{margin: 0px;font-size: 15px !important}}
.addpost:hover {background-color: #faea06}
.sunmoon{margin-right: 20px;}
.moon ,.sun{height: 35px;width: 35px;cursor: pointer;}
.msge-alert{display: none;}
.store-img {height: 50px;width: 150px;}
.alert-icon {height: 25px;width: 25px;border-radius: 50%;}
.close-btn {top: 265px !important;right: 40% !important;}
#alert-id,#alert-overlay {visibility: hidden;  transition: opacity 2s ease;}
.aler-color{visibility: visible !important;background-color: var(--adsy);z-index: 9999 !important;padding: 10px;width: 290px;height: 260px;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.alert-overlay {visibility: visible !important; opacity: 1;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: rgba(2, 2, 2, 0.92); z-index: 9998; }
/* end navbar and footer */
/* between navbar and footer */
.top, .back-pt {position: fixed;bottom: 10px;z-index: 999;cursor: pointer;background: rgba(255, 193, 7, 0.5);transition: opacity 0.2s ease-in-out;}
.top { left: 4px; opacity: 0; }
.back-pt { right: 4px;}
.top.scroll-up {opacity: 1;z-index: 999;}
select {background-position: left .75rem center !important}
.radius-10,option,.navbar-nav, .nav-link,.card-header, .no_ads, .s1, .dropdown-item, .breadcrumb {font-weight: bold !important}
.header-search {font-size: 18px;font-weight: bold;color:var(--mainColor);text-align: center;background-color: var(--blu)}
.card-header {color:var(--mainColor);background-color: var(--blu);text-align: center;padding: 6px}
.card {border: 5px solid var(--blu); }
.card_space_ads {border: ridge 10px;border-color: var(--adsy) var(--special)}
.breadcrumb-item:before {float: none !important;color:var(--mainColor) !important;}
.breadcrumb {background-color: #222;padding: 8px;color:var(--mainColor) !important;}
.breadcrumb a {color:var(--mainColor) !important;}
.company-name, .no_ads {color:var(--mainColor);background-color: var(--special);text-align: center;padding: 6px;font-weight: bold;}
/* end between navbar and footer */
/* dashboard */
.endads {rotate: -50deg;transform: translate(-30%, 160%);}
.input-search {border: var(--darkColor) 3px solid; z-index: 1 !important;}
/* .input-fast-search:focus {width: 150px !important;} */
.btn-search {position: absolute !important;left: 7px;bottom: 7px;top: 7px;padding: 3px;background-color: var(--gren) !important;}
.bg_data_profile h6 {background-color: var(--darkColor);color: var(--mainColor);font-weight: bold;padding: 10px;}
.bg_data_profile a {color: var(--mainColor)}
.post-edit-special {background-color: var(--darkColor);color: var(--mainColor) !important;}
.post-edit-normal {background-color: var(--lightColor); color: #000 !important;}
/* end dashboard */
/* border-radius */
.card,.radius-10{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.radius-50,.img-logo-card:after {border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.radius-5,.bn-seperator,.phone-text,.card-header, input.form-control,.breadcrumb,.no_ads,.imagemode::before , .bg_data_profile h6{border-radius: 5px !important;-webkit-border-radius: 5px !important;-moz-border-radius: 5px !important;-ms-border-radius: 5px !important;-o-border-radius: 5px !important}
/* end border-radius */
/* images */
.image-card-size {width: 15rem; height:13rem;}
.image-card-size img{width: 100%; height:100%;}
/* .banner-thumb-img {height: 100%;width: 100%;display: block;border-radius: 0.5rem;} */
.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;}
.img-search,.img-footer,.whatsapp,.whatscard,.callwcard,.callbcard,.timewcard,.timebcard,.eyeb,.eyew,.dark .timemode,.dark .timebmode,.dark .eyewmode,.dark .eyebmode{background-size: cover;display: inline-block;}
.moon,.sun,.timewcard,.timebcard,.eyeb,.eyew,.dark .timemode,.dark .timebmode,.dark .eyewmode,.dark .eyebmode{vertical-align: middle; height:18px; width:18px;}
.img-logo-card:after{content: "";background-image: url("../images/nabdaqar-trans.svg");background-repeat: no-repeat;background-position: center;height: 40px;width: 40px;background-size: 48px;border: solid 2px var(--special);}
.img-logo-card { position: absolute; display: flex;left: 50%; top: 2px;transform: translateX(-50%);}
.image-opacity{opacity: 0.1;}
.img-scroll,.img-back {background-repeat: no-repeat;height: 45px;width: 45px;background-size: 45px;}
.img-search{vertical-align: bottom ;height: 23px;width: 23px;background-image: url("../images/search.png");}
.img-footer{height:30px; width:30px;}
.whatsapp{vertical-align: middle ;height:20px; width:20px;background-image: url("../images/whats.png");}
.whatscard{height:35px; width:35px;background-image: url("../images/whats.png");}
.callwcard{height:33px; width:33px;background-image: url("../images/callw.png");}
.callbcard{height:33px; width:33px;background-image: url("../images/callb.png");}
.moon{background-image: url("../images/moon.png");}
.sun{background-image: url("../images/sun.svg");}
.img-scroll{background-image: url("../images/scrol.png");}
.img-back{background-image: url("../images/back.png");}
.timewcard{background-image: url("../images/timew.png");}
.timebcard{background-image: url("../images/timeb.png");}
.eyeb{background-image: url("../images/eyeb.png");}
.eyew{background-image: url("../images/eyew.png");}
.face-footer{background-image: url("../images/face.png");}
.twitter-footer{background-image: url("../images/twitter.png");}
.instagram-footer{background-image: url("../images/instagram.png");}
.gmail-footer{background-image: url("../images/gmail.png");}
.whats-footer{background-image: url("../images/whats.png");}
.call-footer{background-image: url("../images/callb.png");}
/* end images */
/* dark images */
.dark .post-edit-special,.dark .post-edit-normal{background-color: var(--lightColor);color:var(--darkColor) !important;}
.dark .timemode{background-image: url("../images/timew.png");}
.dark .timebmode{background-image: url("../images/timeb.png");}
.dark .eyewmode{background-image: url("../images/eyew.png");}
.dark .eyebmode{background-image: url("../images/eyeb.png");}
/* end dark images */
/* show hide password */
.input-group-text{border: none;background-color: transparent; z-index: 4;position: absolute;left: 0px;cursor: pointer;}
/* end showhide */
/* subscription and re_subscription */
.tab-button {flex: 1;padding: 10px;font-size: 18px;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;}
/* end subscription and re_subscription */
.swal2-shown {overflow: unset !important;padding-right: 0px !important;}
body.modal-open{overflow:auto;padding-right:0 !important;}
/* btn-purpose */
.btn-purpose {background-color: transparent;border-width: 2px;padding: 1px 8px;}
.btn-sall {border-color: var(--gren) !important;color: var(--gren) !important;}
.btn-sall:hover, .btn-check:checked + .btn-sall {background-color: var(--gren) !important;color: white !important;}
.btn-rent {border-color: var(--blu) !important;color: var(--blu) !important;}
.btn-rent:hover, .btn-check:checked + .btn-rent {background-color: var(--blu) !important;color: white !important;}
.btn-replace {border-color: var(--adsy) !important;color: black;}
.btn-replace:hover, .btn-check:checked + .btn-replace {background-color: var(--adsy) !important;color: black !important;}
/* end btn-purpose */
/* error */
.errorlist {list-style: none;}
.error {color: var(--special);}