@charset "utf-8";

@font-face { font-family: 'Benzin'; font-weight: 400; font-style: normal; src: url("./fonts/Benzin-Regular.eot"); src: url("./fonts/Benzin-Regular.woff") format('woff'), url("./fonts/Benzin-Regular.woff2") format('woff2'); font-display: swap; }
@font-face { font-family: 'Benzin'; font-weight: 500; font-style: normal; src: url("./fonts/Benzin-Medium.eot"); src: url("./fonts/Benzin-Medium.woff") format('woff'), url("./fonts/Benzin-Medium.woff2") format('woff2'); font-display: swap; }
@font-face { font-family: 'Benzin'; font-weight: 700; font-style: normal; src: url("./fonts/Benzin-Bold.eot"); src: url("./fonts/Benzin-Bold.woff") format('woff'), url("./fonts/Benzin-Bold.woff2") format('woff2'); font-display: swap; }
@font-face { font-family: 'Gilroy'; font-weight: 400; font-style: normal; src: url("./fonts/Gilroy-Regular.eot"); src: url("./fonts/Gilroy-Regular.woff") format('woff'), url("./fonts/Gilroy-Regular.woff2") format('woff2'); font-display: swap; }
@font-face { font-family: 'Gilroy'; font-weight: 500; font-style: normal; src: url("./fonts/Gilroy-Medium.eot"); src: url("./fonts/Gilroy-Medium.woff") format('woff'), url("./fonts/Gilroy-Medium.woff2") format('woff2'); font-display: swap; }
@font-face { font-family: 'Gilroy'; font-weight: 600; font-style: normal; src: url("./fonts/Gilroy-SemiBold.eot"); src: url("./fonts/Gilroy-SemiBold.woff") format('woff'), url("./fonts/Gilroy-SemiBold.woff2") format('woff2'); font-display: swap; }
@font-face { font-family: 'Gilroy'; font-weight: 700; font-style: normal; src: url("./fonts/Gilroy-Bold.eot"); src: url("./fonts/Gilroy-Bold.woff") format('woff'), url("./fonts/Gilroy-Bold.woff2") format('woff2'); font-display: swap; }

:root {
--cursor-fill: none;
--cursor-stroke-width: 1px;
--Benzin:"Benzin";
--Gilroy:"Gilroy";
--inter: "Inter", sans-serif;

/* COLOR VARIABLES */
--white: #ffffff;
--black: #000000;
--green: #00C9D4;
--yellow: #EAB320;
--grey: #BFBFBF;
--your-color: #0626A9;

/* TRANSITION SPEED */
--all-fast: all 0.3s;
--all-medium: all 0.5s;
--all-slow: all 0.8s;

--gap-sm: clamp(5px, 0.41vw, 8px);
--gap-md: clamp(10px, 0.83vw, 16px);
--gap-lg: clamp(15px, 1.25vw, 24px);
--gap-xl: clamp(20px, 1.66vw, 32px);
--gap-xxl: clamp(25px, 2.08vw, 40px);
--gap-xxxl: clamp(30px, 2.5vw, 48px);
}

/* ========================== COMMON CSS ========================== */
html { scroll-behavior: smooth; }
*,ul,ol,li,a { margin: 0; padding: 0; outline: none; box-shadow: none; list-style-type: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: var(--Gilroy); font-weight: 500; line-height: 1.3; color: inherit; color: var(--black); }
input, input:focus, textarea, textarea:focus, .form-control, .form-control:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; background: transparent; color: rgb(var(--black) / 70%); }
*, a, a:active, a:focus, a:hover, button:hover, button:focus, .btn:focus { text-decoration: none; outline: 0; box-shadow: none; }
button { background: transparent; outline: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: none; outline: none; border: none; }

a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
a:hover { color: inherit; }

body { width: 100%; font-size: clamp(14px, 0.83vw, 16px); line-height: 1.4; width: 100%; position: relative; font-weight: 500; color: var(--black); z-index: 1; font-family: var(--Gilroy); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); overflow-x: hidden; }
body p { font-size: clamp(14px, 0.83vw, 16px); line-height: 1.4; color: rgb(0, 0, 0, 0.75); margin-bottom: 20px; font-weight: 500; font-family: var(--Gilroy); }
.no-scroll { overflow: hidden; }

