/* BRAMY GROUP — Project CTA banner
   Selectors scoped under .bramy-project-cta to avoid
   clashing with .bramy-projects card classes. */

.bramy-project-cta{
  width:100%;
  position:relative;
  min-height:285px;
  background-color:#081d38;
  background-image:
    linear-gradient(
      90deg,
      rgba(7,22,42,.12) 0%,
      rgba(7,22,42,.35) 38%,
      rgba(7,22,42,.94) 72%,
      #071a32 100%
    ),
    var(--bramy-project-cta-bg, url('/wp-content/uploads/bramy-project-cta-background.jpg')) !important;
  background-size:cover !important;
  background-position:left center !important;
  background-repeat:no-repeat !important;
  overflow:hidden;
  font-family:'Heebo',Arial,sans-serif;
  direction:rtl;
}

.bramy-project-cta *,
.bramy-project-cta *::before,
.bramy-project-cta *::after{box-sizing:border-box}

.bramy-project-cta .bramy-project-cta-inner{
  width:100%;
  max-width:1450px;
  margin:0 auto;
  min-height:285px;
  position:relative;
  display:flex;
  align-items:center;
}

.bramy-project-cta .bramy-project-content{
  width:52%;
  margin-right:7%;
  margin-left:0;
  color:#fff;
  text-align:right;
  position:relative;
  z-index:2;
  padding:42px 0;
}

.bramy-project-cta .bramy-project-line{
  width:38px;
  height:1px;
  background:rgba(255,255,255,.75);
  margin-bottom:10px;
}

.bramy-project-cta .bramy-project-content h2{
  margin:0;
  color:#fff;
  font-size:38px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:-1px;
}

.bramy-project-cta .bramy-project-content h3{
  margin:2px 0 12px;
  color:#fff;
  font-size:25px;
  line-height:1.2;
  font-weight:500;
}

.bramy-project-cta .bramy-project-content p{
  max-width:520px;
  margin:0 0 22px;
  color:rgba(255,255,255,.82);
  font-size:16px;
  line-height:1.55;
  font-weight:300;
}

.bramy-project-cta .bramy-project-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  min-width:205px;
  height:48px;
  padding:0 22px;
  background:#fff !important;
  background-color:#fff !important;
  color:#0B2347 !important;
  text-decoration:none !important;
  font-family:'Heebo',Arial,sans-serif !important;
  font-size:16px !important;
  font-weight:700 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  box-sizing:border-box;
  transition:background .25s ease, color .25s ease, transform .25s ease;
}

.bramy-project-cta .bramy-project-button span{
  font-size:23px;
  font-weight:300;
  color:inherit !important;
  transition:transform .25s ease;
}

.bramy-project-cta .bramy-project-button:hover{
  background:#0B2347 !important;
  background-color:#0B2347 !important;
  color:#fff !important;
  transform:translateY(-2px);
}

.bramy-project-cta .bramy-project-button:hover span{
  transform:translateX(-5px);
}

.bramy-project-cta .bramy-project-number{
  position:absolute;
  top:34px;
  right:42px;
  color:rgba(255,255,255,.8);
  font-family:'Heebo',sans-serif;
  font-size:13px;
  font-weight:400;
  letter-spacing:1px;
  z-index:3;
}

.bramy-project-cta .bramy-project-number:after{
  content:"";
  display:inline-block;
  width:27px;
  height:1px;
  background:rgba(255,255,255,.45);
  margin-right:8px;
  vertical-align:middle;
}

@media(min-width:1200px){
  .bramy-project-cta .bramy-project-content{
    width:48%;
    margin-right:8%;
  }
}

@media(max-width:900px){
  .bramy-project-cta{
    min-height:320px;
    background-position:center;
  }
  .bramy-project-cta .bramy-project-cta-inner{
    min-height:320px;
  }
  .bramy-project-cta .bramy-project-content{
    width:65%;
    margin-right:7%;
  }
  .bramy-project-cta .bramy-project-content h2{font-size:34px}
  .bramy-project-cta .bramy-project-content h3{font-size:23px}
}

@media(max-width:600px){
  .bramy-project-cta{
    min-height:390px;
    background-position:28% center;
  }
  .bramy-project-cta .bramy-project-cta-inner{
    min-height:390px;
    align-items:flex-end;
    padding-bottom:38px;
  }
  .bramy-project-cta .bramy-project-content{
    width:100%;
    margin:0;
    padding:0 25px;
  }
  .bramy-project-cta .bramy-project-number{
    top:22px;
    right:25px;
  }
  .bramy-project-cta .bramy-project-content h2{font-size:32px}
  .bramy-project-cta .bramy-project-content h3{font-size:21px}
  .bramy-project-cta .bramy-project-content p{
    font-size:15px;
    max-width:100%;
  }
  .bramy-project-cta .bramy-project-button{
    width:100%;
  }
}

@media (prefers-reduced-motion:reduce){
  .bramy-project-cta .bramy-project-button,
  .bramy-project-cta .bramy-project-button span{transition:none}
}