.elementor-2161 .elementor-element.elementor-element-3ba65e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2161 .elementor-element.elementor-element-084c976 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2161 .elementor-element.elementor-element-44344d0a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:8%;--margin-bottom:8%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2161 .elementor-element.elementor-element-2de36e1f{--grid-row-gap:80px;--grid-column-gap:60px;}.elementor-2161 .elementor-element.elementor-element-2de36e1f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.8 * 100% );}.elementor-2161 .elementor-element.elementor-element-2de36e1f:after{content:"0.8";}.elementor-2161 .elementor-element.elementor-element-2de36e1f .elementor-post__thumbnail__link{width:100%;}.elementor-2161 .elementor-element.elementor-element-2de36e1f .elementor-post__meta-data span + span:before{content:"•";}.elementor-2161 .elementor-element.elementor-element-2de36e1f .elementor-post__card{border-width:0px;}.elementor-2161 .elementor-element.elementor-element-2de36e1f .elementor-post__text{padding:0 0px;margin-top:20px;}.elementor-2161 .elementor-element.elementor-element-2de36e1f .elementor-post__meta-data{padding:10px 0px;}.elementor-2161 .elementor-element.elementor-element-2de36e1f .elementor-post__avatar{padding-right:0px;padding-left:0px;}.elementor-2161 .elementor-element.elementor-element-2de36e1f .elementor-post__title, .elementor-2161 .elementor-element.elementor-element-2de36e1f .elementor-post__title a{color:#1C244B;font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-2161 .elementor-element.elementor-element-2de36e1f .elementor-post__title{margin-bottom:8px;}.elementor-2161 .elementor-element.elementor-element-2de36e1f .elementor-post__excerpt p{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-2161 .elementor-element.elementor-element-2de36e1f .elementor-post__read-more{color:#467FF7;}.elementor-2161 .elementor-element.elementor-element-2de36e1f a.elementor-post__read-more{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:italic;text-decoration:underline;line-height:1em;letter-spacing:0px;}.elementor-2161 .elementor-element.elementor-element-bd0ae4a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-2161:not(.elementor-motion-effects-element-type-background), body.elementor-page-2161 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-2161 .elementor-element.elementor-element-44344d0a{--content-width:1200px;}}@media(max-width:1024px){.elementor-2161 .elementor-element.elementor-element-44344d0a{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-2161 .elementor-element.elementor-element-2de36e1f{--grid-row-gap:71px;}.elementor-2161 .elementor-element.elementor-element-2de36e1f .elementor-post__excerpt p{font-size:14px;}.elementor-2161 .elementor-element.elementor-element-2de36e1f a.elementor-post__read-more{font-size:14px;}}@media(max-width:767px){.elementor-2161 .elementor-element.elementor-element-2de36e1f{--grid-row-gap:30px;--grid-column-gap:30px;}.elementor-2161 .elementor-element.elementor-element-2de36e1f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-2161 .elementor-element.elementor-element-2de36e1f:after{content:"0.5";}.elementor-2161 .elementor-element.elementor-element-2de36e1f .elementor-post__thumbnail__link{width:100%;}.elementor-2161 .elementor-element.elementor-element-2de36e1f .elementor-post__title, .elementor-2161 .elementor-element.elementor-element-2de36e1f .elementor-post__title a{font-size:18px;}.elementor-2161 .elementor-element.elementor-element-2de36e1f .elementor-post__title{margin-bottom:9px;}}/* Start custom CSS for html, class: .elementor-element-084c976 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

.ab-blog-hero {
  font-family: 'Inter', sans-serif;
  background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #1e293b 100%);
  padding: 100px 0 82px;
  position: relative;
  overflow: hidden;
}




.ab-blog-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(rgba(59, 130, 246, 0.1) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
}

.ab-blog-hero-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 1;
  text-align: center;
}

.ab-back-link {
  display: inline-flex;
  align-items: center;
  color: #93c5fd;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  margin-bottom: 24px;
  transition: color 0.3s ease;
}

.ab-back-link:hover {
  color: #bfdbfe;
}

