.elementor-17758 .elementor-element.elementor-element-43705b9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.4;}.elementor-17758 .elementor-element.elementor-element-43705b9:not(.elementor-motion-effects-element-type-background), .elementor-17758 .elementor-element.elementor-element-43705b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.secomsmart.com.my/wp-content/uploads/2026/08/Hero_Slider.webp");}.elementor-17758 .elementor-element.elementor-element-43705b9::before, .elementor-17758 .elementor-element.elementor-element-43705b9 > .elementor-background-video-container::before, .elementor-17758 .elementor-element.elementor-element-43705b9 > .e-con-inner > .elementor-background-video-container::before, .elementor-17758 .elementor-element.elementor-element-43705b9 > .elementor-background-slideshow::before, .elementor-17758 .elementor-element.elementor-element-43705b9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17758 .elementor-element.elementor-element-43705b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#3B465C;--background-overlay:'';}.elementor-17758 .elementor-element.elementor-element-3208196{--display:flex;}.elementor-17758 .elementor-element.elementor-element-f1b4844{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-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-17758 .elementor-element.elementor-element-b388fef{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;line-height:60px;}.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-17758 .elementor-element.elementor-element-796bd61{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-17758 .elementor-element.elementor-element-537b9d4{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17758 .elementor-element.elementor-element-9bacd5d{width:100%;max-width:100%;}.elementor-17758 .elementor-element.elementor-element-18201b9{--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;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-17758 .elementor-element.elementor-element-18201b9:not(.elementor-motion-effects-element-type-background), .elementor-17758 .elementor-element.elementor-element-18201b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D1D2D3;}.elementor-17758 .elementor-element.elementor-element-97acc17{--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;}.elementor-17758 .elementor-element.elementor-element-35f7966{--display:flex;}.elementor-17758 .elementor-element.elementor-element-89c49a6{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-17758 .elementor-element.elementor-element-89c49a6 img{width:25%;}.elementor-17758 .elementor-element.elementor-element-64845c4{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;}.elementor-17758 .elementor-element.elementor-element-64845c4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17758 .elementor-element.elementor-element-64845c4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-17758 .elementor-element.elementor-element-105de84{--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;}.elementor-17758 .elementor-element.elementor-element-d00822a{--display:flex;}.elementor-17758 .elementor-element.elementor-element-21a1733{--display:flex;}.elementor-17758 .elementor-element.elementor-element-799ad68{--display:flex;}.elementor-17758 .elementor-element.elementor-element-12e437f{--display:flex;}.elementor-17758 .elementor-element.elementor-element-e24cbfb{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;}.elementor-17758 .elementor-element.elementor-element-e24cbfb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17758 .elementor-element.elementor-element-e24cbfb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-17758 .elementor-element.elementor-element-5b370fd{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;color:#2A334E;}.elementor-17758 .elementor-element.elementor-element-6f09fb0{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17758 .elementor-element.elementor-element-a3e9b53{--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-17758 .elementor-element.elementor-element-445720d{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;width:var( --container-widget-width, 105.403% );max-width:105.403%;--container-widget-width:105.403%;--container-widget-flex-grow:0;text-align:center;}.elementor-17758 .elementor-element.elementor-element-445720d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-17758 .elementor-element.elementor-element-e0336ac{--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;}.elementor-17758 .elementor-element.elementor-element-cfec21a{--display:flex;}.elementor-17758 .elementor-element.elementor-element-4c04d44 .wcf--image-box{text-align:left;border-radius:30px 30px 30px 30px;}.elementor-17758 .elementor-element.elementor-element-4c04d44 .title-wrap{flex-direction:column;}.elementor-17758 .elementor-element.elementor-element-4c04d44 .title{margin-bottom:-1px;font-size:25px;font-weight:600;}.elementor-17758 .elementor-element.elementor-element-6c96572{--display:flex;}.elementor-17758 .elementor-element.elementor-element-dc19319 .wcf--image-box{text-align:left;border-radius:30px 30px 30px 30px;}.elementor-17758 .elementor-element.elementor-element-dc19319 .title-wrap{flex-direction:column;}.elementor-17758 .elementor-element.elementor-element-dc19319 .title{margin-bottom:-1px;font-size:25px;font-weight:600;}.elementor-17758 .elementor-element.elementor-element-46dbbdf{--display:flex;}.elementor-17758 .elementor-element.elementor-element-2f2f89a .wcf--image-box{text-align:left;border-radius:30px 30px 30px 30px;}.elementor-17758 .elementor-element.elementor-element-2f2f89a .title-wrap{flex-direction:column;}.elementor-17758 .elementor-element.elementor-element-2f2f89a .title{margin-bottom:0px;font-size:25px;font-weight:600;}.elementor-17758 .elementor-element.elementor-element-6e89753{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17758 .elementor-element.elementor-element-317c105{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-17758 .elementor-element.elementor-element-aa9653e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--overlay-opacity:0.9;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-17758 .elementor-element.elementor-element-aa9653e::before, .elementor-17758 .elementor-element.elementor-element-aa9653e > .elementor-background-video-container::before, .elementor-17758 .elementor-element.elementor-element-aa9653e > .e-con-inner > .elementor-background-video-container::before, .elementor-17758 .elementor-element.elementor-element-aa9653e > .elementor-background-slideshow::before, .elementor-17758 .elementor-element.elementor-element-aa9653e > .e-con-inner > .elementor-background-slideshow::before, .elementor-17758 .elementor-element.elementor-element-aa9653e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2A334E;--background-overlay:'';}.elementor-17758 .elementor-element.elementor-element-aa9653e:not(.elementor-motion-effects-element-type-background), .elementor-17758 .elementor-element.elementor-element-aa9653e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17758 .elementor-element.elementor-element-5a7b0fb{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17758 .elementor-element.elementor-element-790ff29{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-17758 .elementor-element.elementor-element-790ff29 img{width:30%;}.elementor-17758 .elementor-element.elementor-element-82cbebd{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;line-height:60px;}.elementor-17758 .elementor-element.elementor-element-82cbebd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17758 .elementor-element.elementor-element-6f000c1{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17758 .elementor-element.elementor-element-e52f115{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-17758 .elementor-element.elementor-element-e52f115 img{width:30%;}.elementor-17758 .elementor-element.elementor-element-2e710eb{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;line-height:60px;}.elementor-17758 .elementor-element.elementor-element-1e9afe1{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-17758 .elementor-element.elementor-element-c19b135{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;font-family:"Roboto", Sans-serif;font-size:60px;font-weight:400;line-height:60px;color:#26324F;}.elementor-17758 .elementor-element.elementor-element-c19b135 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17758 .elementor-element.elementor-element-409c11a{--display:flex;}.elementor-17758 .elementor-element.elementor-element-a3b0907{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;color:#333333;}.elementor-17758 .elementor-element.elementor-element-a3b0907 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17758 .elementor-element.elementor-element-787e1ec{--display:flex;}.elementor-17758 .elementor-element.elementor-element-dbe6883{--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-17758 .elementor-element.elementor-element-479ed3a{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;color:#333333;}.elementor-17758 .elementor-element.elementor-element-58579c0{--display:flex;}.elementor-17758 .elementor-element.elementor-element-e7463bd{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;color:#333333;}.elementor-17758 .elementor-element.elementor-element-1728490{--n-accordion-title-font-size:18px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:15px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:8px 8px 8px 8px;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:18px;--n-accordion-icon-active-color:#FFFFFF;}.elementor-17758 .elementor-element.elementor-element-1728490 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#2A334E;}.elementor-17758 .elementor-element.elementor-element-1728490 {--n-accordion-padding:18px 18px 18px 18px;}:where( .elementor-17758 .elementor-element.elementor-element-1728490 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:500;}:where( .elementor-17758 .elementor-element.elementor-element-1728490 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{--border-radius:0px 0px 8px 8px;--padding-top:25px;--padding-right:25px;--padding-bottom:25px;--padding-left:25px;}@media(min-width:768px){.elementor-17758 .elementor-element.elementor-element-f1b4844{--content-width:1280px;}.elementor-17758 .elementor-element.elementor-element-537b9d4{--width:100%;}.elementor-17758 .elementor-element.elementor-element-18201b9{--content-width:1480px;}.elementor-17758 .elementor-element.elementor-element-aa9653e{--content-width:1440px;}}@media(max-width:1024px) and (min-width:768px){.elementor-17758 .elementor-element.elementor-element-5a7b0fb{--width:100%;}.elementor-17758 .elementor-element.elementor-element-6f000c1{--width:100%;}}@media(max-width:1024px){.elementor-17758 .elementor-element.elementor-element-43705b9{--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-17758 .elementor-element.elementor-element-18201b9{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17758 .elementor-element.elementor-element-6f09fb0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17758 .elementor-element.elementor-element-6e89753{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17758 .elementor-element.elementor-element-aa9653e{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-17758 .elementor-element.elementor-element-5a7b0fb{--padding-top:2.9rem;--padding-bottom:2.9rem;--padding-left:3.5rem;--padding-right:3.5rem;}.elementor-17758 .elementor-element.elementor-element-6f000c1{--padding-top:2.9rem;--padding-bottom:2.9rem;--padding-left:3.5rem;--padding-right:3.5rem;}}@media(max-width:767px){.elementor-17758 .elementor-element.elementor-element-b388fef{font-size:1px;}.elementor-17758 .elementor-element.elementor-element-89c49a6 img{width:75%;}.elementor-17758 .elementor-element.elementor-element-5a7b0fb{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17758 .elementor-element.elementor-element-6f000c1{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17758 .elementor-element.elementor-element-c19b135{font-size:45px;}.elementor-17758 .elementor-element.elementor-element-1728490 > .elementor-widget-container{padding:0px 20px 0px 20px;}}/* Start custom CSS for container, class: .elementor-element-105de84 *//* =========================================================
   Curved Corner Image Box Style – Custom CSS
   Paste into Elementor Container > Advanced > Custom CSS
   ========================================================= */

