/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 03 2025 | 08:50:41 */
@font-face {
    font-family: 'PF DinText Medium';
    src: url('https://yusr.mada.org.qa/wp-content/themes/techon/assets/fonts/PFDinTextArabic-Medium.eot');
    src: url('https://yusr.mada.org.qa/wp-content/themes/techon/assets/fonts/PFDinTextArabic-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://yusr.mada.org.qa/wp-content/themes/techon/assets/fonts/PFDinTextArabic-Medium.woff2') format('woff2'),
        url('https://yusr.mada.org.qa/wp-content/themes/techon/assets/fonts/PFDinTextArabic-Medium.woff') format('woff'),
        url('https://yusr.mada.org.qa/wp-content/themes/techon/assets/fonts/PFDinTextArabic-Medium.ttf') format('truetype'),
        url('https://yusr.mada.org.qa/wp-content/themes/techon/assets/fonts/PFDinTextArabic-Medium.svg#PFDinTextArabic-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'PF DinText Light';
    src: url('https://yusr.mada.org.qa/wp-content/themes/techon/assets/fonts/PFDinTextArabic-Light.eot');
    src: url('https://yusr.mada.org.qa/wp-content/themes/techon/assets/fonts/PFDinTextArabic-Light.eot?#iefix') format('embedded-opentype'),
        url('https://yusr.mada.org.qa/wp-content/themes/techon/assets/fonts/PFDinTextArabic-Light.woff2') format('woff2'),
        url('https://yusr.mada.org.qa/wp-content/themes/techon/assets/fonts/PFDinTextArabic-Light.woff') format('woff'),
        url('https://yusr.mada.org.qa/wp-content/themes/techon/assets/fonts/PFDinTextArabic-Light.ttf') format('truetype'),
        url('https://yusr.mada.org.qa/wp-content/themes/techon/assets/fonts/PFDinTextArabic-Light.svg#PFDinTextArabic-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
.site .font-headings, .site .font-headings-primary, ul, li, strong, a, nav, p, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, body {
  	font-family: 'PF DinText Light', Helvetica, Arial, sans-serif !important;
}
div#mada-acc-agent-container {
/*     display: none !important; */
}

a.menu-item-link:focus {
    outline: 2px solid black !important;
}
a.menu-item-link:hover{
	border-bottom: 2px solid !important;
}
a:focus {
    outline: 2px solid !important;
}
.btn-theme-colored1:focus, .btn-theme-colored1:hover {
    outline: 3px solid black !important;
    border: 2px solid white !important;
}
.featured_services_row img {
    /* border: 1px solid maroon; */
    float: none;
/*     background: #f1f1f1; */
}
.featured_services_row a {
    color: #fff;
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    background: #772B3C;
    padding: 5px 20px;
    margin-bottom: 10px !important;
    border-radius: 20px;
}
.trail-item i.tm-breadcrumb-arrow-icon.fas.fa-arrow-right:lang(ar) {
/*     right: 75px !important; */
	right: 75px;
    left: auto !important;
}
.breadcrumbs-nav .trail-items li:nth-child(2) .tm-breadcrumb-arrow-icon:lang(ar) {
    right: 50px !important;
}
.trail-item:lang(ar) {
    margin-right: 25px;
}
h2.title {
    font-size: 50px !important;
    line-height: 60px !important;
}
.green_circle_status{
		width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    background: green;
    color: #fff;
		display: inline;
    padding: 10px 15px !important;
}
.red_circle_status{
		width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    background: red;
    color: #fff;
		display: inline;
    padding: 10px 15px !important;
/*     margin-top: 10px !important;
    top: 10px !important;
    position: relative; */
}

table tr td a {
    background: #78263A;
    color: #fff;
    padding: 8px;
!important;
}
table tr td a:hover {
    background: #a83652;
    color: #fff !important;
}
.wpml-ls-statics-footer.wpml-ls.wpml-ls-legacy-list-horizontal {
    width: 140px;
}
.tm-accordion table, .tm-accordion tr, .tm-accordion td {
    border-color: transparent !important;
}
li.wpml-ls-slot-footer.wpml-ls-item.wpml-ls-item-ar.wpml-ls-first-item.wpml-ls-last-item.wpml-ls-item-legacy-list-horizontal {
    background: white;
}
a.menu-item-link {
    font-weight: bold !important;
/*     border-bottom: 2px solid !important; */
    margin: 5px;
	text-transform: none !important;
	font-size: 18px !important;
}
#menu-footer-links-menu li {
    width: 100%;
}
.featured_service_full .isotope-layout.gutter-5 .isotope-item {
    width: auto;
}
header li.wpml-ls-item-legacy-list-horizontal {
    background: #fff;
}
.mada-accessibility-icon:hover, .mada-accessibility-icon:focus {
    outline: 2px solid #000 !important;
/*     border-radius: 0px; */
}
a.wpml-ls-link:hover, a.wpml-ls-link:focus {
    outline: 3px solid white !important;
    border: 2px solid black;
}
/* Ensure icons inside indicator are hidden */
.menuzord > ul > .menu-item-has-children > a .indicator i {
  display: none;
}

/* Add down arrow ▼ by default */
.menuzord > ul > .menu-item-has-children > a .indicator::before {
  content: "▼";
  font-size: 0.6em;
  margin-left: 5px;
  display: inline-block;
  transition: transform 0.3s ease;
  vertical-align: middle;
}

/* On hover/focus, show up arrow ▲ */
.menuzord > ul > .menu-item-has-children:hover > a .indicator::before,
.menuzord > ul > .menu-item-has-children:focus-within > a .indicator::before {
  content: "▲";
}
.menuzord-menu > li > a .indicator {
    display: contents;
}
.tm-sc-icon-box.icon-box.icon-left.font-icon.responsive-mobile.icon-left.animate-hover.icon-rotate {
    display: none;
}
.featured_services_row .elementor-widget-container {
/*     border: 2px solid maroon; */
    padding: 20px;
    box-shadow: #3d3d3d 0px 0px 5px;
}
.elementor-element.elementor-element-95c92d7.e-con-full.e-flex.tm-col-stretched-none.tm-bg-color-over-image.e-con.e-child.tm-bgimage-yes.tm-bgcolor-yes {
    display: none;
}
.featured_services_row strong {
    color: maroon;
    font-size: 18px;
}
.featured_services_row span.feature_span {
	display: block;
}
.main_featured a.useful_apps_btn {
    margin-top: 20px;
}
.featured_services_row h3.elementor-icon-box-title {
    font-size: 24px;
}
.icon_hide .elementor-icon-box-icon, .icon_hide .elementor-icon-box-title {
    display: none;
}
h3.cust_title {
    font-size: 22px;
}
img.featured_cust_img {
    width: 300px;
    margin-bottom: 25px !important;
}
.main_featured img:lang(ar), .main_featured p:lang(ar), .main_featured span:lang(ar), .main_featured h3:lang(ar), .main_featured a:lang(ar) {
    text-align: right !important;
}
.main_featured a:lang(ar) {
    float: right;
	min-width: 65px;
}
.elementor-icon-box-icon:lang(ar) {
    text-align: right;
}
body {
    color: #000;
}
.dropdown a.menu-item-link {
    border-bottom: none !important;
}
.isotope-layout img {
    width: 40px;
}
.features-block-style3 .icon {
    background: white;
    border-radius: 50%;
    padding: 5px;
    padding-top: 1px !important;
}
.blog .entry-title a {
    text-decoration: underline !important;
}
a.btn.btn-plain-text-with-arrow {
    text-transform: none !important;
    text-decoration: underline;
}
/* Skip link: hidden until focused */
.skip-to-content {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem; /* RTL override below */
  z-index: 10000;
  padding: 0.6rem 1rem;
  font-weight: 600;
  text-decoration: none;
  background: #fff;
  border: 2px solid #000;
  border-radius: 6px;

  transform: translateY(-150%);
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.skip-to-content:focus,
.skip-to-content:focus-visible {
  transform: translateY(0);
  clip: auto;
  clip-path: none;
  height: auto;
  width: auto;
  overflow: visible;
}
/* RTL support */
html[dir="rtl"] .skip-to-content { left: auto; right: 0.5rem; }
/* If you have a sticky header, set this to its height so the target isn't hidden */
.main-content,
#main-content,
:target { scroll-margin-top: 80px; } /* adjust 80px to your header height */

header a.social-link {
    width: 40px !important;
    height: 40px !important;
    font-size: 30px !important;
	background: none !important;
}
a.useful_apps_btn:hover, a.useful_apps_btn:focus {
    outline: 3px solid black !important;
    border: 2px solid white !important;
}
.main-content a {
    text-transform: none;
}
.featured_service_full p.elementor-icon-box-description {
	width: 100%;
    display: flex;
    align-items: center;
}
/* When the entire block is hovered or focused — underline the title inside */
.tm-sc-features .features-block-style10 .inner-box:hover .features-title a,
.tm-sc-features .features-block-style10 .inner-box:focus .features-title a {
    text-decoration: underline !important;
}
footer a:hover, a.btn.btn-theme-colored1.btn-round:hover, .features-title a:hover, 
.featured_services_row a:hover, footer a:focus, a.btn.btn-theme-colored1.btn-round:focus, .features-title a:focus, 
.featured_services_row a:focus, #emergency_button:hover, #emergency_button:focus,
#hotline_button:hover, #hotline_button:focus{
    text-decoration: underline !important;
}
a#emergency_button {
    margin-bottom: -15px;
}
.features-block-style3 .inner-box:hover .features-title, 
.features-block-style3 .inner-box:hover .features-title a {
    color: #fff !important;
}
.features-title {
    text-align: left;
    font-size: 17px;
	line-height:25px;
}
.features-title {
    text-align: left;
}
.features-title a {
    font-weight: bold;
}
.projects-current-theme3 .content-box {
    padding: 5px 5px !important;
}
.projects-current-theme3 .content-box .title {
    padding: 10px 10px !important;
    font-size: 16px;
}
.project-item.projects-current-theme3 a, h2.team-title a {
    letter-spacing: initial;
	text-decoration: underline;
}
.service-category-banner {
    background-size: cover !important;
}
h2.team-title:lang(en)  {
    text-align: left;
}
h2.team-title:lang(ar) {
    text-align: right;
}
.tm-sc-team .team-item .image img {
    width: 85% !important;
    z-index: 9999;
	background: #fafafa;
}
.post-149295 img, .post-149297 img {
    background: #000 !important;
}
.term-initiatives-ar .team-current-theme4 .image-box::before {
    left: auto !important;
    right: 0 !important;
}
.term-initiatives-ar .team-current-theme4 .image-box .image::before {
    left: auto !important;
    right: -70px !important;
}
.term-initiatives-ar .team-current-theme4 .image-box .image::after {
    left: auto !important;
    right: -80px !important;
}
.breadcrumb {
    background: transparent !important;
}
a.service_cust_link {
    text-decoration: underline !important;
    padding: 1px 10px;
    background: #45978F;
    color: #fff;
}
a.service_cust_link:hover, a.service_cust_link:focus {
    outline: 2px solid maroon !important;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent !important;
    outline: 2px solid maroon !important;
}
.accordion-button:focus, .page-link:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .75) !important;
}
.features-block-style8 a {
    color: #000 !important;
}
.features-block-style8 .content .service-icon i {
    color: #7e233a !important;
    font-size: 50px !important;
}
.features-block-style8 .content .service-icon::before {
    background: transparent !important;
}
.features-block-style10 .inner-box .features-title a {
/*     color: #000000 !important; */
}
.features-block-style10 .inner-box:before {
    background-color: #fff !important;
}
.features-block-style10 .inner-box {
    background-image: none !important;
    background-color: #7E233A !important;
}
.features-block-style10 img, .features-block-style10 i {
	width: 130px !important;
    background: #fff;
    border-radius: 5%;
    padding: 5px;
    border: 0px;
}
.features-block-style10 .inner-box .icon {
    margin-bottom: 5px !important;
}
.features-block-style10 i {
    color: #7E233A !important;
}
.features-block-style10 .inner-box:hover .features-title a
{
	color: #fff !important;
}
.features-block-style10 .inner-box .features-title:lang(ar) {
/*     text-align: right; */
}
.features-block-style10 {
    height: 260px !important;
}
p:lang(ar), ul:lang(ar), li:lang(ar), body:lang(ar), a:lang(ar), span:lang(ar), strong:lang(ar) {
    text-align: right;
}
.features-title a {
/*     border: 2px solid; */
    padding: 10px 15px;
    border-radius: 20px;
/*     box-shadow: white 0px 0px 5px; */
	color: #7E233A !important;
    font-size: 32px !important;
    line-height: 32px;
    display: inline-block;
}

