.elementor-11343 .elementor-element.elementor-element-c91c833{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11343 .elementor-element.elementor-element-d9b34e7{--display:grid;--min-height:100%;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11343 .elementor-element.elementor-element-f0db2ef{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-11343 .elementor-element.elementor-element-f0db2ef:not(.elementor-motion-effects-element-type-background), .elementor-11343 .elementor-element.elementor-element-f0db2ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F2F3F4 0%, #F2F3F4 100%);}.elementor-11343 .elementor-element.elementor-element-05dd4c5{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11343 .elementor-element.elementor-element-56fedcc{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11343 .elementor-element.elementor-element-018e0a6{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-11343 .elementor-element.elementor-element-d9b34e7{--grid-auto-flow:row;}.elementor-11343 .elementor-element.elementor-element-f0db2ef{--grid-auto-flow:row;}.elementor-11343 .elementor-element.elementor-element-05dd4c5{--grid-auto-flow:row;}.elementor-11343 .elementor-element.elementor-element-56fedcc{--grid-auto-flow:row;}.elementor-11343 .elementor-element.elementor-element-018e0a6{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-11343 .elementor-element.elementor-element-d9b34e7{--content-width:1256px;}}@media(max-width:767px){.elementor-11343 .elementor-element.elementor-element-d9b34e7{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-11343 .elementor-element.elementor-element-f0db2ef{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-11343 .elementor-element.elementor-element-05dd4c5{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-11343 .elementor-element.elementor-element-56fedcc{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11343 .elementor-element.elementor-element-018e0a6{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-fcea6f5 */:root{
    --ink:#3a3a45;
    --purple-glow: rgba(150,130,220,0.35);
    --footer-gray:#eef0f2;
  }
  *{box-sizing:border-box;}

  .slide{
    position:relative;
    width:100%;
    
    background:#ffffff;
    overflow:hidden;
    display:flex;
    flex-direction:column;
  }
  /* soft purple glow bottom-left, like the original */
  .slide::before{
    content:"";
    position:absolute;
    left:-10%;
    bottom:0;
    width:45%;
    height:70%;
    background: radial-gradient(circle at 20% 100%, var(--purple-glow), transparent 65%);
    pointer-events:none;
  }
  .content{
    position:relative;
    z-index:1;
    flex:1;
    display:flex;
    align-items:center;
    gap:2rem;
    padding:4.5rem 4rem 3rem 5rem;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  }
  .text-col{
    flex: 1 1 50%;
    max-width:640px;
  }
  .text-col p{
    font-size:1.28rem;
    line-height:1.55;
    color:var(--ink);
    margin:0 0 1.1rem 0;
  }
  .graphic-col{
    flex: 1 1 46%;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .graphic-col img{
    width:100%;
    max-width:620px;
    height:auto;
    display:block;
  }
  .footer-bar{
    position:relative;
    z-index:1;
    height:34px;
    background:var(--footer-gray);
  }

  @media (max-width: 900px){
    .slide{
      min-height:auto;
    }
    .content{
      flex:none;
      flex-direction:column-reverse;
      align-items:stretch;
      padding:2.5rem 1.5rem;
      text-align:left;
    }
    .text-col{ max-width:100%; }
    .text-col p{ font-size:1.05rem; }
    .graphic-col{
      justify-content:center;
    }
    .graphic-col img{ max-width:340px; margin:0 auto; }
  }/* End custom CSS *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9b34e7 *//* Fix: Elementor Grid containers reserving fixed equal-height rows
   even when only one row actually has content, causing large empty
   gaps at the bottom of sections. Forces rows to size to their
   actual content instead of a fixed repeat() count. */

.e-con.e-grid > .e-con-inner{
  grid-template-rows: auto !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f245c6 */.section-p{
  --bg:#eef0f4;
  --blue:#2f4bb8;
  --orange:#e8562e;
  --text:#2b2b33;
  --card-bg:#ffffff;
  --shield:#1f3a63;

  max-width:1180px;
  margin:0 auto;
  font-family:'Segoe UI', Roboto, Arial, sans-serif;
}

.section-p h1.title{
  text-align:center;
  color:var(--blue);
  font-size:56px;
  font-weight:800;
  margin:0 0 56px;
}

.section-p .content-p{
  display:flex;
  gap:64px;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
}

.section-p .text-col{
  flex:1 1 480px;
  max-width:600px;
}

.section-p h2.subhead{
  color:var(--orange);
  font-size:38px;
  font-weight:800;
  line-height:1.15;
  margin:0 0 28px;
}

.section-p .text-col p{
  font-size:19px;
  line-height:1.65;
  margin:0 0 20px;
}

.section-p .cta{
  display:inline-block;
  margin-top:16px;
  padding:16px 44px;
  border-radius:32px;
  background:linear-gradient(90deg,var(--orange),var(--blue));
  color:#fff;
  font-size:18px;
  font-weight:600;
  text-decoration:none;
  border:none;
  cursor:pointer;
}

.section-p .logo-card{
  flex:1 1 420px;
  max-width:520px;
  background:var(--card-bg);
  border-radius:16px;
  box-shadow:0 4px 20px rgba(0,0,0,0.06);
  padding:64px 32px;
  display:flex;
  align-items:center;
  justify-content:center;
  position: relative;
    top: 150px;
}

.section-p .mirakl-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  width:100%;
}

.section-p .mirakl-logo img{
  display:block;
  margin:0 auto;
  width:100%;
  max-width:340px;
  height:auto;
  object-fit:contain;
}

@media(max-width:640px){
    
}

@media (max-width:740px){
  .section-p{
    padding:0 20px;
  }
  .section-p h1.title{
    font-size:32px;
    margin:0 0 32px;
  }
  .section-p .content-p{
    flex-direction:column;
    gap:32px;
  }
  .section-p .text-col{
    max-width:100%;
    text-align:center;
  }
  .section-p h2.subhead{
    font-size:26px;
    text-align:center;
  }
  .section-p .text-col p{
    text-align:left;
    font-size:16px;
  }
  .section-p .cta{
    display:block;
    width:100%;
    text-align:center;
    padding:14px 0;
  }
  .section-p .logo-card{
    width:100%;
    max-width:100%;
    padding:36px 20px;
  }
  .section-p .mirakl-logo img{
    max-width:220px;
  }
  .section-p .logo-card
  {
      top:0px;
  }
}
/* End custom CSS *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5986ec2 */.wrap-logs
  {
    --blue:#2f4bb8;
    --text:#2b2b33;
    --row-bg:#f2f3f6;
    margin:0;
    background:#ffffff;
    font-family:'Segoe UI', Roboto, Arial, sans-serif;
  }

 
  .wrap{
   
    color:var(--text);
    max-width:1400px;
    margin:0 auto;
    padding:70px 40px 0;
    text-align:center;
  }
  .h1logo{
    color:var(--blue);
    font-size:56px;
    font-weight:800;
    margin:0 0 30px;
  }
  .desc{
    max-width:1100px;
    margin:0 auto 50px;
    font-size:20px;
    line-height:1.6;
    color:#333;
  }
  .row{
    background:var(--row-bg);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:70px;
    padding:55px 30px;
  }
  .row + .row{
    border-top:1px solid #ffffff;
  }
  .logo{
    display:flex;
    align-items:center;
    gap:14px;
    font-size:44px;
    font-weight:700;
    background:#ffffff;
    border-radius:10px;
    padding:20px 32px;
    box-shadow:0 2px 8px rgba(0,0,0,0.06);
  }
  .logo img{
    height:100px;
    width:auto;
    max-width:225px;
    object-fit:contain;
  }
  /* Fallbacks for logos without a supplied image file */
  .kyndryl{ font-family:Georgia, 'Times New Roman', serif; font-style:italic; font-weight:700; font-size:46px; color:#EE5A37; }
  .kyndryl .tm{ font-size:16px; font-style:normal; vertical-align:top; }
  .adobe{ font-family:Arial, sans-serif; font-weight:800; font-size:44px; color:#DA1F26; letter-spacing:0.5px; }
  .adobe svg{ height:44px; width:auto; }

  @media (max-width:900px){
    h1{font-size:36px;}
    .desc{font-size:16px;}
    .row{gap:36px; padding:36px 16px;}
    .logo img{height:38px;}
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-853c492 */.partnership-matter
{
    --blue:#3b63c9;
    --blue-dark:#2c4a9e;
    --text:#ffffff;
}
  
  .panel{
      
    margin:0;
    background:var(--blue);
    font-family:'Segoe UI', Roboto, Arial, sans-serif;
    color:var(--text);
    max-width:1500px;
    margin:0 auto;
    padding:60px 70px 70px;
    position:relative;
  }
  .pmatter{
    font-size:52px;
    font-weight:800;
    margin:0 0 26px;
    color:var(--text);
  }
  .intro{
    font-size:21px;
    margin:0 0 26px;
    font-weight:400;
    color:var(--text);
  }
  .layout{
    display:flex;
    gap:50px;
    align-items:flex-start;
  }
  .list-col{
    flex:1 1 560px;
  }
  ul.benefits{
    list-style:none;
    margin:0;
    padding:0;
  }
  ul.benefits li{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:24px;
    font-size:20px;
  }
  .icon{
    flex:0 0 auto;
    width:48px;
    height:48px;
    border-radius:50%;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .icon svg{
    width:26px;
    height:26px;
  }
  .image-col{
    flex:0 0 48%;
    position:relative;
  }
  .main-img{
    width:100%;
    height:400px;
    border-radius:14px;
    
    box-shadow:0 10px 30px rgba(0,0,0,0.35);
    overflow:hidden;
    position:relative;
  }
  .small-img{
    position:absolute;
    right:-40px;
    bottom:-60px;
    width:230px;
    height:170px;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(0,0,0,0.35);
    border:4px solid var(--blue);
  }
  .footer-text{
    margin-top:36px;
    font-size:20px;
    line-height:1.5;
    max-width:1350px;
    color:var(--text);
  }
  @media (max-width:1100px){
    .layout{flex-direction:column;}
    .image-col{flex:1 1 auto; width:100%;}
    h1{font-size:36px;}
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e8ffb80 */.section-last{
     margin:0;
    font-family:'Segoe UI', Roboto, Arial, sans-serif;
    position:relative;
    background:#ffffff;
    border-top:4px solid #2f5bd6;
    padding:70px 40px 90px;
    overflow:hidden;
  }
  /* soft glow corners */
  .glow{
    position:absolute;
    top:0;
    width:420px;
    height:100%;
    pointer-events:none;
    z-index:0;
  }
  .glow.left{
    left:0;
    background:
      radial-gradient(ellipse at top left, rgba(120,140,255,0.55), transparent 55%),
      radial-gradient(ellipse at bottom left, rgba(120,220,255,0.5), transparent 55%),
      radial-gradient(ellipse at 30% 40%, rgba(180,150,255,0.4), transparent 60%);
  }
  .glow.right{
    right:0;
    background:
      radial-gradient(ellipse at top right, rgba(120,220,255,0.55), transparent 55%),
      radial-gradient(ellipse at bottom right, rgba(150,140,255,0.5), transparent 55%),
      radial-gradient(ellipse at 70% 40%, rgba(180,150,255,0.4), transparent 60%);
  }
  .content-last{
    position:relative;
    z-index:1;
    max-width:1100px;
    margin:0 auto;
    text-align:center;
  }
  .h1last{
    color:#3560c9;
    font-size:52px;
    font-weight:800;
    margin:0 0 30px;
  }
  p{
    color:#2b2b33;
    font-size:21px;
    line-height:1.6;
    margin:0;
  }
  @media (max-width:800px){
    h1{font-size:32px;}
    p{font-size:16px;}
    .glow{width:160px;}
  }/* End custom CSS */