.elementor-6207 .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-6207 .elementor-element.elementor-element-856dded:not(.elementor-motion-effects-element-type-background), .elementor-6207 .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-6207 .elementor-element.elementor-element-856dded::before, .elementor-6207 .elementor-element.elementor-element-856dded > .elementor-background-video-container::before, .elementor-6207 .elementor-element.elementor-element-856dded > .e-con-inner > .elementor-background-video-container::before, .elementor-6207 .elementor-element.elementor-element-856dded > .elementor-background-slideshow::before, .elementor-6207 .elementor-element.elementor-element-856dded > .e-con-inner > .elementor-background-slideshow::before, .elementor-6207 .elementor-element.elementor-element-856dded > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-3831918 );--background-overlay:'';}.elementor-6207 .elementor-element.elementor-element-f7583f2{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6207 .elementor-element.elementor-element-b16e95e .elementor-heading-title{font-size:24px;letter-spacing:0.2px;color:#FFFFF5;}.elementor-6207 .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-6207 .elementor-element.elementor-element-c9fd42e{--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-6207 .elementor-element.elementor-element-c9fd42e:not(.elementor-motion-effects-element-type-background), .elementor-6207 .elementor-element.elementor-element-c9fd42e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFF5;}.elementor-6207 .elementor-element.elementor-element-d02f776{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6207 .elementor-element.elementor-element-9c9bf23{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 20px 0px;}.elementor-6207 .elementor-element.elementor-element-9c9bf23 .elementor-heading-title{font-size:75px;font-weight:700;line-height:90px;letter-spacing:1px;}.elementor-6207 .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-6207 .elementor-element.elementor-element-82c094c{--display:flex;--min-height:350px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6207 .elementor-element.elementor-element-de305b7{text-align:start;}.elementor-6207 .elementor-element.elementor-element-de305b7 img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6207 .elementor-element.elementor-element-0973b69{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6207 .elementor-element.elementor-element-7248288{text-align:start;}.elementor-6207 .elementor-element.elementor-element-7248288 img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6207 .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-6207 .elementor-element.elementor-element-75d857e{--display:flex;--min-height:350px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6207 .elementor-element.elementor-element-4e6c43b{text-align:start;}.elementor-6207 .elementor-element.elementor-element-4e6c43b img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6207 .elementor-element.elementor-element-2aab1f4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6207 .elementor-element.elementor-element-00545ba{text-align:start;}.elementor-6207 .elementor-element.elementor-element-00545ba img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6207 .elementor-element.elementor-element-af22522{--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-6207 .elementor-element.elementor-element-62fbd7a{--display:flex;--min-height:350px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6207 .elementor-element.elementor-element-26516a2{text-align:start;}.elementor-6207 .elementor-element.elementor-element-26516a2 img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6207 .elementor-element.elementor-element-90f7c78{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6207 .elementor-element.elementor-element-a8fc5c8{text-align:start;}.elementor-6207 .elementor-element.elementor-element-a8fc5c8 img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6207 .elementor-element.elementor-element-8a4224d{--display:flex;}.elementor-6207 .elementor-element.elementor-element-9461ca0{font-family:"alovera display ", Sans-serif;font-size:25px;text-transform:none;line-height:35px;letter-spacing:1px;}.elementor-6207 .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-6207 .elementor-element.elementor-element-ae74f68:not(.elementor-motion-effects-element-type-background), .elementor-6207 .elementor-element.elementor-element-ae74f68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFF5;}.elementor-6207 .elementor-element.elementor-element-610e4b7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6207 .elementor-element.elementor-element-b248d72{padding:0px 0px 40px 0px;}.elementor-6207 .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-6207 .elementor-element.elementor-element-53d7eab{--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-6207 .elementor-element.elementor-element-53d7eab:not(.elementor-motion-effects-element-type-background), .elementor-6207 .elementor-element.elementor-element-53d7eab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFF5;}.elementor-6207 .elementor-element.elementor-element-4a374a5{--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-6207 .elementor-element.elementor-element-b0efd37{--display:flex;}.elementor-6207 .elementor-element.elementor-element-cca348b{font-family:"Alovera", Sans-serif;font-size:14px;letter-spacing:0.8px;}.elementor-6207 .elementor-element.elementor-element-c09319c .elementor-heading-title{font-size:36px;font-weight:900;letter-spacing:1.2px;color:#082311;}.elementor-6207 .elementor-element.elementor-element-2fdd968{text-align:start;}.elementor-6207 .elementor-element.elementor-element-2fdd968 img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6207 .elementor-element.elementor-element-aa98d68{padding:30px 0px 0px 0px;}.elementor-6207 .elementor-element.elementor-element-f49b950{--display:flex;}.elementor-6207 .elementor-element.elementor-element-e2e77cb{font-family:"Alovera", Sans-serif;font-size:14px;letter-spacing:0.8px;}.elementor-6207 .elementor-element.elementor-element-ab556f7 .elementor-heading-title{font-size:36px;font-weight:900;letter-spacing:1.2px;color:#082311;}.elementor-6207 .elementor-element.elementor-element-605ecb5{text-align:start;}.elementor-6207 .elementor-element.elementor-element-605ecb5 img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6207 .elementor-element.elementor-element-9d0d4fa{padding:30px 0px 0px 0px;}.elementor-6207 .elementor-element.elementor-element-a3ec53c{--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-6207 .elementor-element.elementor-element-fe7af40{--display:flex;}.elementor-6207 .elementor-element.elementor-element-2825c06{font-family:"Alovera", Sans-serif;font-size:14px;letter-spacing:0.8px;}.elementor-6207 .elementor-element.elementor-element-2456dde .elementor-heading-title{font-size:36px;font-weight:900;letter-spacing:1.2px;color:#082311;}.elementor-6207 .elementor-element.elementor-element-2467283{text-align:start;}.elementor-6207 .elementor-element.elementor-element-2467283 img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6207 .elementor-element.elementor-element-deccf5b{padding:30px 0px 0px 0px;}.elementor-6207 .elementor-element.elementor-element-7d13607{--display:flex;}.elementor-6207 .elementor-element.elementor-element-03a7c93{font-family:"Alovera", Sans-serif;font-size:14px;letter-spacing:0.8px;}.elementor-6207 .elementor-element.elementor-element-722bfa1 .elementor-heading-title{font-size:36px;font-weight:900;letter-spacing:1.2px;color:#082311;}.elementor-6207 .elementor-element.elementor-element-e920530{text-align:start;}.elementor-6207 .elementor-element.elementor-element-e920530 img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6207 .elementor-element.elementor-element-6934f3e{padding:30px 0px 0px 0px;}.elementor-6207 .elementor-element.elementor-element-ec227ee{--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-6207 .elementor-element.elementor-element-55308e2{--display:flex;}.elementor-6207 .elementor-element.elementor-element-c363e5b{font-family:"Alovera", Sans-serif;font-size:14px;letter-spacing:0.8px;}.elementor-6207 .elementor-element.elementor-element-0fe5c3a .elementor-heading-title{font-size:36px;font-weight:900;letter-spacing:1.2px;color:#082311;}.elementor-6207 .elementor-element.elementor-element-028d8e5{text-align:start;}.elementor-6207 .elementor-element.elementor-element-028d8e5 img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-6207 .elementor-element.elementor-element-4240d95{padding:30px 0px 0px 0px;}.elementor-6207 .elementor-element.elementor-element-9364e7c{--display:flex;}.elementor-6207 .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-6207 .elementor-element.elementor-element-d17bd34:not(.elementor-motion-effects-element-type-background), .elementor-6207 .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-6207 .elementor-element.elementor-element-d17bd34::before, .elementor-6207 .elementor-element.elementor-element-d17bd34 > .elementor-background-video-container::before, .elementor-6207 .elementor-element.elementor-element-d17bd34 > .e-con-inner > .elementor-background-video-container::before, .elementor-6207 .elementor-element.elementor-element-d17bd34 > .elementor-background-slideshow::before, .elementor-6207 .elementor-element.elementor-element-d17bd34 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6207 .elementor-element.elementor-element-d17bd34 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0C0A0A;--background-overlay:'';}.elementor-6207 .elementor-element.elementor-element-f7e8423{text-align:center;}.elementor-6207 .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-6207 .elementor-element.elementor-element-fbc7c90 .elementor-heading-title{font-size:45px;}.elementor-6207 .elementor-element.elementor-element-9c9bf23 .elementor-heading-title{font-size:45px;}}@media(min-width:768px){.elementor-6207 .elementor-element.elementor-element-f7583f2{--width:90%;}.elementor-6207 .elementor-element.elementor-element-d02f776{--width:90%;}.elementor-6207 .elementor-element.elementor-element-cfde1a4{--width:90%;}.elementor-6207 .elementor-element.elementor-element-e5cae28{--width:90%;}.elementor-6207 .elementor-element.elementor-element-af22522{--width:90%;}.elementor-6207 .elementor-element.elementor-element-8a4224d{--width:90%;}.elementor-6207 .elementor-element.elementor-element-610e4b7{--width:90%;}.elementor-6207 .elementor-element.elementor-element-4a374a5{--width:90%;}.elementor-6207 .elementor-element.elementor-element-a3ec53c{--width:90%;}.elementor-6207 .elementor-element.elementor-element-ec227ee{--width:90%;}}/* Start custom CSS for html, class: .elementor-element-1b61290 */.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-aa98d68 *//* ===============================
   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-9d0d4fa *//* ===============================
   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-deccf5b *//* ===============================
   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-6934f3e *//* ===============================
   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-4240d95 *//* ===============================
   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-10121eb */.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 */