.elementor-588 .elementor-element.elementor-element-6ff0d39{--display:flex;}.elementor-588 .elementor-element.elementor-element-ee7af11{--display:flex;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-588 .elementor-element.elementor-element-e500b75{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-588 .elementor-element.elementor-element-d5db42b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-588 .elementor-element.elementor-element-30d3824{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-588 .elementor-element.elementor-element-22f62c6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-588 .elementor-element.elementor-element-e7a5aa6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-588 .elementor-element.elementor-element-ee7af11{--padding-top:41px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-588 .elementor-element.elementor-element-ee7af11{--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-74a8a7d *//* =========================================
   PRINCIPESSA EMPIRE — PERKESO SEC 1 HERO
   CORPORATE / GOVERNMENT STYLE
========================================= */

.pe-perkeso-hero{
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  width:100vw;
  min-height:100vh;
  overflow:hidden;
  background:#05070c;
  color:#ffffff;
  font-family:"Poppins", Arial, sans-serif;
}

.pe-perkeso-hero,
.pe-perkeso-hero *{
  box-sizing:border-box;
}

.pe-perkeso-hero__bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      rgba(3,7,16,.98) 0%,
      rgba(5,13,30,.94) 42%,
      rgba(10,42,92,.78) 100%
    ),
    url("https://images.unsplash.com/photo-1450101499163-c8848c66ca85?q=80&w=1920&auto=format&fit=crop")
    center right / cover no-repeat;
  transform:scale(1.03);
}

.pe-perkeso-hero__grid{
  position:absolute;
  inset:0;
  opacity:.16;
  background-image:
    linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);
  background-size:80px 80px;
  mask-image:linear-gradient(90deg,#000 0%,#000 55%,transparent 100%);
}

.pe-perkeso-hero__topbar{
  position:relative;
  z-index:3;
  width:100%;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-bottom:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(14px);
}

.pe-perkeso-hero__topbar div{
  padding:15px 22px;
  text-align:center;
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#dbeafe;
  border-right:1px solid rgba(255,255,255,.1);
}

.pe-perkeso-hero__topbar div:last-child{
  border-right:0;
}

.pe-perkeso-hero__wrap{
  position:relative;
  z-index:2;
  width:100%;
  min-height:calc(100vh - 52px);
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:55px;
  padding:90px clamp(24px,6vw,90px) 120px;
}

.pe-perkeso-hero__content{
  max-width:800px;
}

.pe-perkeso-hero__kicker{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:24px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.18em;
  color:#7dd3fc;
  text-transform:uppercase;
}

.pe-perkeso-hero__kicker span{
  width:54px;
  height:2px;
  background:linear-gradient(90deg,#38bdf8,#ffffff);
}

.pe-perkeso-hero h1{
  margin:0;
  max-width:900px;
  font-size:clamp(46px,6vw,86px);
  line-height:.94;
  letter-spacing:-3px;
  font-weight:700;
  color:#ffffff;
}

.pe-perkeso-hero h1 em{
  display:inline-block;
  margin-top:12px;
  font-style:normal;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.78);
}

.pe-perkeso-hero__content p{
  max-width:690px;
  margin:30px 0 0;
  font-size:17px;
  line-height:1.8;
  color:#dbe4f0;
}

.pe-perkeso-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:38px;
}

.pe-perkeso-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:15px 28px;
  border-radius:4px;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
  letter-spacing:.04em;
  transition:.25s ease;
}

.pe-perkeso-hero__btn--primary{
  background:#0b63ce;
  color:#ffffff;
  box-shadow:0 20px 50px rgba(11,99,206,.35);
}

.pe-perkeso-hero__btn--primary:hover{
  background:#084fa6;
  transform:translateY(-2px);
}

.pe-perkeso-hero__btn--secondary{
  color:#ffffff;
  border:1px solid rgba(255,255,255,.32);
  background:rgba(255,255,255,.05);
}

.pe-perkeso-hero__btn--secondary:hover{
  background:#ffffff;
  color:#06101f;
}

.pe-perkeso-hero__statement{
  margin-top:42px;
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}

.pe-perkeso-hero__statement strong{
  font-size:20px;
  letter-spacing:.02em;
}

.pe-perkeso-hero__statement span{
  padding-left:18px;
  border-left:1px solid rgba(255,255,255,.24);
  color:#9fb4d1;
  font-size:14px;
  font-weight:600;
}

.pe-perkeso-hero__panel{
  position:relative;
  width:100%;
  max-width:560px;
  justify-self:end;
  padding:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 35px 90px rgba(0,0,0,.42);
  backdrop-filter:blur(18px);
}

.pe-perkeso-hero__panel::before{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(125,211,252,.18);
  pointer-events:none;
}

.pe-perkeso-hero__panel-head{
  position:relative;
  z-index:2;
  padding:8px 8px 24px;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.pe-perkeso-hero__panel-head span{
  display:block;
  margin-bottom:8px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:#7dd3fc;
  font-weight:800;
}

.pe-perkeso-hero__panel-head strong{
  display:block;
  font-size:25px;
  line-height:1.2;
}

.pe-perkeso-hero__items{
  position:relative;
  z-index:2;
  display:grid;
  gap:14px;
  padding-top:20px;
}

.pe-perkeso-hero__items div{
  display:grid;
  grid-template-columns:54px 1fr;
  column-gap:16px;
  padding:18px 8px;
  border-bottom:1px solid rgba(255,255,255,.1);
}

.pe-perkeso-hero__items div:last-child{
  border-bottom:0;
}

.pe-perkeso-hero__items b{
  grid-row:1 / span 2;
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(14,165,233,.14);
  border:1px solid rgba(125,211,252,.32);
  color:#7dd3fc;
  font-size:13px;
}

.pe-perkeso-hero__items h3{
  margin:0 0 6px;
  font-size:17px;
  color:#ffffff;
}

.pe-perkeso-hero__items p{
  margin:0;
  font-size:13px;
  line-height:1.65;
  color:#c7d2e2;
}

.pe-perkeso-hero__bottom{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:3;
  padding:22px clamp(24px,6vw,90px);
  background:rgba(255,255,255,.07);
  border-top:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(12px);
}

.pe-perkeso-hero__bottom div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}

.pe-perkeso-hero__bottom strong{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#7dd3fc;
}

.pe-perkeso-hero__bottom span{
  font-size:14px;
  color:#e5edf8;
}

/* MOBILE */
@media(max-width:980px){
  .pe-perkeso-hero__topbar{
    grid-template-columns:repeat(2,1fr);
  }

  .pe-perkeso-hero__wrap{
    grid-template-columns:1fr;
    padding:70px 22px 150px;
    gap:34px;
  }

  .pe-perkeso-hero h1{
    font-size:clamp(40px,12vw,58px);
    letter-spacing:-1.8px;
  }

  .pe-perkeso-hero__content p{
    font-size:15px;
  }

  .pe-perkeso-hero__panel{
    max-width:100%;
    justify-self:start;
  }

  .pe-perkeso-hero__bottom div{
    display:block;
  }

  .pe-perkeso-hero__bottom span{
    display:block;
    margin-top:8px;
    line-height:1.5;
  }
}

@media(max-width:560px){
  .pe-perkeso-hero{
    min-height:auto;
  }

  .pe-perkeso-hero__topbar{
    grid-template-columns:1fr 1fr;
  }

  .pe-perkeso-hero__topbar div{
    padding:12px 8px;
    font-size:10px;
    letter-spacing:.08em;
  }

  .pe-perkeso-hero__wrap{
    padding:54px 18px 165px;
  }

  .pe-perkeso-hero h1{
    font-size:38px;
    line-height:1;
  }

  .pe-perkeso-hero h1 em{
    -webkit-text-stroke:.7px rgba(255,255,255,.75);
  }

  .pe-perkeso-hero__actions{
    display:grid;
  }

  .pe-perkeso-hero__btn{
    width:100%;
  }

  .pe-perkeso-hero__statement{
    gap:10px;
  }

  .pe-perkeso-hero__statement span{
    border-left:0;
    padding-left:0;
  }

  .pe-perkeso-hero__panel{
    padding:20px;
  }

  .pe-perkeso-hero__items div{
    grid-template-columns:42px 1fr;
    column-gap:12px;
  }

  .pe-perkeso-hero__items b{
    width:36px;
    height:36px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ec4068 *//* =========================================
   PRINCIPESSA — PERKESO SEC 3 WHY IT MATTERS
   DARK CORPORATE / GOVERNMENT STYLE
========================================= */

.pe-perkeso-matter{
  position:relative;
  width:100vw;
  left:50%;
  transform:translateX(-50%);
  overflow:hidden;
  background:#05070c;
  color:#ffffff;
  font-family:"Poppins", Arial, sans-serif;
}

.pe-perkeso-matter,
.pe-perkeso-matter *{
  box-sizing:border-box;
}

.pe-perkeso-matter__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 18%, rgba(11,99,206,.32), transparent 30%),
    radial-gradient(circle at 86% 70%, rgba(125,211,252,.16), transparent 34%),
    linear-gradient(120deg, #05070c 0%, #071426 48%, #06101f 100%);
}

.pe-perkeso-matter__grid{
  position:absolute;
  inset:0;
  opacity:.14;
  background-image:
    linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);
  background-size:82px 82px;
  mask-image:linear-gradient(90deg,#000 0%,#000 70%,transparent 100%);
}

.pe-perkeso-matter__wrap{
  position:relative;
  z-index:2;
  width:100%;
  padding:105px clamp(24px,6vw,90px);
}

.pe-perkeso-matter__head{
  max-width:980px;
  margin-bottom:58px;
}

.pe-perkeso-matter__kicker{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:22px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#7dd3fc;
}

.pe-perkeso-matter__kicker::before{
  content:"";
  width:54px;
  height:2px;
  background:linear-gradient(90deg,#38bdf8,#ffffff);
}

.pe-perkeso-matter h2{
  margin:0;
  max-width:920px;
  font-size:clamp(40px,5vw,74px);
  line-height:.98;
  letter-spacing:-2.5px;
  font-weight:900;
  color:#ffffff;
}

.pe-perkeso-matter h2 em{
  display:block;
  font-style:normal;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.74);
}

.pe-perkeso-matter__head p{
  max-width:760px;
  margin:26px 0 0;
  font-size:16px;
  line-height:1.85;
  color:#c7d2e2;
}

.pe-perkeso-matter__layout{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:28px;
  align-items:stretch;
}

.pe-perkeso-matter__quote{
  position:relative;
  min-height:470px;
  padding:42px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.045)),
    url("https://principessaempire.com/wp-content/uploads/2026/05/muslim-businesswoman-wearing-hijab-having-discussion-with-her-colleague-while-working-their-desks-office_44344-7267.avif")
    center / cover no-repeat;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 35px 90px rgba(0,0,0,.34);
  overflow:hidden;
}