/* carousal css */
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
    background-color: maroon;
}
.carousel-control-next, .carousel-control-prev {
    width: 2%;
    opacity: .9;
}
.controls button {
    text-transform: none;
}
#emergency_button, #hotline_button{
    background: #fff;
    color: #7E233A;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 28px !important;
}
#emergency_button:hover, #hotline_button:hover{
    background: #7E233A;
    color: #fff;
}
#emergency_button span.elementor-button-content-wrapper, #hotline_button span.elementor-button-content-wrapper {
    float: left;
    padding-bottom: 0px;
}
#emergency_button span.elementor-button-content-wrapper:lang(ar), 
#hotline_button span.elementor-button-content-wrapper:lang(ar) {
    float: right;
	direction: ltr;
}
#emergency_button span.elementor-button-text {
    text-decoration: underline;
    padding-top: 15px;
}
#emergency_button i, #hotline_button i {
	border-radius: 50%;
    background: #fff;
    padding: 5px;
    font-weight: bold;
    font-size: 40px;
}
#emergency_button i:before, #hotline_button i:before {
    color: #7E233A;
}
#emergency_button svg, #hotline_button svg {
    border-radius: 10px;
    font-size: 60px;
    background: white;
}
.nice-select, .nice-select.open .list  {
    width: 100%;
}
.nice-select .option {
    text-align: right;
}
.features-block-style10 .inner-box .features-title {
    text-align: center;
}
.home_banner {
	background: url(https://yusr.mada.org.qa/wp-content/uploads/2025/11/video-bg.jpg);
}
footer .tm-text-editor p, footer .tm-text-editor a, footer .tm-text-editor li,
footer .tm-text-editor span, footer .tm-text-editor h3, footer .tm-text-editor h4,
footer a
{
    color: #fff !important;
}
body{
	letter-spacing:0.6px;
}
header li.wpml-ls-item-legacy-list-horizontal {
    border: 3px solid maroon;
}
p, li, strong, a {
    font-size: 18px !important;
}
.current-menu-ancestor a.menu-item-link, .current-menu-item  a.menu-item-link{
    border-bottom: 2px solid;
	color: #7a273b !important;
}
.current-menu-ancestor .dropdown a.menu-item-link{
	color: #000 !important;
}
h1.title {
    font-size: 50px !important;
    line-height: 55px !important;
}
.learn_more_btn a {
    font-size: 20px;
}
.page-id-151898 .elementor-3484 .elementor-element.elementor-element-9c1553a:not(.elementor-motion-effects-element-type-background), .elementor-3484 .elementor-element.elementor-element-9c1553a > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.page-id-151881 .elementor-3484 .elementor-element.elementor-element-9c1553a:not(.elementor-motion-effects-element-type-background), .elementor-3484 .elementor-element.elementor-element-9c1553a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url(https://yusr.mada.org.qa/wp-content/uploads/2025/08/Inner-Pages-Header-.jpg) !important;
}
@media (min-width: 1025px) {
    header#header .elementor-106287 .elementor-element.elementor-element-082b578 .menuzord-menu > li.menu-item,
	header#header .elementor-148369 .elementor-element.elementor-element-f6f4316 .menuzord-menu > li.menu-item,
	header#header .elementor-40084 .elementor-element.elementor-element-0126dd0 .menuzord-menu > li.menu-item,
	header#header .elementor-148371 .elementor-element.elementor-element-8954252 .menuzord-menu > li.menu-item{
        padding: 1px 0px 15px 0px !important;
    }
.elementor-element.elementor-element-93fb46c.e-con-full.e-flex.tm-col-stretched-none.tm-bg-color-over-image.e-con.e-child.tm-bgimage-yes.tm-bgcolor-yes:lang(en) {
    margin-left: 30px;
}
.elementor-element.elementor-element-5995c81.e-con-full.e-flex.tm-col-stretched-none.tm-bg-color-over-image.e-con.e-child.tm-bgimage-yes.tm-bgcolor-yes:lang(ar) {
    margin-right: 30px;
}
}
.custom_domain .tile-card{
	height: 100%;
    background: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform .2s, box-shadow .2s;
    box-shadow: #3d3d3d 0 0 5px;
    border-radius: 0;
    padding: 10px;
}
.custom_domain .tile-card img {
    width: 100%;
    max-height: 150px;
    object-fit: contain;
    display: block;
    padding: 15px;
}
.custom_domain h3.tile-title {
    text-align: center;
    font-size: 24px;
}
.custom_domain a:focus, .custom_domain a:hover {
    text-decoration: underline !important;
}
/* Fixed back-to-parent button at bottom of viewport */
.back-bottom-btn {
  position: fixed;
  bottom: 170px;
/*   right: 20px; */
  z-index: 999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 24px;
  border: 2px solid #7E233A;
  background: #7E233A;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0,0,0,.25);
}
.back-bottom-btn:lang(en) {
	left: auto;
    right: 20px;
}
.back-bottom-btn:lang(ar) {
	right: auto;
    left: 20px;
}
.back-bottom-btn:hover,
.back-bottom-btn:focus {
  background: #fff;
  color: #7E233A;
  text-decoration: none;
  outline: 2px solid #7E233A;
  outline-offset: 2px;
}
.menuzord-primary-nav .menuzord-menu ul.dropdown li a {
    padding: 8px 22px 8px 25px !important;
}
.breadcrumb-back {
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:20px;
  border:2px solid #fff;
  background:transparent;
  color:#fff;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
margin-top: -10px;
/* 	display:none; */
}

