.elementor-798 .elementor-element.elementor-element-66e32be{--display:flex;--gap:46px 46px;--row-gap:46px;--column-gap:46px;--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-798 .elementor-element.elementor-element-1cdaf76{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-798 .elementor-element.elementor-element-c6a0343{--display:flex;}.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-798 .elementor-element.elementor-element-7b3a9ce{--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-798 .elementor-element.elementor-element-7b3a9ce .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-798 .elementor-element.elementor-element-7b3a9ce:after{content:"0.66";}.elementor-798 .elementor-element.elementor-element-7b3a9ce .elementor-post__thumbnail__link{width:50%;}.elementor-798 .elementor-element.elementor-element-7b3a9ce .elementor-post__meta-data span + span:before{content:"/";}.elementor-798 .elementor-element.elementor-element-7b3a9ce .elementor-post{border-style:solid;border-width:1px 1px 1px 1px;border-color:#D4DAE4;}.elementor-798 .elementor-element.elementor-element-7b3a9ce .elementor-post__text{padding:19px 20px 20px 10px;}.elementor-798 .elementor-element.elementor-element-7b3a9ce.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-798 .elementor-element.elementor-element-7b3a9ce.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-798 .elementor-element.elementor-element-7b3a9ce.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-798 .elementor-element.elementor-element-7b3a9ce .elementor-post__title, .elementor-798 .elementor-element.elementor-element-7b3a9ce .elementor-post__title a{color:var( --e-global-color-4444898 );font-family:"Saira Condensed", Sans-serif;font-size:27px;font-weight:800;text-transform:uppercase;}.elementor-798 .elementor-element.elementor-element-7b3a9ce .elementor-post__title{margin-bottom:10px;}.elementor-798 .elementor-element.elementor-element-7b3a9ce .elementor-post__meta-data{color:#AAB2C2;font-family:"Roboto Slab", Sans-serif;font-size:13px;font-weight:400;}.elementor-798 .elementor-element.elementor-element-7b3a9ce .elementor-post__excerpt p{color:#3A4256;font-family:"Barlow", Sans-serif;font-size:17px;font-weight:400;}.elementor-798 .elementor-element.elementor-element-7b3a9ce a.elementor-post__read-more{font-family:"Saira Condensed", Sans-serif;font-size:15px;font-weight:bold;}.elementor-798 .elementor-element.elementor-element-7b3a9ce .elementor-button{font-family:"Saira Condensed", Sans-serif;font-weight:700;text-transform:uppercase;}.elementor-798 .elementor-element.elementor-element-4e40c97{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-798 .elementor-element.elementor-element-45d942d{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D4DAE4;--border-color:#D4DAE4;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.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-798 .elementor-element.elementor-element-32ec18a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:0px 0px 16px 0px;border-style:solid;border-width:0px 0px 2px 0px;border-color:#D4DAE4;}.elementor-798 .elementor-element.elementor-element-32ec18a .elementor-heading-title{font-family:"Saira Condensed", Sans-serif;font-size:27px;font-weight:800;text-transform:uppercase;color:var( --e-global-color-4444898 );}.elementor-798 .elementor-element.elementor-element-78b7ac4{--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-798 .elementor-element.elementor-element-78b7ac4 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.7 * 100% );}.elementor-798 .elementor-element.elementor-element-78b7ac4:after{content:"0.7";}.elementor-798 .elementor-element.elementor-element-78b7ac4 .elementor-post__thumbnail__link{width:80px;}.elementor-798 .elementor-element.elementor-element-78b7ac4.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-798 .elementor-element.elementor-element-78b7ac4.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-798 .elementor-element.elementor-element-78b7ac4.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-798 .elementor-element.elementor-element-78b7ac4 .elementor-post__title, .elementor-798 .elementor-element.elementor-element-78b7ac4 .elementor-post__title a{color:var( --e-global-color-4444898 );font-family:"Barlow", Sans-serif;font-size:18px;font-weight:600;}.elementor-798 .elementor-element.elementor-element-78b7ac4 .elementor-post__title{margin-bottom:0px;}.elementor-798 .elementor-element.elementor-element-78b7ac4 .elementor-post__meta-data{color:var( --e-global-color-accent );margin-bottom:0px;}@media(max-width:1200px){.elementor-798 .elementor-element.elementor-element-1cdaf76{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-798 .elementor-element.elementor-element-7b3a9ce .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.78 * 100% );}.elementor-798 .elementor-element.elementor-element-7b3a9ce:after{content:"0.78";}.elementor-798 .elementor-element.elementor-element-32ec18a .elementor-heading-title{font-size:24px;}}@media(max-width:1024px){.elementor-798 .elementor-element.elementor-element-7b3a9ce .elementor-post__thumbnail__link{width:100%;}.elementor-798 .elementor-element.elementor-element-7b3a9ce .elementor-button{font-size:16px;}.elementor-798 .elementor-element.elementor-element-32ec18a .elementor-heading-title{font-size:22px;}.elementor-798 .elementor-element.elementor-element-78b7ac4 .elementor-post__thumbnail__link{width:65px;}}@media(max-width:880px){.elementor-798 .elementor-element.elementor-element-1cdaf76{--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-798 .elementor-element.elementor-element-7b3a9ce .elementor-post__thumbnail__link{width:100%;}.elementor-798 .elementor-element.elementor-element-32ec18a .elementor-heading-title{font-size:20px;line-height:0.95em;}}@media(max-width:767px){.elementor-798 .elementor-element.elementor-element-7b3a9ce{--grid-row-gap:20px;}.elementor-798 .elementor-element.elementor-element-7b3a9ce .elementor-post__thumbnail__link{width:100%;}.elementor-798 .elementor-element.elementor-element-7b3a9ce.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:0px;}.elementor-798 .elementor-element.elementor-element-7b3a9ce.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:0px;}.elementor-798 .elementor-element.elementor-element-7b3a9ce.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:0px;}.elementor-798 .elementor-element.elementor-element-32ec18a .elementor-heading-title{font-size:20px;line-height:0.95em;}.elementor-798 .elementor-element.elementor-element-78b7ac4 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-798 .elementor-element.elementor-element-78b7ac4:after{content:"0.5";}.elementor-798 .elementor-element.elementor-element-78b7ac4 .elementor-post__thumbnail__link{width:100px;}}@media(min-width:768px){.elementor-798 .elementor-element.elementor-element-c6a0343{--width:70%;}.elementor-798 .elementor-element.elementor-element-4e40c97{--width:30%;}}@media(max-width:880px) and (min-width:768px){.elementor-798 .elementor-element.elementor-element-c6a0343{--width:100%;}.elementor-798 .elementor-element.elementor-element-4e40c97{--width:100%;}}/* Start custom CSS for posts, class: .elementor-element-7b3a9ce */@media (max-width: 1024px){ 
    .blogpost .elementor-post {
        flex-direction: column !important;
    }
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-78b7ac4 *//* ==========================================================================
   BRANT ELECTRIC — .custpostr  (Elementor Posts widget — compact list)
   Thumbnail-left compact rows jo HAR screen pe same dikhein — kabhi stack nahi.
   Paste in: Elementor → Site Settings → Custom CSS
   Sab kuch .custpostr ke andar scoped hai.
   ========================================================================== */

/* ---------- tokens ---------- */
.custpostr {
  --cp-orange: #F5A623;
  --cp-navy:   #0C1530;
  --cp-line:   #E3E7EE;
  --cp-mist:   #F4F6F9;

  /* thumbnail width — chhoti screen pe 72px, badi pe max 110px,
     beech me container ka 26%. Isi wajah se breakpoints ki zaroorat nahi. */
  --cp-thumb:  clamp(72px, 26%, 110px);
  --cp-ratio:  4 / 3;                    /* har thumbnail ka fixed ratio */
  --cp-gap:    clamp(12px, 3%, 18px);    /* image aur text ka gap */
  --cp-rowgap: clamp(14px, 2.4vw, 20px); /* posts ke beech ka gap */
}


/* ==========================================================================
   1.  LIST + ROW  —  har width pe row, kabhi column nahi
   ========================================================================== */
.custpostr .elementor-posts-container {
  display: flex !important;
  flex-direction: column;
  gap: var(--cp-rowgap);
  margin: 0 !important;
}

.custpostr article.elementor-post {
  display: flex !important;
  flex-direction: row !important;   /* mobile pe bhi row hi rahega */
  align-items: flex-start;
  gap: var(--cp-gap);
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  background: transparent;
}

/* Elementor ke float-based thumbnail-left rules neutralise */
.custpostr article.elementor-post::before,
.custpostr article.elementor-post::after { content: none !important; }


/* ==========================================================================
   2.  THUMBNAIL  —  sabhi images ka same size, chahe source koi bhi ho
   ========================================================================== */
.custpostr .elementor-post__thumbnail__link {
  flex: 0 0 var(--cp-thumb);
  width: var(--cp-thumb) !important;
  max-width: var(--cp-thumb) !important;
  aspect-ratio: var(--cp-ratio);
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: block;
  overflow: hidden;
  background: var(--cp-mist);
}

.custpostr .elementor-post__thumbnail {
  width: 100%;
  height: 100% !important;
  min-height: 0;
  padding-bottom: 0 !important;   /* Elementor ka ratio hack band */
  position: relative;
  overflow: hidden;
}

.custpostr .elementor-post__thumbnail img {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: center;
  transform: none !important;
  transition: transform .5s cubic-bezier(.4, 0, .2, 1);
}

.custpostr article.elementor-post:hover .elementor-post__thumbnail img {
  transform: scale(1.06) !important;
}


/* ==========================================================================
   3.  TEXT  —  aapki original rules, waise hi
   ========================================================================== */
.custpostr .elementor-post__text {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}

.custpostr .elementor-post__meta-data {
  order: -1;                      /* ← date ko title ke UPAR le jaata hai.
                                       Screenshot wala look (date NEECHE)
                                       chahiye to ye line hata do. */
  margin: 0 0 6px !important;
  padding: 0 !important;
  border: 0 !important;
  line-height: 1;
}

.custpostr .elementor-post__title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* ==========================================================================
   4.  TYPE  —  clamp() se fluid, isliye har screen pe balanced
   ========================================================================== */
.custpostr .elementor-post__title {
  margin: 0 !important;
  font-size: clamp(15px, 1.6vw, 17px);
  font-weight: 600;
  line-height: 1.32;
}

.custpostr .elementor-post__title a {
  color: var(--cp-navy);
  transition: color .25s ease;
  /* clamp ke saath ye do line se zyada kabhi nahi badhne dega */
  max-height: calc(1.32em * 2);
}
.custpostr .elementor-post__title a:hover { color: var(--cp-orange); }

.custpostr .elementor-post__meta-data,
.custpostr .elementor-post-date {
  font-size: clamp(12px, 1.3vw, 13px);
  font-weight: 500;
  color: var(--cp-orange);
}

/* date ko title ke neeche rakha ho to thoda upar se gap chahiye */
.custpostr .elementor-post__meta-data:not([style*="order"]) { margin-top: 0; }

.custpostr a:focus-visible {
  outline: 2px solid var(--cp-orange);
  outline-offset: 2px;
}


/* ==========================================================================
   5.  SAFETY NETS
   ========================================================================== */

/* excerpt / read-more is compact list me nahi chahiye.
   Agar kisi din chahiye ho to ye do lines delete kar dena. */
.custpostr .elementor-post__excerpt,
.custpostr .elementor-post__read-more { display: none !important; }

/* jis post ka thumbnail nahi hai (jaise default "Hello world!") —
   text poori width le lega, row nahi tootegi */
.custpostr .elementor-post__text:first-child { padding-left: 0 !important; }

/* lambe URL / bina space wale shabd row ko tod na dein */
.custpostr .elementor-post__title a { overflow-wrap: anywhere; }


/* ==========================================================================
   6.  EXTREME WIDTHS  —  sirf do chhote adjustments
   ========================================================================== */

/* bahut chhota phone (320px) — thumbnail aur chhoti */
@media (max-width: 360px) {
  .custpostr { --cp-thumb: 66px; --cp-gap: 11px; --cp-rowgap: 13px; }
  .custpostr .elementor-post__title { font-size: 14.5px; }
}

/* bahut chaudi sidebar / full-width column — thumbnail ko badhne do */
@media (min-width: 1400px) {
  .custpostr { --cp-thumb: clamp(90px, 24%, 124px); }
}


/* ==========================================================================
   7.  MOTION
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  .custpostr *,
  .custpostr *::before,
  .custpostr *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e32be */@media (max-width: 991px){
.custblogpost .elementor-posts .elementor-post {
 flex-direction: column;   
}
}
@media (max-width: 767px){
.custblogpost .elementor-posts .elementor-post {
 flex-direction: column;   
}
}/* End custom CSS */