/* Font Declaration */
@font-face { font-family: 'Calibri'; src: url('../webfonts/Calibri/Calibri-Bold.woff2') format('woff2'), url('../webfonts/Calibri/Calibri-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Calibri'; src: url('../webfonts/Calibri/Calibri-BoldItalic.woff2') format('woff2'), url('../webfonts/Calibri/Calibri-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; }
@font-face { font-family: 'Calibri'; src: url('../webfonts/Calibri/Calibri-Italic.woff2') format('woff2'), url('../webfonts/Calibri/Calibri-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; }
@font-face { font-family: 'Calibri'; src: url('../webfonts/Calibri/Calibri.woff2') format('woff2'), url('../webfonts/Calibri/Calibri.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }

/* Poppins  */
@font-face { font-family: 'Poppins'; src: url('../webfonts/Poppins/Poppins-Bold.woff2') format('woff2'), url('../webfonts/Poppins/Poppins-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../webfonts/Poppins/Poppins-Black.woff2') format('woff2'), url('../webfonts/Poppins/Poppins-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../webfonts/Poppins/Poppins-BlackItalic.woff2') format('woff2'), url('../webfonts/Poppins/Poppins-BlackItalic.woff') format('woff'); font-weight: 900; font-style: italic; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../webfonts/Poppins/Poppins-BoldItalic.woff2') format('woff2'), url('../webfonts/Poppins/Poppins-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../webfonts/Poppins/Poppins-ExtraBold.woff2') format('woff2'), url('../webfonts/Poppins/Poppins-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../webfonts/Poppins/Poppins-ExtraBoldItalic.woff2') format('woff2'), url('../webfonts/Poppins/Poppins-ExtraBoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../webfonts/Poppins/Poppins-ExtraLight.woff2') format('woff2'), url('../webfonts/Poppins/Poppins-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../webfonts/Poppins/Poppins-ExtraLightItalic.woff2') format('woff2'), url('../webfonts/Poppins/Poppins-ExtraLightItalic.woff') format('woff'); font-weight: 200; font-style: italic; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../webfonts/Poppins/Poppins-Italic.woff2') format('woff2'), url('../webfonts/Poppins/Poppins-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../webfonts/Poppins/Poppins-Light.woff2') format('woff2'), url('../webfonts/Poppins/Poppins-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../webfonts/Poppins/Poppins-LightItalic.woff2') format('woff2'), url('../webfonts/Poppins/Poppins-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../webfonts/Poppins/Poppins-Medium.woff2') format('woff2'), url('../webfonts/Poppins/Poppins-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../webfonts/Poppins/Poppins-MediumItalic.woff2') format('woff2'), url('../webfonts/Poppins/Poppins-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../webfonts/Poppins/Poppins-Regular.woff2') format('woff2'), url('../webfonts/Poppins/Poppins-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../webfonts/Poppins/Poppins-SemiBold.woff2') format('woff2'), url('../webfonts/Poppins/Poppins-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../webfonts/Poppins/Poppins-SemiBoldItalic.woff2') format('woff2'), url('../webfonts/Poppins/Poppins-SemiBoldItalic.woff') format('woff'); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../webfonts/Poppins/Poppins-Thin.woff2') format('woff2'), url('../webfonts/Poppins/Poppins-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../webfonts/Poppins/Poppins-ThinItalic.woff2') format('woff2'), url('../webfonts/Poppins/Poppins-ThinItalic.woff') format('woff'); font-weight: 100; font-style: italic; font-display: swap; }

/* RESET CSS */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html, html:focus-within { scroll-behavior: smooth; }
body { background-color: var(--colorBlack); color: var(--colorWhite); min-height: 100vh; text-rendering: optimizeSpeed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: var(--fontPrimary); font-size: var(--fontBase); }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
a { text-decoration: none; color: inherit; }
ul, ol { list-style: none; margin: 0; padding: 0; }
button { background: none; border: none; cursor: pointer; }
table { border-collapse: collapse; width: 100%; }
:root { --fontPrimary: 'Poppins'; --fontSecondary: 'Calibri'; --colorPrimary: #E4BE31; --ColorPrimaryDrk: #E9C31E; --colorBg: #ffffff; --colorText: #ffffff; --colorWhite: #ffffff; --colorBlack: #000000; --fontXs: 12px; --fontSm: 14px; --fontBase: 16px; --fontMd: 18px; --fontLg: 20px; --fontXl: 24px; --font2xl: 28px; --font3xl: 32px; --font4xl: 36px; --font5xl: 40px; --font6xl: 44px; --font7xl: 48px; --font8xl: 54px; --font9xl: 60px; --font10xl: 66px; --font11xl: 85px; }
.heading8xl { font-size: var(--font8xl); font-weight: 800; color: var(--colorWhite); text-transform: uppercase; }
.heading7xl { font-size: var(--font7xl); font-weight: 500; color: var(--colorWhite); text-transform: uppercase; }
.heading6xl { font-size: var(--font6xl); font-weight: 800; color: var(--colorWhite); text-transform: uppercase; }
.heading4xl { font-size: var(--font4xl); font-weight: 600; color: var(--colorWhite); text-transform: uppercase; }
.heading3xl { font-size: var(--font3xl); font-weight: 400; color: var(--colorWhite); font-family: var(--fontSecondary); }
.heading2xl { font-size: var(--font2xl); font-weight: 400; color: var(--colorWhite); font-family: var(--fontSecondary); }
.subTextXl { font-size: var(--fontXl); color: var(--colorWhite); line-height: 1.3; display: inline-block; font-family: var(--fontSecondary); }
.subTextLg { font-size: var(--fontLg); color: var(--colorWhite); line-height: 1.3; display: inline-block; font-family: var(--fontSecondary); }
.subTextMd { font-size: var(--fontMd); color: var(--colorWhite); line-height: 1.3; display: inline-block; font-family: var(--fontSecondary); }
.subTextBase { font-size: var(--fontBase); color: var(--colorWhite); line-height: 1.3; display: inline-block; font-family: var(--fontSecondary); }
.subTextSm { font-size: var(--fontSm); color: var(--colorWhite); line-height: 1.3; display: inline-block; font-family: var(--fontSecondary); }
.primaryBtn { padding: 16px 40px; background: linear-gradient(112.84deg, #000000 -14.62%, #353D3E 126.46%); text-transform: uppercase; border-radius: 40px; display: inline-block; line-height: 1; color: var(--colorWhite); }
.primaryBtn i { color: var(--colorPrimary); font-size: 20px; }
.desktopNone { display: none; }
.scrollOff { overflow-y: hidden; }

/* === HEADER CSS START === */
header { position: fixed; top: 40px; width: 100%; left: 0; z-index: 10; transition: all 0.3s; }
header.stickyHeader { background-color: var(--colorBlack); padding: 20px 0; top: 0; }
.headerWrap { display: flex; align-items: center; justify-content: space-between; }
.toggleBtn { display: none; }
@media (min-width:1025px) {
	nav ul { list-style: none; padding: 0; margin: 0; transition: all 0.3s; }
	nav>ul { display: flex; padding: 6px 10px; border-radius: 30px; background: linear-gradient(156.7deg, #000000 -53.91%, #353D3E 257.45%); gap: 7px; }
	nav li { position: relative; }
	nav li a { color: var(--colorWhite); position: relative; display: inline-block; padding: 8px 12px; text-decoration: none; transition: all 0.3s; position: relative; }
	nav li a:hover { color: var(--colorPrimary); }
	nav li.active a { color: var(--colorPrimary); }
	nav ul ul { position: absolute; background-color: var(--colorWhite); box-shadow: 0 7px 10px #00000061; border-radius: 5px; overflow: hidden; transform: translateY(20px); opacity: 0; visibility: hidden; transition: all 0.3s; pointer-events: none; }
	nav>ul>li:hover ul { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
	li.hasUl a { padding-right: 25px !important; }
	li.hasUl a:before { content: '\ea13'; font-family: "remixicon"; font-style: normal; position: absolute; top: 10px; right: 7px; font-size: 14px; }
}
@media (max-width:1024px) {
	.headerOption { position: fixed; top: 0; right: 0; width: 400px; height: 100vh; background-color: #E9EDF2; transform: translateX(100%); transition: all 0.3s; list-style: none; padding: 140px 0 0 0; margin: 0; }
	.headerOption.openMenu { transform: translateX(0); }
	nav ul li a, .mobileCta a { display: inline-block; width: 100%; padding: 20px 40px; font-size: 22px; color: var(--colorBlack); text-decoration: none; }
	.toggleBtn { display: flex; width: 40px; height: 40px; /* background-color: var(--colorBg); */ align-items: flex-start; justify-content: center; gap: 7px; flex-direction: column; position: relative; z-index: 10; border-radius: 12px; }
	.toggleBtn span { width: 30px; height: 3px; background-color: var(--colorPrimary); display: block; border-radius: 80px; transition: all 0.3s; border-radius: 20px; }
	.toggleBtn.closeBtn span:first-child { transform: rotate(45deg) translate(2px, 3px); }
	.toggleBtn span:nth-child(2) { width: 22px; }
	.toggleBtn span:last-child { width: 15px; }
	.toggleBtn.closeBtn span:nth-child(2) { opacity: 0; visibility: visible; }
	.toggleBtn.closeBtn span:last-child { transform: rotate(-45deg) translate(11px, -12px); width: 30px; }
	
		/* .toggleBtn span:nth-child(2) { display: none; } */ }

/* === HEADER CSS END === */

/* Swiper */
.sliderSectionOuter { overflow-x: clip; }
.slider-section { position: relative; width: 100%; height: 100vh; right: calc((100% - 1320px)/2) }

/* .slider-section:before { content: ''; position: absolute; width: 10px; height: 10px; background-color: var(--ColorPrimaryDrk); border-radius: 50%; top: 21%; left: 60%; }
.slider-section:after { content: ''; position: absolute; width: 10px; height: 10px; background-color: var(--ColorPrimaryDrk); border-radius: 50%; bottom: 6.6%; left: 30%; z-index: -1; box-shadow: 750px 0px 0 var(--ColorPrimaryDrk); } */
.slider-section:before, .slider-section:after { display: none !important; }
.path-svg { position: absolute; width: 100%; height: 100%; }
.image { position: absolute; top: 0; left: 0; will-change: transform; height: 450px; width: 380px; }
.image img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.sliderSectionOuter .swiper-wrapper { transition-timing-function: linear; }

/* footer css */
footer { margin: 120px 0 30px 0; border-top: 1px solid #E9C31E80; border-bottom: 1px solid #E9C31E80; overflow-x: clip; }
.footerUl ul { display: flex; align-items: center; gap: 40px; padding: 50px 0; }
.footerLogoUl ul { display: flex; align-items: center; gap: 36px; }
.footerLogoUl ul li { height: 40px; }
.footerLogoUl ul li img { width: 100%; height: 100%; object-fit: contain; }
.footerLogoUl { margin: 40px 0; }
.footerUl { position: relative; }
.footerUl:before { content: ''; position: absolute; width: 100vw; height: 1px; background-color: var(--ColorPrimaryDrk); bottom: 0; right: 0; opacity: 0.2; }
.footerUl:after { content: ''; position: absolute; width: 9px; height: 9px; background-color: var(--ColorPrimaryDrk); top: 50%; transform: translateY(-50%); right: -5px; border-radius: 50%; }
.footerLogo { display: flex; align-items: center; justify-content: space-between; padding: 50px 40px 60px 0; position: relative; }
.footerLogo:before { content: ''; position: absolute; width: 9px; height: 9px; background-color: var(--ColorPrimaryDrk); top: 20%; transform: translateY(-50%); right: -5px; border-radius: 50%; }
.footerLogo .linkedinIcon { font-size: var(--fontXl); color: var(--ColorPrimaryDrk); }
.footerAddress { display: flex; flex-direction: column; justify-content: center; height: 100%; gap: 60px; padding: 0 0 0 50px; position: relative; }
.footerAddress:before { content: ''; position: absolute; width: 1px; height: 100%; background-color: #E9C31E80; top: 0; left: -24px; }
.addBox strong { font-weight: 400; text-transform: uppercase; font-size: var(--fontLg); }
.addBox span { font-family: var(--fontSecondary); font-size: var(--fontLg); display: block; opacity: 0.6; margin: 26px 0 0 0; }
.addBox span a { font-family: var(--fontSecondary); font-size: var(--fontLg); display: block; }

/* cooming soon css */
.cSoon { display: flex; align-items: center; justify-content: center; height: 100vh; position: relative; z-index: 1; overflow: clip; }
.cSoonInner { display: flex; flex-direction: column; height: 100%; padding: 70px 0; }
.cSoonInner a { display: inline-block; margin: 0 auto; }
.content:before { content: ''; position: absolute; width: 100vw; height: 1px; background-color: #E9C31E; left: 100%; top: 120px; opacity: 0.8; }
.content:after { content: ''; position: absolute; width: 7px; height: 7px; background-color: #E9C31E; border-radius: 50%; left: 100%; top: 117px; opacity: 0.8; }
.content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.content .lineText { font-size: 150px; text-fill-color: transparent; text-stroke: 1px #bfbfc77a; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #bfbfc77a; -moz-text-fill-color: transparent; line-height: 0.8; display: block; text-transform: uppercase; font-weight: 700; }
.contentCta { margin: 20px 0 0 0; }
.contentCta .heading8xl { position: relative; }
.content .heading8xl:before { content: ''; position: absolute; width: 100vw; height: 1px; background-color: #E9C31E; right: 100%; bottom: 170px; opacity: 0.8; }
.content .heading8xl:after { content: ''; position: absolute; width: 7px; height: 7px; background-color: #E9C31E; border-radius: 50%; right: 100%; bottom: 167px; opacity: 0.8; }
.contentCta span { display: block; margin: 0 0 20px 0; }
.cSoonBg { position: absolute; bottom: 0; right: 0; z-index: -1; }
@media (max-width:480px) {
	.content .lineText { font-size: 80px; }
	.cSoonBg { width: 180%; }
}
.pageTopPadding { padding: 180px 0 0 0; }