.breadcrumb-back:hover,
.breadcrumb-back:focus {
  background:#fff;
  color:#7E233A;
  text-decoration:none;
  outline:2px solid #7E233A;
  outline-offset:2px;
}

.breadcrumb-back, .back-bottom-btn
{
	font-size: 20px !important;
	padding: 5px 15px !important;
}
a.js-history-back.breadcrumb-back.breadcrumb-back-static {
    margin-left: 10px;
    margin-right: 10px;
}
.scroll-to-top a {
    opacity: 1 !important;
}
.back-bottom-btn {
    border: 2px solid white;
}

.site-search-form {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
}

.site-search-form input {
    flex: 1;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #ccc;
}

.site-search-form button {
    padding: 10px 16px;
    background: #7E233A;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
}

.scroll-to-top a:lang(ar) {
    margin-left: 10px;
}
.scroll-to-top a:lang(en) {
    margin-right: 10px;
}
#mada-acc-agent-icon {
	left: 15px;
}

/* New css */
.site-search-form button:focus, .gform_button:focus, .tab-btn:focus  {
    border: 2px solid white !important;
    outline: 2px solid black !important;
}
.gform_wrapper input:focus, .gform_wrapper textarea:focus {
    border: 2px solid blue;
}
img.featured_cust_img {
    width: 100%;
    height: 125px;
    object-fit: contain;
    margin: auto;
    /* padding: 15px !important; */
    margin-bottom: 0px !important;
    object-position: center;
    margin-top: -30px;
}
.buhamad_div {
	display: none;
}
.page-id-148378 .buhamad_div {
    border-radius: 50%;
    display: block !important;
    position: fixed;
    bottom: 170px;
    right: auto;
    left: 20px;
    display: block;
    width: 66px;
    height: auto;
    /* border-radius: 39%; */
    border: 3px solid #fff;
/*     background: #7E233A; */
	background: grey;
    padding: 16px;
}