::-moz-selection { color: var(--white); background: var(--black); }
::selection { color: var(--white); background: var(--black); }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f2f2f2; }
::-webkit-scrollbar-thumb { background-color: var(--yellow); border-radius: 3px; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
@media screen and (min-width: 1200px) {
.container-fluid { max-width: calc(100% - 200px); margin: 0 auto; position: relative; }
.container { max-width: 90%; }
}
@media screen and (min-width: 1700px) {
.container { max-width: 1700px; position: relative; z-index: 1; }
}
@media screen and (min-width: 2100.98px) {
.container { max-width: 1900px; position: relative; z-index: 1; }
}

.form-group { position: relative; }

.form-control::-webkit-input-placeholder { color: rgba(0,0,0,0.5); font-size: clamp(14px, 0.93vw, 18px); }
.form-control::-moz-placeholder { color: rgba(0,0,0,0.5); font-size: clamp(14px, 0.93vw, 18px); }
.form-control:-ms-input-placeholder { color: rgba(0,0,0,0.5); font-size: clamp(14px, 0.93vw, 18px); }
.form-control::-ms-input-placeholder { color: rgba(0,0,0,0.5); font-size: clamp(14px, 0.93vw, 18px); }
.form-control::placeholder { font-size: clamp(14px, 0.93vw, 18px); text-transform: capitalize; -webkit-transition: var(--all-fast); -o-transition: var(--all-fast); transition: var(--all-fast); color: rgba(0,0,0,0.5); }

label { font-size: clamp(12px, 1.04vw, 20px); line-height: 1; font-weight: 300; position: absolute; left: 0; top: 0; padding: 12px 0; width: 100%; cursor: pointer; color: rgb(0, 0, 0, 0.3); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

label span { color: #FF0000; }
.form-group { margin-bottom: var(--gap-lg); }
.form-control { width: 100%; padding: 12px 0px; height: 45px; font-size: clamp(14px, 0.93vw, 18px); font-family: var(--Gilroy); font-weight: 400; text-transform: capitalize; color: var(--black); line-height: 1.5; border: none; border-bottom: 1px solid #C9C9C9; border-radius: 0; -moz-appearance: none; appearance: none; -webkit-appearance: none; background: transparent; }
.form-group .form-control:focus + label, .form-group .form-control:not(:placeholder-shown) + label { font-size: clamp(9px, 0.72vw, 14px); -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); color: var(--yellow); }
.form-control:focus, .form-select:focus { color: var(--black, #252324); background: transparent; border-bottom: 1px solid var(--black); outline: none; -webkit-box-shadow: none; box-shadow: none; }

select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; }
.form-select { background: transparent url(../images/icons/dropdown-arrow-black.svg) right center no-repeat; background-size: 10px; color: var(--black, #252324); font-size: clamp(14px, 0.83vw, 16px); font-weight: 400; line-height: 1.35; letter-spacing: 0.3px; padding: 12px 0; padding-right: 15px; border-bottom: 1px solid rgb(94 95 97 / 10%); border-radius: 0; cursor: pointer; }
.form-select:focus { background: transparent url(../images/icons/dropdown-arrow-black.svg) right center no-repeat; background-size: 10px; }

select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; }

input[type=number] { -moz-appearance: textfield; }

#smooth-content { position: relative; overflow: hidden; }
.overlay--div { opacity: 0; pointer-events: none; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 111; background: rgba(0, 0, 0, 0.85); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

body.no-scroll .overlay--div { opacity: 1; }

html.modal-open, body.modal-open, .modal-open .navbar, .modal-open .header { padding-right: 0 !important; overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
.wow { visibility: visible !important; animation: none !important; transition: none !important; }
}

/* HEADINGS */
.h1 { font-size: clamp(32px, 2.70vw, 52px); line-height: 1.3; font-weight: 400; font-family: var(--Benzin); margin-bottom: clamp(20px, 2.18vw, 42px); }
.h2 { font-size: clamp(16px, 1.04vw, 20px); line-height: 1.3; font-weight: 400; font-family: var(--Benzin); margin-bottom: clamp(20px, 2.18vw, 42px); text-transform: uppercase; color: var(--yellow); }
.h2 * { font-size: clamp(16px, 1.04vw, 20px); line-height: 1.3; font-weight: 400; font-family: var(--Benzin); text-transform: uppercase; color: var(--yellow); }
.h3 { font-size: clamp(22px, 2.08vw, 40px); line-height: 1.3; font-weight: 500; font-family: var(--Gilroy); margin-bottom: var(--gap-xl); }
.h3 * { font-size: clamp(22px, 2.08vw, 40px); line-height: 1.3; font-weight: 500; font-family: var(--Gilroy); }
.h4 { font-size: clamp(20px, 1.77vw, 34px); line-height: 1.3; font-weight: 400; font-family: var(--Benzin); }
.h4 * { font-size: clamp(20px, 1.77vw, 34px); line-height: 1.3; font-weight: 400; font-family: var(--Benzin); }
.h5 { font-size: clamp(20px, 1.56vw, 30px); line-height: 1.3; font-weight: 500; font-family: var(--Gilroy); }

.ps { font-size: clamp(14px, 0.93vw, 18px); line-height: 1.3; font-weight: 500; font-family: var(--Gilroy); color: var(--black); margin-bottom: var(--gap-lg); }
.pl { font-size: clamp(16px, 1.45vw, 28px); font-weight: 500; line-height: 1.2; font-family: var(--Gilroy); color: var(--black); margin-bottom: var(--gap-lg); }

.py--lg { padding: calc(var(--gap-xxxl) * 1.8) 0; }
.pb--lg { padding-bottom: calc(var(--gap-xxxl) * 1.8); }
.pt--lg { padding-top: calc(var(--gap-xxxl) * 1.8); }

.py--md { padding: calc(var(--gap-xl) * 1.8) 0; }
.pb--md { padding-bottom: calc(var(--gap-xl) * 1.8); }
.pt--md { padding-top: calc(var(--gap-xl) * 1.8); }

.img--bx { width: 100%; height: auto; }
.img--bx img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
img { width: 100%; height: 100%; object-fit: cover; }

.cursor-circle-white, .cursor-circle, .cursor { display: none; }

@media screen and (hover: hover) and (pointer: fine) {
.cursor { position: fixed; top: 0; left: 0; display: block; pointer-events: none; opacity: 1; z-index: 999; transition: var(--all-fast); transition-timing-function: ease-out; }
.cursor__inner { display: block; fill: var(--cursor-fill); stroke: #f9e6b3; stroke-width: var(--cursor-stroke-width); }
.cursor-circle { display: block; position: fixed; width: 60px; height: 60px; border-radius: 50%; background: var(--yellow); color: white; display: flex; align-items: center; justify-content: center;  pointer-events: none;  transform: translate(-50%, -50%) scale(0); transition: transform 0.25s ease; z-index: 9999;  font-size: clamp(19px, 1.56vw, 30px);}

.cursor-circle-white { position: fixed; width: 60px; height: 60px; border-radius: 50%; background: var(--white); color: rgb(0, 0, 0); display: flex; align-items: center; justify-content: center;  pointer-events: none;  transform: translate(-50%, -50%) scale(0); transition: transform 0.25s ease; z-index: 9999; font-size: clamp(19px, 1.56vw, 30px); }
}

/* BUTTONS */
.btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; border-radius: 0px; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); position: relative; overflow: hidden; padding: clamp(15px, 1.25vw, 20px) clamp(20px, 1.66vw, 32px); z-index: 1; }
.btn span { font-size: clamp(14px, 0.83vw, 16px); font-weight: 600; letter-spacing: 1px; position: relative; z-index: 1; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.1; text-align: center; font-family: var(--Gilroy); color: inherit; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); position: relative; z-index: 1; }
.btn .svg { width: 100%; display: none; height: auto; position: absolute; left: 0px; bottom: 5px; transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.btn .svg path { -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

.btn--primary { border: 0px; }
.btn--primary:before { content: ""; position: absolute; inset: 0; z-index: -1; background: url(../images/btn-bg.webp); background-size: 250% 100%; background-position: 100% 0%; transition: background-position 0.6s ease, transform 0.4s ease; }
.btn--primary span { color: var(--white); text-shadow: 1px 1px 0 rgba(115, 87, 12, 0.87); }
.btn--primary:hover { background: transparent;  }
.btn--primary:hover:before { background-position: 0% 0%; transform: scale(1.03); filter:contrast(0.9); }

/* WHITE BUTTON BASE */
.btn--white { position: relative; background: #ffffff; overflow: hidden; border: transparent; }
.btn--white span { color: #222; position: relative; z-index: 2; transition: 0.3s; }
.btn--white:before { content: ""; position: absolute; inset: 0; z-index: 1; background: url(../images/btn-bg.webp); background-size: 250% 100%; background-position: 100% 0%; opacity: 0; transition: var(--all-medium);}
.btn--white:hover:before { opacity: 1; background-position: 0% 0%; transform: scale(1.05); }
.btn--white:hover span { color: var(--white); }
.btn--white:hover { border: transparent;}


.download-btn .download--btn { display: inline-flex; align-items: center; transition: var(--all-slow); padding: var(--gap-md) calc(var(--gap-xxxl) + var(--gap-sm)) var(--gap-md) var(--gap-lg); width: auto; cursor: pointer; position: relative; z-index: 3; margin-bottom: var(--gap-sm); }
.download-btn .download--btn span { width: 100%; font-size: clamp(14px, 0.83vw, 16px); font-family: var(--Gilroy);  text-transform: uppercase; }
.download-btn .download--btn .svg { width: clamp(24px, 1.66vw, 32px); height: auto; position: absolute; right: var(--gap-md); top: 50%; transform: translateY(-50%); }
.download-btn .download--btn .svg path { fill: var(--white);  stroke-width: 1.5; transition: var(--all-medium); }
.download-btn .download--btn:hover .svg path { fill: #ff0000; }
.download-btn .btn--border--yellow:hover:before { display: none; color: #000000; }
.download-btn .btn--border--yellow:hover { border: 1px solid  var(--yellow); }
.download-btn .download--btn:hover span { color:var(--white);}
.download-btn small { font-size: clamp(12px, 0.62vw, 14px); width: 100%; color: rgb(255, 255, 255, 0.7); text-transform: uppercase; }

@keyframes move {
0% { background-position: 0% 50%; }
50% { background-position: 200% 50%; }
100% { background-position: 0% 50%; }
}

.btn--border--yellow { background: url(../images/btn-bg.webp); background-size: 250% 100%; background-position: 100% 0%; border: 1px solid transparent; color: var(--yellow); z-index: 1; }
.btn--border--yellow:before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--white); transition: var(--all-medium) }
.btn--border--yellow:hover:before { opacity: 0; }
.btn--border--yellow span { color: var(--yellow); }

.btn--border--yellow:hover span { color: var(--white); }


.read--more--black { font-size: clamp(9px, 0.72vw, 14px); line-height: 1; color: var(--black);  font-family: var(--Gilroy); position: relative; font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); padding-bottom: 12px;}
.read--more--black svg { clip-path: inset(0 0 0 0); width: 100%; height: 6px; position: absolute; left: 0px; bottom: 0px; transition: var(--all-medium); }
.read--more--black svg path { stroke: var(--black); transition: var(--all-medium); }
.read--more--black:hover { color: var(--yellow); }
.read--more--black:hover svg { clip-path: inset(0 100% 0 0); }
.read--more--black:hover svg path { stroke: var(--yellow); }

.read--more--white { font-size: clamp(9px, 0.72vw, 14px); line-height: 1; color: var(--white); position: relative;  font-family: var(--Gilroy); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); padding-bottom: 12px; }
.read--more--white svg { clip-path: inset(0 0 0 0); width: 100%; height: 6px; position: absolute; left: 0px; bottom: 0px; transition: var(--all-medium); }
.read--more--white svg path { stroke: var(--white); transition: var(--all-medium); }
.read--more--white:hover { color: var(--yellow); }
.read--more--white:hover svg { clip-path: inset(0 100% 0 0); }
.read--more--white:hover svg path { stroke: var(--yellow); }

.read--more--yellow { font-size: clamp(9px, 0.72vw, 14px); line-height: 1; color: var(--yellow); position: relative;  font-family: var(--Gilroy); font-weight: 500; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); padding-bottom: 12px; }
.read--more--yellow svg { clip-path: inset(0 0 0 0); width: 100%; height: 6px; position: absolute; left: 0px; bottom: 0px; transition: var(--all-medium); }
.read--more--yellow svg path { stroke: var(--yellow); transition: var(--all-medium); }
.read--more--yellow:hover { color: var(--black);}
.read--more--yellow:hover svg { clip-path: inset(0 100% 0 0); }
.read--more--yellow:hover svg path { stroke: var(--black); }

.img-animate { overflow: hidden; }
.img-animate img { -webkit-transition: none; -o-transition: none; transition: none; }

/* project cursor */
.services--bx:hover .cursor, .case--bx:hover .cursor, .blog--bx:hover .cursor { opacity: 0; }
.cursor--hidden { opacity: 0 !important; pointer-events: none; }

.case--bx:hover {  color: var(--black); }

.fix--line { position: absolute; top: 0; left: 0px; width: 100%; height: 100%; z-index: 999; display: none; }
.fix--line svg { width: auto; height: 100%; display: block; }
.fix--line path { stroke-dasharray: 0; stroke-dashoffset: 0; opacity: 0; }

.st0 { fill: none; stroke: var(--yellow) !important; stroke-width: 3px;  }

/* * HEADER */
.header { position: fixed; left: 0; top: 0px; width: 100%; z-index: 111; padding: var(--gap-lg) 0px; border-bottom: 1px solid transparent; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header.show { background: var(--white); padding: var(--gap-sm) 0; border-bottom-color: var(--yellow); }
.header:after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 10%,rgba(0,0,0,0) 100%); opacity: 1; transition: var(--all-medium); z-index: -1; }
.header.show:after { opacity: 0; }
.header .logo { width: clamp(120px, 10.41vw, 200px); display: -webkit-box; display: -ms-flexbox; display: flex; clip-path: inset(0% calc(0% - 0px) 0% 0%); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .logo .svg { width: 100%; height: auto; transition: var(--all-medium); }
.header .logo .svg path, .header .logo .svg rect { transition: var(--all-medium); }
.header .logo .svg path, .header .logo .svg rect { fill: var(--yellow); }
.header.show .logo { width: 130px; clip-path: inset(0% calc(100% - 45px) 0% 0%); }
.header.show .navbar--nav li a, .header.show .navbar--nav li button { color: var(--black); }
.header .navbar--nav { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header .navbar--nav > li:not(:last-child) { padding: var(--gap-md) 0; }
.header .navbar--nav > li > a, .header .navbar--nav > li > button { text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: var(--gap-xl); padding: 8px 0px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--white); font-size: clamp(12px, 0.72vw, 14px); letter-spacing: 1px; font-weight: 500; line-height: 1; font-family: var(--Gilroy); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); position: relative; }
.header .navbar--nav > li > a .dropdown--menu li a { color: var(--black); }
.header .navbar--nav li:first-child a { margin-left: 0px; }
.header .navbar--nav > li > a:after, .header .navbar--nav > li > button:after { content: ""; position: absolute; right: 0px; bottom: 0px; width: 0px; height: 2px; background: var(--yellow); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .navbar--nav > li > a:hover:after, .header .navbar--nav > li.active a:after, .header .navbar--nav > li > button:hover:after, .header .navbar--nav > li > button.active:after { width: 100%; left: 0; right: unset; }
.header .navbar--nav li.dropdown--bx > a:after  { display: none; }
.header .navbar--nav li.active .dropdown--menu li a::after { width: 0px; }
.header .navbar--nav li.active .dropdown--menu li a:hover::after { width: 100%; }

.header .navbar--nav li.dropdown--bx .dropdown--menu li a { position: relative; transition: var(--all-medium);}
.header .navbar--nav li.dropdown--bx .dropdown--menu li a:after { content: "";  position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 0px; height: 2px; background: var(--yellow); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.header .navbar--nav li.dropdown--bx .dropdown--menu li a:hover { color: var(--yellow); padding-left: 30px; }
.header .navbar--nav li.dropdown--bx .dropdown--menu li a:hover:after { width: 24px; }

.header .navbar--nav > li > a span, .header .navbar--nav > li > button span { text-transform: uppercase; font-size: clamp(12px, 0.72vw, 14px); }
.header .navbar--nav li .btn  { padding: var(--gap-md) var(--gap-lg); }
.header .navbar--nav li .btn--border--white:after { display: none; }
.header .navbar--nav > li > a.btn:after { display: none; }
.navbar--container { width: 100%; }

.dropdown--bx .arrow { width: 10px; height: auto; -o-object-fit: contain; object-fit: contain; margin-left: 6px; filter: invert(1); }
.header.show .dropdown--bx .arrow { filter: none; }
.dropdown--bx { position: relative; }
.dropdown--bx .dropdown--menu { position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%) translateY(10px); -ms-transform: translateX(-50%) translateY(10px); transform: translateX(-50%) translateY(10px); min-width: 380px; width: auto; background: var(--white); border: 1px solid var(--yellow); opacity: 0; pointer-events: none; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium);  padding: var(--gap-sm) var(--gap-md); }
.dropdown--bx .dropdown--menu li a { margin-left: 0px; font-size: clamp(12px, 0.83vw, 16px); line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: var(--gap-md) 0px; opacity: 0.9; border-bottom: 1px solid #ebebeb; color: var(--black); text-transform: capitalize; }
.dropdown--bx .dropdown--menu li:last-child a { border-bottom: none; }
.dropdown--bx .dropdown--menu:before { content: ""; position: absolute; width: 15px; height: 15px; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); margin-bottom: -7px; background: var(--white); border-top: 1px solid var(--yellow); border-left: 1px solid var(--yellow); }
.dropdown--bx:hover .dropdown--menu { opacity: 1; -webkit-transform: translateX(-50%) translateY(0px); -ms-transform: translateX(-50%) translateY(0px); transform: translateX(-50%) translateY(0px); pointer-events: auto; }

.header--right ul .hamburger--div--cont { display: none; }
.navbar--container .close--btn { display: none; }

/* BANNER */
.home--banner--space { width: 100%; height: 85vh; }
.home--banner { position: fixed; top: 0; left: 0; width: 100%; height: 85vh; overflow: hidden;  }
.home--banner .banner--slider .swiper-slide .banner--video { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.home--banner .banner--slider .swiper-slide:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.1); z-index: 1; pointer-events: none; }
.home--banner .banner--slider .swiper-slide .banner--video img { transform: scale(1.05); transition: var(--all-slow); }
.home--banner .banner--slider .swiper-slide.swiper-slide-active .banner--video img { transform: scale(1); }
.home--banner .banner--slider { position: relative; height: 100%; }
.home--banner .banner--slider .banner--content { position: absolute; top: 55%; left: 0px; width: 100%; transform: translateY(-50%); z-index: 11; }
.home--banner .banner--slider .banner--content .h1 { color: var(--white); margin-bottom: var(--gap-sm); }
.home--banner .banner--slider .banner--content p { color: var(--white); margin-bottom: var(--gap-md); width: 70%; font-weight: 400; font-size: clamp(18px, 1.14vw, 22px); line-height: 1.4; letter-spacing: 0.3px; opacity: 0.9; }

.home--banner .banner--slider .banner--video video, .home--banner .banner--slider .banner--video img { width: 105%; height: 105%; object-fit: cover;  }

.banner--thumbnail--section { position: absolute; bottom: calc(var(--gap-xl) * 2); width: 100%; z-index: 111; }
.banner--thumbnail--section .banner--thumb { padding-top: 5px; }
.banner--thumbnail--section .banner--thumb .swiper-slide .thumbanil--img { cursor: pointer; width: 100%; aspect-ratio: 2.2/1; border: 2px solid #fff; transition: var(--all-medium); background-size: cover; background-position: center; }
.banner--thumbnail--section .banner--thumb .swiper-slide .thumbanil--img img { width: 100%; height: 100%; object-fit: cover; }
.banner--thumbnail--section .banner--thumb .swiper-slide.swiper-slide-thumb-active .thumbanil--img { aspect-ratio: 1.5/1; border: 2px solid var(--yellow); }
.banner--thumbnail--section .banner--thumb .swiper-wrapper { align-items: flex-end; }

/* about section */
.home--about { position: relative; z-index: 11; background: var(--white); }
.home--about .row { --bs-gutter-x: var(--gap-xl); }

.rating--div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: calc(var(--gap-xxl) * 1.5); }
.rating--div li { flex: 1; display: flex; align-items: center; padding-right: var(--gap-xxl); margin-right: var(--gap-xxl); position: relative; }
.rating--div li:last-child { padding-right: 0px; margin-right: 0px; }
.rating--div li .rating--bx { display: inline-flex; }
.rating--div li .rating--bx .counter--bx { display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: column wrap; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; }
.rating--div li .rating--bx .counter--bx .counter--value-grp, .rating--div li .rating--bx .counter--bx .counter--value-grp .counter--value { color: var(--yellow); line-height: 1; font-size: clamp(21px, 2.29vw, 44px); font-family: var(--Benzin); font-weight: 400; background-image: url('../images/text-bg.webp'); -webkit-background-clip: text; background-clip: text; color: transparent; background-size: cover; }
.rating--div li .rating--bx .counter--text { font-size: clamp(12px, 0.93vw, 18px); font-weight: 400; font-family: var(--Benzin); margin-top: 5px; }
.rating--div li:after { content: ""; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 1px; height: 100%; background: url('../images/text-bg.webp') no-repeat center center; background-size: cover; }
.rating--div li:last-child:after { display: none; }

.home--about .about--text .btn--grp { display: flex; align-items: flex-start; gap: var(--gap-xl); margin-top: var(--gap-xxl); }

.about--img--grp { display: inline-flex; column-gap: 20px; width: 100%; align-items: flex-start; margin-top: calc(var(--gap-xxl) * 1.5); }
.about--img--grp .img--bx { width: 55%; }
.about--img--grp .img--bx:first-child { width: 45%; }

.about--img--grp .img--bx img { width: 100%; height: auto; object-fit: contain; display: block; }

.about--img--grp2 { width: 100%; display: flex; flex-flow: row wrap; }
.about--img--grp2 .img--bx:first-child { width: 70%; margin-left: auto; }
.about--img--grp2 .img--bx:last-child { width: 80%; margin-top: -70px; position: relative; z-index: 1; }

.bg--shape { width: 100%; height: auto; position: absolute; left: 0px; bottom: 150px; }
.bg--shape img { width: 100%; height: auto; object-fit: contain; }

/* brand leagacy */
.brand--legacy { position: relative; overflow: hidden; }
.brand--legacy .brand--bg { width: 100%; height: calc(100% + 250px); position: absolute; left: 0px; top: 0px; z-index: 0; overflow: hidden; background-size: cover; }

.brand--legacy--bx:before { content: ""; position: absolute; right: 0px; bottom: calc(100% - 1px); width: 25%; height: 20px; background: var(--white); }
.brand--legacy--bx .h3 { margin-bottom: var(--gap-sm); padding-right: 70px; }
.brand--legacy--bx { background: var(--white); padding: 70px 0px 0px 90px; }
.brand--legacy--bx .about-btn { width: 55px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--yellow); position: absolute; right: -10px; bottom: 15px; z-index: 11; }
.brand--legacy--bx .about-btn img { width: 25px; height: auto; }

.history--list { position: relative; width: 100%; overflow: hidden; }
.history--list:after { content: ""; position: absolute; top: 0px; right: 0px; width: 15%; opacity: 0.8; z-index: 11; pointer-events: none; height: 100%; background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 94%,rgba(255,255,255,1) 100%); }
.history--list .history--bg { width: 100%; left: 0px; bottom: 0px; height: auto; position: absolute;z-index: 0; }
.history--list .history--bg img { width: 100%; height: auto; }

.history--bx { display: flex; flex-flow: column wrap; flex-wrap: nowrap; position: relative; z-index: 1; }
.history--bx .h4 { color: var(--yellow); margin-bottom: 5px; line-height: 1; }
.history--bx p { font-size: clamp(14px, 0.93vw, 18px); margin-bottom: 5px; }
.history--bx .history--img { margin-left: 110px; width:200px; aspect-ratio: 1.3; display: flex; }
.jounery--btn { width: 150px; border: 1px solid transparent; position: relative; aspect-ratio: 1; overflow: hidden; text-align: center;  font-size: clamp(7px, 0.62vw, 12px); font-weight: 500; display: flex; justify-content: center; align-items: center; transition: var(--all-medium); }
.jounery--btn .arrow { height: auto; position: relative; z-index: 11; display: flex; align-items: center; flex-direction: column; color: var(--white); }
.jounery--btn .arrow svg { width: 60px; height: 100%; margin-bottom: 5px; }
.jounery--btn .arrow svg path { fill: var(--white); }
.jounery--btn:before { content: ""; position: absolute; z-index: 0; inset: 0px;  background: linear-gradient(146deg, #ffe000, #d5a918, #ffde6a, #ebb307);  background-size: 200% 100%; background-position: 80% 0%;   transform-origin: center;   opacity: 1; transition: var(--all-medium); }
.jounery--btn:hover:before { background-position: 0% 0%; transform: scale(1.03); filter:contrast(0.9);}

.history--slider .swiper-slide { width: auto; padding-top: 80px;  }
.history--slider .history--wrapper { display: flex; padding-top: 80px; gap: 30px; overflow-x: auto; }
.history--slider .swiper-slide.swiper-slide-visible.swiper-slide-active { transform: translateY(0px);}
.history--slider .swiper-slide.swiper-slide-visible.swiper-slide-prev { transform: translateY(0px); }

/* Services section */
.services--sec { position: relative;  }

.services--list--space { width: 100%; display: flex; flex-flow: row wrap; margin-top: calc(var(--gap-xxxl) * 1.5); }
.services--list--space .space { width: 100%; height: 100vh; }

.service--list { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; pointer-events: none; }
.service--list .card { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; display: flex; flex-flow: row wrap; align-items: center; border: none; border-radius: 0; background: var(--white); z-index: 1; clip-path: inset(100% 0% 0% 0%); padding: calc(10vh + 97px) 0 10vh; }
.service--list .card .card--img { display: grid; width: 45%; margin-left: 5%; aspect-ratio: 3/2.4; border-radius: 0; overflow: hidden; cursor: pointer; position: relative; }
.service--list .card .card--img .double__img { grid-area: 1 / 1 / -1 / -1; background-position: 50% 50%; background-size: cover; width: 100%; height: 100%; background-color: var(--white); }
.service--list .card .card--img img { width: 100%; height: 100%; object-fit: cover; }
.service--list .card .card--body { width: 50%; max-width: clamp(420px, 40.88vw, 785px); margin: calc(var(--gap-xxl) * 2) auto 0; }
.service--list .card .card--body .h5 { font-size: clamp(30px, 3.38vw, 65px); font-family: var(--Benzin); font-weight: 400; line-height: 1; background-image: url('../images/text-bg.webp'); -webkit-background-clip: text; background-clip: text; color: transparent; background-size: 150%; display: flex; flex-flow: column wrap; width: 100%; transform: translateX(-60%); padding: var(--gap-lg) 0; margin-bottom: calc(var(--gap-md) * 2); transition: var(--all-medium); }
.service--list .card .card--body .h5:hover { animation: move 5s linear infinite; }
.service--list .card .card--body .h5 span { font-size: inherit; color: inherit; font-family: inherit; line-height: 1.2; }
.service--list .card .card--body .h5 span:last-child { margin-left: auto; }
.service--list .card .card--body .info--wrapper { width: 100%; max-width: 550px; margin: auto; }
.service--list .card .card--body .info--wrapper p { margin-bottom: var(--gap-xl); }

.h--line1 { position: absolute; left: 0px; top: 380px; width: 100%; height: 1px; background: var(--yellow); display: flex; }
.h--line2 { position: absolute; right: 0px; bottom: 85px; width: 100%; height: 1px; background: var(--yellow); display: flex; }
.v--line1 { position: absolute; left: 4%; top: 0px; width: 1px; height: calc(100% - 19%); margin-top: 17%; background: var(--yellow); display: flex; justify-content: flex-start; }
.v--line2 { position: absolute; right: 4%; top: 0px; width: 1px; height: calc(100% - 85px); background: var(--yellow); display: none; }
.v--line3 { position: absolute; left: 10%; bottom: 0px; width: 1px; height: 120px; background: var(--yellow); display: flex; }
.v--line4 { position: absolute; right: 10%; top: 0px; width: 1px; height: 27%; background: var(--yellow);  display: none; }

/* WHY SECTION ACCORDION */
.why--us--info { display: flex; flex-flow: row wrap; align-items: center; }
.why--us--info .h2 { width: 100%; }
.why--us--info .info--box { width: 50%; display: flex; flex-flow: row wrap; z-index: 1; }
.why--us--info .info--box .title { font-size: clamp(34px, 4.6vw, 95px); font-family: var(--Benzin); font-weight: 400; line-height: 1; padding-bottom: var(--gap-xl); background-image: url('../images/text-bg.webp'); -webkit-background-clip: text; background-clip: text; color: transparent; background-size: cover; margin-bottom: var(--gap-lg); }
.why--us--info .img--bx { width: 55%; margin-left: -5%; position: relative; display: flex; justify-content: flex-end; }
.why--us--info .img--bx .big--img { width: 75%; display: flex; }
.why--us--info .img--bx .small--img { position: absolute; width: 50%; display: flex; left: 0; top: 0; }
.why--us--info .why--us--list { display: flex; flex-flow: row wrap; width: 100%; width: 100%; margin-bottom: var(--gap-xl); padding-right: 25%; }
.why--us--info .why--us--list li { width: 100%; font-size: clamp(14px, 0.93vw, 18px); font-family: var(--Gilroy); font-weight: 500; padding: var(--gap-lg) 0; border-bottom: 1px solid #ddd; display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--gap-md); }
.why--us--info .why--us--list li .why--label { grid-column: span 4; display: flex; font-size: clamp(16px, 0.93vw, 18px); font-weight: 500; line-height: 1.3; }
.why--us--info .why--us--list li .why--desc { grid-column: span 8; display: flex; font-size: clamp(14px, 0.83vw, 16px); font-weight: 400; line-height: 1.3; color:rgba(0, 0, 0, 0.6) }
.why--us--info .btn--grp { width: 100%; }

/* Case studies */
.case--studies { background: #f7f7f7; position: relative; }

#gradient-canvas { position: absolute; width: 100%; height: 100%; top: 0; left: 0; --gradient-color-1: #f3cf7a; --gradient-color-2: #fcf7b2; --gradient-color-3: #e1be66; --gradient-color-4: #d39d3d; --gradient-color-5: #9b6d2e; z-index: 0; opacity: 1; transition: var(--all-medium); pointer-events: none; }
.case--studies .case--study--text span { z-index: 2;}
.case--list { margin-top: var(--gap-xl); row-gap: var(--gap-lg); }
.case--list.row { --bs-gutter-x: var(--gap-xxl); }
.case--bx { width: 100%; height: 100%; display: flex; flex-flow: column wrap; padding: 0; transition: var(--all-medium); position: relative; background-color: var(--white); border: 6px solid transparent; }
.case--study--text { padding: var(--gap-xl); }
.case--bx::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--white); z-index: -1; opacity: 0; transition: var(--all-medium); }

.case--bx:before { position: absolute; left: -6px; top: -6px; width: calc(100% + 12px); height: calc(100% + 12px); pointer-events: none; content: ""; padding: 6px; -webkit-mask-image: linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0); mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0); -webkit-mask-clip: content-box, border-box; mask-clip: content-box, border-box; -webkit-mask-origin: content-box, border-box; mask-origin: content-box, border-box; -webkit-mask-composite: xor; mask-composite: exclude;     background: conic-gradient(from var(--angle), #d39e3e 0%, #db902b 16%, #7f4b27 36%, #fbcc5a 58%, #d79b36 75%, #d39d3d 100%); --angle: 0deg; transition: var(--all-medium); opacity: 0; z-index: 1; }
@property --angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
@keyframes stroke-animation { 0% { --angle: 0deg } 100% { --angle: 360deg } }

@media screen and (hover: hover) and (pointer: fine) {
  .case--bx:hover:before, .case--bx:hover:after { opacity: 1;animation: stroke-animation 5s linear infinite; }
}

.case--bx:hover { background: var(--white); }
.case--bx:hover .btn--primary:before { background-position: 0% 70%; transform: scale(1.03); filter:contrast(0.9); }
.case--bx .case--img { width: 100%; position: relative; max-height: 400px; display: flex; aspect-ratio: 1.1; overflow: hidden; }
.case--bx .case--img img { transition: var(--all-medium); width: 100%; height: 100%; object-fit: cover; }
.case--bx:hover .case--img img { transform: scale(1.1); }
.case--bx .case--img .tag { position: absolute; bottom: -1px; left: -1px; font-size: clamp(9px, 0.62vw, 12px); font-weight: 400; letter-spacing: 1px; font-family: var(--Benzin); text-transform: uppercase; color: var(--yellow); background-color: var(--white); padding: var(--gap-sm); }
.case--bx .h5 { margin-bottom: 0px; }
.case--bx p { color: #2e2e2e;  display: -webkit-box;  -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.case--bx .location { font-size: clamp(14px, 0.93vw, 18px); display: flex; margin-bottom: var(--gap-md); transition: var(--all-medium); font-weight: 500; font-family: var(--Gilroy); }
.case--bx:hover .read--more--black svg { clip-path: inset(0 100% 0 0); }
.case--bx:hover .location { color: var(--yellow); }
.case--list li:nth-child(5) .case--bx .case--img { aspect-ratio:2.3; }
.case--studies .btn--grp { text-align: center; margin-top: calc(var(--gap-xxl) * 1.5); }

.case--bx.case--bx--big { flex-flow: row wrap; }
.case--bx.case--bx--big .case--img { width: 50%; margin-right: var(--gap-xl); flex: 0 0 auto; aspect-ratio: 2; margin-bottom: 0px; }
.case--bx.case--bx--big .case--study--text { flex: 1; }

.sector--coverage .h3 { margin-bottom: calc(var(--gap-xxl) * 2); }
.sector--coverage .sector--list--wrapper { width: 100%; background: url('../images/sector-coverate-bg.webp') no-repeat; background-size: cover; background-position: 0% 100%; padding: calc(var(--gap-xxxl) * 2) 0; position: relative; z-index: 1; }
.sector--coverage .sector--list--wrapper::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: -1; }
.sector--coverage .sector--list { display: grid; grid-template-columns: repeat(3, auto); gap: clamp(20px, 2.5vw, 48px); }
.sector--coverage .sector--list .sector--card { display: flex; flex-flow: column wrap; }
.sector--coverage .sector--list .sector--card .img--box { width: auto; height: clamp(40px, 3.12vw, 60px); margin: 0 auto var(--gap-xl); }
.sector--coverage .sector--list .sector--card .img--box svg { width: auto; height: 100%; }
.sector--coverage .sector--list .sector--card .sector-title { font-size: clamp(16px, 1.45vw, 28px); font-family: var(--Benzin); font-weight: 400; text-align: center; color: var(--white); }
.sector--coverage .sector--list .sector--card p { text-align: center; color: var(--white); }

/* client section */
.client--sec .container-fluid { width: 100%; max-width: 100%; }
.Client--slider { margin-top: var(--gap-xxl); }
.Client--slider .swiper-wrapper { transition-timing-function: linear; }
.Client--slider .swiper-slide { width: auto; }
.Client--slider .swiper-slide .client--logo { display: inline-flex; }
.Client--slider .swiper-slide .client--logo img { width: auto; height: clamp(60px, 4.68vw, 90px); }

/* testimonial */
.testimonial--sec { position: relative; }

.testi--bx .testi--info { display: flex; gap: 20px; align-items: center; margin-top: var(--gap-xxl);}
.testi--bx .testi--logo { display: inline-flex; width: 100px; height: 100px;   overflow: hidden; }
.testi--bx .testi--logo img { width: 100%; height: auto; object-fit: cover;  }

.testi--bx .testi--name { text-transform: uppercase; font-size: clamp(14px, 0.93vw, 18px); font-family: var(--Gilroy); color: var(--black); margin-bottom: 0; }
.testi--bx .testi--designation { text-transform: uppercase; font-size: clamp(13px, 0.88vw, 17px); font-family: var(--Gilroy); color: var(--black); margin-bottom: 0; }
.testi--bx .testi--designation { margin-bottom: 0px; }
.testimonial--sec .h--testi--line1 { position: absolute; left: 0px; top: 0; width: 100%; height: 1px; background: var(--yellow); display: flex; }
.testimonial--sec .h--testi--line2 { position: absolute; right: 0px; bottom: 0px; width: 100%; height: 1px; background: var(--yellow); display: flex; }

.testimonial--sec .v--testi--line1 { position: absolute; right: 118px; top: 0; width: 1px; height: 100%; background: var(--yellow); display: flex; }
.testimonial--sec .v--testi--line2 { position: absolute; right: 530px; bottom: 0; width: 1px; height: 100%; background: var(--yellow); display: flex; }

.pagination { display: inline-flex; justify-content: center; margin-top: var(--gap-xl); }
.pagination .swiper-pagination-bullet { width: 9px; height: 9px; opacity: 1; border-radius: 0; background: #D9D9D9; margin: 0px 7px!important; position: relative; transition: var(--all-medium); }
.pagination .swiper-pagination-bullet:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; }

.pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 70px; background: var(--yellow); }
.testimonial--slider .swiper-slide { border: 1px solid #ddd; padding: 30px; opacity: 0 !important; }
.testimonial--slider .swiper-slide.swiper-slide-active { opacity: 1 !important; }

/* blog */
.blog--section:not(.fade--section) { background: #f7f7f7; }
.blog--list { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-xxxl); margin-top: var(--gap-lg); }
.blog--bx { display: flex; flex-flow: column wrap; width: 100%; height: 100%; align-items: flex-start; border: 6px solid transparent; position: relative; transition: var(--all-medium); background: var(--white); }
.blog--section .blog--bx .blog--text span { z-index: 2;}
.blog--bx:hover .btn--primary:before { background-position: 0% 70%; transform: scale(1.03); filter:contrast(0.9); }
.blog--section .btn--grp { text-align: center; margin-top: calc(var(--gap-xxl) * 1.5); }

@media screen and (hover: hover) and (pointer: fine) {
  .blog--bx:before { position: absolute; left: -6px; top: -6px; width: calc(100% + 12px); height: calc(100% + 12px); pointer-events: none; content: ""; padding: 6px; -webkit-mask-image: linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0); mask-image: linear-gradient(#fff 0 0),linear-gradient(#fff 0 0); -webkit-mask-clip: content-box, border-box; mask-clip: content-box, border-box; -webkit-mask-origin: content-box, border-box; mask-origin: content-box, border-box; -webkit-mask-composite: xor; mask-composite: exclude;     background: conic-gradient(from var(--angle), #d39e3e 0%, #db902b 16%, #7f4b27 36%, #fbcc5a 58%, #d79b36 75%, #d39d3d 100%); --angle: 0deg; animation: stroke-animation 4s linear 0s infinite forwards; transition: var(--all-medium); opacity: 0; }
}

@property --angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
@keyframes stroke-animation { 0% { --angle: 0deg } 100% { --angle: 360deg } }

.blog--bx:hover:before, .blog--bx:hover:after { opacity: 1; }
.blog--bx:hover { background: var(--white); }
.blog--bx .blog--img { width: 100%; aspect-ratio: 1.1; max-height: 400px; display: flex; overflow: hidden; position: relative; }
.blog--bx .blog--img img { transition: var(--all-medium); }
.blog--bx .blog--img .tag { position: absolute; bottom: -1px; left: -1px; font-size: clamp(7px, 0.62vw, 12px); font-weight: 400; letter-spacing: 1px; font-family: var(--Benzin); text-transform: uppercase; color: var(--yellow); background-color: var(--white); padding: var(--gap-sm); }
.blog--bx:hover .blog--img img { transform: scale(1.05); }
.blog--bx .blog--text { padding: var(--gap-xl); }
.blog--bx .blog--text .pl { margin-bottom: var(--gap-md); }
.blog--bx .blog--text p { margin-bottom: var(--gap-md); }

/* Faq section */
.faq--section { background: #ffffff; }
.faq--tab .nav-pills { display: flex; justify-content: center; margin-top: 0px!important; }
.faq--tab .nav-pills li .nav-link { background: #b1d6d7; color: var(--yellow); font-size: clamp(15px, 1.25vw, 24px); padding: 20px 50px; line-height: 1; transition: var(--all-medium); border-radius: 0px; }
.faq--tab .nav-pills li .nav-link.active { background: var(--yellow); color: var(--white); }

.faq--wrapper { display: flex; flex-flow: row wrap; margin-bottom: var(--gap-xl); }
.faq--wrapper li { width: 100%; display: grid; grid-template-columns: repeat(12, 1fr); border-bottom: 1px solid rgb(0, 0, 0, 0.2); gap: 0 var(--gap-xxxl); padding: var(--gap-lg) 0; transition: border 0.5s; cursor: pointer; }
.faq--wrapper li:hover { border-bottom-color: var(--yellow); }
.faq--wrapper li:last-child { border-bottom: none; }
.faq--wrapper li .number { grid-column: span 2; font-size: clamp(14px, 1.04vw, 20px); font-family: var(--Gilroy); font-weight: 400; color: #aaa; transition: var(--all-medium); }
.faq--wrapper li:hover .number { color: var(--yellow); }
.faq--wrapper li p:not(.pl) { grid-column: span 6; color: rgb(0, 0, 0, 0.75); margin-bottom: 0; transition: var(--all-slow); }
@media screen and (hover: hover) and (pointer: fine) {
  .faq--wrapper li p:not(.pl) { opacity: 0; }
}
.faq--wrapper li:hover p:not(.pl) { opacity: 1; }
.faq--wrapper li .pl { grid-column: span 4; margin-bottom: 0; }

.calender--section { margin-bottom: calc(var(--gap-xxl)*2); }

/* get in touch */
.get--in--touch { position: relative; overflow: hidden; }
.get--in--touch .h2 { margin-bottom: var(--gap-md); }
.get--in--bx .h3 { margin-bottom: 0; }
.get--in--touch p { width: 50%; }
.get--in--touch .bg--image { width: 100%;  height: calc(100% + 50px); position: absolute; left: 0px; top: 0px; z-index: 0; overflow: hidden; }
.get--in--touch .bg--image img { width: 100%; height: 100%; object-fit: cover; }

.get--in--bx { background: var(--white); padding: calc(var(--gap-xl) * 2); display: flex; flex-flow: row wrap; clip-path: polygon(0 0, 60% 0%, 60% 20px, 100% 20px, 100% 100%, 0 100%); }
.get--in--bx .title--wrapper { width: 100%; margin-bottom: var(--gap-md); }
.get--in--bx .text--info { width: 50%; display: flex; flex-flow: column wrap; }
.get--in--bx .contact--info { margin-top: auto; }
.get--in--bx .contact--info .title { font-size: clamp(15px, 1.25vw, 24px); font-family: var(--Gilroy); font-weight: 500; text-transform: uppercase; line-height: 1.3; margin-bottom: var(--gap-md); }
.get--in--bx .contact--info .title * { font-size: clamp(15px, 1.25vw, 24px); font-family: var(--Gilroy); font-weight: 500; text-transform: uppercase; color: var(--yellow); }
.get--in--bx .contact--info a { font-size: clamp(15px, 1.25vw, 24px); font-family: var(--Gilroy); font-weight: 500; width: 100%; transition: color 0.5s; }
.get--in--bx .contact--info a:hover { color: var(--yellow); }
.get--in--bx .contact--form { width: 50%; }

/* FOOTER */
footer { position: relative; overflow: hidden; }
footer .footer--bg { width: 90%; height: auto; position: absolute; right: -25%; bottom: -110px; z-index: 11; pointer-events: none; }
footer .footer--bg img { width: 100%; height: auto; }
footer .h1 span { color: var(--yellow); display: block; }
footer .h1 span, .h1, footer .h1 * { font-size: clamp(26px, 2.70vw, 52px); font-weight: 400; font-family: var(--Benzin); }
footer .address--grp { height: 100%; display: flex; flex-flow: column wrap; justify-content: space-between; padding-right: 80px; }

footer .contact-addres li { margin-bottom: 5px; }
footer .contact-addres li a { position: relative; font-size: clamp(22px, 1.82vw, 35px); font-family: var(--Gilroy); color: var(--color); position: relative; display: inline-flex; line-height: 1.4; }
footer .contact-addres li a:after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 0px; height: 1px; background: var(--yellow); transition: var(--all-medium); }
footer .contact-addres li a:hover:after { width: 100%; }

footer .links--grp { display: flex; justify-content: space-between; align-items: flex-start; }
.footer--title { font-size: clamp(16px, 0.98vw, 19px); letter-spacing: 1.5px;  color: #000000b3; margin-bottom: var(--gap-md); font-family: var(--Gilroy); font-weight: 500; text-transform: uppercase; }

footer .footer--links li a { position: relative; font-size: clamp(13px, 0.83vw, 16px); text-transform: capitalize; letter-spacing: 1px; font-weight: 500; color: var(--black); opacity: 0.6; line-height: 1.3; padding: 4px 0; font-family: var(--Gilroy); transition: var(--all-medium); }
footer .footer--links li a::after { content: ""; position: absolute; bottom: 2px; right: 0px; width: 0px; height: 1px; background: var(--yellow); transition: var(--all-medium);   }
footer .footer--links li a:hover::after {  width: 100%; right: unset; left: 0%; }

footer .social--links { display: flex; gap: 10px;}
footer .social--links li a { display: flex; }
footer .social--links li a .svg { width: clamp(30px, 2.08vw, 40px); height: clamp(30px, 2.08vw, 40px); display: block; }
footer .social--links li a .svg path,
footer .social--links li a .svg circle,
footer .social--links li a .svg rect,
footer .social--links li a .svg ellipse { fill: var(--yellow); }
footer .social--links li a .svg path  { transition: var(--all-medium); color: var(--yellow); }
footer .social--links li a:hover .svg path {  fill: #eacf03f8; }
.footer--links.footer--links2 { display: flex; height: 100%; justify-content: space-between; flex-direction: column; gap: 20px; }

footer .footer--text { font-size: clamp(20px, 2.09vw, 40px); font-family: var(--Benzin); font-weight: 400; background-image: url('../images/text-bg.webp'); -webkit-background-clip: text; background-clip: text; color: transparent; background-size: 150%; background-position: 0% 50%; margin-top: calc(var(--gap-xxl) * 2); transition: var(--all-slow); }
footer .footer--text:hover { animation: move 5s linear infinite alternate; }


footer .footer--bottom { display: flex; justify-content: space-between; gap: var(--gap-sm); margin: var(--gap-xxl) 0 var(--gap-lg);  padding-bottom: 10px; }
footer .footer--bottom p, footer .footer--bottom a, footer .footer--bottom p span { margin-bottom: 0px; font-size: clamp(10px, 0.67vw, 13px); color: #9f9b9b; text-transform: uppercase; transition: var(--all-medium); }
footer .footer--bottom a:hover { color: var(--yellow); }

.whatsapp--icon { position: fixed; right: clamp(15px, 1.56vw, 30px); bottom: 30px; z-index: 999; width: clamp(60px, 5.20vw, 100px); height: clamp(60px, 5.20vw, 100px); border-radius: 50%; }
.whatsapp--icon:hover { animation: pulse 1.5s infinite ease-out 0.3s; }
.whatsapp--icon .svg { width: 100%; height: 100%; }
.whatsapp--icon .svg .text { transform: rotate(0deg); transform-origin: center; animation: rotate360 10s infinite linear; }

@keyframes pulse {
0% { box-shadow: 0px 0px 0px 0px rgb(2, 179, 22); }
100% { box-shadow: 0px 0px 0px 20px rgba(146, 246, 164, 0); }
}
@keyframes rotate360 {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}


/* innerpages */
.in--banner { width: 100%; height: clamp(280px, 23.43vw, 450px); position: relative; background-size: cover; display: flex; align-items: center; overflow: hidden; }
.in--banner img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; z-index: -1; }
.in--banner .h1 { color: var(--white); text-transform: uppercase; margin-top: 50px; }
.in--banner:before { content: ""; width: 30%; height: 22px; background: var(--white); left: 30%; bottom: -2px; position: absolute; z-index: 111; pointer-events: none; }

.bredcrump--sec { position: relative; }
.bredcrump--div {   width: 100%; }
.bredcrump { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0px 0px 0px; }
.bredcrump li .arrow { position: static; width: 5px; height: auto; margin-left: 6px; -o-object-fit: contain; object-fit: contain; }
.bredcrump li, .bredcrump li a { font-size: clamp(9px, 0.62vw, 11px); text-transform: uppercase; font-family: var(--Benzin); font-weight: 400; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.bredcrump span { font-size: clamp(9px, 0.62vw, 11px); text-transform: uppercase; font-family: var(--Benzin); font-weight: 400; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.bredcrump li { margin-right: 8px; color: var(--grey); }
.bredcrump span { color: var(--grey); }
.bredcrump a, .bredcrump a span { color: var(--yellow); }

/* ABOUT SECTION */
.about--sec .about--left { display: flex; flex-flow: column wrap; height: 100%; justify-content: space-between; gap: 50px; }
.about--sec .about--left .img--bx { margin-top: var(--gap-lg); }
.about--sec .about--text .row { --bs-gutter-x: var(--gap-xxl); }
.about--sec .about--text .rating--div { margin-top: var(--gap-xxxl); margin-bottom: calc(var(--gap-xxl) * 2); }
.about--sec .about--text .rating--div li { padding-right: clamp(15px, 1.30vw, 25px); margin-right: clamp(15px, 1.30vw, 25px); }
.about--sec .about--text .rating--div li .rating--bx .counter--bx .counter--value-grp { font-size: clamp(17px, 1.40vw, 27px); }
.about--sec .about--text .rating--div li .rating--bx .counter--text { font-size: clamp(12px, 0.93vw, 18px); }
.about--sec .about--text .rating--div li:last-child { padding-right: 0px; margin-right: 0px; }

.about--sec .about--row2 { margin-top: var(--gap-xxl); position: relative; z-index: 11; }
.about--sec .about--row2 .img--bx { width: 100%; cursor: pointer; aspect-ratio: 1.8; display: flex; position: relative; overflow: hidden; transition: var(--all-medium); }
.about--sec .about--row2 .img--bx .play--btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: clamp(60px, 6.25vw, 120px); border-radius: 50%; height: auto; transition: var(--all-medium);  animation: pulse2 1.5s infinite ease-out 0.3s; }
.about--sec .about--row2 .img--bx .play--btn circle { opacity: 0.7; transition: var(--all-medium); }

.about--video .video--div { width: 100%; height: auto; display: flex; }
.about--video .video--div video { width: 100%!important; height: auto; }
.about--sec .about--row2 .img--bx:hover { transform: scale(0.95); }
.about--sec .about--row2 .img--bx:hover img.video--preview { transform: scale(1.05); }

@keyframes pulse2 {
0% { box-shadow: 0px 0px 0px 0px var(--yellow); }
100% { box-shadow: 0px 0px 0px 30px rgba(146, 246, 164, 0); }
}

.about--sec .about--row2 img { width: 100%; height: 100%; transition: var(--all-medium); }
.about--sec .about--row2 .about--line { width: 100%; height: 10px; display: flex; }
.about--sec .about--row2 .about--line img { width: 100%; height: auto; }
.about--sec .about--row2 .h4 { color: var(--yellow); padding-right: var(--gap-xxl); margin-bottom: var(--gap-xxl); }

.modal-dialog { max-width: 1400px; }
.modal { background: rgba(255,255,255, 0.85); }
.modal-header { padding: 0px; border: 0px; }
.modal .btn-close { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; background: var(--yellow); border-radius: 50%; position: absolute; z-index: 11; cursor: pointer; right: -4px; top: -4px; opacity: 1; }
.modal .btn-close img { width: 12px; height: auto; object-fit: contain; filter: brightness(1) invert(1); }
.about--video .modal-body { padding: 0px; }
.modal .btn-close:focus { outline: none; box-shadow: none; }
.modal .modal-content { border: 0px; border-radius: 0px; background: transparent; }

/* PROJECT DETAILS */
.projects--sec .case--study--text span { z-index: 2;}
.project-details {  display: flex; flex-flow: row wrap; align-items: center; }
.project-details .row { --bs-gutter-x: var(--gap-xxl);  }
.project-details .project-details-content { display: flex; flex-wrap: wrap; gap: var(--gap-xxl);}
.project-details .h2 { width: 50%;}
.project-details p {color: #2e2e2e;  }
.project-details hr { margin: 60px 0; }
.project-details ul { display: flex; flex-flow: row wrap; flex: 1; }
.project-details ul li { width: 50%; margin-bottom: var(--gap-xxl); }
.project-details ul li .title { font-size: clamp(14px, 0.83vw, 16px); font-family: var(--Gilroy); line-height: 1.2; font-weight: 400; text-transform: uppercase;  color: #272727; margin-bottom: 10px; }
.project-details ul li .h4, .project-details ul li .h4 * { font-size: clamp(12px, 1.04vw, 20px); font-family: var(--Gilroy); line-height: 1.2; font-weight: 500; text-transform: capitalize;  color: var(--black); margin-bottom: 0; }

/* PROJECT IMAGES */
.project-showcase .row {  --bs-gutter-x: var(--gap-xxl); --bs-gutter-y: var(--gap-xxl); }
.project-showcase .proj-img { transform: scale(0.9); opacity: 0; width: 100%; height: 700px; margin-bottom: 30px; background: var(--data-bg) center center no-repeat; background-size: 105%; clip-path: polygon(25px 0, 100% 0, 100% 100%, 0 100%, 0 25px); }
.project-showcase .proj-img img { width: 100%; height: 100%; object-fit: cover; transition: var(--all-medium) ease-in-out; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0); animation: projectShowcase2 0.3s ease-in-out forwards; }
.project-showcase .proj-img:hover img { animation: projectShowcase1 0.3s ease-in-out forwards; }

/* BRAND LEGACY SECTION */
.brand--legacy, .brand--legacy--sec { position: relative }
.brand--legacy--sec .brand--bg { position: absolute; left: 0px; top: -100px; width: 100%; height: 100%; overflow: hidden; opacity: 0.3; }
.brand--legacy--sec .brand--bg img { width: 100%; height: auto; object-fit: contain; }
.brand--legacy--sec .history--bx { padding: 0px clamp(0px, 2.60vw, 50px); }
.brand--legacy--sec .history--bx .h5 { color: var(--yellow); font-weight: 300; min-height: 80px; margin-bottom: var(--gap-lg); }
.brand--legacy--sec .history--bx .h4 { color: var(--black); font-family: var(--Gilroy); font-weight: 400; }
.brand--legacy--sec .history--bx .history--img { margin-left: 0px; margin-bottom: var(--gap-lg); width: 300px; aspect-ratio: 1.5; display: flex; }
.brand--legacy--sec .history--bx p { font-size: clamp(14px, 0.83vw, 16px); }

/* MISSION */
.mission--sec { position: relative; overflow: hidden; }
.mission--sec .row { --bs-gutter-x: clamp(20px, 2.08vw, 40px); }
.mission--bg { width: 100%; height: calc(100% + 150px); background-size: cover; position: absolute; left: 0px; top: 0px; overflow: hidden; }
.mission--sec .h2, .mission--sec .h2 * { color: var(--white); }

.mission--bx { height: 100%; }
.mission--bx .mission--img { margin-bottom: var(--gap-md); width: 100%; aspect-ratio: 51/21; display: flex; }
.mission--bx .mission--img img { width: 100%; height: 100%; object-fit: cover; }
.mission--bx { background: var(--white); padding: var(--gap-xxl); }
.mission--bx .h4, .mission--bx .h4 * { font-family: var(--Gilroy); font-weight: 500; }
.mission--bx p:last-child { margin-bottom: 0px; }



/* FOUNDER */
.founder--sec { position: relative; }
.founder--text--grp { display: flex; flex-flow: row wrap; }
.founder--text--grp .founder--img { flex: 0 0 auto; width: 35%; }
.founder--text--grp .founder--img img { width: 100%; height: auto; aspect-ratio:0.75; }
.founder--text--grp .founder--msg { flex: 1; padding-left: var(--gap-xl); padding-right: clamp(0px, 5.20vw, 100px); }
.founder--text--grp .founder--msg .sign { display: flex; width: 100px; height: auto; margin-bottom: var(--gap-md); }
.founder--text--grp .founder--msg .founder--name { color: var(--yellow); text-transform: uppercase; font-family: var(--Benzin); font-size: clamp(16px, 1.14vw, 21px); font-weight: 400; }
.founder--text--grp .founder--msg .founder--name small { display: block; color: var(--yellow); text-transform: uppercase; font-family: var(--Benzin); font-size: clamp(14px, 0.93vw, 18px); font-weight: 400; }
.founder--sec .bg--shape { bottom: 0px; display: none; }
.founder--sec .v--line2 { height: 100%; right: 6%; }

/* TEAM SECTION */
.team--text .team--img { width: 100%; margin-bottom: var(--gap-lg); }
.team--text p:not(.h3) { width: 90%; margin-bottom: 0; }
.team--bx .team--img { width: 100%; aspect-ratio: 45/56; margin-bottom: calc(var(--gap-md) - 4px); }
.team--list {  display: grid; grid-template-columns: repeat(4, 1fr);  gap: var(--gap-xl); }
.management--team .team--list .team--bx .team--info .team--name { font-size: clamp(16px, 1.04vw, 20px); text-transform: uppercase; }
.management--team .team--list .team--bx .team--info .designation { font-size: clamp(12px, 0.72vw, 14px); text-transform: uppercase; line-height: 1;}

/* AWARD LIST */
.award--list li { padding: 35px 50px 35px 120px; border-bottom: 1px solid var(--yellow); text-align: center;}
.award--list li .img--bx { width: 100%; height: auto; margin-bottom: 20px; text-align: center; }
.award--list li .img--bx img { width: 150px; max-width: 100%; height: auto; }
.award--list li p { color: var(--black); margin-bottom: 8px; font-family: var(--Benzin); font-weight: 400; }
.award--list li .h5 { color: var(--black); font-size: clamp(19px, 1.61vw, 31px); margin-bottom: 0px; }

.certificate--sec { background: url(../images/iso-bg.webp) center center no-repeat; background-size: cover; width: 100%; padding: var(--gap-xxl) 0; position: relative; }

.certificate--list { display: grid; grid-template-columns: repeat(3, auto); gap: clamp(25px, 3vw, 150px); }
.certificate--list .media { display: flex; flex-flow: row wrap; align-items: center; }
.certificate--list .media .media--img { width: clamp(60px, 4.89vw, 94px); aspect-ratio: 1; margin-right: var(--gap-xl); }
.certificate--list .media .media--img img { width: 100%; height: 100%; object-fit: contain; }
.certificate--list .media .media--body { flex: 1; display: flex; flex-flow: column wrap; align-content: flex-start; }
.certificate--list .media .media--body .h4 { font-size: clamp(15px, 1.30vw, 25px); font-family: var(--Benzin); background-image: url('../images/text-bg.webp'); -webkit-background-clip: text; background-clip: text; color: transparent; background-size: cover; margin-bottom: var(--gap-sm); }
.certificate--list .media .media--body p { color: rgb(0, 0, 0, 0.75); margin-bottom: 8px; font-family: var(--Benzin); font-size: clamp(8px, 0.62vw, 12px); font-weight: 400; }


.management--team .container-fluid { max-width: 100%; }
.management--slider .swiper-slide { padding: 10px 0px; }
.management--slider .swiper-slide .team--bx { width: 100%; padding: 20px; border: 1px solid transparent; transition: var(--all-medium); transform: scale(0.90); filter: grayscale(80%); opacity: 0.3; }
.management--slider .swiper-slide .team--bx .team--img { width: 100%; aspect-ratio: 1.2;  }
.management--slider .swiper-slide .team--bx  .team--info { opacity: 0; transition: var(--all-medium); }
.management--slider .swiper-slide .team--bx  .team--info .team--name, .management--slider .swiper-slide .team--bx  .team--info .team--name span { font-size: clamp(14px, 0.83vw, 16px); font-family: var(--Benzin); color: var(--yellow); }
.management--slider .swiper-slide .team--bx  .team--info p:last-child { margin-bottom: 0px; }
.management--slider .swiper-slide .team--bx  .team--info .team--name span { display: block; }

.management--slider .swiper-slide.swiper-slide-prev .team--bx  { opacity: 0.5; }
.management--slider .swiper-slide.swiper-slide-next .team--bx  { opacity: 0.5; }
.management--slider .swiper-slide.swiper-slide-active .team--bx { transform: scale(1); border-color: var(--yellow); filter: grayscale(0); opacity: 1; }
.management--slider .swiper-slide.swiper-slide-active .team--bx .team--info { opacity: 1; }

.management--slider .swiper--btn { position: absolute; z-index: 11; top: 45%; width: 60px; height: 40px; background: var(--yellow); display: flex; align-items: center; justify-content: center; }
.management--slider .swiper--btn img { width: 20px; height: auto; }
.management--slider .swiper--btn.next { left: 62%;  }
.management--slider .swiper--btn.prev { right: 62%;  }


/* PROJECT PAGE */
.projects--list { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-xxxl); }
.projects--list:hover:before, .projects--list:hover:after { opacity: 1;   animation: stroke-animation 2s linear infinite; }
.sort--list { display: flex; margin-top: var(--gap-xxxl); margin-bottom: var(--gap-xxl);   }
.sort--list .tab--btn .svg { width: 0px; transition: var(--all-medium); height: 4px; position: absolute; left: 0; bottom: 0px; }
.sort--list .tab--btn .svg path { stroke: var(--yellow); }
.sort--list .tab--btn.active .svg { width: 100%; }
.sort--list .tab--btn.active, .sort--list .tab--btn:hover { color: var(--yellow); }
.sort--list .tab--btn { position: relative; cursor: pointer; font-size: clamp(14px, 0.93vw, 18px); text-transform: uppercase; padding: 10px 0px; color: var(--black); margin-right: 30px; font-family: var(--Benzin); font-weight: 400; }
.projects--list li.hide { display: none; }
.projects--list li { transform: translateY(50px) rotate(5deg); opacity: 0; transform-origin: bottom left; }


/* CONTACT PAGE */
.map--div { width: 100%; aspect-ratio: 1.3; display: flex; }
.map--div iframe { width: 100%; height: 100%; }

.addres--list { display: flex; flex-wrap: wrap; column-gap: 20px;  }
.addres--list li { flex: 0 0 calc(50% - 20px); margin-bottom: var(--gap-lg); }
.addres--list li span { font-size: clamp(14px, 0.83vw, 16px); font-family: var(--Benzin); color:  rgba(0, 0, 0, 0.30); display: flex; margin-bottom: 5px; }
.addres--list li a, .addres--list li p { color: var(--black); font-size: clamp(16px, 1.04vw, 20px); font-family: var(--Gilroy); position: relative; padding-bottom: 1px; }
.addres--list li p { margin-bottom: 0px; }
.addres--list li a:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; background: var(--black); transition: var(--all-medium); }
.addres--list li a:hover:after { width: 100%; }

/* service page */
.service--sec { position: relative; }
.service--sec .bg--shape { bottom: 0px; }
.service--sec .service--text .row { --bs-gutter-x: var(--gap-xxl); }
.service--sec .service--left { display: flex; flex-flow: column wrap; height: 100%; justify-content: space-between; }
.service--sec .service--left .service--img1 { width: 60%; margin-left: auto; }

.what--we--offer .offer--list { row-gap: var(--gap-xl); }
.what--we--offer .offer--list .offer--bx { display: flex; flex-flow: column wrap; background: var(--white); transition: var(--all-medium); }
.what--we--offer .offer--list .offer--bx .offer--img { width: 100%; position: relative; display: flex; aspect-ratio: 2/1; overflow: hidden; }
.what--we--offer .offer--list .offer--bx .offer--img img { transition: var(--all-medium); width: 100%; height: 100%; object-fit: cover; }
.what--we--offer .offer--list .offer--bx .offer--text { padding: var(--gap-xl); }
.what--we--offer .offer--list .offer--bx .offer--text p:not( + .btn) { margin-bottom: 0; }
.what--we--offer .offer--list .offer--bx:hover .btn--primary:before { opacity: 1; }

.what--we--offer .offer--list .offer--bx { width: 100%; height: 100%; opacity: 1; border: 6px solid transparent; transition: var(--all-medium); position: relative; }
.what--we--offer .offer--list .offer--bx::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--white); z-index: -1; opacity: 0; transition: var(--all-medium); }
.what--we--offer .offer--list .offer--bx:before { position: absolute; left: -6px; top: -6px; width: calc(100% + 12px); height: calc(100% + 12px); pointer-events: none; content: ""; padding: 6px; -webkit-mask-image: linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0); mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0); -webkit-mask-clip: content-box, border-box; mask-clip: content-box, border-box; -webkit-mask-origin: content-box, border-box; mask-origin: content-box, border-box; -webkit-mask-composite: xor; mask-composite: exclude;     background: conic-gradient(from var(--angle), #d39e3e 0%, #db902b 16%, #7f4b27 36%, #fbcc5a 58%, #d79b36 75%, #d39d3d 100%); --angle: 0deg; transition: var(--all-medium); opacity: 0; z-index: 1; }

@media screen and (hover: hover) and (pointer: fine) {
  .what--we--offer .offer--list .offer--bx:hover:before, .what--we--offer .offer--list .offer--bx:hover:after { opacity: 1;animation: stroke-animation 5s linear infinite; }
}

.what--we--deliver .deliver--list { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-xxxl); }
.what--we--deliver .deliver--list .deliver--box { width: 100%; height: 100%; display: flex; flex-flow: row wrap; }
.what--we--deliver .deliver--list .deliver--box .deliver--img { width: 100%; aspect-ratio: 3/2; display: flex; }
.what--we--deliver .deliver--list .deliver--box .deliver--text { width: 100%; padding: var(--gap-lg) 0; }

.list { display: block; padding-left: 15px; margin-bottom: 20px; }
.list li { font-size: clamp(14px, 0.83vw, 16px); margin-bottom: 5px; color: rgba(0, 0, 0, 0.60);  list-style-type: disc; list-style-position: outside;}

.process--list { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-xxl); }
.process--list li { display: flex; flex-flow: column wrap; align-items: flex-start; }
.process--list li .h5 { font-size: clamp(16px, 1.35vw, 26px); color: var(--yellow);}
.process--list li:last-child { padding-right: 0px; }
.process--list li img { width: auto; height: clamp(60px, 5.20vw, 100px); margin-bottom: var(--gap-xl); }
.process--list li span { color: var(--black); font-size: clamp(14px, 1.14vw, 22px); margin-bottom: 5px; font-family: var(--Gilroy); }

/* BLOG DETAILS PAGE */
.blog--banner--title { font-size: clamp(20px, 2.70vw, 52px); }
.blog-date { display: flex; font-size: clamp(14px, 0.83vw, 16px); color: rgba(0, 0, 0, 0.60); margin-bottom: calc(var(--gap-md) / 2); }
.toc-title { margin-bottom: var(--gap-md); }
.blog-share { margin-top: var(--gap-xl); }
.custom-nested-toc ul { margin-bottom: var(--gap-xl); }
.custom-nested-toc ul a { font-size: clamp(14px, 0.83vw, 16px); padding: calc(var(--gap-md) / 4) 0; width: 100%; transition: var(--all-medium) }
.custom-nested-toc ul a:hover { color: var(--yellow); }

.social--share--list { display: flex; gap: var(--gap-md); }

.wp-block-list { margin-bottom: var(--gap-lg); list-style-type: disc; list-style-position: inside; padding-left: var(--gap-sm); }
.wp-block-list li { list-style-type: disc; }

.wp-block-heading { margin-bottom: var(--gap-md); }


/* OUR PHILOSOPHY SECTION */
.philosophy--list { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap-xxl); margin-top: var(--gap-xxl); }
.philosophy--list li { display: flex; flex-flow: column wrap; align-items: flex-start; }
.philosophy--list li .h5 { font-size: clamp(16px, 1.35vw, 26px); color: var(--yellow);}
.philosophy--list li:last-child { padding-right: 0px; }
.philosophy--list li img { width: auto; height: clamp(60px, 5.20vw, 100px); margin-bottom: var(--gap-xl); }
.philosophy--list li span { color: var(--black); font-size: clamp(14px, 1.14vw, 22px); margin-bottom: 5px; font-family: var(--Gilroy); }
.philosophy--list li p { margin-bottom: 0; }

/* SAFETY AND COMPLIANCE */
.safety--list { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-xxl); margin-top: var(--gap-xxl); }
.safety--list .safety--box { display: flex; flex-flow: row wrap; }
.safety--list .safety--box .img--box { width: 100%; display: flex; aspect-ratio: 3/2; margin-bottom: var(--gap-lg); }


/* 404 PAGE */
.not--found { padding: var(--section--space) 0; min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }
.not--found .title { font-size: clamp(80px, 10.41vw, 200px); line-height: 1; font-family: var(--primary-font); font-weight: 600; margin-bottom: var(--space-md); color: rgb(var(--primary-color) / 1); }