.pe-perkeso-matter__quote::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(3,7,16,.15), rgba(3,7,16,.88));
  z-index:1;
}

.pe-perkeso-matter__quote::after{
  content:"";
  position:absolute;
  inset:16px;
  border:1px solid rgba(125,211,252,.22);
  z-index:2;
  pointer-events:none;
}

.pe-perkeso-matter__quote span,
.pe-perkeso-matter__quote h3{
  position:relative;
  z-index:3;
}

.pe-perkeso-matter__quote span{
  display:block;
  margin-bottom:16px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#7dd3fc;
}

.pe-perkeso-matter__quote h3{
  margin:0;
  font-size:clamp(28px,3vw,42px);
  line-height:1.12;
  letter-spacing:-1.2px;
  color:#ffffff;
}

.pe-perkeso-matter__cards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.pe-perkeso-matter__cards article{
  position:relative;
  min-height:226px;
  padding:30px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 22px 55px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
  transition:.25s ease;
}

.pe-perkeso-matter__cards article:hover{
  transform:translateY(-5px);
  background:rgba(255,255,255,.10);
}

.pe-perkeso-matter__cards article::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(125,211,252,.12);
  pointer-events:none;
}

.pe-perkeso-matter__cards b{
  display:inline-flex;
  width:44px;
  height:44px;
  align-items:center;
  justify-content:center;
  margin-bottom:28px;
  background:rgba(14,165,233,.14);
  border:1px solid rgba(125,211,252,.34);
  color:#7dd3fc;
  font-size:13px;
}

