.elementor-47 .elementor-element.elementor-element-948952a{--display:flex;--min-height:640px;--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:flex-end;--overlay-opacity:0.18;--border-radius:0px 0px 16px 16px;--padding-top:10px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-47 .elementor-element.elementor-element-948952a:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-948952a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://www.rsl-electronics.com/wp-content/uploads/2026/03/smart-ship-hero-img1.webp");background-size:cover;}.elementor-47 .elementor-element.elementor-element-948952a::before, .elementor-47 .elementor-element.elementor-element-948952a > .elementor-background-video-container::before, .elementor-47 .elementor-element.elementor-element-948952a > .e-con-inner > .elementor-background-video-container::before, .elementor-47 .elementor-element.elementor-element-948952a > .elementor-background-slideshow::before, .elementor-47 .elementor-element.elementor-element-948952a > .e-con-inner > .elementor-background-slideshow::before, .elementor-47 .elementor-element.elementor-element-948952a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-47 .elementor-element.elementor-element-e459083{--display:flex;--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-47 .elementor-element.elementor-element-1422fd8{width:var( --container-widget-width, 907px );max-width:907px;--container-widget-width:907px;--container-widget-flex-grow:0;}.elementor-47 .elementor-element.elementor-element-1422fd8 > .elementor-widget-container{margin:0px 0px -5px 0px;}.elementor-47 .elementor-element.elementor-element-1422fd8.elementor-element{--align-self:flex-start;}.elementor-47 .elementor-element.elementor-element-1422fd8 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:3rem;font-weight:800;line-height:1.3em;color:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-100ad4b{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-47 .elementor-element.elementor-element-f3bdc41{width:var( --container-widget-width, 502px );max-width:502px;--container-widget-width:502px;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;line-height:1.8em;color:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-f3bdc41 p{margin-block-end:0px;}.elementor-widget-button .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-47 .elementor-element.elementor-element-5aaaf6c .elementor-button{background-color:#61CE7000;font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;letter-spacing:0.4px;fill:#FFFFFF;color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-47 .elementor-element.elementor-element-5aaaf6c .elementor-button:hover, .elementor-47 .elementor-element.elementor-element-5aaaf6c .elementor-button:focus{background-color:#FFC80000;}.elementor-47 .elementor-element.elementor-element-5aaaf6c > .elementor-widget-container{margin:2px 0px 0px 0px;padding:0px 0px 8px 0px;}.elementor-47 .elementor-element.elementor-element-5aaaf6c.elementor-element{--align-self:flex-start;}.elementor-47 .elementor-element.elementor-element-5aaaf6c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-47 .elementor-element.elementor-element-00f7c0d{--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;--justify-content:space-between;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:80px;--padding-bottom:080px;--padding-left:10px;--padding-right:10px;}.elementor-47 .elementor-element.elementor-element-847a33c{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-47 .elementor-element.elementor-element-e3f13d8 img{border-radius:12px 12px 12px 12px;}.elementor-47 .elementor-element.elementor-element-c2873ff{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-47 .elementor-element.elementor-element-c2873ff.elementor-element{--align-self:flex-start;}.elementor-47 .elementor-element.elementor-element-c2873ff .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.6rem;font-weight:700;line-height:1.3em;color:var( --e-global-color-f05fa3a );}.elementor-47 .elementor-element.elementor-element-53f0105{width:var( --container-widget-width, 441px );max-width:441px;--container-widget-width:441px;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;color:var( --e-global-color-f05fa3a );}.elementor-47 .elementor-element.elementor-element-53f0105 > .elementor-widget-container{margin:0px 0px -22px 0px;}.elementor-47 .elementor-element.elementor-element-53f0105.elementor-element{--align-self:flex-start;}.elementor-47 .elementor-element.elementor-element-53f0105 p{margin-block-end:17px;}.elementor-47 .elementor-element.elementor-element-258f8ac{--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-47 .elementor-element.elementor-element-7daec2f img{border-radius:12px 12px 12px 12px;}.elementor-47 .elementor-element.elementor-element-75606bf{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-47 .elementor-element.elementor-element-75606bf.elementor-element{--align-self:flex-start;}.elementor-47 .elementor-element.elementor-element-75606bf .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.6rem;font-weight:700;line-height:1.3em;color:var( --e-global-color-f05fa3a );}.elementor-47 .elementor-element.elementor-element-ba261d8{width:var( --container-widget-width, 441px );max-width:441px;--container-widget-width:441px;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;color:var( --e-global-color-f05fa3a );}.elementor-47 .elementor-element.elementor-element-ba261d8 > .elementor-widget-container{margin:0px 0px -22px 0px;}.elementor-47 .elementor-element.elementor-element-ba261d8.elementor-element{--align-self:flex-start;}.elementor-47 .elementor-element.elementor-element-ba261d8 p{margin-block-end:17px;}.elementor-47 .elementor-element.elementor-element-c431542{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-47 .elementor-element.elementor-element-ffd86e7{text-align:center;}.elementor-47 .elementor-element.elementor-element-ffd86e7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2.6rem;font-weight:600;color:var( --e-global-color-f05fa3a );}.elementor-47 .elementor-element.elementor-element-cf06fd4{width:var( --container-widget-width, 575px );max-width:575px;--container-widget-width:575px;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;color:var( --e-global-color-f05fa3a );}.elementor-47 .elementor-element.elementor-element-cf06fd4 > .elementor-widget-container{margin:-16px 0px 0px 0px;}.elementor-47 .elementor-element.elementor-element-cf06fd4.elementor-element{--align-self:center;}.elementor-47 .elementor-element.elementor-element-cf06fd4 p{margin-block-end:17px;}.elementor-47 .elementor-element.elementor-element-787ff38{--e-image-carousel-slides-to-show:6;}.elementor-47 .elementor-element.elementor-element-a0b9e9c{--e-image-carousel-slides-to-show:6;}.elementor-47 .elementor-element.elementor-element-ca0ae41{--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:10px;--padding-left:10px;--padding-right:10px;}.elementor-47 .elementor-element.elementor-element-ca0ae41:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-ca0ae41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-47 .elementor-element.elementor-element-a94f566{--display:flex;--min-height:425px;--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--overlay-opacity:0.38;--border-radius:12px 12px 12px 12px;}.elementor-47 .elementor-element.elementor-element-a94f566:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-a94f566 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-47 .elementor-element.elementor-element-a94f566::before, .elementor-47 .elementor-element.elementor-element-a94f566 > .elementor-background-video-container::before, .elementor-47 .elementor-element.elementor-element-a94f566 > .e-con-inner > .elementor-background-video-container::before, .elementor-47 .elementor-element.elementor-element-a94f566 > .elementor-background-slideshow::before, .elementor-47 .elementor-element.elementor-element-a94f566 > .e-con-inner > .elementor-background-slideshow::before, .elementor-47 .elementor-element.elementor-element-a94f566 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-47 .elementor-element.elementor-element-bdeec5b{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;}.elementor-47 .elementor-element.elementor-element-bdeec5b.elementor-element{--align-self:center;}.elementor-47 .elementor-element.elementor-element-bdeec5b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2.8rem;font-weight:800;line-height:1.2em;color:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-566a4c7 .elementor-button{background-color:#015EAD;font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;padding:20px 14px 20px 14px;}.elementor-47 .elementor-element.elementor-element-566a4c7{width:var( --container-widget-width, 185px );max-width:185px;--container-widget-width:185px;--container-widget-flex-grow:0;}.elementor-47 .elementor-element.elementor-element-566a4c7.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-47 .elementor-element.elementor-element-e459083{--content-width:1280px;}.elementor-47 .elementor-element.elementor-element-00f7c0d{--content-width:1280px;}.elementor-47 .elementor-element.elementor-element-847a33c{--width:50%;}.elementor-47 .elementor-element.elementor-element-258f8ac{--width:50%;}.elementor-47 .elementor-element.elementor-element-c431542{--content-width:1280px;}.elementor-47 .elementor-element.elementor-element-ca0ae41{--content-width:1280px;}}@media(max-width:1024px){.elementor-47 .elementor-element.elementor-element-948952a{--min-height:506px;}.elementor-47 .elementor-element.elementor-element-1422fd8 .elementor-heading-title{font-size:2.6rem;}.elementor-47 .elementor-element.elementor-element-c2873ff .elementor-heading-title{font-size:1.4rem;}.elementor-47 .elementor-element.elementor-element-75606bf .elementor-heading-title{font-size:1.4rem;}.elementor-47 .elementor-element.elementor-element-787ff38{--e-image-carousel-slides-to-show:5;}.elementor-47 .elementor-element.elementor-element-a0b9e9c{--e-image-carousel-slides-to-show:5;}}@media(max-width:767px){.elementor-47 .elementor-element.elementor-element-948952a{--min-height:418px;--padding-top:42px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-948952a:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-948952a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-47 .elementor-element.elementor-element-e459083{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-47 .elementor-element.elementor-element-1422fd8 .elementor-heading-title{font-size:1.7rem;line-height:1.4em;}.elementor-47 .elementor-element.elementor-element-100ad4b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-f3bdc41{font-size:14px;}.elementor-47 .elementor-element.elementor-element-f3bdc41 p{margin-block-end:0px;}.elementor-47 .elementor-element.elementor-element-5aaaf6c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 8px 0px;}.elementor-47 .elementor-element.elementor-element-5aaaf6c .elementor-button{font-size:14px;}.elementor-47 .elementor-element.elementor-element-00f7c0d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:42px;--padding-bottom:42px;--padding-left:10px;--padding-right:10px;}.elementor-47 .elementor-element.elementor-element-c2873ff{--container-widget-width:74%;--container-widget-flex-grow:0;width:var( --container-widget-width, 74% );max-width:74%;}.elementor-47 .elementor-element.elementor-element-c2873ff .elementor-heading-title{font-size:1.2rem;line-height:1.4em;}.elementor-47 .elementor-element.elementor-element-53f0105{width:100%;max-width:100%;font-size:14px;}.elementor-47 .elementor-element.elementor-element-53f0105 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-47 .elementor-element.elementor-element-53f0105 p{margin-block-end:14px;}.elementor-47 .elementor-element.elementor-element-75606bf{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-47 .elementor-element.elementor-element-75606bf .elementor-heading-title{font-size:1.2rem;line-height:1.4em;}.elementor-47 .elementor-element.elementor-element-ba261d8{width:100%;max-width:100%;font-size:14px;}.elementor-47 .elementor-element.elementor-element-ba261d8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-47 .elementor-element.elementor-element-ba261d8 p{margin-block-end:14px;}.elementor-47 .elementor-element.elementor-element-c431542{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:42px;--padding-left:10px;--padding-right:10px;}.elementor-47 .elementor-element.elementor-element-ffd86e7 .elementor-heading-title{font-size:1.6rem;}.elementor-47 .elementor-element.elementor-element-cf06fd4{width:100%;max-width:100%;font-size:14px;}.elementor-47 .elementor-element.elementor-element-cf06fd4 > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-47 .elementor-element.elementor-element-cf06fd4 p{margin-block-end:0px;}.elementor-47 .elementor-element.elementor-element-787ff38{--e-image-carousel-slides-to-show:3;}.elementor-47 .elementor-element.elementor-element-a0b9e9c{--e-image-carousel-slides-to-show:3;}.elementor-47 .elementor-element.elementor-element-ca0ae41{--padding-top:42px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-47 .elementor-element.elementor-element-a94f566{--min-height:321px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-47 .elementor-element.elementor-element-bdeec5b{width:100%;max-width:100%;}.elementor-47 .elementor-element.elementor-element-bdeec5b .elementor-heading-title{font-size:1.4rem;line-height:1.5em;}.elementor-47 .elementor-element.elementor-element-566a4c7{--container-widget-width:195px;--container-widget-flex-grow:0;width:var( --container-widget-width, 195px );max-width:195px;}.elementor-47 .elementor-element.elementor-element-566a4c7 .elementor-button{padding:14px 14px 14px 14px;}}/* Start custom CSS for button, class: .elementor-element-5aaaf6c *//* Base button */
.btn_readmore {
  background: transparent;
  border: none;
  color: inherit;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;             /* space between text and icon */
  position: relative;      /* for pseudo-element underline */
  padding: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* ensure text & icon sit above the underline */
.btn_readmore > .elementor-button-text,
.btn_readmore > span {
  position: relative;
  z-index: 1!important;
}

/* Underline (visible by default) */
.btn_readmore::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.12em;          /* tweak vertical position to suit your font */
  height: 1px;             /* underline thickness */
  width: 100%;
  background-color: #f2f2f2;
  transform-origin: left;  /* default: grow from left when appearing */
  transform: scaleX(1);    /* fully visible by default */
  transition: transform 360ms cubic-bezier(.2,.8,.2,1);
  pointer-events: none;
  will-change: transform;
}

/* Hover: instantly switch origin to RIGHT and scale to 0 -> shrinks to the right */
.btn_readmore:hover::after,
.btn_readmore:focus::after {
  transform-origin: right;
  transform: scaleX(0);
}

/* Icon movement synced so both finish together:
   - underline: 360ms (no delay)
   - icon: 300ms duration, 60ms delay -> finishes at 360ms too */
.btn_readmore .elementor-button-icon {
  display: inline-block;
  transform: translateX(0);
  transition: transform 300ms cubic-bezier(.2,.8,.2,1) 60ms;
  z-index: 1;
}

/* On hover/focus move icon right */
.btn_readmore:hover .elementor-button-icon,
.btn_readmore:focus .elementor-button-icon {
  transform: translateX(6px); /* adjust px for more/less movement */
}

/* Accessibility: keyboard focus looks like hover */
.btn_readmore:focus { outline: none; }/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-787ff38 */.elementor-47 .elementor-element.elementor-element-787ff38 .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

/* 2. Set all images to Grayscale by default */
.elementor-47 .elementor-element.elementor-element-787ff38 img {
    filter: grayscale(100%);
    transition: filter 0.5s ease, transform 0.5s ease; /* Smooth transition back to color */
    opacity: 0.8; /* Optional: slight fade to make the color pop even more on hover */
}

/* 3. Regain Color & Full Opacity on Hover */
/* We target the slide so the effect triggers as soon as the mouse enters the image area */
.elementor-47 .elementor-element.elementor-element-787ff38 .swiper-slide:hover img {
    filter: grayscale(0%);
    opacity: 1;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-a0b9e9c */.elementor-47 .elementor-element.elementor-element-a0b9e9c .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

/* 2. Set all images to Grayscale by default */
.elementor-47 .elementor-element.elementor-element-a0b9e9c img {
    filter: grayscale(100%);
    transition: filter 0.5s ease, transform 0.5s ease; /* Smooth transition back to color */
    opacity: 0.8; /* Optional: slight fade to make the color pop even more on hover */
}

/* 3. Regain Color & Full Opacity on Hover */
/* We target the slide so the effect triggers as soon as the mouse enters the image area */
.elementor-47 .elementor-element.elementor-element-a0b9e9c .swiper-slide:hover img {
    filter: grayscale(0%);
    opacity: 1;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-566a4c7 *//* Custom Elementor Button Hover Fill (Left to Right) */
.my-hover-btn-black2 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  transition: color 0.4s ease;
  border-radius: 4px;
}

.my-hover-btn-black2::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%; /* start hidden to the left */
  width: 100%;
  height: 100%;
  background: #000000;
  z-index: 0;
  transition: left 0.5s ease;
}

.my-hover-btn-black2:hover::before {
  left: 0; /* slide in to cover */
}

.my-hover-btn-black2 span {
  position: relative;
  z-index: 1;
  transition: color 0.5s ease;
}

.my-hover-btn-black2:hover span {
  color: #ffffff; /* text turns white on hover */
}/* End custom CSS */