/** Shopify CDN: Minification failed

Line 146:1 Unexpected ";"

**/


gp-row#g_sDTkwp1V {
    width: 100% !important;
}

@media (min-width : 768px){
 .ai-blog-tabs__article-aadmvtwrubflidupmzaigenblock8f4275eyqthyw:nth-child(1) {
    display: grid;
    height: 80%;
    grid-area: 1/1/3/3 !important;
    position : relative !important
}
.ai-blog-tabs__image-wrapper-aadmvtwrubflidupmzaigenblock8f4275eyqthyw {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 16px;
    height: min-content !important;
}
.ai-blog-tabs__content-aadmvtwrubflidupmzaigenblock8f4275eyqthyw.active {
    width: 80%;
    margin: auto;
}
}

@media (max-width : 768px){
    .ai-blog-tabs__content-aadmvtwrubflidupmzaigenblock8f4275eyqthyw.active {
    width: 95%;
    margin: auto;
}
.ai-blog-tabs__nav-aadmvtwrubflidupmzaigenblock8f4275eyqthyw {
    width: 95%;
    margin: 20px auto;
}
}


@media (min-width : 768px) and (max-width : 1024px){
 .ai-blog-tabs__article-aadmvtwrubflidupmzaigenblock8f4275eyqthyw:nth-child(1) {
    display: grid;
    height: 80%;
    grid-area: 1/1/3/3 !important;
    position : relative !important
}
.ai-blog-tabs__image-wrapper-aadmvtwrubflidupmzaigenblock8f4275eyqthyw {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 16px;
    height: min-content !important;
}

}


@media (min-width : 1025px) and (max-width : 1440px){
 .ai-blog-tabs__article-aadmvtwrubflidupmzaigenblock8f4275eyqthyw:nth-child(1) {
    display: grid;
    height: 100%;
    grid-area: 1/1/3/3 !important;
    position : relative !important
}
.ai-blog-tabs__image-wrapper-aadmvtwrubflidupmzaigenblock8f4275eyqthyw {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 16px;
    height: min-content !important;
}

}

.m-related-posts {
    display: none;
}

#m-newsletter-template--23056562159639__newsletter_HPt3Eg {
    width: 80%;
    margin: 0 auto 60px auto !important;
}
#m-newsletter-template--23056562159639__newsletter_HPt3Eg button.m-newsletter-form__button.m-newsletter-form__button--text.m-button {
    position: static;
    background: #5819bf;
    color: white;
    border-radius: 5px !important;
    margin-left: 10px;
    margin-top: 2px;
}

/* #m-newsletter-template--23056562159639__newsletter_HPt3Eg .m\:text-center {
    text-align: left !important;
} */

a.m-article-card__readmore.m-button.m-button--link {
    padding: 10px;
    border: 1px solid;
    background: #5819bf;
    color: white;
}

.template-page #MainContent {
     padding-bottom: 0px !important; 
}

button.ai-blog-tabs__tab-aadmvtwrubflidupmzaigenblock8f4275eyqthyw {
    border: 1px solid #8008a9;
    padding: 9px 35px !important;
    border-radius: 30px !important;
}

.ai-blog-tabs__tab-aadmvtwrubflidupmzaigenblock8f4275eyqthyw.active {
    color: #4a1d79;
     border-bottom-color: none; 
    background: #8008a9;
    color: white !important;
}

.ai-blog-tabs__nav-aadmvtwrubflidupmzaigenblock8f4275eyqthyw {
    border-bottom : 0px !important
}

.ai-blog-tabs__image-wrapper-aadmvtwrubflidupmzaigenblock8f4275eyqthyw{

    border-radius : 0px !important
}

#shopify-section-template--23056562192407__1762662079bad62f79 {
    padding: 60px 0px !important;
}
@media (min-width: 768px){
  .ai-blog-tabs__heading-aadmvtwrubflidupmzaigenblock8f4275eyqthyw {
    font-size: 3.5rem !important;
}
};


.custom-blog-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.blog-card{
background:#fff !important;
border-radius:14px !important;
overflow:hidden !important;
box-shadow:0 6px 25px rgba(0,0,0,.08) !important;
transition:.3s !important;
}

.blog-card:hover{
transform:translateY(-6px);
}

.blog-card img{
width:100%;
height:220px;
object-fit:cover;
}

.blog-content{
padding:22px;
}

.blog-content h3{
font-size:20px;
margin-bottom:10px;
}

.blog-content p{
font-size:14px;
line-height:1.6;
color:#555;
}

.blog-meta{
font-size:12px;
margin-top:15px;
color:#999;
}

/* Tablet */
@media(max-width:1024px){
.custom-blog-grid{
grid-template-columns:repeat(2,1fr);
}
}

/* Mobile */
@media(max-width:767px){
.custom-blog-grid{
grid-template-columns:1fr;
}
}
/* FORCE 3 BLOG PER ROW + PAGE PADDING */

.custom-blog-grid{
max-width:1200px;
margin:auto;
padding-left:40px;
padding-right:40px;
grid-template-columns:repeat(3,1fr)!important;
}

/* Mobile padding + 1 column */

@media(max-width:767px){

.custom-blog-grid{
grid-template-columns:1fr!important;
padding-left:20px;
padding-right:20px;
}

}


/* FORCE BLOG GRID TO 3 COLUMNS */

