.elementor-291 .elementor-element.elementor-element-22ad5f23{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-291 .elementor-element.elementor-element-7862aa6d{--display:flex;--justify-content:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-291 .elementor-element.elementor-element-5c23ac6f{left:0px;}body.rtl .elementor-291 .elementor-element.elementor-element-5c23ac6f{right:0px;}.elementor-291 .elementor-element.elementor-element-5c23ac6f .elementor-icon-wrapper{text-align:center;}.elementor-291 .elementor-element.elementor-element-5c23ac6f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49aa69 );}.elementor-291 .elementor-element.elementor-element-5c23ac6f.elementor-view-framed .elementor-icon, .elementor-291 .elementor-element.elementor-element-5c23ac6f.elementor-view-default .elementor-icon{color:var( --e-global-color-d49aa69 );border-color:var( --e-global-color-d49aa69 );}.elementor-291 .elementor-element.elementor-element-5c23ac6f.elementor-view-framed .elementor-icon, .elementor-291 .elementor-element.elementor-element-5c23ac6f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49aa69 );}.elementor-291 .elementor-element.elementor-element-5c23ac6f .elementor-icon{font-size:50px;}.elementor-291 .elementor-element.elementor-element-5c23ac6f .elementor-icon svg{height:50px;}body:not(.rtl) .elementor-291 .elementor-element.elementor-element-44c91034{right:0px;}body.rtl .elementor-291 .elementor-element.elementor-element-44c91034{left:0px;}.elementor-291 .elementor-element.elementor-element-44c91034 .elementor-icon-wrapper{text-align:center;}.elementor-291 .elementor-element.elementor-element-44c91034.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49aa69 );}.elementor-291 .elementor-element.elementor-element-44c91034.elementor-view-framed .elementor-icon, .elementor-291 .elementor-element.elementor-element-44c91034.elementor-view-default .elementor-icon{color:var( --e-global-color-d49aa69 );border-color:var( --e-global-color-d49aa69 );}.elementor-291 .elementor-element.elementor-element-44c91034.elementor-view-framed .elementor-icon, .elementor-291 .elementor-element.elementor-element-44c91034.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49aa69 );}.elementor-291 .elementor-element.elementor-element-44c91034 .elementor-icon{font-size:50px;}.elementor-291 .elementor-element.elementor-element-44c91034 .elementor-icon svg{height:50px;}.elementor-291 .elementor-element.elementor-element-7afb2b7{text-align:center;}.elementor-291 .elementor-element.elementor-element-7afb2b7 .elementor-heading-title{font-family:var( --e-global-typography-f6dd240-font-family ), Sans-serif;font-size:var( --e-global-typography-f6dd240-font-size );font-weight:var( --e-global-typography-f6dd240-font-weight );line-height:var( --e-global-typography-f6dd240-line-height );color:var( --e-global-color-43e426a );}.elementor-291 .elementor-element.elementor-element-5c9e83f9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-291 .elementor-element.elementor-element-5c9e83f9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-291 .elementor-element.elementor-element-5c9e83f9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-291 .elementor-element.elementor-element-5c9e83f9 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-291 .elementor-element.elementor-element-5c9e83f9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-291 .elementor-element.elementor-element-5c9e83f9 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-291 .elementor-element.elementor-element-5c9e83f9 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-291 .elementor-element.elementor-element-5c9e83f9{--e-icon-list-icon-size:20px;--icon-vertical-offset:1px;}.elementor-291 .elementor-element.elementor-element-5c9e83f9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-291 .elementor-element.elementor-element-5c9e83f9 .elementor-icon-list-item > a{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-291 .elementor-element.elementor-element-5c9e83f9 .elementor-icon-list-text{color:var( --e-global-color-43e426a );transition:color 0.3s;}.elementor-291 .elementor-element.elementor-element-9c5aecd{--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-291 .elementor-element.elementor-element-fb53d9b{--display:flex;}.elementor-291 .elementor-element.elementor-element-8e79bb8{--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-291 .elementor-element.elementor-element-055e788{padding:0px 0px 0px 25px;}.elementor-291 .elementor-element.elementor-element-055e788 .elementor-heading-title{color:#FA871F;}.elementor-291 .elementor-element.elementor-element-0157037{--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-291 .elementor-element.elementor-element-4664828{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-291 .elementor-element.elementor-element-22ad5f23{--min-height:320px;--padding-top:80px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-291 .elementor-element.elementor-element-7afb2b7 .elementor-heading-title{font-size:var( --e-global-typography-f6dd240-font-size );line-height:var( --e-global-typography-f6dd240-line-height );}.elementor-291 .elementor-element.elementor-element-5c9e83f9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-291 .elementor-element.elementor-element-5c9e83f9 .elementor-icon-list-item > a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-291 .elementor-element.elementor-element-5c23ac6f .elementor-icon{font-size:30px;}.elementor-291 .elementor-element.elementor-element-5c23ac6f .elementor-icon svg{height:30px;}.elementor-291 .elementor-element.elementor-element-44c91034 .elementor-icon{font-size:30px;}.elementor-291 .elementor-element.elementor-element-44c91034 .elementor-icon svg{height:30px;}.elementor-291 .elementor-element.elementor-element-7afb2b7 .elementor-heading-title{font-size:var( --e-global-typography-f6dd240-font-size );line-height:var( --e-global-typography-f6dd240-line-height );}.elementor-291 .elementor-element.elementor-element-5c9e83f9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-291 .elementor-element.elementor-element-5c9e83f9 .elementor-icon-list-item > a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(min-width:768px){.elementor-291 .elementor-element.elementor-element-7862aa6d{--width:70%;}}/* Start custom CSS for html, class: .elementor-element-68d7f19 */.products-hero {
  background: #000;
  padding: 60px 6%;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: #fff;
}

.products-container {
  max-width: 1400px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 80px;
  align-items: start;
}

/* TAG */
.products-tag {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  font-size: 14px;
  color: #bdbdbd;
}

.tag-dot {
  width: 16px;
  height: 4px;
  background: #FA871F;
  border-radius: 4px;
}

/* LEFT */
.products-left h1 {
  font-size: 42px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0;
}

/* RIGHT */
.products-right p {
  font-size: 16px;
  line-height: 1.7;
  color: #d6d6d6;
  margin-bottom: 18px;
  max-width: 520px;
}

/* ACTIONS */
.products-actions {
  margin-top: 26px;
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
}

.btn-primary {
  background: #fff;
  color: #000;
  padding: 12px 22px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
}

.btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

.btn-secondary span {
  width: 26px;
  height: 26px;
  background: #FA871F;
  color: #000;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .products-container {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .products-left h1 {
    font-size: 34px;
  }

  .products-right p {
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b3f0a3d */.service-card-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* card base */
.service-card {
  position: relative;
  height: 400px;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  color: #fff;
  outline: none; /* we'll add visible focus style below */
  transition: transform 0.25s ease;
}

/* subtle lift on hover/focus */
.service-card:hover,
.service-card:focus-within {
  transform: translateY(-6px);
}

/* IMAGE BACKGROUND */
.service-card-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(0.85);
  transition: filter 0.3s ease, transform 0.5s ease;
  will-change: transform;
}

/* optional gentle zoom on hover/focus */
.service-card:hover .service-card-bg,
.service-card:focus-within .service-card-bg {
  transform: scale(1.03);
  filter: brightness(0.35);
}

/* TITLE ALWAYS VISIBLE */
.service-title {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
  text-shadow: 0 2px 6px rgba(0,0,0,0.6);
}

.service-title h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.95;
}

.service-title h2 {
  font-size: 26px;
  margin-top: 5px;
  max-width: 260px;
  line-height: 1.05;
  margin-bottom: 0;
}

/* CONTENT HIDDEN INITIALLY */
.service-content {
  position: absolute;
  inset: 0;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: rgba(0,0,0,0.65);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  z-index: 2;
}

/* show on hover OR when focused (keyboard/touch) */
.service-card:hover .service-content,
.service-card:focus-within .service-content {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* content text */
.service-content p {
  font-size: 15px;
  margin: 0 0 12px 0;
  line-height: 1.5;
  color: #fff;
}

.discover-link {
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  align-self: flex-start;
}

/* make link area easier to tap on touch devices */
.service-content .discover-link {
  padding: 6px 10px;
  border-radius: 6px;
  background: rgba(255,255,255,0.06);
}

/* keyboard visible focus ring for accessibility */
.service-card:focus-within {
  box-shadow: 0 6px 20px rgba(0,0,0,0.35), 0 0 0 3px rgba(74, 144, 226, 0.15);
  border-radius: 12px;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .service-card-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .service-card-wrapper {
    grid-template-columns: 1fr;
  }
  .service-card { height: 320px; }
  .service-title h2 { font-size: 20px; max-width: 100%; }
}/* End custom CSS */