.el-curved-image-card {
  --ib-navy: #103664;
  --ib-card-radius: 32px;
  --ib-badge-radius: 60px;
  
  position: relative;
  width: 100%;
  max-width: 290px;
  height: 480px;
  border-radius: var(--ib-card-radius);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(16, 54, 100, 0.12);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  cursor: pointer;
  background-color: #e2e8f0;
  font-family: 'Poppins', sans-serif;
}

.el-curved-image-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 42px rgba(16, 54, 100, 0.18);
}

.el-curved-image-card .card-media-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.el-curved-image-card:hover .card-media-bg {
  transform: scale(1.05);
}

.el-curved-image-card .card-title-badge {
  position: absolute;
  left: 0;
  bottom: 42px;
  width: 86%;
  max-width: 250px;
  background: #ffffff;
  border-radius: 0 var(--ib-badge-radius) var(--ib-badge-radius) 0;
  padding: 18px 28px 18px 24px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  z-index: 2;
  transition: transform 0.3s ease;
}

.el-curved-image-card:hover .card-title-badge {
  transform: translateX(4px);
}

.el-curved-image-card .badge-title-text {
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.18;
  color: var(--ib-navy);
  letter-spacing: -0.3px;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1728490 *//* Transition the background color smoothly */
.e-n-accordion-item-title {
  transition: background-color 0.4s ease;
}

/* When accordion is open */
.e-n-accordion-item[open] > .e-n-accordion-item-title {
  background-color: #2A334E;
}

/* Default (closed) background */
.e-n-accordion-item > .e-n-accordion-item-title {
  background-color: #f5f5f5; /* or your preferred base color */
}/* End custom CSS */
/* Start custom CSS *//* Icons on top of image */
.device-icon {
  position: absolute;
  opacity: 0; /* Start hidden */
  transition: opacity 0.3s ease;
}

/* Base style for all device boxes */
.box-camera,
.box-contact,
.box-motion,
.box-accessory

{
  background-color: #00519c; /* Blue base */
  color: white;
  padding: 20px;
  transition: all 0.3s ease;
}

/* Highlight animation */
@keyframes highlightPop {
  0% { transform: scale(1); opacity: 0.5; }
  50% { transform: scale(1.05); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

/* Highlighted box */
.highlight {
  animation: highlightPop 0.4s ease;
  background-color: #c9122c !important;  /* Red highlight */
  color: #ffffff !important;
  box-shadow: 0 4px 20px rgba(255, 255, 255, 0.1);
}
.box-total {
  background-color: #00519c;
  color: white;
  padding: 20px;
  transition: all 0.3s ease;
}

.box-total.highlight {
  background-color: #c9122c !important;
  animation: highlightPop 0.4s ease;
}/* End custom CSS */