.elementor-985 .elementor-element.elementor-element-2e89c57{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-985 .elementor-element.elementor-element-d67a1d1{--display:flex;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-985 .elementor-element.elementor-element-39c31d4 ul.list-style-seven li .icon::after{background-image:url(https://redcloudbenefits.com/wp-content/uploads/2024/11/32.png);}.elementor-985 .elementor-element.elementor-element-135fbf0{--display:flex;--overlay-opacity:1;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-985 .elementor-element.elementor-element-135fbf0:not(.elementor-motion-effects-element-type-background), .elementor-985 .elementor-element.elementor-element-135fbf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F5FA;}.elementor-985 .elementor-element.elementor-element-135fbf0::before, .elementor-985 .elementor-element.elementor-element-135fbf0 > .elementor-background-video-container::before, .elementor-985 .elementor-element.elementor-element-135fbf0 > .e-con-inner > .elementor-background-video-container::before, .elementor-985 .elementor-element.elementor-element-135fbf0 > .elementor-background-slideshow::before, .elementor-985 .elementor-element.elementor-element-135fbf0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-985 .elementor-element.elementor-element-135fbf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-985 .elementor-element.elementor-element-e5666c2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-985 .elementor-element.elementor-element-5ed28dd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-985 .elementor-element.elementor-element-06751cd > .elementor-widget-container{padding:0px 0px 90px 0px;}.elementor-985 .elementor-element.elementor-element-ec115d6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-985 .elementor-element.elementor-element-ec115d6:not(.elementor-motion-effects-element-type-background), .elementor-985 .elementor-element.elementor-element-ec115d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-985 .elementor-element.elementor-element-94be6dd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-985 .elementor-element.elementor-element-d67a1d1{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-985 .elementor-element.elementor-element-5ed28dd{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-985 .elementor-element.elementor-element-ec115d6{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for urane_about, class: .elementor-element-39c31d4 *//* FIX: Show the 2nd image on mobile (About Style Five) */
@media (max-width: 767px){

  /* make sure nothing clips the second image */
  .about-style-five-area .thumb-style-five-thumb,
  .about-style-five-area .thumb-style-five-thumb .d-flex{
    overflow: visible !important;
    height: auto !important;
  }

  /* stack images instead of absolute overlay */
  .about-style-five-area .thumb-style-five-thumb .d-flex{
    display: block !important;
    position: relative !important;
  }

  /* first image */
  .about-style-five-area .thumb-style-five-thumb .d-flex img:nth-child(1){
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  /* second image (force it to appear below) */
  .about-style-five-area .thumb-style-five-thumb .d-flex img:nth-child(2){
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    top: auto !important;

    width: 70% !important;        /* adjust 60–85% if needed */
    height: auto !important;
    margin: 16px auto 0 !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2 !important;
  }
}
/*............Text sliding.........*//* End custom CSS */
/* Start custom CSS for urane_feature_content, class: .elementor-element-e5666c2 */.elementor-985 .elementor-element.elementor-element-e5666c2 .feature-style-four-items{
  height: 520px !important;
  min-height: 520px !important;
}

.elementor-985 .elementor-element.elementor-element-e5666c2 .feature-style-four-items .thumb{
  width: 100% !important;
  height: 100% !important;
  min-height: 520px !important;
}

.elementor-985 .elementor-element.elementor-element-e5666c2 .feature-style-four-items .thumb img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/*......Mobile version making image small...*/
/* FIX: stop OUR FEATURES image stretching on mobile (override theme's height:100%) */
@media (max-width: 767px){

  .elementor-985 .elementor-element.elementor-element-e5666c2
  .feature-style-four-items .thumb{
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .elementor-985 .elementor-element.elementor-element-e5666c2
  .feature-style-four-items .thumb img{
    height: auto !important;       /* <-- kills stretch */
    width: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;  /* keep it filling nicely */
    display: block !important;
  }
}

/*.......removing empty space underthe stretchy image fixed to original..*/
/* MOBILE: remove fixed 520px height that creates empty space */
@media (max-width: 767px){

  .elementor-985 .elementor-element.elementor-element-e5666c2
  .feature-style-four-items{
    height: auto !important;
    min-height: 0 !important;
  }

  .elementor-985 .elementor-element.elementor-element-e5666c2
  .feature-style-four-items .thumb{
    height: auto !important;
    min-height: 0 !important;
  }

  .elementor-985 .elementor-element.elementor-element-e5666c2
  .feature-style-four-items .thumb img{
    height: auto !important;
    width: 100% !important;
    display: block !important;
    object-fit: cover !important; /* change to contain if you prefer */
  }
}
/*..............sliding text not working..........*//* End custom CSS */
/* Start custom CSS for urane_service, class: .elementor-element-06751cd *//* =========================================================
   MOBILE FIX (<=991px)
   - Remove the tall blue gap inside .services-five-thumb
   - Show full black box content (no clipping)
   ========================================================= */
@media (max-width: 991px){

  /* 1) Let the tab + wrappers grow naturally */
  #tab1,
  #tab1.tab-pane,
  #tab1.tab-pane.fade,
  #tab1.tab-pane.show,
  #tab1.tab-pane.show.active,
  .tab-content.service-five-tab-content,
  .service-five-tab-content{
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* 2) Kill the "fake height" causing the blue gap */
  .services-five-thumb{
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    padding: 0 !important;
    padding-bottom: 0 !important;     /* KEY */
    margin: 0 !important;

    aspect-ratio: auto !important;    /* KEY (if theme uses it) */
    background: transparent !important;
    background-color: transparent !important;

    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;

    position: relative !important;
  }

  /* If theme creates the blue block via pseudo element */
  .services-five-thumb:before,
  .services-five-thumb:after,
  .services-five-thumb::before,
  .services-five-thumb::after{
    content: none !important;
    display: none !important;
    height: 0 !important;
  }

  /* 3) Neutralize any inner "image wrapper" that is absolute / fixed height */
  .services-five-thumb *{
    max-height: none !important;
  }

  .services-five-thumb img{
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
  }

  /* 4) Force the dark box to stack under the image on mobile */
  .services-five-thumb .service-overview,
  .services-five-thumb .overview-box,
  .services-five-thumb .services-overview,
  .services-five-thumb .content-box,
  .services-five-thumb .service-overview-box{
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;      /* KEY (no clipping) */
    margin: -1px 0 0 0 !important;     /* removes the tiny seam gap */
  }
}
/*........sliding text not working......*//* End custom CSS */
/* Start custom CSS for urane_choose, class: .elementor-element-6866a75 *//*........sliding text not working......*//* End custom CSS */
/* Start custom CSS for urane_testimoanial, class: .elementor-element-cb9d481 *//*...text sliding not working......*//* End custom CSS */