/**
 * BeDijital recurring blue-band standard — v1.2.38
 *
 * Canonical recurring full-width blue bands:
 * 1) Promotional CTA: "Güvenilir Hizmet ve En İyi Bulut Barındırma"
 * 2) Expert support: "Müşterilerimizin Güvendiği ve Sevdiği Uzman Hizmet Desteği"
 *
 * Hero sections, header/navigation and split contact panels are intentionally
 * outside this component family.
 */
:root{
  --bd-blue-band-bg:#0946ae;
  --bd-blue-band-container:1200px;
  --bd-blue-band-space:48px;
  --bd-blue-band-title-size:32px;
  --bd-blue-band-title-line:1.20;
  --bd-blue-band-copy-size:16px;
  --bd-blue-band-copy-line:1.60;
}

/* Shared foundation: same blue, same 1200px axis, same vertical inset. */
.bdp-cta-hosting,
.bd-corp-support.bd-support-standard{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:var(--bd-blue-band-space) 0!important;
  background:var(--bd-blue-band-bg)!important;
  background-color:var(--bd-blue-band-bg)!important;
  background-image:none!important;
  color:#fff!important;
  overflow:hidden!important;
}

.bdp-cta-hosting>.container,
.bd-corp-support.bd-support-standard>.bd-corp-container{
  box-sizing:border-box!important;
  width:min(var(--bd-blue-band-container),calc(100% - 40px))!important;
  max-width:var(--bd-blue-band-container)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* Shared typography. The CTA pill is a separate micro-component and is not
 * caught by the paragraph selector below. */
.bdp-cta-hosting h2,
.bd-corp-support.bd-support-standard h2{
  margin:0 0 12px!important;
  color:#fff!important;
  font-family:var(--bd-font-family,Inter,Arial,sans-serif)!important;
  font-size:var(--bd-blue-band-title-size)!important;
  font-weight:700!important;
  line-height:var(--bd-blue-band-title-line)!important;
  letter-spacing:-.02em!important;
}
.bdp-cta-hosting .bdp-cta-copy>p,
.bd-corp-support.bd-support-standard p{
  margin:0 0 18px!important;
  color:rgba(255,255,255,.90)!important;
  font-family:var(--bd-font-family,Inter,Arial,sans-serif)!important;
  font-size:var(--bd-blue-band-copy-size)!important;
  font-weight:400!important;
  line-height:var(--bd-blue-band-copy-line)!important;
}

/* Promotional CTA: 48px + 300px visual/content row + 48px = 396px canonical
 * desktop band when content does not need extra height. */
.bdp-cta-hosting{
  min-height:0!important;
}
.bdp-cta-hosting .row{
  min-height:300px!important;
  height:auto!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.bdp-cta-hosting .bdp-cta-copy{
  margin-top:0!important;
  margin-bottom:0!important;
}
.bdp-cta-hosting .bdp-cta-image-wrap{
  margin-top:0!important;
  margin-bottom:0!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.bdp-cta-hosting .bdp-cta-image-wrap img{
  display:block!important;
  width:100%!important;
  max-width:390px!important;
  max-height:300px!important;
  height:auto!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center right!important;
}

/* Expert support band: preserve the approved smaller support illustration,
 * but place it on exactly the same blue/container/typography rhythm. */
.bd-corp-support.bd-support-standard .bd-corp-grid--support{
  min-height:220px!important;
  align-items:center!important;
  gap:42px!important;
}
.bd-corp-support.bd-support-standard h2{max-width:680px!important}
.bd-corp-support.bd-support-standard p{max-width:720px!important}
.bd-corp-support.bd-support-standard .bd-corp-support__visual img{
  display:block!important;
  width:auto!important;
  max-width:220px!important;
  max-height:220px!important;
  height:auto!important;
  margin:0 auto!important;
  object-fit:contain!important;
}

@media(max-width:980px){
  :root{--bd-blue-band-space:40px}
  .bdp-cta-hosting .row,
  .bd-corp-support.bd-support-standard .bd-corp-grid--support{
    min-height:0!important;
  }
  .bdp-cta-hosting .bdp-cta-image-wrap,
  .bdp-cta-hosting .d-none.d-lg-flex.bdp-cta-image-wrap,
  .bd-corp-support.bd-support-standard .bd-corp-support__visual{
    display:none!important;
  }
  .bdp-cta-hosting .bdp-cta-copy{
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
  }
}

@media(max-width:600px){
  :root{--bd-blue-band-space:36px;--bd-blue-band-title-size:28px}
  .bdp-cta-hosting>.container,
  .bd-corp-support.bd-support-standard>.bd-corp-container{
    width:calc(100% - 28px)!important;
  }
  .bd-corp-support.bd-support-standard .bd-corp-support__links{
    gap:13px!important;
  }
}