/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 19 2026 | 18:56:45 */
.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color:#AD2020;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn:hover{
	color:white !important;
	background-color:black;
}

.fa-envelope:before {
    content: "\f0e0";
}
*, ::after, ::before {
    box-sizing: border-box;
}
 li .icon i {

    color: #AD2020 !important;
}
a:hover{
	color:#AD2020 !important;
}

.fab {
  color: white;
}
.footer-social a {

    background: #ffffff;
   color: white !important;
}
.footer-social a:hover{
	background-color:black;
	color: white !important;
}
.f-contact i {
    background: #AD2020;
    color: #fff !important;  
}
.counter-area .container {
    background: #AD2020;
    color: #fff;
    border-radius: 10px;
    margin-top: -90px;
}
.footer-bg {
    background-color:#28314B !important;
}
.f-widget-title{
	width: 180px;
	height: 180px;
	margin-bottom: -70px;
}

.breadcrumb-area {
   
   background: url (https://myaiowebsample.com/mkeggereis/wp-content/uploads/2025/06/Sub-header.jpg) !important;
}

@media only screen and (max-width: 600px) {
a.navbar-brand.logo-black img {
    width: 70px!important;
}
}
a.navbar-brand.logo-black img {
    width: 110px !important;
}

.services-categories li a {
   
    color: #ffffff;
    background: black;
}
.services-categories li a:hover {
   
    color: black;
    background: white;
	
}
/* Mobile About Me title color fix */
@media (max-width: 768px){

  .breadcrumb-title h3{
      color: #ffffff !important;   /* yahan apna color code likh sakte hain */
	  font-size: 32px !important;
  }

  .breadcrumb-title{
      position: relative;
      z-index: 5;
  }

}
/* MOBILE: breadcrumb ko show + white */
@media (max-width: 768px){

  /* 1) Force show (agar hidden ho) */
  .breadcrumb-wrap,
  .breadcrumb-wrap nav,
  .breadcrumb-wrap ol.breadcrumb{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* 2) Breadcrumb ko line me rakhna */
  .breadcrumb-wrap ol.breadcrumb{
    display: flex !important;
    flex-wrap: wrap !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 8px 0 0 0 !important;
  }

  /* 3) White color */
  .breadcrumb-wrap ol.breadcrumb li,
  .breadcrumb-wrap ol.breadcrumb li a,
  .breadcrumb-wrap ol.breadcrumb li.active{
    color: #fff !important;
    -webkit-text-fill-color: #fff !important; /* iPhone Safari */
  }

  /* 4) Divider ( / or > ) white */
  .breadcrumb-wrap ol.breadcrumb li + li::before{
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
  }
}
@media (max-width: 768px){
  .elementor-counter-title{
      text-align: center !important;
  }
}
/* FORCE desktop heading black */
@media (min-width: 769px){

  body .section-title.center-align h4{
      color: #000000 !important;
      -webkit-text-fill-color: #000000 !important;
  }

}
/* FORCE mobile heading 35px */
@media only screen and (max-width: 768px){

  body .section-title.center-align.mb-50.text-center h4,
  body .section-title.center-align h4{
      font-size: 35px !important;
      line-height: 1.2 !important;
  }

}

/* Desktop White */
@media (min-width: 769px){
  .section-title.center-align.mb-50.text-center h4{
      color: #ffffff !important;
      -webkit-text-fill-color: #ffffff !important;
  }
}

/* Mobile White + 35px Size */
@media (max-width: 768px){
  .section-title.center-align.mb-50.text-center h4{
      color: #ffffff !important;
      -webkit-text-fill-color: #ffffff !important;
      font-size: 35px !important;
      line-height: 1.2 !important;
  }
}


@media (max-width: 768px){
  
  .pages-content h3{
      margin-bottom: 10px !important;
  }

}

/* ===== Proper Watermark Number Design ===== */

.service-details .services-box01{
    position: relative;
    overflow: visible;
    padding-top: 20px;
}

.service-details .services-box01 .number{
    position: absolute;
    top: -25px;              /* heading ke peeche */
    left: 0;
    font-size: 85px;
    font-weight: 800;
    opacity: 0.12;         /* lighter watermark */
    line-height: 1;
    z-index: 0;            /* sab se neeche */
    pointer-events: none;
}

.service-details .services-box01 h5{
    position: relative;
    z-index: 2;            /* heading number ke upar */
}

.service-details .services-box01 p{
    position: relative;
    z-index: 2;            /* paragraph bhi upar */
}
/* MOBILE number position fix */
@media (max-width: 767px){

  .service-details .services-box01 .number{
       top: -15px;  
	}

}