.elementor-22573 .elementor-element.elementor-element-551886c{--display:flex;--padding-top:05%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-22573 .elementor-element.elementor-element-551886c:not(.elementor-motion-effects-element-type-background), .elementor-22573 .elementor-element.elementor-element-551886c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D3971;}.elementor-22573 .elementor-element.elementor-element-56fa893{--display:flex;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-22573 .elementor-element.elementor-element-882b6c6 .arrox-el-pagination-alignment{text-align:center;}.elementor-22573 .elementor-element.elementor-element-882b6c6 .blogs-wrapper{grid-template-columns:repeat(3, 1fr);}.elementor-22573 .elementor-element.elementor-element-882b6c6 .arrox-el-thumb img{object-fit:cover;}.elementor-22573 .elementor-element.elementor-element-c1d1a1c{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:04%;--padding-right:04%;}@media(max-width:1024px){.elementor-22573 .elementor-element.elementor-element-882b6c6 .blogs-wrapper{grid-template-columns:repeat(2, 1fr);}}@media(max-width:767px){.elementor-22573 .elementor-element.elementor-element-551886c{--padding-top:10%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-22573 .elementor-element.elementor-element-882b6c6 .blogs-wrapper{grid-template-columns:repeat(1, 1fr);}}/* Start custom CSS for arrox-blog-post, class: .elementor-element-882b6c6 *//* ============================================
   BLOG GRID CONTAINER
   ============================================ */
.ax-blog-post-list,
.ax-blog-posts,
.elementor-posts-container{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  align-items:stretch !important;
  gap:32px 28px !important;
  padding:60px 24px 70px !important;
}

/* ============================================
   INDIVIDUAL POST CARD
   ============================================ */
article.blog{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
  margin:0 !important;
  padding:0 !important;
}

/* ---------- Thumbnail ---------- */
article.blog .arrox-el-thumb{
  position:relative !important;
  width:100% !important;
  aspect-ratio:3/2 !important;
  overflow:hidden !important;
  border-radius:0 !important;
  margin:0 0 20px !important;
  background:#0c1c36 !important;
}
article.blog .arrox-el-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
}

/* ---------- Content wrapper — fills remaining card height so the
   divider line can be pinned to the bottom of every card equally ---------- */
article.blog .content-wrapper{
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
}
article.blog .content{
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
}

/* ---------- Title + arrow ---------- */
article.blog .title.arrox-el-title{
  position:relative !important;
  font-family:'Inter',Arial,sans-serif !important;
  font-weight:700 !important;
  font-size:15px !important;
  line-height:1.5 !important;
  letter-spacing:.01em !important;
  text-transform:uppercase !important;
  color:#ffffff !important;
  margin:0 0 16px !important;
  padding-right:40px !important;
  min-height:calc(1.5em * 2) !important; /* reserves space for 2 lines so short titles still push the divider to the same row-level as longer ones */
  transition:color .25s ease !important;
}
article.blog .title.arrox-el-title a{
  color:inherit !important;
  text-decoration:none !important;
}

/* Title turns pink on hover of the whole card */
article.blog:hover .title.arrox-el-title,
article.blog:hover .title.arrox-el-title a{
  color:#ef0078 !important;
}

/* ---------- Arrow: strip any circle/background from theme, then hide
   its original icon and draw our own bigger diagonal arrow ---------- */
article.blog .title.arrox-el-title .arrow{
  position:absolute !important;
  top:1px !important;
  right:0 !important;
  width:24px !important;
  height:24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
article.blog .title.arrox-el-title .arrow svg{
  display:none !important; /* forcibly remove theme's original icon */
}
article.blog .title.arrox-el-title .arrow::after{
  content:"" !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  background-color:#ef0078 !important;
  transition:transform .3s ease, background-color .25s ease !important;
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 18L18 6M9 6h9v9' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 18L18 6M9 6h9v9' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  -webkit-mask-size:contain !important;
  mask-size:contain !important;
  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
}
article.blog:hover .title.arrox-el-title .arrow::after{
  transform:translate(3px,-3px) !important;
}

/* ---------- Meta row ---------- */
article.blog .meta.arrox-el-meta-text{
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* ---------- Pink divider line — pinned to bottom of every card,
   so it lands on the same row across the whole grid row ---------- */
article.blog .content::after{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:#ef0078;
    margin-top:auto;
    transform:scaleY(2.5);
    transform-origin:center;
}

/* ============================================
   PAGINATION
   ============================================ */
.ax-blog-pagination-wrapper{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  padding:0px 0 0px !important;
}
.ax-blog-post-pagination.basic-pagination{
  background:transparent !important;
  border:0 !important;
}
.ax-blog-post-pagination .page-numbers{
  list-style:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:22px !important;
  margin:0 !important;
  padding:0 !important;
}





.ax-blog-post-pagination .page-numbers li{
  display:flex !important;
  margin:0 !important;
  padding:0 !important;
}

.ax-blog-post-pagination .page-numbers a.page-numbers,
.ax-blog-post-pagination .page-numbers span.page-numbers{
  font-family:'Inter',Arial,sans-serif !important;
  font-weight:700 !important;
  font-size:17px !important;
  color:#ef0078 !important;
  text-decoration:none !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  min-width:auto !important;
  line-height:1 !important;
  transition:opacity .25s ease !important;
}
.ax-blog-post-pagination .page-numbers a.page-numbers:hover{
  opacity:.7 !important;
}

.ax-blog-post-pagination .page-numbers span.page-numbers.current{
  color:#ffffff !important;
  font-weight:700 !important;
}

.ax-blog-post-pagination .page-numbers a.next.page-numbers{
  font-size:0 !important;
  position:relative !important;
  width:14px !important;
  height:20px !important;
}
.ax-blog-post-pagination .page-numbers a.next.page-numbers svg{
  display:none !important;
}





.ax-blog-post-pagination .page-numbers a.next.page-numbers::after{
  content:"+" !important;
  font-family:'Inter',Arial,sans-serif !important;
  font-weight:700 !important;
  font-size:20px !important;
  color:#ef0078 !important;
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  line-height:1 !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media(max-width:980px){
  .ax-blog-post-list,
  .ax-blog-posts,
  .elementor-posts-container{
    grid-template-columns:repeat(2, 1fr) !important;
    gap:28px 24px !important;
    padding:50px 20px 60px !important;
  }
}

@media(max-width:640px){
  .ax-blog-post-list,
  .ax-blog-posts,
  .elementor-posts-container{
    grid-template-columns:1fr !important;
    gap:32px !important;
    padding:40px 20px 50px !important;
  }
  article.blog .title.arrox-el-title{ font-size:14px !important; }
  .ax-blog-post-pagination .page-numbers{ gap:18px !important; }
  .ax-blog-post-pagination .page-numbers a.page-numbers,
  .ax-blog-post-pagination .page-numbers span.page-numbers{ font-size:16px !important; }
}/* End custom CSS */
/* Start custom CSS *//* Kill the fixed-height smooth-scroll clipping so footer is never cut */
/*#has_smooth,*/
/*#smooth-wrapper{*/
/*  position: relative !important;*/
/*  inset: unset !important;*/
/*  height: auto !important;*/
/*  width: 100% !important;*/
/*  overflow: visible !important;*/
/*}*/

/*#smooth-content{*/
/*  transform: none !important;*/
/*  height: auto !important;*/
/*  overflow: visible !important;*/
/*}*/

/*html, body{*/
/*  height: auto !important;*/
/*  min-height: 100% !important;*/
/*  overflow-x: hidden !important;*/
/*  overflow-y: auto !important;*/
/*}*/

/* Make sure the footer widget itself can never be clipped */
/*[data-elementor-post-type="arrox-footer"]{*/
/*  position: relative !important;*/
/*  display: block !important;*/
/*  height: auto !important;*/
/*  min-height: auto !important;*/
/*  overflow: visible !important;*/
/*  z-index: 5 !important;*/
/*  clear: both !important;*/
/*}*/

/* Elementor full-width containers sometimes cap height too */
/*.e-con, .e-con-full, .e-con-boxed, .e-parent, .e-con-inner{*/
/*  overflow: visible !important;*/
/*  height: auto !important;*/
/*}*/


/* ============================================
   ONE CONTINUOUS BACKGROUND — NO SECTION SEAMS
   ============================================ */

/* Step 1: Kill every individual section background so nothing overrides the master gradient */
/* ============================================
   REPEATING DIAGONAL LIGHT/DARK ZIGZAG — 80VH BANDS
   ============================================ */

/* Kill every section's own background so nothing breaks the flow */
/* ============================================
   THINKLAB — REPEATING CIRCULAR LIGHT/DARK BG
   One continuous pattern, alternates sides every 80vh
   ============================================ */
body.elementor-page-22573,
body.elementor-page-22573 #smooth-wrapper,
body.elementor-page-22573 #smooth-content {
    background: #08233F url("https://mafasa.in/wp-content/uploads/fonts/TL_Website_Gradient.png") center top / cover no-repeat !important;
    background-attachment: fixed !important;
}

body.elementor-page-22573 .elementor-element,
body.elementor-page-22573 .elementor-section,
body.elementor-page-22573 .elementor-container,
body.elementor-page-22573 .e-con,
body.elementor-page-22573 .e-con-inner,
body.elementor-page-22573 div[class*="elementor-element"] {
    background: transparent !important;
}

<style>/* End custom CSS */