.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#361B0F;--e-global-color-text:#DDDDDD;--e-global-color-accent:#DDDDDD;--e-global-color-0539364:#F16622;--e-global-color-6d862c7:#000000;--e-global-color-cbe87db:#FFFFFF;--e-global-typography-primary-font-family:"Neue Montreal";--e-global-typography-primary-font-size:68px;--e-global-typography-primary-font-weight:900;--e-global-typography-primary-line-height:60px;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Neue Montreal";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:25px;--e-global-typography-accent-font-family:"Neue Montreal";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:200;--e-global-typography-accent-line-height:40px;--e-global-typography-a26a91d-font-family:"Neue Montreal";--e-global-typography-a26a91d-font-size:60px;--e-global-typography-a26a91d-font-weight:500;--e-global-typography-a26a91d-line-height:78px;--e-global-typography-3b2396c-font-family:"Neue Montreal";--e-global-typography-3b2396c-font-size:50px;--e-global-typography-3b2396c-font-weight:500;--e-global-typography-3b2396c-line-height:50px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* CARD WITH GRADIENT BORDER */
.card {
  position: relative;
  background-color: #0a0a0a;
  color: white;
  padding: 2rem;
  border-radius: 20px;
  overflow: hidden;
  z-index: 1;
}

.card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 1px; /* thickness of the border */
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0.03)
  );
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
          mask-composite: exclude;
  pointer-events: none;
  z-index: 2;
}



/* CARD WITH GRADIENT BOLD BORDER */
.card-b {
  position: relative;
  background-color: #0a0a0a;
  color: white;
  padding: 2rem;
  border-radius: 20px;
  overflow: hidden;
  z-index: 1;
}

.card-b::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 2px; /* thickness of the border */
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0.03)
  );
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
          mask-composite: exclude;
  pointer-events: none;
  z-index: 2;
}











/* FANCY ORANGE BUTTON WITH WHITE SVG ARROW & BLACK CIRCLE */
.custom-btn {
  background-color: #f16529; /* Orange background */
  color: #000;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  gap: 0;
  transition: background-color 0.3s ease-in-out;
  position: relative;
  padding: 0;
  padding-right: 3px;
}

/* Black circle with white SVG arrow (Base64 encoded) */
.custom-btn::after {
  content: "";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #000; /* Black circle */
  width: 47px;
  height: 42px;
  border-radius: 50%;
  transition: transform 0.3s ease-in-out;
  /* White SVG arrow (encoded) */
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSAxOC43MjU2TDE4LjUgNi43MjU5TTE4LjUgNi43MjU5SDkuNU0xOC41IDYuNzI1OVYxNS43MjU2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%; /* Adjust arrow size inside circle */
}

/* Hover effect lifts the icon */
.custom-btn:hover::after {
  transform: translateY(-4px);
}









/* Black button with white circle and black arrow */
.custom-btn-black {
  background-color: #000; /* Black background for entire button */
  color: #fff; /* White text color */
  border-radius: 50px; /* Rounded button corners */
  display: inline-flex;
  align-items: center;
  padding: 1px 5px; /* Adjust padding as needed */
  position: relative;
  transition: all 0.3s ease-in-out;
}

/* White circle with black SVG arrow */
.custom-btn-black::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-color: #fff; /* White circle */
  width: 47px;
  height: 45px;
  border-radius: 50%;
  transition: transform 0.3s ease-in-out;
  margin-left: 0px; /* Space between text and arrow */
  
  /* Black SVG arrow (encoded) */
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSAxOC43MjU2TDE4LjUgNi43MjU5TTE4LjUgNi43MjU5SDkuNU0xOC41IDYuNzI1OVYxNS43MjU2IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%; /* Adjust arrow size inside circle */
}

/* Hover effect lifts only the icon */
.custom-btn-black:hover::after {
  transform: translateY(-4px);
}










/* CONNECTED CONTAINERS AT HOMEPAGE */
.feature-box {
  padding: 30px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Optional transition for smoother hover */
.feature-text,
.feature-arrow {
  transition: all 0.3s ease;
}

/* Arrow style by default */
.feature-arrow {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f16622;
  border: 2px solid #f16622;
}

/* Arrow icon inside */
.feature-arrow i {
  transition: transform 0.3s ease, color 0.3s ease;
  color: #fff; /* Default icon color */
}

/* On parent hover: change text and arrow */
.feature-box:hover .feature-text,
.feature-box:hover .feature-text *,
.feature-box:hover .elementor-heading-title,
.feature-box:hover h2,
.feature-box:hover h2 span {
  color: #000 !important;
}

.feature-box:hover .feature-arrow {
  background-color: #f16622;
  color: #000000;
  transform: translateY(-4px);
}

.feature-box:hover .feature-arrow i {
  color: ##F16529; /* Change icon color on hover */
  background-color: #000;
  border-radius: 50%;
}





/* ICON BORDER GRADIENT */
.button-border {
  position: relative;
  color: white;
  border-radius: 20px;
  overflow: hidden;
  z-index: 1;
}

.button-border::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 1px; /* thickness of the border */
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0.03)
  );
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
          mask-composite: exclude;
  pointer-events: none;
  z-index: 2;
}