/* Slightly smaller on mobile */
@media (max-width: 575.98px) {
  .back-bottom-btn {
    bottom: 12px;
    right: 12px;
    padding: 6px 12px;
    font-size: 13px;
  }
}
.tm-sc-simple-nav-menu ul.split-nav-menu li {
    width: 100% !important;
    float: none !important;
}

.gform-body.gform_body legend, .gform-body.gform_body label, .gform-body.gform_body li, .gform-body.gform_body span, .gfield_description, .gform_button, .gform_submission_error, .validation_message, .gform_validation_error_link  {
    font-size: 18px !important;
}
footer .tm-sc-simple-nav-menu ul li {
    list-style: disc !important;
}
img.featured_cust_img {
    width: 245px;
    height: 125px;
    object-fit: contain;
    margin: auto;
    /* padding: 15px; */
    margin-bottom: 0px !important;
}


/* Make the outer box positioned for absolute child placement */
.featured_services_row .elementor-widget {
    position: relative;
/*     height: 380px; */
}
.button_div, .useful_apps_btn {
    position: absolute;
    bottom: 10px;
}
/* Fix the button to the bottom of the box */
/* .useful_apps_btn {
    position: absolute !important;
    bottom: 20px;
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    z-index: 10 !important;
} */



/* Position the control on top of content (clickable area) */
.yusr-video-controls {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 100; /* above section content */
  pointer-events: auto;
}
/* Button styling (works even without Bootstrap) */
.yusr-video-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px; min-height: 44px; /* touch target size */
  padding: 10px 12px;
  border-radius: 999px;
  border: 0;
  background: rgba(255,255,255,0.95);
  box-shadow: 0 2px 10px rgba(0,0,0,.15);
  cursor: pointer;
  font: inherit;
}
/* Icon size if Bootstrap Icons present */
.yusr-video-toggle i { font-size: 1.5rem; line-height: 1; }
/* Visually hidden utility (Bootstrap-like) */
.yusr-visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}
button.yusr-video-toggle:hover, button.yusr-video-toggle:focus {
    border: 3px solid black;
    outline: 2px solid white !important;
}
.yusr-video-controls:lang(ar) {
	left: auto;
    right: 20px;
}
/* Optional: hide control on mobile if Elementor hides the video there */
@media (max-width: 767px){
  .yusr-video-controls{ display:none; }
}

