.elementor-6174 .elementor-element.elementor-element-856dded{--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-6174 .elementor-element.elementor-element-856dded:not(.elementor-motion-effects-element-type-background), .elementor-6174 .elementor-element.elementor-element-856dded > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fencon.ae/wp-content/uploads/2026/01/Roof-Top-BLD-02-F-scaled.webp");background-position:center center;background-size:cover;}.elementor-6174 .elementor-element.elementor-element-856dded::before, .elementor-6174 .elementor-element.elementor-element-856dded > .elementor-background-video-container::before, .elementor-6174 .elementor-element.elementor-element-856dded > .e-con-inner > .elementor-background-video-container::before, .elementor-6174 .elementor-element.elementor-element-856dded > .elementor-background-slideshow::before, .elementor-6174 .elementor-element.elementor-element-856dded > .e-con-inner > .elementor-background-slideshow::before, .elementor-6174 .elementor-element.elementor-element-856dded > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-3831918 );--background-overlay:'';}.elementor-6174 .elementor-element.elementor-element-f7583f2{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6174 .elementor-element.elementor-element-b16e95e .elementor-heading-title{font-size:24px;letter-spacing:0.2px;color:#FFFFF5;}.elementor-6174 .elementor-element.elementor-element-fbc7c90 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:95px;font-weight:600;text-transform:none;line-height:100px;color:#FFFFF5;}.elementor-6174 .elementor-element.elementor-element-c9fd42e{--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-6174 .elementor-element.elementor-element-c9fd42e:not(.elementor-motion-effects-element-type-background), .elementor-6174 .elementor-element.elementor-element-c9fd42e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFF5;}.elementor-6174 .elementor-element.elementor-element-10db5e6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6174 .elementor-element.elementor-element-cabb92e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 20px 0px;}.elementor-6174 .elementor-element.elementor-element-cabb92e .elementor-heading-title{font-size:75px;font-weight:700;letter-spacing:1px;}.elementor-6174 .elementor-element.elementor-element-cfde1a4{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6174 .elementor-element.elementor-element-82c094c{--display:flex;--min-height:350px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6174 .elementor-element.elementor-element-cd2132a{text-align:start;}.elementor-6174 .elementor-element.elementor-element-cd2132a img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6174 .elementor-element.elementor-element-0973b69{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6174 .elementor-element.elementor-element-aed28b4{text-align:start;}.elementor-6174 .elementor-element.elementor-element-aed28b4 img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6174 .elementor-element.elementor-element-7088f33{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6174 .elementor-element.elementor-element-354b41e{--display:flex;--min-height:350px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6174 .elementor-element.elementor-element-2ffad39{text-align:start;}.elementor-6174 .elementor-element.elementor-element-2ffad39 img{width:100%;height:400px;object-fit:cover;object-position:top center;}.elementor-6174 .elementor-element.elementor-element-e5cae28{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6174 .elementor-element.elementor-element-75d857e{--display:flex;--min-height:350px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6174 .elementor-element.elementor-element-00b8809{text-align:start;}.elementor-6174 .elementor-element.elementor-element-00b8809 img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6174 .elementor-element.elementor-element-2aab1f4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6174 .elementor-element.elementor-element-1583fa2{text-align:start;}.elementor-6174 .elementor-element.elementor-element-1583fa2 img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6174 .elementor-element.elementor-element-96bb062{--display:flex;}.elementor-6174 .elementor-element.elementor-element-26e5280{font-family:"alovera display ", Sans-serif;font-size:25px;text-transform:none;line-height:35px;letter-spacing:1px;}.elementor-6174 .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;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6174 .elementor-element.elementor-element-ae74f68:not(.elementor-motion-effects-element-type-background), .elementor-6174 .elementor-element.elementor-element-ae74f68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFF5;}.elementor-6174 .elementor-element.elementor-element-497c063{--display:flex;}.elementor-6174 .elementor-element.elementor-element-b248d72{padding:0px 0px 40px 0px;}.elementor-6174 .elementor-element.elementor-element-b248d72 .elementor-heading-title{font-size:82px;font-weight:700;text-transform:none;text-decoration:none;letter-spacing:0.8px;color:var( --e-global-color-8165450 );}.elementor-6174 .elementor-element.elementor-element-eceefcd{--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-6174 .elementor-element.elementor-element-eceefcd:not(.elementor-motion-effects-element-type-background), .elementor-6174 .elementor-element.elementor-element-eceefcd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFF5;}.elementor-6174 .elementor-element.elementor-element-4a7e0ef{--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-6174 .elementor-element.elementor-element-c13d78a{--display:flex;}.elementor-6174 .elementor-element.elementor-element-b7f9228{font-family:"Alovera", Sans-serif;font-size:14px;letter-spacing:0.8px;}.elementor-6174 .elementor-element.elementor-element-3c27bc9 .elementor-heading-title{font-size:36px;font-weight:900;letter-spacing:1.2px;color:#082311;}.elementor-6174 .elementor-element.elementor-element-b1071c5{text-align:start;}.elementor-6174 .elementor-element.elementor-element-b1071c5 img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6174 .elementor-element.elementor-element-657aabe{padding:30px 0px 0px 0px;}.elementor-6174 .elementor-element.elementor-element-140f8cb{--display:flex;}.elementor-6174 .elementor-element.elementor-element-8655ada{font-family:"Alovera", Sans-serif;font-size:14px;letter-spacing:0.8px;}.elementor-6174 .elementor-element.elementor-element-73bf41f .elementor-heading-title{font-size:36px;font-weight:900;letter-spacing:1.2px;color:#082311;}.elementor-6174 .elementor-element.elementor-element-04eea7c{text-align:start;}.elementor-6174 .elementor-element.elementor-element-04eea7c img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6174 .elementor-element.elementor-element-aead81b{padding:30px 0px 0px 0px;}.elementor-6174 .elementor-element.elementor-element-12cdc8b{--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-6174 .elementor-element.elementor-element-148c48e{--display:flex;}.elementor-6174 .elementor-element.elementor-element-9eb558b{font-family:"Alovera", Sans-serif;font-size:14px;letter-spacing:0.8px;}.elementor-6174 .elementor-element.elementor-element-e3246e5 .elementor-heading-title{font-size:36px;font-weight:900;letter-spacing:1.2px;color:#082311;}.elementor-6174 .elementor-element.elementor-element-406bd00{text-align:start;}.elementor-6174 .elementor-element.elementor-element-406bd00 img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6174 .elementor-element.elementor-element-19f0f78{padding:30px 0px 0px 0px;}.elementor-6174 .elementor-element.elementor-element-fd81014{--display:flex;}.elementor-6174 .elementor-element.elementor-element-996e8a8{font-family:"Alovera", Sans-serif;font-size:14px;letter-spacing:0.8px;}.elementor-6174 .elementor-element.elementor-element-930499a .elementor-heading-title{font-size:36px;font-weight:900;letter-spacing:1.2px;color:#082311;}.elementor-6174 .elementor-element.elementor-element-ec85b5e{text-align:start;}.elementor-6174 .elementor-element.elementor-element-ec85b5e img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6174 .elementor-element.elementor-element-96cde88{padding:30px 0px 0px 0px;}.elementor-6174 .elementor-element.elementor-element-1c93f5d{--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-6174 .elementor-element.elementor-element-cb31677{--display:flex;}.elementor-6174 .elementor-element.elementor-element-d90c1c5{font-family:"Alovera", Sans-serif;font-size:14px;letter-spacing:0.8px;}.elementor-6174 .elementor-element.elementor-element-cb30867 .elementor-heading-title{font-size:36px;font-weight:900;letter-spacing:1.2px;color:#082311;}.elementor-6174 .elementor-element.elementor-element-8130251{text-align:start;}.elementor-6174 .elementor-element.elementor-element-8130251 img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6174 .elementor-element.elementor-element-1617f94{padding:30px 0px 0px 0px;}.elementor-6174 .elementor-element.elementor-element-006a12e{--display:flex;}.elementor-6174 .elementor-element.elementor-element-d17bd34{--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-6174 .elementor-element.elementor-element-d17bd34:not(.elementor-motion-effects-element-type-background), .elementor-6174 .elementor-element.elementor-element-d17bd34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fencon.ae/wp-content/uploads/2026/01/220602-Aerial-view-02-C-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6174 .elementor-element.elementor-element-d17bd34::before, .elementor-6174 .elementor-element.elementor-element-d17bd34 > .elementor-background-video-container::before, .elementor-6174 .elementor-element.elementor-element-d17bd34 > .e-con-inner > .elementor-background-video-container::before, .elementor-6174 .elementor-element.elementor-element-d17bd34 > .elementor-background-slideshow::before, .elementor-6174 .elementor-element.elementor-element-d17bd34 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6174 .elementor-element.elementor-element-d17bd34 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0C0A0A;--background-overlay:'';}.elementor-6174 .elementor-element.elementor-element-f7e8423{text-align:center;}.elementor-6174 .elementor-element.elementor-element-f7e8423 .elementor-heading-title{font-size:60px;text-transform:none;line-height:70px;letter-spacing:0.6px;color:#FFFFF5;}@media(max-width:767px){.elementor-6174 .elementor-element.elementor-element-fbc7c90 .elementor-heading-title{font-size:45px;}.elementor-6174 .elementor-element.elementor-element-cabb92e .elementor-heading-title{font-size:45px;}}@media(min-width:768px){.elementor-6174 .elementor-element.elementor-element-f7583f2{--width:90%;}.elementor-6174 .elementor-element.elementor-element-10db5e6{--width:90%;}.elementor-6174 .elementor-element.elementor-element-cfde1a4{--width:90%;}.elementor-6174 .elementor-element.elementor-element-7088f33{--width:90%;}.elementor-6174 .elementor-element.elementor-element-e5cae28{--width:90%;}.elementor-6174 .elementor-element.elementor-element-96bb062{--width:90%;}.elementor-6174 .elementor-element.elementor-element-497c063{--width:90%;}.elementor-6174 .elementor-element.elementor-element-4a7e0ef{--width:90%;}.elementor-6174 .elementor-element.elementor-element-12cdc8b{--width:90%;}.elementor-6174 .elementor-element.elementor-element-1c93f5d{--width:90%;}}/* Start custom CSS for html, class: .elementor-element-4d3cbe7 */.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 */
/* Start custom CSS for html, class: .elementor-element-657aabe *//* ===============================
   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-aead81b *//* ===============================
   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-19f0f78 *//* ===============================
   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-96cde88 *//* ===============================
   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-1617f94 *//* ===============================
   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-9e70328 */.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 */