/* CAREERS BUTTON ICON */
#career-btn .icon.icon-arrow-right {
  color: #f16622;
  transform: rotate(-45deg);
  transition: transform 0.3s ease, color 0.3s ease;
}

#career-btn .icon.icon-arrow-right:hover {
  transform: rotate(0deg);
  color: #fff; /* Optional: slightly different shade on hover */
}

html, body {
  overflow-x: hidden !important;
}










.custom-btn-ln {
  background-color: #F1662200; /* orange background with transparency */
  color: #000;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  gap: 0;
  transition: background-color 0.3s ease-in-out;
  position: relative;
  padding: 0; /* since you already have padding set in Elementor */
  padding-right: 3px; /* optional: adds a little breathing room */
}

/* Arrow icon as circle with SVG */
.custom-btn-ln::after {
  content: "";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #F1662200;
  width: 27px;
  height: 25px;
  border-radius: 50%;
  transition: transform 0.3s ease-in-out;
  border: 1px solid #f16622;
  
  /* SVG arrow (encoded) */
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSAxOC43MjU2TDE4LjUgNi43MjU5TTE4LjUgNi43MjU5SDkuNU0xOC41IDYuNzI1OVYxNS43MjU2IiBzdHJva2U9IiNmMTY2MjIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%; /* Adjusted arrow size inside circle */
}

/* Hover only affects the arrow icon */
.custom-btn-ln:hover::after {
  transform: translateY(-4px);
}








.custom-btn-ln-bl {
  background-color: #F1662200; /* transparent background */
  color: #000;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  gap: 0;
  transition: background-color 0.3s ease-in-out;
  position: relative;
  padding: 0; /* since you already have padding set in Elementor */
  padding-right: 3px; /* optional: adds a little breathing room */
}

/* Arrow icon as black circle with SVG */
.custom-btn-ln-bl::after {
  content: "";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #F1662200;
  width: 27px;
  height: 25px;
  border-radius: 50%;
  transition: transform 0.3s ease-in-out;
  border: 1px solid #000;
  
  /* SVG arrow (encoded) with black stroke */
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSAxOC43MjU2TDE4LjUgNi43MjU5TTE4LjUgNi43MjU5SDkuNU0xOC41IDYuNzI1OVYxNS43MjU2IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%; /* Adjusted arrow size inside circle */
}

/* Hover only affects the arrow icon */
.custom-btn-ln-bl:hover::after {
  transform: translateY(-4px);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Neue Montreal';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://test.niftonic.com/wp-content/uploads/2025/04/NeueMontreal-Light.eot');
	src: url('http://test.niftonic.com/wp-content/uploads/2025/04/NeueMontreal-Light.eot?#iefix') format('embedded-opentype'),
		url('http://test.niftonic.com/wp-content/uploads/2025/04/NeueMontreal-Light.woff2') format('woff2'),
		url('http://test.niftonic.com/wp-content/uploads/2025/04/NeueMontreal-Light.woff') format('woff'),
		url('http://test.niftonic.com/wp-content/uploads/2025/04/NeueMontreal-Light.ttf') format('truetype'),
		url('http://test.niftonic.com/wp-content/uploads/2025/04/NeueMontreal-Light.svg#NeueMontreal') format('svg');
}
@font-face {
	font-family: 'Neue Montreal';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://test.niftonic.com/wp-content/uploads/2025/04/NeueMontreal-Regular.eot');
	src: url('http://test.niftonic.com/wp-content/uploads/2025/04/NeueMontreal-Regular.eot?#iefix') format('embedded-opentype'),
		url('http://test.niftonic.com/wp-content/uploads/2025/04/NeueMontreal-Regular.woff2') format('woff2'),
		url('http://test.niftonic.com/wp-content/uploads/2025/04/NeueMontreal-Regular.woff') format('woff'),
		url('http://test.niftonic.com/wp-content/uploads/2025/04/NeueMontreal-Regular.ttf') format('truetype'),
		url('http://test.niftonic.com/wp-content/uploads/2025/04/NeueMontreal-Regular.svg#NeueMontreal') format('svg');
}
/* End Custom Fonts CSS */