/* 1️⃣ Prevent the inner <a> from receiving tab focus */
.tm-sc-features .features-block-style10 .features-title a {
  pointer-events: none;
}

/* 2️⃣ Visually indicate focus on the full card */
.tm-sc-features .features-block-style10 .inner-box:focus {
    outline: 3px solid black !important;
}
a#emergency_button:focus, a#hotline_button:focus {
    border: 3px solid black;
    outline: none !important;
}
/* optional hover/focus styles for accessibility */
.tm-sc-features .features-block-style10 .inner-box:hover {
  box-shadow: 0 0 0 3px rgba(0,115,230,0.3);
}
.breadcrumb-bar a:hover, .breadcrumb-bar a:focus {
    text-decoration: underline !important;
}
.mascot-post-excerpt {
    font-size: 18px;
}
.sidebar-area-inner a:hover, .sidebar-area-inner a:focus {
    text-decoration: underline;
}

/*.team-current-theme4 .image-box .image::before {
    right: -70px;
}
.team-current-theme4 .image-box::before {
    right: 0px;
    left: auto !important;
}*/
.mada_msdf span {
    color: #7e233a;
    float: left;
    text-align: left !important;
    margin-left: 20px;
    width: 100% !important;
    margin-top: -10px;
}
.mada_msdf img{
	float: left;
    text-align: left;
}
.blog-posts .main-content-area article .entry-header .post-thumb {
    transition: none !important;
}
.domain_main {
    background-color: #f7f7f7 !important;
}
.wpml-elementor-ls {
    display: none;
}




