.elementor-3391 .elementor-element.elementor-element-e60dff3{--display:flex;--min-height:433px;--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;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3391 .elementor-element.elementor-element-e60dff3:not(.elementor-motion-effects-element-type-background), .elementor-3391 .elementor-element.elementor-element-e60dff3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E86D22;background-image:url("https://blog.awgzo.com/wp-content/uploads/2026/08/IMG-20260806-WA00313.jpg.jpeg");}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3391 .elementor-element.elementor-element-39b183f{margin:-40px -7px calc(var(--kit-widget-spacing, 0px) + -7px) -100px;}.elementor-3391 .elementor-element.elementor-element-39b183f .elementor-heading-title{color:#E86D22;}.elementor-3391 .elementor-element.elementor-element-73d9bbf:not(.elementor-motion-effects-element-type-background), .elementor-3391 .elementor-element.elementor-element-73d9bbf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3391 .elementor-element.elementor-element-73d9bbf > .elementor-container{max-width:1378px;}.elementor-3391 .elementor-element.elementor-element-73d9bbf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 60px 0px;}.elementor-3391 .elementor-element.elementor-element-73d9bbf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3391 .elementor-element.elementor-element-6cff7c9 > .elementor-element-populated{border-style:none;margin:0px 0px 0px 40px;--e-column-margin-right:0px;--e-column-margin-left:40px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3391 .elementor-element.elementor-element-7ca215f .elementor-heading-title{font-size:26px;color:#FF8D17;}.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-3391 .elementor-element.elementor-element-42fa1da{--grid-row-gap:35px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--grid-column-gap:30px;}.elementor-3391 .elementor-element.elementor-element-42fa1da > .elementor-widget-container{margin:0px 30px 20px 15px;}.elementor-3391 .elementor-element.elementor-element-42fa1da.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3391 .elementor-element.elementor-element-42fa1da .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.31 * 100% );}.elementor-3391 .elementor-element.elementor-element-42fa1da:after{content:"0.31";}.elementor-3391 .elementor-element.elementor-element-42fa1da .elementor-post__thumbnail__link{width:458px;}.elementor-3391 .elementor-element.elementor-element-42fa1da .elementor-post__meta-data span + span:before{content:"///";}.elementor-3391 .elementor-element.elementor-element-42fa1da .elementor-post{border-style:solid;border-width:1px 1px 1px 1px;border-radius:12px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);background-color:#FFFBFB;border-color:#D97400;}.elementor-3391 .elementor-element.elementor-element-42fa1da.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:19px;}.elementor-3391 .elementor-element.elementor-element-42fa1da.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:19px;}.elementor-3391 .elementor-element.elementor-element-42fa1da.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:19px;}.elementor-3391 .elementor-element.elementor-element-42fa1da .elementor-post__title, .elementor-3391 .elementor-element.elementor-element-42fa1da .elementor-post__title a{color:#54595F;}@media(max-width:767px){.elementor-3391 .elementor-element.elementor-element-e60dff3.e-con{--align-self:center;}.elementor-3391 .elementor-element.elementor-element-39b183f{text-align:center;}.elementor-3391 .elementor-element.elementor-element-6cff7c9 > .elementor-element-populated{margin:9px 9px 9px 9px;--e-column-margin-right:9px;--e-column-margin-left:9px;}.elementor-3391 .elementor-element.elementor-element-42fa1da .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.56 * 100% );}.elementor-3391 .elementor-element.elementor-element-42fa1da:after{content:"0.56";}.elementor-3391 .elementor-element.elementor-element-42fa1da .elementor-post__thumbnail__link{width:100px;}}/* Start custom CSS for posts, class: .elementor-element-42fa1da *//* ================================================================
   AWGZO — Mobile Fix for Blog Article Cards
   (Latest Articles / Blog Archive cards breaking on phone view)
   Paste in: Elementor > Site Settings > Custom CSS
   (add this AFTER your other CSS, or merge into it)
   ================================================================ */

@media (max-width: 767px) {

  /* Force the whole card to stack: image on top, text below */
  .elementor-widget-posts article.elementor-post {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 12px !important;
  }

  /* Thumbnail: full width, natural height (not tiny/cropped corner) */
  .elementor-widget-posts .elementor-post__thumbnail__link {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 180px !important;
    margin-bottom: 12px !important;
    display: block !important;
  }
  .elementor-widget-posts .elementor-post__thumbnail,
  .elementor-widget-posts .elementor-post__thumbnail img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* Text wrapper: remove any fixed height / overflow that hides content */
  .elementor-widget-posts .elementor-post__text {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
  }

  /* Title: visible, dark color, normal wrapping */
  .elementor-widget-posts .elementor-post__title {
    height: auto !important;
    max-height: none !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
    color: #1A1A1A !important;
    font-size: 17px !important;
    margin: 0 0 6px 0 !important;
  }
  .elementor-widget-posts .elementor-post__title a {
    color: #1A1A1A !important;
  }

  /* Meta (date/author) visible */
  .elementor-widget-posts .elementor-post__meta-data {
    display: block !important;
    color: #999999 !important;
    font-size: 12px !important;
    margin-bottom: 8px !important;
  }

  /* Excerpt: show up to 4 lines, visible dark-muted text */
  .elementor-widget-posts .elementor-post__excerpt {
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: #6B6B6B !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    max-height: none !important;
  }

  /* Read More link visible */
  .elementor-widget-posts .elementor-post__read-more {
    display: inline-block !important;
    color: #FF6A1A !important;
    margin-top: 8px !important;
  }
}/* End custom CSS */
/* Start custom CSS */:root{
  --awgzo-primary:#1a1a2e;
  --awgzo-accent:#e86d22;
  --awgzo-text:#333333;
  --awgzo-muted:#777777;
  --awgzo-bg:#f7f7fb;
  --awgzo-card-bg:#ffffff;
  --awgzo-radius:14px;
  --awgzo-shadow:0 4px 18px rgba(0,0,0,0.06);
  --awgzo-shadow-hover:0 14px 30px rgba(0,0,0,0.12);
}

body{
  color: var(--awgzo-text);
  background: var(--awgzo-bg);
}

a{ transition: all .25s ease; }

/* ---------- 2. BLOG CARDS GRID (Elementor Posts widget) ---------- */
.elementor-posts-container{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px !important;
  align-items: stretch;
}

/* Card wrapper */
.elementor-post{
  display: flex !important;
  flex-direction: column;
  background: var(--awgzo-card-bg);
  border-radius: var(--awgzo-radius);
  overflow: hidden;
  box-shadow: var(--awgzo-shadow);
  border: 1px solid rgba(0,0,0,0.04);
  transition: transform .3s ease, box-shadow .3s ease;
  height: 100%;
  margin: 0 !important; /* remove default elementor margins that break grid */
}

.elementor-post:hover{
  transform: translateY(-6px);
  box-shadow: var(--awgzo-shadow-hover);
}

/* Card thumbnail — consistent aspect ratio, no stretching */
.elementor-post__thumbnail__link{
  display: block;
  overflow: hidden;
}

.elementor-post__thumbnail{
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover !important;
  transition: transform .5s ease;
}

.elementor-post:hover .elementor-post__thumbnail{
  transform: scale(1.06);
}

/* Card text area */
.elementor-post__text{
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 22px 24px 26px !important;
}

.elementor-post__title{
  font-size: 1.15rem !important;
  line-height: 1.4;
  margin-bottom: 10px !important;
  min-height: 3em; /* keeps titles visually aligned across cards */
}

.elementor-post__title a{
  color: var(--awgzo-primary);
}

.elementor-post__title a:hover{
  color: var(--awgzo-accent);
}

.elementor-post__excerpt{
  color: var(--awgzo-muted);
  font-size: .95rem;
  line-height: 1.6;
  flex-grow: 1; /* pushes meta/button to bottom evenly */
}

.elementor-post__meta-data{
  font-size: .8rem;
  color: var(--awgzo-muted);
  margin-top: 10px;
  order: -1; /* date above title, consistent position */
}

/* Read More button — consistent, pinned to card bottom */
.elementor-post__read-more{
  margin-top: 18px;
  align-self: flex-start;
  font-weight: 600;
  color: var(--awgzo-accent) !important;
  position: relative;
}

.elementor-post__read-more::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0;
  height: 2px;
  background: var(--awgzo-accent);
  transition: width .3s ease;
}

