/* PRINCE OASIS HOME POLISH 0.6.2 */
.po-home-nav{grid-template-columns:205px 1fr auto}

.po-home-hero{
  background:
    radial-gradient(circle at 14% 45%,rgba(13,142,152,.10),transparent 26%),
    radial-gradient(circle at 88% 18%,rgba(201,150,61,.08),transparent 24%),
    linear-gradient(108deg,#eef7fb 0%,#ffffff 62%,#faf6ee 100%);
  padding:64px 0 58px;
}
.po-home-hero-grid{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  align-items:center;
  gap:64px;
}
.po-home-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#0d8e98;
  font-size:12px;
  font-weight:900;
  letter-spacing:2px;
}
.po-home-kicker:before{
  content:"";
  width:28px;height:2px;background:#c9963d;display:block
}
.po-home-copy h1{
  margin:14px 0 16px;
  font-size:58px;
  line-height:1.16;
  color:#06253f;
  letter-spacing:-1px;
}
.po-home-copy h1 em{
  display:inline-block;
  color:#0d8e98;
  font-style:normal;
}
.po-home-copy p{
  margin:0;
  max-width:680px;
  color:#667585;
  font-size:18px;
  line-height:1.9;
}
.po-home-actions{
  display:flex;
  align-items:center;
  gap:22px;
  flex-wrap:wrap;
  margin-top:28px;
}
.po-home-secondary-link{
  font-weight:900;
  color:#06253f;
  padding-bottom:4px;
  border-bottom:2px solid #c9963d;
}

.po-home-visual{
  display:flex;
  align-items:center;
  justify-content:center;
}
.po-home-logo-card{
  width:420px;
  height:350px;
  max-width:100%;
  background:#fff;
  border:1px solid #e6ebef;
  border-radius:28px;
  padding:28px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-shadow:0 24px 65px rgba(5,31,52,.10);
  overflow:hidden;
}
.po-home-logo-card img{
  width:300px!important;
  height:220px!important;
  max-width:300px!important;
  max-height:220px!important;
  object-fit:contain!important;
  position:static!important;
  transform:none!important;
  margin:0!important;
}
.po-home-logo-caption{
  margin-top:10px;
  font-size:13px;
  font-weight:800;
  color:#06253f;
  text-align:center;
}

.po-home-services{
  padding:20px 0 72px;
  background:#fff;
}
.po-home-services-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.po-home-service-card{
  min-height:290px;
  border-radius:22px;
  padding:28px;
  color:#fff;
  position:relative;
  overflow:hidden;
  box-shadow:0 18px 42px rgba(5,31,52,.10);
}
.po-home-service-card.printing{background:linear-gradient(145deg,#0fa5ad,#087782)}
.po-home-service-card.property{background:linear-gradient(145deg,#123d5d,#06253f)}
.po-home-service-card.maintenance{background:linear-gradient(145deg,#d8a84b,#bd8629)}
.po-home-service-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.po-home-service-top>span{
  font-size:12px;
  font-weight:900;
  opacity:.65;
}
.po-home-service-icon{
  width:56px;height:56px;
  border-radius:50%;
  display:grid;place-items:center;
  border:2px solid rgba(255,255,255,.75);
  font-size:27px;
}
.po-home-service-card h2{
  font-size:25px;
  margin:28px 0 10px;
}
.po-home-service-card p{
  margin:0;
  font-size:14px;
  line-height:1.9;
  opacity:.92;
  max-width:90%;
}
.po-home-service-card>a{
  position:absolute;
  right:28px;
  bottom:26px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:9px;
  font-weight:900;
  font-size:13px;
}
.po-home-service-card>a b{font-size:18px}

.po-home-popular{
  padding:72px 0;
  background:#f8fafc;
}
.po-home-section-head{text-align:center;margin-bottom:32px}
.po-home-section-head>span{color:#0d8e98;font-size:13px;font-weight:900}
.po-home-section-head h2{margin:6px 0;font-size:33px;color:#06253f}
.po-home-section-head p{margin:7px auto 0;color:#6b7785;max-width:700px}
.po-home-popular-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.po-home-popular-card{
  min-height:215px;
  background:#fff;
  border:1px solid #e4e9ed;
  border-radius:18px;
  padding:22px;
  display:flex;
  flex-direction:column;
  box-shadow:0 8px 26px rgba(5,31,52,.05);
  transition:.2s ease;
}
.po-home-popular-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 38px rgba(5,31,52,.09);
}
.po-home-popular-icon{
  width:48px;height:48px;
  border-radius:12px;
  display:grid;place-items:center;
  background:#eaf7f8;
  color:#0d8e98;
  font-size:24px;
}
.po-home-popular-card strong{
  display:block;
  margin-top:14px;
  font-size:16px;
  color:#06253f;
}
.po-home-popular-card small{
  display:block;
  color:#6b7785;
  line-height:1.7;
  margin-top:7px;
}
.po-home-popular-card>span{
  margin-top:auto;
  color:#0d8e98;
  font-size:12px;
  font-weight:900;
}
.po-home-center{text-align:center;margin-top:28px}

.po-home-why{
  padding:64px 0;
  background:#06253f;
  color:#fff;
}
.po-home-section-head.light>span{color:#67d1d3}
.po-home-section-head.light h2{color:#fff}
.po-home-why-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.po-home-why-grid>div{
  padding:24px 18px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  text-align:center;
  background:rgba(255,255,255,.03);
}
.po-home-why-grid b{
  display:block;
  color:#d5a344;
  font-size:30px;
  margin-bottom:9px;
}
.po-home-why-grid strong{display:block;font-size:15px}
.po-home-why-grid span{display:block;font-size:12px;line-height:1.7;opacity:.75;margin-top:5px}

.po-home-cta{padding:60px 0;background:#fff}
.po-home-cta-card{
  background:linear-gradient(135deg,#06253f,#0b3656);
  border-radius:24px;
  color:#fff;
  padding:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.po-home-cta-card>div:first-child>span{color:#69d0d2;font-size:12px;font-weight:900}
.po-home-cta-card h2{margin:6px 0 0;font-size:25px}
.po-home-cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.po-action.outline-light{border:1px solid rgba(255,255,255,.48);color:#fff;background:transparent}

@media(max-width:1000px){
  .po-home-hero-grid{grid-template-columns:1fr}
  .po-home-logo-card{margin:auto}
  .po-home-services-grid,.po-home-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .po-home-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .po-home-copy h1{font-size:40px}
  .po-home-copy p{font-size:15px}
  .po-home-logo-card{width:300px;height:245px;padding:18px}
  .po-home-logo-card img{width:220px!important;height:160px!important}
  .po-home-services-grid,.po-home-popular-grid,.po-home-why-grid{grid-template-columns:1fr}
  .po-home-service-card{min-height:265px}
  .po-home-cta-card{flex-direction:column;align-items:flex-start}
}