@media (max-width: 768px) {
.page-id-148378 .buhamad_div {
    bottom: 160px !important;
    left: 15px !important;
	z-index: 9999;

}
.home_banner .elementor-widget-container {
/*     background: #ffffff99; */
}
	.home_banner:lang(en){
		background-position: right !important;
	}
.elementor-148378 .elementor-element.elementor-element-2c7c8bd > .elementor-widget-container,
.elementor-148378 .elementor-element.elementor-element-55727f3 > .elementor-widget-container{
    padding: 0px 0px 0px 0px !important;
}
.featured_services_row a {
    margin-bottom: -5px !important;
}
.button_div, .useful_apps_btn {
    bottom: 10px !important;
}
span.feature_span {
/* 	font-size:14px !important; */
}
h2.title {
    text-align: right !important;
}
.mada_msdf span{
	text-align: right !important;
    margin-left: 0% !important;
    margin-top: 3% !important;	
}
.mada_msdf img{
	float: right !important;	
}
.featured_services_row .elementor-widget {
    min-height: 405px;
}
.back-bottom-btn:lang(ar) {
    left: 15px !important;
    bottom: 160px !important;
}
 #mada-acc-agent-icon {
        bottom: 75px !important;
    }
header#header .menuzord-brand img
 {
    max-height: 100% !important;
}
}

@media (max-width: 768px) {
.mada-accessibility-icons {
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative;
    z-index: 9998 !important;
    overflow: visible !important;

    /* allow wrapping when there isn't enough width */
    flex-wrap: wrap;
}

.mada-accessibility-icon {
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #ffffff;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 2px solid transparent;
    outline: none !important;
    font-size: 18px;
    transition: all 0.3s ease;
    overflow: visible !important;
    z-index: 9998;
    transform: translateZ(0);

    /* prevent flexbox from shrinking the buttons */
    flex: 0 0 auto;
}
.mada-accessibility-icons {
     justify-content: center;   /* optional, for nicer centering */
}
.mada-accessibility-icon {
        width: 50px;               /* bigger than 35px */
        height: 50px;
        font-size: 16px;
	}
html[dir="rtl"] .mada-accessibility-icons {
    flex-direction: row-reverse;   /* icons flow right → left */
    flex-wrap: wrap;               /* allow wrapping */
}
html[dir="rtl"] .mada-accessibility-icons .mada-accessibility-icon {
    flex: 0 0 auto;                /* prevent shrinking */
}
/* Optional: align items on each line to the right */
html[dir="rtl"] .mada-accessibility-icons {
    justify-content: flex-end;   /* because direction is reversed, this aligns to the right */
}
}