.elementor-post__read-more:hover::after{
  width: 100%;
}

/* ---------- 3. CATEGORY FILTER TABS (All / SEO / Marketing / AR / Web) ---------- */
.elementor-posts + div a,
.elementor-widget-posts .elementor-post__badge,
nav.elementor-tabs-router,
.elementor-tab-title{
  border-radius: 999px !important;
  padding: 8px 18px !important;
  transition: all .25s ease;
}

/* Tabs container — proper centered, wrapping alignment */
nav.elementor-tabs-router{
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.elementor-tab-title.elementor-active{
  background: var(--awgzo-primary) !important;
  color: #fff !important;
}

 

 

/* ---------- 6. BUTTONS (CTA e.g. "Book Free Appointment") ---------- */
.elementor-button{
  border-radius: 999px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 20px rgba(232,109,34,.25);
  transition: transform .25s ease, box-shadow .25s ease;
}

.elementor-button:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 26px rgba(232,109,34,.35);
}

/* ---------- 7. RESPONSIVE FIXES ---------- */
@media (max-width: 1024px){
  .elementor-posts-container{
    grid-template-columns: repeat(2, 1fr);
    gap: 24px !important;
  }
}

@media (max-width: 767px){
  .elementor-posts-container{
    grid-template-columns: 1fr;
    gap: 20px !important;
  }
  .elementor-post__text{
    padding: 18px 18px 22px !important;
  }
  .elementor-post__title{
    font-size: 1.05rem !important;
    min-height: unset;
  }
  nav.elementor-tabs-router{
    justify-content: flex-start;
  }
}

/* ---------- 8. MISC POLISH ---------- */
img{
  max-width: 100%;
  height: auto;
  display: block;
}

::selection{
  background: var(--awgzo-accent);
  color: #fff;
}/* End custom CSS */