.pe-perkeso-matter__cards h4{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.15;
  color:#ffffff;
}

.pe-perkeso-matter__cards p{
  margin:0;
  font-size:13.5px;
  line-height:1.7;
  color:#c7d2e2;
}

/* TABLET */
@media(max-width:1100px){
  .pe-perkeso-matter__wrap{
    padding:82px 22px;
  }

  .pe-perkeso-matter__layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .pe-perkeso-matter h2{
    font-size:44px;
    letter-spacing:-1.5px;
  }

  .pe-perkeso-matter__cards{
    grid-template-columns:1fr 1fr;
  }
}

/* MOBILE */
@media(max-width:560px){
  .pe-perkeso-matter__wrap{
    padding:72px 18px;
  }

  .pe-perkeso-matter h2{
    font-size:36px;
    line-height:1.05;
    letter-spacing:-1.2px;
  }

  .pe-perkeso-matter__head p{
    font-size:14.5px;
  }

  .pe-perkeso-matter__quote{
    min-height:390px;
    padding:28px;
  }

  .pe-perkeso-matter__quote h3{
    font-size:26px;
  }

  .pe-perkeso-matter__cards{
    grid-template-columns:1fr;
  }

  .pe-perkeso-matter__cards article{
    min-height:190px;
    padding:26px 22px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-de55318 *//* =========================================
   PRINCIPESSA — PERKESO SEC 4 PROCESS
   LIGHT CORPORATE TIMELINE SECTION
========================================= */

.pe-perkeso-process{
  position:relative;
  width:100vw;
  left:50%;
  transform:translateX(-50%);
  overflow:hidden;
  background:#f5f7fa;
  color:#07111f;
  font-family:"Poppins", Arial, sans-serif;
}

.pe-perkeso-process,
.pe-perkeso-process *{
  box-sizing:border-box;
}

.pe-perkeso-process::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 88% 14%, rgba(11,99,206,.13), transparent 30%),
    radial-gradient(circle at 10% 90%, rgba(125,211,252,.14), transparent 30%),
    linear-gradient(90deg, rgba(10,42,92,.06), transparent 46%);
  pointer-events:none;
}