@media (min-width: 1025px) {
    .menuzord-primary-nav .menuzord-menu ul.dropdown li {
        border-bottom: 1px solid #999;
    }
.featured_services_row .elementor-widget {
    min-height: 380px;
}
a#emergency_button{
		max-width: 99.2%;
}

}


/* Header Banners */
.elementor-element-9c1553a{
	background-image: url("https://yusr.mada.org.qa/wp-content/uploads/2025/08/Inner-Pages-Header-.jpg");
	/*Deafault Page*/
}
.page-id-148746 .elementor-element-9c1553a, .page-id-148813 .elementor-element-9c1553a{
	background-image: url("https://yusr.mada.org.qa/wp-content/uploads/2025/08/Inner-Pages-Header-.jpg") !important;
	/*About*/
}
.blog .elementor-element-9c1553a, .single-post .elementor-element-9c1553a
{
	background-image: url(https://yusr.mada.org.qa/wp-content/uploads/2025/09/NewsEvents-1.jpg) !important;
	/*News*/
}
.term-initiatives .service-category-banner, .single-initiative .service-category-banner, .term-initiatives-ar .service-category-banner
{
	background: url(https://yusr.mada.org.qa/wp-content/uploads/2025/09/Initiatives2.jpg) no-repeat center center !important;
	background-size: cover !important;
	/*Initiatives*/
}
.term-66 .service-category-banner, .term-98 .service-category-banner{
	background-image: url("https://yusr.mada.org.qa/wp-content/uploads/2025/08/Government-Services.jpg") !important;
}
.term-75 .service-category-banner, .term-109 .service-category-banner,.term-101 .service-category-banner, 
.term-102 .service-category-banner, .term-103 .service-category-banner, .term-104 .service-category-banner,
.term-110 .service-category-banner, .term-111 .service-category-banner, .term-112 .service-category-banner, .term-113 .service-category-banner{
	background-image: url("https://yusr.mada.org.qa/wp-content/uploads/2025/08/Health-Services2.jpg") !important;
}
.term-67 .service-category-banner, .term-91 .service-category-banner{
	background-image: url("https://yusr.mada.org.qa/wp-content/uploads/2025/08/Education-Services_.jpg") !important;
}
.term-76 .service-category-banner, .term-90 .service-category-banner,
.term-114 .service-category-banner, .term-96 .service-category-banner {
	background-image: url("https://yusr.mada.org.qa/wp-content/uploads/2025/08/Inner-Pages-Header-.jpg") !important;
	/* Social */
}
.term-77 .service-category-banner, .term-115 .service-category-banner{
	background-image: url("https://yusr.mada.org.qa/wp-content/uploads/2025/08/Employment-Services.jpg") !important;
}
.term-78 .service-category-banner, .term-116 .service-category-banner{
	background-image: url("https://yusr.mada.org.qa/wp-content/uploads/2025/08/Inner-Pages-Header-.jpg") !important;
	/* Vocational */
}
.term-106 .service-category-banner, .term-117 .service-category-banner{
	background-image: url("https://yusr.mada.org.qa/wp-content/uploads/2025/08/Inner-Pages-Header-.jpg") !important;
	/* Energency */
}
.term-79 .service-category-banner, .term-97 .service-category-banner{
	background-image: url("https://yusr.mada.org.qa/wp-content/uploads/2025/08/Banking-Services_.jpg") !important;
}
.term-80 .service-category-banner, .term-118 .service-category-banner, .term-242 .service-category-banner,
.term-243 .service-category-banner, .term-244 .service-category-banner{
	background-image: url("https://yusr.mada.org.qa/wp-content/uploads/2025/08/Transportation-Services_.jpg") !important;
}
.term-81 .service-category-banner, .term-119 .service-category-banner{
	background-image: url("https://yusr.mada.org.qa/wp-content/uploads/2025/08/Telecommunications-Services.jpg") !important;
}
.term-82 .service-category-banner, .term-83 .service-category-banner,.term-107 .service-category-banner, 
.term-120 .service-category-banner, .term-121 .service-category-banner, .term-122 .service-category-banner{
	background-image: url("https://yusr.mada.org.qa/wp-content/uploads/2025/08/Retail-Services.jpg") !important;
}
.term-85 .service-category-banner, .term-125 .service-category-banner{
	background-image: url("https://yusr.mada.org.qa/wp-content/uploads/2025/08/Inner-Pages-Header-.jpg") !important;
	/* Sports */
}
.term-84 .service-category-banner, .term-89 .service-category-banner,.term-108 .service-category-banner, 
.term-124 .service-category-banner, .term-123 .service-category-banner, .term-99 .service-category-banner{
	background-image: url("https://yusr.mada.org.qa/wp-content/uploads/2025/08/Inner-Pages-Header-.jpg") !important;
	/* Tourism */
}
.elementor-element-9c1553a::before, .service-category-banner::before{
	opacity: 0.1 !important;
}

/* Habilitation Manual Page */
.page-id-152028 .elementor-3484 .elementor-element.elementor-element-9c1553a:not(.elementor-motion-effects-element-type-background), .elementor-3484 .elementor-element.elementor-element-9c1553a > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.page-id-152062 .elementor-3484 .elementor-element.elementor-element-9c1553a:not(.elementor-motion-effects-element-type-background), .elementor-3484 .elementor-element.elementor-element-9c1553a > .elementor-motion-effects-container > .elementor-motion-effects-layer{
    background: url(https://yusr.mada.org.qa/wp-content/uploads/2025/08/Health-Services2.jpg) no-repeat bottom center;
    background-size: cover;
}

/* Social */
.page-id-152197 .elementor-3484 .elementor-element.elementor-element-9c1553a:not(.elementor-motion-effects-element-type-background), .elementor-3484 .elementor-element.elementor-element-9c1553a > .elementor-motion-effects-container > .elementor-motion-effects-layer{
    background: url(https://yusr.mada.org.qa/wp-content/uploads/2025/08/Health-Services2.jpg) no-repeat bottom center !important;
    background-size: cover;
}
.term-274 .service-category-banner{
	background-image: url("https://yusr.mada.org.qa/wp-content/uploads/2025/08/Banking-Services_.jpg") !important;
}

/* Accessibility */
.page-id-152221 .elementor-3484 .elementor-element.elementor-element-9c1553a:not(.elementor-motion-effects-element-type-background){
    background: url(https://yusr.mada.org.qa/wp-content/uploads/2025/08/Inner-Pages-Header-.jpg) no-repeat bottom center !important;
    background-size: cover;
}
.term-202 .service-category-banner, .term-204 .service-category-banner
{
    background: url(https://yusr.mada.org.qa/wp-content/uploads/2025/08/Inner-Pages-Header-.jpg) no-repeat bottom center !important;
    background-size: cover;
}


/* Employment Training Static Page التأهيل المهني و التوظيف */
.page-id-152377  .elementor-3484 .elementor-element.elementor-element-9c1553a:not(.elementor-motion-effects-element-type-background), .elementor-3484 .elementor-element.elementor-element-9c1553a > .elementor-motion-effects-container > .elementor-motion-effects-layer, .term-183 .service-category-banner, .term-270 .service-category-banner{
    background: url(https://yusr.mada.org.qa/wp-content/uploads/2025/08/Employment-Services.jpg) no-repeat bottom center !important;
    background-size: cover;
} 

/* Contact Form pages */
.page-id-152516  .elementor-3484 .elementor-element.elementor-element-9c1553a:not(.elementor-motion-effects-element-type-background),
.page-id-152418  .elementor-3484 .elementor-element.elementor-element-9c1553a:not(.elementor-motion-effects-element-type-background),
.page-id-152713  .elementor-3484 .elementor-element.elementor-element-9c1553a:not(.elementor-motion-effects-element-type-background)
{
    background: url(https://yusr.mada.org.qa/wp-content/uploads/2025/08/Inner-Pages-Header-.jpg) no-repeat bottom center !important;
    background-size: cover;
}

/* Justice */
.term-174 .service-category-banner
{
    background: url(https://yusr.mada.org.qa/wp-content/uploads/2025/08/Inner-Pages-Header-.jpg) no-repeat bottom center !important;
    background-size: cover;
}

/*  Rehabilitation */
.term-251 .service-category-banner, .term-252 .service-category-banner{
    background: url(https://yusr.mada.org.qa/wp-content/uploads/2025/08/Health-Services2.jpg) no-repeat bottom center !important;
    background-size: cover;
}


/* Education */
.term-139 .service-category-banner, .term-142 .service-category-banner,
.term-143 .service-category-banner, .term-210 .service-category-banner{
    background: url(https://yusr.mada.org.qa/wp-content/uploads/2025/08/Education-Services_.jpg) no-repeat bottom center !important;
    background-size: cover;
}