@import url("https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

img { max-width: 100%; height: auto; vertical-align: middle; }

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

ul.list-style li::marker,
ol.list-style li::marker { color: #FF832F; }

.unstyled { padding-left: 0; list-style: none; margin-bottom: 0; }

.container-fluid { padding-right: calc(var(--bs-gutter-x) * 0.75); padding-left: calc(var(--bs-gutter-x) * 0.75); }

@media (min-width: 1200px) {
	.container-fluid { padding: 0 5vw; width: 100%; }
}

@media (max-width: 575px) {
	.container-fluid { --bs-gutter-x: 2rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); }
}

.page-content { margin: clamp(14px, 1.198vw, 40px) 0; }

/*-------------------------
  Typography
-------------------------*/
html { scroll-behavior: smooth; }

body { font-family: "Inter", sans-serif; color: #45474F; background-color: #EDEDED; vertical-align: baseline; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-size: clamp(16px, 0.938vw, 22px); font-weight: 400; line-height: 140%; height: 100%; overflow-x: hidden; }

@media (max-width: 490px) {
	body { font-size: clamp(12px, 0.729vw, 28px); }
}

body::-webkit-scrollbar { width: 10px; }
body::-webkit-scrollbar-track { background-color: #FAFAFA; border-radius: 4px; }
body::-webkit-scrollbar-thumb { border-radius: 4px; background: #FF832F; }

a { display: inline-block; text-decoration: none; color: unset; transition: all 0.3s ease-in-out; }

h1,
h2,
h3,
h4,
h5,
h6,
address,
p,
pre,
blockquote,
table,
hr { margin: 0; }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: inherit; }

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 { color: #0C0C0D; margin-bottom: 0; }

h1,
.h1 { font-family: "Sarabun", sans-serif; font-size: clamp(48px, 3.594vw, 99px); /* 69px */ font-style: normal; font-weight: 500; line-height: 120%; /* 96px */ }

@media (max-width: 1199px) {
	h1,
	.h1 { font-size: clamp(46px, 4.837vw, 69px); /* 58px */ }
}

@media (max-width: 820px) {
	h1,
	.h1 { font-size: clamp(38px, 5.61vw, 58px); /* 46px */ }
}

h2,
.h2 { font-family: "Sarabun", sans-serif; font-size: clamp(48px, 2.865vw, 69px); /* 55px */ font-style: normal; font-weight: 500; line-height: 120%; /* 66px */ }

@media (max-width: 1199px) {
	h2,
	.h2 { font-size: clamp(39px, 2.24vw, 52px); /* 43px */ }
}

@media (max-width: 820px) {
	h2,
	.h2 { font-size: clamp(33px, 1.979vw, 48px); /* 38px */ }
}

h3,
.h3 { font-family: "Sarabun", sans-serif; font-size: clamp(46px, 2.292vw, 125px); /* 44px */ font-style: normal; font-weight: 500; line-height: 120%; }

@media (max-width: 1199px) {
	h3,
	.h3 { font-size: clamp(33px, 1.927vw, 48px); /* 37px */ }
}

@media (max-width: 820px) {
	h3,
	.h3 { font-size: clamp(28px, 1.667vw, 38px); /* 32px */ }
}

h4,
.h4 { font-family: "Sarabun", sans-serif; font-size: clamp(30px, 1.823vw, 57px); /* 35px */ font-style: normal; font-weight: 600; line-height: 120%; /* 42px */ }

@media (max-width: 1199px) {
	h4,
	.h4 { font-size: clamp(28px, 1.719vw, 40px); /* 33px */ }
}

@media (max-width: 820px) {
	h4,
	.h4 { font-size: clamp(20px, 1.406vw, 30px); /* 27px */ }
}

h5,
.h5 { font-family: "Sarabun", sans-serif; font-size: clamp(18px, 1.458vw, 62px); /* 28px */ font-style: normal; font-weight: 500; line-height: 120%; /* 33.6px */ }

@media (max-width: 1199px) {
	h5,
	.h5 { font-size: clamp(20px, 1.302vw, 32px); /* 25px */ }
}

@media (max-width: 820px) {
	h5,
	.h5 { font-size: clamp(18px, 1.042vw, 24px); /* 20px */ }
}

h6,
.h6 { font-family: "Sarabun", sans-serif; font-size: clamp(15px, 1.198vw, 40px); /* 23px */ font-style: normal; font-weight: 500; line-height: 120%; /* 27.6px */ }

@media (max-width: 1199px) {
	h6,
	.h6 { font-size: clamp(14px, 0.938vw, 36px); /* 18px */ }
}

@media (max-width: 820px) {
	h6,
	.h6 { font-size: clamp(14px, 0.833vw, 32px); /* 16px */ }
}

.text-18,
p { color: #45474F; font-family: "Inter", sans-serif; font-size: clamp(14px, 0.938vw, 36px); /* 18px */ font-style: normal; font-weight: 400; line-height: 150%; /* 21.6px */ }

@media (max-width: 399px) {
	.text-18,
	p { font-size: clamp(12px, 0.729vw, 28px); /* 14px */ }
}

.text { font-size: clamp(14px, 0.938vw, 36px); }

.eyebrow { color: #FFE603; text-transform: uppercase; font-size: clamp(14px, 0.938vw, 36px); /* 16px */ font-family: "Inter", sans-serif; font-weight: 500; line-height: 120%; /* 24px */ }

@media (max-width: 1199px) {
	.eyebrow { font-size: clamp(12px, 0.677vw, 32px); /* 15px */ }
}

.subtitle { font-size: clamp(12px, 0.677vw, 32px); /* 15px */ font-family: "Inter", sans-serif; font-style: normal; font-weight: 400; line-height: 120%; }

@media (max-width: 1499px) {
	.subtitle { font-size: 14px; }
}

.caption { font-size: clamp(12px, 0.677vw, 28px); /* 13px */ font-style: normal; font-weight: 400; line-height: 120%; }

@media (max-width: 1499px) {
	.caption { font-size: 10px; }
}

span { display: inline-block; }

b,
strong { font-family: "Inter", sans-serif; }

.hr-line { width: 100%; height: 1px; background: #ADAFB6; }

.hover-content { transition: all 0.3s ease-in-out; }
.hover-content:hover { color: #FF832F !important; }

/*-------------------------
Helpers
-------------------------*/
.color-primary { color: #FF832F !important; }

.color-sec { color: #072D26 !important; }

.color-ter { color: #FFE603 !important; }

.black { color: #0C0C0D !important; }

.medium-black { color: #1E1F20 !important; }

.light-black { color: #141516 !important; }

.dark-gray { color: #45474F !important; }

.light-gray { color: #ADAFB6 !important; }

.lightest-gray { color: #EAEAEC !important; }

.white { color: #FAFAFA; }

.bg-primary { background: #FF832F !important; }

.bg-sec { background: #072D26 !important; }

.bg-ter { background: #FFE603 !important; }

.bg-black { background: #0C0C0D !important; }

.bg-medium-black { background: #1E1F20 !important; }

.bg-light-black { background: #141516 !important; }

.bg-dark-gray { background: #45474F !important; }

.bg-light-gray { background: #ADAFB6 !important; }

.bg-lightest-gray { background: #EAEAEC !important; }

.bg-white { background: #FAFAFA !important; }

.bg-white-bordered { background: #FAFAFA; border: 1px solid #EAEAEC; border-radius: clamp(8px, 0.625vw, 24px); }

.fw-200 { font-weight: 200; }

.fw-300 { font-weight: 300; }

.fw-400 { font-weight: 400; }

.fw-500 { font-weight: 500; }

.fw-600 { font-weight: 600; }

.fw-700 { font-weight: 700; }

.fw-800 { font-weight: 800; }

.font-primary { font-family: "Inter", sans-serif; }

.font-sec { font-family: "Sarabun", sans-serif; }

.br-4 { border-radius: 4px; }

.br-8 { border-radius: clamp(4px, 0.417vw, 16px); }

.br-10 { border-radius: clamp(5px, 0.521vw, 20px); }

.br-12 { border-radius: clamp(8px, 0.625vw, 24px); }

.br-14 { border-radius: clamp(10px, 0.729vw, 28px); }

.br-16 { border-radius: clamp(12px, 0.833vw, 32px); }

.br-18 { border-radius: clamp(14px, 0.938vw, 36px); }

.br-20 { border-radius: clamp(16px, 1.042vw, 40px); }

.br-24 { border-radius: clamp(18px, 1.25vw, 48px); }

.br-32 { border-radius: clamp(24px, 1.667vw, 64px); }

.gap-6 { gap: clamp(3px, 0.313vw, 7px); }

.order-6 { order: 6 !important; }

/*----------------------------------------*/
/*  SPACE CSS START
/*----------------------------------------*/
.mb-160 { margin-bottom: clamp(96px, 8.32vw, 320px); }

@media (max-width: 767px) {
	.mb-160 { margin-bottom: 46px; }
}

.mb-96 { margin-bottom: clamp(32px, 5vw, 128px); }

@media (max-width: 767px) {
	.mb-96 { margin-bottom: 26px; }
}

.my-80 { margin: clamp(48px, 4.167vw, 160px) 0; }

@media (max-width: 575px) {
	.my-80 { margin: 40px 0; }
}

.mt-80 { margin-top: clamp(48px, 4.167vw, 160px); }

@media (max-width: 575px) {
	.mt-80 { margin-top: 40px; }
}

.mb-80 { margin-bottom: clamp(48px, 4.167vw, 160px); }

@media (max-width: 575px) {
	.mb-80 { margin-bottom: 40px; }
}

.mb-64 { margin-bottom: clamp(32px, 3.33vw, 128px); }

@media (max-width: 767px) {
	.mb-64 { margin-bottom: 26px; }
}

.mt-64 { margin-top: clamp(32px, 3.33vw, 128px); }

@media (max-width: 767px) {
	.mt-64 { margin-top: 26px; }
}

.my-64 { margin: clamp(32px, 3.33vw, 128px) 0; }

@media (max-width: 767px) {
	.my-64 { margin: 26px 0; }
}

.mt-48 { margin-top: clamp(24px, 2.5vw, 96px); }

@media (max-width: 767px) {
	.mt-48 { margin-top: 20px; }
}

.mb-48 { margin-bottom: clamp(24px, 2.5vw, 96px); }

@media (max-width: 767px) {
	.mb-48 { margin-bottom: 20px; }
}

.mb-40 { margin-bottom: clamp(24px, 2.083vw, 80px); }

@media (max-width: 575px) {
	.mb-40 { margin-bottom: 20px; }
}

.mt-32 { margin-top: 32px; }

@media (max-width: 1599px) {
	.mt-32 { margin-top: 29px; }
}

@media (max-width: 1399px) {
	.mt-32 { margin-top: 27px; }
}

@media (max-width: 1199px) {
	.mt-32 { margin-top: 25px; }
}

@media (max-width: 991px) {
	.mt-32 { margin-top: 22px; }
}

@media (max-width: 767px) {
	.mt-32 { margin-top: 20px; }
}

.mb-32 { margin-bottom: 32px; }

@media (max-width: 1599px) {
	.mb-32 { margin-bottom: 29px; }
}

@media (max-width: 1399px) {
	.mb-32 { margin-bottom: 27px; }
}

@media (max-width: 1199px) {
	.mb-32 { margin-bottom: 25px; }
}

@media (max-width: 991px) {
	.mb-32 { margin-bottom: 22px; }
}

@media (max-width: 767px) {
	.mb-32 { margin-bottom: 20px; }
}

.mt-24 { margin-top: 24px; }

@media (max-width: 1199px) {
	.mt-24 { margin-top: 22px; }
}

@media (max-width: 991px) {
	.mt-24 { margin-top: 22px; }
}

@media (max-width: 767px) {
	.mt-24 { margin-top: 20px; }
}

.mb-120 { margin-bottom: clamp(60px, 6.25vw, 320px); }

@media (max-width: 575px) {
	.mb-120 { margin-bottom: 48px; }
}

.mb-28 { margin-bottom: 28px; }

@media (max-width: 1199px) {
	.mb-28 { margin-bottom: 22px; }
}

@media (max-width: 991px) {
	.mb-28 { margin-bottom: 22px; }
}

@media (max-width: 767px) {
	.mb-28 { margin-bottom: 20px; }
}

.mb-24 { margin-bottom: 24px; }

@media (max-width: 1199px) {
	.mb-24 { margin-bottom: 22px; }
}

@media (max-width: 991px) {
	.mb-24 { margin-bottom: 22px; }
}

@media (max-width: 767px) {
	.mb-24 { margin-bottom: 20px; }
}

.mb-20 { margin-bottom: 20px; }

@media (max-width: 1199px) {
	.mb-20 { margin-bottom: 18px; }
}

@media (max-width: 991px) {
	.mb-20 { margin-bottom: 16px; }
}

@media (max-width: 767px) {
	.mb-20 { margin-bottom: 14px; }
}

.mt-16 { margin-top: 16px; }

@media (max-width: 1199px) {
	.mt-16 { margin-top: 15px; }
}

@media (max-width: 991px) {
	.mt-16 { margin-top: 14px; }
}

@media (max-width: 767px) {
	.mt-16 { margin-top: 10px; }
}

.mb-18 { margin-bottom: 18px; }

@media (max-width: 1199px) {
	.mb-18 { margin-bottom: 14px; }
}

@media (max-width: 991px) {
	.mb-18 { margin-bottom: 13px; }
}

@media (max-width: 767px) {
	.mb-18 { margin-bottom: 10px; }
}

.mb-16 { margin-bottom: 16px; }

@media (max-width: 1199px) {
	.mb-16 { margin-bottom: 15px; }
}

@media (max-width: 991px) {
	.mb-16 { margin-bottom: 14px; }
}

@media (max-width: 767px) {
	.mb-16 { margin-bottom: 10px; }
}

.mb-12 { margin-bottom: 12px; }

@media (max-width: 1199px) {
	.mb-12 { margin-bottom: 11px; }
}

@media (max-width: 991px) {
	.mb-12 { margin-bottom: 10px; }
}

@media (max-width: 767px) {
	.mb-12 { margin-bottom: 8px; }
}

.mb-8 { margin-bottom: 8px; }

@media (max-width: 767px) {
	.mb-8 { margin-bottom: 4px; }
}

.mb-6 { margin-bottom: 6px; }

@media (max-width: 767px) {
	.mb-6 { margin-bottom: 3px; }
}

.mb-4p { margin-bottom: 4px; }

.py-160 { padding: clamp(96px, 8.32vw, 320px) 0; }

@media (max-width: 575px) {
	.py-160 { padding: 80px 0; }
}

.pt-160 { padding-top: clamp(96px, 8.32vw, 320px); }

@media (max-width: 575px) {
	.pt-160 { padding-top: 80px; }
}

.pb-160 { padding-bottom: clamp(96px, 8.32vw, 320px); }

@media (max-width: 575px) {
	.pb-160 { padding-bottom: 80px; }
}

.py-80 { padding: clamp(48px, 4.167vw, 160px) 0; }

@media (max-width: 575px) {
	.py-80 { padding: 40px 0; }
}

.pt-80 { padding-top: clamp(48px, 4.167vw, 160px); }

@media (max-width: 575px) {
	.pt-80 { padding-top: 40px; }
}

.pt-120 { padding-top: clamp(60px, 6.25vw, 320px); }

@media (max-width: 575px) {
	.pt-120 { padding-top: 48px; }
}

.pb-120 { padding-bottom: clamp(60px, 6.25vw, 320px); }

@media (max-width: 575px) {
	.pb-120 { padding-bottom: 48px; }
}

.pb-80 { padding-bottom: clamp(48px, 4.167vw, 160px); }

@media (max-width: 575px) {
	.pb-80 { padding-bottom: 40px; }
}

.py-64 { padding: clamp(32px, 3.33vw, 128px) 0; }

@media (max-width: 767px) {
	.py-64 { padding: 26px 0; }
}

.pt-64 { padding-top: clamp(32px, 3.33vw, 128px); }

@media (max-width: 767px) {
	.pt-64 { padding-top: 26px; }
}

.pb-64 { padding-bottom: clamp(32px, 3.33vw, 128px); }

@media (max-width: 767px) {
	.pb-64 { padding-bottom: 26px; }
}

.pb-48 { padding-bottom: 26px; }

.py-48 { padding: clamp(24px, 2.5vw, 96px) 0; }

@media (max-width: 767px) {
	.py-48 { padding: 20px 0; }
}

.pb-48 { padding-bottom: clamp(24px, 2.5vw, 96px); }

@media (max-width: 767px) {
	.pb-48 { padding-bottom: 20px; }
}

.pt-48 { padding-top: clamp(24px, 2.5vw, 96px); }

@media (max-width: 767px) {
	.pt-48 { padding-top: 20px; }
}

.py-40 { padding: clamp(24px, 2.083vw, 80px) 0; }

@media (max-width: 575px) {
	.py-40 { padding: 20px 0; }
}

.pt-40 { padding-top: clamp(24px, 2.083vw, 80px); }

@media (max-width: 575px) {
	.pt-40 { padding-top: 20px; }
}

.pt-12 { padding-top: clamp(8px, 0.625vw, 24px); }

@media (max-width: 575px) {
	.pt-12 { padding-top: 8px; }
}

.pb-40 { padding-bottom: clamp(24px, 2.083vw, 80px); }

@media (max-width: 575px) {
	.pb-40 { padding-bottom: 20px; }
}

.py-32 { padding: 32px 0; }

@media (max-width: 1599px) {
	.py-32 { padding: 29px 0; }
}

@media (max-width: 1399px) {
	.py-32 { padding: 27px 0; }
}

@media (max-width: 1199px) {
	.py-32 { padding: 25px 0; }
}

@media (max-width: 991px) {
	.py-32 { padding: 22px 0; }
}

@media (max-width: 767px) {
	.py-32 { padding: 20px 0; }
}

.p-32 { padding: 32px; }

@media (max-width: 1599px) {
	.p-32 { padding: 29px; }
}

@media (max-width: 1399px) {
	.p-32 { padding: 27px; }
}

@media (max-width: 1199px) {
	.p-32 { padding: 25px; }
}

@media (max-width: 991px) {
	.p-32 { padding: 22px; }
}

@media (max-width: 767px) {
	.p-32 { padding: 20px; }
}

.py-24 { padding: 24px 0; }

@media (max-width: 1199px) {
	.py-24 { padding: 22px 0; }
}

@media (max-width: 991px) {
	.py-24 { padding: 22px 0; }
}

@media (max-width: 767px) {
	.py-24 { padding: 20px 0; }
}

.pl-24 { padding-left: 24px; }

@media (max-width: 1199px) {
	.pl-24 { padding-left: 22px; }
}

@media (max-width: 991px) {
	.pl-24 { padding-left: 22px; }
}

@media (max-width: 767px) {
	.pl-24 { padding-left: 20px; }
}

.pr-24 { padding-right: 24px; }

@media (max-width: 1199px) {
	.pr-24 { padding-right: 22px; }
}

@media (max-width: 991px) {
	.pr-24 { padding-right: 22px; }
}

@media (max-width: 767px) {
	.pr-24 { padding-right: 20px; }
}

.pb-24 { padding-bottom: 24px; }

@media (max-width: 1199px) {
	.pb-24 { padding-bottom: 22px; }
}

@media (max-width: 991px) {
	.pb-24 { padding-bottom: 22px; }
}

@media (max-width: 767px) {
	.pb-24 { padding-bottom: 20px; }
}

.p-24 { padding: 24px; }

@media (max-width: 1199px) {
	.p-24 { padding: 22px; }
}

@media (max-width: 991px) {
	.p-24 { padding: 22px; }
}

@media (max-width: 767px) {
	.p-24 { padding: 20px; }
}

.py-16 { padding: 16px 0; }

@media (max-width: 1199px) {
	.py-16 { padding: 15px 0; }
}

@media (max-width: 991px) {
	.py-16 { padding: 14px 0; }
}

@media (max-width: 767px) {
	.py-16 { padding: 10px 0; }
}

.p-16 { padding: 16px; }

@media (max-width: 1199px) {
	.p-16 { padding: 15px; }
}

@media (max-width: 991px) {
	.p-16 { padding: 14px; }
}

@media (max-width: 767px) {
	.p-16 { padding: 10px; }
}

.p-12 { padding: 12px; }

@media (max-width: 1199px) {
	.p-12 { padding: 11px; }
}

@media (max-width: 991px) {
	.p-12 { padding: 10px; }
}

@media (max-width: 767px) {
	.p-12 { padding: 8px; }
}

.gap-4 { gap: clamp(2px, 0.208vw, 8px) !important; }

.gap-8 { gap: clamp(4px, 0.417vw, 16px); }

.gap-10 { gap: clamp(5px, 0.521vw, 20px); }

.gap-12 { gap: clamp(8px, 0.625vw, 24px); }

.gap-14 { gap: clamp(10px, 0.729vw, 28px); }

.gap-16 { gap: clamp(12px, 0.833vw, 32px); }

.gap-18 { gap: clamp(14px, 0.938vw, 36px); }

.gap-20 { gap: clamp(16px, 1.042vw, 40px); }

.gap-24 { gap: clamp(18px, 1.25vw, 48px); }

.gap-32 { gap: clamp(24px, 1.667vw, 64px); }

.gap-38 { gap: clamp(28px, 1.979vw, 76px); }

.gap-48 { gap: clamp(10px, 2.5vw, 28px); }

.gap-64 { gap: clamp(48px, 3.333vw, 128px); }

/*-------------------------
Elements
-------------------------*/
/*----------------------------------------*/
/*  Button CSS START
/*----------------------------------------*/
.cus-btn { position: relative; display: inline-flex; align-items: center; gap: clamp(8px, 0.625vw, 24px); padding: clamp(9px, 0.573vw, 20px) clamp(28px, 2.083vw, 68px); font-size: clamp(12px, 0.833vw, 32px); border: 1px solid #FAFAFA; text-transform: none; background-color: transparent; font-weight: 500; color: #FAFAFA; cursor: pointer; overflow: hidden; transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); }
.cus-btn .circle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; background-color: #FAFAFA; border-radius: 50%; opacity: 0; transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }
.cus-btn .text { position: relative; z-index: 1; transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }
.cus-btn:hover { box-shadow: 0 0 0 12px transparent; color: #FAFAFA; }
.cus-btn:hover .circle { background-color: #0C0C0D; width: 260px; height: 260px; opacity: 1; }
.cus-btn.primary { background-color: transparent; color: #072D26; }
.cus-btn.primary .text { position: relative; z-index: 1; transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }
.cus-btn.primary .circle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; background-color: #072D26; border-radius: 50%; opacity: 0; transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }
.cus-btn.primary:hover { box-shadow: 0 0 0 12px transparent; color: #FAFAFA; border-radius: clamp(24px, 1.667vw, 64px); }
.cus-btn.primary:hover .circle { width: 260px; height: 260px; opacity: 1; }

.cus-btn-2 { position: relative; display: inline-flex; align-items: center; gap: clamp(4px, 0.417vw, 16px); padding: clamp(14px, 0.729vw, 28px) clamp(28px, 2.083vw, 68px); font-size: clamp(12px, 0.833vw, 32px); font-family: "Inter", sans-serif; font-weight: 500; text-transform: none; line-height: 120%; background-color: #FF832F; color: #FAFAFA; cursor: pointer; overflow: hidden; transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); border: 1px solid #FF832F; }
.cus-btn-2 svg { position: absolute; width: 24px; fill: #FAFAFA; z-index: 9; transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }
.cus-btn-2 .arr-1 { right: 16px; }
.cus-btn-2 .arr-2 { left: -25%; }
.cus-btn-2 .circle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; background-color: #FAFAFA; border-radius: 50%; opacity: 0; transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }
.cus-btn-2 .text { position: relative; z-index: 1; transform: translateX(-12px); transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }
.cus-btn-2:hover { color: #FAFAFA; border: 1px solid #FAFAFA; }
.cus-btn-2:hover .arr-1 { right: -25%; }
.cus-btn-2:hover .arr-2 { transform: rotate(45deg); left: 16px; }
.cus-btn-2:hover .arr-2 path { fill: #FAFAFA; }
.cus-btn-2:hover .text { transform: translateX(12px); }
.cus-btn-2:hover .circle { background-color: #0C0C0D; width: 220px; height: 220px; opacity: 1; }

.cus-btn-3 { position: relative; display: inline-flex; align-items: center; gap: clamp(8px, 0.625vw, 24px); padding: clamp(14px, 0.729vw, 28px) clamp(28px, 2.083vw, 68px); font-size: clamp(12px, 0.833vw, 32px); font-family: "Inter", sans-serif; font-weight: 500; text-transform: none; line-height: 120%; background-color: transparent; color: #FAFAFA; cursor: pointer; overflow: hidden; transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); border: 1px solid #FAFAFA; }
.cus-btn-3 svg { position: absolute; width: 24px; fill: #FAFAFA; z-index: 9; transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }
.cus-btn-3 .arr-1 { right: 16px; }
.cus-btn-3 .arr-2 { left: -25%; }
.cus-btn-3 .circle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; background-color: #FAFAFA; border-radius: 50%; opacity: 0; transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }
.cus-btn-3 .text { position: relative; z-index: 1; transform: translateX(-12px); transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }
.cus-btn-3:hover { color: #FAFAFA; background-color: #FF832F; border: 1px solid #FF832F; }
.cus-btn-3:hover .arr-1 { right: -25%; }
.cus-btn-3:hover .arr-2 { transform: rotate(45deg); left: 16px; }
.cus-btn-3:hover .arr-2 path { fill: #FAFAFA; }
.cus-btn-3:hover .text { transform: translateX(12px); }
.cus-btn-3:hover .circle { background-color: #FF832F; width: 220px; height: 220px; opacity: 1; }

.cus-btn-4 { display: inline-flex; align-items: center; gap: clamp(12px, 0.833vw, 32px); position: relative; overflow: hidden; padding-right: 12px; }
.cus-btn-4 .link-icon { width: clamp(40px, 2.5vw, 54px); height: clamp(40px, 2.5vw, 54px); background-color: #FF832F; border-radius: 50%; display: flex; align-items: start; justify-content: center; transition: transform 0.3s ease; }

@media (max-width: 820px) {
	.cus-btn-4 .link-icon { padding-top: 5px; }
}

.cus-btn-4 .cross-icon { align-items: start; }
.cus-btn-4::before { content: ""; position: absolute; left: 0; bottom: 0; border-radius: clamp(28px, 2.5vw, 68px); padding-right: 12px; width: 100%; height: 100%; background-color: #FF832F; transform: translateX(-100%); transition: transform 0.3s ease; z-index: 0; }
.cus-btn-4:hover { color: #FAFAFA !important; }
.cus-btn-4:hover::before { transform: translateX(0); color: #FAFAFA !important; }
.cus-btn-4:hover .link-icon { transform: rotate(45deg); }
.cus-btn-4:hover .text { color: #FAFAFA; }
.cus-btn-4:hover span { color: #FAFAFA !important; position: relative; z-index: 1; }

/*----------------------------------------*/
/* scroll to top
/*----------------------------------------*/
.scrollToTopBtn { background-color: #FF832F; border: none; color: #FAFAFA; cursor: pointer; font-size: clamp(18px, 1.25vw, 48px); line-height: 48px; display: grid; align-items: center; justify-content: center; width: clamp(40px, 2.5vw, 64px); height: clamp(40px, 2.5vw, 64px); position: fixed; bottom: 30px; right: 30px; z-index: 100; opacity: 0; transform: translateY(100px); transition: all 0.5s ease; }
.scrollToTopBtn:hover { border: 1px solid #45474F; background: #45474F; color: #FAFAFA; transition: all 0.3s ease-in-out; }

.showBtn { opacity: 1; transform: translateY(0); }

.slider-arrows { display: flex; align-items: center; gap: clamp(12px, 0.833vw, 32px); }
.slider-arrows .arrow-btn svg { width: clamp(24px, 1.667vw, 64px); height: clamp(18px, 1.25vw, 48px); transition: all 0.3s ease-in-out; }
.slider-arrows .arrow-btn svg path { stroke: #FAFAFA; transition: all 0.3s ease-in-out; }
.slider-arrows .arrow-btn:hover { transition: all 0.3s ease-in-out; }
.slider-arrows .arrow-btn:hover path { stroke: #FF832F; fill: #FF832F; transition: all 0.3s ease-in-out; }

.social-icons { display: flex; align-items: center; gap: clamp(8px, 0.625vw, 20px); }

@media (max-width: 490px) {
	.social-icons { gap: clamp(12px, 0.833vw, 32px); }
}

.social-icons.icon-v2 { gap: clamp(16px, 1.042vw, 40px) !important; }
.social-icons li a { display: grid; align-items: center; justify-content: center; border-radius: 4px; transition: all 0.3s ease-in-out; }
.social-icons li a svg { width: clamp(18px, 1.25vw, 48px); height: clamp(18px, 1.25vw, 48px); }
.social-icons li a svg path { transition: all 0.3s ease-in-out; }
.social-icons li a:hover svg path { fill: #1E1F20; transition: all 0.3s ease-in-out; }

.pagination { margin-left: auto; margin-right: auto; text-align: center; overflow: hidden; display: flex; }
.pagination #border-pagination { display: flex; gap: clamp(4px, 0.417vw, 16px); margin: 0 auto; padding: 0; text-align: center; }
.pagination #border-pagination li { display: inline; }
.pagination #border-pagination li span { color: #FAFAFA; transition: all 0.3s ease-in-out; }
.pagination #border-pagination li a { display: flex; align-items: center; justify-content: center; text-decoration: none; color: #45474F; width: clamp(30px, 2.5vw, 54px); height: clamp(30px, 2.5vw, 54px); padding: 8px; gap: 7.5px; border-radius: 0; background: #FAFAFA; float: left; transition: all 0.3s ease-in-out; font-family: "Inter", sans-serif; font-size: clamp(12px, 0.729vw, 28px); font-style: normal; font-weight: 500; line-height: 150%; /* 21.6px */ }

@media (max-width: 399px) {
	.pagination #border-pagination li a { font-size: clamp(12px, 0.729vw, 28px); }
}

.pagination #border-pagination li a svg path { stroke: #FAFAFA; transition: all 0.3s ease-in-out; }
.pagination #border-pagination li a.active { background-color: #FF832F; color: #FAFAFA; }
.pagination #border-pagination li a.active svg path { stroke: #FAFAFA; transition: all 0.3s ease-in-out; }
.pagination #border-pagination li a:hover { background-color: #FF832F; color: #FAFAFA; }
.pagination #border-pagination li a:hover svg path { stroke: #FAFAFA; transition: all 0.3s ease-in-out; }
.pagination #border-pagination li:hover span { color: #FAFAFA; transition: all 0.3s ease-in-out; }

/*-------------------------
  Form Styling
-------------------------*/
textarea.form-control { min-height: 27px; max-height: 50px; }

@media (max-width: 578px) {
	textarea.form-control { min-height: 60px; max-height: 60px; }
}

textarea.form-control-1 { min-height: 27px; max-height: 50px; }

@media (max-width: 578px) {
	textarea.form-control-1 { min-height: 40px; max-height: 40px; }
}

.form-control { padding-bottom: clamp(12px, 0.833vw, 32px); border: none; border-bottom: 1px solid #ff832f; background-color: transparent !important; font-family: "Inter", sans-serif; font-size: clamp(14px, 0.938vw, 36px); /* 18px */ border-radius: 0; font-style: normal; font-weight: 400; line-height: 150%; position: relative; color: #0C0C0D; box-shadow: none; }

@media (max-width: 430px) {
	.form-control { padding-right: 54px; }
}

.form-control.form-control-2 { padding-left: 16px; }
.form-control:focus { background: #FAFAFA; box-shadow: none; outline: 0; color: #ADAFB6 !important; }
.form-control:hover { color: #ADAFB6 !important; }
.form-control::placeholder { color: #ADAFB6 !important; opacity: 1; }
.form-control svg { position: absolute; top: 16px; left: 18px; }
.form-control-1 { width: 100%; padding-bottom: clamp(12px, 0.833vw, 32px); border: none; border-bottom: 1px solid #45474F; background-color: transparent !important; font-family: "Inter", sans-serif; font-size: clamp(14px, 0.938vw, 36px); /* 18px */ border-radius: 0; font-style: normal; font-weight: 400; line-height: 150%; position: relative; color: #45474F; box-shadow: none; }

@media (max-width: 430px) {
	.form-control-1 { padding-right: 54px; }
}

.form-control-1.form-control-2 { padding-left: 16px; }
.form-control-1:focus { background: transparent; box-shadow: none; outline: 0; color: #45474F !important; }
.form-control-1:hover { color: #45474F !important; }
.form-control-1::placeholder { color: #45474F !important; opacity: 1; }
.form-control-1 svg { position: absolute; top: 16px; left: 18px; }
.input-block { position: relative; }
.input-block svg,
.input-block i { position: absolute; z-index: 2; top: 16px; right: 16px; }

input[type=file] { display: none; }

label.error { color: #ff0000; }

.cus-checkBox input { display: none; color: #FAFAFA; }
.cus-checkBox label { position: relative; display: flex; align-items: center; gap: 8px; cursor: pointer; color: #FAFAFA; }
.cus-checkBox label::before { content: "\f0c8"; font-family: "Font Awesome 6 Pro"; color: #FAFAFA; font-size: clamp(16px, 1.042vw, 20px); font-weight: 300; }
.cus-checkBox input[type=checkbox]:checked + label::before { content: "\f14a"; color: #FF832F; font-weight: 600; }

#preloader { position: fixed; width: 100%; height: 100vh; z-index: 9999999; display: grid; align-items: center; justify-content: center; background: #072D26; }

#preloader .truck { color: #FAFAFA; }

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

.truck { --dur: 3s; display: block; width: 12em; height: auto; }
.truck__body, .truck__line, .truck__outside1, .truck__outside2, .truck__outside3, .truck__wheel, .truck__wheel-spin, .truck__window1, .truck__window2 { animation: truck-body var(--dur) linear infinite; }
.truck__body { transform-origin: 17px 11px; }
.truck__line { animation-name: truck-line; }
.truck__outside1 { animation-name: truck-outside1; }
.truck__outside2 { animation-name: truck-outside2; }
.truck__outside3 { animation-name: truck-outside3; }
.truck__wheel { animation-name: truck-wheel; }
.truck__wheel-spin { animation-name: truck-wheel-spin; transform-origin: 6.5px 17px; }
.truck__wheel:nth-child(2) { animation-delay: calc(var(--dur) * 0.0625); }
.truck__wheel:nth-child(2) .truck__wheel-spin { transform-origin: 27px 17px; }
.truck__window1 { animation-name: truck-window1; }
.truck__window2 { animation-name: truck-window2; }

/* Dark theme */
@media (prefers-color-scheme: dark) {
	:root { --bg: hsl(var(--hue),90%,10%); --fg: hsl(var(--hue),90%,50%); }
}
/* Animations */
@keyframes truck-body {
	from, 12.5%, 25%, 37.5%, 50%, 62.5%, 75%, 87.5%, to { animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0); transform: translate(0, 0) rotate(0); }
	6.25%, 18.75%, 31.25%, 43.75%, 56.25%, 68.75%, 81.25%, 93.75% { animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1); transform: translate(0, 1px) rotate(-0.75deg); }
}

@keyframes truck-line {
	from { stroke-dashoffset: -18; }
	to { stroke-dashoffset: 78; }
}

@keyframes truck-outside1 {
	from { stroke-dashoffset: 105; }
	to { stroke-dashoffset: -105; }
}

@keyframes truck-outside2 {
	from { stroke-dashoffset: 168; }
	to { stroke-dashoffset: -42; }
}

@keyframes truck-outside3 {
	from { stroke-dashoffset: 192; }
	to { stroke-dashoffset: -18; }
}

@keyframes truck-wheel {
	from, 12.5%, 25%, 37.5%, 50%, 62.5%, 75%, 87.5%, to { animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0); transform: translate(0, 0); }
	6.25%, 18.75%, 31.25%, 43.75%, 56.25%, 68.75%, 81.25%, 93.75% { animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1); transform: translate(0, -1px); }
}

@keyframes truck-wheel-spin {
	from { stroke-dashoffset: -15.71; transform: rotate(0); }
	to { stroke-dashoffset: 15.71; transform: rotate(-4turn); }
}

@keyframes truck-window1 {
	from { stroke-dashoffset: -21; }
	to { stroke-dashoffset: 189; }
}

@keyframes truck-window2 {
	from { stroke-dashoffset: -39; }
	to { stroke-dashoffset: 171; }
}

.video-link { display: inline-block; padding: 5px 10px; border-radius: 4px; text-decoration: none; color: white; background-color: #f03; box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.5); }

.player { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0, 0, 0); background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, rgb(0, 0, 0) 100%); background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, rgb(0, 0, 0) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, rgb(0, 0, 0) 100%); background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, rgb(0, 0, 0) 100%); opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }

.player__video { position: relative; top: 50%; left: 50%; width: auto; max-width: 65%; height: 77%; background-color: #fff; box-shadow: 0 0 50px rgba(0, 0, 0, 0.95); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 1024px) {
	.player__video { height: 30%; }
}

@media (max-width: 490px) {
	.player__video { max-width: 78%; }
}

.js--show-video { opacity: 1; }

.video-filler { display: block; width: 100%; }

.video-close { position: absolute; z-index: 0; top: 0; right: -30px; padding: 5px 10px; border: none; outline: none; border-radius: 0 50% 50% 0; cursor: pointer; font-size: 24px; color: #000; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.75); }

.video-iframe { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #fff; }

.last-block { display: flex; align-items: center; gap: 16px; }

@media (max-width: 490px) {
	.last-block.v-2 { width: 100%; }
}

.last-block .drop-container { width: 100%; background-color: #141516; padding: clamp(4px, 0.365vw, 16px) clamp(8px, 0.625vw, 24px); border-radius: 5px; }

@media (max-width: 490px) {
	.last-block .drop-container.v-2 { width: 100%; }
}

@media (max-width: 490px) {
	.last-block .drop-container .wrapper-dropdown.v-2 { width: 100%; }
}

.drop-container { background-color: #FFE603; padding-right: 12px; }

.wrapper-dropdown { display: inline-flex; align-items: center; gap: clamp(4px, 0.417vw, 16px); position: relative; width: fit-content; width: 100%; text-align: left; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.wrapper-dropdown .selected-display { font-weight: 400; line-height: 150%; }
.wrapper-dropdown::before { position: absolute; top: 50%; right: 16px; margin-top: -2px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #fff transparent; }
.wrapper-dropdown .topbar-dropdown { width: 100%; overflow: hidden; box-shadow: 0px 3px 6px 0px #ADAFB6; background: #FAFAFA; color: #ADAFB6 !important; transition: 0.3s; position: absolute; top: 100%; right: 0; left: 6px; margin: 0; padding: 0; list-style: none; z-index: 99; border-radius: 16px; -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0; visibility: hidden; }
.wrapper-dropdown .topbar-dropdown li { color: #1E1F20 !important; font-weight: 500; padding: 0 15px; line-height: 45px; border-radius: 0; overflow: hidden; transition: all 0.3s ease-in-out; }
.wrapper-dropdown .topbar-dropdown li:last-child { border-bottom: none; }
.wrapper-dropdown .topbar-dropdown li:hover { transition: all 0.3s ease-in-out; background-color: #FF832F; color: #FAFAFA !important; }
.wrapper-dropdown.active .topbar-dropdown { color: #0C0C0D; opacity: 1; visibility: visible; border-radius: 5px; }
.wrapper-dropdown .scrollable-menu { height: auto; max-height: 200px; overflow-x: hidden; }
.wrapper-dropdown .arrow { float: right; rotate: 180deg; }
.wrapper-dropdown svg { transition: all 0.3s; }
.wrapper-dropdown .rotated { transform: rotate(-180deg); }

/*-------------------------
  layouts
-------------------------*/
.header { width: 100%; color: #FAFAFA; font-weight: 500; background-color: transparent; position: absolute; z-index: 2; }

@media (max-width: 580px) {
	.header { padding: clamp(2px, 0.833vw, 32px) 0; /*16px */ }
}

.header.header-2 { position: unset; background: #0C0C0D; }
.header .navigation { width: 100%; position: relative; }

@media (max-width: 1024px) {
	.header .navigation .header-logo { width: 80%; }
}

.header .navigation .menu-button-right { text-transform: capitalize; padding-top: 5px; display: flex; align-items: center; gap: clamp(24px, 3.333vw, 72px); }
.header .navigation .menu-button-right .main-menu__nav { margin-left: auto; margin-right: auto; }
.header .navigation .menu-button-right .main-menu__nav .main-menu__list,
.header .navigation .menu-button-right .main-menu__nav .main-menu__list ul,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list ul { margin: 0; padding: 0; list-style-type: none; align-items: center; display: none; text-transform: capitalize; }

@media screen and (min-width: 1200px) {
	.header .navigation .menu-button-right .main-menu__nav .main-menu__list,
	.header .navigation .menu-button-right .main-menu__nav .main-menu__list ul,
	.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list,
	.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list ul { display: flex; gap: clamp(20px, 1.667vw, 40px); }
}

.header .navigation .menu-button-right .main-menu__nav .main-menu__list > li,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li { padding-top: 0.417vw; padding-bottom: 0.417vw; position: relative; }
.header .navigation .menu-button-right .main-menu__nav .main-menu__list > li > a,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li > a { font-size: clamp(15px, 0.938vw, 22px); font-weight: 500; line-height: 150%; font-family: "Inter", sans-serif; text-transform: capitalize; letter-spacing: 0.32px; color: #FAFAFA; display: flex; align-items: center; gap: clamp(18px, 1.25vw, 48px) !important; position: relative; transition: all all 0.3s ease-in-out; }

@media (max-width: 1199px) {
	.header .navigation .menu-button-right .main-menu__nav .main-menu__list > li > a,
	.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li > a { font-size: clamp(17px, 1.251vw, 18px); }
}

@media (max-width: 575px) {
	.header .navigation .menu-button-right .main-menu__nav .main-menu__list > li > a,
	.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li > a { font-size: clamp(16px, 2.261vw, 14px); }
}

.header .navigation .menu-button-right .main-menu__nav .main-menu__list > li > a::after,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li > a::after { bottom: 0; left: 0; position: absolute; content: ""; width: 0; height: 2px; background-color: #FF832F; transition: all 0.3s ease-in-out; }
.header .navigation .menu-button-right .main-menu__nav .main-menu__list > li > a:hover, .header .navigation .menu-button-right .main-menu__nav .main-menu__list > li > a.active,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li > a:hover,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li > a.active { transition: all 0.3s ease-in-out; color: #FAFAFA; }
.header .navigation .menu-button-right .main-menu__nav .main-menu__list > li > a:hover::after, .header .navigation .menu-button-right .main-menu__nav .main-menu__list > li > a.active::after,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li > a:hover::after,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li > a.active::after { width: 100%; transition: all 0.3s ease-in-out; }
.header .navigation .menu-button-right .main-menu__nav .main-menu__list > li .header-arrow,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li .header-arrow { font-weight: 300; margin-left: -16px; }
.header .navigation .menu-button-right .main-menu__nav .main-menu__list > li:first-child a::before,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li:first-child a::before { display: none; }
.header .navigation .menu-button-right .main-menu__nav .main-menu__list > li.current, .header .navigation .menu-button-right .main-menu__nav .main-menu__list > li:hover,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li.current,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list > li:hover { color: #072D26; }
.header .navigation .menu-button-right .main-menu__nav .main-menu__list li ul,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li ul { overflow: hidden; border-radius: 5px; text-transform: uppercase; position: absolute; top: 100%; left: 0; min-width: 210px; flex-direction: column; justify-content: flex-start; align-items: flex-start; opacity: 0; visibility: hidden; transform-origin: top center; transform: scaleY(0) translateZ(100px); backface-visibility: hidden; transition: opacity all 0.3s ease-in-out, visibility all 0.3s ease-in-out, transform 700ms ease; z-index: 99; background: #FAFAFA; padding: 0; }
.header .navigation .menu-button-right .main-menu__nav .main-menu__list li ul li,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li ul li { flex: 1 1 100%; width: 100%; position: relative; }
.header .navigation .menu-button-right .main-menu__nav .main-menu__list li ul li > a,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li ul li > a { font-size: clamp(14px, 0.833vw, 20px); line-height: 26px; color: #0C0C0D; font-weight: 500; font-family: "Inter", sans-serif; display: flex; padding: 7px 20px; transition: 400ms; border-radius: 0px; text-transform: capitalize; }
.header .navigation .menu-button-right .main-menu__nav .main-menu__list li ul li.current > a, .header .navigation .menu-button-right .main-menu__nav .main-menu__list li ul li:hover > a,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li ul li.current > a,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li ul li:hover > a { background-color: #FF832F; color: #FAFAFA; }
.header .navigation .menu-button-right .main-menu__nav .main-menu__list li ul li > ul,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li ul li > ul { top: 0; left: calc(100% + 20px); }
.header .navigation .menu-button-right .main-menu__nav .main-menu__list li ul li > ul.right-align,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li ul li > ul.right-align { top: 0; left: auto; right: 100%; }
.header .navigation .menu-button-right .main-menu__nav .main-menu__list li ul li > ul ul,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li ul li > ul ul { display: flex; }
.header .navigation .menu-button-right .main-menu__nav .main-menu__list li:hover > ul,
.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li:hover > ul { opacity: 1; visibility: visible; gap: 0; transform: scaleY(1) translateZ(0px); transition: all 0.3s ease-in-out; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.header .navigation .menu-button-right .main-menu__nav .main-menu__list li:nth-last-child(1) ul li > ul, .header .navigation .menu-button-right .main-menu__nav .main-menu__list li:nth-last-child(2) ul li > ul,
	.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li:nth-last-child(1) ul li > ul,
	.header .navigation .menu-button-right .main-menu__nav .stricky-header .main-menu__list li:nth-last-child(2) ul li > ul { left: auto; right: calc(100% + 20px); }
}

.header .navigation .main-menu__right { display: flex; align-items: center; gap: clamp(18px, 1.25vw, 48px) !important; }
.header .navigation .main-menu__right .main-menu-link-btn { position: relative; }
.header .navigation .main-menu__right .main-menu-link-btn svg .icon { transition: all 0.3s ease-in-out; }
.header .navigation .main-menu__right .main-menu-link-btn:hover svg .icon { fill: #FF832F; transition: all 0.3s ease-in-out; }
.header .navigation .main-menu__right .search-toggler { margin-top: 10px; }
.header .navigation .main-menu__right .cart-text { line-height: 0; }

.mobile-nav__toggler { font-size: 24px; font-weight: 200; color: #45474F; cursor: pointer; transition: 500ms; display: none; }

@media (max-width: 1099px) {
	.mobile-nav__toggler { display: flex; filter: hue-rotate(50deg); }
}

.mobile-nav__toggler:hover { color: #072D26; }

/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999; transform: translateX(-100%); transform-origin: left center; transition: transform 500ms ease 500ms, visibility 500ms ease 500ms; visibility: hidden; position: fixed; }
.mobile-nav__wrapper .container { padding-left: 0; padding-right: 0; }
.mobile-nav__wrapper.expanded { opacity: 1; transform: translateX(0%); visibility: visible; transition: transform 500ms ease 0ms, visibility 500ms ease 0ms; }
.mobile-nav__wrapper.expanded .mobile-nav__content { opacity: 1; visibility: visible; transform: translateX(0); transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms; }
.mobile-nav__wrapper .mobile-nav__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #0C0C0D; opacity: 0.3; }
.mobile-nav__wrapper .mobile-nav__content { width: 300px; background-color: #FAFAFA; z-index: 10; position: relative; height: 100%; overflow-y: auto; padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; opacity: 0; visibility: hidden; transform: translateX(-100%); transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms; }

@media (max-width: 490px) {
	.mobile-nav__wrapper .mobile-nav__content { width: clamp(250px, 55.102vw, 450px); }
}

.mobile-nav__wrapper .mobile-nav__content .main-menu__nav { display: block; padding: 0; }
.mobile-nav__wrapper .mobile-nav__content .logo-box { margin-bottom: 40px; display: flex; }
.mobile-nav__wrapper .mobile-nav__content .logo-box img { width: clamp(160px, 15.625vw, 320px); }
.mobile-nav__wrapper .mobile-nav__content .main-menu__list,
.mobile-nav__wrapper .mobile-nav__content .main-menu__list ul { margin: 0; padding: 0; list-style-type: none; }
.mobile-nav__wrapper .mobile-nav__content .main-menu__list ul { display: none; border-top: 1px solid RGBA(255, 255, 255, 0.1); }
.mobile-nav__wrapper .mobile-nav__content .main-menu__list ul li > a { padding-left: 1em; }
.mobile-nav__wrapper .mobile-nav__content .main-menu__list ul li:not(:last-child) { border-bottom: 1px solid RGBA(255, 255, 255, 0.1); }
.mobile-nav__wrapper .mobile-nav__content .main-menu__list li:not(:last-child) { border-bottom: 1px solid RGBA(255, 255, 255, 0.1); }
.mobile-nav__wrapper .mobile-nav__content .main-menu__list li a { display: flex; justify-content: space-between; line-height: 30px; color: #0C0C0D; font-size: 18px; font-family: "Inter", sans-serif; text-transform: capitalize; font-weight: 500; height: 46px; letter-spacing: 0.8px; align-items: center; transition: 500ms; }
.mobile-nav__wrapper .mobile-nav__content .main-menu__list li a.expanded { color: #FF832F; }
.mobile-nav__wrapper .mobile-nav__content .main-menu__list li a button { width: 30px; height: 30px; background-color: #FF832F; border: none; outline: none; color: #FAFAFA; display: flex; align-items: center; justify-content: center; text-align: center; transform: rotate(-90deg); transition: transform 500ms ease; }
.mobile-nav__wrapper .mobile-nav__content .main-menu__list li a button.expanded { transform: rotate(0deg); background-color: #FF832F; color: #FAFAFA; }
.mobile-nav__wrapper .mobile-nav__close { position: absolute; top: 20px; right: 15px; font-size: 18px; color: #0C0C0D; cursor: pointer; }

.mobile-nav__social { display: flex; align-items: center; }
.mobile-nav__social a { font-size: 16px; color: #0C0C0D; transition: 500ms; }
.mobile-nav__social a + a { margin-left: 20px; }
.mobile-nav__social a:hover { color: #FF832F; }

.mobile-nav__contact { margin-bottom: 0; margin-top: 20px; margin-bottom: 20px; }
.mobile-nav__contact li { color: #0C0C0D; font-size: 14px; font-weight: 500; position: relative; display: flex; align-items: center; }
.mobile-nav__contact li + li { margin-top: 15px; }
.mobile-nav__contact li a { color: inherit; transition: 500ms; }
.mobile-nav__contact li a:hover { color: #FF832F; }
.mobile-nav__contact li i { width: 30px; height: 30px; border-radius: 50%; background-color: #FF832F; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 14px; margin-right: 10px; color: #FAFAFA; }

.mobile-nav__container .main-menu__logo,
.mobile-nav__container .main-menu__right { display: none; }

.nav-bar .nav-link li { position: relative; display: flex; align-items: center; gap: 16px; }
.nav-bar .nav-link li::before { width: clamp(4px, 0.417vw, 16px); height: clamp(4px, 0.417vw, 16px); border: 1px solid #FF832F; border-radius: clamp(4px, 0.417vw, 16px); }
.nav-bar .nav-link li.active::before { display: none; }

.hero-banner { background-color: #072D26;  width: 100%; padding: clamp(130px, 8.375vw, 232px) 0 clamp(30px, 9.635vw, 132px); text-align:center }

@media (max-width: 1399px) {
	.hero-banner { height: auto; }
}

.hero-banner .timing-wrapper { display: flex; align-items: center; gap: clamp(18px, 1.25vw, 48px) !important; }
.hero-banner .timing-wrapper .timing-block-1 { padding: clamp(4px, 1vw, 16px) clamp(12px, 3vw, 32px); border: 1px solid #EAEAEC; text-align: center; min-width: 9vw; }
.hero-banner .hero-img-block { display: flex; flex-direction: column; align-items: center; position: absolute; top: 0; }
.hero-banner .hero-img-block img:first-child { height: 15.825vw; }
.hero-banner .hero-img-block img:last-child { width: 40.885vw; height: 26.563vw; margin-top: -16px; animation: slideIn 2s ease-in-out infinite alternate; transform-origin: top; }

@keyframes slideIn {
	from { transform: translateY(0) rotate(-2deg); }
	to { transform: translateY(0) rotate(2deg); }
}

@media (max-width: 991px) {
	.hero-banner .hero-img-block { position: unset; display: none; }
}

.why-choose .why-choose-block { text-align: center; display: flex; align-items: center; justify-content: space-between; }

@media (max-width: 1399px) {
	.why-choose .why-choose-block { flex-wrap: wrap; row-gap: 12px; gap: 12px; justify-content: center; }
}

.blog-sec .heading { display: flex; align-items: center; justify-content: space-between; }
.blog-sec .search-container { position: relative; }
.blog-sec .search-icon { position: absolute; top: 50%; left: clamp(12px, 0.833vw, 32px); transform: translateY(-50%); color: #141516; font-size: 20px; z-index: 2; }
.blog-sec .search-form { padding: clamp(12px, 0.833vw, 32px) clamp(12px, 0.833vw, 32px) clamp(12px, 0.833vw, 32px) 0; color: #141516; border-radius: 4px; border: 1px solid #141516; width: 100%; background-color: #FAFAFA; padding-left: 50px; line-height: normal; position: relative; font-size: 16px; }
.blog-sec .search-form:focus { outline: none; }
.blog-sec .search-form::placeholder { color: #141516; }

@media (max-width: 768px) {
	.blog-sec .search-icon { font-size: 1.2rem; left: clamp(12px, 0.625vw, 24px); }
	.blog-sec .search-form { padding-left: 36px; font-size: 0.9rem; }
}

@media (max-width: 480px) {
	.blog-sec .search-icon { font-size: 1rem; left: 12px; }
	.blog-sec .search-form { padding-left: 32px; font-size: 0.8rem; }
}

.last-block { display: flex; align-items: center; gap: 16px; }

@media (max-width: 490px) {
	.last-block.v-2 { width: 100%; }
}

.last-block .drop-container { width: 100%; background-color: #141516; border-radius: 4px; }

@media (max-width: 490px) {
	.last-block .drop-container.v-2 { width: 100%; }
}

@media (max-width: 490px) {
	.last-block .drop-container .wrapper-dropdown.v-2 { width: 100%; }
}

.drop-container { border: 1px solid #141516; background-color: #FAFAFA; padding: clamp(10px, 0.729vw, 28px) clamp(18px, 1.25vw, 48px); border-radius: 4px; }

.wrapper-dropdown { display: inline-flex; align-items: center; gap: clamp(4px, 0.417vw, 16px); position: relative; width: fit-content; width: 100%; text-align: left; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.wrapper-dropdown .selected-display { font-weight: 400; line-height: 150%; }
.wrapper-dropdown::before { position: absolute; top: 50%; right: 16px; margin-top: -2px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #fff transparent; }
.wrapper-dropdown .topbar-dropdown { width: 100%; overflow: hidden; box-shadow: 0px 3px 6px 0px #ADAFB6; background: #FAFAFA; color: #141516 !important; transition: 0.3s; position: absolute; top: 167%; right: 0; left: -2px; margin: 0; padding: 0; list-style: none; z-index: 99; border-radius: 16px; -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0; visibility: hidden; }
.wrapper-dropdown .topbar-dropdown li { color: #1E1F20 !important; font-weight: 500; padding: 0 15px; line-height: 45px; border-radius: 0; overflow: hidden; transition: all 0.3s ease-in-out; }
.wrapper-dropdown .topbar-dropdown li:last-child { border-bottom: none; }
.wrapper-dropdown .topbar-dropdown li:hover { transition: all 0.3s ease-in-out; background-color: #FF832F; color: #FAFAFA !important; }
.wrapper-dropdown.active .topbar-dropdown { opacity: 1; visibility: visible; border-radius: 5px; }
.wrapper-dropdown .scrollable-menu { height: auto; max-height: 200px; overflow-x: hidden; }
.wrapper-dropdown .arrow { float: right; rotate: 180deg; }
.wrapper-dropdown svg { transition: all 0.3s; }
.wrapper-dropdown .rotated { transform: rotate(-180deg); }

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration { display: none; }

.footer { background-color: #072D26; padding: clamp(60px, 6.354vw, 254px) 0; }
.footer ul { list-style: none; padding: 0; margin: 0; }
.footer ul li { color: #FAFAFA; }
.footer ul li:hover { color: #FF832F !important; }
.footer .newletter-form { display: flex; align-items: center; justify-content: space-between; border: 1px solid #EAEAEC; padding: clamp(8px, 0.625vw, 24px) clamp(12px, 0.833vw, 32px); }
.footer .newletter-form .news-letter { width: 100%; border: none; background-color: transparent; }
.footer .newletter-form .news-letter::placeholder { color: #EAEAEC; }
.footer .newletter-form .news-letter:focus { color: #EAEAEC; background-color: transparent; outline: none; }
.footer .newletter-form .news-letter::before { color: #EAEAEC; background-color: transparent; outline: none; }
.footer .newletter-form .news-letter-button { border: none; background-color: transparent; transition: all 0.3s ease-in-out; }
.footer .newletter-form .news-letter-button svg { transition: all 0.3s ease-in-out; }
.footer .newletter-form .news-letter-button svg path { transition: all 0.3s ease-in-out; }
.footer .newletter-form .news-letter-button:hover svg path { fill: #FF832F; }

@media (max-width: 820px) {
	.footer .footer-logo { width: 80%; }
}

.links-block { display: flex; align-items: center; gap: clamp(40px, 2.5vw, 54px); }
.links-block .link-1 { width: clamp(40px, 2.5vw, 54px); height: clamp(40px, 2.5vw, 54px); display: flex; align-items: center; justify-content: center; background-color: #FAFAFA; transition: all 0.3s ease-in-out; }
.links-block .link-1 svg { transition: all 0.3s ease-in-out; width: clamp(18px, 1.25vw, 48px); height: clamp(18px, 1.25vw, 48px); }
.links-block .link-1 svg path { transition: all 0.3s ease-in-out; fill: #FF832F; }
.links-block .link-1:hover { transition: all 0.3s ease-in-out; background-color: #FF832F; }
.links-block .link-1:hover svg path { fill: #FAFAFA; }

.links-block-2 { gap: clamp(18px, 1.25vw, 48px) !important; }
.links-block-2 .links-2 { background-color: #FF832F !important; width: clamp(24px, 1.667vw, 64px) !important; height: clamp(24px, 1.667vw, 64px) !important; }
.links-block-2 .links-2 svg { width: clamp(12px, 0.833vw, 32px); height: clamp(12px, 0.833vw, 32px); }
.links-block-2 .links-2 svg path { fill: #FAFAFA !important; }
.links-block-2 .links-2:hover { background-color: #FAFAFA !important; }
.links-block-2 .links-2:hover svg path { fill: #FF832F !important; }

.title-banner { background: url("/images/about-bg.jpg") no-repeat; background-position: center; background-size: cover; padding: clamp(160px, 12.604vw, 260px) clamp(80px, 12.604vw, 260px); }
.title-banner .title-content { display: flex; align-items: start; justify-content: start; }

.title-banner-1 { background: url("/images/title-bg.jpg") no-repeat; }

.title-banner-2 { background: url("/images/booking-bg.jpg") no-repeat; }

.callenges-sec .callenges-wrapper .row { border-top: 2px dashed #45474F; overflow: visible; }

@media (max-width: 820px) {
	.callenges-sec .callenges-wrapper .row { border-top: none; }
}

.callenges-sec .callenges-wrapper .challenge-block { position: relative; display: flex; align-items: center; gap: clamp(8px, 0.625vw, 24px); }

@media (max-width: 820px) {
	.callenges-sec .callenges-wrapper .challenge-block { border-top: 2px dashed #45474F; }
}

.callenges-sec .callenges-wrapper .challenge-block .content-area { padding: clamp(18px, 1.25vw, 48px) 0; }
.callenges-sec .callenges-wrapper .challenge-block .vr-date { width: 66px; display: grid; place-content: center; }
.callenges-sec .callenges-wrapper .challenge-block .vr-date h2 { color: white; -webkit-text-stroke: 2px black; transform: rotate(-90deg); }
.callenges-sec .callenges-wrapper .challenge-block.initial .vr-date h2 { -webkit-text-stroke: 0px; }
.callenges-sec .callenges-wrapper .challenge-block .svg-block { width: clamp(48px, 3.333vw, 128px); height: clamp(48px, 3.333vw, 128px); border-radius: 50%; background-color: #FF832F; display: flex; align-items: center; justify-content: center; }
.callenges-sec .callenges-wrapper .challenge-block .svg-block svg { width: clamp(20px, 2.083vw, 54px); height: clamp(20px, 2.083vw, 54px); }
.callenges-sec .callenges-wrapper .challenge-block .dot-line { position: absolute; left: -17px; top: -6px; height: 100%; display: flex; flex-direction: column; align-items: center; }

@media (max-width: 820px) {
	.callenges-sec .callenges-wrapper .challenge-block .dot-line { display: none; }
}

.callenges-sec .callenges-wrapper .challenge-block .dot-line .dot { height: 12px; width: 12px; border-radius: 12px; background-color: #ADAFB6; flex-shrink: 0; }

@media (max-width: 820px) {
	.callenges-sec .callenges-wrapper .challenge-block .dot-line .dot { display: none; }
}

.callenges-sec .callenges-wrapper .challenge-block .dot-line .line { width: 2px; height: 90%; background-color: #ADAFB6; }

@media (max-width: 820px) {
	.callenges-sec .callenges-wrapper .challenge-block .dot-line .line { display: none; }
}

.side-bar .form-container { position: relative; border-radius: clamp(8px, 0.625vw, 24px); border: 1px solid #141516; }
.side-bar .form-container .search-container { font-size: clamp(16px, 1.042vw, 40px); display: flex; align-items: center; position: relative; gap: clamp(8px, 0.625vw, 24px); background-color: transparent; padding-left: 16px; }
.side-bar .form-container .search-container .input-search-icon { pointer-events: none; position: absolute; color: #141516; }
.side-bar .form-container .search-container .search-form { width: 100%; padding-left: 40px; border: none; background-color: transparent; color: #141516; font-family: "Inter", sans-serif; font-size: clamp(16px, 1.042vw, 40px); font-weight: 400; line-height: 120%; }
.side-bar .form-container .search-container .search-form::before, .side-bar .form-container .search-container .search-form:focus { border: none; outline: none; background-color: transparent; }
.side-bar .form-container .search-container .search-form::placeholder { font-weight: 400; color: #141516 !important; }
.side-bar .recent-articles .articles-1 { display: flex; align-items: center; gap: clamp(12px, 0.833vw, 32px); }
.side-bar .recent-articles .articles-1 .hover-content:hover { color: #FF832F !important; }
.side-bar .tags-content { display: flex; align-items: center; flex-wrap: wrap; gap: clamp(8px, 0.625vw, 24px); }
.side-bar .tags-content .tags-block { padding: 5px clamp(10px, 0.729vw, 28px); background-color: #FAFAFA; color: #0C0C0D; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: space-between; }
.side-bar .tags-content .tags-block:hover { background-color: #FF832F; }
.side-bar .tags-content .tags-block:hover .subtitle { color: #FAFAFA !important; }
.side-bar .tags-content .active { background-color: #FF832F; }
.side-bar .tags-content .active .text { color: #FAFAFA !important; }
.side-bar .image-gallery .img-block { display: flex; align-items: center; row-gap: clamp(8px, 0.625vw, 24px); gap: clamp(18px, 1.25vw, 48px) !important; }

@media (max-width: 1399px) {
	.side-bar .image-gallery .img-block { flex-wrap: wrap; }
}

.side-bar input[type=search]::-webkit-search-decoration,
.side-bar input[type=search]::-webkit-search-cancel-button,
.side-bar input[type=search]::-webkit-search-results-button,
.side-bar input[type=search]::-webkit-search-results-decoration { display: none; }

.blog-detail-sec .blog-detail-content { display: flex; align-items: start; gap: clamp(8px, 0.625vw, 24px); }
.blog-detail-sec .blog-detail-content .detail-line { width: 1px; height: 74.479vw; background-color: #ADAFB6; }
.blog-detail-sec .blog-detail-content .qoute-block { background-color: #072D26; padding: clamp(18px, 1.25vw, 48px); text-align: center; }

.hero-sec { background: url("/images/hero-bg-2.jpg") no-repeat; background-size: cover; padding: clamp(98px, 10.755vw, 228px) 0 clamp(80px, 5.339vw, 228px) 0; }
.hero-sec .hero-title { text-align: center; }

.hero-sec-2 { background: url("/images/hero-bg-3.jpg") no-repeat; }

.hero-sec-3 { background: url("/images/hero-bg-4.jpg") no-repeat; }

.our-benefit-sec { background: url("/images/our-benefit-img-1.jpg") no-repeat; background-position: center; background-size: cover; width: 100%; height: 505px; position: relative; transition: all 0.3s ease-in-out; }
.our-benefit-sec .our-benefit-text { border-right: 1px solid #ADAFB6; height: 505px; display: flex; padding: clamp(12px, 2.5vw, 54px); flex-direction: column; justify-content: space-between; align-items: flex-start; position: relative; overflow: hidden; gap: 160px; transition: all 0.3s ease-in-out; }
.our-benefit-sec .our-benefit-text .hover-text { transition: all 0.3s ease-in-out; }
.our-benefit-sec .our-benefit-text .hover-text p { overflow: hidden; transition: all 0.3s ease-in-out; height: 0; }
.our-benefit-sec .our-benefit-text:hover { transition: all 0.3s ease-in-out; background: rgba(7, 45, 38, 0.8); }
.our-benefit-sec .our-benefit-text:hover .hover-text { transition: all 0.3s ease-in-out; }
.our-benefit-sec .our-benefit-text:hover .hover-text p { transition: all 0.3s ease-in-out; height: 100%; }

.map .map-wrapper iframe { border-radius: clamp(8px, 0.625vw, 24px); width: 100%; height: clamp(450px, 32.135vw, 900px); }

.heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }

@media (max-width: 766px) {
	.heading { row-gap: 16px; justify-content: space-between; flex-wrap: wrap; text-align: center; }
}

.services-detail-sec .detail-border { border: 1px solid #ADAFB6; }
.services-detail-sec .services-detail { padding: clamp(18px, 1.25vw, 48px); }

.services-sec .service-block-1 { display: flex; align-items: center; gap: clamp(18px, 1.25vw, 48px) !important; background-color: #FAFAFA; transition: all 0.3s ease-in-out; }

@media (max-width: 768px) {
	.services-sec .service-block-1 { flex-wrap: wrap; }
}

.services-sec .service-block-1 .img-block { transition: all 0.3s ease-in-out; overflow: hidden; }
.services-sec .service-block-1 .img-block img { transition: all 0.3s ease-in-out; }

@media (max-width: 768px) {
	.services-sec .service-block-1 .service-content { padding: clamp(18px, 1.25vw, 48px) !important; }
}

.services-sec .service-block-1:hover .hover-content { color: #FF832F; }
.services-sec .service-block-1:hover .img-block img { transform: scale(1.1); }

@media (max-width: 1399px) {
	p br { display: none; }
}

.book-appointment { overflow: hidden; }
.book-appointment .drop-container { border: none; padding: 0; }

.brand .brand-slider-wrapper { position: relative; width: 100%; overflow: hidden; }
.brand .brand-slider-wrapper::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; pointer-events: none; background: linear-gradient(90deg, #EDEDED 0%, rgba(237, 237, 237, 0.2) 20%, rgba(237, 237, 237, 0.2) 80%, #EDEDED 100%); }
.brand .brand-slider-wrapper .brand-slider { width: 74.792vw; margin: 0 auto; overflow: visible; }
.brand .brand-slider-wrapper .brand-slider .slick-list { overflow: visible; }
.brand .brand-slider-wrapper .brand-slider .slider-item { padding: 0 0.625vw; }
.brand .brand-slider-wrapper .brand-slider .slider-item .logo { padding: clamp(40px, 2.5vw, 54px) 0; display: flex; align-items: center; justify-content: center; }

@media (max-width: 768px) {
	.brand .brand-slider-wrapper .brand-slider .slider-item .logo { width: 19.01vw; height: 10.208vw; }
}

@media (max-width: 490px) {
	.brand .brand-slider-wrapper .brand-slider .slider-item .logo { width: 21.837vw; height: 14.286vw; }
}

.brand .brand-slider-wrapper.slider-rightSlider .slider-item { direction: ltr; }

.testimonial-sec { background: url("/images/testimonial-img.jpg") no-repeat; background-position: center; background-size: cover; padding: clamp(48px, 7.344vw, 228px) clamp(68px, 12.604vw, 288px); }

.our-team-sec .our-block-1 { display: flex; align-items: center; gap: clamp(18px, 1.25vw, 48px) !important; background-color: #072D26; }

@media (max-width: 1299px) {
	.our-team-sec .our-block-1 { flex-wrap: wrap; }
	.our-team-sec .our-block-1 .team-img { width: 100%; }
	.our-team-sec .our-block-1 .team-img img { width: 100%; }
}

.our-team-sec .team-content { padding: clamp(30px, 4.115vw, 84px) 0; }

@media (max-width: 1299px) {
	.our-team-sec .team-content { padding: clamp(18px, 1.25vw, 48px); }
}

.blog-sec .heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }

@media (max-width: 766px) {
	.blog-sec .heading { row-gap: 16px; justify-content: space-between; text-align: center; }
}

.blog-sec .heading .drop-container { border: 1px solid #141516; background-color: transparent; }
.blog-sec .heading .search-container .search-form::placeholder { color: #141516 !important; }
.blog-sec .blog-1 { transition: all 0.3s ease-in-out; }
.blog-sec .blog-1 .blog-img img { overflow: hidden; transition: all 0.3s ease-in-out; }
.blog-sec .blog-1 .blog-content-area { display: flex; align-items: start; gap: clamp(8px, 0.625vw, 24px); border: 1px solid #ADAFB6; }
.blog-sec .blog-1 .blog-content-area .blog-content-block { padding: clamp(12px, 0.833vw, 32px) clamp(8px, 0.625vw, 24px); }
.blog-sec .blog-1 .blog-content-area .date-block { padding-left: clamp(8px, 0.625vw, 24px); padding-top: clamp(24px, 1.667vw, 64px); }
.blog-sec .blog-1 .blog-content-area .content-line { width: 1px; height: clamp(154px, 12.5vw, 264px); background-color: #ADAFB6; }
.blog-sec .blog-1 .blog-link { display: inline-flex; align-items: center; gap: 12px; transition: all 0.3s ease; text-decoration: none; }
.blog-sec .blog-1 .blog-link p { font-weight: 600; color: #0C0C0D; transition: color 0.3s ease; }
.blog-sec .blog-1 .blog-link:hover { text-decoration: underline; }
.blog-sec .blog-1:hover .cus-btn-4::before { background-color: #FF832F !important; padding: 2px; transform: translateX(0); color: #FAFAFA !important; }
.blog-sec .blog-1:hover .cus-btn-4 .text { color: #FAFAFA !important; }
.blog-sec .blog-1:hover .cus-btn-4 .cross-icon,
.blog-sec .blog-1:hover .cus-btn-4 .link-icon { justify-content: center; align-items: start; transform: rotate(45deg); background-color: #0C0C0D; color: #FAFAFA !important; }
.blog-sec .blog-1:hover span { z-index: 1; }

.our-client-sec .our-client-block-1 { overflow: hidden; border-radius: clamp(4px, 0.417vw, 16px); transition: all 0.3s ease-in-out; box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.09), 0px 8px 18px rgba(0, 0, 0, 0.1); }
.our-client-sec .our-client-block-1 .img-block { width: 100%; overflow: hidden; }
.our-client-sec .our-client-block-1 .img-block img { width: 100%; transition: all 0.3s ease-in-out; border-top-left-radius: clamp(4px, 0.417vw, 16px); border-top-right-radius: clamp(4px, 0.417vw, 16px); }
.our-client-sec .our-client-block-1 .visit-link { text-decoration: underline; color: #FF832F; }
.our-client-sec .our-client-block-1 .content-area { border-bottom-left-radius: clamp(4px, 0.417vw, 16px); border-bottom-right-radius: clamp(4px, 0.417vw, 16px); padding: clamp(18px, 1.25vw, 48px) clamp(12px, 0.833vw, 32px); background-color: #FAFAFA; box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.09), 0px 8px 18px rgba(0, 0, 0, 0.1); }
.our-client-sec .our-client-block-1:hover .visit-link { transform: scale(1.05); text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); }
.our-client-sec .our-client-block-1:hover .img-block img { transform: scale(1.1); transition: all 0.3s ease-in-out; }

.booking-sec { background: url("/images/booking-img.jpg") no-repeat; background-size: cover; padding: clamp(110px, 6.667vw, 254px) 0; }
.booking-sec .booking-wrapper { background-color: #072D26; padding: clamp(22px, 2.5vw, 54px); }

.our-solution-sec .nav-item { width: 100%; padding: clamp(28px, 1.875vw, 76px) clamp(18px, 1.25vw, 48px); border-bottom: 1px solid #ADAFB6; display: flex; align-items: start; gap: clamp(12px, 0.833vw, 32px); cursor: pointer; transition: all 0.3s ease-in-out; }
.our-solution-sec .nav-item svg path { fill: #141516; transition: all 0.3s ease-in-out; }
.our-solution-sec .nav-item .hover-text { transition: all 0.3s ease-in-out; color: #0C0C0D; }
.our-solution-sec .nav-item a { transition: all 0.3s ease-in-out; }
.our-solution-sec .hidden { display: none; }
.our-solution-sec .active { transition: all 0.3s ease-in-out; cursor: pointer; background-color: #072D26; border-left: 8px solid #FF832F; display: block; text-decoration: none; display: flex; align-items: start; gap: clamp(8px, 0.625vw, 24px); }
.our-solution-sec .active .hover-text { transition: all 0.3s ease-in-out; color: #FAFAFA; transition: all 0.3s ease-in-out; }
.our-solution-sec .active svg path { fill: #FF832F; }
.our-solution-sec .active a { color: #FAFAFA; transition: all 0.3s ease-in-out; }
.our-solution-sec .active a:hover { color: #FF832F; }
.our-solution-sec .active .image-container { transition: all 0.3s ease-in-out; }
.our-solution-sec .image-container { transition: all 0.3s ease-in-out; }
.our-solution-sec .image-container img { width: 100%; }

.timeline-slider { overflow: hidden; }

h3 { margin: 5px 0; }

.sliderContainer { position: relative; }

.slider { width: 100%; }

.slick-slide { color: white; padding: clamp(40px, 2.5vw, 54px) 0 0 0; font-size: 30px; }

@media (max-width: 766px) {
	.slick-slide { padding: 148px 0 0 0; }
}

.slick-prev:before,
.slick-next:before { color: black; }

.slick-dots { bottom: -30px; }

.progressBarContainer { display: flex; position: absolute; top: 20px; left: 0; right: 0; margin: 0 auto; }

@media (max-width: 766px) {
	.progressBarContainer { flex-wrap: wrap; }
}

.progressBarContainer div { display: block; width: 100%; padding: 0; cursor: pointer; float: left; color: white; }

.progressBarContainer div:last-child { margin-right: 0; }

.progressBarContainer div span.progressBar { width: 100%; height: 1px; background-color: #141516; display: block; }

.progressBarContainer div span.progressBar .inProgress { background-color: #FF832F; color: #FF832F !important; width: 0%; height: 2px; }

/* Custom */
.slick-dots li button:before { font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 80px; height: 4px; content: ""; opacity: 0.25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li { width: 100px; }

.slick-dots li.slick-active button:before { opacity: 0.25; color: black; }

.slick-dots li.slick-active button:after { font-size: 6px; line-height: 20px; position: absolute; top: 0; opacity: 1; left: 0; width: 80px; height: 3px; content: ""; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 9999999999999; animation-name: progress; animation-timing-function: linear; animation-duration: 2600ms; animation-delay: 0; }

@keyframes progress {
	from { width: 0px; }
	to { width: 80px; }
}

.services-sec .services-content { padding: clamp(10px, 2.5vw, 54px); }

.maintenance .block { background-color: transparent; color: #0C0C0D; }
.maintenance .block .faq-block-1 { padding: clamp(18px, 1.25vw, 48px); color: #0C0C0D; border-radius: clamp(4px, 0.417vw, 16px); position: relative; }
.maintenance .block .faq-block-1 .active { color: #FF832F; }
.maintenance .block .faq-block-1 .accordion-button { color: #0C0C0D; position: unset; margin: 0; padding: 0; font-weight: 500; font-size: 21px; line-height: 130%; }

@media (max-width: 992px) {
	.maintenance .block .faq-block-1 .accordion-button { font-size: 20px; }
}

@media (max-width: 767px) {
	.maintenance .block .faq-block-1 .accordion-button { font-size: 19px; }
}

@media (max-width: 575px) {
	.maintenance .block .faq-block-1 .accordion-button { font-size: 18px; }
}

@media (max-width: 490px) {
	.maintenance .block .faq-block-1 .accordion-button { padding-right: 40px; }
}

.maintenance .block .faq-block-1 .accordion-button.collapsed { border-radius: 0px; padding: 0; background: none; margin: 0; }

@media (max-width: 490px) {
	.maintenance .block .faq-block-1 .accordion-button.collapsed { padding-right: 40px; }
}

.maintenance .block .faq-block-1 .accordion-button.collapsed::after { background-image: none !important; color: #FAFAFA; content: "\f067"; font-family: "Font Awesome 6 Pro"; color: #0C0C0D; }
.maintenance .block .faq-block-1 .accordion-button:not(.collapsed) { color: #FF832F; background: transparent; border: none; box-shadow: none; }
.maintenance .block .faq-block-1 .accordion-button:focus { border: none; box-shadow: none; }
.maintenance .block .faq-block-1 .accordion-button::after { content: "\f068"; color: #0C0C0D; font-family: "Font Awesome 6 Pro"; background-image: none !important; position: absolute; right: 16px; font-weight: 300; font-size: 24px; cursor: pointer; }
.maintenance .block .faq-block-1 .accordion-collapse p { margin-top: clamp(21px, 1.25vw, 48px); }

@media (max-width: 991px) {
	.maintenance .block .faq-block-1 .accordion-collapse p { margin-top: 2.117vw; }
}

@media (max-width: 767px) {
	.maintenance .block .faq-block-1 .accordion-collapse p { margin-top: 1.613vw; }
}

.maintenance .block .faq-block { padding: clamp(18px, 1.25vw, 48px); color: #0C0C0D; border-radius: clamp(4px, 0.417vw, 16px); position: relative; }
.maintenance .block .faq-block .accordion-button { position: unset; margin: 0; padding: 0; font-weight: 500; font-size: 21px; line-height: 130%; }

@media (max-width: 992px) {
	.maintenance .block .faq-block .accordion-button { font-size: 20px; }
}

@media (max-width: 767px) {
	.maintenance .block .faq-block .accordion-button { font-size: 19px; }
}

@media (max-width: 575px) {
	.maintenance .block .faq-block .accordion-button { font-size: 18px; }
}

@media (max-width: 490px) {
	.maintenance .block .faq-block .accordion-button { padding-right: 40px; }
}

.maintenance .block .faq-block .accordion-button.collapsed { border-radius: 0px; padding: 0; background: none; margin: 0; }

@media (max-width: 490px) {
	.maintenance .block .faq-block .accordion-button.collapsed { padding-right: 40px; }
}

.maintenance .block .faq-block .accordion-button.collapsed::after { background-image: none !important; color: #FAFAFA; content: "\f067"; font-family: "Font Awesome 6 Pro"; color: #0C0C0D; }
.maintenance .block .faq-block .accordion-button:not(.collapsed) { color: #FF832F; background: transparent; border: none; box-shadow: none; }
.maintenance .block .faq-block .accordion-button:focus { border: none; box-shadow: none; }
.maintenance .block .faq-block .accordion-button::after { content: "\f068"; font-family: "Font Awesome 6 Pro"; background-image: none !important; position: absolute; right: 16px; font-weight: 300; font-size: 24px; cursor: pointer; }
.maintenance .block .faq-block .accordion-collapse p { margin-top: clamp(21px, 1.25vw, 48px); }

@media (max-width: 991px) {
	.maintenance .block .faq-block .accordion-collapse p { margin-top: 2.117vw; }
}

@media (max-width: 767px) {
	.maintenance .block .faq-block .accordion-collapse p { margin-top: 1.613vw; }
}

/*# sourceMappingURL=app.css.map */