.elementor-2753 .elementor-element.elementor-element-97ff7d4{--display:flex;--min-height:500px;--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;--justify-content:center;--overlay-opacity:0.88;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}.elementor-2753 .elementor-element.elementor-element-97ff7d4:not(.elementor-motion-effects-element-type-background), .elementor-2753 .elementor-element.elementor-element-97ff7d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rainstellatech.com/wp-content/uploads/2025/08/fdecb3e1f7d111fc8b94064660de58a5996f2d8d-1-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2753 .elementor-element.elementor-element-97ff7d4::before, .elementor-2753 .elementor-element.elementor-element-97ff7d4 > .elementor-background-video-container::before, .elementor-2753 .elementor-element.elementor-element-97ff7d4 > .e-con-inner > .elementor-background-video-container::before, .elementor-2753 .elementor-element.elementor-element-97ff7d4 > .elementor-background-slideshow::before, .elementor-2753 .elementor-element.elementor-element-97ff7d4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2753 .elementor-element.elementor-element-97ff7d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #E8F1FF 32%, #E8F1FF00 100%);}.elementor-2753 .elementor-element.elementor-element-ede46f3{--spacer-size:124px;}.elementor-2753 .elementor-element.elementor-element-8b4f1fe > .elementor-widget-container{margin:32px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2753 .elementor-element.elementor-element-8b4f1fe{font-family:"Bicyclette Light", Sans-serif;font-size:56px;font-weight:300;line-height:54px;color:#3D3D3D;}.elementor-2753 .elementor-element.elementor-element-a56f778{font-family:"Bicyclette Light", Sans-serif;font-size:20px;font-weight:400;color:#454545;}.elementor-2753 .elementor-element.elementor-element-13b355e{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}@media(max-width:767px){.elementor-2753 .elementor-element.elementor-element-97ff7d4{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-2753 .elementor-element.elementor-element-8b4f1fe > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2753 .elementor-element.elementor-element-8b4f1fe{font-size:24px;}.elementor-2753 .elementor-element.elementor-element-a56f778{font-size:16px;}.elementor-2753 .elementor-element.elementor-element-13b355e{--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for shortcode, class: .elementor-element-7239acd *//* Parent container */
.head_flex {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start !important; /* top align */
  height: 150px;
  overflow: hidden;
  text-align: left;
}

/* Heading styling */
.head_flex h3 {
  margin: 0 0 4px 0;
  font-size: 25px;
  line-height: 1.2;
  text-align: left !important;
  align-self: flex-start !important;
}

/* Date styling */
.head_flex .post_date {
  font-size: 14px;
  color: #888;
  width: 100%;
  text-align: left !important; /* force left alignment */
  align-self: flex-start !important; /* prevent centering */
}



/* --- POST IMAGE WRAPPER --- */
.post_img {
  width: 100%;
  height: 450px; /* desktop default */
  overflow: hidden;
  position: relative;
  border-radius: 0px;
  background: #f5f5f5; /* fallback background */
  display: flex;
  justify-content: center;
  align-items: center;
}

.post_img img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ensures consistent cropping */
  object-position: center;
  display: block;
  transition: transform 0.4s ease;
}

/* --- HOVER ZOOM EFFECT --- */
.post_img:hover img {
  transform: scale(1.05);
}

/* --- ENSURE CARDS HAVE UNIFORM HEIGHT --- */
.work_items {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  border-radius: 0px;
  overflow: hidden;
}

/* --- TEXT AREA BELOW IMAGE --- */
.title_inline_block.posinfo {
  padding: 15px 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
}

/* --- TITLE AND DATE SECTION --- */
.head_flex {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-height: 80px;
  margin-bottom: 10px;
  text-align: left;
}

.head_flex h3 {
  margin: 0 0 6px 0;
  font-size: 22px;
  line-height: 1.3;
  text-align: left;
}

.head_flex .post_date {
  font-size: 14px;
  color: #888;
  text-align: left;
  align-self: flex-start;
}

/* --- EXCERPT TEXT --- */
.title_inline_block.posinfo p {
  color: #555;
  font-size: 15px;
  line-height: 1.6;
  margin-top: 0;
  margin-bottom: 10px;
  flex-grow: 1;
}

/* --- RESPONSIVE BREAKPOINTS --- */

/* Large tablets / small desktops */
@media (max-width: 1024px) {
  .post_img {
    height: 240px;
  }

  .head_flex h3 {
    font-size: 20px;
  }
}

/* Tablets */
@media (max-width: 768px) {
  .post_img {
    height: 200px;
  }

  .head_flex h3 {
    font-size: 18px;
  }

  .title_inline_block.posinfo p {
    font-size: 14px;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .post_img {
    height: 180px;
  }

  .head_flex h3 {
    font-size: 16px;
  }

  .head_flex .post_date {
    font-size: 13px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bicyclette Light';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://rainstellatech.com/wp-content/uploads/2025/08/Bicyclette-Light.ttf') format('truetype');
}
/* End Custom Fonts CSS */