/* top banner */
.page-template-insights-php .inner-banner .inner-banner-layer {
  max-width: 900px;
}

.page-template-insights-php .inner-banner .inner-banner-layer h1,
.page-template-insights-php .inner-banner .inner-banner-layer p {
    max-width: unset !important;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

/* CARD */
.post-card {
  width:400px;
  height:620px;
  border-radius:30px;
  overflow:hidden;
  position:relative;
  background:#0b0b0b;
  border:1px solid rgba(255,255,255,0.08);
  border: 1px solid #FFFFFF1A;
  padding:40px;
  color:#fff;
  cursor:pointer;
  
}

/* COMPANY NAME */
.post-card .company-name{
  position:relative;
  z-index:2; 
  font-size:18px;
  font-weight:600;
  color:#8e8e8e;
  font-family: InaiMathi;
}

/* TOP RIGHT CIRCLE */
.post-card .circle{
  position:absolute;
  top:30px;
  right:35px;
  width:42px;
  height:42px;
  background:#fff;
  border-radius:50%;
  z-index:3;
}

/* IMAGE AREA */
.post-card .card-image{
  position:absolute;
  top:110px;
  left:40px;
  right:40px;
  height:260px;
  border-radius:10px;
  overflow:hidden;
  z-index:1;
  transition:all 0.8s ease;
}

.post-card .card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:all 0.8s ease;
}

#success-pane .post-card .card-image img,
.rel-cs  .post-card .card-image img {
  object-position:left bottom;
}

/* OVERLAY */
.post-card .overlay{
  position:absolute;
  inset:0;
  z-index:2;
  background:rgba(0,0,0,0);
  backdrop-filter:blur(0px);
  transition:all 0.8s ease;
  pointer-events:none;
}

/* TITLE */
.post-card .card-title{
  position:absolute;
  left:40px;
  right:40px;
  top:390px;
  z-index:2;
  font-size:28px;
  line-height:1.25;
  font-weight:700;
  transition:all 0.8s ease;
}

/* CONTENT AREA */
.post-card .card-content{
  position:absolute;
  left:40px;
  right:40px;
  top:300px;
  z-index:2;
}

/* PARAGRAPH (slides) */
.post-card .card-content p{
  font-size:17px;
  line-height:1.5;
  color:#f2f2f2;

  opacity:0;
  transform:translateX(60px);
  transition:all 0.7s ease;
}

/* READ MORE (fade only) */
.post-card .read-more{
  display:inline-block;
  margin-top:28px;
  font-size:16px;
  color:#4ea3ff;
  text-decoration:none;

  opacity:0;
  transition:opacity 0.6s ease 0.35s;
}

/* TAGS */
.post-card .tags{
  position:absolute;
  left:40px;
  right:40px;
  bottom:30px;
  z-index:2;
  color:#9d9d9d;
  font-size:14px;
  line-height:1.5;
}

/* ---------------- */
/* HOVER ANIMATION */
/* ---------------- */

/* 1. image scale to full card + blur */
.post-card:hover .card-image{
  top:0;
  left:0;
  right:0;
  height:100%;
  border-radius:0;
}

.post-card:hover .card-image img{
  transform:scale(1.15);
  filter:blur(6px);
}

/* overlay blur */
.post-card:hover .overlay{
  background:rgba(0,0,0,0.35);
  backdrop-filter:blur(8px);
}

/* 2. title smoothly goes to top */
.post-card:hover .card-title{
  top:90px;
}

/* 3. text slides right to left */
.post-card:hover .card-content p{
  opacity:1;
  transform:translateX(0);
}

/* 4. read more only fade in */
.post-card:hover .read-more{
  opacity:1;
}



/* COMPANY NAME */
.feature-block .company-name{
  position:relative;
  z-index:3;
  font-family: InaiMathi;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0%;
  color:#000000;
  margin-top: 20px;
}

/* TOP RIGHT CIRCLE */
.feature-block .circle{
  position:absolute;
  top:30px;
  right:35px;
  width:42px;
  height:42px;
  background:#092C4C;
  border-radius:50%;
  z-index:3;
}