.m-blog__articles,
.m-blog__posts,
.m-articles,
.blog-grid,
.grid{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:30px!important;
max-width:1200px!important;
margin:auto!important;
padding-left:40px!important;
padding-right:40px!important;
}

/* Tablet */

@media(max-width:1024px){
.m-blog__articles,
.m-blog__posts,
.m-articles,
.blog-grid,
.grid{
grid-template-columns:repeat(2,1fr)!important;
}
}

/* Mobile */

@media(max-width:767px){
.m-blog__articles,
.m-blog__posts,
.m-articles,
.blog-grid,
.grid{
grid-template-columns:1fr!important;
padding-left:20px!important;
padding-right:20px!important;
}
}


/* ===== Minimog Blog Card Premium Shadow ===== */
.template-blog .m-article-card {
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.10);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* Image rounding (top only like SaaS cards) */
.template-blog .m-article-card img {
  border-radius: 14px 14px 0 0;
}

/* Hover floating effect */
.template-blog .m-article-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.14);
}




/* ===== FORCE AI Blog Tabs Shadow ===== */

.template-blog article[class^="ai-blog-tabs__article"] {
  background: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.12) !important;
  transition: transform 0.35s ease !important;
}

/* Hover effect */
.template-blog article[class^="ai-blog-tabs__article"]:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 28px 60px rgba(0,0,0,0.18) !important;
}

/* Parent যেন shadow কাটে না */
.template-blog,
.template-blog .container,
.template-blog .page-width {
  overflow: visible !important;
}











/* Last menu item button - normal & hover */
.m-menu__item:last-child > a.m-menu__link {
  background-color: #6e3567 !important;  /* Normal background */
  color: #fff !important;               /* Text color */
  padding: 10px 24px !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  margin-left: 20px !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: normal !important;
  white-space: nowrap !important;
  text-decoration: none !important;      /* underline off normal */
  vertical-align: middle !important;
  position: relative !important;         /* for pseudo-element override */
  margin-top:10px !important;
}

/* Hover - background & no underline */
.m-menu__item:last-child > a.m-menu__link:hover {
  background-color: #6e3567 !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* Remove any pseudo-element underline */
.m-menu__item:last-child > a.m-menu__link::before,
.m-menu__item:last-child > a.m-menu__link::after {
  content: none !important;
  display: none !important;
  border: none !important;
} 



/* ONLY main mobile menu Lets Talk Growth button */
.m-menu-mobile > ul > li > a[href="/pages/schedule"] {
  background-color: #6e3567 !important;
  color: #fff !important;
  padding: 12px 20px !important;
  border-radius: 30px !important;
  text-align: center !important;
  display: block !important;
  font-weight: 600 !important;
  margin: 10px 20px !important;
  text-decoration: none !important;
}

/* Hover */
.m-menu-mobile > ul > li > a[href="/pages/schedule"]:hover {
  background-color: #6e3567 !important;
  color: #fff !important;
}


/* Lets Talk Growth mobile button */
a.m-menu-mobile__link[title="Let’s Talk Growth"],
a.m-menu-mobile__link[title="Let's Talk Growth"] {
  background-color: #6e3567 !important;
  color: #ffffff !important;
  padding: 12px 20px !important;
  border-radius: 30px !important;
  text-align: center !important;
  display: block !important;
  font-weight: 600 !important;
  margin: 10px 20px !important;
  text-decoration: none !important;
  line-height: normal !important;
}

/* Hover */
a.m-menu-mobile__link[title="Let’s Talk Growth"]:hover,
a.m-menu-mobile__link[title="Let's Talk Growth"]:hover {
  background-color: #6e3567 !important;
  color: #ffffff !important;
}



/* Lets Talk Growth button - MOBILE ONLY */
.m-menu-mobile__link[href="https://latermail.com/pages/schedule"] {
  background-color: #6e3567 !important;
  color: #ffffff !important;
  padding: 12px 20px !important;
  border-radius: 30px !important;
  text-align: center !important;
  display: block !important;
  font-weight: 600 !important;
  margin: 10px 20px !important;
  text-decoration: none !important;
  line-height: normal !important;
}

/* Hover */
.m-menu-mobile__link[href="https://latermail.com/pages/schedule"]:hover {
  background-color: #6e3567 !important;
  color: #ffffff !important;
}



/* Remove any pseudo-element underline */
.m-menu-mobile__item:last-child > a.m-menu-mobile__link::before,
.m-menu-mobile__item:last-child > a.m-menu-mobile__link::after {
  content: none !important;
  display: none !important;
  border: none !important;
}







/* ===== TOP SECTION ===== */

.custom-article-top {
  max-width: 1200px;
  margin: 60px auto 0;
  padding: 0 20px;
}

.custom-article-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.custom-article-title {
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 20px;
}

.custom-article-excerpt {
  font-size: 20px;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.6;
}

.custom-article-meta {
  font-size: 14px;
  color: #777;
}

.custom-article-right img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* Divider Line */
.custom-article-divider {
  border-bottom: 1px solid #e5e5e5;
  margin-top: 50px;
}

/* ===== BODY ===== */

.custom-article-body {
  max-width: 800px;
  margin: 60px auto;
  padding: 0 20px;
  font-size: 17px;
  line-height: 1.9;
}

/* ===== MOBILE ===== */

@media (max-width: 990px) {
  .custom-article-grid {
    grid-template-columns: 1fr;
  }

  .custom-article-title {
    font-size: 28px;
  }

  .custom-article-body {
    margin-top: 40px;
  }
}