@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {
  --golden-color: #D8A52B;
  --small-heading-color: #2A2A2A;
  --description-text-color: #636363;
  --description-text-secondary-color: #8A8A8A;
}

/* common css start */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body,
div,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ul li {
  list-style: none;
}
html {
  font-size: 10px !important;
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
  color: inherit;
  transition: all 0.5s;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body {
  overflow-x: hidden;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1;
  max-width: 1920px;
  margin: 0 auto;
}

img {
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.container {
  width: 85%;
  max-width: 1920px;
  margin: 0 auto;
}
.relative {
  position: relative;
}
.d-none {
  display: none;
}
.text-white,
.text-white h1,
.text-white h2,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white span,
.text-white h3,
.text-white p,
.text-white label {
  color: #fff ;
}
.flex-box {
  display: flex;
  flex-wrap: wrap;
}
.flex-col {
  flex-direction: column;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-end {
  justify-content: end;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: end;
}

.w-10 {
  width: 10%;
}
.w-15 {
  width: 15%;
}
.w-20 {
  width: 20%;
}
.w-25 {
  width: 25%;
}
.w-30 {
  width: 30%;
}
.w-33 {
  width: 33.3%;
}
.w-35 {
  width: 35%;
}
.w-40 {
  width: 40%;
}
.w-45 {
  width: 45%;
}
.w-50 {
  width: 50%;
}
.w-55 {
  width: 55%;
}
.w-60 {
  width: 60%;
}
.w-65 {
  width: 65%;
}
.w-70 {
  width: 70%;
}
.w-75 {
  width: 75%;
}
.w-80 {
  width: 80%;
}
.w-85 {
  width: 85%;
}
.w-90 {
  width: 90%;
}
.w-95 {
  width: 95%;
}
.w-100,
.w-full {
  width: 100%;
}
.max-content,.w-max {
  width: max-content;
}
.h-full {
  height: 100%;
}
.mt-1 {
  margin-top: 1rem;
}
.mt-2 {
  margin-top: 2rem;
}
.mt-3 {
  margin-top: 3rem;
}
.mt-35 {
  margin-top: 3.5rem;
}
.mt-4 {
  margin-top: 4rem;
}
.mt-5 {
  margin-top: 5rem;
}
.mt-6 {
  margin-top: 6rem;
}
.mt-7 {
  margin-top: 7rem;
}
.mt-8 {
  margin-top: 8rem;
}
.mt-9 {
  margin-top: 9rem;
}
.mt-10 {
  margin-top: 10rem;
}
.mt-11 {
  margin-top: 11rem;
}
.mt-13 {
  margin-top: 13rem;
}
.mb-3 {
  margin-bottom: 3rem;
}
.mb-8 {
  margin-bottom: 8rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
section {
  overflow-x: clip;
  max-width: 1920px;
  margin: 0 auto;
  counter-reset: section;
}
.text-center {
  text-align: center;
}
.text-justify,
.text-justify > * {
  text-align: justify;
}
.text-end {
  text-align: end;
}
.uppercase {
  text-transform: uppercase;
}
.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4rem;
}
input:not([type="checkbox"]):not([type="submit"]),
textarea,
select {
  background-color: transparent;
  width: 100%;
  border: none;
  outline: none;
}
button {
  border: none;
}
button:hover,
input[type="submit"],
.cursor-pointer {
  cursor: pointer;
}
.font-700 {
  font-weight: 700;
}
.absolute {
  position: absolute;
}
.left-0 {
  left: 0;
}
.top-0 {
  top: 0;
}
.bottom-0 {
  bottom: 0;
}
.pseudo-class-after::after,
.pseudo-class-before::before,
.pseudo-class span::before,
.pseudo-class::after,
.pseudo-class::before {
  display: block;
  content: "";
  position: absolute;
  object-fit: contain;
  background-size: contain;
  background-repeat: no-repeat;
}
.overflow-hidden {
  overflow: hidden;
}
.three-cards-layout {
  margin-bottom: -5.6rem;
}
.three-cards-layout > li,
.three-cards-layout > div {
  width: 31%;
  margin-right: 5.3rem;
  margin-bottom: 5.3rem;
}
.three-cards-layout > li:nth-child(3n + 3),
.three-cards-layout > div:nth-child(3n + 3) {
  margin-right: 0;
}
.text-box p:not(:first-child) {
  margin-top: 2rem;
}

/* -----------------------Common Media Query ------------------------- */

@media (max-width: 1920px) {
  html {
    font-size: 0.485vw !important;
  }
}
@media (min-width: 1921px) {
  html {
    font-size: 17px;
  }
}

@media (max-width: 767px) {
  html {
    font-size: 1.5vw !important;
  }
  .m-w-100 {
    width: 100% !important;
  }
  .m-mt-0 {
    margin-top: 0;
  }
  .m-mt-2 {
    margin-top: 2rem;
  }
  .m-mt-3 {
    margin-top: 3rem;
  }
  .m-mt-5 {
    margin-top: 5rem;
  }
  .m-mt-7 {
    margin-top: 7rem;
  }
  .m-mt-8 {
    margin-top: 8rem;
  }
  .m-mb-5 {
    margin-bottom: 5rem;
  }
  .container {
    width: 90% !important;
  }
  .m-none {
    display: none !important;
  }
  .m-block {
    display: block;
  }
  .m-flex {
    display: flex;
    flex-wrap: wrap;
  }
  .m-flex-col {
    flex-direction: column;
  }
  .m-text-center {
    text-align: center;
  }
  .three-cards-layout > div,
  .three-cards-layout > li {
    width: 100%;
    margin-right: 0 !important;
  }
}

/* ================================= project css start ============================= */

.comm-padding {
  padding: 14rem 0;
}
.comm-padding.pb-0 {
  padding-bottom: 0;
}
.comm-padding.pt-0 {
  padding-top: 0;
}
.border-bottom{
  padding-bottom: 14rem;
  border-bottom: 1px solid #747474;
}
h1{
    font-size: 6.5rem;
    line-height: 1.2;
    color: #fff;
    letter-spacing: -.2rem;
}
h2{
font-size: 4.5rem;
line-height: 1.3;
letter-spacing: -.2rem;
}
h2 span{
    color: var(--golden-color);
}
h3{
  font-size: 3rem;
 line-height: 1.3;
 color: #2A2A2A;
 letter-spacing: -.1rem;
}
h4{
  font-size: 3rem;
  letter-spacing: -.2rem;
 line-height: 1.3;
 color: #333333;
}
p{
  font-size: 2.2rem;
  line-height: 1.5;
  color: var(--description-text-color);
}
.subtext{
  font-size: 1.6rem;
  color: #D09A18;
  text-transform: uppercase;
  padding: 1.5rem 2rem 1rem;
  border: 1px solid #D09A18;
 width: max-content;
 border-radius: 5rem;
}
.heading-box .subtext{
  margin-bottom: 3rem;
}
.heading-box p{
  margin-top: 3rem;
}
.stat-heading{
  font-size: 9.5rem;
  color: var(--golden-color);
}
.stat-box p{
  font-size: 3rem;
  font-weight: 300;
  color: #000;
  margin-top: 1rem;
	letter-spacing: -.1rem;
}
.stat-box p strong{
  font-weight: 500;
  display: block;
}
.btn{
  display: inline-block;
    font-size: 2.01rem;
    font-weight: 500;
    padding: 2rem 4rem;
    border-radius: 5rem;
    position: relative;
    z-index: 2;
    width: max-content;
}
.btn.gold-bg{
  background-color: var(--golden-color);
  color: #000;
}
.btn.gold-text{
  color: #D09A18;
  border: 1px solid #D09A18;
   padding: 2.2rem 9rem 2.2rem 4rem;
}
/* lenis css */
html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-smooth iframe {
    pointer-events: none;
}

/*\\\\\\\\\\\\\\\\\\ homepage \\\\\\\\\\\\\\\\\\\\ */
.main-header .wrapper{
	    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
}
.hp-banner-section .content-wrapper{
	min-height:100rem;
}
.hp-banner-section .banner-heading-box .inner{
  padding: 0 14rem;
}
.hp-banner-section .banner-heading-box {
position: absolute;
bottom: 12rem;
left: 0;
}
.hp-banner-section .banner-heading-box p{
  font-weight: 400;
}
.hp-banner-section .banner-heading-box .banner-eyebrow{
  font-size:1.6rem ;
  text-transform: uppercase;
  border: 1px solid #D09A18;
  width: max-content;
  margin-top: 3rem;
  border-radius: 5rem;
      padding: 1.2rem 2rem .7rem;
}
.hp-banner-btn-box::before{
background: url('../images/banner-btn-bottom-arrow.webp') no-repeat center;
background-size: contain;
width: 10rem;
height:9.2rem;
left: 0;
top: -1.5rem;
}
.hp-banner-btn{
  margin-left: 3.5rem;
}
.hp-about-features-list li{
  position: relative;
  font-size: 3rem;
  line-height: 1.3;
  padding: 3rem 0 3rem 4.5rem;
    border-bottom: 1px solid #BCBCBC;
}
.hp-about-features-list li::before{
  display: block;
  content: '';
  background: url(../images/list-icon.webp) no-repeat center;
  background-size: contain;
  width: 2.9rem;
  height: 2.9rem;
  position: absolute;
  left: 0;
  top: 3.5rem;
}
.w-53{
  width: 53%;
}
.common-bg{
  background-color: #f8f8f8;
}
.hp-prod-category-section .stat-boxes-container{
  display: flex;
}
.hp-prod-category-section .stat-box{
  width: max-content;
  padding: 0 5rem;
  border-left: 1px solid #D9D9D9;
}
.stat-box:last-child{
  border-right: 1px solid #D9D9D9;
}
.product-list-container li{
  position: relative;
}
.product-list-container .product-count{
font-size: 1.5rem;
font-weight: 400;
transform: rotate(-90deg);
position: absolute;
    right: -3rem;
    top: .7rem;
}
.product-list-container li .img-box{
padding-bottom: 2rem;
border-bottom: 1px solid #2A2A2A;
position: relative;
overflow: hidden;
}
.product-list-container li .img-box img{
  width: 100%;
}
.product-list-container li h3{
  color: #2A2A2A;
  margin-top: 3rem;
  width: 80%;
}
.product-list-container li p{
  margin-top: 2rem;
}
.btn.gold-text::after,.footer-form-box .footer-btn-box::after{
  display: block;
  content: '';
  background: url(../images/btn-black-rrow.webp) no-repeat center;
  background-size: contain;
  width: 3rem;
  height:1.2rem;
  position: absolute;
 right: 3rem;
    top: 2.8rem;
}

.hp-why-us-section .why-us-usps-container li .heading-container{
  display: flex;
}
.hp-why-us-section .heading-box .subtext {
  width: max-content;
  margin: 0 auto 3rem;
}
 .why-us-usps-container li {
  padding:6rem 5rem;
  border-radius: 2rem;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
 }
 .why-us-usps-container li img{
  width: 7rem;
  height: 4.3;
  object-fit: scale-down;
  margin-right: 5rem;
 }
  .why-us-usps-container li p{
    color: var(--description-text-secondary-color);
  }
  .hp-career-section .hp-about-features-list li{
    color: #333333;
  }
  .hp-current-openning-section .slider-btns-container .slider-btn{
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    border: 1px solid #CFCFCF ;   
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 1rem;
  }
   .hp-current-openning-section .slider-btns-container .slider-btn img{
    width: 1rem;
   }
   .hp-current-openning-section .wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
   }
    .hp-current-openning-section .subtext{
      color: #fff;
      background-color: var(--golden-color);
      padding: 2.5rem 3.5rem;
      border: none;
    }
    .hp-current-openning-section .subtext::after{
      height: 1px;
     width: 138.5rem;
    left: 22rem;
    top: 3.4rem;
      background-color: var(--golden-color);
    }
    .btn.gold-text::after{
 background: url(../images/btn-gold-arrow.webp) no-repeat center;
  background-size: contain;
}
.current-openings-slider li{
  padding:6rem 5rem;
  border-radius: 2.1rem;
  background: #F5F5F4;
  width: 33%;
}
.current-openings-slider li h6.date{
  font-size: 1.6rem;
  color: #D09A18;
}
.current-openings-slider li h4{
  margin: 2rem 0;
}
.current-openings-slider li p{
  color: #686868;
}
.current-openings-slider .slick-slide{
  margin-right: 5rem;
}
.current-openings-slider-container{
  margin-left: 15rem;
}
.current-openings-slider-container {
  width: 110%;
}
.hp-global-presence-section .heading-box{
  width: 42%;
}
.hp-global-presence-section .stat-box{
  display: flex;
  padding: 0 2.8rem;
  border-left: 1px solid #B7B7B7;
}
.hp-global-presence-section .stat-box .stat-heading{
  font-size: 7.9rem;
  margin-right: 2rem;
  letter-spacing: -.7rem;
}
footer .heading-box p{
  color: #BFBFBF;
}
.footer-contact-list li{
  padding: 3rem 0;
  border-bottom: 1px solid #303030;
}
.footer-contact-list li:last-child{
  border-bottom: none;
}
.footer-contact-list li img{
  width: 1.8rem;
  margin-right: 2rem;
}
.footer-contact-list li a,.footer-contact-list li p{
  display: inline-block;
  font-size: 2rem;
  font-weight: 400;
  color: #fff;
}
.footer-contact-list li.location p{
  width: 65%;
}
.footer-bottom{
  padding: 3rem 0;
  border-top: 1px solid #464646;
}
.footer-bottom p,.footer-bottom a{
  color: #F8F8F8;
  font-size: 1.8rem;
}
.footer-bottom a{
  text-decoration: underline;
}
.footer-form-box .form-wrapper{
  padding: 5rem;
  border-radius: 3rem;
  background-color: #333333;
}
.footer-form-box input{
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #818181 !important;
  margin-bottom: 6rem;
	    color: #fff;
}
.footer-form-box textarea{
  border: 1px solid #818181;
  padding: 1.5rem;
	    color: #fff;
}
.footer-form-box textarea::placeholder,.footer-form-box input::placeholder{
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.footer-form-box .btn{
  margin-top: 5rem;
  padding-right: 13rem;
  color: #fff;
	border:none;
}
.wpcf7-not-valid-tip{
	margin-top: -5rem ;
    margin-bottom: 4rem;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output,.wpcf7 form.sent .wpcf7-response-output{
	color: #fff;
	line-height:1.4;
}
.footer-form-box .footer-btn-box::after {
  background: url(../images/white-arrow.webp) no-repeat center;
  background-size: contain;
	right: 47rem;
    top: 7.5rem;
    z-index: 999;
}
.header-btn {
  padding: 1.5rem 3rem;
  margin-left: 2rem;
  align-items: center;
  border-radius: 3rem;
  color: #FFFFFF;
}
.header-btn .icon-box img{
  width: 2.1rem;
  height: 2.2rem;
  object-fit: scale-down;
  margin-right: 1rem;
}
.btn-outline {
  border: 1px solid var(--golden-color);
}
.main-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  padding-top: 4rem;
}
.main-header .logo-box img{
  width: 9.5rem;
  height: 9rem;
}
.btn{
    transition: .35s;
}
.btn:hover{
   transform: translateX(2rem);
}
.product-list-container li .btn:hover{
  transform: translateX(0);
  background-color: #f3c354;
}
.header-btn:hover{
  transform: translateX(0);
  background-color: #292110;
}
.honeypot-field {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}


@media (max-width: 767px){
  
  .hp-banner-section .content-wrapper, .hp-banner-section .img-box,.hp-banner-section .img-box img {
height: 100%;
  }
  .hp-banner-section .img-box img{
    object-fit: cover;
  }
  .hp-banner-section .banner-heading-box .inner {
    padding: 0 3rem;
}
.hp-prod-category-section .stat-box{
  padding: 0 2.5rem;
}
.hp-current-openning-section .subtext::after{
  width: 25rem;
}
.current-openings-slider-container {
    width: 100%;
}
.current-openings-slider-container {
    margin-left: 0;
    padding: 0 5rem;
}
.current-openings-slider .slick-slide {
    margin-right: 0;
}
.hp-global-presence-section .stat-box{
  border-left: none ;
  border-right: none !important;
  padding: 4rem 0;
  border-bottom: 1px solid #B7B7B7;
  width: 100%;
}
	.footer-form-box .footer-btn-box::after{
		    right: 29.5rem;
	}
	.hp-about-us-section .wrapper {
		flex-direction:column-reverse;
	}
}