.elementor-47 .elementor-element.elementor-element-13fc5e7{--display:flex;--min-height:500px;--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;--overlay-opacity:0.5;}.elementor-47 .elementor-element.elementor-element-13fc5e7:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-13fc5e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fencon.ae/wp-content/uploads/2026/01/G003_Perspective-View-Arch-scaled.png");background-position:center center;background-size:cover;}.elementor-47 .elementor-element.elementor-element-13fc5e7::before, .elementor-47 .elementor-element.elementor-element-13fc5e7 > .elementor-background-video-container::before, .elementor-47 .elementor-element.elementor-element-13fc5e7 > .e-con-inner > .elementor-background-video-container::before, .elementor-47 .elementor-element.elementor-element-13fc5e7 > .elementor-background-slideshow::before, .elementor-47 .elementor-element.elementor-element-13fc5e7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-47 .elementor-element.elementor-element-13fc5e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#020D06;--background-overlay:'';}.elementor-47 .elementor-element.elementor-element-0f897b1{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-47 .elementor-element.elementor-element-260b112 .elementor-heading-title{font-size:112px;font-weight:700;text-transform:none;letter-spacing:2.8px;color:#FFFFF5;}.elementor-47 .elementor-element.elementor-element-260b112 {---ui-speed:1500ms;---ui-delay:200ms;---ui-stagger:100ms;}.elementor-47 .elementor-element.elementor-element-ae74f68{--display:flex;--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:0100px;--padding-bottom:0100px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-ae74f68:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-ae74f68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFF5;}.elementor-47 .elementor-element.elementor-element-9f08bd6{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-47 .elementor-element.elementor-element-25a5e26 .elementor-heading-title{font-size:112px;font-weight:700;text-transform:none;letter-spacing:2.8px;color:var( --e-global-color-3831918 );}.elementor-47 .elementor-element.elementor-element-25a5e26 {---ui-speed:1500ms;---ui-delay:200ms;---ui-stagger:100ms;}.elementor-47 .elementor-element.elementor-element-b8fba75{--display:flex;--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;--align-items:center;}.elementor-47 .elementor-element.elementor-element-b8fba75:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-b8fba75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFF5;}.elementor-47 .elementor-element.elementor-element-5d5e739{--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-47 .elementor-element.elementor-element-a04eff1{--display:flex;}.elementor-47 .elementor-element.elementor-element-2810214{font-family:"Alovera", Sans-serif;font-size:14px;letter-spacing:0.8px;}.elementor-47 .elementor-element.elementor-element-672e5e8 .elementor-heading-title{font-size:36px;font-weight:900;letter-spacing:1.2px;color:#082311;}.elementor-47 .elementor-element.elementor-element-fc204ed{text-align:start;}.elementor-47 .elementor-element.elementor-element-fc204ed img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-47 .elementor-element.elementor-element-9dd7cd2{padding:30px 0px 0px 0px;}.elementor-47 .elementor-element.elementor-element-d4e20e3{--display:flex;}.elementor-47 .elementor-element.elementor-element-5da68f8{font-family:"Alovera", Sans-serif;font-size:14px;letter-spacing:0.8px;}.elementor-47 .elementor-element.elementor-element-ffa226e .elementor-heading-title{font-size:36px;font-weight:900;letter-spacing:1.2px;color:#082311;}.elementor-47 .elementor-element.elementor-element-caa21cd{text-align:start;}.elementor-47 .elementor-element.elementor-element-caa21cd img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-47 .elementor-element.elementor-element-eed036c{padding:30px 0px 0px 0px;}.elementor-47 .elementor-element.elementor-element-4edba39{--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-47 .elementor-element.elementor-element-24eda2a{--display:flex;}.elementor-47 .elementor-element.elementor-element-67868c1{font-family:"Alovera", Sans-serif;font-size:14px;letter-spacing:0.8px;}.elementor-47 .elementor-element.elementor-element-8ddaa39 .elementor-heading-title{font-size:36px;font-weight:900;letter-spacing:1.2px;color:#082311;}.elementor-47 .elementor-element.elementor-element-11494cf{text-align:start;}.elementor-47 .elementor-element.elementor-element-11494cf img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-47 .elementor-element.elementor-element-27b08f3{padding:30px 0px 0px 0px;}.elementor-47 .elementor-element.elementor-element-1335056{--display:flex;}.elementor-47 .elementor-element.elementor-element-30ec292{font-family:"Alovera", Sans-serif;font-size:14px;letter-spacing:0.8px;}.elementor-47 .elementor-element.elementor-element-7b15f4b .elementor-heading-title{font-size:36px;font-weight:900;letter-spacing:1.2px;color:#082311;}.elementor-47 .elementor-element.elementor-element-b86e35e{text-align:start;}.elementor-47 .elementor-element.elementor-element-b86e35e img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-47 .elementor-element.elementor-element-8663e86{padding:30px 0px 0px 0px;}.elementor-47 .elementor-element.elementor-element-089a7c8{--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-47 .elementor-element.elementor-element-1e8a6a9{--display:flex;}.elementor-47 .elementor-element.elementor-element-d1b7e18{font-family:"Alovera", Sans-serif;font-size:14px;letter-spacing:0.8px;}.elementor-47 .elementor-element.elementor-element-21e247d .elementor-heading-title{font-size:36px;font-weight:900;letter-spacing:1.2px;color:#082311;}.elementor-47 .elementor-element.elementor-element-47891d6{text-align:start;}.elementor-47 .elementor-element.elementor-element-47891d6 img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-47 .elementor-element.elementor-element-0a33de4{padding:30px 0px 0px 0px;}.elementor-47 .elementor-element.elementor-element-d4565a3{--display:flex;}.elementor-47 .elementor-element.elementor-element-031efb7{--display:flex;--min-height:500px;--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;--overlay-opacity:0.5;}.elementor-47 .elementor-element.elementor-element-031efb7:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-031efb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fencon.ae/wp-content/uploads/2026/03/fencon-23.png");background-position:top center;background-size:cover;}.elementor-47 .elementor-element.elementor-element-031efb7::before, .elementor-47 .elementor-element.elementor-element-031efb7 > .elementor-background-video-container::before, .elementor-47 .elementor-element.elementor-element-031efb7 > .e-con-inner > .elementor-background-video-container::before, .elementor-47 .elementor-element.elementor-element-031efb7 > .elementor-background-slideshow::before, .elementor-47 .elementor-element.elementor-element-031efb7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-47 .elementor-element.elementor-element-031efb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2B2222;--background-overlay:'';}.elementor-47 .elementor-element.elementor-element-6194eeb{padding:0px 0px 20px 0px;text-align:center;}.elementor-47 .elementor-element.elementor-element-6194eeb .elementor-heading-title{font-size:60px;text-transform:none;line-height:70px;letter-spacing:0.8px;color:#FFFFFF;}@media(min-width:768px){.elementor-47 .elementor-element.elementor-element-0f897b1{--width:90%;}.elementor-47 .elementor-element.elementor-element-9f08bd6{--width:90%;}.elementor-47 .elementor-element.elementor-element-5d5e739{--width:90%;}.elementor-47 .elementor-element.elementor-element-4edba39{--width:90%;}.elementor-47 .elementor-element.elementor-element-089a7c8{--width:90%;}}@media(max-width:1024px){.elementor-47 .elementor-element.elementor-element-260b112 .elementor-heading-title{font-size:40px;}.elementor-47 .elementor-element.elementor-element-25a5e26 .elementor-heading-title{font-size:40px;}}@media(max-width:767px){.elementor-47 .elementor-element.elementor-element-260b112 .elementor-heading-title{font-size:45px;}.elementor-47 .elementor-element.elementor-element-25a5e26 .elementor-heading-title{font-size:45px;}.elementor-47 .elementor-element.elementor-element-6194eeb .elementor-heading-title{font-size:30px;line-height:36px;}}/* Start custom CSS for html, class: .elementor-element-9dd7cd2 *//* ===============================
   CAREER PAGE – LIGHT PILL BUTTON
   =============================== */

.career-page-btn {
  position: relative;
  display: inline-flex;
  align-items: center;

  padding: 16px 34px 16px 68px;
  background: #FFFFF5;
  color: #0B2913;

  border: 1px solid #0B2913;
  border-radius: 999px;

  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-decoration: none;

  overflow: hidden;
  transition: padding 0.35s ease;
}

/* Icon circle */
.career-page-icon {
  position: absolute;
  left: 16px;

  width: 44px;
  height: 44px;
  background: #0B2913;
  color: #0B2913;

  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 18px;
  transition: left 0.35s ease;
}

/* Text */
.career-page-text {
  white-space: nowrap;
}

.career-page-text .text-hover {
  display: none;
}

/* ===============================
   DESKTOP HOVER
   =============================== */
@media (hover: hover) {
  .career-page-btn:hover {
    padding-left: 34px;
    padding-right: 68px;
    color: #0B2913;
  }

  .career-page-btn:hover .career-page-icon {
    left: calc(100% - 60px);
  }

  .career-page-btn:hover .text-default {
    display: none;
  }

  .career-page-btn:hover .text-hover {
    display: inline;
  }
}

/* ===============================
   MOBILE TAP
   =============================== */
@media (hover: none) {
  .career-page-btn:active {
    padding-left: 34px;
    padding-right: 68px;
  }

  .career-page-btn:active .career-page-icon {
    left: calc(100% - 60px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eed036c *//* ===============================
   CAREER PAGE – LIGHT PILL BUTTON
   =============================== */

.career-page-btn {
  position: relative;
  display: inline-flex;
  align-items: center;

  padding: 16px 34px 16px 68px;
  background: #FFFFF5;
  color: #0B2913;

  border: 1px solid #0B2913;
  border-radius: 999px;

  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-decoration: none;

  overflow: hidden;
  transition: padding 0.35s ease;
}

/* Icon circle */
.career-page-icon {
  position: absolute;
  left: 16px;

  width: 44px;
  height: 44px;
  background: #0B2913;
  color: #0B2913;

  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 18px;
  transition: left 0.35s ease;
}

/* Text */
.career-page-text {
  white-space: nowrap;
}

.career-page-text .text-hover {
  display: none;
}

/* ===============================
   DESKTOP HOVER
   =============================== */
@media (hover: hover) {
  .career-page-btn:hover {
    padding-left: 34px;
    padding-right: 68px;
    color: #0B2913;
  }

  .career-page-btn:hover .career-page-icon {
    left: calc(100% - 60px);
  }

  .career-page-btn:hover .text-default {
    display: none;
  }

  .career-page-btn:hover .text-hover {
    display: inline;
  }
}

/* ===============================
   MOBILE TAP
   =============================== */
@media (hover: none) {
  .career-page-btn:active {
    padding-left: 34px;
    padding-right: 68px;
  }

  .career-page-btn:active .career-page-icon {
    left: calc(100% - 60px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-27b08f3 *//* ===============================
   CAREER PAGE – LIGHT PILL BUTTON
   =============================== */

.career-page-btn {
  position: relative;
  display: inline-flex;
  align-items: center;

  padding: 16px 34px 16px 68px;
  background: #FFFFF5;
  color: #0B2913;

  border: 1px solid #0B2913;
  border-radius: 999px;

  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-decoration: none;

  overflow: hidden;
  transition: padding 0.35s ease;
}

/* Icon circle */
.career-page-icon {
  position: absolute;
  left: 16px;

  width: 44px;
  height: 44px;
  background: #0B2913;
  color: #0B2913;

  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 18px;
  transition: left 0.35s ease;
}

/* Text */
.career-page-text {
  white-space: nowrap;
}

.career-page-text .text-hover {
  display: none;
}

/* ===============================
   DESKTOP HOVER
   =============================== */
@media (hover: hover) {
  .career-page-btn:hover {
    padding-left: 34px;
    padding-right: 68px;
    color: #0B2913;
  }

  .career-page-btn:hover .career-page-icon {
    left: calc(100% - 60px);
  }

  .career-page-btn:hover .text-default {
    display: none;
  }

  .career-page-btn:hover .text-hover {
    display: inline;
  }
}

/* ===============================
   MOBILE TAP
   =============================== */
@media (hover: none) {
  .career-page-btn:active {
    padding-left: 34px;
    padding-right: 68px;
  }

  .career-page-btn:active .career-page-icon {
    left: calc(100% - 60px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8663e86 *//* ===============================
   CAREER PAGE – LIGHT PILL BUTTON
   =============================== */

.career-page-btn {
  position: relative;
  display: inline-flex;
  align-items: center;

  padding: 16px 34px 16px 68px;
  background: #FFFFF5;
  color: #0B2913;

  border: 1px solid #0B2913;
  border-radius: 999px;

  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-decoration: none;

  overflow: hidden;
  transition: padding 0.35s ease;
}

/* Icon circle */
.career-page-icon {
  position: absolute;
  left: 16px;

  width: 44px;
  height: 44px;
  background: #0B2913;
  color: #0B2913;

  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 18px;
  transition: left 0.35s ease;
}

/* Text */
.career-page-text {
  white-space: nowrap;
}

.career-page-text .text-hover {
  display: none;
}

/* ===============================
   DESKTOP HOVER
   =============================== */
@media (hover: hover) {
  .career-page-btn:hover {
    padding-left: 34px;
    padding-right: 68px;
    color: #0B2913;
  }

  .career-page-btn:hover .career-page-icon {
    left: calc(100% - 60px);
  }

  .career-page-btn:hover .text-default {
    display: none;
  }

  .career-page-btn:hover .text-hover {
    display: inline;
  }
}

/* ===============================
   MOBILE TAP
   =============================== */
@media (hover: none) {
  .career-page-btn:active {
    padding-left: 34px;
    padding-right: 68px;
  }

  .career-page-btn:active .career-page-icon {
    left: calc(100% - 60px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a33de4 *//* ===============================
   CAREER PAGE – LIGHT PILL BUTTON
   =============================== */

.career-page-btn {
  position: relative;
  display: inline-flex;
  align-items: center;

  padding: 16px 34px 16px 68px;
  background: #FFFFF5;
  color: #0B2913;

  border: 1px solid #0B2913;
  border-radius: 999px;

  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-decoration: none;

  overflow: hidden;
  transition: padding 0.35s ease;
}

/* Icon circle */
.career-page-icon {
  position: absolute;
  left: 16px;

  width: 44px;
  height: 44px;
  background: #0B2913;
  color: #0B2913;

  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 18px;
  transition: left 0.35s ease;
}

/* Text */
.career-page-text {
  white-space: nowrap;
}

.career-page-text .text-hover {
  display: none;
}

/* ===============================
   DESKTOP HOVER
   =============================== */
@media (hover: hover) {
  .career-page-btn:hover {
    padding-left: 34px;
    padding-right: 68px;
    color: #0B2913;
  }

  .career-page-btn:hover .career-page-icon {
    left: calc(100% - 60px);
  }

  .career-page-btn:hover .text-default {
    display: none;
  }

  .career-page-btn:hover .text-hover {
    display: inline;
  }
}

/* ===============================
   MOBILE TAP
   =============================== */
@media (hover: none) {
  .career-page-btn:active {
    padding-left: 34px;
    padding-right: 68px;
  }

  .career-page-btn:active .career-page-icon {
    left: calc(100% - 60px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ad29549 */.footer-pill-btn {
  position: relative;
  display: inline-flex;
  align-items: center;

  padding: 14px 32px 14px 64px;
  background: #FFFFF5;
  color: #0B2913;
  border-radius: 999px;

  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-decoration: none;

  overflow: hidden;
  transition: padding 0.35s ease;
}

/* Icon circle */
.footer-pill-icon {
  position: absolute;
  left: 14px;

  width: 42px;
  height: 42px;
  background: #0B2913;
  color: #0B2913;

  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 18px;
  transition: left 0.35s ease;
}

/* Text */
.footer-pill-text {
  white-space: nowrap;
}

.footer-text-hover {
  display: none;
}

/* ===============================
   DESKTOP HOVER
   =============================== */
@media (hover: hover) {
  .footer-pill-btn:hover {
    padding-left: 32px;
    padding-right: 64px;
    color: #0B2913;
  }

  .footer-pill-btn:hover .footer-pill-icon {
    left: calc(100% - 56px);
  }

  .footer-pill-btn:hover .footer-text-default {
    display: none;
  }

  .footer-pill-btn:hover .footer-text-hover {
    display: inline;
  }
}

/* ===============================
   MOBILE TAP
   =============================== */
@media (hover: none) {
  .footer-pill-btn:active {
    padding-left: 32px;
    padding-right: 64px;
  }

  .footer-pill-btn:active .footer-pill-icon {
    left: calc(100% - 56px);
  }
}/* End custom CSS */