/* Abuseedo Trading edits 27 Oct 2026: (A) home buyer contacts, (B) contact card padding on phone, (C) pillar photo text contrast. Loaded only on /, /ar/, /contact-us/, /ar/contact-us/. */

/* (A) Home page: buyer contacts, same cards as the contact page (.ab-cts.ab-compact from ab-fixes.css) */
.ab-home-contacts{display:block;width:100%;background:#fff;padding:56px 20px 64px;box-sizing:border-box}
.ab-hc-inner{max-width:1140px;margin:0 auto}
.ab-hc-title{color:rgb(58,67,69);font-family:"meralsemibold",Sans-serif;font-size:3rem;font-weight:bold;line-height:1.2;letter-spacing:0;margin:0 0 24px;text-align:left}
.ab-home-contacts .ab-cts{padding:0;max-width:none}
@media (min-width:901px){.ab-home-contacts .ab-compact .ab-ct-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media (max-width:767px){.ab-home-contacts{padding:36px 20px 44px}.ab-hc-title{font-size:2rem;margin-bottom:18px}}
html[dir=rtl] .ab-hc-title{text-align:right}

/* (B) Contact page: white info card. On phones the card photo-shape was cropped by background-size:cover, so the title ran off the card. Draw the same card in CSS with real inner padding. */
@media (max-width:767px){
.elementor-element.elementor-element-qJiKZKk5.borderRadCont{background-image:linear-gradient(225deg,transparent 30px,#fff 30px)!important;background-size:100% 100%!important;background-position:0 0!important;background-color:transparent!important;border-radius:30px 0 30px 30px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.16));--padding-top:44px!important;--padding-bottom:32px!important;--padding-left:26px!important;--padding-right:26px!important;--min-height:0px!important;box-sizing:border-box}
html[dir=rtl] .elementor-element.elementor-element-qJiKZKk5.borderRadCont{background-image:linear-gradient(135deg,transparent 30px,#fff 30px)!important;border-radius:0 30px 30px 30px}
.elementor-element-qJiKZKk5 .elementor-element-jMTtqWTF>.elementor-widget-container{padding:0 0 12px 0!important;margin:0!important}
.elementor-element-qJiKZKk5 .elementor-element-N0UWldDW>.elementor-widget-container{padding:0!important;margin:0!important}
}
.elementor-element-qJiKZKk5 .elementor-element-jMTtqWTF .elementor-heading-title{overflow-wrap:break-word}

/* (C) Home page strategic pillars: darker gradient behind the white text, more side padding on phone. Wording unchanged. */
.image-slide-control>.manageImageMobileRes::before{--background-overlay:''!important;content:''!important;background-color:transparent!important;background-image:linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.45) 55%,rgba(0,0,0,.22) 100%)!important;opacity:1!important}
.image-slide-control>.manageImageMobileRes>.elementor-element{position:relative;z-index:1}
.image-slide-control>.manageImageMobileRes .elementor-heading-title,.image-slide-control>.manageImageMobileRes .elementor-widget-text-editor{text-shadow:0 1px 3px rgba(0,0,0,.6)}
@media (max-width:767px){
.image-slide-control>.manageImageMobileRes{--padding-left:26px!important;--padding-right:22px!important}
.image-slide-control>.manageImageMobileRes::before{background-image:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.4) 60%,rgba(0,0,0,.25) 100%)!important}
html[dir=rtl] .image-slide-control>.manageImageMobileRes{--padding-left:22px!important;--padding-right:26px!important}
}