/* Digital Kreativ — PSD-aligned collaboration CTA.
 * Open Sans, compact five-part desktop layout and accessible mobile stacking.
 * Scoped to the existing native Elementor CTA widgets only.
 */
/* Legacy CTA layout is retained only for <=1150px. Desktop is controlled
 * by the exact PSD rules in assets/css/about.css. */
@media(max-width:1150px){
.dk-about-cta-section{
  --dka-cta:#3fe0d0;
  background:#010607!important;
  padding:0 40px 69px!important;
}
.dk-about-cta-section .dk-about-banner{
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr) max-content 1px max-content!important;
  align-items:center!important;
  column-gap:24px!important;
  row-gap:12px!important;
  max-width:1200px!important;
  width:100%!important;
  min-height:138px!important;
  padding:22px 24px!important;
  margin:0 auto!important;
  border:1px solid rgba(72,218,208,.71)!important;
  border-radius:21px!important;
  background-color:#001014!important;
  background-image:
    radial-gradient(ellipse at 58% 47%,rgba(1,73,76,.18) 0%,transparent 60%),
    radial-gradient(circle,rgba(23,106,112,.22) 1.25px,transparent 1.65px),
    linear-gradient(105deg,#001015 0%,#001317 60%,#001316 100%)!important;
  background-position:center,center,center!important;
  background-size:100% 100%,25px 25px,100% 100%!important;
  background-repeat:no-repeat,repeat,no-repeat!important;
  box-shadow:0 12px 29px rgba(0,0,0,.18),inset 0 0 18px rgba(42,191,176,.035)!important;
}
.dk-about-cta-section .dk-about-banner-logo{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:88px!important;min-width:88px!important;max-width:88px!important;
  height:81px!important;min-height:81px!important;margin:0!important;
  padding:0 20px 0 0!important;
  border:0!important;border-right:1px solid rgba(99,227,218,.48)!important;
  overflow:visible!important;
}
.dk-about-cta-section .dk-about-banner-logo .elementor-widget-container{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:67px!important;height:79px!important;min-width:0!important;
  overflow:visible!important;background:none!important;
}
.dk-about-cta-section .dk-about-banner-logo img{
  display:block!important;max-width:100%!important;
  width:62px!important;height:77px!important;
  object-fit:contain!important;object-position:center!important;
  border:0!important;border-radius:0!important;
  box-shadow:none!important;background:transparent!important;
}
.dk-about-cta-section .dk-about-banner-content{
  display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;justify-content:center!important;
  gap:0!important;min-width:0!important;
}
.dk-about-cta-section .dk-about-banner-eyebrow{margin:0 0 7px!important}
.dk-about-cta-section .dk-about-banner-eyebrow .elementor-heading-title{
  color:#eff9f8!important;font:700 11px/1.4 'Poppins',Arial,sans-serif!important;
  letter-spacing:.035em!important;text-transform:none!important;
}
.dk-about-cta-section .dk-about-banner-title{margin:0 0 10px!important}
.dk-about-cta-section .dk-about-banner-title .elementor-heading-title{
  color:var(--dka-cta)!important;
  font:800 clamp(20px,2.0vw,27px)/1.18 'Poppins',Arial,sans-serif!important;
  letter-spacing:-.035em!important;white-space:normal!important;
}
.dk-about-cta-section .dk-about-banner-desc{margin:0!important}
.dk-about-cta-section .dk-about-banner-desc p{
  margin:0!important;color:#e5f0ef!important;
  font:400 13px/1.55 'Poppins',Arial,sans-serif!important;
}
.dk-about-cta-section .dk-about-banner-btn{
  width:auto!important;min-width:0!important;justify-self:end!important;margin:0!important;
}
.dk-about-cta-section .dk-about-banner-btn .elementor-button{
  min-height:44px!important;min-width:135px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:11px 22px!important;border:0!important;border-radius:100px!important;
  background:var(--dka-cta)!important;color:#062b27!important;
  font:700 13px/1.3 'Poppins',Arial,sans-serif!important;
  white-space:nowrap!important;
}
.dk-about-cta-section .dk-about-banner-btn .elementor-button::after{
  content:"›";font:700 21px/1 'Poppins',Arial,sans-serif!important;
  margin-left:15px!important;
}
.dk-about-cta-section .dk-about-banner-btn .elementor-button:hover{
  background:#d8fff9!important;
}
.dk-about-cta-section .dk-about-banner-divider{
  width:1px!important;min-width:1px!important;max-width:1px!important;height:40px!important;
  min-height:40px!important;margin:0!important;padding:0!important;
  background:rgba(77,226,215,.83)!important;align-self:center!important;
  border:0!important;
}
.dk-about-cta-section .dk-about-banner-call{
  display:grid!important;grid-template-columns:28px minmax(0,max-content)!important;
  gap:10px!important;align-items:center!important;
  width:auto!important;min-width:0!important;
  justify-self:end!important;margin:0!important;
}
.dk-about-cta-section .dk-about-banner-phone-icon{
  margin:0!important;width:28px!important;min-width:28px!important;
}
.dk-about-cta-section .dk-about-banner-phone-icon .elementor-icon{
  color:var(--dka-cta)!important;fill:var(--dka-cta)!important;font-size:25px!important;
}
.dk-about-cta-section .dk-about-banner-phone-icon svg{width:26px!important;height:26px!important}
.dk-about-cta-section .dk-about-banner-call-text{
  display:flex!important;flex-direction:column!important;
  gap:2px!important;align-items:flex-start!important;min-width:0!important;
}
.dk-about-cta-section .dk-about-banner-phone-label,.dk-about-cta-section .dk-about-banner-phone{margin:0!important}
.dk-about-cta-section .dk-about-banner-phone-label .elementor-heading-title{
  color:var(--dka-cta)!important;font:700 12px/1.3 'Poppins',Arial,sans-serif!important;
}
.dk-about-cta-section .dk-about-banner-phone .elementor-heading-title,
.dk-about-cta-section .dk-about-banner-phone .elementor-heading-title a{
  color:#ecfaf8!important;
  font:600 12px/1.4 'Poppins',Arial,sans-serif!important;
  text-decoration:none!important;white-space:nowrap!important;
}
.dk-about-cta-section a:focus-visible,.dk-about-cta-section button:focus-visible{
  outline:2px solid #e1fffb!important;outline-offset:4px!important;
}
}
@media(max-width:1120px){
 .dk-about-cta-section{padding:0 30px 62px!important}
 .dk-about-cta-section .dk-about-banner{
   grid-template-columns:74px minmax(0,1fr) max-content 1px max-content!important;
   gap:16px!important;padding:19px 20px!important;
 }
 .dk-about-cta-section .dk-about-banner-logo{
   width:74px!important;min-width:74px!important;max-width:74px!important;
   padding-right:13px!important;
 }
 .dk-about-cta-section .dk-about-banner-title .elementor-heading-title{font-size:clamp(19px,2.45vw,25px)!important}
 .dk-about-cta-section .dk-about-banner-btn .elementor-button{min-width:120px!important;padding:10px 17px!important}
}
@media(max-width:900px){
 .dk-about-cta-section{padding:0 28px 62px!important}
 .dk-about-cta-section .dk-about-banner{
   grid-template-columns:77px minmax(0,1fr) max-content!important;
   column-gap:16px!important;row-gap:14px!important;
 }
 .dk-about-cta-section .dk-about-banner-logo{grid-column:1;grid-row:1}
 .dk-about-cta-section .dk-about-banner-content{grid-column:2/-1;grid-row:1}
 .dk-about-cta-section .dk-about-banner-btn{grid-column:2;grid-row:2;justify-self:start!important}
 .dk-about-cta-section .dk-about-banner-divider{display:none!important}
 .dk-about-cta-section .dk-about-banner-call{grid-column:3;grid-row:2;justify-self:end!important}
}
@media(max-width:600px){
 .dk-about-cta-section{padding:0 17px 49px!important}
 .dk-about-cta-section .dk-about-banner{
   grid-template-columns:62px minmax(0,1fr)!important;
   gap:14px!important;padding:17px!important;border-radius:17px!important;
 }
 .dk-about-cta-section .dk-about-banner-logo{
   grid-column:1;grid-row:1;width:62px!important;min-width:62px!important;max-width:62px!important;
   height:80px!important;padding-right:10px!important;
 }
 .dk-about-cta-section .dk-about-banner-logo .elementor-widget-container{width:51px!important;height:72px!important}
 .dk-about-cta-section .dk-about-banner-logo img{width:48px!important;height:65px!important}
 .dk-about-cta-section .dk-about-banner-content{grid-column:2;grid-row:1}
 .dk-about-cta-section .dk-about-banner-title .elementor-heading-title{font-size:clamp(19px,5vw,24px)!important}
 .dk-about-cta-section .dk-about-banner-desc p{font-size:12px!important}
 .dk-about-cta-section .dk-about-banner-btn{grid-column:1/-1;grid-row:2;justify-self:start!important}
 .dk-about-cta-section .dk-about-banner-call{grid-column:1/-1;grid-row:3;justify-self:start!important}
}
@media(max-width:360px){
 .dk-about-cta-section{padding-inline:14px!important}
 .dk-about-cta-section .dk-about-banner{padding:15px 12px!important}
 .dk-about-cta-section .dk-about-banner-title .elementor-heading-title{font-size:19px!important}
}
@media(prefers-reduced-motion:reduce){
 .dk-about-cta-section .elementor-button{transition:none!important;transform:none!important}
}