.elementor-57 .elementor-element.elementor-element-764e633{--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.09;--border-radius:0px 0px 16px 16px;--padding-top:10px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-57 .elementor-element.elementor-element-764e633:not(.elementor-motion-effects-element-type-background), .elementor-57 .elementor-element.elementor-element-764e633 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://www.rsl-electronics.com/wp-content/uploads/2026/03/hero-ship-generated.webp");background-position:center center;background-size:cover;}.elementor-57 .elementor-element.elementor-element-764e633::before, .elementor-57 .elementor-element.elementor-element-764e633 > .elementor-background-video-container::before, .elementor-57 .elementor-element.elementor-element-764e633 > .e-con-inner > .elementor-background-video-container::before, .elementor-57 .elementor-element.elementor-element-764e633 > .elementor-background-slideshow::before, .elementor-57 .elementor-element.elementor-element-764e633 > .e-con-inner > .elementor-background-slideshow::before, .elementor-57 .elementor-element.elementor-element-764e633 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-57 .elementor-element.elementor-element-d8d6237{--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-57 .elementor-element.elementor-element-aea1688{width:var( --container-widget-width, 907px );max-width:907px;--container-widget-width:907px;--container-widget-flex-grow:0;}.elementor-57 .elementor-element.elementor-element-aea1688 > .elementor-widget-container{margin:0px 0px -5px 0px;}.elementor-57 .elementor-element.elementor-element-aea1688.elementor-element{--align-self:flex-start;}.elementor-57 .elementor-element.elementor-element-aea1688 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:3rem;font-weight:800;line-height:1.3em;color:#FFFFFF;}.elementor-57 .elementor-element.elementor-element-aec272e{--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-57 .elementor-element.elementor-element-acd8115{width:var( --container-widget-width, 590px );max-width:590px;--container-widget-width:590px;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;line-height:1.8em;color:#FFFFFF;}.elementor-57 .elementor-element.elementor-element-acd8115 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-57 .elementor-element.elementor-element-8abe0b1 .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-57 .elementor-element.elementor-element-8abe0b1 .elementor-button:hover, .elementor-57 .elementor-element.elementor-element-8abe0b1 .elementor-button:focus{background-color:#FFC80000;}.elementor-57 .elementor-element.elementor-element-8abe0b1 > .elementor-widget-container{margin:2px 0px 0px 0px;padding:0px 0px 8px 0px;}.elementor-57 .elementor-element.elementor-element-8abe0b1.elementor-element{--align-self:flex-start;}.elementor-57 .elementor-element.elementor-element-8abe0b1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-57 .elementor-element.elementor-element-d140d56{--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-57 .elementor-element.elementor-element-9c49942{--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-57 .elementor-element.elementor-element-3174b8b img{border-radius:12px 12px 12px 12px;}.elementor-57 .elementor-element.elementor-element-ee71afc{--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;--justify-content:center;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-57 .elementor-element.elementor-element-364356c.elementor-element{--align-self:flex-start;}.elementor-57 .elementor-element.elementor-element-364356c{text-align:start;}.elementor-57 .elementor-element.elementor-element-364356c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2rem;font-weight:600;line-height:1.4em;color:var( --e-global-color-f05fa3a );}.elementor-57 .elementor-element.elementor-element-b7eabba{width:var( --container-widget-width, 93% );max-width:93%;--container-widget-width:93%;--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-57 .elementor-element.elementor-element-b7eabba > .elementor-widget-container{margin:0px 0px -22px 0px;}.elementor-57 .elementor-element.elementor-element-b7eabba.elementor-element{--align-self:flex-start;}.elementor-57 .elementor-element.elementor-element-b7eabba p{margin-block-end:17px;}.elementor-57 .elementor-element.elementor-element-315e745{--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-57 .elementor-element.elementor-element-0ef6d75{text-align:center;}.elementor-57 .elementor-element.elementor-element-0ef6d75 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2.6rem;font-weight:600;color:var( --e-global-color-f05fa3a );}.elementor-57 .elementor-element.elementor-element-46993b3{width:var( --container-widget-width, 647px );max-width:647px;--container-widget-width:647px;--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-57 .elementor-element.elementor-element-46993b3 > .elementor-widget-container{margin:-16px 0px 0px 0px;}.elementor-57 .elementor-element.elementor-element-46993b3.elementor-element{--align-self:center;}.elementor-57 .elementor-element.elementor-element-46993b3 p{margin-block-end:17px;}.elementor-57 .elementor-element.elementor-element-1513533{--e-image-carousel-slides-to-show:6;}.elementor-57 .elementor-element.elementor-element-bdba63d{--e-image-carousel-slides-to-show:6;}.elementor-57 .elementor-element.elementor-element-f9f4022{--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-57 .elementor-element.elementor-element-f9f4022:not(.elementor-motion-effects-element-type-background), .elementor-57 .elementor-element.elementor-element-f9f4022 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-57 .elementor-element.elementor-element-3a8cac9{--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-57 .elementor-element.elementor-element-3a8cac9:not(.elementor-motion-effects-element-type-background), .elementor-57 .elementor-element.elementor-element-3a8cac9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-57 .elementor-element.elementor-element-3a8cac9::before, .elementor-57 .elementor-element.elementor-element-3a8cac9 > .elementor-background-video-container::before, .elementor-57 .elementor-element.elementor-element-3a8cac9 > .e-con-inner > .elementor-background-video-container::before, .elementor-57 .elementor-element.elementor-element-3a8cac9 > .elementor-background-slideshow::before, .elementor-57 .elementor-element.elementor-element-3a8cac9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-57 .elementor-element.elementor-element-3a8cac9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-57 .elementor-element.elementor-element-113af35{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;}.elementor-57 .elementor-element.elementor-element-113af35.elementor-element{--align-self:center;}.elementor-57 .elementor-element.elementor-element-113af35 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2.8rem;font-weight:800;line-height:1.2em;color:#FFFFFF;}.elementor-57 .elementor-element.elementor-element-cb2efc1 .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-57 .elementor-element.elementor-element-cb2efc1{width:var( --container-widget-width, 185px );max-width:185px;--container-widget-width:185px;--container-widget-flex-grow:0;}.elementor-57 .elementor-element.elementor-element-cb2efc1.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-57 .elementor-element.elementor-element-d8d6237{--content-width:1280px;}.elementor-57 .elementor-element.elementor-element-d140d56{--content-width:1280px;}.elementor-57 .elementor-element.elementor-element-9c49942{--width:53%;}.elementor-57 .elementor-element.elementor-element-ee71afc{--width:50%;}.elementor-57 .elementor-element.elementor-element-315e745{--content-width:1280px;}.elementor-57 .elementor-element.elementor-element-f9f4022{--content-width:1280px;}}@media(max-width:1024px){.elementor-57 .elementor-element.elementor-element-764e633{--min-height:506px;}.elementor-57 .elementor-element.elementor-element-aea1688 .elementor-heading-title{font-size:2.6rem;}.elementor-57 .elementor-element.elementor-element-1513533{--e-image-carousel-slides-to-show:5;}.elementor-57 .elementor-element.elementor-element-bdba63d{--e-image-carousel-slides-to-show:5;}}@media(max-width:767px){.elementor-57 .elementor-element.elementor-element-764e633{--min-height:358px;--padding-top:42px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-764e633:not(.elementor-motion-effects-element-type-background), .elementor-57 .elementor-element.elementor-element-764e633 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:28% 0px;}.elementor-57 .elementor-element.elementor-element-d8d6237{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-57 .elementor-element.elementor-element-aea1688 .elementor-heading-title{font-size:1.7rem;line-height:1.4em;}.elementor-57 .elementor-element.elementor-element-aec272e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-acd8115{font-size:14px;}.elementor-57 .elementor-element.elementor-element-acd8115 p{margin-block-end:0px;}.elementor-57 .elementor-element.elementor-element-8abe0b1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 8px 0px;}.elementor-57 .elementor-element.elementor-element-8abe0b1 .elementor-button{font-size:14px;}.elementor-57 .elementor-element.elementor-element-d140d56{--gap:020px 020px;--row-gap:020px;--column-gap:020px;--padding-top:42px;--padding-bottom:42px;--padding-left:10px;--padding-right:10px;}.elementor-57 .elementor-element.elementor-element-9c49942{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-ee71afc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-364356c .elementor-heading-title{font-size:1.6rem;}.elementor-57 .elementor-element.elementor-element-b7eabba{width:100%;max-width:100%;font-size:14px;}.elementor-57 .elementor-element.elementor-element-b7eabba > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-57 .elementor-element.elementor-element-b7eabba p{margin-block-end:14px;}.elementor-57 .elementor-element.elementor-element-315e745{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:42px;--padding-left:10px;--padding-right:10px;}.elementor-57 .elementor-element.elementor-element-0ef6d75 .elementor-heading-title{font-size:1.6rem;}.elementor-57 .elementor-element.elementor-element-46993b3{width:100%;max-width:100%;font-size:14px;}.elementor-57 .elementor-element.elementor-element-46993b3 > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-57 .elementor-element.elementor-element-46993b3 p{margin-block-end:0px;}.elementor-57 .elementor-element.elementor-element-1513533{--e-image-carousel-slides-to-show:3;}.elementor-57 .elementor-element.elementor-element-bdba63d{--e-image-carousel-slides-to-show:3;}.elementor-57 .elementor-element.elementor-element-f9f4022{--padding-top:42px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-57 .elementor-element.elementor-element-3a8cac9{--min-height:321px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-57 .elementor-element.elementor-element-113af35{width:100%;max-width:100%;}.elementor-57 .elementor-element.elementor-element-113af35 .elementor-heading-title{font-size:1.4rem;line-height:1.5em;}.elementor-57 .elementor-element.elementor-element-cb2efc1{--container-widget-width:195px;--container-widget-flex-grow:0;width:var( --container-widget-width, 195px );max-width:195px;}.elementor-57 .elementor-element.elementor-element-cb2efc1 .elementor-button{padding:14px 14px 14px 14px;}}/* Start custom CSS for button, class: .elementor-element-8abe0b1 *//* 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-1513533 */.elementor-57 .elementor-element.elementor-element-1513533 .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

/* 2. Set all images to Grayscale by default */
.elementor-57 .elementor-element.elementor-element-1513533 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-57 .elementor-element.elementor-element-1513533 .swiper-slide:hover img {
    filter: grayscale(0%);
    opacity: 1;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-bdba63d */.elementor-57 .elementor-element.elementor-element-bdba63d .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

/* 2. Set all images to Grayscale by default */
.elementor-57 .elementor-element.elementor-element-bdba63d 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-57 .elementor-element.elementor-element-bdba63d .swiper-slide:hover img {
    filter: grayscale(0%);
    opacity: 1;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cb2efc1 *//* 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 */