.pe-perkeso-process__wrap{
  position:relative;
  z-index:2;
  width:100%;
  padding:105px clamp(24px,6vw,90px);
}

.pe-perkeso-process__head{
  max-width:980px;
  margin-bottom:62px;
}

.pe-perkeso-process__kicker{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:22px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#0b63ce;
}

.pe-perkeso-process__kicker::before{
  content:"";
  width:54px;
  height:2px;
  background:#0b63ce;
}

.pe-perkeso-process h2{
  margin:0;
  max-width:860px;
  font-size:clamp(40px,5vw,72px);
  line-height:.98;
  letter-spacing:-2.5px;
  font-weight:900;
}

.pe-perkeso-process h2 em{
  display:block;
  font-style:normal;
  color:#0a2a5c;
}

.pe-perkeso-process__head p{
  max-width:760px;
  margin:26px 0 0;
  font-size:16px;
  line-height:1.85;
  color:#445266;
}

.pe-perkeso-process__timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.pe-perkeso-process__timeline::before{
  content:"";
  position:absolute;
  top:52px;
  left:4%;
  right:4%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(11,99,206,.35), transparent);
  z-index:1;
}

.pe-perkeso-process__step{
  position:relative;
  z-index:2;
  min-height:360px;
  padding:26px;
  background:#ffffff;
  border:1px solid rgba(10,42,92,.12);
  box-shadow:0 18px 45px rgba(15,23,42,.07);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  transition:.25s ease;
}

.pe-perkeso-process__step:hover{
  transform:translateY(-6px);
  box-shadow:0 26px 65px rgba(15,23,42,.12);
}

.pe-perkeso-process__num{
  position:absolute;
  top:26px;
  left:26px;
  width:54px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#07111f;
  color:#7dd3fc;
  border:1px solid rgba(11,99,206,.28);
  font-size:14px;
  font-weight:900;
}

.pe-perkeso-process__content span{
  display:block;
  margin-bottom:12px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#0b63ce;
}

.pe-perkeso-process__content h3{
  margin:0 0 14px;
  font-size:24px;
  line-height:1.15;
  letter-spacing:-.7px;
  color:#07111f;
}

.pe-perkeso-process__content p{
  margin:0;
  font-size:13.5px;
  line-height:1.75;
  color:#526176;
}