.ab-back-link svg {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.ab-blog-hero-title {
  font-size: 36px;
  font-weight: 700;
  color: white;
  margin-bottom: 24px;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .ab-blog-hero-title {
    font-size: 48px;
  }
}

@media (min-width: 1024px) {
  .ab-blog-hero-title {
    font-size: 60px;
  }
}

.ab-blog-hero-title span {
  color: #60a5fa;
}

.ab-blog-hero-subtitle {
  font-size: 16px;
  color: #cbd5e1;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.7;
}

@media (min-width: 768px) {
  .ab-blog-hero-subtitle {
    font-size: 18px;
  }
}

.ab-blog-hero-glow {
  position: absolute;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.ab-blog-hero-glow.left {
  top: -100px;
  left: -100px;
}

.ab-blog-hero-glow.right {
  bottom: -100px;
  right: -100px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44344d0a *//* ===========================
   Elementor Archive Posts: Card UI (with working thumbnails)
   Paste into Elementor Pro Custom CSS (uses .elementor-2161 .elementor-element.elementor-element-44344d0a)
   =========================== */

/* Grid spacing */
.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-posts-container{
  font-family: 'Inter', sans-serif;
  gap: 28px !important;
}

/* Card */
.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-post{
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
}

.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-post:hover{
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12) !important;
  border-color: #cbd5e1 !important;
}

/* ===========================
   Thumbnail (works for <img> and background-image)
   Use aspect-ratio so it looks premium and consistent
   =========================== */
.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-post__thumbnail{
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #f1f5f9 !important;
  aspect-ratio: 16 / 9;          /* key: consistent previews */
  height: auto !important;
  position: relative;
}

/* Link wrapper often has inline / max-width */
.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-post__thumbnail > a,
.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-post__thumbnail__link{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  transition: transform .5s ease !important;
}

/* If Elementor outputs <img> */
.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-post__thumbnail img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  transition: transform .5s ease !important;
}

/* Hover zoom */
.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-post:hover .elementor-post__thumbnail > a,
.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-post:hover .elementor-post__thumbnail img{
  transform: scale(1.04);
}

/* ===========================
   Text area
   =========================== */
.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-post__text{
  padding: 22px 22px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

/* Title */
.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-post__title{
  margin: 6px 0 10px !important;
}

.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-post__title a{
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  text-decoration: none !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
}

.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-post__title a:hover{
  color: #1e3a5f !important;
}

/* Meta (if enabled) */
.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-post__meta-data,
.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-post__meta-data *{
  color: #64748b !important;
  font-size: 12px !important;
}

/* Excerpt */
.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-post__excerpt{
  margin: 0 0 16px !important;
}
.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-post__excerpt p{
  margin: 0 !important;
  font-size: 14px !important;
  color: #475569 !important;
  line-height: 1.65 !important;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ===========================
   Read More as button (force)
   =========================== */
.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-post__read-more{
  margin-top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 12px 18px !important;
  border-radius: 10px !important;

  background: #0f172a !important;
  color: #fff !important;
  border: 1px solid #0f172a !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;

  width: fit-content !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12) !important;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease !important;
}

.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-post__read-more:hover{
  background: #1e3a5f !important;
  border-color: #1e3a5f !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(30, 58, 95, 0.22) !important;
}

/* ===========================
   Pagination (if used)
   =========================== */
.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-pagination{
  margin-top: 26px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
}

.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-pagination a,
.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-pagination span{
  min-width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  background: #fff !important;

  color: #0f172a !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-decoration: none !important;

  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06) !important;
}

.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-pagination a:hover{
  background: rgba(15, 23, 42, 0.03) !important;
  transform: translateY(-1px);
}

.elementor-2161 .elementor-element.elementor-element-44344d0a .elementor-pagination .current{
  background: #0f172a !important;
  color: #fff !important;
  border-color: #0f172a !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-05a403a */.ab-portfolio-cta {
  font-family: 'Inter', sans-serif;
  background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #1e293b 100%);
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .ab-portfolio-cta {
    padding: 100px 0;
  }
}

.ab-portfolio-cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(rgba(59, 130, 246, 0.08) 1px, transparent 1px);
  background-size: 30px 30px;
  pointer-events: none;
}

.ab-portfolio-cta-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 1;
  text-align: center;
}

.ab-portfolio-cta-title {
  font-size: 28px;
  font-weight: 700;
  color: white;
  margin-bottom: 20px;
  line-height: 1.3;
}

@media (min-width: 768px) {
  .ab-portfolio-cta-title {
    font-size: 36px;
  }
}

@media (min-width: 1024px) {
  .ab-portfolio-cta-title {
    font-size: 40px;
  }
}

.ab-portfolio-cta-subtitle {
  font-size: 16px;
  color: #cbd5e1;
  max-width: 600px;
  margin: 0 auto 32px;
  line-height: 1.7;
}

@media (min-width: 768px) {
  .ab-portfolio-cta-subtitle {
    font-size: 18px;
  }
}

.ab-portfolio-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 32px;
  background: white;
  color: #1e293b;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 20px rgba(255, 255, 255, 0.2);
}

.ab-portfolio-cta-btn:hover {
  background: #f1f5f9;
  transform: translateY(-3px);
  box-shadow: 0 8px 30px rgba(255, 255, 255, 0.3);
}

.ab-portfolio-cta-btn svg {
  width: 18px;
  height: 18px;
  transition: transform 0.3s ease;
}

.ab-portfolio-cta-btn:hover svg {
  transform: translateX(4px);
}

/* Decorative Elements */
.ab-portfolio-cta-glow {
  position: absolute;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.2) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.ab-portfolio-cta-glow.left {
  top: -100px;
  left: -100px;
}

.ab-portfolio-cta-glow.right {
  bottom: -100px;
  right: -100px;
}/* End custom CSS */