@import url("https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Barlow:wght@100;400;500;700&display=swap");

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@1,500&family=Manrope:wght@200..800&display=swap');

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*
! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

html{
  scroll-behavior: smooth;
  font-size: 14px;
}

@media (min-width: 991px){
  html{
    font-size: 16px;
  }
}

::-webkit-scrollbar{
  --tw-bg-opacity: 1;
  background-color: rgb(1 25 13 / var(--tw-bg-opacity));
}

@media (min-width: 991px){
  ::-webkit-scrollbar{
    width: 0.5vw;
  }
}

::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(249 168 36 / var(--tw-bg-opacity));
}

::-moz-selection{
  --tw-bg-opacity: 1;
  background-color: rgb(1 25 13 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

::selection{
  --tw-bg-opacity: 1;
  background-color: rgb(1 25 13 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

::-moz-selection{
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

body{
  font-family: Barlow, sans-serif;
  font-size: 1rem;
  --tw-text-opacity: 1;
  color: rgb(98 98 98 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  body{
    font-size: 0.938vw;
  }
}

header{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 999;
  width: 100%;
  padding-top: .5rem;
  padding-bottom: .5rem;
  transition-duration: 0.3s;
}

@media (min-width: 768px){
  header{
    padding-top: .8rem;
    padding-bottom: .8rem;
  }
}

@media (min-width: 991px){
  header{
    padding-top: 1.302vw;
    padding-bottom: 1.302vw;
  }
}

img{
  display: block;
  width: 100%;
  max-width: none;
}

main{
  overflow: hidden;
}

main section{
  margin-bottom: 3rem;
}

@media (min-width: 991px){
  main section{
    margin-bottom: 4vw;
  }
}

button{
  border-width: 0px;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

input:focus,
  textarea:focus,
  button,
  button:focus,
  a,
  a:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.container{
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 480px){
  .container{
    max-width: 480px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 991px){
  .container{
    max-width: 991px;
    padding-right: 10.156vw;
    padding-left: 10.156vw;
  }
}

@media (min-width: 1200px){
  .container{
    max-width: 1200px;
  }
}

/* Title */

.title{
  margin-bottom: 1rem;
  font-family: Albert Sans, serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .title{
    font-size: 2.5rem;
  }
}

@media (min-width: 1200px){
  .title{
    margin-bottom: 2.5vw;
    font-size: 2.5vw;
    line-height: 3vw;
  }
}

/* Cta */

.cta{
  position: relative;
  z-index: 1;
  display: table;
  border-radius: 9999px;
  padding: 1rem;
  font-family: Albert Sans, serif;
  text-transform: capitalize;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  overflow: hidden;
}

@media (min-width: 480px){
  .cta{
    font-size: 1.1rem;
  }
}

@media (min-width: 1200px){
  .cta{
    padding-left: 1.563vw;
    padding-right: 1.563vw;
    padding-top: 1.458vw;
    padding-bottom: 1.458vw;
    font-size: 1.042vw;
  }

  .imgCtaLink {padding-top: 1vw; padding-bottom: 1vw;}
}

.cta {
  background: linear-gradient(-290deg, #073a21 -9.55%, #13a05b 110.96%);
}

.cta:before{
  position: absolute;
  top: 0px;
  left: -100%;
  z-index: -1;
  height: 100%;
  width: 100%;
  --tw-content: '';
  content: var(--tw-content);
  background: linear-gradient(
      120deg,
      transparent,
      rgba(255, 255, 255, 0.5),
      transparent
    );
  transition: all 0.65s ease-in-out;
}

.cta:hover::before{
  left: 100%;
}

.row{
  display: flex;
  flex-wrap: wrap;
}

/* Language */

.languageBtn{
  position: fixed;
  top: 50%;
  right: 0px;
  z-index: 1;
  display: flex;
  height: 3rem;
  width: 3rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.practiseAreaWrp.languageBtn{
  top: 80px;
  left: 0px;
  z-index: 999;
  margin-bottom: 0px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: .5rem;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
}

.practiseAreaWrp.languageBtn h4{
  display: none;
}

header.languageBtn{
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(24 131 79 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(11 81 47 / var(--tw-bg-opacity));
}

@media (min-width: 991px){
  header.languageBtn{
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
  }
}

.begurUaePg header.languageBtn{
  --tw-border-opacity: 1;
  border-color: rgb(243 173 59 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(91 50 0 / var(--tw-bg-opacity));
}

.pcPage header.languageBtn{
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(89 12 13 / var(--tw-bg-opacity));
}

@media (min-width: 1200px){
  .languageBtn{
    height: 3.5vw;
    width: 3.5vw;
    border-top-left-radius: .5vw;
    border-bottom-left-radius: .5vw;
  }
}

.languageBtn {
  background: linear-gradient(228deg, #063920 28.8%, #0e7a45 90.67%);
}

.languageBtn svg{
  height: 50%;
  width: 50%;
  fill: #fff;
}

.languageCol{
  position: fixed;
  top: 50%;
  right: -50%;
  z-index: 1;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(221 221 221 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
  padding-bottom: 0px !important;
  opacity: 0;
  transition-duration: 0.3s;
}

.practiseAreaWrp.languageCol{
  top: 80px;
  left: 0px;
  z-index: 999;
  margin-bottom: 0px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: .5rem;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
}

.practiseAreaWrp.languageCol h4{
  display: none;
}

header.languageCol{
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(24 131 79 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(11 81 47 / var(--tw-bg-opacity));
}

@media (min-width: 991px){
  header.languageCol{
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
  }
}

.begurUaePg header.languageCol{
  --tw-border-opacity: 1;
  border-color: rgb(243 173 59 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(91 50 0 / var(--tw-bg-opacity));
}

.pcPage header.languageCol{
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(89 12 13 / var(--tw-bg-opacity));
}

@media (min-width: 1200px){
  .languageCol{
    border-top-left-radius: .5vw;
    border-bottom-left-radius: .5vw;
    padding: 1vw;
  }
}

.languageCol.active{
  right: 0px;
  opacity: 1;
}

.languageCol span{
  position: absolute;
  top: -10px;
  left: -10px;
  display: flex;
  height: 20px;
  width: 20px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(1 25 13 / var(--tw-bg-opacity));
  text-align: center;
}

.languageCol span svg{
  height: 50%;
  width: 50%;
  fill: #fff;
}

.languageCol #google_translate_element span {
  display: none !important;
}

.languageCol .goog-te-gadget {
  color: transparent !important;
}

@media (min-width: 1200px){
  .languageCol .goog-te-combo{
    border-radius: .5vw;
  }
}

.languageCol .goog-te-combo {
  background: none !important;
  border: 1px solid #000;
  color: #000;
  font-size: 12px;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px;
}

.languageCol .goog-te-combo:focus {
  outline: none;
}

.languageCol .goog-te-combo option {
  color: #000;
}

/* Menu Button */

.menuBtn{
  width: 3rem;
}

@media (min-width: 991px){
  .menuBtn{
    width: 3.599vw;
  }
}

/* Menu Bar */

.menuOverlay{
  visibility: hidden;
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  opacity: 0;
  transition-duration: 1000ms;
}

.practiseAreaWrp.menuOverlay{
  top: 80px;
  left: 0px;
  z-index: 999;
  margin-bottom: 0px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: .5rem;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
}

.practiseAreaWrp.menuOverlay h4{
  display: none;
}

header.menuOverlay{
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(24 131 79 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(11 81 47 / var(--tw-bg-opacity));
}

@media (min-width: 991px){
  header.menuOverlay{
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
  }
}

.begurUaePg header.menuOverlay{
  --tw-border-opacity: 1;
  border-color: rgb(243 173 59 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(91 50 0 / var(--tw-bg-opacity));
}

.pcPage header.menuOverlay{
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(89 12 13 / var(--tw-bg-opacity));
}

.menuBox{
  position: fixed;
  right: -100%;
  top: 0px;
  z-index: 1;
  height: 100vh;
  width: 80%;
  overflow-y: auto;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 5%;
  padding-bottom: 5%;
  transition-duration: 1000ms;
}

.practiseAreaWrp.menuBox{
  top: 80px;
  left: 0px;
  z-index: 999;
  margin-bottom: 0px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: .5rem;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
}

.practiseAreaWrp.menuBox h4{
  display: none;
}

header.menuBox{
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(24 131 79 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(11 81 47 / var(--tw-bg-opacity));
}

@media (min-width: 991px){
  header.menuBox{
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
  }
}

.begurUaePg header.menuBox{
  --tw-border-opacity: 1;
  border-color: rgb(243 173 59 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(91 50 0 / var(--tw-bg-opacity));
}

.pcPage header.menuBox{
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(89 12 13 / var(--tw-bg-opacity));
}

@media (min-width: 991px){
  .menuBox{
    width: 50%;
  }
}

.menuBox {
  background: var(
      --hover-gradient,
      linear-gradient(235deg, #063920 23.8%, #0e7a45 141.49%)
    );
}

.menuBox ul li{
  margin-bottom: 1.5rem;
}

@media (min-width: 991px){
  .menuBox ul li{
    margin-bottom: 2.5vw;
  }
}

.menuBox ul li a{
  font-family: Albert Sans, serif;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-duration: 0.3s;
}

@media (min-width: 991px){
  .menuBox ul li a{
    font-size: 1.667vw;
  }
}

.menuBox ul li a.pcLink{
  margin-left: -.9rem;
  display: table;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(243 173 59 / var(--tw-border-opacity));
  padding: .8rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .menuBox ul li a.pcLink{
    margin-top: 1vw;
    margin-bottom: 1vw;
    padding-left: 1.563vw;
    padding-right: 1.563vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
  }
}

.menuBox ul li a.pcLink {
  background: linear-gradient(60deg, #590c0d 41.3%, #2b0202 102.59%);
}

.menuBox ul li:hover > a{
  --tw-text-opacity: 1;
  color: rgb(199 142 73 / var(--tw-text-opacity));
}

.menuBox ul li .dropdown{
  margin-top: 0px;
  display: none;
  transition-duration: 0.3s;
}

@media (min-width: 991px){
  .menuBox ul li .dropdown{
    display: block;
    height: 0px;
    overflow: hidden;
    opacity: 0;
  }
}

.menuBox ul li .dropdown ul{
  margin: 0px;
}

.menuBox ul li .dropdown ul li{
  position: relative;
  margin-bottom: .5rem;
  padding-left: 1.5rem;
}

@media (min-width: 991px){
  .menuBox ul li .dropdown ul li{
    margin-bottom: 1vw;
    padding-left: 1.5vw;
  }
}

.menuBox ul li .dropdown ul li:before{
  position: absolute;
  left: 0px;
  top: .5rem;
  aspect-ratio: 1 / 1;
  width: .5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(199 142 73 / var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 991px){
  .menuBox ul li .dropdown ul li:before{
    top: .5vw;
    width: .5vw;
  }
}

.menuBox ul li:hover .dropdown{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-border-opacity: 50%;
}

@media (min-width: 991px){
  .menuBox ul li:hover .dropdown{
    margin-top: 2vw;
    height: auto;
    opacity: 1;
  }
}

.menuBox ul li .dropdown a{
  font-size: 1.1rem;
  font-weight: 400;
}

@media (min-width: 991px){
  .menuBox ul li .dropdown a{
    font-size: 1.5vw;
  }
}

.menuBox ul li .dropdown a:hover{
  letter-spacing: 0em;
}

/* Scroll Down Button */

.sdBtn{
  position: absolute;
  right: 1%;
  bottom: 10%;
  z-index: 1;
  display: none;
  font-family: Albert Sans, serif;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-duration: 0.3s;
}

@media (min-width: 991px){
  .sdBtn{
    bottom: 5%;
    display: block;
    font-size: 1vw;
    letter-spacing: .2vw;
  }
}

.sdBtn {
  text-orientation: mixed;
  writing-mode: vertical-lr;
}

@media (min-width: 991px){
  .sdBtn:hover{
    letter-spacing: .3vw;
  }
}

.sdBtn span{
  position: relative;
  display: inline-block;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 991px){
  .sdBtn span{
    height: 2.604vw;
  }
}

.sdBtn span::before{
  position: absolute;
  top: 0px;
  bottom: 50%;
  left: 50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 203 123 / var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 991px){
  .sdBtn span::before{
    width: 4px;
  }
}

.sdBtn span::before {
  animation: move infinite 3s linear;
}

@keyframes move {
  0% {
    top: 0;
    bottom: 50%;
  }

  25% {
    bottom: 0;
  }

  50% {
    bottom: 0;
  }

  75% {
    top: 50%;
    bottom: 0;
  }

  100% {
    top: 0;
    bottom: 50%;
  }
}

/* Accordian */

.accordianHead{
  cursor: pointer;
}

.accordianContent{
  display: none;
}

/* Swiper Navigation */

.swiper-button-next,
  .swiper-button-prev{
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(95 99 104 / var(--tw-border-opacity));
}

.swiper-button-next:hover,
  .swiper-button-prev:hover{
  --tw-border-opacity: 1;
  border-color: rgb(8 63 36 / var(--tw-border-opacity));
}

@media (min-width: 991px){
  .swiper-button-next,
  .swiper-button-prev{
    height: 2.5vw;
    width: 2.5vw;
  }
}

.swiper-button-next:after,
  .swiper-button-prev:after{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  font-family: inherit;
  color: transparent;
}

.swiper-button-prev:after {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.swiper-button-prev:hover:after {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23083F24' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5' clip-rule='evenodd'/></svg>");
}

.swiper-button-next:after {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.swiper-button-next:hover:after {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23083F24' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8' clip-rule='evenodd'/></svg>");
}

.swiper-top-right{
  display: flex;
  -moz-column-gap: .5rem;
       column-gap: .5rem;
}

@media (min-width: 991px){
  .swiper-top-right{
    -moz-column-gap: 1vw;
         column-gap: 1vw;
  }
}

.swiper-top-right .swiper-button-prev,
  .swiper-top-right .swiper-button-next{
  position: relative;
  right: auto;
  left: auto;
  top: auto;
  margin: 0px;
}

/* Parralx */

.jarallax {
  position: relative;
  z-index: 0;
}

.jarallax > .jarallax-img,
  picture.jarallax-img img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* Counter */

.counterWrp{
  text-align: center;
  font-family: Albert Sans, serif;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity));
}

.counterWrp > *{
  padding: 1.2rem;
}

@media (min-width: 991px){
  .counterWrp > *{
    padding: 1.7vw;
  }
}

.counterWrp > div:nth-child(odd){
  border-right-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity));
}

.counterWrp > div:nth-child(1),
  .counterWrp > div:nth-child(2){
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity));
}

.counterWrp .countBox{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

@media (min-width: 991px){
  .counterWrp .countBox{
    font-size: 2.5vw;
  }
}

/* achievment Card */

.achievmentCard{
  display: grid;
  height: 100%;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(199 142 73 / var(--tw-border-opacity));
  padding: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
  transition-duration: 0.3s;
}

.achievmentCard:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 240 / var(--tw-bg-opacity));
}

@media (min-width: 1200px){
  .achievmentCard{
    border-radius: 1.042vw;
    padding: 1.823vw;
  }
}

.achievmentCard h4{
  margin-bottom: 1rem;
  font-family: Albert Sans, serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
}

@media (min-width: 1200px){
  .achievmentCard h4{
    margin-bottom: 1.8vw;
    font-size: 1.667vw;
    line-height: 2vw;
  }
}

.achievmentCard .achievmentLogo{
  display: flex;
  aspect-ratio: 1 / 1;
  width: 5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  overflow: hidden;
}

.achievmentCard .achievmentLogo > *{
  width: 80%;
}

@media (min-width: 1200px){
  .achievmentCard .achievmentLogo{
    width: 6vw;
  }
}

.achievmentCard .achievmentTrophy{
  height: 7rem;
}

.achievmentCard .achievmentTrophy > *{
  height: 100%;
  width: auto;
}

@media (min-width: 1200px){
  .achievmentCard .achievmentTrophy{
    height: 8.333vw;
  }
}

/* Client Card */

.clientCard{
  display: block;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(225 226 222 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  text-align: left;
  overflow: hidden;
}

@media (min-width: 991px){
  .clientCard{
    aspect-ratio: 1 / 1;
    overflow: visible;
    border-width: 0px;
    text-align: center;
  }
}

.clientCard {
  perspective: 1000px;
}

.clientCardInner{
  position: relative;
  display: grid;
  height: 100%;
  width: 100%;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  transition: transform 0.6s;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

.clientCardFront,
  .clientCardBack{
  height: 100%;
  width: 100%;
  overflow: hidden;
}

@media (min-width: 991px){
  .clientCardFront,
  .clientCardBack{
    position: absolute;
    border-radius: 0.781vw;
  }
}

.clientCardFront{
  z-index: 2;
  grid-column: span 5 / span 5;
  display: flex;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  overflow: hidden;
}

@media (min-width: 991px){
  .clientCardFront{
    grid-column: span 12 / span 12;
    border-radius: 0.781vw;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(225 226 222 / var(--tw-border-opacity));
  }
}

.clientCardBack{
  grid-column: span 7 / span 7;
  padding: 1rem;
  overflow: hidden;
}

@media (min-width: 991px){
  .clientCardBack{
    grid-column: span 12 / span 12;
  }
}

@media (min-width: 1200px){
  .clientCardBack{
    border-radius: 0.781vw;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    padding: 1vw;
  }
}

.clientCardBack {
  color: #fff;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
  background: linear-gradient(235deg, #063920 6.61%, #0e7a45 107.78%);
}

@media (min-width: 991.99px) {
  .clientCardBack {
    transform: rotateY(180deg);
  }

  .clientCard:hover .clientCardInner {
    transform: rotateY(180deg);
  }
}

.clientCard:hover .clientCardBack {
  background: linear-gradient(235deg, #063920 6.61%, #0e7a45 107.78%);
}

.clientCardBack h6{
  font-size: 1.1rem;
}

@media (min-width: 480px){
  .clientCardBack h6{
    font-size: 1.2rem;
  }
}

@media (min-width: 1200px){
  .clientCardBack h6{
    font-size: 1.042vw;
  }
}

.clientCardBack p{
  margin-top: .5rem;
  margin-bottom: .5rem;
  font-size: .9rem;
}

@media (min-width: 480px){
  .clientCardBack p{
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1rem;
  }
}

@media (min-width: 1200px){
  .clientCardBack p{
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-size: 0.833vw;
  }
}

.clientCardBack span{
  display: block;
  font-size: .8rem;
}

@media (min-width: 480px){
  .clientCardBack span{
    font-size: 1rem;
  }
}

@media (min-width: 1200px){
  .clientCardBack span{
    font-size: 0.833vw;
  }
}

.clientCard img{
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Differentiators card */

.diffCard{
  height: 100%;
  border-radius: 1rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 2rem;
  transition-duration: 0.3s !important;
}

@media (min-width: 1200px){
  .diffCard{
    border-radius: 1.042vw;
    padding: 2vw;
  }
}

.diffCard:hover{
  --tw-border-opacity: 1;
  border-color: rgb(199 142 73 / var(--tw-border-opacity));
  background: linear-gradient(235deg, #063920 6.61%, #0e7a45 107.78%);
}

.diffCard h5{
  margin-bottom: 0px;
  font-family: Albert Sans, serif;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .diffCard h5{
    font-size: 1.458vw;
  }
}

.diffCard img{
  aspect-ratio: 1 / 1;
  width: 5rem;
  transition-duration: 0.5s;
}

@media (min-width: 1200px){
  .diffCard img{
    width: 5.208vw;
  }
}

.diffCard img.whiteIcon{
  display: none;
}

.diffCard:hover img.whiteIcon{
  display: block;
}

.diffCard:hover img.greenIcon{
  display: none;
}

.diffCard p{
  text-align: justify;
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .diffCard p{
    font-size: 1.042vw;
  }
}

.diffCard:hover h5,
  .diffCard:hover p{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* Custom Select Box */

.custom-select{
  position: relative;
  width: 100%;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(195 139 72 / var(--tw-bg-opacity));
  font-family: Albert Sans, serif;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .custom-select{
    border-radius: 2.083vw;
    font-size: 1.042vw;
  }
}

.custom-select.open{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.select-trigger{
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.25rem;
  padding: 0.625rem;
  overflow: hidden;
}

@media (min-width: 1200px){
  .select-trigger{
    padding: 1.1vw;
  }
}

.select-trigger::before{
  position: absolute;
  right: .5rem;
  top: 50%;
  height: 0px;
  width: 0px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 1200px){
  .select-trigger::before{
    right: 1vw;
  }
}

.select-trigger::before {
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
  transform: rotate(0deg);
}

.select-trigger span{
  white-space: nowrap;
  overflow: hidden;
}

.select-trigger .arrow{
  aspect-ratio: 1 / 1;
  width: .5rem;
  transform-origin: center;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity));
}

@media (min-width: 1200px){
  .select-trigger .arrow{
    width: .5vw;
  }
}

.open .custom-options{
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(156 106 46 / var(--tw-border-opacity));
}

.custom-options{
  position: absolute;
  top: 99%;
  left: 0px;
  z-index: 10;
  display: none;
  width: 100%;
  cursor: pointer;
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(195 139 72 / var(--tw-bg-opacity));
  padding: .5rem;
  transition-duration: 1000ms;
}

@media (min-width: 1200px){
  .custom-options{
    border-bottom-right-radius: 2.083vw;
    border-bottom-left-radius: 2.083vw;
    padding: 1vw;
  }
}

.custom-options ul{
  max-height: 18.75rem;
  overflow-y: auto;
  padding-right: .5rem;
}

@media (min-width: 1200px){
  .custom-options ul{
    max-height: 15.625vw;
    padding-right: .5vw;
  }
}

.custom-options ul::-webkit-scrollbar{
  width: .1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(180 130 70 / var(--tw-bg-opacity));
}

@media (min-width: 991px){
  .custom-options ul::-webkit-scrollbar{
    width: 0.13vw;
  }
}

.custom-options ul::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.custom-options li{
  padding: 0.625rem;
}

@media (min-width: 1200px){
  .custom-options li{
    border-radius: 0.26vw;
    padding: 0.521vw;
  }
}

.custom-options li:hover, .custom-options li.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(195 139 72 / var(--tw-text-opacity));
  transition-duration: 0.3s;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
}

.custom-select.open .custom-options {
  display: block;
  opacity: 1;
}

/* Custom Radio Button */

.radioGroup{
  display: flex;
  align-items: center;
  -moz-column-gap: .5rem;
       column-gap: .5rem;
}

@media (min-width: 1200px){
  .radioGroup{
    -moz-column-gap: .5vw;
         column-gap: .5vw;
  }
}

input[type="radio"]{
  position: relative;
  aspect-ratio: 1 / 1;
  width: 0.9rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-duration: 0.3s;
}

@media (min-width: 1200px){
  input[type="radio"]{
    width: 0.938vw;
  }
}

input[type="radio"]:checked{
  position: relative;
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
}

input[type="radio"]:checked::before{
  position: absolute;
  top: 50%;
  left: 50%;
  aspect-ratio: 1 / 1;
  width: 70%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(195 139 72 / var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
  transform: translate(-50%, -50%);
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.\!relative{
  position: relative !important;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.\!bottom-\[5\.5\%\]{
  bottom: 5.5% !important;
}

.bottom-0{
  bottom: 0px;
}

.left-0{
  left: 0px;
}

.left-1\/2{
  left: 50%;
}

.left-\[5\%\]{
  left: 5%;
}

.right-0{
  right: 0px;
}

.right-\[-5\%\]{
  right: -5%;
}

.right-\[5\%\]{
  right: 5%;
}

.top-0{
  top: 0px;
}

.top-1\/2{
  top: 50%;
}

.top-\[-2\%\]{
  top: -2%;
}

.top-\[-7\.5\%\]{
  top: -7.5%;
}

.top-\[10\%\]{
  top: 10%;
}

.top-\[35\.5\%\]{
  top: 35.5%;
}

.z-\[-1\]{
  z-index: -1;
}

.z-\[1\]{
  z-index: 1;
}

.z-\[9999\]{
  z-index: 9999;
}

.z-\[99\]{
  z-index: 99;
}

.order-last{
  order: 9999;
}

.col-span-12{
  grid-column: span 12 / span 12;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-\[2rem\]{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

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

.mb-5{
  margin-bottom: 1.25rem;
}

.mb-\[1rem\]{
  margin-bottom: 1rem;
}

.mb-\[2rem\]{
  margin-bottom: 2rem;
}

.mb-\[3rem\]{
  margin-bottom: 3rem;
}

.mb-\[7rem\]{
  margin-bottom: 7rem;
}

.ml-auto{
  margin-left: auto;
}

.mr-\[1rem\]{
  margin-right: 1rem;
}

.mt-\[-3rem\]{
  margin-top: -3rem;
}

.mt-\[1rem\]{
  margin-top: 1rem;
}

.mt-\[2rem\]{
  margin-top: 2rem;
}

.mt-\[3vw\]{
  margin-top: 3vw;
}

.mt-\[5rem\]{
  margin-top: 5rem;
}

.block{
  display: block;
}

.flex{
  display: flex;
}

.table{
  display: table;
}

.grid{
  display: grid;
}

.hidden{
  display: none;
}

.aspect-square{
  aspect-ratio: 1 / 1;
}

.aspect-video{
  aspect-ratio: 16 / 9;
}

.h-\[100vh\]{
  height: 100vh;
}

.h-\[102\%\]{
  height: 102%;
}

.h-\[1210px\]{
  height: 1210px;
}

.h-\[2rem\]{
  height: 2rem;
}

.h-auto{
  height: auto;
}

.h-full{
  height: 100%;
}

.w-1\/2{
  width: 50%;
}

.w-6\/12{
  width: 50%;
}

.w-\[1\.1rem\]{
  width: 1.1rem;
}

.w-\[1728px\]{
  width: 1728px;
}

.w-\[2\.5rem\]{
  width: 2.5rem;
}

.w-\[20\%\]{
  width: 20%;
}

.w-\[25\%\]{
  width: 25%;
}

.w-\[3rem\]{
  width: 3rem;
}

.w-\[40\%\]{
  width: 40%;
}

.w-\[42\%\]{
  width: 42%;
}

.w-\[45\%\]{
  width: 45%;
}

.w-\[46\%\]{
  width: 46%;
}

.w-\[4rem\]{
  width: 4rem;
}

.w-\[50\%\]{
  width: 50%;
}

.w-\[60\%\]{
  width: 60%;
}

.w-\[70\%\]{
  width: 70%;
}

.w-\[8\%\]{
  width: 8%;
}

.w-auto{
  width: auto;
}

.w-full{
  width: 100%;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-none{
  flex: none;
}

.grow{
  flex-grow: 1;
}

.translate-x-\[-50\%\]{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-50\%\]{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[148\.796deg\]{
  --tw-rotate: 148.796deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[19\.48deg\]{
  --tw-rotate: 19.48deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[33\.658deg\]{
  --tw-rotate: 33.658deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\]{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.resize{
  resize: both;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex-wrap{
  flex-wrap: wrap;
}

.items-end{
  align-items: flex-end;
}

.items-center{
  align-items: center;
}

.justify-end{
  justify-content: flex-end;
}

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.gap-\[1\.5rem\]{
  gap: 1.5rem;
}

.gap-\[1rem\]{
  gap: 1rem;
}

.gap-x-\[\.5rem\]{
  -moz-column-gap: .5rem;
       column-gap: .5rem;
}

.gap-x-\[\.6rem\]{
  -moz-column-gap: .6rem;
       column-gap: .6rem;
}

.gap-x-\[1\.5rem\]{
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gap-x-\[1rem\]{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-x-\[2rem\]{
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gap-x-\[3rem\]{
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.self-end{
  align-self: flex-end;
}

.self-center{
  align-self: center;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-x-hidden{
  overflow-x: hidden;
}

.rounded-\[1rem\]{
  border-radius: 1rem;
}

.rounded-full{
  border-radius: 9999px;
}

.\!border-0{
  border-width: 0px !important;
}

.border{
  border-width: 1px;
}

.border-\[5px\]{
  border-width: 5px;
}

.border-b{
  border-bottom-width: 1px;
}

.border-t{
  border-top-width: 1px;
}

.border-solid{
  border-style: solid;
}

.border-\[\#0B512F\]{
  --tw-border-opacity: 1;
  border-color: rgb(11 81 47 / var(--tw-border-opacity));
}

.border-\[\#345042\]{
  --tw-border-opacity: 1;
  border-color: rgb(52 80 66 / var(--tw-border-opacity));
}

.border-\[\#DCDBDB\]{
  --tw-border-opacity: 1;
  border-color: rgb(220 219 219 / var(--tw-border-opacity));
}

.border-\[\#bdbdbd\]{
  --tw-border-opacity: 1;
  border-color: rgb(189 189 189 / var(--tw-border-opacity));
}

.border-\[\#ddd\]{
  --tw-border-opacity: 1;
  border-color: rgb(221 221 221 / var(--tw-border-opacity));
}

.border-green{
  --tw-border-opacity: 1;
  border-color: rgb(1 25 13 / var(--tw-border-opacity));
}

.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.bg-\[\#F3F5F0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 240 / var(--tw-bg-opacity));
}

.bg-green{
  --tw-bg-opacity: 1;
  background-color: rgb(1 25 13 / var(--tw-bg-opacity));
}

.bg-lightGrey{
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 242 / var(--tw-bg-opacity));
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.p-\[2rem\]{
  padding: 2rem;
}

.\!px-0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.px-\[1rem\]{
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-\[1rem\]{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-\[3rem\]{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.\!pb-0{
  padding-bottom: 0px !important;
}

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

.pt-\[1\.5rem\]{
  padding-top: 1.5rem;
}

.pt-\[3rem\]{
  padding-top: 3rem;
}

.\!text-center{
  text-align: center !important;
}

.text-center{
  text-align: center;
}

.text-justify{
  text-align: justify;
}

.text-\[1\.1rem\]{
  font-size: 1.1rem;
}

.capitalize{
  text-transform: capitalize;
}

.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.text-\[\#626262\]{
  --tw-text-opacity: 1;
  color: rgb(98 98 98 / var(--tw-text-opacity));
}

.text-\[\#F3AD3B\]{
  --tw-text-opacity: 1;
  color: rgb(243 173 59 / var(--tw-text-opacity));
}

.text-\[\#F5F2F0\]{
  --tw-text-opacity: 1;
  color: rgb(245 242 240 / var(--tw-text-opacity));
}

.text-green{
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.container{
  max-width: none;
}

/* Header */

@media (min-width: 991px){
  header .container{
    padding-left: 5.208vw;
    padding-right: 5.208vw;
  }
}

.logoWrp{
  width: 12.5rem;
}

@media (min-width: 768px){
  .logoWrp{
    width: 15rem;
  }
}

@media (min-width: 991px){
  .logoWrp{
    width: 14.063vw;
  }
}

/* Logo Animation */

.firstFold {
  animation: scaleAnim 4s forwards;
}

.firstFold h4{
  margin-top: 1rem;
  text-align: center;
  font-family: Albert Sans, serif;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 991px){
  .firstFold h4{
    margin-top: 2vw;
    font-size: 1.5vw;
  }
}

.firstFold h4 span i{
  font-style: normal;
  opacity: 0;
  animation: letterAnim 1s linear forwards;
}

@keyframes letterAnim {
  100% {
    opacity: 1;
  }
}

@keyframes scaleAnim {
  0% {
    opacity: 0;
    display: none;
    transform: scale(0);
  }

  25% {
    opacity: 1;
    display: block;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    display: block;
    transform: scale(1);
  }

  75% {
    opacity: 1;
    display: block;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    display: none;
    transform: scale(1);
  }
}

#logo-path {
  fill: none;
  stroke: #ffcc7c;
  stroke-width: 1px;
  stroke-dasharray: 450;
  stroke-dashoffset: 450;
  transform: translate(0, 15px);
  animation: logoLineAnim 3s 4s linear forwards,
      logoFillAnim 3s 5.5s linear forwards,
      logoTransAnim 0.5s 7s linear forwards;
}

@keyframes logoLineAnim {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes logoFillAnim {
  to {
    fill: url(#gradient1);
  }
}

@keyframes logoTransAnim {
  to {
    transform: translate(0, 1px);
  }
}

#linePath {
  stroke-dasharray: 250;
  stroke-dashoffset: 250;
  stroke-width: 1px;
  stroke-miterlimit: 10px;
  animation: linePathAnim 1.5s 8s linear forwards;
}

@keyframes linePathAnim {
  to {
    stroke-dashoffset: 0;
  }
}

#textPath {
  opacity: 0;
  animation: fadeAnim 1s 9s linear forwards;
}

@keyframes fadeAnim {
  to {
    opacity: 100%;
  }
}

.secondFold {
  animation: secondFoldAnim 0.5s 10s forwards;
}

@keyframes secondFoldAnim {
  100% {
    opacity: 0;
  }
}

.onLogoAnim {
  animation: logoAnim 0.5s 10.5s ease-in-out forwards;
}

@keyframes logoAnim {
  100% {
    top: -100vh;
  }
}

/* Inner Banner */

.innerBanner{
  position: relative;
  height: 300px;
  --tw-bg-opacity: 1;
  background-color: rgb(8 63 36 / var(--tw-bg-opacity));
}

@media (min-width: 991px){
  .innerBanner{
    height: 36.458vw;
  }
}

.innerBanner::before{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  --tw-content: '';
  content: var(--tw-content);
  background: linear-gradient(0deg, #01190d 0%, rgba(1, 25, 13, 0.42) 58.67%);
}

.innerBanner video,
  .innerBanner img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.innerBanner .bannerTxt{
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.innerBanner .bannerTxt h1{
  font-family: Albert Sans, serif;
  font-size: 1.8rem;
  font-weight: 700;
}

@media (min-width: 480px){
  .innerBanner .bannerTxt h1{
    font-size: 2rem;
  }
}

@media (min-width: 768px){
  .innerBanner .bannerTxt h1{
    font-size: 3rem;
  }
}

@media (min-width: 991px){
  .innerBanner .bannerTxt h1{
    font-size: 3.333vw;
  }
}

/* Testimonial */

.testimonialWrp{
  position: relative;
  z-index: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(1 25 13 / var(--tw-bg-opacity));
  padding-top: 3rem;
  padding-bottom: 3rem;
  overflow: hidden;
}

@media (min-width: 991px){
  .testimonialWrp{
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
}

.testimonialWrp::before{
  position: absolute;
  top: 0px;
  left: -10%;
  z-index: -1;
  aspect-ratio: 1 / 1;
  border-radius: 9999px;
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 991px){
  .testimonialWrp::before{
    width: 45.417%;
  }
}

.testimonialWrp::before {
  background: radial-gradient(
      52.67% 52.67% at 36.7% 76.38%,
      #073a21 0%,
      #01190d 100%
    );
}

.serviceTestimonial{
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 242 / var(--tw-bg-opacity));
}

.serviceTestimonial::before{
  display: none;
}

/* Achievment Section */

.achievmentSwiper .swiper-wrapper > *{
  margin-right: 1.563vw;
  height: auto;
}

@media (min-width: 991px){
  .achievmentSwiper .swiper-wrapper > *{
    width: 25.5vw;
  }
}

/* contact us Page */

.contactLcWrp{
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 242 / var(--tw-bg-opacity));
}

.contactLcLeft{
  padding-top: 3rem;
  padding-bottom: 3rem;
  font-size: 1.1rem;
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .contactLcLeft{
    width: 40%;
  }
}

@media (min-width: 991px){
  .contactLcLeft{
    width: 35%;
    padding-top: 4vw;
    padding-bottom: 4vw;
    font-size: 1.25vw;
  }
}

.contactLcLeft .tabs{
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(220 219 219 / var(--tw-border-opacity));
}

.contactLcLeft .tabs > *{
  cursor: pointer;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  border-width: 1px;
  border-bottom-width: 0px;
  border-style: solid;
  border-color: transparent;
  padding-top: .8rem;
  padding-bottom: .8rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: Albert Sans, serif;
  font-weight: 700;
  text-transform: uppercase;
}

@media (min-width: 991px){
  .contactLcLeft .tabs{
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .contactLcLeft .tabs > *{
    border-top-left-radius: 1.042vw;
    border-top-right-radius: 1.042vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }
}

.contactLcLeft .tabs li.active{
  --tw-border-opacity: 1;
  border-color: rgb(220 219 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 240 / var(--tw-bg-opacity));
}

.contactLcLeft .tabContainer li{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

@media (min-width: 768px){
  .contactLcLeft .tabContainer li{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

@media (min-width: 991px){
  .contactLcLeft .tabContainer li{
    margin-top: 2vw;
    margin-bottom: 2vw;
    -moz-column-gap: 2vw;
         column-gap: 2vw;
  }
}

@media (min-width: 768px){
  .contactLcLeft .tabContainer li:last-child{
    margin-bottom: 0px;
  }
}

.contactLcLeft .tabContainer li a{
  transition-duration: 0.3s;
}

.contactLcLeft .tabContainer li a:hover{
  --tw-text-opacity: 1;
  color: rgb(249 168 36 / var(--tw-text-opacity));
}

.contactLcLeft .tabContainer .iframeWrp{
  aspect-ratio: 16 / 9;
  height: 100%;
}

.contactLcLeft .tabContainer .iframeWrp > *{
  height: 100%;
  width: 100%;
}

@media (min-width: 768px){
  .contactLcLeft .tabContainer .iframeWrp{
    position: absolute;
    right: 0px;
    top: 0px;
    aspect-ratio: auto;
    width: 50%;
  }
}

.formTabsWrp .tabs{
  margin-bottom: 2rem;
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

@media (min-width: 1200px){
  .formTabsWrp .tabs{
    margin-bottom: 2vw;
    -moz-column-gap: 1.042vw;
         column-gap: 1.042vw;
  }
}

.formTabsWrp .tabs li{
  cursor: pointer;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(1 25 13 / var(--tw-bg-opacity));
  padding: 1rem;
  text-align: center;
  font-family: Albert Sans, serif;
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .formTabsWrp .tabs li{
    min-width: 9.635vw;
    padding: 1.563vw;
    font-size: 1.042vw;
  }
}

.formTabsWrp .tabs li.active{
  --tw-bg-opacity: 1;
  background-color: rgb(199 142 73 / var(--tw-bg-opacity));
}


.transactionSwiper .swiper-slide:hover {
  transition-duration: 150ms;
  border-radius:10px;

  /* box-shadow: 0 5px 20px 5px #00000044; */
}


.privateContainer{
  background:url("/web/theme/images/pcVector/bg.svg");
  background-size:cover;
  background-position:center;
  padding:5rem 0;
  border-radius:20px;
  
  
}
.uae.privateContainer{
  background:url("/web/theme/images/pcVector/uae-bg.svg");
  border-radius:0;
  background-size:cover;
  background-position:center;


}
.bulletinContainer{
  padding:5rem 0; 
}
.transactionSwiper h4{
  font-size:1.2rem;
  line-height:normal;
  font-weight:bold;
}
.transactionSwiper p, .transactionSwiper li{
  font-size:14px;
  margin-bottom:1rem;
  font-weight:400;
  text-align:justify;

}
.transactionSwiper ul{
padding-left:1rem;
}

.transactionSwiper li:last-child {margin: 0;}

.transactionSwiper ul li{
list-style-type:disc;
  }
.transactionSwiper .goldLine{
  width:100% !important;
  margin:1rem 0;
}
.transactionSwiper .content{

  overflow-y:auto;
  padding-right:10px;
}
.transactionSwiper .content::-webkit-scrollbar {
width:3px;
}
.transactionSwiper .swiper-slide .tranBox{
  padding:1rem;
  border:3px solid #C78E49;
  border-radius:1.25rem;
  /* min-height:440px; */
  z-index: 1;
  position: relative;
  background-size: cover !important;
  background-position: center !important;

}
.uae.privateContainer .swiper-button-prev:after {
  content: "";
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5' clip-rule='evenodd'/></svg>");
}

.uae.privateContainer .swiper-button-next:after {
  content: "";
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8' clip-rule='evenodd'/></svg>");
}

.uae.privateContainer .swiper-button-next, .uae.privateContainer .swiper-button-prev{
  border-color:#fff;
}
.uae.privateContainer .title{
  color:#fff !important;
}
@media (min-width: 1200px){
  .privateContainer{
    padding:6.234vw 0;
  }
  .formTabsWrp .title{
    margin-bottom: 0;
  }
  .transactionSwiper h4{
    font-size: 1.299vw;
    line-height: 1.688vw;
  }
  .uae .transactionSwiper h4{
    font-size: 1.4vw;
    line-height: 2vw;
  }
  
  .transactionSwiper p, .transactionSwiper li{
    font-size: 0.909vw;
    line-height: 1.182vw;

}

.uae .transactionSwiper p, .uae .transactionSwiper li{
  font-size: 1.049vw;
  line-height: 1.25vw;
}
transactionSwiper .content{
    max-height:27.675vw;
  }
  .uae .transactionSwiper .content{
    max-height:30.675vw;
  }
  .transactionSwiper .goldLine{
    margin:1.042vw 0;
  }
  
  .transactionSwiper{
    margin-top:4.545vw;
  }
  .transactionSwiper .swiper-slide .tranBox{
    padding:1.75vw;
    /* min-height:37.662vw; */
    border-radius:1.042vw;
    }
    .transactionSwiper .swiper-slide:hover{
      border-radius:1.042vw;  
    }
}

.contactForm > *{
  width: 100%;

  padding-top: 1rem;
}


.contactForm  input, .contactForm textarea, .contactForm .rating{
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(220 219 219 / var(--tw-border-opacity));
  padding-bottom: 1rem;

}
.contactForm > *:last-child{
  width: auto;
}

@media (min-width: 991px){
  .contactForm > *{
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
  }
}

.contactForm textarea,
  .contactForm input{
  width: 100%;
}

.contactForm select{
  width: 100%;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.contactForm select:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.contactForm select option{
  --tw-bg-opacity: 1;
  background-color: rgb(195 139 72 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.contactForm select option:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  background: #c38b48;
}

.capabilityBox{
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(220 219 219 / var(--tw-border-opacity));
  font-family: Albert Sans, serif;
  overflow: hidden;
}

@media (min-width: 991px){
  .capabilityBox{
    border-radius: 1.042vw;
  }
}

.capabilityBox h4{
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 240 / var(--tw-bg-opacity));
  padding: 1rem;
  font-size: 1.2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
}

@media (min-width: 991px){
  .capabilityBox h4{
    padding: 1.5vw;
    font-size: 1.667vw;
  }
}

.capabilityList{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity));
}

.capabilityList > *{
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(220 219 219 / var(--tw-border-opacity));
  padding-top: .8rem;
  padding-bottom: .8rem;
}

@media (min-width: 991px){
  .capabilityList{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 5vw;
         column-gap: 5vw;
    font-size: 1.042vw;
  }

  .capabilityList > *{
    display: flex;
    align-items: center;
    padding-top: 1vw;
    padding-bottom: 1vw;
  }
}

.capabilityList li:nth-last-child(1){
  border-width: 0px;
}

@media (min-width: 991px){
  .capabilityList li:nth-last-child(2){
    border-width: 0px;
  }
}

.practiseAreaBox{
  margin-right: -15px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(220 219 219 / var(--tw-border-opacity));
  font-family: Albert Sans, serif;
  overflow: hidden;
}

@media (min-width: 480px){
  .practiseAreaBox{
    margin-right: -30px;
  }
}

@media (min-width: 768px){
  .practiseAreaBox{
    margin-right: 0px;
    border-radius: 1rem;
    border-width: 1px;
  }
}

@media (min-width: 991px){
  .practiseAreaBox{
    border-radius: 1.042vw;
  }
}

.practiseAreaBox h4{
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .practiseAreaBox h4{
    margin-bottom: 0px;
    padding: 1rem;
  }
}

@media (min-width: 991px){
  .practiseAreaBox h4{
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    font-size: 1.667vw;
  }
}

.practiseAreaList{
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  overflow-x: scroll;
}

.practiseAreaList > *{
  white-space: nowrap;
}

@media (min-width: 768px){
  .practiseAreaList{
    display: block;
    overflow: visible;
  }

  .practiseAreaList > *{
    white-space: normal;
  }
}

.practiseAreaWrp{
  top: 0px;
  transition-duration: 1000;
}

.practiseAreaWrp.fixed{
  top: 80px;
  left: 0px;
  z-index: 999;
  margin-bottom: 0px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: .5rem;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
}

.practiseAreaWrp.fixed h4{
  display: none;
}

.practiseAreaList::-webkit-scrollbar{
  height: 0px;
  width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.practiseAreaList::-webkit-scrollbar-thumb{
  height: 0px;
  width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.practiseAreaList li a{
  position: relative;
  display: block;
  border-radius: .5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 240 / var(--tw-bg-opacity));
  padding-top: .7rem;
  padding-bottom: .7rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: .8rem;
  font-weight: 500;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity));
  transition-duration: 0.3s;
}

@media (min-width: 768px){
  .practiseAreaList li a{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
}

@media (min-width: 991px){
  .practiseAreaList li a{
    padding: 1.1vw;
    font-size: 1.042vw;
  }
}

.practiseAreaList li a.active{
  --tw-bg-opacity: 1;
  background-color: rgb(11 81 47 / var(--tw-bg-opacity));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .practiseAreaList li a.active{
    --tw-bg-opacity: 1;
    background-color: rgb(243 245 240 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(11 81 47 / var(--tw-text-opacity));
  }
}

@media (min-width: 768.99px) {
  .practiseAreaList li a:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(243 245 240 / var(--tw-bg-opacity));
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(11 81 47 / var(--tw-text-opacity));
  }

  .practiseAreaList li a:hover:before{
    top: 0px;
    bottom: 0px;
  }

  .practiseAreaList li a:before{
    position: absolute;
    left: 0px;
    top: 50%;
    bottom: 50%;
    margin: auto;
    width: 3px;
    --tw-bg-opacity: 1;
    background-color: rgb(11 81 47 / var(--tw-bg-opacity));
    transition-duration: 0.3s;
    --tw-content: '';
    content: var(--tw-content);
  }

  .practiseAreaList li a.active:before{
    top: 0px;
    bottom: 0px;
  }
}

/* client Section */

.clientTitleWrp{
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 1200px){
  .clientTitleWrp{
    margin-bottom: 1vw;
    -moz-column-gap: 5vw;
         column-gap: 5vw;
  }
}

.clientTitleWrp .title{
  margin-bottom: 0px;
  flex: 1 1 0%;
  font-size: 1.5rem;
}
.timeline ul li .year {
  word-break: break-word;
  overflow-wrap: break-word;
}


.two-rows{
  
  height:auto !important;
}
@media (min-width: 1200px){
  
  .clientTitleWrp .title{
    font-size: 1.667vw;
  }
}

.clientSwiper{
  padding-left: 1px;
  padding-right: 1px;
}

@media (min-width: 991px){
  .clientSwiper{
    height: 40vw;
  }
}

@media (min-width: 1200px){
  .clientSwiper{
    height: 27.5vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
  }
}

/* client popup */

#clientPopup{
  display: none;
  width: 95%;
  border-radius: 1.1rem;
}

@media (min-width: 991px){
  #clientPopup{
    width: 50.625vw;
    border-radius: 1.042vw;
    padding: 3vw;
  }
}

#clientPopup h5{
  margin-bottom: 1rem;
  font-family: Albert Sans, serif;
  font-size: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
}
.custom-w-img{
  width: 3rem;
}
@media (min-width: 991px){
  .custom-w-img{
    width:4.5vw;
  }
  #clientPopup h5{
    margin-bottom: 1vw;
    font-size: 1.667vw;
  }
}

#clientPopup p,
  #clientPopup ul li{
  margin-bottom: 1vw;
}

#clientPopup ul{
  padding-left: 1rem;
  max-height: 150px;
  overflow-y: auto;
}

#clientPopup ul li{
  list-style-type: disc;
}

@media (min-width: 991px){
  #clientPopup ul{
    max-height:13.021vw;
  }
  #clientPopup ul li{
    padding-left: 0px;
  }
}

#clientPopup p:last-child,
  #clientPopup ul li:last-child{
  margin-bottom: 0px;
}

/* Swiper-pagination */

.swiper-pagination{
  display: flex;
  -moz-column-gap: .5rem;
       column-gap: .5rem;
}

@media (min-width: 991px){
  .swiper-pagination{
    -moz-column-gap: 1vw;
         column-gap: 1vw;
  }
}

.swiper-pagination-bullet{
  margin: 0px !important;
  aspect-ratio: 1 / 1;
  height: auto;
  width: 12px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(7 58 33 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(49 66 56 / var(--tw-bg-opacity));
  opacity: 1;
  transition-duration: 0.3s;
}

@media (min-width: 991px){
  .swiper-pagination-bullet{
    width: 0.729vw;
  }
}

.swiper-pagination-bullet.swiper-pagination-bullet-active{
  --tw-border-opacity: 1;
  border-color: rgb(249 168 36 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 168 36 / var(--tw-bg-opacity));
}

/* Header Scroll */

header.fixed{
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(24 131 79 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(11 81 47 / var(--tw-bg-opacity));
}

@media (min-width: 991px){
  header.fixed{
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
  }
}

/* Manu Bar */

.menuOpen{
  right: 0px;
}

.menuOverlay.menuOpen{
  visibility: visible;
  display: block;
  opacity: 0.7;
}

.overflow-hidden {
  overflow: hidden;
}

/* About Page*/

.aboutContainer{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (min-width: 991px){
  .aboutContainer{
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
}

.aboutContainer {
  background: url(../images/aboutIntroBg.jpg) no-repeat center top;
  background-size: 100%;
  background-attachment: fixed;
}

.aboutContainer .aboutPgLogoAnim{
  border-radius: 1rem;
  overflow: hidden;
}

@media (min-width: 991px){
  .aboutContainer .aboutPgLogoAnim{
    border-radius: 1.042vw;
  }
}

/*About Logo Animation */

.aboutPgLogoAnim .firstFold2{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  transform: translate(-50%, -50%);
  /* animation: scaleAnim2 5s infinite; */
}

@keyframes scaleAnim2 {
  0% {
    opacity: 1;
  }

  20% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }

  60% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.aboutPgLogoAnim .firstFold2 h4{
  text-align: center;
  font-family: Albert Sans, serif;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 991px){
  .aboutPgLogoAnim .firstFold2 h4{
    margin-top: 1vw;
    font-size: 1.1vw;
  }
}

.aboutPgLogoAnim .secondFold2{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity));
  opacity: 0;
  animation: secondFoldAnim2 10s 1s infinite;
}

@keyframes secondFoldAnim2 {
  0% {
    opacity: 1;
  }

  10% {
    opacity: 1;
  }

  20% {
    opacity: 1;
  }

  30% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  60% {
    opacity: 1;
  }

  70% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.aboutPgLogoAnim #logo-path2 {
  fill: none;
  stroke: #ffcc7c;
  stroke-width: 1px;
  stroke-dasharray: 450;
  stroke-dashoffset: 450;
  transform: translate(0, 15px);
  animation: logoLineAnim2 3s 4s linear infinite,
    logoFillAnim2 3s 5.5s linear infinite,
    logoTransAnim2 0.5s 7s linear infinite;
}

/* @keyframes logoLineAnim2 {
  0% {
    stroke-dashoffset: 450;
  }

  50% {
    stroke-dashoffset: 0;
  }
  
  100% {
    stroke-dashoffset: 450;
  }
} */

/* @keyframes logoFillAnim2 {
  to {
    fill: url(#gradient);
  }
} */

@keyframes logoTransAnim2 {
  to {
    transform: translate(0, 1px);
  }
}

.aboutPgLogoAnim #linePath2 {
  stroke-dasharray: 250;
  stroke-dashoffset: 250;
  stroke-width: 1px;
  stroke-miterlimit: 10px;
  animation: linePathAnim2 1.5s 8s linear infinite;
}

/* @keyframes linePathAnim2 {
  to {
    stroke-dashoffset: 0;
  }
} */

.aboutPgLogoAnim #textPath2 {
  opacity: 0;
  animation: fadeAnim2 1s 9s linear infinite;
}

/* @keyframes fadeAnim2 {
  to {
    opacity: 100%;
  }
} */

.aboutContainer p{
  text-align: justify;
  font-size: 1.1rem;
}

@media (min-width: 991px){
  .aboutContainer p{
    margin-bottom: 1vw;
    font-size: 1.042vw;
  }
}

.aboutContainer p:last-child{
  margin-bottom: 0px;
}

.aboutCounterWrp > div{
  border-bottom-width: 0px !important;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity));
  text-align: center;
}

.aboutCounterWrp > div:last-child{
  border-right-width: 0px;
}

@media (min-width: 480px){
  .aboutCounterWrp > div{
    border-right-width: 1px;
  }
}

.aboutCounterWrp .countBox{
  display: flex;
  align-items: center;
  justify-content: center;
}

.keyStrengthWrp{
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 242 / var(--tw-bg-opacity));
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (min-width: 991px){
  .keyStrengthWrp{
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
}

.keyCard{
  height: 100%;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(199 142 73 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 2rem;
}

@media (min-width: 991px){
  .keyCard{
    border-radius: 1.042vw;
    padding: 2vw;
  }
}

.keyCard img{
  aspect-ratio: 1 / 1;
  width: 5rem;
}

@media (min-width: 991px){
  .keyCard img{
    width: 5.208vw;
  }
}

.keyCard h5{
  margin-bottom: 0px;
  font-family: Albert Sans, serif;
  font-size: 1.3rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
}

@media (min-width: 991px){
  .keyCard h5{
    font-size: 1.458vw;
  }
}

.keyCard p{
  text-align: justify;
}

@media (min-width: 991px){
  .keyCard p{
    font-size: 1.25vw;
  }
}

.keySwiper .swiper-slide{
  height: auto;
  padding-left: 1px;
  padding-right: 1px;
}

.vmWrp{
  padding-top: 4rem;
  padding-bottom: 4rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 991px){
  .vmWrp{
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
}

.vmWrp {
  background: linear-gradient(231deg, #0b512f 41.15%, #0e7a45 111.55%);
}

.vmCard{
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-border-opacity: 0.5;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-family: Albert Sans, serif;
}

@media (min-width: 1200px){
  .vmCard{
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
}

.vmCard:last-child{
  border-width: 0px;
  padding-bottom: 0px;
}

.vmCard h4{
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(199 142 73 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .vmCard h4{
    margin-bottom: 1vw;
    font-size: 2.5vw;
  }
}

.vmCard p{
  font-size: 1.1rem;
  font-weight: 500;
}

@media (min-width: 1200px){
  .vmCard p{
    font-size: 2.3vw;
    line-height: 3vw;
  }
}

.char{
  display: inline !important;
}

/* Bulletin details Page */

.bdBanner::before{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  --tw-content: '';
  content: var(--tw-content);
  background: rgba(0, 0, 0, 0.3);
}

.bdBanner .bannerTxt{
  left: 50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 480px){
  .bdBanner .bannerTxt{
    width: 70%;
  }
}

@media (min-width: 768px){
  .bdBanner .bannerTxt{
    width: 50%;
  }
}

@media (min-width: 991px){
  .bdBanner .bannerTxt{
    width: 40.625vw;
  }
}

.bdBanner .bannerTxt h1{
  font-size: 1.2rem;
  line-height: 1.5;
}

@media (min-width: 768px){
  .bdBanner .bannerTxt h1{
    font-size: 2rem;
  }
}

@media (min-width: 991px){
  .bdBanner .bannerTxt h1{
    font-size: 2.5vw;
    line-height: 3.75vw;
  }

  .bulletinSocial{
    position: absolute;
    right: 0px;
    top: 0px;
  }

  .bulletinSocial > *{
    margin-bottom: 1vw;
  }
}

.bulletinSocial a{
  display: flex;
  aspect-ratio: 1 / 1;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(186 184 185 / var(--tw-border-opacity));
  transition-duration: 0.3s;
}

.bulletinSocial a:hover{
  --tw-border-opacity: 1;
  border-color: rgb(8 63 36 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(8 63 36 / var(--tw-bg-opacity));
}

@media (min-width: 991px){
  .bulletinSocial a{
    width: 3.125vw;
  }
}

.bulletinSocial a svg{
  height: 50%;
  width: 50%;
  fill: #5F6368;
}

.bulletinSocial a:hover svg{
  fill: #fff;
}

/* Bulletin Listing  */

.blBanner{
  height: auto;
}

@media (min-width: 991px){
  .blBanner{
    height: 40vw;
  }
}

.blBanner::before{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgb(1 25 13 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  --tw-content: '';
  content: var(--tw-content);
}

.blBanner .bannerTxt{
  position: relative;
  top: auto;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: left;
}

@media (min-width: 991px){
  .blBanner .bannerTxt{
    position: absolute;
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .whitePaper{
    border-left-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-border-opacity: 29%;
    padding-top: 2vw;
    padding-bottom: 2vw;
    padding-left: 4vw;
  }
}

.whitePaper span{
  margin-bottom: 1rem;
  display: block;
  font-style: italic;
}

@media (min-width: 991px){
  .whitePaper span{
    margin-bottom: 1vw;
  }
}

.whitePaper img{
  margin-bottom: 1rem;
  aspect-ratio: 3/2;
  border-radius: 1rem;
}

@media (min-width: 991px){
  .whitePaper img{
    margin-bottom: 1vw;
    width: 70%;
    border-radius: 1vw;
  }
}

.whitePaper h5{
  margin-bottom: 1rem;
  font-family: Albert Sans, serif;
  font-size: 1.5rem;
  font-weight: 500;
}

@media (min-width: 991px){
  .whitePaper h5{
    margin-bottom: 1vw;
    font-size: 1.458vw;
  }
}

.whitePaper a{
  position: relative;
  display: table;
  font-family: Albert Sans, serif;
}

.whitePaper a::before{
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.newArticle span{
  margin-bottom: 1rem;
  display: block;
  font-style: italic;
}

@media (min-width: 991px){
  .newArticle span{
    margin-bottom: 1vw;
  }
}

.newArticle img{
  aspect-ratio: 3/2;
  width: 70%;
  border-radius: 1rem;
}

@media (min-width: 991px){
  .newArticle img{
    margin-bottom: 1vw;
    border-radius: 1vw;
  }
}

.newArticle h5{
  margin-bottom: 1rem;
  font-family: Albert Sans, serif;
  font-size: 1.5rem;
  font-weight: 500;
}

@media (min-width: 991px){
  .newArticle h5{
    margin-bottom: 1vw;
    font-size: 1.667vw;
  }
}

.newArticle p{
  padding-right: 0px;
  font-size: 0.9rem;
}

@media (min-width: 991px){
  .newArticle p{
    font-size: 0.938vw;
  }
}

.newArticle a{
  position: relative;
  display: table;
  font-family: Albert Sans, serif;
}

.newArticle a::before{
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

/* Animation */

.animateThis {
  position: relative;
  will-change: opacity transform;
}

.slideLeft {
  opacity: 0;
  transition: all 0.5s ease;
  transform: translate3d(50px, 0px, 0px);
}

.slideLeft.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.slideRight {
  opacity: 0;
  transition: all 0.5s ease;
  transform: translate3d(-50px, 0px, 0px);
}

.slideRight.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.slideTop {
  opacity: 0;
  transition: all 0.5s ease;
  transform: translate3d(0px, 50px, 0px);
}

.slideTop.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.fadeGrow {
  opacity: 0;
  transition: all 0.7s ease;
  transform: scale(0.5);
}

.fadeGrow.in-view {
  opacity: 1;
  transform: scale(1);
}

.fadeIn {
  opacity: 0;
  transition: all 0.5s ease;
}

* .fadeIn.in-view {
  opacity: 1;
}

.fancybox__backdrop {
  background: rgba(0, 0, 0, 0.6);
}

.fancybox__content > .f-button.is-close-btn{
  top: 5%;
  right: 3%;
  height: 1rem;
  width: 1rem;
  opacity: 1;
  --f-button-color: #5f6368;
}

.f-button.is-close-btn svg{
  height: 100%;
  width: 100%;
  fill: #5F6368;
}

/* Home Page */

.bannerSwiperWrp{
  position: relative;
}

@media (min-width: 991px){
  .bannerSwiperWrp{
    height: 100vh;
  }

  .bannerSwiper{
    height: 100%;
  }
}

.bannerWrp{
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(1 25 13 / var(--tw-bg-opacity));
}

@media (min-width: 991px){
  .bannerWrp{
    height: 100%;
  }
}

/* .bannerWrp::before {
  @apply content-[''] absolute top-0 left-0 w-full h-full;
  background: linear-gradient(0deg, #01190d 0%, rgba(1, 25, 13, 0.42) 58.67%);
} */

.bannerWrp video,
.bannerWrp img{
  aspect-ratio: 1 / 1;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 768px){
  .bannerWrp video,
.bannerWrp img{
    aspect-ratio: 16 / 9;
  }
}

@media (min-width: 991px){
  .bannerWrp video,
.bannerWrp img{
    height: 100%;
  }
}

.bannerTxtWrp{
  position: absolute;
  top: 50%;
  left: -100%;
  right: 0px;
  z-index: 1;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0;
  --tw-blur: blur(100px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  transition-delay: .5s;
  transition-duration: 1000ms;
}

.bannerTxtWrp > *{
  margin-bottom: 1rem;
}

.bannerTxtWrp > *:last-child{
  margin-bottom: 0px;
}

.group.swiper-slide-active .bannerTxtWrp{
  left: 0px;
  opacity: 1;
  --tw-blur: blur(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

@media (min-width: 991px){
  .bannerTxtWrp > *{
    margin-bottom: 2vw;
  }
}

.bannerTxt{
  width: 100%;
}

.bannerTxt > *{
  margin-bottom: 1rem;
}

.bannerTxt > *:last-child{
  margin-bottom: 0px;
}

@media (min-width: 768px){
  .bannerTxt{
    width: 60%;
  }

  .bannerTxt > *{
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 1200px){
  .bannerTxt{
    width: 35.573vw;
  }

  .bannerTxt > *{
    margin-bottom: 2vw;
  }
}

.bannerTxt h1{
  font-family: Albert Sans, serif;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 480px){
  .bannerTxt h1{
    font-size: 2rem;
  }
}

@media (min-width: 768px){
  .bannerTxt h1{
    font-size: 3rem;
  }
}

@media (min-width: 1200px){
  .bannerTxt h1{
    font-size: 3.333vw;
  }
}

.bannerTxt p{
  font-size: 1.2rem;
}

@media (min-width: 480px){
  .bannerTxt p{
    font-size: 1.3rem;
  }
}

@media (min-width: 768px){
  .bannerTxt p{
    padding-right: 5%;
  }
}

@media (min-width: 1200px){
  .bannerTxt p{
    padding-right: 5vw;
    font-size: 1.25vw;
  }
}

.introText > *{
  margin-bottom: 1rem;
}

.introText > *:last-child{
  margin-bottom: 0px;
}

@media (min-width: 1200px){
  .introText > *{
    margin-bottom: 2vw;
  }
}

.introText p{
  margin-bottom: 1rem;
  text-align: justify;
}

@media (min-width: 1200px){
  .introText p{
    margin-bottom: 1vw;
    font-size: 1.042vw;
  }
}

.introText p span{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity));
}

.servicesIntro{
  position: relative;
  z-index: 1;
  border-radius: 1rem;
  padding: 2rem;
  overflow: hidden;
}

.servicesIntro > *{
  margin-bottom: 1.5rem;
}

.servicesIntro > *:last-child{
  margin-bottom: 0px;
}

@media (min-width: 991px){
  .servicesIntro > *{
    margin-bottom: 1vw;
  }
}

@media (min-width: 1200px){
  .servicesIntro{
    border-radius: 1.5vw;
    padding: 2.5vw;
  }
}

.servicesIntro {
  background: linear-gradient(228deg, #063920 28.8%, #0e7a45 90.67%);
}

.servicesIntro p{
  text-align: justify;
}

@media (min-width: 991px){
  .servicesIntro p{
    font-size: 1.042vw;
  }
}

.serviceTab{
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.serviceTab > *{
  cursor: pointer;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  font-family: Albert Sans, serif;
  font-size: 1.2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0.5;
}

.serviceTab > *:last-child{
  margin-bottom: 0px;
}

@media (min-width: 768px){
  .serviceTab{
    display: block;
  }

  .serviceTab > *{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    border-left-width: 1px;
    padding-left: 1.5rem;
  }
}

@media (min-width: 1200px){
  .serviceTab > *{
    margin-top: 2.5vw;
    margin-bottom: 2.5vw;
    padding-top: .5vw;
    padding-bottom: .5vw;
    padding-left: 1.5vw;
    font-size: 1.458vw;
  }
}

.serviceTab li.active{
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  opacity: 1;
}

@media (min-width: 768px){
  .serviceTab li.active{
    border-bottom-width: 0px;
  }
}

.serviceList{
  position: relative;
}

.serviceList > *{
  margin-bottom: 1.5rem;
}

.serviceList > *:last-child{
  margin-bottom: 0px;
}

@media (min-width: 1200px){
  .serviceList > *{
    margin-bottom: 1.5vw;
  }
}

.serviceList li a{
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity));
  padding-bottom: 1.5rem;
}

.serviceList li a > *{
  margin-bottom: 1.5rem;
}

.serviceList li a > *:last-child{
  margin-bottom: 0px;
}

@media (min-width: 480px){
  .serviceList li a{
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}

@media (min-width: 1200px){
  .serviceList li a{
    -moz-column-gap: 2vw;
         column-gap: 2vw;
    padding-bottom: 1.5vw;
    padding-left: 1vw;
  }
}

.serviceList li:last-child a{
  border-width: 0px;
  padding-bottom: 0px;
}

.serviceList li a h5{
  margin-bottom: .5rem;
  font-family: Albert Sans, serif;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .serviceList li a h5{
    margin-bottom: .3vw;
    font-size: 1.458vw;
  }
}

.serviceList li a:hover h5{
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
}

.serviceList li a p{
  text-align: justify;
}

@media (min-width: 480px){
  .serviceList li a p{
    font-size: 1.1rem;
  }
}

@media (min-width: 1200px){
  .serviceList li a p{
    font-size: 1.042vw;
  }
}

.serviceList li a .circleCta{
  display: flex;
  aspect-ratio: 1 / 1;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(1 25 13 / var(--tw-border-opacity));
  transition-duration: 1000ms;
}

.serviceList li a .circleCta:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(1 25 13 / var(--tw-bg-opacity));
}

@media (min-width: 991px){
  .serviceList li a .circleCta{
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .serviceList li a:hover .circleCta{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.serviceList li a .circleCta svg{
  width: 80%;
  fill: #01190D;
}

.serviceList li a .circleCta:hover svg{
  fill: #fff;
}

.bulletinSwiper .swiper-slide{
  height: auto;
}

@media (min-width: 991px){
  .bulletinSwiper .swiper-slide{
    margin-right: 1.563vw;
    width: 38.8vw;
  }
}

.bulletinCard{
  display: block;
  height: 100%;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(225 226 222 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  overflow: hidden;
}

@media (min-width: 991px){
  .bulletinCard{
    display: flex;
  }
}

@media (min-width: 1200px){
  .bulletinCard{
    border-radius: 1vw;
  }
}

.bulletinPic{
  width: 100%;
}

@media (min-width: 991px){
  .bulletinPic{
    width: 48%;
  }
}

.bulletinContent{
  flex: 1 1 0%;
  padding: 1rem;
}

@media (min-width: 1200px){
  .bulletinContent{
    padding-left: 2.604vw;
    padding-right: 2.604vw;
    padding-top: 2.5vw;
    padding-bottom: 2.5vw;
  }
}

.bulletinPic img{
  aspect-ratio: 16 / 9;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 991px){
  .bulletinPic img{
    aspect-ratio: auto;
    height: 100%;
  }
}

.bulletinContent h6{
  margin-bottom: 1rem;
  font-family: Albert Sans, serif;
  font-size: 1.1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .bulletinContent h6{
    margin-bottom: 1.042vw;
    font-size: 1.25vw;
  }
}

.bulletinCardv2{
  display: block;
  border-radius: 0px;
  border-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.bulletinCardv2 .bulletinPic{
  margin-bottom: 1rem;
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
}

@media (min-width: 991px){
  .bulletinCardv2 .bulletinPic{
    margin-bottom: 1vw;
    border-radius: 1vw;
  }
}

.bulletinCardv2 .bulletinPic img{
  aspect-ratio: 3/2;
}

.bulletinCardv2 .bulletinContent{
  padding: 0px;
}

@media (min-width: 1200px){
  .bulletinCardv2 .bulletinContent h6{
    font-size: 1.458vw;
    line-height: 2.188vw;
  }
}

.partnerMsg{
  position: relative;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (min-width: 768px){
  .partnerMsg{
    padding-top: 5rem;
    padding-bottom: 0px;
  }
}

@media (min-width: 991px){
  .partnerMsg{
    padding-top: 3vw;
  }
}

.partnerMsg::before{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  height: 100%;
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 991px){
  .partnerMsg::before{
    width: 40%;
  }
}

.partnerMsg::before {
  background: rgb(247, 247, 242);
  background: linear-gradient(
    90deg,
    rgba(247, 247, 242, 1) 0%,
    rgba(229, 229, 227, 0) 100%
  );
}

.msgTxt h6{
  font-weight: 700;
}

@media (min-width: 991px){
  .msgTxt h6{
    font-size: 1.042vw;
  }
}

.msgTxt h6 span{
  display: block;
  font-weight: 500;
}

/* Location Section */

.locationWrp{
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 240 / var(--tw-bg-opacity));
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px){
  .locationWrp{
    padding: 5.208vw;
  }
}

.locationWrp #jarallax-container-1 > div {
  background-size: 50% !important;
}

.locationLeftBox{
  margin-bottom: 2rem;
}

@media (min-width: 768px){
  .locationLeftBox{
    margin-bottom: 0px;
    width: 40%;
  }
}

@media (min-width: 991px){
  .locationLeftBox{
    width: 32%;
  }
}

@media (min-width: 768px){
  .locationLeftBox .title{
    font-size: 2rem;
  }
}

@media (min-width: 1200px){
  .locationLeftBox .title{
    font-size: 2.5vw;
  }
}

.locationRightBox{
  font-family: Albert Sans, serif;
}

.locationRightBox > *{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(196 208 198 / var(--tw-border-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
}

.locationRightBox > *:first-child{
  padding-top: 0px;
}

@media (min-width: 768px){
  .locationRightBox{
    width: 55%;
  }
}

@media (min-width: 991px){
  .locationRightBox{
    width: 40%;
  }
}

@media (min-width: 1200px){
  .locationRightBox > *{
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
  }
}

.locationWrp .accordianHead{
  padding-left: 2rem;
}

@media (min-width: 1200px){
  .locationWrp .accordianHead{
    padding-left: 3.5vw;
  }
}

.locationWrp .accordianHead::before{
  position: absolute;
  left: 0px;
  aspect-ratio: 1 / 1;
  width: 1.5rem;
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 991px){
  .locationWrp .accordianHead::before{
    top: .5vw;
    width: 1.771vw;
  }
}

.locationWrp .accordianHead::before {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 34 34' fill='%2301190D' xmlns='http://www.w3.org/2000/svg'><path d='M16.996 1.05835C10.5538 1.05835 5.30957 6.30258 5.30957 12.7448C5.30957 24.0803 16.3372 32.6981 16.3372 32.6981C16.5254 32.8483 16.7591 32.93 16.9999 32.93C17.2408 32.93 17.4745 32.8483 17.6627 32.6981C17.6627 32.6981 28.6903 24.0803 28.6903 12.7448C28.6903 6.30258 23.4383 1.05835 16.996 1.05835ZM16.996 3.18387C22.2898 3.18387 26.5648 7.451 26.5648 12.7448C26.5648 22.0182 18.1676 29.3449 17.0039 30.3372C15.8457 29.3498 7.43509 22.0218 7.43509 12.7448C7.4351 7.451 11.7022 3.18387 16.996 3.18387Z'/><path d='M16.9964 7.43481C14.075 7.43481 11.6865 9.82328 11.6865 12.7447C11.6865 15.6662 14.075 18.0624 16.9964 18.0624C19.9178 18.0624 22.3142 15.6662 22.3141 12.7447C22.3141 9.82328 19.9178 7.43481 16.9964 7.43481ZM16.9964 9.56034C18.7694 9.56034 20.1886 10.9717 20.1886 12.7447C20.1886 14.5177 18.7694 15.9369 16.9964 15.9369C15.2234 15.9369 13.812 14.5177 13.812 12.7447C13.8121 10.9717 15.2234 9.56034 16.9964 9.56034Z'/></svg>");
  background-repeat: no-repeat;
  background-size: 100%;
}

.locationWrp .accordianContent p:not(:last-child){
  margin-bottom: 1rem;
}

@media (min-width: 1200px){
  .locationWrp .accordianContent p:not(:last-child){
    margin-bottom: 1vw;
  }
}

/* Accordian */

.locationRightBox .accordianHead{
  position: relative;
  cursor: pointer;
  padding-right: 2.5rem;
  font-size: 1.1rem;
  font-weight: 700;
}

@media (min-width: 991px){
  .locationRightBox .accordianHead{
    padding-right: 1.771vw;
    font-size: 1.667vw;
  }
}

.locationRightBox .accordianHead::after{
  position: absolute;
  top: 0px;
  right: 0px;
  display: flex;
  aspect-ratio: 1 / 1;
  width: 2rem;
  align-items: center;
  justify-content: center;
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 991px){
  .locationRightBox .accordianHead::after{
    top: .5vw;
    width: 1.771vw;
  }
}

.locationRightBox .accordianHead::after {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 34 34' fill='%2301190D' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12.4064 15.4558C12.4064 15.2974 12.4588 15.161 12.5636 15.0468C12.6685 14.9323 12.8067 14.875 12.9784 14.875L21.0208 14.875C21.1924 14.875 21.3307 14.9334 21.4355 15.0503C21.5404 15.1672 21.5928 15.3035 21.5928 15.4594C21.5928 15.4983 21.531 15.6323 21.4075 15.8614L17.6151 19.6534C17.528 19.7408 17.4339 19.8081 17.3329 19.8553C17.2318 19.9025 17.1207 19.9261 16.9996 19.9261C16.8785 19.9261 16.7674 19.9025 16.6663 19.8553C16.5653 19.8081 16.4711 19.7408 16.3837 19.6534L12.5909 15.8606C12.5387 15.8085 12.4949 15.7477 12.4595 15.6782C12.4241 15.6091 12.4064 15.5349 12.4064 15.4558Z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 100%;
}

.locationRightBox .accordianContent{
  display: none;
  padding-top: 1rem;
}

@media (min-width: 991px){
  .locationRightBox .accordianContent{
    padding-top: 1vw;
    font-size: 1.1vw;
  }
}

.gradient {
  background: linear-gradient(290deg, #073a21 -9.55%, #13a05b 110.96%);
}

footer{
  position: relative;
  z-index: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(7 59 34 / var(--tw-bg-opacity));
  padding-top: 3rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 80%;
  overflow: hidden;
}

@media (min-width: 1200px){
  footer{
    padding-top: 3.906vw;
  }
}

footer a{
  transition-duration: 0.3s;
}

footer::before{
  position: absolute;
  left: 50%;
  top: 15%;
  z-index: -1;
  aspect-ratio: 1 / 1;
  width: 2400px;
  --tw-translate-x: -50%;
  --tw-rotate: 0.033deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-content: '';
  content: var(--tw-content);
  border-radius: 100% 100% 0 0;
  background: radial-gradient(50% 50% at 50% 50%, #12b163 0%, #073a21 100%);
}

footer .footLogo{
  margin-bottom: 2rem;
  width: 30%;
}

@media (min-width: 768px){
  footer .footLogo{
    margin-bottom: 0px;
    width: 20%;
  }
}

footer .footLogo svg{
  aspect-ratio: 1 / 1;
  width: 100%;
}

footer .footListWrp{
  margin-left: 10%;
  margin-bottom: 2rem;
  width: 60%;
}

@media (min-width: 768px){
  footer .footListWrp{
    margin-left: 0px;
    margin-bottom: 0px;
    width: 40%;
  }
}

footer .footListWrp .footListInnerWrp{
  display: flex;
  -moz-column-gap: 10%;
       column-gap: 10%;
}

@media (min-width: 768px){
  footer .footListWrp .footListInnerWrp{
    justify-content: center;
  }
}

@media (min-width: 1200px){
  footer .footListWrp .footListInnerWrp{
    -moz-column-gap: 5vw;
         column-gap: 5vw;
  }
}

footer .footListBox h4{
  margin-bottom: 1rem;
  font-family: Albert Sans, serif;
  font-size: 1rem;
  font-weight: 700;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 1;
}

@media (min-width: 1200px){
  footer .footListBox h4{
    margin-bottom: 2.083vw;
    font-size: 1.042vw;
  }
}

footer .footListBox ul{
  font-size: 1rem;
}

footer .footListBox ul > *{
  margin-bottom: 1rem;
}

@media (min-width: 1200px){
  footer .footListBox ul{
    font-size: 1.042vw;
  }

  footer .footListBox ul > *{
    margin-bottom: 2.083vw;
  }

  footer .footListBox ul > *:last-child{
    margin-bottom: 0px;
  }
}

footer .footListBox ul li a{
  transition-duration: 0.3s;
}

footer .footListBox ul li a:hover{
  --tw-text-opacity: 1;
  color: rgb(249 168 36 / var(--tw-text-opacity));
}

footer .subscribeWrp{
  width: 100%;
  font-family: Albert Sans, serif;
}

footer .subscribeWrp > *{
  margin-bottom: 1rem;
}

footer .subscribeWrp > *:last-child{
  margin-bottom: 0px;
}

@media (min-width: 768px){
  footer .subscribeWrp{
    width: 40%;
  }
}

@media (min-width: 1200px){
  footer .subscribeWrp{
    width: 30%;
  }

  footer .subscribeWrp > *{
    margin-bottom: 1.5vw;
  }
}

footer .subscribeWrp h3{
  font-size: 1.3rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  footer .subscribeWrp h3{
    font-size: 1.667vw;
  }
}

footer .subscribeWrp form{
  display: flex;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(24 131 79 / var(--tw-border-opacity));
  padding: .3rem;
}

@media (min-width: 1200px){
  footer .subscribeWrp form{
    padding: .2vw;
  }
}

footer .subscribeWrp form input{
  flex-grow: 1;
  background-color: transparent;
  padding: .8rem;
}

@media (min-width: 1200px){
  footer .subscribeWrp form input{
    padding-left: 1vw;
    padding-right: 1vw;
  }

  footer .subscribeWrp form .cta{
    padding-left: 2.344vw;
    padding-right: 2.344vw;
  }
}

footer .subscribeWrp p{
  font-family: Barlow, sans-serif;
  font-size: 1rem;
}

@media (min-width: 1200px){
  footer .subscribeWrp p{
    font-size: 0.833vw;
  }
}

.footerSocial {
  display: flex;
  justify-content: space-between;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-top-color: rgb(24 131 79 / var(--tw-border-opacity));
  border-bottom-color: rgb(24 131 79 / var(--tw-border-opacity));
}

.footerSocial li {
  flex: 1;
  display: flex;
  justify-content: center;
}
.download-btn{
  gap:1rem;
  margin-top:1rem;
}

@media (max-width: 768px) {
  .footerSocial {
    flex-wrap: wrap;
    gap: 10px;
  }
}


.footerSocial:has(li:nth-child(-n+4)) {
  justify-content: center;
}

.footerSocial a{
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: .5rem;
       column-gap: .5rem;
  padding: 1rem;
  font-size: .8rem;
  text-transform: capitalize;
  transition-duration: 0.3s;
}

@media (min-width: 480px){
  .footerSocial a{
    padding: 1.3rem;
  }
}

@media (min-width: 768px){
  .footerSocial a{
    font-size: 1rem;
  }
}

@media (min-width: 991px){
  .footerSocial a{
    padding: 1.5rem;
  }
}

@media (min-width: 1200px){
  .footerSocial a{
    -moz-column-gap: 1vw;
         column-gap: 1vw;
    padding: 2vw;
    font-size: 1.042vw;
  }
}

.footerSocial a:hover {
  transform: scale(1.2);
}

.linkedIn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 119 181 / var(--tw-bg-opacity));
}

.insta:hover {
  background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
}

.yt:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity));
}

.tw:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(15 20 25 / var(--tw-bg-opacity));
}

.spotify:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 185 84 / var(--tw-bg-opacity));
}

.footerSocial a img{
  height: 1.5rem;
  width: 1.5rem;
}

@media (min-width: 480px){
  .footerSocial a img{
    height: 1.1rem;
    width: 1.1rem;
  }
}

@media (min-width: 1200px){
  .footerSocial a img{
    height: 1.3vw;
    width: 1.3vw;
  }
}

.footerSocial a span{
  display: none;
}

@media (min-width: 480px){
  .footerSocial a span{
    display: block;
  }
}

.copyright{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

@media (min-width: 1200px){
  .copyright{
    margin-top: 2.604vw;
    margin-bottom: 2.604vw;
  }
}

.copyright div{
  display: block;
}

@media (min-width: 480px){
  .copyright div{
    margin-left: .5rem;
    display: inline-block;
    border-left-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    padding-left: .5rem;
  }
}

@media (min-width: 1200px){
  .copyright div{
    margin-left: .5vw;
    padding-left: .5vw;
  }
}

.copyright div a:hover:hover{
  --tw-text-opacity: 1;
  color: rgb(249 168 36 / var(--tw-text-opacity));
}

/* About Us Page */

.aboutDiff{
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 242 / var(--tw-bg-opacity));
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (min-width: 1200px){
  .aboutDiff{
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .aboutDiff .aboutDiffInfo .title{
    margin-bottom: 1vw;
  }
}

.aboutDiff .aboutDiffInfo p{
  text-align: justify;
  font-size: 1.1rem;
}

@media (min-width: 991px){
  .aboutDiff .aboutDiffInfo p{
    padding-right: 1.406vw;
  }
}

@media (min-width: 1200px){
  .aboutDiff .aboutDiffInfo p{
    font-size: 1.042vw;
  }
}

.timeline .default-line{
  position: absolute;
  left: 1.5rem;
  height: 100%;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(199 142 73 / var(--tw-bg-opacity));
}

@media (min-width: 480px){
  .timeline .default-line{
    left: 2rem;
  }
}

@media (min-width: 991px){
  .timeline .default-line{
    left: 2.5vw;
  }
}

.timeline .draw-line{
  position: absolute;
  left: 1.4rem;
  height: 0px;
  width: 3px;
  --tw-bg-opacity: 1;
  background-color: rgb(8 63 36 / var(--tw-bg-opacity));
}

@media (min-width: 480px){
  .timeline .draw-line{
    left: 1.9rem;
  }
}

@media (min-width: 991px){
  .timeline .draw-line{
    left: 2.4vw;
    width: 0.156vw;
  }
}

.timeline ul li{
  position: relative;
}

.timeline ul li.in-view {
  transition: 0.125s ease-in-out, background-color 0.2s ease-out,
    color 0.1s ease-out, border 0.1s ease-out;
}

.timeline ul li.in-view .year{
  --tw-bg-opacity: 1;
  background-color: rgb(8 63 36 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.timeline ul li{
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

@media (min-width: 991px){
  .timeline ul li{
    margin-bottom: 3vw;
    -moz-column-gap: 3vw;
         column-gap: 3vw;
  }
}

.timeline ul li:last-child{
  margin-bottom: 0px;
}

.timeline ul li .year{
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(8 63 36 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 242 / var(--tw-bg-opacity));
  text-align: center;
  font-family: Albert Sans, serif;
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity));
  transition-duration: 1000ms;
}

@media (min-width: 480px){
  .timeline ul li .year{
    height: 4rem;
    width: 4rem;
    font-size: 1.1rem;
  }
}

@media (min-width: 991px){
  .timeline ul li .year{
    height: 5vw;
    width: 5vw;
    font-size: .9vw;
  }
}

.timeline ul li .year.in-view{
  --tw-bg-opacity: 1;
  background-color: rgb(8 63 36 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.timeline ul li .timeLineCard{
  flex: 1 1 0%;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(199 142 73 / var(--tw-border-opacity));
  padding: 1.5rem;
}

.timeline ul li .timeLineCard > *{
  margin-bottom: 1rem;
}

.timeline ul li .timeLineCard > *:last-child{
  margin-bottom: 0px;
}

@media (min-width: 480px){
  .timeline ul li .timeLineCard{
    padding: 2rem;
  }
}

@media (min-width: 991px){
  .timeline ul li .timeLineCard{
    width: 28.125vw;
    border-radius: 1.042vw;
    padding: 2vw;
    font-size: 1.042vw;
  }

  .timeline ul li .timeLineCard > *{
    margin-bottom: 1vw;
  }
}

.timeline ul li .timeLineCard ul li{
  margin-bottom: .5rem;
  display: block;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 186 135 / var(--tw-border-opacity));
  text-align: justify;
}

@media (min-width: 1200px){
  .timeline ul li .timeLineCard ul li{
    margin-bottom: 1vw;
    padding-bottom: 1vw;
  }
}

.timeline ul li .timeLineCard ul li:last-child{
  margin-bottom: 0px;
  border-width: 0px;
  padding-bottom: 0px;
}

.timeline ul li .timeLineCard img{
  margin-left: auto;
  display: table;
  aspect-ratio: 1 / 1;
  width: 3rem;
}

@media (min-width: 991px){
  .timeline ul li .timeLineCard img{
    width: 3.5vw;
  }
}

.timeline ul li .timeLineCard h4{
  font-family: Albert Sans, serif;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
}

@media (min-width: 991px){
  .timeline ul li .timeLineCard h4{
    font-size: 1.3vw;
  }
}

@media (min-width: 1200px){
  .timeline ul li .timeLineCard h4{
    margin-bottom: 1vw;
  }
}

.timeline ul li .timeLineCard button{
  font-family: Albert Sans, serif;
  font-weight: 700;
}

/* Begur UAE Page */

.begurUaePg{
  --tw-bg-opacity: 1;
  background-color: rgb(255 250 241 / var(--tw-bg-opacity));
}

.begurUaePg .languageBtn {
  background: linear-gradient(180deg, #5b3200 -34.07%, #be6902 99.98%);
}

.begurUaePg .languageCol span{
  --tw-bg-opacity: 1;
  background-color: rgb(91 50 0 / var(--tw-bg-opacity));
}

.begurUaePg .scrollTopBtn{
  --tw-bg-opacity: 1;
  background-color: rgb(91 50 0 / var(--tw-bg-opacity));
}

.begurUaePg .cta {
  background: linear-gradient(235deg, #c78e49 6.61%, #562f04 107.78%);
}

.begurUaePg .title{
  --tw-text-opacity: 1;
  color: rgb(199 142 73 / var(--tw-text-opacity));
}

.clientCta{
  display: flex;
  width: auto;
  align-items: center;
  -moz-column-gap: .5rem;
       column-gap: .5rem;
  text-transform: none;
}

@media (min-width: 1200px){
  .clientCta{
    -moz-column-gap: .5vw;
         column-gap: .5vw;
  }
}

.clientCta img{
  width: 1rem;
}

@media (min-width: 1200px){
  .clientCta img{
    width: 1.146vw;
  }
}

@media (max-width: 480.99px) {
  header .clientCta{
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    padding: .5rem;
  }

  header .clientCta img{
    width: 1.3rem;
  }
}

.begurUaePg header.fixed{
  --tw-border-opacity: 1;
  border-color: rgb(243 173 59 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(91 50 0 / var(--tw-bg-opacity));
}

.begurUaePg .menuBox {
  background: linear-gradient(180deg, #5b3200 -34.07%, #be6902 99.98%);
}

.uaeBg{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (min-width: 1200px){
  .uaeBg{
    padding-top: 4.167vw;
    padding-bottom: 4.167vw;
  }
}

.uaeBg {
  background-size: cover;
}

.begurUaePg .bannerWrp::before {
  background: linear-gradient(
    176deg,
    rgba(243, 173, 59, 0.05) 14.37%,
    rgba(150, 83, 2, 0.2) 36.37%,
    rgba(43, 24, 0, 0.5) 96.83%
  );
}

.begurUaePg .bannerTxtWrp{
  position: absolute;
  left: auto;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding: 0px;
}

.begurUaePg .bannerTxt{
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}

.uaeImgWrp{
  position: relative;
  padding: .3%;
}

@media (min-width: 1200px){
  .uaeImgWrp{
    padding: 0.26vw;
  }
}

.uaeImgWrp::before,
.uaeImgWrp::after{
  position: absolute;
  z-index: -1;
  aspect-ratio: 1 / 1;
  width: 20%;
  border-radius: 0.938rem;
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 1200px){
  .uaeImgWrp::before,
.uaeImgWrp::after{
    border-radius: 0.833vw;
  }
}

.uaeImgWrp::before,
.uaeImgWrp::after {
  background: linear-gradient(180deg, #f3ad3b 0%, #965302 100%);
}

.uaeImgWrp::before{
  top: 0px;
  left: 0px;
}

.uaeImgWrp::after{
  bottom: 0px;
  right: 0px;
}

.uaeImgWrp img{
  border-radius: 0.938rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(243 173 59 / var(--tw-border-opacity));
  overflow: hidden;
}

@media (min-width: 1200px){
  .uaeImgWrp img{
    border-radius: 0.833vw;
  }
}

.begurUaePg .introVector{
  height: 5rem;
  width: 200%;
}

@media (min-width: 1200px){
  .begurUaePg .introVector{
    height: 7.292vw;
  }
}

.begurUaePg .introVector {
  background: url(../images/dubai-objects.svg) repeat-x;
  background-size: contain;
  animation: wave 150s -3s linear infinite;
  transform: translate3d(0, 0, 0);
}

@keyframes wave {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-25%);
  }

  100% {
    transform: translateX(-50%);
  }
}

.begurUaePg .serviceBg{
  position: relative;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (min-width: 1200px){
  .begurUaePg .serviceBg{
    padding-top: 7.031vw;
    padding-bottom: 7.031vw;
  }
}

.begurUaePg .serviceBg {
  background-size: cover;
}

.begurUaePg .servicesIntro{
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(243 173 59 / var(--tw-border-opacity));
  background: linear-gradient(228deg, #965302 28.8%, #c78e49 90.67%);
}

.begurUaePg .serviceList li a{
  border-color: #e0e0e03d;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.begurUaePg .serviceList li a h5{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.begurUaePg .serviceList li a .circleCta{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.begurUaePg .serviceList li a .circleCta svg{
  fill: #fff;
}

.leagalChWrp .title{
  font-size: 2rem;
}

@media (min-width: 1200px){
  .leagalChWrp .title{
    font-size: 1.667vw;
    line-height: 2vw;
  }
}

.leagalChWrp .cta{
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px){
  .leagalChWrp .cta{
    margin: 0px;
  }
}

.begurUaePg footer {
  background: linear-gradient(180deg, #5b3200 -34.07%, #be6902 99.98%);
}

.begurUaePg footer::before{
  display: none;
}

.begurUaePg .footerSocial{
  --tw-border-opacity: 1;
  border-color: rgb(199 142 73 / var(--tw-border-opacity));
}

.begurUaePg footer .subscribeWrp form{
  --tw-border-opacity: 1;
  border-color: rgb(199 142 73 / var(--tw-border-opacity));
}

.begurUaePg footer .subscribeWrp form input::-moz-placeholder{
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.5;
}

.begurUaePg footer .subscribeWrp form input::placeholder{
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.5;
}

.begurUaePg .bulletinCard{
  background-color: transparent;
}

@media (min-width: 1200px){
  .begurUaePg .bulletinCard h6{
    font-size: 1vw;
    line-height: 1.50vw;
  }
}

.begurUaePg .bcTop{
  --tw-bg-opacity: 1;
  background-color: rgb(91 50 0 / var(--tw-bg-opacity));
}

.begurUaePg .bcPopupContent h6, .begurUaePg  .serviceRadio label span{
  --tw-text-opacity: 1;
  color: rgb(195 139 72 / var(--tw-text-opacity));
}

.begurUaePg .actionBtn{
  --tw-bg-opacity: 1;
  background-color: rgb(195 139 72 / var(--tw-bg-opacity));
}

.begurUaePg  .serviceRadio label span{
  --tw-text-opacity: 1;
  color: rgb(91 50 0 / var(--tw-text-opacity));
}

/* Focus Area Page */

.serviceCard{
  position: relative;
  z-index: 1;
  display: block;
  border-radius: 1.1rem;
  padding: 2rem;
  transition-duration: 1000ms;
  overflow: hidden;
}

@media (min-width: 480px){
  .serviceCard{
    height: 24rem;
  }
}

@media (min-width: 768px){
  .serviceCard{
    height: 22rem;
  }
}

@media (min-width: 991px){
  .serviceCard{
    height: 25rem;
  }
}

@media (min-width: 1200px){
  .serviceCard{
    height: 23.854vw;
    border-radius: 1.042vw;
    padding: 1.823vw;
  }
}

.serviceCard {
  background: linear-gradient(0deg, #f3f5f0 0%, #f3f5f0 100%);
}

@media (min-width: 991px){
  .serviceCard:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}

.serviceCard:before{
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  aspect-ratio: 1 / 1;
  width: 50vw;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  transition-duration: 1000ms;
  --tw-content: '';
  content: var(--tw-content);
  transform-origin: 100% 100%;
  background: linear-gradient(235deg, #063920 6.61%, #0e7a45 107.78%);
}

.serviceCard.privateServiceCard:before {
  background: linear-gradient(60deg, #590c0d 41.3%, #2b0202 102.59%);
}

.serviceCardGrid .serviceCard:before {
  transform-origin: 0 0;
}

@media (min-width: 991px){
  .serviceCard:hover:before{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.serviceCard img{
  aspect-ratio: 1/1;
  width: 3.5rem;
}

@media (min-width: 1200px){
  .serviceCard img{
    width: 3.646vw;
  }
}

.serviceCard .whiteIcon{
  margin: 0px;
  height: 0px;
  opacity: 0;
  transition-duration: 1000ms;
}

@media (min-width: 991px){
  .serviceCard:hover .greenIcon{
    height: 0px;
    opacity: 0;
    transition-duration: 1000ms;
  }

  .serviceCard:hover .whiteIcon{
    height: auto;
    opacity: 1;
  }
}

.serviceCard h4{
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
  font-family: Albert Sans, serif;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity));
  transition-duration: 0.3s;
}

@media (min-width: 1200px){
  .serviceCard h4{
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-size: 1.458vw;
  }
}

@media (min-width: 991px){
  .serviceCard:hover h4{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}

.serviceCard p{
  margin-bottom: 2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-align: justify;
  overflow: hidden;
}

@media (min-width: 480px){
  .serviceCard p{
    margin-bottom: 0px;
  }
}

@media (min-width: 1200px){
  .serviceCard p{
    font-size: 1.042vw;
  }
}

.serviceCard p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.serviceCard .cta{
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(7 58 33 / var(--tw-border-opacity));
  background-image: none;
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
  transition-duration: 0.3s;
}

@media (min-width: 480px){
  .serviceCard .cta{
    position: absolute;
    bottom: 2rem;
  }
}

@media (min-width: 1200px){
  .serviceCard .cta{
    bottom: 1.823vw;
    left: 1.823vw;
    padding-top: 0.833vw;
    padding-bottom: 0.833vw;
    padding-left: 1.042vw;
    padding-right: 1.042vw;
    font-size: 0.833vw;
  }
}

.serviceCard:hover .cta{
  --tw-border-opacity: 1;
  border-color: rgb(10 78 45 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(10 78 45 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.privateServiceCard:hover .cta{
  --tw-border-opacity: 1;
  border-color: rgb(199 142 73 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(199 142 73 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* Bulletin Listing */

.bulletinFillter{
  margin-top: -3rem;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 242 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 1200px){
  .bulletinFillter{
    margin-top: -4vw;
    padding-top: 1.406vw;
    padding-bottom: 1.406vw;
  }
}

.bulletinFillter .fillByLabel{
  margin-bottom: 1rem;
  padding-right: 1rem;
  text-align: center;
  font-family: Albert Sans, serif;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(8 63 36 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .bulletinFillter .fillByLabel{
    margin-bottom: 0px;
    margin-right: 1rem;
    border-right-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(8 63 36 / var(--tw-border-opacity));
  }
}

@media (min-width: 1200px){
  .bulletinFillter .fillByLabel{
    padding-right: 2.083vw;
  }
}

.bulletinFillter .selectRow > div{
  margin-bottom: .5rem;
  width: 50%;
  padding-left: .5rem;
  padding-right: .5rem;
}

@media (min-width: 768px){
  .bulletinFillter .selectRow > div{
    margin-bottom: 0px;
    width: 25%;
  }
}

.bulletin-label{
  padding: 3px 10px;
  font-size: 14px;
  border-radius: 100rem;
  color: #000;
  display: table;
  margin-bottom: 10px;
}

/* Private client Page */

.pcPage{
  --tw-bg-opacity: 1;
  background-color: rgb(89 12 13 / var(--tw-bg-opacity));
  font-family: Manrope, serif;
}

.pcPage  .menuBox {
  background: linear-gradient(60deg, #590c0d 41.3%, #2b0202 102.59%)
}

.pcPage header.fixed{
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(89 12 13 / var(--tw-bg-opacity));
}

.pcPage .scrollTopBtn{
  --tw-bg-opacity: 1;
  background-color: rgb(195 139 72 / var(--tw-bg-opacity));
}

@media (min-width: 991px){
  .pcPage .container{
    padding-left: 4.688vw;
    padding-right: 4.688vw;
  }
}

.pcPage .languageBtn {
  background:linear-gradient(228deg, #C78E49 28.8%, #C78E49 90.67%)
}

.pcPage .languageCol span{
  --tw-bg-opacity: 1;
  background-color: rgb(89 12 13 / var(--tw-bg-opacity));
}

.pcPage section{
  margin-bottom: 0px;
}

.pcPage .title{
  font-family: IBM Plex Serif, serif;
  font-size: 2rem;
  font-weight: 500;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(199 142 73 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .pcPage .title{
    font-size: 2.083vw;
  }
}

.pcPage .whiteDot{
  position: absolute;
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity));
}

.pcPage .whiteDot img{
  display: block;
  height: 100%;
  width: 100%;
}

.pcVector{
  position: absolute;
  width: 6.25rem;
}

.pcVector img{
  width: 100%;
}

.pcVector1{
  left: -1.5%;
  bottom: 10%;
}

@media (min-width: 1200px){
  .pcVector1{
    width: 15.833vw;
  }
}

.pcVector1 img {
  animation: scale 6s linear infinite, glow 6s ease-in-out infinite alternate;
}

.pcVector2{
  right: -4%;
  top: 14%;
}

@media (min-width: 480px){
  .pcVector2{
    top: 30%;
  }
}

@media (min-width: 1200px){
  .pcVector2{
    width: 16.667vw;
  }
}

.pcVector2 img {
  animation:float  6s linear infinite,  glow 6s ease-in-out infinite alternate;
}

.pcVector3{
  position: relative;
  top: auto;
  margin-left: auto;
  margin-right: -3%;
}

@media (min-width: 480px){
  .pcVector3{
    width: 12rem;
  }
}

@media (min-width: 768px){
  .pcVector3{
    position: absolute;
    top: 50%;
    right: 0px;
    margin-right: 0px;
    width: 15rem;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media (min-width: 1200px){
  .pcVector3{
    width: 25.833vw;
  }
}

.pcVector4{
  top: 100%;
  left: -5%;
}

@media (min-width: 480px){
  .pcVector4{
    width: 12rem;
  }
}

@media (min-width: 768px){
  .pcVector4{
    top: 0px;
    width: 15rem;
  }
}

@media (min-width: 1200px){
  .pcVector4{
    width: 24.063vw;
  }
}

.pcVector6, .pcVector7 {
  animation: floatX 15s linear infinite, glow 6s ease-in-out infinite alternate;
}

@keyframes scale {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes glow {
  0% {
    filter: drop-shadow(0 0 10px rgba(255, 99, 71, 0.5));
  }

  50% {
    filter: drop-shadow(0 0 25px rgba(255, 99, 71, 1));
  }

  100% {
    filter: drop-shadow(0 0 10px rgba(255, 99, 71, 0.5));
  }
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }
}

@keyframes floatX {
  0%, 100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(100px);
  }
}

@keyframes rotate {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }

  25% {
    transform: rotate3d(0, 0, 1, 90deg);
  }

  50% {
    transform: rotate3d(0, 0, 1, 180deg);
  }

  75% {
    transform: rotate3d(0, 0, 1, 270deg);
  }

  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

.pcPage .swiper-button-prev:after {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23C78E49' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.pcPage .swiper-button-prev:hover:after {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23C78E49' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5' clip-rule='evenodd'/></svg>");
}

.pcPage .swiper-button-next:after {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23C78E49' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.pcPage .swiper-button-prev, .pcPage .swiper-button-next{
  --tw-border-opacity: 1;
  border-color: rgb(199 142 73 / var(--tw-border-opacity));
}

.pcLoader{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  display: flex;
  height: 100vh;
  width: 100%;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(89 12 13 / var(--tw-bg-opacity));
}

.practiseAreaWrp.pcLoader{
  top: 80px;
  left: 0px;
  z-index: 999;
  margin-bottom: 0px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: .5rem;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
}

.practiseAreaWrp.pcLoader h4{
  display: none;
}

header.pcLoader{
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(24 131 79 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(11 81 47 / var(--tw-bg-opacity));
}

@media (min-width: 991px){
  header.pcLoader{
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
  }
}

.begurUaePg header.pcLoader{
  --tw-border-opacity: 1;
  border-color: rgb(243 173 59 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(91 50 0 / var(--tw-bg-opacity));
}

.pcPage header.pcLoader{
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(89 12 13 / var(--tw-bg-opacity));
}

.pcLoader {
  animation: pcLoaderAnim 1s 6.9s ease-in-out forwards;
}

.pcLoader svg{
  width: 50%;
}

@media (min-width: 768px){
  .pcLoader svg{
    width: 30%;
  }
}

.pcLoader svg {
  animation: pcLoadLogoFade 1s 6s linear forwards;
}

.pcLoader #pcBpPath {
  fill: none;
  stroke: #ffcc7c;
  stroke-width: 1px;
  stroke-dasharray: 460;
  stroke-dashoffset: 460;
  transform: translateX(35%);
  animation: pcLoadStrokeAnim 3s linear forwards,
    pcLogoFillAnim 3s 1.5s linear forwards,
    pclogoTransAnim 0.8s 3s linear forwards;
}

#pcLinePath {
  stroke: #b7abab;
  stroke-width: 1px;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: pcLoadStrokeAnim 1.5s 3.5s linear forwards;
}

#pcTxtPath {
  opacity: 0;
  transform: translateX(-5%);
  animation: pcLoadTxtAnim 2s 4s linear forwards,
    pcLoadTxtMoveAnim 0.5s 4s linear forwards;
}

@keyframes pcLoadStrokeAnim {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes pcLogoFillAnim {
  to {
    fill: url(#gradient);
  }
}

@keyframes pclogoTransAnim {
  to {
    transform: translateX(0);
  }
}

@keyframes pcLoadTxtAnim {
  to {
    opacity: 100%;
  }
}

@keyframes pcLoadTxtMoveAnim {
  to {
    transform: translateX(0);
  }
}

@keyframes pcLoadLogoFade {
  to {
    opacity: 0;
  }
}

@keyframes pcLoaderAnim {
  to {
    top: -125%;
  }
}

.gridLine {
  background: url(../images/grid2.svg) repeat;
  background-size: cover;
  opacity: 0.1;
}

.pcBanner{
  position: relative;
  z-index: 1;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  /*background: url(../images/gridLine.png) #590C0D;*/
}

.pcBanner:before{
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  height: 50%;
  width: 100%;
  --tw-content: '';
  content: var(--tw-content);
  background: rgb(73,0,1);
  background: linear-gradient(0deg, rgba(73,0,1,1) 0%, rgba(255,255,255,0) 100%);
}

.pcBannerTxt{
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  aspect-ratio: 1 / 1;
  width: 83.333333%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}

@media (min-width: 480px){
  .pcBannerTxt{
    width: 66.666667%;
  }
}

@media (min-width: 768px){
  .pcBannerTxt{
    width: 50%;
  }
}

@media (min-width: 991px){
  .pcBannerTxt{
    width: 33.333333%;
  }
}

@media (min-width: 1200px){
  .pcBannerTxt{
    width: 30vw;
  }
}

.pcBannerTxt {
  /*background-image: url(../images/pcGlobe.png);*/
}

/* #particle-container {@apply absolute top-[50%] left-[50%] w-[50%] aspect-square translate-x-[-50%] translate-y-[-50%]} */

#particle-container {
  width: 100%;
  height: 100vh;
  position: relative;
}

#particle-container canvas{
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto !important;
  width: 75% !important;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 480px){
  #particle-container canvas{
    width: 100% !important;
  }
}

.pcBannerTxt h1{
  margin-bottom: 1.5rem;
  font-size: 2.2rem;
  font-weight: 800;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(199 142 73 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .pcBannerTxt h1{
    margin-bottom: 2vw;
    font-size: 2.5vw;
  }
}

.pcBannerTxt .cta{
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(199 142 73 / var(--tw-border-opacity));
  font-family: Albert Sans, serif;
  font-size: 0.875rem;
}

@media (min-width: 1200px){
  .pcBannerTxt .cta{
    padding-top: 1.042vw;
    padding-bottom: 1.042vw;
    font-size: 0.833vw;
  }
}

.pcBannerTxt .cta {
  background:linear-gradient(-290deg, #7A1214 -9.55%, #7A1214 110.96%)
}

.pcHighTxt h4{
  text-align: justify;
  font-family: Manrope, serif;
  font-size: 1.2rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .pcHighTxt h4{
    font-size: 1.5rem;
  }
}

@media (min-width: 1200px){
  .pcHighTxt h4{
    font-size: 1.979vw;
    letter-spacing: -0.04vw;
  }
}

.pcHighTxt h4 span{
  font-family: IBM Plex Serif, serif;
  font-weight: 500;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(199 142 73 / var(--tw-text-opacity));
}

.goldLine{
  margin-bottom: 1.5rem;
  display: block;
  height: 1px;
  width: 10rem;
  --tw-bg-opacity: 1;
  background-color: rgb(195 139 72 / var(--tw-bg-opacity));
}

@media (min-width: 1200px){
  .goldLine{
    margin-bottom: 1.563vw;
    width: 11.458vw;
  }
}

.gridLine{
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.1;
}

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

.aboutPc{
  position: relative;
  z-index: 1;
  padding-top: 3rem;
  padding-bottom: 10rem;
  overflow: hidden;
}

@media (min-width: 480px){
  .aboutPc{
    padding-bottom: 15rem;
  }
}

@media (min-width: 768px){
  .aboutPc{
    padding-top: 7rem;
  }
}

@media (min-width: 1200px){
  .aboutPc{
    padding-top: 12.5vw;
    padding-bottom: 12.708vw;
  }
}

.aboutPc:before{
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  height: 50%;
  width: 100%;
  --tw-content: '';
  content: var(--tw-content);
  background: rgb(73,0,1);
  background: linear-gradient(0deg, rgba(73,0,1,1) 0%, rgba(255,255,255,0) 100%);
}

.aboutPc h3{
  text-align: center;
  font-size: 1.2rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .aboutPc h3{
    text-align: justify;
  }
}

@media (min-width: 1200px){
  .aboutPc h3{
    font-size: 1.979vw;
  }
}

.aboutPc h3 span{
  font-family: IBM Plex Serif, serif;
  --tw-text-opacity: 1;
  color: rgb(199 142 73 / var(--tw-text-opacity));
}

.advisePc{
  position: relative;
  --tw-bg-opacity: 25%;
  padding-top: 3rem;
}

@media (min-width: 768px){
  .advisePc{
    padding-top: 7rem;
  }
}

@media (min-width: 1200px){
  .advisePc{
    padding-top: 8.49vw;
  }
}

.advisePc {
  background: url(/images/gridLine.png) #590C0D no-repeat center top;
  background-size: contain;
}

.adviseTxt{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-family: IBM Plex Serif, serif;
  font-size: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(195 139 72 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .adviseTxt{
    max-width: 48.438vw;
    font-size: 2.083vw;
    letter-spacing: -0.042vw;
  }
}

.offerSwiper .swiper-slide{
  height: auto;
}

@media (min-width: 1200px){
  .offerSwiper .swiper-slide{
    padding: .5vw;
  }
}

.offerBox{
  position: relative;
  display: block;
  height: 100%;
  border-radius: .5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(129 7 9 / var(--tw-border-opacity));
  padding: 2rem;
  text-align: center;
  font-size: 1.1rem;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-duration: 1000ms;
  overflow: hidden;
}

@media (min-width: 991px){
  .offerBox{
    font-size: 1.25rem;
  }
}

@media (min-width: 1200px){
  .offerBox{
    border-radius: 0.521vw;
    padding: 2vw;
    font-size: 1.25vw;
  }
}

.offerBox::before{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  transition-duration: 1000ms;
  --tw-content: '';
  content: var(--tw-content);
  background: linear-gradient(213deg, rgba(217, 217, 217, 0.10) 2.83%, rgba(229, 229, 229, 0.22) 55.44%, rgba(255, 255, 255, 0.09) 105.1%);
}

.offerSwiper .swiper-slide-active .offerBox::before {
  background: linear-gradient(213deg, rgba(217, 217, 217, 0.02) 2.83%, rgba(229, 229, 229, 0.04) 55.44%, rgba(255, 255, 255, 0.02) 105.1%);
}

.offerBox img{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  aspect-ratio: 1 / 1;
  width: 4rem;
}

@media (min-width: 480px){
  .offerBox img{
    width: 5rem;
  }
}

@media (min-width: 1200px){
  .offerBox img{
    margin-bottom: 1.5vw;
    width: 5.208vw;
  }
}

#capPopup{
  position: relative;
  z-index: -1;
  display: none;
  max-width: 35rem;
  border-radius: 1rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  overflow: hidden;
}

#capPopup > *{
  margin-bottom: 1rem;
}

#capPopup > *:last-child{
  margin-bottom: 0px;
}

@media (min-width: 1200px){
  #capPopup{
    max-width: 31.25vw;
    border-radius: 0.833vw;
  }

  #capPopup > *{
    margin-bottom: 1vw;
  }
}

#capPopup {
  background: url(/images/capBg.jpg) no-repeat center;
  background-size: cover;
}

#capPopup::before{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
  background-color: rgb(89 12 13 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.95;
  --tw-content: '';
  content: var(--tw-content);
}

#capPopup h4{
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
  padding-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
}

@media (min-width: 1200px){
  #capPopup h4{
    padding-bottom: 1vw;
    font-size: 1.25vw;
  }
}

#capPopup p{
  text-align: justify;
}

#capPopup p:last-child{
  margin: 0px;
}

#capPopup li{
  position: relative;
}

@media (min-width: 1200px){
  #capPopup li{
    margin-bottom: 1rem;
    padding-left: 1vw;
  }
}

#capPopup li::before{
  position: absolute;
  left: 0px;
  aspect-ratio: 1 / 1;
  --tw-rotate: -45.341deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(195 139 72 / var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 1200px){
  #capPopup li::before{
    top: .5vw;
    width: 0.26vw;
  }
}

.capabilityContainer{
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
  padding-top: 3rem;
}

@media (min-width: 1200px){
  .capabilityContainer{
    padding-top: 5.052vw;
  }
}

.capabilityTitleRow{
  margin-bottom: 2rem;
}

@media (min-width: 1200px){
  .capabilityTitleRow{
    margin-bottom: 2.604vw;
  }

  .capabilityTitleRow .title{
    margin-bottom: 0px;
  }
}

.capBox{
  position: relative;
  display: block;
  border-radius: 0.625rem;
  overflow: hidden;
}

@media (min-width: 1200px){
  .capBox{
    border-radius: 0.521vw;
  }
}

.capabilitySwiper .swiper-slide .capBox{
  padding-bottom: 130%;
  transition-duration: 1000ms;
}

@media (min-width: 768px){
  .capabilitySwiper .swiper-slide .capBox{
    padding-bottom: 140%;
  }
}

@media (min-width: 991px){
  .capabilitySwiper .swiper-slide .capBox{
    padding-bottom: 150%;
  }
}

.capabilitySwiper .swiper-slide.swiper-slide-active .capBox{
  padding-bottom: 120%;
}

@media (min-width: 991px){
  .capabilitySwiper .swiper-slide.swiper-slide-active .capBox{
    padding-bottom: 0px;
  }
}

@media (min-width: 768px){
  .capabilitySwiper .swiper-slide.swiper-slide-next .capBox{
    padding-bottom: 130%;
  }
}

@media (min-width: 991px){
  .capabilitySwiper .swiper-slide.swiper-slide-next .capBox{
    padding-bottom: 0px;
  }

  .capabilitySwiper .swiper-slide:nth-child(4n+1) .capBox{
    padding-bottom: 120%;
  }

  .capabilitySwiper .swiper-slide:nth-child(4n+2) .capBox{
    padding-bottom: 130%;
  }

  .capabilitySwiper .swiper-slide:nth-child(4n+3) .capBox{
    padding-bottom: 140%;
  }
}

.capBox::before{
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 60%;
  width: 100%;
  --tw-content: '';
  content: var(--tw-content);
  background: linear-gradient(180deg, rgba(89, 12, 13, 0.00) 0%, #490506 77.73%);
}

.capBox img{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.capBox h4{
  position: absolute;
  bottom: 2rem;
  left: 0px;
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: center;
  font-size: 1.2rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .capBox h4{
    bottom: 2.604vw;
    padding-left: 1.563vw;
    padding-right: 1.563vw;
    font-size: 1.25vw;
  }
}

.capBox h4:after{
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  display: block;
  height: 1px;
  width: 3rem;
  --tw-bg-opacity: 1;
  background-color: rgb(199 142 73 / var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 1200px){
  .capBox h4:after{
    margin-top: 1vw;
    width: 3.125vw;
  }
}

#bcPopup{
  display: none;
  background-color: transparent;
  padding: 0px;
}

@media (min-width: 1200px){
  #bcPopup{
    width: 48.698vw;
  }
}

.bcPopupInner{
  margin-left: 1rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1200px){
  .bcPopupInner{
    margin-left: 1vw;
    min-height: 32vw;
    border-radius: 0.833vw;
  }
}

#bcPopup .f-button.is-close-btn, #capPopup .f-button.is-close-btn{
  top: 1rem;
  right: 1rem;
}

@media (min-width: 1200px){
  #bcPopup .f-button.is-close-btn, #capPopup .f-button.is-close-btn{
    top: 0.938vw;
    right: 1.042vw;
  }
}

#bcPopup .f-button.is-close-btn, #capPopup .f-button.is-close-btn {
  --f-button-color:#fff;
  --f-button-bg:none;
}

.bcTop{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(122 18 20 / var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 1200px){
  .bcTop{
    border-top-left-radius: 0.833vw;
    border-top-right-radius: 0.833vw;
    padding-top: 2.083vw;
    padding-bottom: 2.083vw;
  }
}

.bcTitle{
  position: relative;
  margin-left: -1rem;
  margin-bottom: 1rem;
  display: flex;
  width: auto;
  align-items: center;
  -moz-column-gap: 0.8rem;
       column-gap: 0.8rem;
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(195 139 72 / var(--tw-bg-opacity));
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .bcTitle{
    margin-bottom: 0px;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
  }
}

@media (min-width: 1200px){
  .bcTitle{
    margin-left: -1vw;
    -moz-column-gap: 0.833vw;
         column-gap: 0.833vw;
    border-top-right-radius: 0.26vw;
    border-bottom-right-radius: 0.26vw;
    padding-top: 1.458vw;
    padding-bottom: 1.458vw;
    padding-left: 2.5vw;
  }
}

.bcTitle::before{
  position: absolute;
  bottom: 100%;
  left: 0px;
  height: 0px;
  width: 0px;
  border-bottom-width: 0.5rem;
  border-left-width: 1rem;
  border-style: solid;
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 1200px){
  .bcTitle::before{
    border-bottom-width: 0.807vw;
    border-left-width: 1vw;
  }
}

.bcTitle::before {
  border-color: transparent transparent #914F36 transparent;
}

.bcTitle img{
  width: 1.5rem;
}

@media (min-width: 1200px){
  .bcTitle img{
    width: 1.823vw;
  }
}

.bcTitle h3{
  font-weight: 800;
}

@media (min-width: 1200px){
  .bcTitle h3{
    font-size: 1.458vw;
  }
}

.bcTitle h3 span{
  display: block;
  font-weight: 400;
}

@media (min-width: 1200px){
  .bcTitle h3 span{
    font-size: .8vw;
  }
}

.bcPopupContent{
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px){
  .bcPopupContent{
    padding-left: 2.083vw;
    padding-right: 2.083vw;
    padding-top: 1.302vw;
    padding-bottom: 1.302vw;
  }
}

.bcPopupContent {
  min-height: 225px;
}

.bcPopupContent h6{
  margin-bottom: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(73 5 6 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .bcPopupContent h6{
    margin-bottom: 1.563vw;
    font-size: 1.042vw;
  }
}

.bcPopupContent input[type="radio"]{
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
}

.bcPopupContent input[type="radio"]:checked::before{
  --tw-bg-opacity: 1;
  background-color: rgb(195 139 72 / var(--tw-bg-opacity));
}

.bcPopupContent input[type="text"], .bcPopupContent .field{
  width: 100%;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
  padding: 1rem 0;
 background-color:#fff;
 border-radius: 0;
}

select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right  60%;
  background-size: 16px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


@media (min-width: 1200px){
  .bcPopupContent input[type="text"], .bcPopupContent .field{
    padding: 1vw 0;
  }
}

.bcPopupContent .select-trigger{
  border-radius: 0px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  padding: 0px;
  padding-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(98 98 98 / var(--tw-text-opacity));
}

.bcPopupContent .select-trigger:before{
  right: 0px;
  top: 30%;
  border-color: #626262 transparent transparent transparent;
}

.bcPopupContent textarea{
  width: 100%;
  border-radius: .5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
  padding: 1rem;
}

@media (min-width: 1200px){
  .bcPopupContent textarea{
    border-radius: 0.521vw;
    padding-top: 1.042vw;
    padding-bottom: 1.042vw;
    padding-left: 1.563vw;
    padding-right: 1.563vw;
  }
}

.bcPopupContent input[type="text"]::-moz-placeholder, .bcPopupContent textarea::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(98 98 98 / var(--tw-text-opacity));
}

.bcPopupContent input[type="text"]::placeholder, .bcPopupContent textarea::placeholder{
  --tw-text-opacity: 1;
  color: rgb(98 98 98 / var(--tw-text-opacity));
}

.bcPopupContent .field:focus {outline: none;}

.serviceRadio label{
  display: flex;
  height: 100%;
  width: 100%;
  cursor: pointer;
  align-items: center;
  border-radius: .5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
  padding: 1rem;
}

@media (min-width: 1200px){
  .serviceRadio label{
    border-radius: 0.521vw;
    padding: 1.302vw;
  }
}

.serviceRadio label span{
  flex: 1 1 0%;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(73 5 6 / var(--tw-text-opacity));
}

.serviceRadio label span img{
  margin-bottom: .5rem;
  aspect-ratio: 1 / 1;
  width: 2rem;
}

@media (min-width: 1200px){
  .serviceRadio label span img{
    margin-bottom: .5vw;
    width: 2.083vw;
  }
}

.actionBtn{
  margin-left: auto;
  display: table;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(122 18 20 / var(--tw-bg-opacity));
  padding-top: .8rem;
  padding-bottom: .8rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .actionBtn{
    padding-top: 0.781vw;
    padding-bottom: 0.781vw;
    padding-left: 1.563vw;
    padding-right: 1.563vw;
  }

  .bcPopthankYou{
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
}

.bcPopthankYou .icon{
  margin-bottom: 1rem;
  display: flex;
  aspect-ratio: 1 / 1;
  width: 50%;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}

@media (min-width: 480px){
  .bcPopthankYou .icon{
    width: 25%;
  }
}

@media (min-width: 1200px){
  .bcPopthankYou .icon{
    width: 14.323vw;
  }
}

.bcPopthankYou .icon {
  background: rgba(199, 142, 73, 0.10);
}

.bcPopthankYou .icon span{
  display: flex;
  aspect-ratio: 1 / 1;
  width: 50%;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(195 139 72 / var(--tw-bg-opacity));
}

.bcPopthankYou .icon span img{
  width: 50%;
}

.bcPopthankYou{
  text-align: center;
}

@media (min-width: 480px){
  .bcPopthankYou{
    text-align: left;
  }
}

.bcPopthankYou h5{
  margin-bottom: 1rem;
  font-family: IBM Plex Serif, serif;
  font-size: 2rem;
  --tw-text-opacity: 1;
  color: rgb(195 139 72 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .bcPopthankYou h5{
    margin-bottom: .5vw;
    font-size: 2.083vw;
  }
}

.bcPopthankYou p{
  margin-bottom: 1rem;
}

@media (min-width: 1200px){
  .bcPopthankYou p{
    margin-bottom: 1vw;
    font-size: 1.25vw;
  }
}

.bcPopthankYou p span{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(122 18 20 / var(--tw-text-opacity));
}

.bcPopthankYou  .actionBtn{
  margin: 0px;
}

.stepList{
  display: flex;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px){
  .stepList{
    padding-left: 1vw;
    padding-right: 1vw;
  }
}

.stepList li{
  display: flex;
  align-items: center;
}

.stepList li span{
  display: flex;
  aspect-ratio: 1 / 1;
  width: 1.8rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(195 139 72 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .stepList li span{
    width: 1.823vw;
  }
}

.stepList li.active span{
  --tw-bg-opacity: 1;
  background-color: rgb(195 139 72 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.stepList li:after{
  margin-left: .3rem;
  margin-right: .3rem;
  display: inline-block;
  height: 1px;
  width: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 17%;
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 480px){
  .stepList li:after{
    width: 2rem;
  }
}

@media (min-width: 1200px){
  .stepList li:after{
    margin-left: 0.313vw;
    margin-right: 0.313vw;
    height: 0.104vw;
    width: 2.344vw;
  }
}

.stepList li.active:after{
  background-color: rgb(195 139 72 / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
}

.stepList li:last-child:after{
  display: none;
}

.pcPage footer {
  background: linear-gradient(180deg, #590C0D 0%, #490506 100%);
}

.pcPage footer:before{
  display: none;
}

.pcPage footer .subscribeForm{
  --tw-border-opacity: 1;
  border-color: rgb(199 142 73 / var(--tw-border-opacity));
}

.pcPage footer .subscribeForm .cta {
  background:#C78E49
}

.pcPage footer .footerSocial{
  --tw-border-opacity: 1;
  border-color: rgb(199 142 73 / var(--tw-border-opacity));
  --tw-border-opacity: 25%;
}

/* Core Team Page */

.mpmSection{
  position: relative;
  z-index: 1;
  margin-top: -3rem;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 3rem;
  padding-bottom: 3rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .mpmSection{
    padding-bottom: 0px;
  }
}

@media (min-width: 1200px){
  .mpmSection{
    margin-top: -4vw;
    padding-top: 7.813vw;
  }
}

.mpmSection::before{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
  --tw-content: '';
  content: var(--tw-content);
  background: linear-gradient(
    270deg,
    rgba(104, 59, 4, 0.72) 49.99%,
    rgba(255, 255, 255, 0) 115.62%
  );
}

@media (min-width: 1200px){
  .mpmSection .container{
    padding-left: 5.208vw;
    padding-right: 5.208vw;
  }
}

.mpmSection .title{
  margin-bottom: 2rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .mpmSection .title{
    font-size: 1.9rem;
  }
}

@media (min-width: 1200px){
  .mpmSection .title{
    margin-bottom: 1.25vw;
  }
}

.mpmSection .rMobImg{
  margin-bottom: 2rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding-left: 3rem;
  padding-right: 3rem;
}

.mpmSection p{
  text-align: justify;
}

@media (min-width: 1200px){
  .mpmSection p{
    font-size: 1.042vw;
  }
}

.mpmSection h6{
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-size: 1.1rem;
}

@media (min-width: 1200px){
  .mpmSection h6{
    margin-top: 1.563vw;
    font-size: 1.042vw;
  }
}

.mpmSection h6 span{
  display: block;
  font-family: Albert Sans, serif;
  font-weight: 700;
}

.mpmSocialList{
  display: flex;
  -moz-column-gap: .5rem;
       column-gap: .5rem;
}

@media (min-width: 1200px){
  .mpmSocialList{
    -moz-column-gap: 0.781vw;
         column-gap: 0.781vw;
  }
}

.mpmSocialList li a{
  display: flex;
  aspect-ratio: 1 / 1;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  transition-duration: 0.3s;
}

@media (min-width: 1200px){
  .mpmSocialList li a{
    width: 2.865vw;
  }
}

.mpmSocialList li a svg{
  width: 50%;
  fill: #fff;
}

.mpmSocialList li a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.mpmSocialList li a:hover svg{
  fill: #01190D;
}

.rSign{
  width: 5rem;
}

.coreteam .rSign{
  position: absolute;
  right: 0;
  bottom: 5vw;
}

@media (min-width: 1200px){
  .rSign{
    width: 6.51vw;


  }
  .coreteam .rSign{
    position: absolute;
    right: 0;
    bottom: 3vw;
  
  }
}

@media (max-width: 520px){
  
  .coreteam .rSign{
    position: absolute;
    right: 0;
    bottom: 18vw;
  
  }
}

.teamSection{
  margin-bottom: 0px;
}

.teamSection .container{
  padding: 0px;
}

/* .teamSection .row {
  @apply items-center;
} */

@media (min-width: 768px){
  .teamSection .row:nth-child(odd) .colTeamImg{
    --tw-bg-opacity: 1;
    background-color: rgb(243 245 240 / var(--tw-bg-opacity));
  }
}

.teamSection .row:nth-child(odd) .colTeamImg{
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-image: url(../images/teamBg.png);
  background-position: center right;
}

.teamSection .row:nth-child(even) .colTeamImg{
  position: relative;
}

@media (min-width: 480px){
  .teamSection .row:nth-child(even) .colTeamImg{
    order: -9999;
  }
}

@media (min-width: 768px){
  .colTeam{
    padding: 3rem;
  }
}

@media (min-width: 1200px){
  .colTeam{
    padding: 7.031vw;
  }
}

.colTeamTxt > *{
  margin-bottom: 1rem;
}

.colTeamTxt > *:last-child{
  margin-bottom: 0px;
}

.colTeamTxt .teamIntroRow{
  margin-bottom: 1rem;
  justify-content: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

@media (min-width: 768px){
  .colTeamTxt .teamIntroRow{
    justify-content: flex-start;
  }
}

@media (min-width: 1200px){
  .colTeamTxt .teamIntroRow{
    margin-bottom: 2.604vw;
    -moz-column-gap: 1.5vw;
         column-gap: 1.5vw;
  }
}

.colTeamTxt .teamIntroRow h5{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .colTeamTxt .teamIntroRow h5{
    font-size: 1.042vw;
  }
}

.colTeamTxt .teamIntroRow h5 span{
  display: block;
  font-weight: 700;
}

.colTeamTxt .teamSocial{
  display: flex;
  -moz-column-gap: .5rem;
       column-gap: .5rem;
}

@media (min-width: 1200px){
  .colTeamTxt .teamSocial{
    -moz-column-gap: 1vw;
         column-gap: 1vw;
  }
}

.colTeamTxt .teamSocial a{
  display: flex;
  aspect-ratio: 1 / 1;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(8 63 36 / var(--tw-border-opacity));
  transition-duration: 0.3s;
}

@media (min-width: 1200px){
  .colTeamTxt .teamSocial a{
    width: 2.865vw;
  }
}

.colTeamTxt .teamSocial a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(8 63 36 / var(--tw-bg-opacity));
}

.colTeamTxt .teamSocial a svg{
  width: 50%;
  fill: #083F24;
}

.colTeamTxt .teamSocial a:hover svg{
  fill: #fff;
}

.colTeamTxt p{
  text-align: justify;
  --tw-text-opacity: 1;
  color: rgb(98 98 98 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .colTeamTxt p{
    font-size: 1.042vw;
  }

  .colTeamTxt .cta{
    margin-top: 2vw;
  }
}

.colTeamImg{
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 240 / var(--tw-bg-opacity));
}

@media (min-width: 768px){
  .colTeamImg{
    display: block;
  }
}

.colTeamImg .teamImgBox{
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  width: 60.8%;
  padding-bottom: .5rem;
}

@media (min-width: 1200px){
  .colTeamImg .teamImgBox{
    padding-bottom: 0.521vw;
  }
}

.colTeamImg .teamImgBox::after{
  position: absolute;
  top: 15%;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -1;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(199 142 73 / var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 1200px){
  .colTeamImg .teamImgBox::after{
    border-radius: 0.833vw;
  }
}

.colTeamImg .teamImgBox img{
  display: block;
  aspect-ratio: 1 / 1;
  border-radius: 1rem;
  overflow: hidden;
}

@media (min-width: 1200px){
  .colTeamImg .teamImgBox img{
    border-radius: 0.833vw;
  }
}

@media (max-width: 768.99px) {
  .teamSection > .container > .row{
    padding: 2rem;
  }

  .teamSection > .container > .row:nth-child(odd){
    --tw-bg-opacity: 1;
    background-color: rgb(243 245 240 / var(--tw-bg-opacity));
  }

  .teamSection .row .colTeamImg {
    background: none !important;
  }
}

/* Innovation Page */

.innovationSwiper{
  height: 100vh;
  --tw-bg-opacity: 1;
  background-color: rgb(1 25 13 / var(--tw-bg-opacity));
}

.innovationSwiper .swiper-slide{
  height: 100%;
}

.innovationSwiper section{
  margin: 0px;
}

.innovationBg{
  position: relative;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.innovationBgVideo::before{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgb(3 77 41 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  --tw-content: '';
  content: var(--tw-content);
}

.innovationBg video,
.innovationBg img{
  height: 100% !important;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.inContentWrp{
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .inContentWrp{
    width: 60%;
    opacity: 0;
  }
}

@media (min-width: 1200px){
  .inContentWrp{
    width: 40.5%;
  }
}

.swiper-slide-active .inContentWrp{
  opacity: 1;
  transition-delay: 700ms;
  transition-duration: 1000ms;
}

@media (min-width: 768px){
  .swiper-slide-active .inContentWrp{
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media (min-width: 1200px){
  .inContentWrp .container{
    padding-left: 5.99vw;
    padding-right: 0px;
  }
}

.inContentWrp .title{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.inContentWrp .innovationBg{
  display: none;
}

.inContentWrp p{
  text-align: justify;
}

@media (min-width: 1200px){
  .inContentWrp p{
    margin-bottom: 2vw;
    font-size: 1.042vw;
  }
}

.inContentWrp p:last-child{
  margin-bottom: 0px;
}

.innovationSwiper .swiper-pagination{
  display: none;
}

@media (min-width: 768px){
  .innovationSwiper .swiper-pagination{
    display: block;
  }
}

.innovationSwiper .swiper-pagination .swiper-pagination-bullet{
  position: relative;
  display: block;
  aspect-ratio: auto;
  width: auto;
  border-style: none;
  background-color: transparent;
  text-align: right;
}

@media (min-width: 1200px){
  .innovationSwiper .swiper-pagination-vertical.swiper-pagination-bullets,
.innovationSwiper .swiper-vertical > .swiper-pagination-bullets{
    right: 6.146vw;
  }
}

.innovationSwiper .swiper-pagination .pageNavName{
  position: relative;
  display: block;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .innovationSwiper .swiper-pagination .pageNavName{
    margin-top: 1.979vw;
    margin-bottom: 1.979vw;
    font-size: 0.938vw;
  }
}

.innovationSwiper .swiper-pagination-bullet:last-child .pageNavName{
  margin-bottom: 0px;
}

.innovationSwiper .swiper-pagination .pageNavName::after{
  display: inline-block;
  aspect-ratio: 1 / 1;
  border-radius: 9999px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 1200px){
  .innovationSwiper .swiper-pagination .pageNavName::after{
    margin-left: 1.823vw;
    width: 0.521vw;
  }
}

.innovationSwiper
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active
  .pageNavName::after{
  --tw-bg-opacity: 1;
  background-color: rgb(199 142 73 / var(--tw-bg-opacity));
  opacity: 1;
}

@media (max-width: 768.99px) {
  .jarallax.innovationBg img,
  .jarallax.innovationBg video {
    filter: blur(8px);
    -webkit-filter: blur(8px);
  }

  .inContentWrp{
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .inContentWrp .innovationBg{
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: block;
    border-width: 1px;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-border-opacity: 0.15;
  }
}

/* Career Page */

.careerIntroImg{
  border-radius: 1rem;
  overflow: hidden;
}

@media (min-width: 1200px){
  .careerIntroImg{
    border-radius: 0.833vw;
  }
}

.careerIntroImg img{
  aspect-ratio: 8/5;
}

.careerIntroTxt{
  margin-left: 2rem;
  margin-right: 2rem;
  margin-top: -2rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(199 142 73 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 2rem;
  text-align: justify;
}

@media (min-width: 768px){
  .careerIntroTxt{
    margin-left: -5vw;
    margin-right: 0px;
    margin-top: 0px;
  }
}

@media (min-width: 1200px){
  .careerIntroTxt{
    border-radius: 0.833vw;
    padding-top: 4.167vw;
    padding-bottom: 4.167vw;
    padding-left: 2.604vw;
    padding-right: 2.604vw;
  }

  .careerIntroTxt .title{
    margin-bottom: 1vw;
  }
}

.careerftWrp{
  padding-top: 3rem;
  padding-bottom: 3rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .careerftWrp{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media (min-width: 1200px){
  .careerftWrp{
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
}

.careerftWrp {
  background: linear-gradient(235deg, #063920 10.55%, #0e7a45 107.37%);
}

.careerftAccCol .careerAccItem{
  margin-bottom: 1.5rem;
  border-left-width: 1px;
  border-color: transparent;
  padding-left: 1rem;
  transition-duration: 1000ms;
}

@media (min-width: 1200px){
  .careerftAccCol .careerAccItem{
    margin-bottom: 2.344vw;
    padding-left: 2vw;
  }
}

.careerftAccCol .careerAccItem:last-child{
  margin-bottom: 0px;
}

.careerftAccCol .careerAccItem.active{
  --tw-border-opacity: 1;
  border-color: rgb(199 142 73 / var(--tw-border-opacity));
}

.careerftAccCol .careerAccItem .careerAccHead{
  cursor: pointer;
  font-family: Albert Sans, serif;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  transition-duration: 0.3s;
}

@media (min-width: 1200px){
  .careerftAccCol .careerAccItem .careerAccHead{
    font-size: 1.042vw;
  }

  .careerftAccCol .careerAccItem.active .careerAccHead{
    font-size: 1.667vw;
  }
}

.careerftAccCol .careerAccItem .careerAccContent{
  margin-top: .5rem;
  display: none;
}

@media (min-width: 1200px){
  .careerftAccCol .careerAccItem .careerAccContent{
    margin-top: .5vw;
    font-size: 1.667vw;
    line-height: 2.5vw;
  }
}

.circularBox{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  aspect-ratio: 1 / 1;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(9 87 50 / var(--tw-bg-opacity));
}

@media (min-width: 1200px){
  .circularBox{
    width: 24.896vw;
  }
}

.circularBox:before{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
  --tw-content: '';
  content: var(--tw-content);
  background: url(../images/careerAccRadial.png) no-repeat center;
  background-size: cover;
  animation: move 180s infinite linear;
}

@keyframes move {
  0% {
    transform: rotate(-360deg) scale(1.5);
  }

  100% {
    transform: rotate(360deg);
  }
}

.circularBoxIcon{
  display: flex;
  aspect-ratio: 1 / 1;
  width: 50%;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  box-shadow: 0px 2px 10px 10px rgba(0, 0, 0, 0.1);
}

.circularBoxIcon img{
  width: 50%;
}

.whatOfferBox{
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 240 / var(--tw-bg-opacity));
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (min-width: 1200px){
  .whatOfferBox{
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .whatOfferBox h2.title{
    margin-bottom: 2.083vw;
  }
}

.whatOfferBox p{
  text-align: justify;
}

@media (min-width: 1200px){
  .whatOfferBox p{
    font-size: 1.042vw;
    line-height: 1.563vw;
  }
}

.whatOfferBox p span{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(199 142 73 / var(--tw-text-opacity));
}

.cpWrp{
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 1rem;
}

@media (min-width: 1200px){
  .cpWrp{
    padding-left: 3.385vw;
  }
}

.cpSwiper{
  margin-top: 1rem;
}

@media (min-width: 1200px){
  .cpSwiper{
    margin-top: 2vw;
  }
}

.cpSwiper  .swiper-slide {
  height: auto;
}

.cpSwiper .cpContent{
  transition-duration: 0.3s;
}

.cpWrp .cpContent .title{
  font-size: 1.4rem;
  line-height: 1.5;
  opacity: 0;
  transition-duration: 1000ms;
}

@media (min-width: 1200px){
  .cpWrp .cpContent .title{
    margin-bottom: 1.1vw;
    font-size: 1.458vw;
  }
}

.cpWrp .cpContent p{
  text-align: justify;
  opacity: 0;
  transition-duration: 1000ms;
}

@media (min-width: 1200px){
  .cpWrp .cpContent p{
    padding-right: 2vw;
  }
}

.cpSwiper .swiper-slide-active .title, .cpSwiper .swiper-slide-active p{
  opacity: 1;
}

.cpSwiper img{
  margin-bottom: 1rem;
  aspect-ratio: 16 / 9;
  border-radius: 1rem;
}

@media (min-width: 1200px){
  .cpSwiper img{
    border-radius: 0.833vw;
  }
}

.joinTeamIntro{
  margin-bottom: 2rem;
  text-align: center;
}

@media (min-width: 1200px){
  .joinTeamIntro{
    margin-bottom: 2vw;
    font-size: 1.042vw;
  }

  .joinTeamIntro h2.title{
    margin-bottom: .5vw;
  }
}

.joinTeamTabWrp ul.tabs{
  margin-right: -1rem;
  margin-bottom: 2rem;
  display: flex;
  justify-content: flex-start;
  overflow-x: auto;
}

@media (min-width: 768px){
  .joinTeamTabWrp ul.tabs{
    justify-content: center;
  }
}

@media (min-width: 1200px){
  .joinTeamTabWrp ul.tabs{
    margin-bottom: 3.646vw;
    -moz-column-gap: 3.646vw;
         column-gap: 3.646vw;
  }
}

.joinTeamTabWrp ul.tabs::-webkit-scrollbar{
  display: none;
}

.joinTeamTabWrp ul.tabs::-webkit-scrollbar-thumb{
  display: none;
}

.joinTeamTabWrp ul.tabs li{
  margin-right: 1rem;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(7 58 33 / var(--tw-bg-opacity));
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: Albert Sans, serif;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .joinTeamTabWrp ul.tabs li{
    padding-top: 1vw;
    padding-bottom: 1vw;
    padding-left: 1.823vw;
    padding-right: 1.823vw;
    font-size: 1.042vw;
  }
}

.joinTeamTabWrp ul.tabs li.active{
  --tw-bg-opacity: 1;
  background-color: rgb(199 142 73 / var(--tw-bg-opacity));
}

.joinTeamTabWrp .title{
  margin-bottom: 1rem;
  font-size: 1.4rem;
  line-height: 1.3;
}

@media (min-width: 1200px){
  .joinTeamTabWrp .title{
    margin-bottom: 0px;
    font-size: 1.458vw;
  }
}

.jobFillterRow{
  margin-top: 1rem;
}

@media (min-width: 1200px){
  .jobFillterRow{
    margin-top: 1.5vw;
  }
}

.jobFillterRow .fillByLabel{
  margin-bottom: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
}

@media (min-width: 480px){
  .jobFillterRow .fillByLabel{
    margin-right: 1rem;
    margin-bottom: 0px;
    border-right-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(1 25 13 / var(--tw-border-opacity));
    padding-right: 1rem;
  }
}

@media (min-width: 1200px){
  .jobFillterRow .fillByLabel{
    margin-right: 1vw;
    padding-right: 1vw;
  }
}

/* .jobFillterRow .custom-select {@apply xl:w-[130px]} */

@media (min-width: 1200px){
  .jobFillterRow .select-trigger{
    padding-top: .5vw;
    padding-bottom: .5vw;
    font-size: 1vw;
  }
}

.jobFillterRow .selectRow > div{
  margin-bottom: .5rem;
  width: 50%;
  padding-left: .5rem;
  padding-right: .5rem;
}

@media (min-width: 768px){
  .jobFillterRow .selectRow > div{
    width: 25%;
  }
}

@media (min-width: 991px){
  .jobFillterRow .selectRow > div{
    margin-bottom: 0px;
    width: 10rem;
  }
}

@media (min-width: 1200px){
  .jobFillterRow .selectRow > div{
    width: 12.2vw;
    padding: 0px;
    padding: .2vw;
  }

  .jobFillterRow .selectRow > div .custom-options{
    padding-left: .5vw;
    padding-right: .5vw;
  }
}

.jobFillterRow .selectRow > div.radioGroup{
  justify-content: center;
}

.jobAccordian .accordianItem{
  margin-bottom: 1rem;
  border-radius: .5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(199 142 73 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 240 / var(--tw-bg-opacity));
}

@media (min-width: 1200px){
  .jobAccordian .accordianItem{
    margin-bottom: 1.458vw;
    border-radius: 0.521vw;
  }
}

.jobAccordian .accordianItem {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

.jobAccordian .accordianHead{
  position: relative;
  padding: 1rem;
  font-family: Albert Sans, serif;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .jobAccordian .accordianHead{
    padding-top: 1.3vw;
    padding-bottom: 1.3vw;
    padding-left: 2.083vw;
    padding-right: 2.083vw;
  }
}

.jobAccordian .accordianHead .post{
  margin-bottom: 1rem;
  width: 100%;
}

@media (min-width: 768px){
  .jobAccordian .accordianHead .post{
    margin-bottom: 0px;
    width: 33.333333%;
  }
}

.jobAccordian .accordianHead .loc{
  position: relative;
  margin-bottom: 1rem;
  display: flex;
  width: 50%;
  align-items: center;
  -moz-column-gap: .5rem;
       column-gap: .5rem;
}

@media (min-width: 768px){
  .jobAccordian .accordianHead .loc{
    margin-bottom: 0px;
    width: auto;
  }
}

@media (min-width: 1200px){
  .jobAccordian .accordianHead .loc{
    -moz-column-gap: .5vw;
         column-gap: .5vw;
  }
}

.jobAccordian .accordianHead .loc:before{
  display: inline-block;
  height: 1.1rem;
  width: 1.1rem;
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 1200px){
  .jobAccordian .accordianHead .loc:before{
    height: 1.25vw;
    width: 1.25vw;
  }
}

.jobAccordian .accordianHead .loc:before {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 24 24' fill='%23083F24' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12.0009 11.8652C12.4984 11.8652 12.9238 11.6881 13.2769 11.3338C13.6303 10.9794 13.8069 10.5535 13.8069 10.056C13.8069 9.5585 13.6298 9.13308 13.2754 8.77975C12.9211 8.42658 12.4951 8.25 11.9974 8.25C11.4999 8.25 11.0746 8.42717 10.7214 8.7815C10.3681 9.13583 10.1914 9.56183 10.1914 10.0595C10.1914 10.557 10.3686 10.9823 10.7229 11.3355C11.0773 11.6887 11.5033 11.8652 12.0009 11.8652ZM11.9992 19.5135C13.9555 17.7622 15.4526 16.0823 16.4904 14.474C17.5283 12.8657 18.0472 11.457 18.0472 10.248C18.0472 8.425 17.468 6.92633 16.3097 5.752C15.1513 4.57767 13.7145 3.9905 11.9992 3.9905C10.2838 3.9905 8.847 4.57767 7.68867 5.752C6.53034 6.92633 5.95117 8.425 5.95117 10.248C5.95117 11.457 6.47009 12.8657 7.50792 14.474C8.54576 16.0823 10.0428 17.7622 11.9992 19.5135ZM11.9992 21.5095C9.4825 19.3288 7.59534 17.2994 6.33767 15.4212C5.08 13.5429 4.45117 11.8185 4.45117 10.248C4.45117 7.94033 5.19759 6.07208 6.69042 4.64325C8.18342 3.21442 9.953 2.5 11.9992 2.5C14.0453 2.5 15.8149 3.21442 17.3079 4.64325C18.8008 6.07208 19.5472 7.94033 19.5472 10.248C19.5472 11.8185 18.9183 13.5429 17.6607 15.4212C16.403 17.2994 14.5158 19.3288 11.9992 21.5095Z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.jobAccordian .accordianHead .exp{
  position: relative;
  margin-bottom: 1rem;
  display: flex;
  width: 50%;
  align-items: center;
  -moz-column-gap: .5rem;
       column-gap: .5rem;
}

@media (min-width: 768px){
  .jobAccordian .accordianHead .exp{
    margin-bottom: 0px;
    width: auto;
  }
}

@media (min-width: 1200px){
  .jobAccordian .accordianHead .exp{
    -moz-column-gap: .5vw;
         column-gap: .5vw;
  }
}

.jobAccordian .accordianHead .exp:before{
  display: inline-block;
  height: 1.1rem;
  width: 1.1rem;
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 1200px){
  .jobAccordian .accordianHead .exp:before{
    height: 1.25vw;
    width: 1.25vw;
  }
}

.jobAccordian .accordianHead .exp:before {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 24 24' fill='%23083F24' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12 11.6923C11.0375 11.6923 10.2136 11.3496 9.52825 10.6643C8.84275 9.97876 8.5 9.15476 8.5 8.19226C8.5 7.22976 8.84275 6.40584 9.52825 5.72051C10.2136 5.03501 11.0375 4.69226 12 4.69226C12.9625 4.69226 13.7864 5.03501 14.4718 5.72051C15.1573 6.40584 15.5 7.22976 15.5 8.19226C15.5 9.15476 15.1573 9.97876 14.4718 10.6643C13.7864 11.3496 12.9625 11.6923 12 11.6923ZM4.5 19.3078V17.0845C4.5 16.5948 4.633 16.1413 4.899 15.724C5.165 15.3067 5.5205 14.9858 5.9655 14.7615C6.95383 14.277 7.95092 13.9136 8.95675 13.6713C9.96258 13.4289 10.977 13.3078 12 13.3078C13.023 13.3078 14.0374 13.4289 15.0433 13.6713C16.0491 13.9136 17.0462 14.277 18.0345 14.7615C18.4795 14.9858 18.835 15.3067 19.101 15.724C19.367 16.1413 19.5 16.5948 19.5 17.0845V19.3078H4.5ZM6 17.8078H18V17.0845C18 16.882 17.9413 16.6945 17.824 16.522C17.7067 16.3497 17.5474 16.209 17.3462 16.1C16.4846 15.6757 15.6061 15.3542 14.7107 15.1355C13.8153 14.917 12.9117 14.8078 12 14.8078C11.0883 14.8078 10.1848 14.917 9.28925 15.1355C8.39392 15.3542 7.51542 15.6757 6.65375 16.1C6.45258 16.209 6.29333 16.3497 6.176 16.522C6.05867 16.6945 6 16.882 6 17.0845V17.8078ZM12 10.1923C12.55 10.1923 13.0208 9.99643 13.4125 9.60476C13.8042 9.21309 14 8.74226 14 8.19226C14 7.64226 13.8042 7.17143 13.4125 6.77976C13.0208 6.38809 12.55 6.19226 12 6.19226C11.45 6.19226 10.9792 6.38809 10.5875 6.77976C10.1958 7.17143 10 7.64226 10 8.19226C10 8.74226 10.1958 9.21309 10.5875 9.60476C10.9792 9.99643 11.45 10.1923 12 10.1923Z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.jobAccordian .accordianHead .vdCol{
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}

@media (min-width: 768px){
  .jobAccordian .accordianHead .vdCol{
    margin-left: auto;
    width: auto;
  }
}

.jobAccordian .accordianHead .vdCol:after{
  display: inline-block;
  height: 1rem;
  width: 1rem;
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 1200px){
  .jobAccordian .accordianHead .vdCol:after{
    height: 1.25vw;
    width: 1.25vw;
  }
}

.jobAccordian .accordianHead .vdCol:after {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 24 24' fill='%23083F24' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12.0025 12.9462L16.6025 8.34619L17.6562 9.39994L12.0025 15.0537L6.34875 9.39994L7.4025 8.34619L12.0025 12.9462Z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.jobAccordian .accordianItem.active .vdCol:after {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 24 24' fill='%23083F24' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12.0014 11.0538L7.40141 15.6538L6.34766 14.6001L12.0014 8.94631L17.6552 14.6001L16.6014 15.6538L12.0014 11.0538Z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.jobAccordian .accordianContent{
  margin-top: 0px !important;
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(220 219 219 / var(--tw-border-opacity));
  padding: 1rem;
}

.jobAccordian .accordianContent > *{
  margin-bottom: 1rem;
}

.jobAccordian .accordianContent > *:last-child{
  margin-bottom: 0px;
}

@media (min-width: 1200px){
  .jobAccordian .accordianContent{
    margin-left: 2.083vw;
    margin-right: 2.083vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1.042vw;
  }

  .jobAccordian .accordianContent > *{
    margin-bottom: 1vw;
  }
}

.jobAccordian .accordianContent h6{
  font-family: Albert Sans, serif;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .jobAccordian .accordianContent .cta{
    margin-top: 2vw;
    margin-bottom: 1vw;
    padding-left: 2.604vw;
    padding-right: 2.604vw;
  }
}

/* Managing Parter Page */

.mpPage header{
  position: sticky;
  --tw-bg-opacity: 1;
  background-color: rgb(5 58 32 / var(--tw-bg-opacity));
}

.mpPage .mpmSection{
  margin-top: 0px;
}

@media (min-width: 1200px){
  .mpPage .mpmSection{
    padding-top: 4.844vw;
  }
}

@media (min-width: 991px){
  .mpPage .mpmSection .container{
    padding-left: 5.208vw;
    padding-right: 5.208vw;
  }
}

.mpPage .mpmSection h6{
  font-size: 0.9rem;
}

.mpPage .mpmSection .yoeBox{
  display: flex;
  width: 9rem;
  align-items: center;
  -moz-column-gap: .5rem;
       column-gap: .5rem;
  font-family: Albert Sans, serif;
  font-size: 2rem;
  font-weight: 700;
}

@media (min-width: 1200px){
  .mpPage .mpmSection .yoeBox{
    width: 11vw;
    -moz-column-gap: 1vw;
         column-gap: 1vw;
    font-size: 2.5vw;
  }
}

.mpPage .mpmSection .yoeBox span{
  font-family: Barlow, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

@media (min-width: 1200px){
  .mpPage .mpmSection .yoeBox span{
    font-size: 1.042vw;
  }
}

.notableSwiper .swiper-slide .notableCard{
  position: relative;
  z-index: 1;
  padding-top: 2rem;
  padding-bottom: 2rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  height:100%;
}
.notableSwiper .swiper-slide {
  height:auto;
}

@media (min-width: 1200px){
  .notableSwiper .swiper-slide .notableCard{
    padding-top: 2vw;
    padding-bottom: 2vw;
  }
}

.notableSwiper .swiper-slide .notableCard:before{
  position: absolute;
  top: 0px;
  left: .6rem;
  right: .6rem;
  z-index: -1;
  height: 100%;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity));
  --tw-content: '';
  content: var(--tw-content);
}



@media (min-width: 1200px){
  .notableSwiper .swiper-slide .notableCard:before{
    left: 1vw;
    right: 1vw;
    border-radius: 1.042vw;
  }
  
}

.notableSwiper .swiper-slide .notableCard:before {
  background: var(--hover-gradient, linear-gradient(235deg, #063920 6.61%, #0E7A45 107.78%));
}

.notableCard .starBox{
  position: relative;
  margin-bottom: 2rem;
}

@media (min-width: 1200px){
  .notableCard .starBox{
    margin-bottom: 2vw;
  }
}

.notableCard .starBox::before, .notableCard .starBox::after{
  position: absolute;
  top: 75%;
  height: 4rem;
  width: 5rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 1200px){
  .notableCard .starBox::before, .notableCard .starBox::after{
    height: 4.1vw;
    width: 7.813vw;
  }
}

.notableCard .starBox::before{
  left: 0px;
  background:url(../images/icons/ribinLeft.svg) no-repeat;
  background-size: 100%;
}

.notableCard .starBox::after{
  right: 0px;
  background:url(../images/icons/ribinRight.svg) no-repeat;
  background-size: 100%;
}

.notableCard img{
  margin-left: auto;
  margin-right: auto;
  width: 3rem;
}

@media (min-width: 1200px){
  .notableCard img{
    width: 3.5vw;
  }
}

.notableCard .notableTxt{
  padding-left: 2rem;
  padding-right: 2rem;
  max-height:280px;
  overflow-y: auto;
}
.eventThumbSwiper-button-next {
  right: 5vw  !important; /* Adjust as needed */
  left: auto;
}

.eventThumbSwiper-button-prev {
  left: 5vw  !important; /* Adjust as needed */
  right: auto;
}
@media (max-width:768px){
  .eventThumbSwiper-button-next,.eventThumbSwiper-button-prev  {
    top:5vw;
  }
  
  
}

@media (min-width: 1200px){

  .notableCard .notableTxt{
    padding-left: 3vw;
    padding-right: 3vw;
  }
}

.notableCard .notableTxt h4{
  margin-bottom: .5rem;
  font-family: Albert Sans, serif;
  font-size: 1.2rem;
  font-weight: 700;
}

.notableTxt h5{
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: .5rem;
}
.notableTxt p{
  text-align:justify; 
}
@media (min-width: 1200px){
  .notableCard .notableTxt h4{
    margin-bottom: .5vw;
    font-size: 1.458vw;
  }
  .notableTxt h5{
    font-size: 1.24vw;
    font-weight: 500;
    margin-bottom: .5rem;
  
  }
}

.mpmtestBox{
  position: relative;
  z-index: 1;
  padding: 2rem;
  padding-top: 0px !important;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .mpmtestBox{
    padding: 4vw;
    font-size: 1.25vw;
  }
}

.mpmtestBox::before{
  position: absolute;
  top: 2.5rem;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  width: 100%;
  border-radius: 1rem;
  --tw-content: '';
  content: var(--tw-content);
}
.mpmtestBox .content{
  height:220px;
  overflow-y:auto;
  padding-right: 0.75rem;
}
.mpmtestBox .content::-webkit-scrollbar {
  width: 2px;
  padding-left:10px;
}

@media (min-width: 1200px){
  .mpmtestBox::before{
    top: 4vw;
    border-radius: 1.042vw;
  }
  .goldLine.w-full{
    width: 100%;
  }
}

.goldLine.w-full{
  width: 100%;
}
.mpmtestBox::before {
  background: linear-gradient(71deg, #C78E49 -3.45%, #965302 113.3%);
}

.mpmtestBox img{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  width: 5rem;
  height: 5rem;
  object-fit: cover;
  border-radius:100%;
  border: 3px solid #C78E49;
}

@media (min-width: 1200px){
  .mpmtestBox img{
    margin-bottom: 1.563vw;
    width: 8vw;
    height: 8vw;
  }
}

.mpmtestBox h6{
  margin-top: 1.5rem;
  font-family: Albert Sans, serif;
  font-weight: 700;
}

.mpmtestBox h6 > *{
  font-weight: 400;
}
.jobAccordian .accordianContent li{
  list-style: disc;
}
.jobAccordian .accordianContent ul{
  padding-left:20px;
}

@media (min-width: 1200px){
  .mpmtestBox h6{
    margin-top: 1.563vw;
  }
}

.mpm-testimonial-swiper-pagination{
  position: relative;
  top: auto;
  bottom: auto !important;
  left: auto !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  --tw-translate-x: 0px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

@media (min-width: 1200px){
  .mpm-testimonial-swiper-pagination{
    margin-top: 2vw;
  }
}

.mpm-testimonial-swiper-pagination .swiper-pagination-bullet{
  width: 1rem;
}

@media (min-width: 1200px){
  .mpm-testimonial-swiper-pagination .swiper-pagination-bullet{
    width: 1vw;
  }
}
.w-eleven{
  width:11%;
}
/* NewsRoom Page */
.newsVideoSwiperDescription .swiper-slide p{
  text-align:justify;
}
.annSwiper .swiper-slide{
  height: auto;
}

@media (min-width: 768px){
  .annSwiper .swiper-slide{
    height: auto;
  }

  /* .annSwiper .swiper-slide:nth-child(even) .announcementBox{
    margin-top: 2rem;
  } */
}

/* @media (min-width: 1200px){
  .annSwiper .swiper-slide:nth-child(even) .announcementBox{
    margin-top: 4.688vw;
  }
} */
.announcementTxt p{
  text-align:justify;
}
.announcementBox{
  border: 1px solid #c78e49;
  height: 100%;
  border-radius: 1rem;
  font-family: Albert Sans, serif;
  overflow: hidden;
}

@media (min-width: 1200px){
  .announcementBox{
    border-radius: 1.042vw;
    font-size: 1vw;
  }
}

.announcementBox {
  background: var(--hover-gradient, linear-gradient(235deg, #063920 6.61%, #0E7A45 107.78%));
}

.announcementBox img{
  aspect-ratio: 4/3;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
     background-color:#fff;
}

.announcementTxt{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .announcementTxt{
    padding-left: 1.563vw;
    padding-right: 1.563vw;
    padding-top: 2.083vw;
    padding-bottom: 2.083vw;
  }
}

.announcementTxt h6{
  margin-bottom: 1rem;
  font-weight: 700;
}

@media (min-width: 1200px){
  .announcementTxt h6{
    margin-bottom: 1vw;
  }
}

.announcementTxt ul{
  max-height: 7.5rem;
  overflow-y: auto;
}

@media (min-width: 1200px){
  .announcementTxt ul{
    max-height: 7.6vw;
    padding-right: .3vw;
  }
}

.announcementTxt ul::-webkit-scrollbar{
  width: .3rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 6 3 / var(--tw-bg-opacity));
  overflow: hidden;
}

@media (min-width: 1200px){
  .announcementTxt ul::-webkit-scrollbar{
    width: .2vw;
  }
}

.announcementTxt ul::-webkit-scrollbar-thumb{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(195 139 72 / var(--tw-bg-opacity));
}

.announcementTxt ul li{
  position: relative;
  margin-bottom: .5rem;
  padding-left: 1.3rem;
  font-weight: 500;
}

@media (min-width: 1200px){
  .announcementTxt ul li{
    margin-bottom: .5vw;
    padding-left: 1.3vw;
  }
}

.announcementTxt ul li:before{
  position: absolute;
  left: 0px;
  top: .5rem;
  aspect-ratio: 1 / 1;
  width: .3rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 1200px){
  .announcementTxt ul li:before{
    top: .5vw;
    width: 0.4vw;
  }
}

.eventSwiper .swiper-pagination-progressbar{
  position: relative;
  top: auto;
  left: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
  height: 1px;
}

@media (min-width: 768px){
  .eventSwiper .swiper-pagination-progressbar{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

@media (min-width: 1200px){
  .eventSwiper .swiper-pagination-progressbar{
    margin-top: 4vw;
    margin-bottom: 4vw;
  }
}

.eventSwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  top: -2.5px;
  height: 5px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(243 173 59 / var(--tw-bg-opacity));
}

.eventBigImg{
  position: relative;
  margin-bottom: 1rem;
  aspect-ratio: 16 / 9;
  width: 100%;
}

@media (min-width: 768px){
  .eventBigImg{
    margin: 0px;
    aspect-ratio: auto;
  }
}

@media (min-width: 1200px){
  .eventBigImg{
    height: 40vw;
  }
}

.eventBigImg:before{
  position: absolute;
  top: 1rem;
  bottom: 0px;
  left: 0px;
  width: 100%;
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 1200px){
  .eventBigImg:before{
    top: 1.458vw;
  }
}

.eventBigImg:before {
  background: linear-gradient(180deg, rgba(7, 58, 33, 0.00) 0%, rgba(1, 48, 25, 0.72) 73.37%);
}

.eventBigImg img{
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
     object-position:top;
}

.eventBigTxt{
  margin-bottom: 1rem;
  display: grid;
  row-gap: 1rem;
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
}

@media (min-width: 480px){
  .eventBigTxt{
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}

@media (min-width: 768px){
  .eventBigTxt{
    position: absolute;
    bottom: 3rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}

@media (min-width: 1200px){
  .eventBigTxt{
    bottom: 4.167vw;
    -moz-column-gap: 3.646vw;
         column-gap: 3.646vw;
    font-size: 1.042vw;
  }
}

.eventThumbSwiper{
  display: none;
}

@media (min-width: 768px){
  .eventThumbSwiper{
    display: block;
  }
}

.eventThumbBox{
  cursor: pointer;
  overflow: hidden;
}

.eventThumbBox img{
  display: block;
  aspect-ratio: 5/7;
  border-radius: 0.8rem;
}

@media (min-width: 1200px){
  .eventThumbBox img{
    border-radius: 0.833vw;
  }
}

.eventThumbBox h6{
  margin-top: 1.5rem;
  font-family: Albert Sans, serif;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(1 25 13 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .eventThumbBox h6{
    margin-top: 2vw;
    font-size: 1.042vw;
  }
}

.newsVideo{
  position: relative;
  z-index: 1;
  padding-top: 3rem;
  padding-bottom: 3rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .newsVideo{
    padding-top: 5.208vw;
    padding-bottom: 5.208vw;
  }
}

.watchVideoBg{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.watchVideoBg:before{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  --tw-content: '';
  content: var(--tw-content);
  background: linear-gradient(356deg, rgba(7, 58, 33, 0.62) 1.66%, rgba(4, 82, 44, 0.53) 95.14%);
}

.watchVideoBg video{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.newsVideo h2.title{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.newsVideo{
  margin-top:3rem;
}
.newsVidThumb{
  position: relative;
  margin-bottom: 1.5rem;
  aspect-ratio: 16 / 9;
  border-radius: 1rem;
  overflow: hidden;
}

@media (min-width: 1200px){
  .newsVidThumb{
    margin-bottom: 1.563vw;
    border-radius: 0.833vw;
  }
}

.newsVidThumb::before{
  position: absolute;
  top: 50%;
  left: 50%;
  aspect-ratio: 1 / 1;
  width: 3rem;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(195 139 72 / var(--tw-bg-opacity));
  background-position: center;
  background-repeat: no-repeat;
  transition-duration: 0.3s;
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 1200px){
  .newsVidThumb::before{
    width: 2.604vw;
  }
}

.newsVidThumb::before {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z' clip-rule='evenodd'/></svg>");
  background-size: 50%;
}

.newsVideoCtrl{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media (min-width: 1200px){
  .newsVideoCtrl{
    margin-top: 2vw;
  }
}

.newsVideoCtrl .swiper-button-prev, .newsVideoCtrl .swiper-button-next{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.newsVideoCtrl .swiper-button-prev:hover, .newsVideoCtrl .swiper-button-next:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.newsVideoCtrl .swiper-button-prev:after {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.newsVideoCtrl .swiper-button-prev:hover:after {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23083F24' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5' clip-rule='evenodd'/></svg>");
}

.newsVideoCtrl .swiper-button-next:after {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.newsVideoCtrl .swiper-button-next:hover:after {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23083F24' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8' clip-rule='evenodd'/></svg>");
}

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

.newsVideoBox h6{
  font-family: Albert Sans, serif;
  font-weight: 700;
}

@media (min-width: 1200px){
  .newsVideoBox h6{
    font-size: 1.042vw;
  }
}

.newsVideoBox:hover .newsVidThumb::before{
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#applyPopup{
  display: none;
  width: 90%;
}

@media (min-width: 768px){
  #applyPopup{
    width: 50%;
  }
}

@media (min-width: 991px){
  #applyPopup{
    width: 40%;
  }
}

#applyPopup h2.title{
  font-size: 1.5rem;
  line-height: 1.5;
}

@media (min-width: 1200px){
  #applyPopup h2.title{
    margin-bottom: 1vw;
    font-size: 1.5vw;
  }
}

#applyPopup .formCol{
  margin-bottom: 1rem;
}

@media (min-width: 1200px){
  #applyPopup .formCol{
    margin-bottom: 1vw;
  }
}

#applyPopup .formCol label{
  margin-bottom: .5rem;
  display: block;
}

@media (min-width: 1200px){
  #applyPopup .formCol label{
    margin-bottom: .5vw;
  }
}

#applyPopup .formCol input{
  width: 100%;
  border-radius: .5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(221 221 221 / var(--tw-border-opacity));
  padding: .5rem;
}

@media (min-width: 1200px){
  #applyPopup .formCol input{
    border-radius: .5vw;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: .5vw;
    padding-bottom: .5vw;
  }

  #applyPopup .formCol .cta{
    padding-top: 1vw;
    padding-bottom: 1vw;
  }
}

/* Scroll Top Button */

.scrollTopBtn{
  position: fixed;
  bottom: 3%;
  right: 5%;
  z-index: 999;
  display: flex;
  aspect-ratio: 1 / 1;
  width: 3rem;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(1 25 13 / var(--tw-bg-opacity));
  transition-duration: 0.3s;
}

.practiseAreaWrp.scrollTopBtn{
  top: 80px;
  left: 0px;
  z-index: 999;
  margin-bottom: 0px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: .5rem;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
}

.practiseAreaWrp.scrollTopBtn h4{
  display: none;
}

header.scrollTopBtn{
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(24 131 79 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(11 81 47 / var(--tw-bg-opacity));
}

@media (min-width: 991px){
  header.scrollTopBtn{
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
  }
}

.begurUaePg header.scrollTopBtn{
  --tw-border-opacity: 1;
  border-color: rgb(243 173 59 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(91 50 0 / var(--tw-bg-opacity));
}

.pcPage header.scrollTopBtn{
  --tw-border-opacity: 1;
  border-color: rgb(195 139 72 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(89 12 13 / var(--tw-bg-opacity));
}

@media (min-width: 991px){
  .scrollTopBtn{
    bottom: 10%;
    width: 3%;
  }
}

.scrollTopBtn svg{
  width: 75%;
  fill: #fff;
}

.scrollTopBtn.active{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.ratingTitle{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

@media (min-width: 1200px){
  .ratingTitle{
    margin-bottom: 1vw;
    font-size: 1.1vw;
  }
}

.rating {
  display: flex;
  width: 100%;
  justify-content: start;
  overflow: hidden;
  flex-direction: row-reverse;
  position: relative;
}

.rating-0 {
  filter: grayscale(100%);
}

.rating > input {
  display: none;
}

.rating > label {
  cursor: pointer;
  width: 30px;
  height: 30px;
  margin-top: auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: .3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.otherfocusWrap .otherfocusSwiper{
  padding-left: 1px;
  padding-right: 1px;
}

@media (min-width: 991px){
  .otherfocusWrap .otherfocusSwiper{
    height: 60vw;
  }
}

@media (min-width: 1200px){
  .otherfocusWrap .otherfocusSwiper{
    height: 30.5vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
  }
}

.\*\:mb-\[1\.2rem\] > *{
  margin-bottom: 1.2rem;
}

.\*\:mb-\[1\.5rem\] > *{
  margin-bottom: 1.5rem;
}

.\*\:mb-\[1rem\] > *{
  margin-bottom: 1rem;
}

.\*\:mb-\[2rem\] > *{
  margin-bottom: 2rem;
}

.\*\:bg-transparent > *{
  background-color: transparent;
}

.\*\:text-justify > *{
  text-align: justify;
}

.\*\:text-\[1\.1rem\] > *{
  font-size: 1.1rem;
}

.\*\:text-\[12px\] > *{
  font-size: 12px;
}

.\*\:font-medium > *{
  font-weight: 500;
}

.last\:\*\:mb-0 > *:last-child{
  margin-bottom: 0px;
}

@media (min-width: 480px){
  .sm\:mr-\[2rem\]{
    margin-right: 2rem;
  }

  .sm\:block{
    display: block;
  }

  .sm\:flex{
    display: flex;
  }

  .sm\:w-\[10\%\]{
    width: 10%;
  }

  .sm\:w-\[12rem\]{
    width: 12rem;
  }

  .sm\:w-\[50\%\]{
    width: 50%;
  }

  .sm\:w-\[70\%\]{
    width: 70%;
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:flex-1{
    flex: 1 1 0%;
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:justify-start{
    justify-content: flex-start;
  }

  .sm\:gap-\[1rem\]{
    gap: 1rem;
  }

  .sm\:gap-x-\[3rem\]{
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .sm\:p-\[5rem\]{
    padding: 5rem;
  }
}

@media (min-width: 768px){
  .md\:\!bottom-\[2vw\]{
    bottom: 2vw !important;
  }

  .md\:\!bottom-\[8vw\]{
    bottom: 8vw !important;
  }

  .md\:top-\[28\%\]{
    top: 28%;
  }

  .md\:order-2{
    order: 2;
  }

  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .md\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .md\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:mb-0{
    margin-bottom: 0px;
  }

  .md\:mb-\[2rem\]{
    margin-bottom: 2rem;
  }

  .md\:block{
    display: block;
  }

  .md\:flex{
    display: flex;
  }

  .md\:hidden{
    display: none;
  }

  .md\:w-2\/12{
    width: 16.666667%;
  }

  .md\:w-3\/12{
    width: 25%;
  }

  .md\:w-5\/12{
    width: 41.666667%;
  }

  .md\:w-6\/12{
    width: 50%;
  }

  .md\:w-9\/12{
    width: 75%;
  }

  .md\:w-\[15rem\]{
    width: 15rem;
  }

  .md\:w-\[35\%\]{
    width: 35%;
  }

  .md\:w-\[40\%\]{
    width: 40%;
  }

  .md\:w-\[45\%\]{
    width: 45%;
  }

  .md\:w-\[48\%\]{
    width: 48%;
  }

  .md\:w-\[60\%\]{
    width: 60%;
  }

  .md\:w-\[70\%\]{
    width: 70%;
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:flex-1{
    flex: 1 1 0%;
  }

  .md\:flex-none{
    flex: none;
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:items-center{
    align-items: center;
  }

  .md\:justify-between{
    justify-content: space-between;
  }

  .md\:gap-\[1rem\]{
    gap: 1rem;
  }

  .md\:gap-\[2\.5vw\]{
    gap: 2.5vw;
  }

  .md\:gap-x-\[5vw\]{
    -moz-column-gap: 5vw;
         column-gap: 5vw;
  }

  .md\:gap-x-\[8vw\]{
    -moz-column-gap: 8vw;
         column-gap: 8vw;
  }

  .md\:px-\[10\%\]{
    padding-left: 10%;
    padding-right: 10%;
  }

  .md\:pr-\[2vw\]{
    padding-right: 2vw;
  }

  .md\:pr-\[3rem\]{
    padding-right: 3rem;
  }
}

@media (min-width: 991px){
  .lg\:absolute{
    position: absolute;
  }

  .lg\:\!bottom-\[3vw\]{
    bottom: 3vw !important;
  }

  .lg\:float-right{
    float: right;
  }

  .lg\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:mb-0{
    margin-bottom: 0px;
  }

  .lg\:mb-\[\.5vw\]{
    margin-bottom: .5vw;
  }

  .lg\:mb-\[1\.5vw\]{
    margin-bottom: 1.5vw;
  }

  .lg\:mb-\[1vw\]{
    margin-bottom: 1vw;
  }

  .lg\:mb-\[2vw\]{
    margin-bottom: 2vw;
  }

  .lg\:mb-\[3vw\]{
    margin-bottom: 3vw;
  }

  .lg\:mb-\[4\.479vw\]{
    margin-bottom: 4.479vw;
  }

  .lg\:ml-\[2rem\]{
    margin-left: 2rem;
  }

  .lg\:mt-0{
    margin-top: 0px;
  }

  .lg\:mt-\[-4vw\]{
    margin-top: -4vw;
  }

  .lg\:mt-\[2vw\]{
    margin-top: 2vw;
  }

  .lg\:mt-\[5vw\]{
    margin-top: 5vw;
  }

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:aspect-auto{
    aspect-ratio: auto;
  }

  .lg\:h-\[25rem\]{
    height: 25rem;
  }

  .lg\:h-\[3vw\]{
    height: 3vw;
  }

  .lg\:h-full{
    height: 100%;
  }

  .lg\:h-screen{
    height: 100vh;
  }

  .lg\:w-5\/12{
    width: 41.666667%;
  }

  .lg\:w-6\/12{
    width: 50%;
  }

  .lg\:w-\[1\.9vw\]{
    width: 1.9vw;
  }

  .lg\:w-\[18\.542vw\]{
    width: 18.542vw;
  }

  .lg\:w-\[2\.5vw\]{
    width: 2.5vw;
  }

  .lg\:w-\[22\%\]{
    width: 22%;
  }

  .lg\:w-\[25\.8\%\]{
    width: 25.8%;
  }

  .lg\:w-\[3\.125vw\]{
    width: 3.125vw;
  }

  .lg\:w-\[38\%\]{
    width: 38%;
  }

  .lg\:w-\[3vw\]{
    width: 3vw;
  }

  .lg\:w-\[40\%\]{
    width: 40%;
  }

  .lg\:w-\[45\%\]{
    width: 45%;
  }

  .lg\:w-\[47\%\]{
    width: 47%;
  }

  .lg\:w-\[5vw\]{
    width: 5vw;
  }

  .lg\:w-\[70\%\]{
    width: 70%;
  }

  .lg\:w-auto{
    width: auto;
  }

  .lg\:w-full{
    width: 100%;
  }

  .lg\:flex-1{
    flex: 1 1 0%;
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:justify-end{
    justify-content: flex-end;
  }

  .lg\:justify-between{
    justify-content: space-between;
  }

  .lg\:gap-\[2vw\]{
    gap: 2vw;
  }

  .lg\:gap-x-\[\.5vw\]{
    -moz-column-gap: .5vw;
         column-gap: .5vw;
  }

  .lg\:gap-x-\[1vw\]{
    -moz-column-gap: 1vw;
         column-gap: 1vw;
  }

  .lg\:gap-x-\[2vw\]{
    -moz-column-gap: 2vw;
         column-gap: 2vw;
  }

  .lg\:gap-x-\[5vw\]{
    -moz-column-gap: 5vw;
         column-gap: 5vw;
  }

  .lg\:self-center{
    align-self: center;
  }

  .lg\:rounded-\[1\.2vw\]{
    border-radius: 1.2vw;
  }

  .lg\:px-\[1\.5vw\]{
    padding-left: 1.5vw;
    padding-right: 1.5vw;
  }

  .lg\:px-\[15\%\]{
    padding-left: 15%;
    padding-right: 15%;
  }

  .lg\:px-\[25\%\]{
    padding-left: 25%;
    padding-right: 25%;
  }

  .lg\:px-\[5\.208vw\]{
    padding-left: 5.208vw;
    padding-right: 5.208vw;
  }

  .lg\:py-\[1\.5vw\]{
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
  }

  .lg\:py-\[4vw\]{
    padding-top: 4vw;
    padding-bottom: 4vw;
  }

  .lg\:py-\[7vw\]{
    padding-top: 7vw;
    padding-bottom: 7vw;
  }

  .lg\:pr-0{
    padding-right: 0px;
  }

  .lg\:pr-\[50\%\]{
    padding-right: 50%;
  }

  .lg\:pr-\[5vw\]{
    padding-right: 5vw;
  }

  .lg\:pt-\[1\.5vw\]{
    padding-top: 1.5vw;
  }

  .lg\:pt-\[3vw\]{
    padding-top: 3vw;
  }

  .lg\:pt-\[4vw\]{
    padding-top: 4vw;
  }

  .lg\:text-\[1\.042vw\]{
    font-size: 1.042vw;
  }

  .lg\:text-\[1\.25vw\]{
    font-size: 1.25vw;
  }

  .\*\:lg\:mb-\[1\.5vw\] > *{
    margin-bottom: 1.5vw;
  }

  .\*\:lg\:mb-\[1vw\] > *{
    margin-bottom: 1vw;
  }

  .\*\:lg\:mb-\[2\.604vw\] > *{
    margin-bottom: 2.604vw;
  }

  .\*\:lg\:mb-\[2vw\] > *{
    margin-bottom: 2vw;
  }

  .\*\:lg\:mb-\[3vw\] > *{
    margin-bottom: 3vw;
  }

  .\*\:lg\:text-\[1\.25vw\] > *{
    font-size: 1.25vw;
  }
}

@media (min-width: 1200px){
  .xl\:mb-0{
    margin-bottom: 0px;
  }

  .xl\:mb-\[1\.979vw\]{
    margin-bottom: 1.979vw;
  }

  .xl\:mb-\[1vw\]{
    margin-bottom: 1vw;
  }

  .xl\:mb-\[2\.083vw\]{
    margin-bottom: 2.083vw;
  }

  .xl\:mb-\[2vwem\]{
    margin-bottom: 2vwem;
  }

  .xl\:mb-\[3\.646vw\]{
    margin-bottom: 3.646vw;
  }

  .xl\:mb-\[4\.583vw\]{
    margin-bottom: 4.583vw;
  }

  .xl\:mb-\[5\.208vw\]{
    margin-bottom: 5.208vw;
  }

  .xl\:ml-\[2\.5vw\]{
    margin-left: 2.5vw;
  }

  .xl\:mr-\[4vw\]{
    margin-right: 4vw;
  }

  .xl\:mt-\[13\.542vw\]{
    margin-top: 13.542vw;
  }

  .xl\:mt-\[9\.635vw\]{
    margin-top: 9.635vw;
  }

  .xl\:w-5\/12{
    width: 41.666667%;
  }

  .xl\:w-6\/12{
    width: 50%;
  }

  .xl\:w-7\/12{
    width: 58.333333%;
  }

  .xl\:w-\[12\.188vw\]{
    width: 12.188vw;
  }

  .xl\:w-\[22\.5vw\]{
    width: 22.5vw;
  }

  .xl\:w-\[36\.458vw\]{
    width: 36.458vw;
  }

  .xl\:w-\[38\.802vw\]{
    width: 38.802vw;
  }

  .xl\:w-\[6\.51vw\]{
    width: 6.51vw;
  }

  .xl\:w-\[65vw\]{
    width: 65vw;
  }

  .xl\:w-\[7\.187vw\]{
    width: 7.187vw;
  }

  .xl\:w-auto{
    width: auto;
  }

  .xl\:gap-\[1\.198vw\]{
    gap: 1.198vw;
  }

  .xl\:gap-\[1\.5vw\]{
    gap: 1.5vw;
  }

  .xl\:gap-x-\[0\.781vw\]{
    -moz-column-gap: 0.781vw;
         column-gap: 0.781vw;
  }

  .xl\:gap-x-\[1\.302vw\]{
    -moz-column-gap: 1.302vw;
         column-gap: 1.302vw;
  }

  .xl\:gap-x-\[1\.5vw\]{
    -moz-column-gap: 1.5vw;
         column-gap: 1.5vw;
  }

  .xl\:gap-x-\[2\.604vw\]{
    -moz-column-gap: 2.604vw;
         column-gap: 2.604vw;
  }

  .xl\:gap-x-\[4\.167vw\]{
    -moz-column-gap: 4.167vw;
         column-gap: 4.167vw;
  }

  .xl\:gap-x-\[5vw\]{
    -moz-column-gap: 5vw;
         column-gap: 5vw;
  }

  .xl\:gap-x-\[8\.594vw\]{
    -moz-column-gap: 8.594vw;
         column-gap: 8.594vw;
  }

  .xl\:gap-y-\[3vw\]{
    row-gap: 3vw;
  }

  .xl\:py-\[6\.771vw\]{
    padding-top: 6.771vw;
    padding-bottom: 6.771vw;
  }

  .xl\:text-\[1\.042vw\]{
    font-size: 1.042vw;
  }
}
.grid-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.text-black.title{
  color: #01190D;
}

/* For larger screens (2-column layout) */
@media (min-width: 768px) {
  .grid-layout {
      grid-template-columns: 1fr 1fr;
  }
}

/* Card */
.card {
  display: flex;
  align-items: center;
  background: transparent;
  padding: 10px;
  border-radius: 8px;
}

/* Circular Image */
.circle-image {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 15px;
}

/* Text Styling */
.grid-layout  .text-content h2 {
  font-weight:400;
  font-size: 16px;
  line-height:20px;
  color:#fff;

  margin: 0;
}

.grid-layout .text-content p {
  font-size: 14px;
  color: #ccc;
  margin: 5px 0 0;
}
.grid-layout-3 h2, .grid-layout-3 p{
  color: #01190D;
}
@media(min-width:1200px){
  .begurUaePg .container{
    padding-left: 4.688vw;
        padding-right: 4.688vw;
  }
  .grid-layout-3 h2{
    font-size: 1.042vw;
  }
  .grid-layout-3 p{
    font-size:0.833vw;
  }
  .text-content h2{
    font-size: 1.2vw;
    line-height:1.688vw;
  }
  .circle-image {
  width:12.987vw;
  height:12.987vw;
  margin-right:3.247vw;
  }
  .grid-layout-3 .circle-image {
    width:9.896vw;
    height:9.896vw;
    margin-right:1.042vw;
    }
  .text-content p {
    font-size:0.909vw;
  }
}

.client-dropdown {
  width: 100%;
}

.client-dropdown option {background:rgb(195 139 72 / var(--tw-bg-opacity)); color:#fff;}
.testimonialSwiper .swiper-pagination{
display:block;
}


.homeTestimonial .testimonial-swiper-button-prev, .homeTestimonial .testimonial-swiper-button-next, .homeTestimonial .testimonial-swiper-button-prev:hover, .homeTestimonial .testimonial-swiper-button-next:hover {border-color:#fff;}



.homeTestimonial .testimonial-swiper-button-prev:after, .homeTestimonial .testimonial-swiper-button-prev:hover:after  {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5' clip-rule='evenodd'/></svg>");
}

.homeTestimonial .testimonial-swiper-button-next:after, .homeTestimonial .testimonial-swiper-button-next:hover:after  {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.transactionSwiper p, .transactionSwiper li {line-height:normal}




@media(min-width:768.99px){
.transactionSwiper h4 {min-height: 4rem;}
.transactionSwiper .content {height: 300px;}
}

@media(min-width:1200.99px){
  .testimonialCardTxt p {font-size:1.1vw; line-height: 1.9vw;}
  .transactionSwiper li {margin-bottom: 1.302vw;}

  .transactionSwiper .content{height: 25.5vw;}

}
@media(max-width:768.99px){
 .testimonialCardTxt .w-eleven {width:20%}

 .strgthTitle {gap:20px}
}
@media(max-width:1200.99px){
  .timeline ul li .timeLineCard ul li {padding-bottom: 10px; margin-bottom: 20px;}
  .timeline ul li .timeLineCard h4 {margin-bottom: 10px; line-height: normal;}
 }

 .tranBox {background: url(/web/theme/images/pcVector/traBg.jpg) no-repeat center; z-index: 1; overflow: hidden; height: 100%;}
 .tranBox  .sideImg {position: absolute; bottom: 0; right: 0; width: 50%; z-index: -1;}

 .begurUaePg  .tranBox {background: url(/web/theme/images/pcVector/uaetraBg.jpg) no-repeat center; border: 3px solid #FFDFB9;}

 .begurUaePg  .tranBox .goldLine {background: rgba(255, 255, 255, 0.70);}

 .transactionSwiper .swiper-slide {height:auto}

 /* Safari-specific fix */
@media not all and (min-resolution:.001dpcm) { 
  @supports (-webkit-appearance: none) {
    select {
      background-color: rgba(255, 255, 255, 0); /* Ensures transparency in Safari */
    }
  }
}


@media(max-width:575.99px){
  .innovationSwiper {height: auto;}
  .innovationSwiper .swiper-slide {height:100vh}
}


.stPage {margin-top: 50px;}
.stPage p, .stPage ul li {margin-bottom: 10px; text-align: justify;}
.stPage ul {padding-left: 15px;}
.stPage ul li {list-style: disc; }

#disclaimer-popup .title {margin-bottom: 20px;}
#disclaimer-popup p, #disclaimer-popup ul li {margin-bottom: 10px; text-align: justify;}
#disclaimer-popup ul {padding-left: 15px;}
#disclaimer-popup ul li {list-style: disc; }
#disclaimer-popup .cta {min-width: 200px; margin-top: 20px;}

.bdContent {text-align: justify;}

.notFound {text-align: center; padding:150px 0;}
.notFound h4 {font-weight:700; color: #053a20; font-size: 50px;}
 .notFound p {font-size: 18px;}
    .notFound .cta {margin-top: 20px;}
@media(min-width:991.99px){
  .notFound {padding: 10vw 0;}
  .notFound h4 {font-size: 5vw;}
  .notFound p {font-size: 1.5vw;}
    .notFound .cta {margin-top: 2vw;}
}