/* TABLET */
@media(max-width:1100px){
  .pe-perkeso-process__wrap{
    padding:82px 22px;
  }

  .pe-perkeso-process__timeline{
    grid-template-columns:repeat(2,1fr);
  }

  .pe-perkeso-process__timeline::before{
    display:none;
  }
}

@media(max-width:760px){
  .pe-perkeso-process h2{
    font-size:44px;
    letter-spacing:-1.5px;
  }
}

/* MOBILE */
@media(max-width:560px){
  .pe-perkeso-process__wrap{
    padding:72px 18px;
  }

  .pe-perkeso-process h2{
    font-size:36px;
    line-height:1.05;
    letter-spacing:-1.2px;
  }

  .pe-perkeso-process__head p{
    font-size:14.5px;
  }

  .pe-perkeso-process__timeline{
    grid-template-columns:1fr;
  }

  .pe-perkeso-process__step{
    min-height:300px;
    padding:24px 22px;
  }

  .pe-perkeso-process__num{
    top:24px;
    left:22px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-01a3284 *//* =========================================
   PRINCIPESSA — PERKESO SEC 5 CTA
   DARK CORPORATE FINAL ACTION SECTION
========================================= */

.pe-perkeso-cta{
  position:relative;
  width:100vw;
  left:50%;
  transform:translateX(-50%);
  overflow:hidden;
  background:#05070c;
  color:#ffffff;
  font-family:"Poppins", Arial, sans-serif;
}

.pe-perkeso-cta,
.pe-perkeso-cta *{
  box-sizing:border-box;
}

.pe-perkeso-cta__bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      rgba(3,7,16,.98) 0%,
      rgba(5,13,30,.92) 44%,
      rgba(10,42,92,.78) 100%
    ),
    url("https://images.unsplash.com/photo-1521791136064-7986c2920216?q=80&w=1920&auto=format&fit=crop")
    center right / cover no-repeat;
  transform:scale(1.03);
}

.pe-perkeso-cta__grid{
  position:absolute;
  inset:0;
  opacity:.15;
  background-image:
    linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);
  background-size:80px 80px;
  mask-image:linear-gradient(90deg,#000 0%,#000 58%,transparent 100%);
}

.pe-perkeso-cta__wrap{
  position:relative;
  z-index:2;
  width:100%;
  min-height:620px;
  display:grid;
  grid-template-columns:1fr .72fr;
  gap:55px;
  align-items:center;
  padding:105px clamp(24px,6vw,90px);
}

.pe-perkeso-cta__kicker{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:22px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#7dd3fc;
}

.pe-perkeso-cta__kicker::before{
  content:"";
  width:54px;
  height:2px;
  background:linear-gradient(90deg,#38bdf8,#ffffff);
}

.pe-perkeso-cta h2{
  margin:0;
  max-width:850px;
  font-size:clamp(42px,5.5vw,78px);
  line-height:.98;
  letter-spacing:-2.8px;
  font-weight:900;
  color:#ffffff;
}

.pe-perkeso-cta h2 em{
  display:block;
  font-style:normal;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.76);
}

.pe-perkeso-cta__content p{
  max-width:690px;
  margin:28px 0 0;
  font-size:16px;
  line-height:1.85;
  color:#dbe4f0;
}

.pe-perkeso-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:36px;
}

.pe-perkeso-cta__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:15px 28px;
  border-radius:4px;
  font-size:14px;
  font-weight:900;
  text-decoration:none;
  letter-spacing:.04em;
  transition:.25s ease;
}

.pe-perkeso-cta__btn--primary{
  background:#0b63ce;
  color:#ffffff;
  box-shadow:0 20px 50px rgba(11,99,206,.35);
}

.pe-perkeso-cta__btn--primary:hover{
  background:#084fa6;
  transform:translateY(-2px);
}

.pe-perkeso-cta__btn--secondary{
  color:#ffffff;
  border:1px solid rgba(255,255,255,.34);
  background:rgba(255,255,255,.06);
}

.pe-perkeso-cta__btn--secondary:hover{
  background:#ffffff;
  color:#06101f;
}

.pe-perkeso-cta__panel{
  position:relative;
  padding:38px;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 35px 90px rgba(0,0,0,.38);
  backdrop-filter:blur(18px);
}

.pe-perkeso-cta__panel::before{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(125,211,252,.18);
  pointer-events:none;
}

.pe-perkeso-cta__panel span{
  display:block;
  margin-bottom:14px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#7dd3fc;
}

.pe-perkeso-cta__panel h3{
  margin:0;
  font-size:32px;
  line-height:1.15;
  color:#ffffff;
}

.pe-perkeso-cta__panel p{
  margin:18px 0 0;
  font-size:14px;
  line-height:1.75;
  color:#c7d2e2;
}

/* TABLET */
@media(max-width:980px){
  .pe-perkeso-cta__wrap{
    grid-template-columns:1fr;
    min-height:auto;
    padding:82px 22px;
  }
}

@media(max-width:560px){
  .pe-perkeso-cta__wrap{
    padding:72px 18px;
  }

  .pe-perkeso-cta h2{
    font-size:38px;
    letter-spacing:-1.4px;
  }

  .pe-perkeso-cta__actions{
    display:grid;
  }

  .pe-perkeso-cta__btn{
    width:100%;
  }

  .pe-perkeso-cta__panel{
    padding:28px 22px;
  }

  .pe-perkeso-cta__panel h3{
    font-size:26px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ff75ae */.pe-footer{
  position:relative;
  width:100vw;
  left:50%;
  transform:translateX(-50%);
  overflow:hidden;
  background:#05070c;
  color:#ffffff;
  font-family:"Poppins", Arial, sans-serif;
}

.pe-footer,
.pe-footer *{
  box-sizing:border-box;
}

.pe-footer::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 18%, rgba(56,189,248,.13), transparent 30%),
    linear-gradient(135deg,#05070c,#07111f,#0a2a5c);
  pointer-events:none;
}

.pe-footer__wrap{
  position:relative;
  z-index:2;
  width:100%;
  display:grid;
  grid-template-columns:1.25fr .65fr .85fr 1fr;
  gap:45px;
  padding:80px clamp(24px,6vw,90px);
}

.pe-footer__logo{
  display:inline-flex;
  margin-bottom:22px;
}

.pe-footer__logo img{
  max-width:210px;
  height:auto;
  display:block;
}

.pe-footer__brand p{
  max-width:420px;
  margin:0 0 22px;
  font-size:14.5px;
  line-height:1.8;
  color:#cbd5e1;
}

.pe-footer__brand strong{
  display:block;
  font-size:20px;
  color:#ffffff;
}

.pe-footer h3{
  margin:0 0 20px;
  font-size:15px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#7dd3fc;
}

.pe-footer__col a{
  display:block;
  margin-bottom:12px;
  color:#dbeafe;
  text-decoration:none;
  font-size:14px;
  transition:.2s ease;
}

.pe-footer__col a:hover{
  color:#7dd3fc;
  transform:translateX(4px);
}

.pe-footer__contact p{
  margin:0 0 14px;
  font-size:14px;
  line-height:1.6;
  color:#dbeafe;
}

.pe-footer__contact span{
  display:block;
  margin-bottom:4px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#7dd3fc;
}

.pe-footer__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin-top:12px;
  padding:13px 22px;
  background:#0b63ce;
  color:#ffffff;
  text-decoration:none;
  font-size:13px;
  font-weight:900;
  transition:.25s ease;
}

.pe-footer__btn:hover{
  background:#ffffff;
  color:#07111f;
  transform:translateY(-2px);
}

.pe-footer__bottom{
  position:relative;
  z-index:2;
  padding:22px clamp(24px,6vw,90px);
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}

.pe-footer__bottom p{
  margin:0;
  font-size:13px;
  color:#cbd5e1;
}

@media(max-width:980px){
  .pe-footer__wrap{
    grid-template-columns:1fr 1fr;
    padding:70px 22px;
  }

  .pe-footer__bottom{
    padding:22px;
  }
}

@media(max-width:560px){
  .pe-footer__wrap{
    grid-template-columns:1fr;
    padding:60px 18px;
    gap:34px;
  }

  .pe-footer__logo img{
    max-width:180px;
  }

  .pe-footer__bottom{
    padding:20px 18px;
    display:block;
  }

  .pe-footer__bottom p + p{
    margin-top:8px;
  }

  .pe-footer__btn{
    width:100%;
  }
}/* End custom CSS */