@font-face {
  font-family: EMprint-Bold;
  src: url(../fonts/EMprint-Bold.eot);
  src: url(../fonts/EMprint-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-Bold.woff2) format("woff2"), url(../fonts/EMprint-Bold.woff) format("woff"), url(../fonts/EMprint-Bold.ttf) format("ttf"), url(../fonts/EMprint-Bold.svg#EMprint-Bold) format("svg");
  font-style: normal;
  font-weight: 700
}

@font-face {
  font-family: EMprint-BoldItalic;
  src: url(../fonts/EMprint-BoldItalic.eot);
  src: url(../fonts/EMprint-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-BoldItalic.woff2) format("woff2"), url(../fonts/EMprint-BoldItalic.woff) format("woff"), url(../fonts/EMprint-BoldItalic.ttf) format("ttf"), url(../fonts/EMprint-BoldItalic.svg#EMprint-BoldItalic) format("svg");
  font-style: italic;
  font-weight: 700
}

@font-face {
  font-family: EMprint-CondensedBold;
  src: url(../fonts/EMprint-CondensedBold.eot);
  src: url(../fonts/EMprint-CondensedBold.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-CondensedBold.woff2) format("woff2"), url(../fonts/EMprint-CondensedBold.woff) format("woff"), url(../fonts/EMprint-CondensedBold.ttf) format("ttf"), url(../fonts/EMprint-CondensedBold.svg#EMprint-CondensedBold) format("svg");
  font-style: normal;
  font-weight: 700
}

@font-face {
  font-family: EMprint-CondensedBoldIt;
  src: url(../fonts/EMprint-CondensedBoldIt.eot);
  src: url(../fonts/EMprint-CondensedBoldIt.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-CondensedBoldIt.woff2) format("woff2"), url(../fonts/EMprint-CondensedBoldIt.woff) format("woff"), url(../fonts/EMprint-CondensedBoldIt.ttf) format("ttf"), url(../fonts/EMprint-CondensedBoldIt.svg#EMprint-CondensedBoldIt) format("svg");
  font-style: italic;
  font-weight: 700
}

@font-face {
  font-family: EMprint-CondensedItalic;
  src: url(../fonts/EMprint-CondensedItalic.eot);
  src: url(../fonts/EMprint-CondensedItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-CondensedItalic.woff2) format("woff2"), url(../fonts/EMprint-CondensedItalic.woff) format("woff"), url(../fonts/EMprint-CondensedItalic.ttf) format("ttf"), url(../fonts/EMprint-CondensedItalic.svg#EMprint-CondensedItalic) format("svg");
  font-style: italic;
  font-weight: 300
}

@font-face {
  font-family: EMprint-CondensedLight;
  src: url(../fonts/EMprint-CondensedLight.eot);
  src: url(../fonts/EMprint-CondensedLight.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-CondensedLight.woff2) format("woff2"), url(../fonts/EMprint-CondensedLight.woff) format("woff"), url(../fonts/EMprint-CondensedLight.ttf) format("ttf"), url(../fonts/EMprint-CondensedLight.svg#EMprint-CondensedLight) format("svg");
  font-style: normal;
  font-weight: 300
}

@font-face {
  font-family: EMprint-CondensedLightIt;
  src: url(../fonts/EMprint-CondensedLightIt.eot);
  src: url(../fonts/EMprint-CondensedLightIt.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-CondensedLightIt.woff2) format("woff2"), url(../fonts/EMprint-CondensedLightIt.woff) format("woff"), url(../fonts/EMprint-CondensedLightIt.ttf) format("ttf"), url(../fonts/EMprint-CondensedLightIt.svg#EMprint-CondensedLightIt) format("svg");
  font-style: italic;
  font-weight: 300
}

@font-face {
  font-family: EMprint-CondensedRegular;
  src: url(../fonts/EMprint-CondensedRegular.eot);
  src: url(../fonts/EMprint-CondensedRegular.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-CondensedRegular.woff2) format("woff2"), url(../fonts/EMprint-CondensedRegular.woff) format("woff"), url(../fonts/EMprint-CondensedRegular.ttf) format("ttf"), url(../fonts/EMprint-CondensedRegular.svg#EMprint-CondensedRegular) format("svg");
  font-style: normal;
  font-weight: 300
}

@font-face {
  font-family: EMprint-CondensedSemibold;
  src: url(../fonts/EMprint-CondensedSemibold.eot);
  src: url(../fonts/EMprint-CondensedSemibold.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-CondensedSemibold.woff2) format("woff2"), url(../fonts/EMprint-CondensedSemibold.woff) format("woff"), url(../fonts/EMprint-CondensedSemibold.ttf) format("ttf"), url(../fonts/EMprint-CondensedSemibold.svg#EMprint-CondensedSemibold) format("svg");
  font-style: normal;
  font-weight: demi
}

@font-face {
  font-family: EMprint-CondSemiboldIt;
  src: url(../fonts/EMprint-CondSemiboldIt.eot);
  src: url(../fonts/EMprint-CondSemiboldIt.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-CondSemiboldIt.woff2) format("woff2"), url(../fonts/EMprint-CondSemiboldIt.woff) format("woff"), url(../fonts/EMprint-CondSemiboldIt.ttf) format("ttf"), url(../fonts/EMprint-CondSemiboldIt.svg#EMprint-CondSemiboldIt) format("svg");
  font-style: italic;
  font-weight: demi
}

@font-face {
  font-family: EMprint-Light;
  src: url(../fonts/EMprint-Light.eot);
  src: url(../fonts/EMprint-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-Light.woff2) format("woff2"), url(../fonts/EMprint-Light.woff) format("woff"), url(../fonts/EMprint-Light.ttf) format("ttf"), url(../fonts/EMprint-Light.svg#EMprint-Light) format("svg");
  font-style: normal;
  font-weight: 300
}

@font-face {
  font-family: EMprint-LightItalic;
  src: url(../fonts/EMprint-LightItalic.eot);
  src: url(../fonts/EMprint-LightItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-LightItalic.woff2) format("woff2"), url(../fonts/EMprint-LightItalic.woff) format("woff"), url(../fonts/EMprint-LightItalic.ttf) format("ttf"), url(../fonts/EMprint-LightItalic.svg#EMprint-LightItalic) format("svg");
  font-style: italic;
  font-weight: 300
}

@font-face {
  font-family: EMprint-Regular;
  src: url(../fonts/EMprint-Regular.eot);
  src: url(../fonts/EMprint-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-Regular.woff2) format("woff2"), url(../fonts/EMprint-Regular.woff) format("woff"), url(../fonts/EMprint-Regular.ttf) format("ttf"), url(../fonts/EMprint-Regular.svg#EMprint-Regular) format("svg");
  font-style: normal;
  font-weight: 300
}

@font-face {
  font-family: EMprint-RegularItalic;
  src: url(../fonts/EMprint-RegularItalic.eot);
  src: url(../fonts/EMprint-RegularItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-RegularItalic.woff2) format("woff2"), url(../fonts/EMprint-RegularItalic.woff) format("woff"), url(../fonts/EMprint-RegularItalic.ttf) format("ttf"), url(../fonts/EMprint-RegularItalic.svg#EMprint-RegularItalic) format("svg");
  font-style: italic;
  font-weight: 300
}

@font-face {
  font-family: EMprint-Semibold;
  src: url(../fonts/EMprint-Semibold.eot);
  src: url(../fonts/EMprint-Semibold.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-Semibold.woff2) format("woff2"), url(../fonts/EMprint-Semibold.woff) format("woff"), url(../fonts/EMprint-Semibold.ttf) format("ttf"), url(../fonts/EMprint-Semibold.svg#EMprint-Semibold) format("svg");
  font-style: normal;
  font-weight: demi
}

@font-face {
  font-family: EMprint-SemiboldItalic;
  src: url(../fonts/EMprint-SemiboldItalic.eot);
  src: url(../fonts/EMprint-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-SemiboldItalic.woff2) format("woff2"), url(../fonts/EMprint-SemiboldItalic.woff) format("woff"), url(../fonts/EMprint-SemiboldItalic.ttf) format("ttf"), url(../fonts/EMprint-SemiboldItalic.svg#EMprint-SemiboldItalic) format("svg");
  font-style: italic;
  font-weight: demi
}

@font-face {
  font-family: EMprint;
  src: url(../fonts/EMprint-Bold.eot);
  src: url(../fonts/EMprint-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-Bold.woff2) format("woff2"), url(../fonts/EMprint-Bold.woff) format("woff"), url(../fonts/EMprint-Bold.ttf) format("ttf"), url(../fonts/EMprint-Bold.svg#EMprint-Bold) format("svg");
  font-style: normal;
  font-weight: 700
}

@font-face {
  font-family: EMprint;
  src: url(../fonts/EMprint-BoldItalic.eot);
  src: url(../fonts/EMprint-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-BoldItalic.woff2) format("woff2"), url(../fonts/EMprint-BoldItalic.woff) format("woff"), url(../fonts/EMprint-BoldItalic.ttf) format("ttf"), url(../fonts/EMprint-BoldItalic.svg#EMprint-BoldItalic) format("svg");
  font-style: italic;
  font-weight: 700
}

@font-face {
  font-family: EMprint;
  src: url(../fonts/EMprint-Light.eot);
  src: url(../fonts/EMprint-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-Light.woff2) format("woff2"), url(../fonts/EMprint-Light.woff) format("woff"), url(../fonts/EMprint-Light.ttf) format("ttf"), url(../fonts/EMprint-Light.svg#EMprint-Light) format("svg");
  font-style: normal;
  font-weight: 300
}

@font-face {
  font-family: EMprint;
  src: url(../fonts/EMprint-LightItalic.eot);
  src: url(../fonts/EMprint-LightItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-LightItalic.woff2) format("woff2"), url(../fonts/EMprint-LightItalic.woff) format("woff"), url(../fonts/EMprint-LightItalic.ttf) format("ttf"), url(../fonts/EMprint-LightItalic.svg#EMprint-LightItalic) format("svg");
  font-style: italic;
  font-weight: 300
}

@font-face {
  font-family: EMprint;
  src: url(../fonts/EMprint-Regular.eot);
  src: url(../fonts/EMprint-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-Regular.woff2) format("woff2"), url(../fonts/EMprint-Regular.woff) format("woff"), url(../fonts/EMprint-Regular.ttf) format("ttf"), url(../fonts/EMprint-Regular.svg#EMprint-Regular) format("svg");
  font-style: normal;
  font-weight: 400
}

@font-face {
  font-family: EMprint;
  src: url(../fonts/EMprint-RegularItalic.eot);
  src: url(../fonts/EMprint-RegularItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-RegularItalic.woff2) format("woff2"), url(../fonts/EMprint-RegularItalic.woff) format("woff"), url(../fonts/EMprint-RegularItalic.ttf) format("ttf"), url(../fonts/EMprint-RegularItalic.svg#EMprint-RegularItalic) format("svg");
  font-style: italic;
  font-weight: 400
}

@font-face {
  font-family: EMprint;
  src: url(../fonts/EMprint-Semibold.eot);
  src: url(../fonts/EMprint-Semibold.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-Semibold.woff2) format("woff2"), url(../fonts/EMprint-Semibold.woff) format("woff"), url(../fonts/EMprint-Semibold.ttf) format("ttf"), url(../fonts/EMprint-Semibold.svg#EMprint-Semibold) format("svg");
  font-style: normal;
  font-weight: 600
}

@font-face {
  font-family: EMprint;
  src: url(../fonts/EMprint-SemiboldItalic.eot);
  src: url(../fonts/EMprint-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-SemiboldItalic.woff2) format("woff2"), url(../fonts/EMprint-SemiboldItalic.woff) format("woff"), url(../fonts/EMprint-SemiboldItalic.ttf) format("ttf"), url(../fonts/EMprint-SemiboldItalic.svg#EMprint-SemiboldItalic) format("svg");
  font-style: italic;
  font-weight: 600
}

@font-face {
  font-family: EMprint-Bold;
  src: url(../fonts/EMprint-Bold.eot);
  src: url(../fonts/EMprint-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-Bold.woff2) format("woff2"), url(../fonts/EMprint-Bold.woff) format("woff"), url(../fonts/EMprint-Bold.ttf) format("ttf"), url(../fonts/EMprint-Bold.svg#EMprint-Bold) format("svg");
  font-style: normal;
  font-weight: 700
}

@font-face {
  font-family: EMprint-BoldItalic;
  src: url(../fonts/EMprint-BoldItalic.eot);
  src: url(../fonts/EMprint-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-BoldItalic.woff2) format("woff2"), url(../fonts/EMprint-BoldItalic.woff) format("woff"), url(../fonts/EMprint-BoldItalic.ttf) format("ttf"), url(../fonts/EMprint-BoldItalic.svg#EMprint-BoldItalic) format("svg");
  font-style: italic;
  font-weight: 700
}

@font-face {
  font-family: EMprint-CondensedBold;
  src: url(../fonts/EMprint-CondensedBold.eot);
  src: url(../fonts/EMprint-CondensedBold.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-CondensedBold.woff2) format("woff2"), url(../fonts/EMprint-CondensedBold.woff) format("woff"), url(../fonts/EMprint-CondensedBold.ttf) format("ttf"), url(../fonts/EMprint-CondensedBold.svg#EMprint-CondensedBold) format("svg");
  font-style: normal;
  font-weight: 700
}

@font-face {
  font-family: EMprint-CondensedBoldIt;
  src: url(../fonts/EMprint-CondensedBoldIt.eot);
  src: url(../fonts/EMprint-CondensedBoldIt.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-CondensedBoldIt.woff2) format("woff2"), url(../fonts/EMprint-CondensedBoldIt.woff) format("woff"), url(../fonts/EMprint-CondensedBoldIt.ttf) format("ttf"), url(../fonts/EMprint-CondensedBoldIt.svg#EMprint-CondensedBoldIt) format("svg");
  font-style: italic;
  font-weight: 700
}

@font-face {
  font-family: EMprint-CondensedItalic;
  src: url(../fonts/EMprint-CondensedItalic.eot);
  src: url(../fonts/EMprint-CondensedItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-CondensedItalic.woff2) format("woff2"), url(../fonts/EMprint-CondensedItalic.woff) format("woff"), url(../fonts/EMprint-CondensedItalic.ttf) format("ttf"), url(../fonts/EMprint-CondensedItalic.svg#EMprint-CondensedItalic) format("svg");
  font-style: italic;
  font-weight: 300
}

@font-face {
  font-family: EMprint-CondensedLight;
  src: url(../fonts/EMprint-CondensedLight.eot);
  src: url(../fonts/EMprint-CondensedLight.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-CondensedLight.woff2) format("woff2"), url(../fonts/EMprint-CondensedLight.woff) format("woff"), url(../fonts/EMprint-CondensedLight.ttf) format("ttf"), url(../fonts/EMprint-CondensedLight.svg#EMprint-CondensedLight) format("svg");
  font-style: normal;
  font-weight: 300
}

@font-face {
  font-family: EMprint-CondensedLightIt;
  src: url(../fonts/EMprint-CondensedLightIt.eot);
  src: url(../fonts/EMprint-CondensedLightIt.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-CondensedLightIt.woff2) format("woff2"), url(../fonts/EMprint-CondensedLightIt.woff) format("woff"), url(../fonts/EMprint-CondensedLightIt.ttf) format("ttf"), url(../fonts/EMprint-CondensedLightIt.svg#EMprint-CondensedLightIt) format("svg");
  font-style: italic;
  font-weight: 300
}

@font-face {
  font-family: EMprint-CondensedRegular;
  src: url(../fonts/EMprint-CondensedRegular.eot);
  src: url(../fonts/EMprint-CondensedRegular.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-CondensedRegular.woff2) format("woff2"), url(../fonts/EMprint-CondensedRegular.woff) format("woff"), url(../fonts/EMprint-CondensedRegular.ttf) format("ttf"), url(../fonts/EMprint-CondensedRegular.svg#EMprint-CondensedRegular) format("svg");
  font-style: normal;
  font-weight: 300
}

@font-face {
  font-family: EMprint-CondensedSemibold;
  src: url(../fonts/EMprint-CondensedSemibold.eot);
  src: url(../fonts/EMprint-CondensedSemibold.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-CondensedSemibold.woff2) format("woff2"), url(../fonts/EMprint-CondensedSemibold.woff) format("woff"), url(../fonts/EMprint-CondensedSemibold.ttf) format("ttf"), url(../fonts/EMprint-CondensedSemibold.svg#EMprint-CondensedSemibold) format("svg");
  font-style: normal;
  font-weight: demi
}

@font-face {
  font-family: EMprint-CondSemiboldIt;
  src: url(../fonts/EMprint-CondSemiboldIt.eot);
  src: url(../fonts/EMprint-CondSemiboldIt.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-CondSemiboldIt.woff2) format("woff2"), url(../fonts/EMprint-CondSemiboldIt.woff) format("woff"), url(../fonts/EMprint-CondSemiboldIt.ttf) format("ttf"), url(../fonts/EMprint-CondSemiboldIt.svg#EMprint-CondSemiboldIt) format("svg");
  font-style: italic;
  font-weight: demi
}

@font-face {
  font-family: EMprint-Light;
  src: url(../fonts/EMprint-Light.eot);
  src: url(../fonts/EMprint-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-Light.woff2) format("woff2"), url(../fonts/EMprint-Light.woff) format("woff"), url(../fonts/EMprint-Light.ttf) format("ttf"), url(../fonts/EMprint-Light.svg#EMprint-Light) format("svg");
  font-style: normal;
  font-weight: 300
}

@font-face {
  font-family: EMprint-LightItalic;
  src: url(../fonts/EMprint-LightItalic.eot);
  src: url(../fonts/EMprint-LightItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-LightItalic.woff2) format("woff2"), url(../fonts/EMprint-LightItalic.woff) format("woff"), url(../fonts/EMprint-LightItalic.ttf) format("ttf"), url(../fonts/EMprint-LightItalic.svg#EMprint-LightItalic) format("svg");
  font-style: italic;
  font-weight: 300
}

@font-face {
  font-family: EMprint-Regular;
  src: url(../fonts/EMprint-Regular.eot);
  src: url(../fonts/EMprint-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-Regular.woff2) format("woff2"), url(../fonts/EMprint-Regular.woff) format("woff"), url(../fonts/EMprint-Regular.ttf) format("ttf"), url(../fonts/EMprint-Regular.svg#EMprint-Regular) format("svg");
  font-style: normal;
  font-weight: 300
}

@font-face {
  font-family: EMprint-RegularItalic;
  src: url(../fonts/EMprint-RegularItalic.eot);
  src: url(../fonts/EMprint-RegularItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-RegularItalic.woff2) format("woff2"), url(../fonts/EMprint-RegularItalic.woff) format("woff"), url(../fonts/EMprint-RegularItalic.ttf) format("ttf"), url(../fonts/EMprint-RegularItalic.svg#EMprint-RegularItalic) format("svg");
  font-style: italic;
  font-weight: 300
}

@font-face {
  font-family: EMprint-Semibold;
  src: url(../fonts/EMprint-Semibold.eot);
  src: url(../fonts/EMprint-Semibold.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-Semibold.woff2) format("woff2"), url(../fonts/EMprint-Semibold.woff) format("woff"), url(../fonts/EMprint-Semibold.ttf) format("ttf"), url(../fonts/EMprint-Semibold.svg#EMprint-Semibold) format("svg");
  font-style: normal;
  font-weight: demi
}

@font-face {
  font-family: EMprint-SemiboldItalic;
  src: url(../fonts/EMprint-SemiboldItalic.eot);
  src: url(../fonts/EMprint-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-SemiboldItalic.woff2) format("woff2"), url(../fonts/EMprint-SemiboldItalic.woff) format("woff"), url(../fonts/EMprint-SemiboldItalic.ttf) format("ttf"), url(../fonts/EMprint-SemiboldItalic.svg#EMprint-SemiboldItalic) format("svg");
  font-style: italic;
  font-weight: demi
}

@font-face {
  font-family: EMprint;
  src: url(../fonts/EMprint-Bold.eot);
  src: url(../fonts/EMprint-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-Bold.woff2) format("woff2"), url(../fonts/EMprint-Bold.woff) format("woff"), url(../fonts/EMprint-Bold.ttf) format("ttf"), url(../fonts/EMprint-Bold.svg#EMprint-Bold) format("svg");
  font-style: normal;
  font-weight: 700
}

@font-face {
  font-family: EMprint;
  src: url(../fonts/EMprint-BoldItalic.eot);
  src: url(../fonts/EMprint-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-BoldItalic.woff2) format("woff2"), url(../fonts/EMprint-BoldItalic.woff) format("woff"), url(../fonts/EMprint-BoldItalic.ttf) format("ttf"), url(../fonts/EMprint-BoldItalic.svg#EMprint-BoldItalic) format("svg");
  font-style: italic;
  font-weight: 700
}

@font-face {
  font-family: EMprint;
  src: url(../fonts/EMprint-Light.eot);
  src: url(../fonts/EMprint-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-Light.woff2) format("woff2"), url(../fonts/EMprint-Light.woff) format("woff"), url(../fonts/EMprint-Light.ttf) format("ttf"), url(../fonts/EMprint-Light.svg#EMprint-Light) format("svg");
  font-style: normal;
  font-weight: 300
}

@font-face {
  font-family: EMprint;
  src: url(../fonts/EMprint-LightItalic.eot);
  src: url(../fonts/EMprint-LightItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-LightItalic.woff2) format("woff2"), url(../fonts/EMprint-LightItalic.woff) format("woff"), url(../fonts/EMprint-LightItalic.ttf) format("ttf"), url(../fonts/EMprint-LightItalic.svg#EMprint-LightItalic) format("svg");
  font-style: italic;
  font-weight: 300
}

@font-face {
  font-family: EMprint;
  src: url(../fonts/EMprint-Regular.eot);
  src: url(../fonts/EMprint-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-Regular.woff2) format("woff2"), url(../fonts/EMprint-Regular.woff) format("woff"), url(../fonts/EMprint-Regular.ttf) format("ttf"), url(../fonts/EMprint-Regular.svg#EMprint-Regular) format("svg");
  font-style: normal;
  font-weight: 400
}

@font-face {
  font-family: EMprint;
  src: url(../fonts/EMprint-RegularItalic.eot);
  src: url(../fonts/EMprint-RegularItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-RegularItalic.woff2) format("woff2"), url(../fonts/EMprint-RegularItalic.woff) format("woff"), url(../fonts/EMprint-RegularItalic.ttf) format("ttf"), url(../fonts/EMprint-RegularItalic.svg#EMprint-RegularItalic) format("svg");
  font-style: italic;
  font-weight: 400
}

@font-face {
  font-family: EMprint;
  src: url(../fonts/EMprint-Semibold.eot);
  src: url(../fonts/EMprint-Semibold.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-Semibold.woff2) format("woff2"), url(../fonts/EMprint-Semibold.woff) format("woff"), url(../fonts/EMprint-Semibold.ttf) format("ttf"), url(../fonts/EMprint-Semibold.svg#EMprint-Semibold) format("svg");
  font-style: normal;
  font-weight: 600
}

@font-face {
  font-family: EMprint;
  src: url(../fonts/EMprint-SemiboldItalic.eot);
  src: url(../fonts/EMprint-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/EMprint-SemiboldItalic.woff2) format("woff2"), url(../fonts/EMprint-SemiboldItalic.woff) format("woff"), url(../fonts/EMprint-SemiboldItalic.ttf) format("ttf"), url(../fonts/EMprint-SemiboldItalic.svg#EMprint-SemiboldItalic) format("svg");
  font-style: italic;
  font-weight: 600
}

@import url('https://fonts.cdnfonts.com/css/ethnocentric');

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }

  ::-webkit-scrollbar {
    width: 5px;
    background-color: #f1f2f2;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #333333;
    border-radius: 10px;
  }
}

body {
  padding: 0;
  margin: 0;
  /* overflow-y: auto;
    overflow-x: hidden; */
  position: relative;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #555555;
}

.clear {
  clear: both;
}


/* Header */

header {
  width: 100%;
  height: auto;
  padding: 0 60px;
  background-color: transparent;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  border-bottom: .1rem solid rgb(155 155 155 / 20%);
}

header h1 {
  font-family: 'Ethnocentric Rg', sans-serif;
  font-size: 3rem;
  color: #ffffff;
}

.header1 h1 {
  font-family: 'Ethnocentric Rg', sans-serif;
  font-size: 3rem;
  color: #122f4e;
}

header.sticky h1 {
  color: #122f4e;
}

header p {
  font-family: 'Ethnocentric Rg', sans-serif;
  font-size: 1.5rem;
  color: #ec3d48;
  text-align: center;
}

header.sticky p {
  color: #ec3d48;
}

/* header::before{
    position: absolute;
    content: '';
    width: 21%;
    height: 100%;
    left: -1%;
    top: 0;
    background-color: #ffffff;
    transform: skewX(345deg);
} */
header .header-left {
  width: auto;
  height: auto;
  min-width: 20%;
  display: flex;
  align-items: center;
  justify-content: start;
  position: relative;
  border-right: .1rem solid rgb(171 171 171 / 20%);

}

.logoname {
  margin-left: 30px;
}

header .header-left img {
  width: auto;
  height: 100px;
  min-width: 30%;
}

header .header-center {
  width: auto;
  height: auto;
  min-width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  position: relative;
  /* border-left: .1rem solid rgb(171 171 171 / 20%); */
}

/* header.sticky .header-center{
    border-left: .1rem solid rgb(0 0 0 / 6%);
} */
header .header-center .hr-top {
  width: 100%;
  height: auto;
  padding: 0px 0;
  margin: 0;
  display: flex;
  justify-content: end;
}

header .header-center .hr-top .hr-top-list {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 15px;
  padding: 0px 0 0px 30px;
  margin: 0;
  list-style: none;
}

header .header-center .hr-top .hr-top-list li {
  position: relative;
  padding: 0 15px 0 0;
}

header .header-center .hr-top .hr-top-list li:last-child {
  padding-right: 0;
}

header .header-center .hr-top .hr-top-list li::after {
  position: absolute;
  content: "|";
  font-size: 0.9rem;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  color: #ffffff85;
}

header .header-center .hr-top .hr-top-list li:last-child:after {
  display: none;
}

header .header-center .hr-top .hr-top-list li a {
  color: #ffffff;
  padding: 0px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3rem;
  font-family: EMprint-Semibold;
  font-style: normal;
  letter-spacing: 0px;
  margin: 0;
  text-decoration: none;
}

header .header-center .hr-top .hr-top-list li a span {
  font-size: 0.9rem;
  padding-left: 7px;
  text-transform: uppercase;
}

header .header-center .hr-bottom {
  width: 100%;
  height: auto;
  padding: 0px 0;
  margin: 0;
  display: flex;
  justify-content: end;
}

header .header-center .hr-bottom .navbar-nav {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
  padding: 10px 0 10px 0px;
  margin: 0;
  list-style: none;
  flex-direction: row;
}

header .header-center .hr-bottom .navbar-nav .nav-item {
  position: relative;
}

/* header .header-center .hr-bottom .navbar-nav .nav-item::before{
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.5px;
    width: 0;
    height: 5px;
    background-color: #005c5d;
    transition: 0.3s ease;
} */
header .header-center .hr-bottom .navbar-nav .nav-item:hover::before {
  width: 25px;
}

/* header .header-center .hr-bottom .navbar-nav .nav-item::after{
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 0%;
    height: 3px;
    background-color: #005c5d;
    transition: 0.3s ease;
} */
header .header-center .hr-bottom .navbar-nav .nav-item:hover::after {
  width: 80%;
}

header .header-center .hr-bottom .navbar-nav .nav-link {
  color: #ffffff;
  padding: 3px 15px 3px;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-family: EMprint-Semibold;
  font-style: normal;
  letter-spacing: 0px;
  margin: 0;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
}

header .header-center .hr-bottom .navbar-nav .enq-btn {
  /* border-left: 2px solid #f1f2f2; */
  /* border-right: 2px solid #f1f2f2; */
  position: relative;
  margin-left: 10px;
  padding: 0px;
  background: linear-gradient(110.59deg, #F4D21F 7.52%, #1F4E3D 153.34%);
  padding: 10px 20px;
  color: #fff;
  border-radius: 5px;
}

header .header-center .hr-bottom .navbar-nav .enq-btn a {
  color: #000000;
  padding: 0;
}

header .header-center .hr-bottom .navbar-nav .enq-btn:hover a {
  color: #fff !important;
}

/* header .header-center .hr-bottom .navbar-nav .enq-btn a{
    padding: 10px 25px;
} */
/* header .header-center .hr-bottom .navbar-nav .enq-btn::after{
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    height: 1px;
    width: 80%;
    background-color: #f1f2f2;
} */
header .header-center .hr-bottom .navbar-nav .enq-btn:hover {
  border-color: #005c5d;
}

header .header-center .hr-bottom .navbar-nav .enq-btn:hover::after {
  background-color: #005c5d;
}

header .header-center .hr-bottom .navbar-nav .nav-item.enq-btn::before {
  height: 0;
}

header .header-center .hr-bottom .navbar-nav .nav-item:hover .nav-link {
  color: #ffffff;
}

header .header-center .hr-bottom .navbar-nav .nav-item:hover .nav-link:hover {
  color: #F4D21F;
}

header.sticky .header-center .hr-bottom .navbar-nav .nav-item:hover .nav-link {
  color: #000000;
}

header.sticky .header-center .hr-bottom .navbar-nav .nav-item:hover .nav-link:hover {
  color: #F4D21F;
}

header .header-center .hr-bottom .navbar-nav .enq-btn img {
  width: auto;
  height: auto;
  padding-left: 7px;
  padding-bottom: 4px;
}

header .header-right {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 7px;
  min-width: 10%;
}

header .header-right>div {
  max-width: 50%;
}

header .header-right>div>img {
  width: auto;
  height: auto;
  max-width: 100%;
}

header .header-center .hr-bottom .navbar-nav .nav-item.dropdown {
  position: relative;
}

header .header-center .hr-bottom .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
  display: block;
}

header .header-center .hr-bottom .navbar-nav .nav-link i {
  color: #ffffff;
  padding: 0px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3rem;
}

header .header-center .hr-bottom .navbar-nav .nav-item:hover i {
  color: #005c5d;
}

header .header-center .hr-bottom .navbar-nav .nav-item.dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0%;
  min-width: 20rem;
  border: none;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 0;
  background-color: rgba(255,255,255,0.75);
  padding: 30px 40px;
}

header .header-center .hr-bottom .navbar-nav .nav-item.dropdown .dropdown-menu .d-flex {
  gap: 15px;
}

header .dropdown-menu-item {
  border-right: 1px solid #ddd;
  padding-right: 20px;
  width: 60%;
}

header .dropdown-menu-link {
  padding: 15px;
  background-color: #7319cd;
  gap: 10px;
  align-items: center;
  justify-content: center;
  display: grid;
  grid-template-columns: .5fr 1.5fr 1fr;
}

header .dropdown-menu-link {
  width: 100%;
}

header .dropdown-menu-link h5 {
  font-size: .96rem;
  font-family: EMprint-Regular;
  line-height: 1.4;
  margin: 0;
  letter-spacing: 0;
  color: #ffffff;
}

header .dropdown-menu-link a {
  font-size: 1rem;
  font-family: EMprint-Semibold;
  line-height: 1.25;
  margin: 0;
  letter-spacing: 0;
  color: #333333;
  background-color: #ffffff;
  padding: 10px 15px;
  text-decoration: none;
  border-radius: 5px;
}

header .header-center .hr-bottom .navbar-nav .nav-item .nav-item::before {
  display: none;
}

header .header-center .hr-bottom .navbar-nav .nav-item.dropdown .dropdown-menu .nav-link {
  padding: 7px 0px;
  color: #1E5B47;
  font-size: 1rem;
  margin: 0;
  text-transform: capitalize;
}

header .header-center .hr-bottom .navbar-nav .nav-item.dropdown .dropdown-menu .nav-link:hover {
  transform: translateX(12px);
  color: #111;
}

header .header-center .hr-bottom .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item {
  /* margin: 10px 45px 5px; */
  list-style-type: none;
}

header .header-center .hr-bottom .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item::after {
  width: 100%;
  height: 1px;
  background-color: #e2e3e3;
}

header .header-center .hr-bottom .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item:hover::after {
  background-color: #005c5d;
}



header.sticky {
  position: fixed;
  background-color: #ffffff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

header.sticky .logo {
  display: none;
}

header.sticky .logo1 {
  display: block;
}

header .logo1 {
  display: none;
}

header.sticky .header-center .hr-bottom .navbar-nav .nav-link {
  color: #000000;
}

header.sticky .header-center .hr-bottom .navbar-nav .enq-btn a {
  color: #ffffff;
}

header.sticky .header-center .hr-top .hr-top-list li a {
  color: #000000;
}

header.sticky .header-center .hr-top .hr-top-list li a img {
  filter: invert(1);
}

header.sticky .header-center .hr-bottom .navbar-nav .nav-link i {
  color: #000000;
}

header.sticky .header-center .hr-bottom .navbar-nav .enq-btn img {

  filter: invert(1);
}

header.sticky .header-center .hr-top .hr-top-list li::after {
  color: #000000;
}

header .header-center .hr-bottom .navbar-nav .nav-item:hover .nav-link i {
  color: #ffffff;
}

header.sticky .header-center .hr-bottom .navbar-nav .nav-item:hover .nav-link i {
  color: #000000;
}

.search-bar-container .input {
  background-color: transparent;
  border: none;
  margin: 10px 20px;
  width: 100%;
  outline: none;
  color: #ffffff !important;
  transition: width 1s;
  transition-delay: 0.5s;
  font-size: .9rem !important;
  font-family: EMprint-Semibold;
}

header.sticky .search-bar-container .input {
  color: #000000 !important;
}

header.sticky .search-bar-container i {
  color: #000000;
}

header.sticky .search-bar-container .input::placeholder {
  color: #000000;
}

header.sticky .search-bar-container {
  border-bottom: .1rem solid rgb(0 0 0 / 24%);
}

.search-bar-container i {
  font-size: 16px;
  color: #ffffff;
}

.search-bar-container .input::placeholder {
  color: #ffffff;
}

.search-bar-container {
  display: flex;
  align-items: center;
  background-color: #fff0;
  padding: 5px;
  width: 280px;
  height: 35px;
  /* border-radius: 50px; */
  /* box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2), -2px -2px 10px #333; */
  margin: 10px;
  position: relative;
  transition: width 1.5s;
  border-bottom: .1rem solid rgba(255, 255, 255, 0.24);
}

.enquiry-header .main-en-btn {
  background: linear-gradient(150deg, #0f3964 0%, #447ca3 100%);
  padding: 10px 15px;
  color: #ffffff;
  font-family: EMprint-Semibold;
  text-decoration: none;
  font-size: .75rem;
  border: none;
  width: 100%;
  text-align: center;
}

.enquiry-header a {
  background: #fff0;
  padding: 10px 15px;
  color: #ffffff;
  font-family: EMprint-Semibold;
  text-decoration: none;
  font-size: .75rem;
  border: 1px solid #fff;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}

.enquiry-header {
  background-color: #003e5a;
  padding: 20px 10px;
}

.enquiry-header img {
  margin-right: 5px;
}

/* End Header */

.mobile-container {
  display: none;
}

img {
  max-width: 100%;
}


/* ================= SUB DROPDOWN ================= */

header .dropdown-sub {
  position: relative;
}

/* arrow */
header .submenu-arrow {
  float: right;
  font-size: 14px;
  margin-left: 10px;
}

/* hidden submenu */
header .dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 220px;
  background-color: rgba(255,255,255,0.75);
  box-shadow: rgba(149, 157, 165, 0.25) 0px 8px 24px;
  padding: 20px 25px;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transform: translateX(15px);
  transition: all .35s ease;
  z-index: 999;
}

/* show submenu on hover */
header .dropdown-sub:hover > .dropdown-submenu {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/* submenu links */
header .dropdown-submenu .nav-link {
  display: block;
  padding: 8px 0;
  font-size: 0.95rem;
  color: #8B5E3C;
  text-transform: capitalize;
  transition: all .3s ease;
}

/* hover effect */
header .dropdown-submenu .nav-link:hover {
  color: #005c5d;
  transform: translateX(10px);
}

/* divider */
header .dropdown-submenu .nav-item:not(:last-child) {
  border-bottom: 1px solid #e2e3e3;
  margin-bottom: 8px;
  padding-bottom: 8px;
}
header .dropdown-sub:hover > .dropdown-submenu {
  transition-delay: .1s;
}




/* Banner */

.banner {
  width: 100%;
  height: 100vh;
  padding: 0;
  margin: 0;
}

.banner .banner-img {
  width: 100%;
  height: 100vh;
}

/* .banner .carousel-control-next, .carousel-control-prev{
    width: 55px;
    height: 55px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #d7531f;
    border-radius: 50%;
    opacity: 1;
} */
.banner .carousel-control-next {
  right: 8px;
  justify-content: end;
  width: max-content;
}

.banner .carousel-control-prev {
  left: 8px;
  justify-content: start;
  width: max-content;
}

.banner .carousel-caption {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.21) 50%);
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  left: auto;
}

.banner .carousel-control-next-icon,
.banner .carousel-control-prev-icon {
  width: 3rem;
  height: 3rem;
}

.banner .carousel-caption .banner-btn {
  color: #ffffff;
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 7px 15px 7px 7px;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
  font-family: EMprint-Semibold;
  font-style: normal;
  text-transform: uppercase;
  background-color: #d7531f;
  border-radius: 25px;
  text-decoration: none;
}

.banner .carousel-caption .banner-btn svg {
  border-radius: 50%;
  background-color: #ffffff;
  padding: 5px;

}

.banner .carousel-caption .carousel-inner {
  width: 35%;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8%;
}

.horizontal-rule--left {
  margin: 14px 0 0 8px;
  width: 86px;
  display: block;
  opacity: 1 !important;
  transform: none !important;
  transform-origin: 0 !important;
  background: linear-gradient(110.59deg, #F4D21F 7.52%, #1F4E3D 153.34%);
  height: 2px;
}

.scrollIcon {
  width: 30px;
  height: 50px;
  border: 2px solid #BFBFBF;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  position: absolute;
  right: 50px;
  bottom: 60px;
}

.scrollIcon:after {
  content: "Scroll Down";
  color: #BFBFBF;
  font-family: EMprint-Regular;
  font-weight: 300;
  width: 100px;
  display: block;
  position: absolute;
  bottom: 0;
  text-align: center;
  font-size: .8rem;
  animation: scrollText 2s infinite;
}

i.scroll {
  background: #BFBFBF;
  width: 6px;
  height: 14px;
  display: block;
  border-radius: 40px;
  animation: scrollWheel 2s infinite;
}

@keyframes scrollWheel {
  0% {
    opacity: 1;
    transform: translateY(40%);
  }

  100% {
    opacity: 0.7;
    transform: translateY(130%);
  }
}

@keyframes scrollText {
  0% {
    opacity: 1;
    transform: translateY(120%);
  }

  100% {
    opacity: 0;
    transform: translateY(180%);
  }
}

.interior-video-description {
  position: absolute;
  display: flex;
  justify-content: center;
  position: absolute;
  left: 50px;
  bottom: 60px;
}

.interior-video-description .interior-banner-content {
  background-color: #000000;
  padding: 20px;
  width: 160px;
}

.interior-video-description .interior-banner-content p {
  color: #e4e4ed;
  font-family: EMprint-Regular;
  font-size: .8rem;
  line-height: 1.4;
  margin-bottom: 5px;
  font-weight: 400;
  text-align: center;
}

.interior-video-description .interior-video {
  background-color: #201a28;
  padding: 20px;
  width: 160px;
}

.interior-video-description .interior-video h4 {
  font-size: .7rem;
  text-transform: uppercase;
  line-height: 1.25;
  color: #f700eb94;
  font-family: EMprint-Regular;
  letter-spacing: 0.8px;
  padding-left: 20px;
  font-weight: 500;
  padding-top: 10px;
}

.interior-video-description .interior-video p {
  color: #e4e4ed;
  font-family: EMprint-Regular;
  font-size: .8rem;
  line-height: 1.4;
  margin-bottom: 5px;
  font-weight: 400;
  text-align: center;
}

.wrapper {
  display: inline-block;
  position: absolute;
  top: 35%;
  left: 58%;
  transform: translate(-50%, -50%)
}

.video-main {
  position: relative;
  display: inline-block;
}

.video {
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 100%;
  background: transparent;
  color: #f700ea;
  display: inline-block;
  background: #c613f869;
  z-index: 999;
  font-size: .5rem;
}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }

  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.fa-play:before {
  content: "\f04b";
}

.waves {
  position: absolute;
  width: 50px;
  height: 50px;
  background: rgb(114 24 204 / 70%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 100%;
  right: -15px;
  bottom: -14px;
  z-index: -1;
  -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}

.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.banner .carousel-caption .carousel-inner h6 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-family: EMprint-Regular;
  font-style: normal;
  letter-spacing: 2px;
  color: #ffffff;
  text-align: left;
  margin: 0 0 15px;
  padding: 0;
  text-transform: uppercase;
}

.banner .carousel-caption .carousel-inner h1 {
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.25;
  font-family: EMprint-Semibold;
  font-style: normal;
  letter-spacing: 0;
  color: #ffffff;
  -webkit-text-fill-color: transparent !important;
  -text-fill-color: transparent !important;
  background: linear-gradient(110.59deg, #Ffff 7.52%, #1F4E3D 153.34%);
  background-clip: text !important;
  text-align: left;
  margin: 30px 0 0px;
  padding: 0;
  text-transform: uppercase;
}

.banner .carousel-indicators {
  margin: 0 auto;
  width: 84%;
  justify-content: start;
  align-items: center;
  bottom: 5%;
  display: none;
}

.banner .carousel-indicators [data-bs-target] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: 5px solid #ffffff;
}

.banner .carousel-indicators .active {
  width: 14px;
  height: 14px;
  border-color: #d7531f;
}

.banner .banner-list {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border: 1px solid #ffffff73;
  border-radius: 5px;
  margin: 14% 0 0;
  background: rgb(105 119 125 / 43%);
}

.banner .banner-list .banner-item {
  width: 100%;
  height: auto;
  padding: 20px 20px;
  border-right: 1px solid #ffffff73;
}

.banner .banner-list .banner-item h2 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.6rem;
  font-family: EMprint-Regular;
  font-style: normal;
  letter-spacing: 0;
  color: #ffffff;
  text-align: left;
  margin: 0 0 5px;
  padding: 0;
}

.banner .banner-list .banner-item h5 {
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.35rem;
  font-family: EMprint-Semibold;
  font-style: normal;
  letter-spacing: 0;
  color: #ffffff;
  text-align: left;
  margin: 0 0 0px;
  padding: 0;
}


/* ================= BANNER READ MORE ================= */

.banner-btn-wrap{
  margin-top: 30px;
  margin-right: 375px;
}

.banner-readmore{
  display: inline-block;
  padding: 14px 34px;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-decoration: none;
  color: #000;
  background: #F5C518;
  border-radius: 50px;
  transition: all 0.35s ease;
}

.banner-readmore:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(245,197,24,0.45);
  color: #000;
}


/* ================= ENHANCED ANIMATIONS ================= */

/* Smooth image zoom (Ken Burns effect) */
.banner .carousel-item img {
  transform: scale(1.15);
  transition: transform 8s ease;
}

.banner .carousel-item.active img {
  transform: scale(1);
}

/* Caption initial state */
.banner .carousel-caption .carousel-inner h6,
.banner .carousel-caption .carousel-inner h1,
.banner .horizontal-rule--left {
  opacity: 0;
  transform: translateY(30px);
}

/* Animate when slide becomes active */
.banner .carousel-item.active h6 {
  animation: fadeUp 1s ease forwards;
}

.banner .carousel-item.active .horizontal-rule--left {
  animation: scaleLine 0.8s ease forwards 0.3s;
}

.banner .carousel-item.active h1 {
  animation: fadeUp 1.2s ease forwards 0.6s, textShimmer 4s infinite linear;
}

/* Fade-up animation */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Line grow animation */
@keyframes scaleLine {
  from {
    opacity: 0;
    width: 0;
  }

  to {
    opacity: 1;
    width: 86px;
  }
}

/* Gradient shimmer on heading */
@keyframes textShimmer {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 200% 50%;
  }
}

.banner .carousel-caption h1 {
  background-size: 200% auto;
}

/* Video play pulse enhancement */
.video {
  animation: pulseGlow 2.5s infinite;
}

@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 0 0 rgba(199, 19, 248, 0.5);
  }

  70% {
    box-shadow: 0 0 0 25px rgba(199, 19, 248, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(199, 19, 248, 0);
  }
}

/* Scroll icon smoother */
.scrollIcon {
  animation: floatScroll 2.5s ease-in-out infinite;
}

@keyframes floatScroll {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

/* Video description fade-in */
.interior-video-description {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeUp 1.2s ease forwards 1.2s;
}

/* Hover polish */
.banner .carousel-control-next-icon,
.banner .carousel-control-prev-icon {
  transition: transform 0.3s ease;
}

.banner .carousel-control-next:hover .carousel-control-next-icon {
  transform: translateX(6px);
}

.banner .carousel-control-prev:hover .carousel-control-prev-icon {
  transform: translateX(-6px);
}

/* End Banner */

.container-fluid {
  width: 85%;
}





/* ====================== [ Start Intro ] ====================== */


/* ---------- ABOUT ONE (adjusted to match screenshot) ---------- */
:root {
  /* Premium Core */
  --lux-yellow: #f2c94c;      /* refined gold-yellow */
  --lux-yellow-soft: #fff3c4;
  --lux-green: #1e5b47;       /* deep premium green */
  --lux-green-soft: #e8f2ef;

  /* Text */
  --text-dark: #1f1f1f;
  --text-muted: #7a7a7a;
  --white-color: #ffffff;

  /* Warm luxury background (yellow + red pinch) */
  --bg-warm: linear-gradient(
    180deg,
    #fffaf0,   /* warm ivory */
    #fff3df 45%, /* yellow warmth */
    #fff7ea   /* tiny red undertone */
  );

  --main-color: var(--lux-green);
  --color-two: var(--lux-yellow);
  --color-three: #8f8f8f;
}

.about-one {
  position: relative;
  z-index: 1;
  overflow: hidden;
  /* top/bottom padding tuned to match screenshot */
  padding: 140px 0 100px;
  background: var(--bg-warm);
}

.about-one .auto-container {
  position: static;
  max-width: 1320px;
  padding: 0px 15px;
  margin: 0 auto;
}

/* LEFT CONTENT */
.about-one_content-column {
  position: relative;
  margin-bottom: 30px;
  padding-right: 40px;
}

.sec-title_title {
  color: #e53935;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 14px;
  font-family:EMprint-Semibold;
  text-transform: uppercase;
}

.sec-title_heading {
  font-family: EMprint-Bold;
  font-weight: 900;
  font-size: 54px;
  /* bold, condensed large heading */
  line-height: 1.02;
  letter-spacing: 0.5px;
  margin: 6px 0 18px;
  color: #1E5B47;
}

.sec-title_text {
  font-size: 16px;
  line-height: 28px;
  color: #8a8a8a;
  max-width: 620px;
  font-weight: 400;
  font-family: EMprint-Regular;
  text-align: justify;
}

/* small subtitle */
.about-one_subtitle {
  position: relative;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.5rem;
  color: #1E5B47;
  font-family: EMprint-Semibold;
}

/* paragraph under subtitle */
.about-one_text {
  position: relative;
  font-size: 16px;
  line-height: 28px;
  color: var(--color-three, #8f8f8f);
  max-width: 360px;

}

/* floorplan sketch right-aligned */
.about-one_sketch {
  position: relative;
  text-align: right;
  margin-top: -15px;
}

/* lists */
.about-one_list {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 200%;
}

.about-one_list li {
  position: relative;
  font-size: 18px;
  padding-left: 30px;
  margin-bottom: 18px;
  color: var(--color-two, #333);
  font-weight: 500;
  font-family: EMprint-Regular;
}

/* custom check icon (flip to use your flaticon if present) */
.about-one_list li:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  content: "\f12c";
  font-family: EMprint-Regular;
}

/* buttons & signature */
.about-one .button-box {
  position: relative;
  margin-top: 30px;
  gap: 28px;
  display: flex;
  align-items: center;
}

.theme-btn.btn-style-one {
  display: inline-block;
  background: linear-gradient(135deg,#25D366,#128C7E);
  color: #fff;
  padding: 18px 36px;
  border-radius: 40px;
  font-weight: 700;
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.08);
  text-decoration: none;
  font-family: EMprint-Semibold;
}

.about-one .button-box {
  position: relative;
  margin-top: 25px;
  gap: 30px;
}

/* signature */
.about-one .button-box .signature img {
  height: 46px;
  margin-left: 16px;
  display: block;
}

.btn-style-one {
  position: relative;
  font-weight: 600;
  font-size: 16px;
  overflow: hidden;
  text-align: center;
  border-radius: 50px;
  display: inline-block;
  padding: 6px 6px 6px 30px;
  color: var(--white-color);
  text-transform: uppercase;
  background-color: var(--main-color);
  font-family: EMprint-Semibold;
}

.btn-style-one .btn-wrap {
  position: relative;
  z-index: 1;
  float: left;
  overflow: hidden;
  display: inline-block;
}

.btn-style-one:before {
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms;
  position: absolute;
  width: 200%;
  height: 200%;
  content: "";
  top: -200%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: 1;
  background-color: var(--color-two);
}

.btn-style-one .btn-wrap .text-one {
  position: relative;
  color: var(--white-color);
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.btn-style-one i {
  position: relative;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  margin-left: 15px;
  border-radius: 50px;
  display: inline-block;
  color: white;
  transform: rotate(-45deg);
  background-color: black;
}

.fa-arrow-right::before {
  content: "\f061";
}

/* RIGHT IMAGES COLUMN */
.about-one_images-column {
  position: relative;
  text-align: right;
  padding-left: 40px;
}

/* large patterned background area on right (matches screenshot) */
.about-one_images-column:before {
  position: absolute;
  content: '';
  right: 55%;
  top: -140px;
  bottom: -140px;
  width: 520%;
  z-index: -1;
  background: #f5f5f5 url(../images/pattern-1.png) repeat;
  border-right: 8px solid #1E5B47;
  /* dark vertical separator like image */
}

/* wrapper that controls outer spacing and the vertical center divider */
.about-one_image-outer {
  position: relative;
  padding-bottom: 320px;
  /* height for images and big letter */
  display: inline-block;
  vertical-align: top;
}

/* MAIN top-right image */
.about-one_image {
  position: relative;
  overflow: visible;
  display: inline-block;
  margin-right: 20px;
}

/* main image style */
.about-one_image img {
  display: block;
  width: 470px;
  /* tuned to match screenshot scale */
  height: auto;
  object-fit: cover;
  border-radius: 2px;
  box-shadow: 0 40px 60px rgba(0, 0, 0, 0.18);
  transform: translate3d(40px, -40px, 0);
  /* push slightly right & up for overlap */
}

/* decorative corner lines on images */
.about-one_image:before {
  position: absolute;
  content: '';
  right: -15px;
  top: -15px;
  width: 120px;
  height: 120px;
  border-top: 5px solid #F4D21F;
  border-right: 5px solid #F4D21F;
  pointer-events: none;
}

/* SECONDARY image overlapping lower-left of the main image */
.about-one_image-two {
  position: absolute;
  left: -140px;
  /* pulls the second image left so it sits across the center gutter */
  bottom: 30px;
  overflow: visible;
  display: inline-block;
  z-index: 5;
  transform: translateZ(0);
}

.about-one_image-two img {
  display: block;
  width: 297px;
  /* tuned to match screenshot */
  height: auto;
  object-fit: cover;
  border-radius: 2px;
  box-shadow: 0 30px 50px rgba(0, 0, 0, 0.16);
}

/* decorative corner at bottom-right of second image */
.about-one_image-two:before {
    position: absolute;
    content: '';
    right: -15px;
    bottom: -15px;
    width: 120px;
    height: 120px;
    border-bottom: 5px solid #F4D21F;
    border-right: 5px solid #F4D21F;
    pointer-events: none;
}

/* LARGE letter with image-fill like "Ai" in screenshot */
.about-one_letter {
    position: absolute;
    right: -7px;
    bottom: 50px;
    width: 310px;
    height: 190px;
    background-image: url(../images/ai.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    pointer-events: none;
}


.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

/* example helper to apply the background image to the letter (override in inline style or CSS):
   .about-one_letter { background-image: url('assets/images/resource/ai.jpg'); }
*/

/* small circular orange callout on the extreme right (like screenshot) */
.about-one_images-column {
  position: relative;
  text-align: right;
}

.about-one_image-outer {
  position: relative;
  padding-bottom: 250px;
  display: inline-block;
}

.about-one_images-column .right-callout {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 3px solid #ff8b00;
  background: #fff;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.06);
  z-index: 20;
}

/* ---------- RESPONSIVE TUNING ---------- */
@media(max-width: 1200px) {
  .sec-title_heading {
    font-size: 46px;
  }

  .about-one_image img {
    width: 560px;
    transform: translate3d(20px, -30px, 0);
  }

  .about-one_image-two img {
    width: 360px;
    left: -110px;
  }

  .about-one_letter {
    font-size: 220px;
    right: 6px;
    bottom: -18px;
  }

  .about-one_images-column:before {
    right: 48%;
  }
}

@media(max-width: 991px) {
  .about-one {
    padding: 80px 0;
  }

  .about-one_content-column,
  .about-one_images-column {
    width: 100%;
    display: block;
    padding: 0;
  }

  .about-one_images-column:before {
    display: none;
  }

  /* hide large background stripe on small screens */
  .about-one_image-outer {
    padding-bottom: 200px;
    width: 100%;
    text-align: center;
  }

  .about-one_image img {
    width: 90%;
    transform: translate3d(0, 0, 0);
    margin: 0 auto;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.14);
  }

  .about-one_image-two {
    position: relative;
    left: 0;
    bottom: -20px;
    margin: 0 auto;
    display: block;
  }

  .about-one_image-two img {
    width: 70%;
    margin: 20px auto 0;
  }

  .about-one_letter {
    display: none;
  }

  .about-one_list li {
    font-size: 16px;
  }

  .sec-title_heading {
    font-size: 36px;
    text-align: left;
  }
}

/* small tweaks for very small screens */
@media(max-width: 480px) {
  .sec-title_heading {
    font-size: 28px;
  }

  .about-one_text {
    font-size: 15px;
  }

  .theme-btn.btn-style-one {
    padding: 12px 20px;
    font-size: 14px;
  }
}
.about-one_list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.about-one_list li {
  position: relative;
  min-height: 60px;
  padding-left: 80px; /* 60px icon + gap */
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #333;
  font-weight: 500;
  font-family: EMprint-Regular;
  margin-bottom: 24px;
}

/* ICON */
.about-one_list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.about-one_list li:nth-child(1)::before {
  background-image: url("../images/icon-home-1.png");
}

.about-one_list li:nth-child(2)::before {
  background-image: url("../images/icon-home-2.png");
}

.about-one_list li:nth-child(3)::before {
  background-image: url("../images/icon-home-3.png");
}

.about-one_list li:nth-child(4)::before {
  background-image: url("../images/icon-home-4.png");
}
.btn-style-one .text-one {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

/* Arrow Image */
.btn-style-one .btn-arrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.35s ease;
}

.btn-style-one .btn-arrow img {
  width: 18px;
  height: auto;
}

/* Hover animation */
.btn-style-one:hover .btn-arrow {
  transform: translateX(6px) rotate(-45deg);
  background-color: var(--color-two);
}



/* About */

/* count num */

/* ---------- COUNTER ONE (complete) ---------- */
:root {
  --white-color: #ffffff;
  --black-color-rgb: 0, 0, 0;
  --main-color: #f5a12a;
  /* orange bars color */
  --color-two: #111827;
  /* number & icon color */
  --color-three: #6b7280;
  /* label color (gray) */
}

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

.auto-container {
  margin: 0 auto;
  padding: 0 20px
}

/* SECTION */
.counter-one {
  position: relative;
  background-color: var(--white-color);
  border-top: 1px solid rgba(var(--black-color-rgb), 0.08);
  border-bottom: 1px solid rgba(var(--black-color-rgb), 0.08);
  padding: 36px 0;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  background: #fff;
  color: var(--color-two);
  -webkit-font-smoothing: antialiased;
}

/* ROW */
.fact-counter .row {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.counter-block {
  width: 25%;
  padding: 0;
  position: relative;
}

.counter-block .inner {
  position: relative;
  padding: 36px 26px;
  border-right: 1px solid rgba(var(--black-color-rgb), 0.08);
  min-height: 120px;
  display: flex;
  align-items: center;
  right: -54px;
}

.counter-block:last-child .inner {
  border-right: none
}

/* ICON — fixed 100x100 box */
.icon-box {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.icon-box img {
  width: 100px;
  height: 100px;
  object-fit: contain;
  display: block;
}

/* CONTENT */
.content {
  position: relative;
  padding-left: 128px;
  /* leave space for 100px icon + left margin */
  padding-right: 20px;
  width: 100%;
}

.count-box {
  font-size: 44px;
  font-weight: 800;
  color: var(--color-two);
  line-height: 1;
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}

.count-box .after {
  font-size: 26px;
  font-weight: 800;
  color: var(--color-two);
}

.text {
  margin-top: 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--color-three);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* RIGHT BARS */
.lines {
  position: absolute;
  right: 100px;
  bottom: 18px;
  display: flex;
  align-items: flex-end;
  gap: 8px;
  pointer-events: none;
}

.lines .line {
  width: 7px;
  background: #F4D21F;
  border-radius: 2px;
  opacity: 0.95;
  transform-origin: bottom center;
  animation: bounce 1200ms ease-in-out infinite;
}

/* Per-block base heights & delays (tuned to match screenshot feel) */
.fact-counter .row>.counter-block:nth-child(1) .lines .line:nth-child(1) {
  height: 36px;
  animation-delay: 0s;
}

.fact-counter .row>.counter-block:nth-child(1) .lines .line:nth-child(2) {
  height: 62px;
  animation-delay: 0.12s;
}

.fact-counter .row>.counter-block:nth-child(1) .lines .line:nth-child(3) {
  height: 48px;
  animation-delay: 0.22s;
}

.fact-counter .row>.counter-block:nth-child(2) .lines .line:nth-child(1) {
  height: 34px;
  animation-delay: 0.05s;
}

.fact-counter .row>.counter-block:nth-child(2) .lines .line:nth-child(2) {
  height: 72px;
  animation-delay: 0.18s;
}

.fact-counter .row>.counter-block:nth-child(2) .lines .line:nth-child(3) {
  height: 52px;
  animation-delay: 0.32s;
}

.fact-counter .row>.counter-block:nth-child(3) .lines .line:nth-child(1) {
  height: 44px;
  animation-delay: 0.02s;
}

.fact-counter .row>.counter-block:nth-child(3) .lines .line:nth-child(2) {
  height: 78px;
  animation-delay: 0.20s;
}

.fact-counter .row>.counter-block:nth-child(3) .lines .line:nth-child(3) {
  height: 58px;
  animation-delay: 0.38s;
}

.fact-counter .row>.counter-block:nth-child(4) .lines .line:nth-child(1) {
  height: 40px;
  animation-delay: 0s;
}

.fact-counter .row>.counter-block:nth-child(4) .lines .line:nth-child(2) {
  height: 82px;
  animation-delay: 0.16s;
}

.fact-counter .row>.counter-block:nth-child(4) .lines .line:nth-child(3) {
  height: 54px;
  animation-delay: 0.34s;
}

@keyframes bounce {

  0%,
  100% {
    transform: scaleY(1);
  }

  50% {
    transform: scaleY(1.9);
  }
}

@keyframes jello {
  0% {
    transform: none
  }

  30% {
    transform: skewX(-12deg) skewY(-12deg)
  }

  60% {
    transform: skewX(6deg) skewY(6deg)
  }

  100% {
    transform: none
  }
}

.counter-block .inner:hover .icon-box img {
  animation: jello 800ms both;
}

/* Responsive */
@media (max-width:1100px) {
  .counter-block {
    width: 50%
  }
}

@media (max-width:600px) {
  .fact-counter .row {
    flex-direction: column
  }

  .counter-block {
    width: 100%
  }

  .counter-block .inner {
    padding: 18px;
    border-right: none;
    border-bottom: 1px solid rgba(var(--black-color-rgb), 0.06)
  }

  .counter-block:last-child .inner {
    border-bottom: none
  }

  .content {
    padding-left: 120px
  }

  .lines {
    right: 14px;
    bottom: 12px
  }

  .icon-box {
    left: 12px;
    width: 84px;
    height: 84px
  }

  .icon-box img {
    width: 84px;
    height: 84px
  }

  .count-box {
    font-size: 36px
  }
}

@media print {
  .lines {
    display: none
  }
}

/* end Counter Num  */
/* ====================== [ End Numbers & Counter ] ====================== */


/* vision and mission */

:root{
  --gold:#F5C518;        /* Sun / Energy */
  --green:#1E5B47;       /* Trust / Infra */
  --sage:#6FA89A;        /* Tech luxury */
  --ivory:#F9F7F2;       /* Premium white */
  --dark:#121212;        /* Luxury black */
  --glass:rgba(255,255,255,0.12);
}

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

.vm-body{
  background:
    linear-gradient(
      180deg,
      #fffaf0,   /* warm ivory */
      #fff3df 45%, /* yellow warmth */
      #fff7ea   /* tiny red undertone */
    );
  color:#1f1f1f;
}

/* ================= SECTION ================= */
.vm-sauro{
  position:relative;
  padding:50px 20px;
  overflow:hidden;
   background:
    radial-gradient(
      circle at center,
      rgba(245,197,24,0.18),
      rgba(255,243,223,0.85) 60%
    );
}

/* ================= PARTICLES ================= */
#particles{
  position:absolute;
  inset:0;
  z-index:0;
}

/* ================= HEADER ================= */
.vm-header{
  position:relative;
  z-index:2;
  max-width:860px;
  margin:0 auto 110px;
  text-align:center;
}

.vm-badge{
  display:inline-block;
  padding:10px 30px;
  border-radius:40px;
  background:rgba(245,197,24,0.22);
  color:#d4af37; /* matte gold */
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:24px;
}

.vm-header h2{
  font-size:56px;
  font-weight:900;
  line-height:1.15;
  background:linear-gradient(
  90deg,
  #ffffff,
  #f2c94c,
  #1e5b47
);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  margin-bottom:22px;
  font-family: EMprint-Bold;
}

.vm-header p{
  font-size:18px;
  color:#5f5f5f;
  line-height:1.9;
  font-weight: 500;
  font-family: EMprint-Regular;
}

/* ================= GRID ================= */
.vm-grid{
  position:relative;
  z-index:2;
  max-width:1240px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(380px,1fr));
  gap:70px;
}

/* ================= CARD ================= */
.vm-card{
  position:relative;
  padding:80px 70px;
  border-radius:34px;
background:rgba(255,255,255,0.72);
  backdrop-filter:blur(30px);
box-shadow:0 40px 90px rgba(0,0,0,0.12);
  transform-style:preserve-3d;
  transition:all .35s ease;
  overflow:hidden;
}

/* Animated luxury border */
.vm-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:34px;
background:linear-gradient(
  120deg,
  transparent,
  rgba(242,201,76,0.85),
  rgba(30,91,71,0.65),
  transparent
);

  opacity:.3;
  pointer-events:none;
}

/* Light sweep */
.light-sweep{
  position:absolute;
  top:-120%;
  left:-50%;
  width:200%;
  height:200%;
  background:linear-gradient(
    120deg,
    transparent 40%,
    rgba(255,255,255,.15),
    transparent 60%
  );
  transform:rotate(15deg);
  animation:sweep 7s infinite;
  pointer-events:none;
}

@keyframes sweep{
  0%{transform:translateX(-60%) rotate(15deg)}
  100%{transform:translateX(60%) rotate(15deg)}
}

/* Inner glow */
.vm-glow{
  position:absolute;
  inset:0;
  border-radius:34px;
  background:radial-gradient(
    circle at top left,
    rgba(245,197,24,.25),
    transparent 55%);
  pointer-events:none;
}

/* Floating particles inside card */
.vm-particle{
  position:absolute;
  width:6px;
  height:6px;
  background:var(--gold);
  border-radius:50%;
  filter:blur(1px);
  opacity:.7;
  animation:floatParticle 6s infinite ease-in-out;
}

@keyframes floatParticle{
  0%{transform:translateY(0)}
  50%{transform:translateY(-14px)}
  100%{transform:translateY(0)}
}

/* ================= ICON ================= */
.vm-icon{
  width:86px;
  height:86px;
  border-radius:26px;
  background:linear-gradient(
  135deg,
  #1e5b47,
  #6fa89a
);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:40px;
  margin-bottom:34px;
  box-shadow:0 18px 40px rgba(212,175,55,0.45);
  transform:translateZ(60px);
}

/* ================= TEXT ================= */
.vm-card h3{
  font-size:34px;
  font-weight:800;
  margin-bottom:22px;
  color:#1e5b47;
  font-family: EMprint-Bold;
}

.vm-card p{
  font-size:17.5px;
  line-height:1.95;
  color:black;
  font-family: EMprint-Regular;
  font-weight: 500;
}

/* ================= SCROLL REVEAL ================= */
.vm-reveal{
  opacity:0;
  transform:translateY(60px);
  transition:all 1.2s cubic-bezier(.19,1,.22,1);
}

.vm-reveal.active{
  opacity:1;
  transform:translateY(0);
}

/* ================= RESPONSIVE ================= */
@media(max-width:768px){
  .vm-header h2{font-size:40px}
  .vm-card{padding:55px 45px}
}

/* ================= ICON CONTAINER ================= */
.vm-icon{
  width:100px;
  height:100px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:34px;

  border-radius:28px;
  background:linear-gradient(135deg, var(--green), var(--sage));

  box-shadow:
    0 20px 45px rgba(245,197,24,0.45),
    inset 0 0 0 1px rgba(255,255,255,0.15);

  transition:all .4s ease;
}

/* ================= ICON IMAGE ================= */
.vm-icon img{
  width:60px;
  height:60px;
  object-fit:contain;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,0.35));
  pointer-events:none;
}

/* ================= HOVER EFFECT ================= */
.vm-card:hover .vm-icon{
  transform:translateY(-4px) scale(1.04);
  box-shadow:
    0 28px 65px rgba(245,197,24,0.65),
    inset 0 0 0 1px rgba(255,255,255,0.25);
}
@media (max-width:768px){
  .vm-icon,
  .vm-icon img{
    width:90px;
    height:90px;
  }
}

/* end vision and mission */


/* why choose us */


/* ================= SECTION ================= */
.section-full {
  position: relative;
}

.bg-gray {
  background: linear-gradient(
    180deg,
    #fffaf0,   /* warm ivory */
    #fff3df 45%, /* yellow warmth */
    #fff7ea   /* tiny red pinch */
  );
}

.p-t80 {
  padding-top: 80px;
}

.p-b50 {
  padding-bottom: 50px;
}

.container {
  max-width: 1200px;
  margin: auto;
  padding: 0 15px;
}

/* ================= TITLE ================= */
.section-head {
  margin-bottom: 60px;
}

.sx-separator {
  display: inline-block;
  background: #fffdf8;
  border: 1px solid #efe6cf;
}

.sep-line-one {
  font-size: 42px;
  font-weight: 900;
  padding: 20px 60px 20px 20px;
  position: relative;
  color: #1e5b47;
  font-family: EMprint-Bold;
}

/* ================= GRID ================= */
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.col-lg-4 {
  width: 33.333%;
  padding: 0 15px;
  margin-bottom: 30px;
}

/* ================= CARD WRAPPER ================= */
.icon-count-2-outer {
  position: relative;
  overflow: hidden;
  transition: transform .45s ease, box-shadow .45s ease;
}

/* Lift */
.icon-count-2-outer:hover {
  transform: translateY(-12px);
box-shadow: 0 22px 55px rgba(0, 0, 0, 0.10);
}

/* Beige slide background */
.icon-count-2-outer::before {
  content: '';
  position: absolute;
  inset: 0;
  background: #F4D21F;
  transform: translateY(70%);
  transition: transform .6s cubic-bezier(.2, .8, .3, 1);
  z-index: 0;
}

.icon-count-2-outer:hover::before {
  transform: translateY(0);
}

/* ================= INNER CARD ================= */
.icon-count-2 {
  position: relative;
  background: #fffefa;
  padding: 90px 30px 35px;
  border-bottom:6px solid #F4D21F;
  z-index: 2;
}

/* ================= NUMBER ================= */
.icon-count-number {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 80px;
  font-weight: 600;
color: rgba(30, 91, 71, 0.08);

  transition: transform .45s ease, opacity .45s ease;
  font-family: EMprint-SemiBold;
}

.icon-count-2-outer:hover .icon-count-number {
  transform: translateY(-8px);
  opacity: .25;
}

/* ================= ICON ================= */
.icon-xl {
  margin-bottom: 20px;
}

.icon-xl i {
  font-size: 60px;
  transition: transform .45s cubic-bezier(.2, .8, .3, 1);
}

.icon-count-2-outer:hover .icon-xl i {
  transform: scale(1.15);
}

/* ================= CONTENT ================= */
.icon-content h4 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
  font-family: EMprint-SemiBold;
}

.icon-content p {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 20px;
  transition: opacity .4s ease;
  font-family: EMprint-Regular;
  font-weight: 400;
  text-align: justify;
}

.icon-count-2-outer:hover p {
  opacity: .9;
}

/* ================= READ MORE ================= */
.site-button-link {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
  font-family: EMprint-SemiBold;
}

.site-button-link::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 70%;
  background: var(--red);
  border-radius: 0 50% 15px 0;
  z-index: -1;
  transition: width .45s ease;
  top: 20px;
}

.icon-count-2-outer:hover .site-button-link::before {
  width: 100%;
}

/* ================= ENTRY ANIMATION ================= */
.col-lg-4 {
  opacity: 0;
  transform: translateY(40px);
  animation: fadeUp .8s ease forwards;
}

.col-lg-4:nth-child(1) {
  animation-delay: .1s
}

.col-lg-4:nth-child(2) {
  animation-delay: .2s
}

.col-lg-4:nth-child(3) {
  animation-delay: .3s
}

.col-lg-4:nth-child(4) {
  animation-delay: .4s
}

.col-lg-4:nth-child(5) {
  animation-delay: .5s
}

.col-lg-4:nth-child(6) {
  animation-delay: .6s
}

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ================= SIDE BIG TEXT ================= */
.hilite-title strong {
  position: absolute;
  right: 60px;
  top: 0;
  font-size: 80px;
  letter-spacing: 20px;
  color: rgba(0, 0, 0, .08);
  transform: rotate(270deg);
  transform-origin: center right;
  font-family: EMprint-Bold;
  font-weight: 900;
}

/* ================= RESPONSIVE ================= */
@media(max-width:991px) {
  .col-lg-4 {
    width: 50%;
  }
}

@media(max-width:575px) {
  .col-lg-4 {
    width: 100%;
  }

  .sep-line-one {
    font-size: 32px;
  }
}

/* ================= PREMIUM IMAGE ICON ================= */
.premium-icon {
  position: relative;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

/* Circle background */
.premium-icon::before {
  content: '';
  position: absolute;
  inset: -12px;
  background: rgba(215, 179, 154, .18);
  border-radius: 50%;
  opacity: 0;
  transform: scale(.6);
  transition: .45s cubic-bezier(.2, .8, .3, 1);
  z-index: 0;
}

/* Image */
.premium-icon img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  position: relative;
  z-index: 1;
  transition: .45s cubic-bezier(.2, .8, .3, 1);
  
}

/* Hover animation (Inteshape feel) */
/* ================= BORDER REVEAL EFFECT ================= */

.icon-count-2{
  position:relative;
  background:#fff;
  padding:90px 30px 35px;
  z-index:2;
}

/* Bottom border (initial state) */
.icon-count-2::after{
  content:'';
  position:absolute;
  left:20%;
  right:20%;
  bottom:0;
  height:4px;
  background:#F4D21F;
  transition:.45s cubic-bezier(.2,.8,.3,1);
}

/* Full border (hidden initially) */
.icon-count-2::before{
  content:'';
  position:absolute;
  inset:0;
  border:2px solid #F4D21F;
  transform:scaleY(0);
  transform-origin:bottom;
  transition:.45s cubic-bezier(.2,.8,.3,1);
  pointer-events:none;
}

/* Hover: expand full border */
.icon-count-2-outer:hover .icon-count-2::before{
  transform:scaleY(1);
}

/* Hover: remove bottom-only border */
.icon-count-2-outer:hover .icon-count-2::after{
  left:0;
  right:0;
  opacity:0;
}
.icon-count-2 {
  min-height: 400px; /* adjust if needed */
}




/* ============================================================
   Services Section
============================================================ */

 :root{
      --color-yellow1:#ffbf00;
      --container-max:1320px;
    }


    *{box-sizing:border-box}

    .tc-portfolio-style3 {
      position: relative;
      padding: 40px 0;
       background:
    transparent;
      overflow: hidden;
      margin:0 auto; 
      color:#222;
    }
    .tc-portfolio-style3 .container{
      max-width: var(--container-max);
      margin: 0 auto;
      padding: 0 18px;
    }

    .tc-portfolio-style3 .bg {
      position: absolute;
      top: -20%;
      right: 0;
      width: 100%;
      height: 140%;
      object-fit: cover;
      pointer-events:none;
      z-index: 1;
    }

    /* ---------------- NEW SERVICES TITLE BLOCK ---------------- */
    .services-title {
      
      position: relative;
      z-index: 2;
    }

    .outline-text {
      font-size: 90px;
      font-weight: 900;
      text-transform: uppercase;
      color: transparent;
      -webkit-text-stroke: 2px #1E5B47;
      line-height: 1;
      margin-bottom: 20px;
      font-family: EMprint-Bold;
    }

    .services-subtext {
      font-size: 20px;
      color: #444;
      max-width: 650px;
      line-height: 1.6;
      font-weight: 400;
      font-family: EMprint-Regular
    }
    /* ----------------------------------------------------------- */

    .projects-slider{position:relative;z-index:2}

    .projects-slider .swiper-slide { opacity: 0; pointer-events: none; }
    .projects-slider .swiper-slide-active { opacity: 1; pointer-events: auto; }

    .project-card{padding:0 20px}
    .project-card .row{display:flex;align-items:stretch;gap:20px;flex-wrap:nowrap}

    .col-lg-3{flex:0 0 23%; max-width:23%}
    .col-lg-8{flex:0 0 80%; max-width:100%}
    .offset-lg-1{margin-left:1%}
    .text-lg-end{text-align:right}

    .project-card .info{
      position: relative;
      padding-bottom: 50px;
      height: 100%;
      transform: translateY(-100px) scale(0.7);
      opacity: 0;
      transition: transform 1s cubic-bezier(.2,.9,.2,1), opacity 1s cubic-bezier(.2,.9,.2,1);
    }

    .project-card .info h2{
      font-size:45px;
      line-height:1;
      margin:0 0 18px;
      text-transform:uppercase;
      font-weight:700;
      font-family: EMprint-Semibold;
    }

    .project-card .info small{display:block;color:#888;margin-bottom:18px}
    .project-card .info p{font-size:18px;color:#444;line-height:1.45; font-weight: 400; font-family: EMprint-Regular;}

    .arrow-icon{
      position: relative;
      width: 80px;
      height: 80px;
      background-color: #fff;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size: 25px;
      margin-top: 90px;
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
      transition: all .3s ease;
      border: 1px solid #B4B4B4;
      color:#222;
      text-decoration:none;
    }

    .arrow-icon:hover{background:var(--color-yellow1); color:#111}

    .arrow-icon::after{
      position: absolute;
      content: "";
      right: 9px;
      bottom: -20px;
      height: 73%;
      width: 3px;
      background-color: #B4B4B4;
      transform: rotate(45deg);
    }

    .project-card .main-img{
      height: 550px;
      width:100%;
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 150px), calc(100% - 150px) 100%, 0 100%);
      transform: translate(200px, 200px) scale(0.7);
      opacity: 0;
      transition: transform 1s cubic-bezier(.2,.9,.2,1), opacity 1s cubic-bezier(.2,.9,.2,1);
      overflow:hidden;
      position:relative;
    }

    .project-card .main-img img.img-cover{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }

    .projects-slider .slider-controls{
      position:absolute;
      left:0;
      bottom:12px;
      display:flex;
      align-items:center;
      gap:12px;
      z-index:5;
    }

    .slider-controls .swiper-button-prev,
    .slider-controls .swiper-button-next{
      position:static;
      width:48px;
      height:48px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:6px;
      border:1px solid #ddd;
      background:#fff;
      cursor:pointer;
      user-select:none;
    }

    .slider-controls .swiper-button-prev::after,
    .slider-controls .swiper-button-next::after{
      font-size:20px;
      color:#000;
    }

    .projects-slider .swiper-slide.is-active .project-card .info {
      transform: translateY(0) scale(1);
      opacity: 1;
    }

    .projects-slider .swiper-slide.is-active .project-card .main-img {
      transform: translate(0,0) scale(1);
      opacity: 1;
    }

    @media screen and (max-width: 991px) {
      .outline-text {font-size:60px;}
      .col-lg-3,.col-lg-8{max-width:100%;flex:0 0 100%;}
      .project-card .main-img{height:420px; clip-path:none; transform:translate(0,50px) scale(.95)}
    }

    @media screen and (max-width: 480px) {
      .outline-text {font-size:42px;}
      .project-card .main-img{height:320px}
    }

    /*---------------------------------- end of why choose us ------------------------*/

/* stylish-button */
.stylish-button {
  width: max-content;
}

.stylish-button a {
  border-radius: 0;
  padding: 13px 30px;
  font-size: 1.05rem;
  line-height: 1.75rem;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #cda274;
  text-transform: capitalize;
  position: relative;
  text-decoration: none;
  width: max-content;
  font-family: EMprint-Semibold;
  transition: 1s ease;
}

.stylish-button a:hover {
  background-color: #051144;
}

.stylish-button a::before {
  content: "+";
  position: absolute;
  left: -8px;
  top: -14px;
  font-size: 2.5rem;
  width: 27px;
  height: 27px;
  color: #cda274;
  background: transparent;
  border-radius: 2px;
  font-family: EMprint-light;
  transition: 1s ease;
}

.stylish-button a:hover::before {
  top: -14px;
  left: 96%;
  color: #051144;
}

.stylish-button a::after {
  content: "+";
  position: absolute;
  right: -15px;
  bottom: -11px;
  font-size: 2.5rem;
  width: 27px;
  height: 27px;
  color: #cda274;
  background: transparent;
  border-radius: 2px;
  font-family: EMprint-light;
  transition: 1s ease;
}

.stylish-button a:hover::after {
  right: 93%;
  bottom: -11px;
  color: #051144;

}

/* stylish-button */



 :root{
      --bg: #f3f4f6;
      --card-bg: #ffffff;
      --accent: #c4903e;
      --muted:#6b7280;
      --text:#111827;
    }

    .section-bg.project-section-bg {
      background: url("../images/your-image.png") center/cover no-repeat;
      padding: 80px 0;
      width: 100%;
      
      color:var(--text);
    }

    .container.project-container{
      
      margin:0 auto;
      padding:0 20px;
    }

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

    .title.project-title h1{
      margin:0 0 6px;
      font-size:40px;
      font-weight:900;
      font-family: EMprint-Bold;
    }
    .title.project-title span {
      color:var(--accent);
    }

    .filters.project-filters {
      display:flex;
      gap:12px;
      justify-content:center;
      margin: 20px 0 30px;
    }

    .pill.project-pill {
      background: #fff;
      border-radius:999px;
      padding:10px 16px;
      border:1px solid #e6e6e6;
      cursor:pointer;
      font-weight:600;
      font-size:14px;
      color:var(--muted);
      transition: .2s;
      font-family: EMprint-Semibold;
    }
    .pill.project-pill.active.project-pill-active {
      color:var(--text);
      border-color:#e0c08a;
      box-shadow: 0 6px 18px rgba(0,0,0,0.06);
      transform: translateY(-2px);
    }

    .swiper-slide.project-swiper-slide {
      background: var(--card-bg);
      border-radius: 18px;
      overflow: hidden;
      border: 1px solid #eee;
      box-shadow: 0 6px 18px rgba(18,18,18,0.04);
      height: 380px;
      display:flex;
      flex-direction:column;
    }

    .project-thumb.project-project-thumb {
      width:100%;
      height: 260px;
      object-fit:cover;
    }

    .project-info.project-project-info {
      padding: 16px 18px;
      display:flex;
      justify-content:space-between;
    }

    .project-name.project-project-name{
      font-size:18px;
      font-weight:700;
      font-family: EMprint-Semibold;
    }

    .project-type.project-project-type {
      font-size:12px;
      color:var(--muted);
      font-weight: 400;
      font-family: EMprint-Regular;
    }

    .underline.project-underline {
      height:3px;
      width:80px;
      margin: 22px auto 0;
      background: linear-gradient(90deg,#e7d3a9,#c4903e);
      border-radius:2px;
    }

    @media (max-width: 980px){
      .swiper-slide.project-swiper-slide{ height:340px; }
      .project-thumb.project-project-thumb{ height:220px; }
    }
    @media (max-width: 720px){
      .swiper-slide.project-swiper-slide{ height:320px; }
      .project-thumb.project-project-thumb{ height:180px; }
    }





/* ================================
   Featured Works Section
   ================================ */
/* ================= ROOT ================= */
/* ================= ROOT ================= */
:root{
  --gold:#b19777;
  --brown:#8B5E3C;
  --dark:#1b1b1b;
  --light:#ffffff;
}

/* ================= SECTION ================= */
.featured-works{
  position:relative;
  padding:20px 0 20px;
  text-align:center;
  background:linear-gradient(135deg,#f7f4ef,#ffffff);
  overflow:hidden;
  height: 350px;
}

/* Subtle moving gradient background */
.featured-works::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 20% 20%,rgba(177,151,119,0.08),transparent 40%),
             radial-gradient(circle at 80% 80%,rgba(139,94,60,0.08),transparent 40%);
  animation:bgFloat 14s linear infinite;
}

/* ================= TITLE BLOCK ================= */
.title-block{
  position:relative;
  display:inline-block;
  padding:55px 110px;
  background:rgba(255,255,255,0.75);
  backdrop-filter:blur(10px);
  border:1px solid rgba(177,151,119,0.25);
  box-shadow:0 30px 60px rgba(0,0,0,0.08);
  overflow:hidden;
}

/* Top glow sweep */
.title-block::after{
  content:'';
  position:absolute;
  inset:-40%;
  background:linear-gradient(120deg,transparent 40%,rgba(177,151,119,0.25),transparent 60%);
  animation:shine 6s infinite;
}

/* ================= SUBTITLE ================= */
.subtitle{
  display:block;
  margin-bottom:10px;
  font-size:14px;
  letter-spacing:3px;
  color:#1E5B47;
  text-transform:uppercase;
  font-weight:600;
  animation:fadeUp 1s ease forwards;
  font-family: EMprint-SemiBold;
}

/* Vertical accent */
.subtitle::before{
  content:'';
  position:absolute;
  left:50%;
  top:-70px;
  width:2px;
  height:55px;
  background:linear-gradient(to bottom,transparent,var(--gold));
}

/* ================= MAIN TITLE ================= */
.main-title{
  color:#F4D21F;
  font-size:34px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
  animation:fadeUp 1.2s ease forwards;
  font-family: EMprint-Bold;
}
/* ================= SHIMMER LINE ================= */
.line-shimmer{
  display:block;
  width:80px;
  height:2px;
  margin:22px auto 0;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  animation:lineMove 2.5s infinite;
}

/* ================= ANIMATIONS ================= */
@keyframes fadeUp{
  from{opacity:0; transform:translateY(20px);}
  to{opacity:1; transform:translateY(0);}
}

@keyframes shine{
  0%{transform:translateX(-100%) rotate(20deg);}
  100%{transform:translateX(100%) rotate(20deg);}
}

@keyframes lineMove{
  0%{opacity:.2; width:40px;}
  50%{opacity:1; width:90px;}
  100%{opacity:.2; width:40px;}
}

@keyframes bgFloat{
  0%{transform:translateY(0);}
  50%{transform:translateY(-25px);}
  100%{transform:translateY(0);}
}

/* ================= RESPONSIVE ================= */
@media(max-width:768px){
  .title-block{
    padding:40px 50px;
  }
  .main-title{
    font-size:26px;
  }
}





/* ================================
   Gallery Section
================================= */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}


/* ================= SECTION ================= */
.premium-gallery{
  padding:60px 0;
 
  background:#fff;
  color:#111;
}

.container{
  max-width:1320px;
  margin:auto;
  padding:0 20px;
}

/* ================= FILTERS ================= */
.gallery-filters{
  text-align:center;
  margin-bottom:60px;
}

.filter-tabs{
  list-style:none;
}

.filter-tabs li{
  display:inline-block;
  margin:0 18px;
  padding-bottom:8px;
  cursor:pointer;
  font-weight:900;
  font-size:25px;
  font-family: EMprint-Bold;
  letter-spacing:1px;
  text-transform:uppercase;
  position:relative;
  transition:color .3s ease;
  color: #1e5b47;
}

.filter-tabs li::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:0;
  height:2px;
  background:var(--red);
  transform:translateX(-50%);
  transition:0.4s ease;
}

.filter-tabs li.active::after,
.filter-tabs li:hover::after{
  width:100%;
}

/* ================= GRID ================= */
.gallery-grid{
  margin:-15px;
  display: grid;
  grid-template-columns: 1fr;
}

/* MASONRY ITEMS */
.gallery-item{
  width:33.333%;
  padding:15px;
  position:relative;
  overflow:hidden;

  /* reveal animation */
  opacity:0;
  transform:translateY(40px);
}

.gallery-item.wide{
  width:66.666%;
}

/* IMAGE */
.gallery-item img{
  width:100%;
  display:block;
  object-fit:cover;
  transform:scale(1.02);
  transition:transform 1s ease;
}

/* ================= OVERLAY ================= */
.overlay{
  position:absolute;
  inset:15px;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,0.25),
    rgba(0,0,0,0.8)
  );
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:0.6s ease;
}

/* ================= PREMIUM HEADING ================= */
.overlay h3{
  position:relative;
  color:#fff;
  font-size:18px;
  font-weight:600;
  text-transform:uppercase;
  font-family: EMprint-SemiBold;
  letter-spacing:6px;
  opacity:0;
  filter:blur(6px);
  transform:translateY(30px) scale(0.96);

  transition:
    opacity 0.6s ease,
    transform 0.7s cubic-bezier(.22,.61,.36,1),
    filter 0.6s ease,
    letter-spacing 0.6s ease;
}

/* Gold underline */
.overlay h3::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-12px;
  width:0;
  height:2px;
  background:#F4D21F;
  transform:translateX(-50%);
  transition:width 0.6s ease 0.25s;
}

/* ================= HOVER ================= */
.gallery-item:hover img{
  transform:scale(1.15);
}

.gallery-item:hover .overlay{
  opacity:1;
  box-shadow:
    inset 0 0 0 1px rgba(201,163,104,0.25),
    0 25px 60px rgba(0,0,0,0.45);
}

.gallery-item:hover .overlay h3{
  opacity:1;
  filter:blur(0);
  transform:translateY(0) scale(1);
  letter-spacing:2px;
}

.gallery-item:hover .overlay h3::after{
  width:40px;
}

/* ================= REVEAL ================= */
.gallery-item.is-visible{
  opacity:1;
  transform:translateY(0);
  transition:0.8s ease;
}

/* ================= RESPONSIVE ================= */
@media(max-width:991px){
  .gallery-item,
  .gallery-item.wide{
    width:50%;
  }
}

@media(max-width:575px){
  .gallery-item,
  .gallery-item.wide{
    width:100%;
  }
}

/*---------------------------------------------------- end of gallery section --------------------------------------------- */


/*------------------------------------------------------------ testimonials----------------------------------------------- */

/* ================= PT TESTIMONIALS ================= */

.pt-testimonials{
    width: 100%;
    height: auto;
    padding: 0;
}

.pt-testimonials .pt-container-fluid{
    width: 100%;
    padding: 0;
    position: relative;
}

.pt-testimonials .pt-main{
    width: 55%;
    padding: 80px 60px;
    background-color: #fff;
    position: absolute;
    left: 45%;
    top: 15%;
}

.pt-testimonials .pt-main h6{
    font-size: 1rem;
    line-height: 1.6rem;
    letter-spacing: 1.5px;
    margin-bottom: 25px;
    font-family: Emprint-Semibold;
    color: #1E5B47;
    text-transform: uppercase;
}

.pt-testimonials .pt-main h2{
    font-size: 2.75rem;
    line-height: 3.2rem;
    margin-bottom: 65px;
    color: #000;
    font-family: Emprint-Semibold;
}

.pt-testimonials .pt-main h2 span{
    color: #F5C518;
}

.pt-testimonials .pt-left{
    width: 60%;
    float: left;
}



/* ================= GRID ================= */

.pt-testimonials .pt-testimonials-main{
    position: relative;
}

.pt-testimonials .pt-testimonials-main ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.pt-testimonials .pt-testimonials-grid{
    padding: 50px 26px;
    margin: 60px 0 35px;
    border: 1px solid #E3E3E3;
    max-width: 640px;
    position: relative;
}

.pt-testimonials .pt-testimonials-main::after{
    content: "";
    position: absolute;
    right: -30px;
    bottom: -30px;
    height: 100%;
    width: 40px;
    border-right: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
}

.pt-testimonials .pt-quote{
    position: absolute;
    top: -50px;
    left: 50px;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    
    display: flex;
    align-items: center;
    justify-content: center;
}

.pt-testimonials .pt-description p{
    font-size: 1.01rem;
    line-height: 1.6rem;
    font-family: EMprint-Regular;
    color: #000;
    text-align: justify;
}

.pt-testimonials .pt-author{
    position: absolute;
    display: flex;
    align-items: center;
    right: 50px;
    bottom: -40px;
    padding: 8px 14px;
    background: #fff;
    border-radius: 5px;
    gap: 15px;
}

.pt-testimonials .pt-author img{
    width: 80px;
    border-radius: 50%;
    border: 1px solid #F5C518;
}

.pt-testimonials .pt-client-cnt h4{
    font-size: 1.5rem;
    font-family: EMprint-Semibold;
    line-height: 3rem;
}

.pt-testimonials .pt-client-cnt h5{
    font-size: 1rem;
    font-family: EMprint-Regular;
    line-height: 1.3px;
}

/* ================= ANIMATION ================= */

.pt-testimonials .owl-item.active .pt-testimonials-grid{
    transform: translateY(-6px);
    transition: all .6s ease;
}

/* ================= PURE JS SLIDER ================= */

.pt-slider {
  position: relative;
}

.pt-slider li {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.9s ease;
}

.pt-slider li.pt-active {
  opacity: 1;
  visibility: visible;
  position: relative;
}

.pt-quote img {
  width: 60px;
  height: 60px;
  background: transparent;
}

/*------------------------------------------------------------ end of testimonials----------------------------------------------- */

/*------------------------------------------------------------ get a quote -------------------------------------------------------*/

/* ================= PREMIUM CTA VIDEO ================= */

.pt-cta-video{
  position: relative;
  padding: 140px 20px;
  overflow: hidden;
  background: #121212;
      margin-bottom: 20px;
    margin-top: 20px;
}

/* VIDEO BACKGROUND */
.pt-cta-bg-video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -3;
}

/* OVERLAY */
.pt-cta-overlay{
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(18,18,18,.95) 45%, rgba(18,18,18,.6)),
    radial-gradient(circle at left, rgba(245,197,24,.25), transparent 60%);
  z-index: -2;
}

/* CONTAINER */
.pt-cta-container{
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

/* GRID */
.pt-cta-grid{
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  gap: 60px;
}

/* CONTENT */
.pt-cta-content{
  color: #fff;
  max-width: 620px;
}

.pt-cta-tag{
  display: inline-block;
  margin-bottom: 22px;
  padding: 8px 18px;
  font-size: .85rem;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  background: rgba(245,197,24,.15);
  color: #F5C518;
  border-radius: 50px;
  font-weight: 600;
  font-family: EMprint-Semibold;
}

.pt-cta-content h2{
  font-size: 3.1rem;
  line-height: 3.6rem;
  margin-bottom: 24px;
  font-weight: 900;
  font-family: EMprint-Bold;
}

.pt-cta-content h2 span{
  color: #F5C518;
}

.pt-cta-content p{
  font-size: 1.05rem;
  line-height: 1.85rem;
  opacity: .9;
  font-family: EMprint-Regular;
  font-weight: 400;
}

/* BUTTONS */
.pt-cta-actions{
  display: flex;
  gap: 20px;
  margin-top: 45px;
  flex-wrap: wrap;
}

.pt-btn{
  padding: 16px 36px;
  border-radius: 50px;
  font-size: .95rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .35s ease;
  font-family: EMprint-Semibold;
}

.pt-btn-primary{
  background: #F5C518;
  color: #000;
}

.pt-btn-primary:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(245,197,24,.45);
}

.pt-btn-outline{
  border: 1px solid rgba(255,255,255,.6);
  color: #fff !important;
}

.pt-btn-outline:hover{
  background: rgba(255,255,255,.08);
  transform: translateY(-4px);
  
}



/* ================= RESPONSIVE ================= */

@media(max-width: 992px){
  .pt-cta-grid{
    grid-template-columns: 1fr;
    text-align: center;
  }

  .pt-cta-actions{
    justify-content: center;
  }

  
}

@media(max-width: 768px){
  .pt-cta-content h2{
    font-size: 2.3rem;
    line-height: 2.8rem;
  }
  .gallery-filters{
    margin-bottom: o;
  }
}
.pt-cta-bg-video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/*------------------------------------------------------------ end of get a quote ------------------------------------------------------- */

/* Project Section 

.project-section{
    padding: 60px 0;
    background-color: #f7f7f7;
}

.project-section h6 {
    font-family: EMprint-Regular;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25;
    margin-bottom: 15px;
    font-weight: 400;
    letter-spacing: 1px;
}

.project-section h2 {
    font-size: 3.05176em;
    line-height: 3.75rem;
    letter-spacing: -.0625rem;
    color: #000000;
    font-family: EMprint-Semibold;
    font-weight: 300;
    margin-bottom: 40px;
    font-style: normal;
    text-align: left;
}

.project-section .project-service {
    display: grid;
    grid-template-columns: .7fr .3fr;
    align-items: center;
    gap: 60px;
}

.project-section .image-div {
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.project-section .image-div img {
    width: 100%;
    height: 400px;
    border-radius: 5px;
    transition: 2s ease;
}

.project-section .service-list-div:hover .image-div img {
    transform: scale(1.25);
}

.project-section .service-list-div{
    position: relative;
    margin-bottom: 30px;
}

.project-section .service-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
    align-items: center;
}

.project-section .a-btn {
    position: relative;
    font-size: 1rem;
    text-transform: uppercase;
    font-family: EMprint-Semibold;
    color: #000000;
    text-decoration: none;
    margin: 0;
    padding: 8px 0 9px 25px;
    transition-duration: 1.6s;
    transition-timing-function: ease;
    transform: translateZ(0);
}

.project-section .a-btn:hover{
    letter-spacing: 1px;
}

.project-section .a-btn:before {
    content: '';
    position: absolute;
    border: 2px solid #000000;
    min-width: 42px;
    height: 42px;
    left: 0;
    border-radius: 100px;
    transition: ease-in-out .5s;
}


.project-section .slide-caption h4 {
    font-size: 1.6rem;
    line-height: 2.2rem;
    letter-spacing: 0;
    color: #ffffff;
    font-family: EMprint-Regular;
    font-weight: 300;
    margin: 0 0 0px;
    font-style: normal;
    text-align: left;
    padding: 8px 0 8px 8px;
    transition: 2s ease;
}

.project-section .slide-caption {
    position: absolute;
    width: 100%;
    height: 30%;
    bottom: 0;
    left: 0;
    padding: 20px 20px;
    display: flex;
    align-items: flex-end;
    justify-content: start;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgb(0 0 0 / 0%) 0px, #353d44 85%) repeat scroll 0 0;
}


.project-section h5{
    font-size: .9rem;
    line-height: 1.25;
    color: #ffffff;
    font-family: EMprint-Regular;
    background: linear-gradient(110.59deg,#c80afb 7.52%,#2919a9 153.34%);
    font-weight: 300;
    padding: 12px 20px;
    font-style: normal;
    text-align: center;
    border-radius: 30px;
    display: inline-block;
    margin: 97px 106px 0;
}

.project-section .project-div{
    background-image: url(../images/project-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.project-section .project-list-div{
    display: grid;
    align-items: center;
    gap: 5px;
    grid-template-columns: 1fr 1fr;
    padding: 40px 0 50px 40px;
    width: 280px;
}

.project-section .project-list-div img{
    width: 110px;
    height: 110px;
}

.project-section .project-list-div span {
    font-size: .8rem;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #ffffff;
    font-family: EMprint-Semibold;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.project-section .project-list-div h6 {
    font-size: .8rem;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #ddd;
    font-family: EMprint-Regular;
    font-weight: 300;
    font-style: normal;
    margin-bottom: 0px;
    margin-top: 0px;
}

.project-section .project-list-div .service-list-div{
    margin-bottom: 0;
}*/

/* ====================== [ Start Services / Process ] ====================== */

/* ====================== [ Work Process Section ] ====================== */

/* ====================== [ End Process ] ====================== */



/* Industries Section */

.development-services {
  position: relative;
  padding: 60px 20px;
}

.development-services .industries-box .expert-wrap .need-wrap {
  font-size: 14px;
  cursor: pointer;
}

.development-services .scroll-box {
  height: 450px;
  overflow: hidden;
  overflow-y: auto;
}

.development-services .development-wrap {
  position: unset;
  right: unset;
}

.development-services .development-wrap ::-webkit-scrollbar {
  width: 5px;
  height: 20px;
}

.development-services .development-wrap ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

.development-services .development-wrap ::-webkit-scrollbar-thumb {
  background: #5f1ebe;
  border-radius: 10px;
}

.development-services .development-wrap ::-webkit-scrollbar-thumb:hover {
  background: #5f1ebe;
}

.development-services .development-wrap .experience-img:hover {
  background: url(../images/project-img-1.jpg) no-repeat center center !important;
}

.development-services .development-wrap .product-img:hover {
  background: url(../images/project-img-2.jpg) no-repeat center center !important;
}

.development-services .development-wrap .img-4:hover {
  background: url(../images/project-img-3.jpg) no-repeat center center !important;
}

.development-services .development-wrap .img-5:hover {
  background: url(../images/project-img-4.jpg) no-repeat center center !important;
}

.development-services .development-wrap .img-6:hover {
  background: url(../images/project-img-5.jpg) no-repeat center center !important;
}

.development-services .development-wrap .img-7:hover {
  background: url(../images/project-img-6.jpg) no-repeat center center !important;
}

.development-services .development-wrap .services-wrap .service-box {
  justify-content: start;
  gap: 0px;
  transition: .5s ease-in-out;
}

.development-services .development-wrap .services-wrap .service-box .title-wrap {
  max-width: 100%;
}

.development-services .development-wrap .services-wrap .service-box .d-flex {
  align-items: center;
  gap: 20px;
}

.development-services .development-wrap .services-wrap .service-box .title-wrap h4 {
  font-size: 40px;
  font-weight: bold;
}

.development-services .development-wrap .services-wrap .service-box1:hover {
  background: url(../images/project-img-1.jpg) no-repeat right top;
  background-position: center center;
  background-size: cover !important;
  width: 100%;
}

.development-services .development-wrap .services-wrap .service-box2:hover {
  background: url(../images/project-img-1.jpg) no-repeat right top;
  background-position: center center;
  background-size: cover !important;
  width: 100%;
}

.development-services .development-wrap .services-wrap .service-box3:hover {
  background: url(../images/project-img-1.jpg) no-repeat right top;
  background-position: center center;
  background-size: cover !important;
  width: 100%;
}

.development-services .development-wrap .services-wrap .service-box4:hover {
  background: url(../images/project-img-1.jpg) no-repeat right top;
  background-position: center center;
  background-size: cover !important;
  width: 100%;
}

.development-services .development-wrap .services-wrap .service-box5:hover {
  background: url(../images/project-img-1.jpg) no-repeat right top;
  background-position: center center;
  background-size: cover !important;
  width: 100%;
}

.development-services .development-wrap .services-wrap .service-box6:hover {
  background: url(../images/project-img-1.jpg) no-repeat right top;
  background-position: center center;
  background-size: cover !important;
  width: 100%;
}

.development-services .development-wrap .services-wrap .service-box7:hover {
  background: url(../images/project-img-1.jpg) no-repeat right top;
  background-position: center center;
  background-size: cover !important;
  width: 100%;
}



.development-services .development-wrap .services-wrap .service-box:hover span img {
  transform: unset !important;
}

.development-services .development-wrap .services-wrap .service-box:hover .title-wrap h4 {
  color: #5f1ebe !important;
}

.development-services .development-wrap .services-wrap .service-box .sub-title h3 {
  color: #ffffff;
  font-family: EMprint-Semibold;
  line-height: 1.5;
  font-size: 1.5rem;
  margin-bottom: 10px !important;
}

.industries-site a {
  text-decoration: none;
}

.industries-site {
  background-color: #442262;
  display: block;
  padding: 60px 0px;
}

.industries-site .industries-box {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 200px;
}

.industries-site .industries-box .expert-wrap {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.industries-site .industries-box .expert-wrap span {
  font-family: EMprint-Regular;
  font-size: 1rem;
  text-transform: uppercase;
}

.industries-site .industries-box .expert-wrap h2 {
  font-size: 3.05176em;
  line-height: 3.75rem;
  letter-spacing: -.0625rem;
  color: #ffffff;
  font-family: EMprint-Semibold;
  font-weight: 300;
  margin-bottom: 20px;
  font-style: normal;
  text-align: left;
}

.industries-site p {
  font-size: 1.1rem;
  line-height: 1.6;
  letter-spacing: 0rem;
  color: #ffffff;
  font-family: EMprint-Regular;
  font-weight: 300;
  font-style: normal;
  text-transform: none;
  margin-bottom: 40px;
}

.industries-site .a-btn {
  position: relative;
  font-size: 1rem;
  text-transform: uppercase;
  font-family: EMprint-Semibold;
  color: #ffffff;
  text-decoration: none;
  margin: 0;
  padding: 8px 0 9px 25px;
  transition-duration: 1.6s;
  transition-timing-function: ease;
  transform: translateZ(0);
}

.industries-site .a-btn:hover {
  letter-spacing: 1px;
}

.industries-site .a-btn:before {
  content: '';
  position: absolute;
  border: 2px solid #ffffff;
  min-width: 42px;
  height: 42px;
  left: 0;
  border-radius: 100px;
  transition: ease-in-out .5s;
}

.industries-site .a-btn img {
  filter: invert(1);
}

.industries-site .services-wrap .retail-img:hover {
  background: url(../images/retail.webp) no-repeat right top !important;
}

.industries-site .services-wrap .banking-img:hover {
  background: url(../images/Banking.webp) no-repeat right top !important;
}

.industries-site .services-wrap .hitech-img {
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.industries-site .services-wrap .hitech-img:hover {
  background: url(../images/Hi-Tech.webp) no-repeat right top !important;
}

.industries-site .services-wrap .service-box {
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center center;
  border-radius: inherit;
  transition: all ease .4s;
  width: 100%;
  cursor: pointer;
  height: 100%;
  min-height: 160px;
  padding: 20px;
  border-left: 1px solid rgba(255, 255, 255, .1);
  border-right: 1px solid rgba(255, 255, 255, .1);
  justify-content: space-around;
}



.industries-site .services-wrap .service-box:hover {
  background: url(../images/Healthcare.webp) no-repeat right top;
  background-size: cover !important;
}

.industries-site .services-wrap .service-box:hover span img {
  transform: unset !important;
}

.industries-site .services-wrap .service-box .title-wrap h4 {
  font-size: 30px;
  margin-bottom: 0;
}

.industries-site .services-wrap .service-box .title-wrap .service-heading {
  font-size: 30px;
  margin-bottom: 0;
}

.industries-site .services-wrap .service-box .title-wrap span img {
  transform: rotate(-35deg);
  transition: all ease .4s;
}

.industries-site .services-wrap .serice-box2 {
  gap: 20px;
}


.industries-site .services-wrap .serice-box2 p {
  margin-bottom: 20px;
}


/* Testimonials */
/* Container */




/* Footer */

/* ================= ROOT ================= */
:root{
  --sauro-yellow:#F4D21F;
  --sauro-gold:#C9A368;
  --sauro-green:#1F4E3D;
  --sauro-dark:#2C2A28;
  --sauro-cream:#FAF3E0;
}

/* ================= FOOTER ================= */
footer{
  position:relative;
  background:linear-gradient(135deg,var(--sauro-dark),var(--sauro-green));
  color:var(--sauro-cream);
  padding:70px 20px 35px;
  overflow:hidden;
}

/* Glow + cursor effect */
footer::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at var(--x,50%) var(--y,50%),
    rgba(244,210,31,.22), transparent 60%);
  pointer-events:none;
  transition:.15s ease;
}

/* Grain texture */
footer::after{
  content:'';
  position:absolute;
  inset:0;
  background-image:url("images/noise.png");
  opacity:.05;
  pointer-events:none;
}

/* ================= CONTAINER ================= */
footer .container-fluid{
  width:90%;
  margin:auto;
  position:relative;
  z-index:2;
}

/* ================= LINKS ================= */
footer a{
  color:#fff;
  text-decoration:none;
  transition:.35s ease;
}

footer a:hover{
  color:var(--sauro-yellow);
}

/* ================= FOOTER TOP ================= */
.footer-top{
  padding-bottom:20px;
  border-bottom:1px solid rgba(255,255,255,.25);
  position:relative;
}

.footer-top::after{
  content:'';
  position:absolute;
  left:50%;
  bottom:-1px;
  width:120px;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--sauro-yellow),transparent);
  transform:translateX(-50%);
  box-shadow:0 0 14px rgba(244,210,31,.7);
}

.footer-top ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}

.footer-top ul li a{
  font-family:EMprint-Regular, sans-serif;
  font-size:1rem;
  letter-spacing:.3px;
}

.footer-top ul li a:hover{
  letter-spacing:.8px;
}

/* ================= FOOTER BOTTOM ================= */
.footer-bottom{
  padding-top:22px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  flex-wrap:wrap;
}

.footer-bottom p{
  font-size:.95rem;
  opacity:.85;
  margin:0;
  font-weight: 600;
  font-family: EMprint-Semibold;
}

.footer-bottom p a:first-child{
  color:var(--sauro-yellow);
  font-weight:600;
  font-family: EMprint-Semibold;
  letter-spacing:.5px;
}

/* ================= SOCIAL ================= */
.follow-wrap{
  display:flex;
  align-items:center;
  gap:14px;
}

.follow-title{
  font-size:.75rem;
  letter-spacing:2px;
  text-transform:uppercase;
  opacity:.7;
}

.footer-social{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  gap:14px;
}

.footer-social li a{
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.18);
  transition:.35s ease;
}

.footer-social li a i{
  font-size:16px;
  color:#fff;
}

.footer-social li.twitter-img img{
  width:16px;
  filter:brightness(0) invert(1);
}

/* Hover */
.footer-social li a:hover{
  background:linear-gradient(135deg,var(--sauro-gold),var(--sauro-yellow));
  transform:translateY(-5px) scale(1.12);
  box-shadow:0 14px 28px rgba(0,0,0,.35);
}

.footer-social li a:hover i{
  color:#000;
}

.footer-social li.twitter-img a:hover img{
  filter:brightness(0);
}

/* ================= REVEAL ANIMATION ================= */
footer *{
  opacity:0;
  transform:translateY(25px);
  animation:reveal 1s ease forwards;
}

.footer-top li:nth-child(1){animation-delay:.2s}
.footer-top li:nth-child(2){animation-delay:.35s}
.footer-top li:nth-child(3){animation-delay:.5s}
.footer-top li:nth-child(4){animation-delay:.65s}
.footer-top li:nth-child(5){animation-delay:.8s}
.footer-top li:nth-child(6){animation-delay:.95s}
.footer-top li:nth-child(7){animation-delay:1.1s}

@keyframes reveal{
  to{opacity:1;transform:none}
}

/* ================= RESPONSIVE ================= */
@media(max-width:768px){
  .footer-top ul,
  .footer-bottom{
    justify-content:center;
    text-align:center;
  }
}

/* ================= FOOTER TOP LAYOUT ================= */
.footer-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  flex-wrap:wrap;
}

/* Quick links stay left */
.footer-top .links{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
}

/* Contact right */
.footer-top-contact{
  display:flex;
  align-items:center;
  gap:14px;
}

/* Contact pills */
.footer-top-contact .contact-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 16px;
  border-radius:30px;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.18);
  font-size:.9rem;
  color:#fff;
  transition:.35s ease;
  font-weight: 600;
  font-family: EMprint-Semibold;
}

.footer-top-contact .contact-item i{
  color:var(--sauro-yellow);
  font-size:14px;
  font-weight: 600;
  font-family: EMprint-Semibold;
}

/* Hover */
.footer-top-contact .contact-item:hover{
  background:linear-gradient(
    135deg,
    var(--sauro-gold),
    var(--sauro-yellow)
  );
  color:#000;
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(0,0,0,.35);
}

.footer-top-contact .contact-item:hover i{
  color:#000;
}

/* ================= MOBILE ================= */
@media(max-width:992px){
  .footer-top{
    justify-content:center;
    text-align:center;
  }

  .footer-top-contact{
    justify-content:center;
    margin-top:10px;
  }
}
.contact-item {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #333;
  font-weight: 500;
}

.contact-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #1E5B47;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-icon img {
  width: 16px;
  height: auto;
}


/* ================= WHATSAPP FLOAT BUTTON ================= */
.waicon{
  position:fixed;
  bottom:150px;
  right:20px;
  z-index:1000;
  font-size:25px;
  color:#fff;
  background:linear-gradient(135deg,#25D366,#128C7E);
  padding:10px 12px;
  border-radius:6px;
  box-shadow:0 14px 30px rgba(18,140,126,.4);
  animation:waFloat 3.5s ease-in-out infinite;
}

@keyframes waFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}

/* ================= RESPONSIVE ================= */



/* End Footer */


/*--------------------------------------------- sn banner  -----------------------------------------------*/

:root{
  --gold:#d4af37;
  --gold-soft:#f6e7b2;
  --dark:#070707;
  --white:#ffffff;
}

/* MAIN */
.sb-lux-ultra-banner{
  position:relative;
  height:400px;
  width:100%;
  overflow:hidden;

  padding: 20px ;
  margin: 0px auto;
}

/* PARALLAX BG */
.sb-lux-bg-layer{
  position:absolute;
  inset:0;
  background:url('../images/about-banner.jpg') center/cover no-repeat;
  transform:scale(1.08);
  animation:slowZoom 18s ease-in-out infinite alternate;
}

/* OVERLAY */
.sb-lux-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.55)),
    radial-gradient(circle at top left, rgba(212,175,55,.22), transparent 65%);
  z-index:2;
}

/* PARTICLES */
.sb-lux-particles{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle, rgba(212,175,55,.35) 1px, transparent 1px);
  background-size:120px 120px;
  animation:floatParticles 22s linear infinite;
  opacity:.25;
  z-index:3;
}

/* CONTENT */
.sb-lux-content{
  position:relative;
  z-index:5;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
    padding: 90px 8%;
    top: 50px;
  
}

/* EYEBROW */
.sb-lux-eyebrow{
  font-size:13px;
  letter-spacing:4px;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:14px;
  animation:fadeSlide 1s ease forwards;
  font-weight: 600;
  font-family: EMprint-Semibold;
}

/* TITLE */
.sb-lux-title{
  font-size:40px;
  line-height:1.2;
  font-weight:900;
  font-family: EMprint-Bold;
  color:var(--white);
  margin-bottom:22px;
  animation:titleReveal 1.2s ease forwards;
}

.sb-lux-title span{
  color:var(--gold);
  position:relative;
}

.sb-lux-title span::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-6px;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,var(--gold),transparent);
  animation:goldLine 2.5s infinite;
}

/* GLASS BREADCRUMB */
.sb-lux-breadcrumb-glass{
  display:inline-flex;
  gap:10px;
  align-items:center;
  padding:10px 18px;
  border-radius:30px;
  backdrop-filter:blur(14px);
  background:rgba(255,255,255,.08);
  border:1px solid rgba(212,175,55,.25);
  width:max-content;
  animation:fadeSlide 1.4s ease forwards;
}

.sb-lux-breadcrumb-glass a{
  color:var(--gold-soft);
  text-decoration:none;
  font-size:14px;
  transition:.3s;
  font-weight: 600;
  font-family: EMprint-Semibold;
}

.sb-lux-breadcrumb-glass a:hover{
  color:var(--gold);
}

.sb-lux-breadcrumb-glass span,
.sb-lux-breadcrumb-glass p{
  color:#ddd;
  font-size:14px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* LIGHT SWEEP */
.sb-lux-light-sweep{
  position:absolute;
  top:0;
  left:-40%;
  width:40%;
  height:100%;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(212,175,55,.25),
    transparent
  );
  animation:lightSweep 6s ease-in-out infinite;
  z-index:6;
}

/* ANIMATIONS */
@keyframes slowZoom{
  from{transform:scale(1.05);}
  to{transform:scale(1.12);}
}

@keyframes floatParticles{
  from{background-position:0 0;}
  to{background-position:300px 600px;}
}

@keyframes fadeSlide{
  from{opacity:0; transform:translateY(25px);}
  to{opacity:1; transform:translateY(0);}
}

@keyframes titleReveal{
  from{opacity:0; transform:translateY(35px);}
  to{opacity:1; transform:translateY(0);}
}

@keyframes goldLine{
  0%{width:0;}
  50%{width:100%;}
  100%{width:0;}
}

@keyframes lightSweep{
  0%{left:-40%;}
  50%{left:120%;}
  100%{left:120%;}
}

/* RESPONSIVE */
@media(max-width:768px){
  .sb-lux-title{font-size:30px;}
  .sb-lux-ultra-banner{height:300px;}
}


/*------------------------------------------------------- end of sn banner  -----------------------------------------------*/

/*------------------------------------------------------- inside about us   -----------------------------------------------*/

:root{
  /* BACKGROUND */
  --lux-bg:#fffaf0; /* warm white */
  --lux-bg-soft:
    radial-gradient(circle at 12% 20%, rgba(190,35,35,.12), transparent 18%), /* red accent dot */
    linear-gradient(180deg,#fff6dc,#ffffff);

  /* TEXT */
  --lux-dark:#1b1b1b;
  --lux-muted:#6b6b6b;

  /* PREMIUM COLORS */
  --lux-yellow:#f2c94c;        /* royal yellow */
  --lux-yellow-soft:#fff1c2;
  --lux-green:#2f7d32;         /* elegant green */
  --lux-green-soft:#dfeee3;

  --lux-border:rgba(0,0,0,0.08);
}

/* ============================= */
/* RESET                         */
/* ============================= */

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

/* ============================= */
/* SECTION BASE                  */
/* ============================= */

.ab-lux-about{
  background:var(--lux-bg-soft);
  color:var(--lux-dark);
  overflow:hidden;
}

/* ============================= */
/* VERSION 3 – ROYAL FRAME       */
/* ============================= */

.ab-lux-about.v3{
  padding:120px 0;
}

.ab-lux-container-v3{
  max-width:1320px;
  margin:auto;
  display:grid;
  grid-template-columns:0.95fr 1.05fr;
  gap:110px;
  align-items:center;
}

/* ============================= */
/* IMAGE FRAME                   */
/* ============================= */

.ab-lux-frame{
  position:relative;
  padding:18px;
  border-radius:40px;
  background:linear-gradient(135deg,var(--lux-yellow),var(--lux-green));
  box-shadow:0 60px 150px rgba(0,0,0,.25);
}

.ab-lux-frame img{
  width:100%;
  height:640px;
  object-fit:cover;
  border-radius:28px;
  animation:floatSlow 8s ease-in-out infinite;
}

/* MINI IMAGE */
.ab-lux-frame-mini{
  position:absolute;
  right:-80px;
  top:60%;
  transform:translateY(-50%);
}

.ab-lux-frame-mini img{
  width:300px;
  height:300px;
  object-fit:cover;
  border-radius:22px;
  border:10px solid #fff;
  box-shadow:0 40px 90px rgba(0,0,0,.3);
  transition:.6s ease;
}

.ab-lux-frame:hover .ab-lux-frame-mini img{
  transform:translateY(-10px) scale(1.03);
}

/* FRAME GLOW */
.ab-lux-frame::after{
  content:"";
  position:absolute;
  inset:-50px;
  background:
    radial-gradient(circle at 30% 30%, rgba(242,201,76,.25), transparent 60%),
    radial-gradient(circle at 70% 70%, rgba(47,125,50,.25), transparent 60%);
  filter:blur(60px);
  z-index:-1;
}

/* ============================= */
/* CONTENT                       */
/* ============================= */

.ab-lux-text{
  position:relative;
  padding-left:40px;
}

/* Vertical Accent Line */
.ab-lux-text::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  width:3px;
  height:70%;
  background:linear-gradient(var(--lux-green),var(--lux-yellow));
  border-radius:4px;
}

/* Subtitle */
.ab-lux-subtitle{
  color:var(--lux-green);
  font-weight:600;
  letter-spacing:1.6px;
  display:inline-block;
  margin-bottom:14px;
  position:relative;
  font-size: 16px;
  font-family: EMprint-Semibold;
}

.ab-lux-subtitle::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:40px;
  height:2px;
  background:linear-gradient(90deg,var(--lux-green),var(--lux-yellow));
}

/* Title */
.ab-lux-title{
  font-size:46px;
  line-height:1.2;
  margin-bottom:18px;
  font-weight:900;
  font-family: EMprint-Bold;
}

.ab-lux-title span{
  background:linear-gradient(90deg,var(--lux-yellow),var(--lux-green));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-size:200% auto;
  animation:titleShimmer 6s linear infinite;
}

/* Divider */
.ab-lux-line{
  width:80px;
  height:3px;
  background:linear-gradient(90deg,var(--lux-yellow),var(--lux-green));
  margin:22px 0 30px;
  border-radius:4px;
}

/* Description */
.ab-lux-desc{
  color:var(--lux-muted);
  margin-bottom:24px;
  max-width:580px;
  line-height:1.7;
  font-size:18px;
  font-weight: 400;
  font-family: EMprint-Regular;
  text-align: justify;
}

/* ============================= */
/* POINTS                        */
/* ============================= */

.ab-lux-points{
  list-style:none;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px 34px;
  margin:34px 0 42px;

}

.ab-lux-points li {
    padding-left: 32px;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    transition: transform .3s ease;
    font-family: EMprint-Regular;
    color: #157540;
    text-align: justify;
}
.ab-lux-points li::before{
  content:"✔";
  position:absolute;
  left:0;
  top:0;
  color:red;
  font-weight:700;
}

.ab-lux-points li:hover{
  transform:translateX(6px);
}

/* ============================= */
/* BUTTON                        */
/* ============================= */

.ab-lux-btn{
  display:inline-block;
  padding:14px 38px;
  border-radius:40px;
  text-decoration:none;
  font-weight:600;
  font-size:18px;
  color:#fff;
  background:linear-gradient(135deg,var(--lux-yellow),var(--lux-green));
  box-shadow:0 12px 32px rgba(242,201,76,.35);
  transition:all .35s ease;
  position:relative;
  overflow:hidden;
  font-family: EMprint-Semibold;
}

.ab-lux-btn:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 55px rgba(242,201,76,.55);
}

.ab-lux-btn::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    120deg,
    transparent 30%,
    rgba(255,255,255,.45),
    transparent 70%
  );
  transform:translateX(-100%);
}

.ab-lux-btn:hover::after{
  animation:btnShine .8s ease;
}

/* ============================= */
/* ANIMATIONS                    */
/* ============================= */

@keyframes floatSlow{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-16px)}
}

@keyframes titleShimmer{
  0%{background-position:0% center}
  100%{background-position:200% center}
}

@keyframes btnShine{
  to{transform:translateX(100%)}
}

/* ============================= */
/* REVEAL EFFECT                 */
/* ============================= */

.reveal{
  opacity:1;
  transform:translateY(40px);
  transition:all .9s cubic-bezier(.22,1,.36,1);
}

.reveal.active{
  opacity:1;
  transform:none;
}

/* ============================= */
/* RESPONSIVE                    */
/* ============================= */

@media(max-width:992px){
  .ab-lux-container-v3{
    grid-template-columns:1fr;
    gap:70px;
  }

  .ab-lux-frame-mini{
    position:relative;
    right:0;
    top:auto;
    transform:none;
    margin-top:30px;
  }

  .ab-lux-text{
    padding-left:0;
  }

  .ab-lux-text::before{
    display:none;
  }

  .ab-lux-points{
    grid-template-columns:1fr;
  }

  .ab-lux-title{
    font-size:36px;
  }
}
/* ============================= */
/* 3D TILT EFFECT                */
/* ============================= */

.ab-lux-frame,
.ab-lux-frame-mini{
  perspective:1200px;
}

.ab-lux-frame img,
.ab-lux-frame-mini img{
  transform-style:preserve-3d;
  transition:
    transform .15s ease-out,
    box-shadow .3s ease;
  will-change:transform;
}

/* Extra depth on hover */
.ab-lux-frame:hover img{
  box-shadow:0 60px 160px rgba(0,0,0,.35);
}

.ab-lux-frame-mini:hover img{
  box-shadow:0 50px 120px rgba(0,0,0,.4);
}



/*----------------- inside vision mision values -------------------*/

:root{
  --gold:#f2c94c;
  --gold-soft:rgba(242,201,76,.25);
  --green-dark:#0f2e1d;
  --green-muted:#3f5f4f;
}

/* =====================================================
   SECTION BASE
===================================================== */



.in-vm-ultra{
  position:relative;
  padding:60px 0;
  background:
    radial-gradient(circle at 15% 20%, var(--gold-soft), transparent 35%),
    linear-gradient(180deg,#fffdf6,#ffffff);
  overflow:hidden;
}

/* animated background drift */
.in-vm-ultra::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 80% 20%, rgba(242,201,76,.12), transparent 35%),
    radial-gradient(circle at 20% 80%, rgba(15,46,29,.08), transparent 40%);
  pointer-events:none;
  animation:bgDrift 18s ease-in-out infinite alternate;
}

@keyframes bgDrift{
  from{transform:translateY(0)}
  to{transform:translateY(-20px)}
}

.in-vm-container{
  max-width:1200px;
  margin:auto;
  padding:0 20px;
  position:relative;
  z-index:2;
}

/* =====================================================
   HEADER
===================================================== */

.in-vm-header{
  text-align:center;
  margin-bottom:90px;
  opacity:0;
  transform:translateY(30px);
  animation:headerReveal 1.3s cubic-bezier(.22,1,.36,1) forwards;
}

.in-vm-eyebrow{
  letter-spacing:3px;
  font-weight:600;
  color:var(--green-dark);
  display:inline-block;
  margin-bottom:16px;
  font-size: 14px;
  font-family: EMprint-SemiBold;
}

.in-vm-title{
  font-size:46px;
  font-weight:900;
  line-height:1.2;
  color:var(--green-dark);
  font-family: EMprint-Bold;
}

.in-vm-title span{
  background:linear-gradient(
    120deg,
    #f2c94c,
    #2f7d32
  );
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-size:300% auto;
  animation:titleShimmer 6s linear infinite;
}

/* =====================================================
   GRID
===================================================== */

.in-vm-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
}

/* =====================================================
   CARD
===================================================== */

.in-vm-card{
  position:relative;
  background:rgba(255,255,255,.92);
  border-radius:28px;
  padding:50px 45px;
  box-shadow:0 40px 120px rgba(0,0,0,.12);
  backdrop-filter:blur(12px);
  opacity:0;
  transform:translateY(40px);
  animation:cardReveal 1.2s cubic-bezier(.22,1,.36,1) forwards;
  overflow:hidden;
}

.in-vm-vision{ animation-delay:.2s; }
.in-vm-mission{ animation-delay:.4s; }

/* gold border glow */
.in-vm-card::before{
  content:'';
  position:absolute;
  inset:-1px;
  border-radius:28px;
  background:
    linear-gradient(135deg,rgba(242,201,76,.45),transparent 60%),
    repeating-linear-gradient(
      45deg,
      rgba(255,255,255,.03) 0,
      rgba(255,255,255,.03) 1px,
      transparent 1px,
      transparent 6px
    );
  opacity:.4;
  z-index:-1;
}

/* cinematic light sweep */
.in-vm-card::after{
  content:'';
  position:absolute;
  top:0;
  left:-40%;
  width:40%;
  height:100%;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.35),
    transparent
  );
}

.in-vm-card:hover::after{
  animation:cardSweep 1.8s ease forwards;
}

@keyframes cardSweep{
  to{left:120%}
}

/* hover lift */
.in-vm-card:hover{
  transform:translateY(-12px);
  box-shadow:
    0 55px 150px rgba(0,0,0,.2),
    0 0 70px rgba(242,201,76,.25);
}

/* =====================================================
   CARD HEADER
===================================================== */

.in-vm-card-header{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:26px;
}

.in-vm-card h3{
  font-size:26px;
  font-weight:800;
  color:var(--green-dark);
  position:relative;
  font-family: EMprint-Bold;
}

/* gold accent underline */
.in-vm-card h3::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-8px;
  width:0;
  height:3px;
  background:linear-gradient(90deg,#f2c94c,#d4af37,transparent);
  transition:width .6s ease;
}

.in-vm-card:hover h3::after{
  width:80px;
}

/* =====================================================
   ICON IMAGE (60x60)
===================================================== */

.in-vm-icon-img{
  width:60px;
  height:60px;
  border-radius:50%;
  background:linear-gradient(135deg,#f2c94c,#d4af37);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
  box-shadow:
    0 14px 35px rgba(242,201,76,.4),
    0 0 0 1px rgba(242,201,76,.45);
  transition:transform .5s cubic-bezier(.22,1,.36,1),
             box-shadow .5s ease;
}

.in-vm-icon-img img{
  width:60px;
  height:60px;
  object-fit:contain;
  filter:brightness(0) invert(1);
  z-index:2;
}

/* gold pulse */
.in-vm-icon-img::after{
  content:'';
  position:absolute;
  inset:-10px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(242,201,76,.45),transparent 70%);
  opacity:.6;
  animation:iconPulse 3s infinite;
}

.in-vm-card:hover .in-vm-icon-img{
  transform:scale(1.07) rotate(-3deg);
}

/* =====================================================
   TEXT
===================================================== */

.in-vm-card p{
  font-size:17px;
  line-height:1.8;
  color:var(--green-muted);
  font-weight: 400;
  font-family: EMprint-Regular;
}

/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes headerReveal{
  to{opacity:1;transform:none}
}

@keyframes cardReveal{
  to{opacity:1;transform:none}
}

@keyframes titleShimmer{
  0%{background-position:0% center}
  50%{background-position:100% center}
  100%{background-position:0% center}
}

@keyframes iconPulse{
  0%{transform:scale(.9);opacity:.4}
  50%{transform:scale(1.1);opacity:.8}
  100%{transform:scale(.9);opacity:.4}
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:992px){
  .in-vm-grid{grid-template-columns:1fr}
  .in-vm-title{font-size:36px}
}

/*-------------------------------------- inside how we work -----------------------------------------------*/
/* =====================================================
   ROOT – COLOR SYSTEM
===================================================== */

:root{
  --bg-main:#fffdf6;
  --gold:#f2c94c;
  --green-dark:#0f2e1d;
  --green-muted:#3f5f4f;
  --border:rgba(0,0,0,.08);
}

/* =====================================================
   SECTION BASE
===================================================== */

.how-it-works-elite{
  padding:60px 0;
  background:
    radial-gradient(circle at 15% 20%, rgba(242,201,76,.25), transparent 35%),
    #fff;
}

.how-it-works-elite .container{
  max-width:1300px;
  margin:auto;
  padding:0 20px;
}

/* =====================================================
   HEADER
===================================================== */

.hiw-header{
  text-align:center;
  margin-bottom:70px;
}

.hiw-eyebrow{
  letter-spacing:2px;
  font-weight:600;
  color:var(--green-dark);
  font-family: EMprint-SemiBold;
}

.hiw-title{
  font-size:48px;
  font-weight:900;
  line-height:1.2;
  font-family: EMprint-Bold;
}

/* =====================================================
   TITLE GRADIENT (BASE)
===================================================== */

.hiw-title span{
  background: linear-gradient(90deg, #f2c94c, #2f7d32);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-size:200% auto;
  animation:titleShimmer 6s linear infinite;
}

/* =====================================================
   GRID
===================================================== */

.hiw-grid{
  display:grid;
  grid-template-columns:1fr 2fr;
  gap:40px;
}

/* =====================================================
   LEFT NAV
===================================================== */

.hiw-steps{
  background:#fff;
  padding:30px;
  border-radius:22px;
  box-shadow:0 30px 80px rgba(0,0,0,.08);
}

.hiw-step{
  width:100%;
  margin-bottom:14px;
  padding:18px 20px;
  border-radius:14px;
  border:1px solid var(--border);
  background:none;
  text-align:left;
  font-weight:600;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  font-family: EMprint-Semibold;
  font-size: 16px;
}
.hiw-step span{
  color: red;
}

.hiw-step.active,
.hiw-step:hover{
  background:rgba(242,201,76,.25);
  border-color:var(--gold);
}

/* =====================================================
   CONTENT AREA
===================================================== */

.hiw-contents{
  position:relative;
}

.hiw-content{
  display:none;
  grid-template-columns:1fr 1fr;
  gap:30px;
  align-items:stretch;
  opacity:0;
  transform:translateY(20px);
}

.hiw-content.active{
  display:grid;
  animation:contentReveal .7s ease forwards;
}

/* =====================================================
   CARD
===================================================== */

.hiw-card{
  background:#fff;
  padding:40px;
  border-radius:22px;
  box-shadow:0 30px 90px rgba(0,0,0,.1);
  position:relative;
  backdrop-filter:blur(10px);
}

.hiw-card::after{
  content:'';
  position:absolute;
  inset:-1px;
  border-radius:22px;
  background:linear-gradient(
    135deg,
    rgba(242,201,76,.35),
    transparent 60%
  );
  opacity:.35;
  z-index:-1;
}

.hiw-card:hover{
  transform:translateY(-10px);
  box-shadow:
    0 40px 120px rgba(0,0,0,.18),
    0 0 60px rgba(242,201,76,.15);
}

.hiw-card h3{
  margin:25px 0 10px;
  font-size:24px;
  font-weight:700;
  font-family: EMprint-SemiBold;
}

.hiw-card p{
  color:var(--green-muted);
  line-height:1.7;
  font-size:16px;
  margin-bottom:20px;
  font-family: EMprint-Regular;

}

/* =====================================================
   ICON
===================================================== */

.hiw-icon{
  width:60px;
  height:60px;
  border-radius:50%;
  background:linear-gradient(135deg,#f2c94c,#d4af37);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  position:relative;
}

.hiw-icon::after{
  content:'';
  position:absolute;
  inset:-8px;
  border-radius:50%;
  background:radial-gradient(
    circle,
    rgba(242,201,76,.45),
    transparent 70%
  );
  opacity:.6;
  animation:pulseGold 3s infinite;
}

/* =====================================================
   IMAGE
===================================================== */

.hiw-image{
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 40px 100px rgba(0,0,0,.18);
}

.hiw-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.05);
  transition:transform 8s ease;
}

.hiw-content.active .hiw-image img{
  transform:scale(1.12);
}

/* =====================================================
   LINK
===================================================== */

.hiw-link{
  font-weight:600;
  text-decoration:none;
  color:var(--green-dark);
  position:relative;
  font-family: EMprint-Semibold;
  font-size: 16px;
}

.hiw-link::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-4px;
  width:0;
  height:2px;
  background:linear-gradient(90deg,#f2c94c,#d4af37);
  transition:.4s ease;
}

.hiw-link:hover::after{
  width:100%;
}

/* =====================================================
   FOOTER TAGS
===================================================== */

.hiw-footer{
  margin-top:70px;
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
}

.hiw-footer span{
  background:#fff;
  padding:12px 26px;
  border-radius:100px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  cursor:default;
  font-weight:600;
  font-family: EMprint-Semibold;
  transition:.3s ease;
  color:var(--green-dark);
  font-size: 16px;
}

.hiw-footer span:hover{
  transform:translateY(-4px);
  box-shadow:
    0 16px 40px rgba(0,0,0,.15),
    0 0 30px rgba(242,201,76,.25);
}

/* =====================================================
   GLOBAL MOTION
===================================================== */

*{
  transition-timing-function:cubic-bezier(.22,1,.36,1);
}

/* =====================================================
   LEFT STEP – GOLD SWEEP
===================================================== */

.hiw-step::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(
    120deg,
    transparent 20%,
    rgba(242,201,76,.35),
    transparent 80%
  );
  opacity:0;
  transform:translateX(-120%);
}

.hiw-step.active::after{
  animation:goldSweep 1.4s ease forwards;
}

.hiw-step.active{
  box-shadow:
    0 0 0 1px rgba(242,201,76,.6),
    0 18px 40px rgba(242,201,76,.25);
}

/* =====================================================
   HEADER ANIMATIONS
===================================================== */

.hiw-header{
  opacity:0;
  transform:translateY(30px);
  animation:headerReveal 1.2s cubic-bezier(.22,1,.36,1) forwards;
}

.hiw-eyebrow{
  position:relative;
  padding-bottom:10px;
  animation:eyebrowFade 1.2s ease forwards;
}

.hiw-eyebrow::after{
  content:'';
  position:absolute;
  left:50%;
  bottom:0;
  width:100%;
  height:2px;
  background:linear-gradient(
    90deg,
    transparent,
    var(--gold),
    transparent
  );
  transform:translateX(-50%);
  animation:goldLine 3s infinite;
}

.hiw-title{
  position:relative;
  overflow:hidden;
  animation:titleReveal 1.3s cubic-bezier(.22,1,.36,1) forwards;
}

/* =====================================================
   ENHANCED TITLE GRADIENT
===================================================== */

.hiw-title span{
  position:relative;
  display:inline-block;
  background:linear-gradient(
    120deg,
    #f2c94c 25%,
    #fff3b0 0%,
    #2f7d32 55%,
    #1f5c3a 75%,
    #f2c94c 100%
  );
  background-size:300% auto;
  background-position:0% center;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:
    titleShimmerPro 7s cubic-bezier(.22,1,.36,1) infinite,
    goldGlow 4.5s ease-in-out infinite;
}

.hiw-title span::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-10px;
  width:0;
  height:3px;
  background:linear-gradient(90deg,#f2c94c,#d4af37);
  animation:titleUnderline 1.4s ease forwards;
  animation-delay:.8s;
}

/* =====================================================
   KEYFRAMES
===================================================== */

@keyframes goldSweep{
  to{transform:translateX(120%);opacity:1;}
}

@keyframes contentReveal{
  to{opacity:1;transform:translateY(0);}
}

@keyframes pulseGold{
  0%{transform:scale(.9);opacity:.4}
  50%{transform:scale(1.1);opacity:.8}
  100%{transform:scale(.9);opacity:.4}
}

@keyframes headerReveal{
  to{opacity:1;transform:translateY(0);}
}

@keyframes eyebrowFade{
  from{opacity:0;transform:translateY(10px);letter-spacing:6px}
  to{opacity:1;transform:none;letter-spacing:2px}
}

@keyframes goldLine{
  0%{opacity:.2}
  50%{opacity:1}
  100%{opacity:.2}
}

@keyframes titleReveal{
  from{opacity:0;transform:translateY(25px)}
  to{opacity:1;transform:none}
}

@keyframes titleUnderline{
  to{width:100%}
}

@keyframes titleShimmerPro{
  0%{background-position:0% center}
  50%{background-position:100% center}
  100%{background-position:0% center}
}

@keyframes goldGlow{
  0%,100%{filter:drop-shadow(0 0 0 rgba(242,201,76,0))}
  50%{filter:drop-shadow(0 6px 18px rgba(242,201,76,.35))}
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:992px){
  .hiw-grid{grid-template-columns:1fr}
  .hiw-content{grid-template-columns:1fr}
  .hiw-title{font-size:36px}
}
/* ======================================
   CARD HEADER ALIGNMENT
====================================== */

.hiw-card-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:20px;
}

/* ======================================
   RIGHT ICON IMAGE (60x60)
====================================== */

.hiw-icon-img{
  width:60px;
  height:60px;
  border-radius:50%;
  background: linear-gradient(135deg,#f2c94c,#d4af37);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  box-shadow:
    0 12px 30px rgba(242,201,76,.35),
    0 0 0 1px rgba(242,201,76,.45);
  overflow:hidden;
}

/* icon image itself */
.hiw-icon-img img{
  width:28px;
  height:28px;
  object-fit:contain;
  filter: brightness(0) invert(1); /* white premium icon */
  z-index:2;
}

/* subtle gold shimmer sweep */
.hiw-icon-img::after{
  content:'';
  position:absolute;
  inset:0;
  background: linear-gradient(
    120deg,
    transparent 25%,
    rgba(255,255,255,.55),
    transparent 75%
  );
  transform: translateX(-120%);
  opacity:.7;
}

/* animate shimmer on hover */
.hiw-card:hover .hiw-icon-img::after{
  animation: iconGoldSweep 1.2s ease forwards;
}

@keyframes iconGoldSweep{
  to{ transform: translateX(120%); }
}

.in-vm-header p{
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
  color: #09460f;
  font-family: EMprint-Regular;
}
.in-vm-header p span{
  color: red;
}

/*------------------------------------------------------- end of inside about us   -----------------------------------------------*/


/*---------------------------------------- inside projects  -----------------------------*/

:root{
  --gold:#f2c94c;
  --gold-soft:rgba(242,201,76,.25);
  --green-dark:#0f2e1d;
  --bg:#fffdf6;
}

/* SECTION */
.projects-ultra{
  padding:80px 0;
  background:
    radial-gradient(circle at 15% 20%, var(--gold-soft), transparent 35%),
    linear-gradient(180deg,var(--bg),#ffffff);
}

.projects-container{
  max-width:1400px;
  margin:auto;
  padding:0 20px;
}

/* HEADER */
.projects-header{
  text-align:center;
  margin-bottom:60px;
}

.projects-eyebrow{
  letter-spacing:3px;
  font-weight:600;
  color:var(--green-dark);
  margin-bottom:14px;
  display:inline-block;
  font-size:16px;
  font-family:EMprint-Semibold;
}

.projects-eyebrow span{
  color: red;
}

.projects-title{
  font-size:46px;
  font-weight:900;
  color:var(--green-dark);
  font-family:EMprint-Bold;
  line-height:1.2;
  margin:0;

}

.projects-title span{
  background:linear-gradient(120deg,#f2c94c,#2f7d32,#f2c94c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-size:300% auto;
  animation:titleShimmer 6s linear infinite;
}

/* FILTER BUTTONS */
.projects-filters{
  display:flex;
  justify-content:center;
  gap:18px;
  margin-bottom:70px;
}

.filter-btn{
  padding:14px 36px;
  border-radius:50px;
  border:1px solid rgba(242,201,76,.45);
  background:transparent;
  color:var(--green-dark);
  font-weight:600;
  cursor:pointer;
  transition:.5s ease;
  font-family:EMprint-Semibold;
  font-size: 16px;
}

.filter-btn.active{
  background:linear-gradient(135deg,#f2c94c,#fff3b0);
  box-shadow:0 20px 60px rgba(242,201,76,.35);
}

/* GRID */
.projects-grid{
  columns:4;
  column-gap:24px;
}

@media(max-width:1200px){.projects-grid{columns:3}}
@media(max-width:768px){.projects-grid{columns:2}}
@media(max-width:480px){.projects-grid{columns:1}}

/* PROJECT CARD */
.project-item{
  break-inside:avoid;
  margin-bottom:24px;
  border-radius:22px;
  overflow:hidden;
  position:relative;
  animation:floatUp 18s ease-in-out infinite;
  transition:transform .8s ease, box-shadow .8s ease;
}

.project-item:nth-child(even){
  animation-name:floatDown;
}

.project-item:hover{
  animation-play-state:paused;
  transform:translateY(-12px);
  box-shadow:0 40px 120px rgba(0,0,0,.25);
}

.project-item img{
  width:100%;
  display:block;
}

/* OVERLAY */
.project-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(15,46,29,.85),rgba(15,46,29,.3),transparent);
  opacity:0;
  transition:.6s ease;
  display:flex;
  align-items:flex-end;
  padding:26px;
}

.project-info{
  color:#fff;
  transform:translateY(20px);
  transition:.6s ease;
}

.project-info h4{
  margin:0 0 6px 0;
  font-size:22px;
  font-weight:900;
  font-family:EMprint-Bold;
}

.project-info span{
  font-size:16px;
  font-weight:600;
  font-family:EMprint-Semibold;
}

.project-item:hover .project-overlay{opacity:1}
.project-item:hover .project-info{transform:translateY(0)}

/* ANIMATIONS */
@keyframes titleShimmer{
  0%{background-position:0%}
  50%{background-position:100%}
  100%{background-position:0%}
}

@keyframes floatUp{
  0%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
  100%{transform:translateY(0)}
}

@keyframes floatDown{
  0%{transform:translateY(0)}
  50%{transform:translateY(10px)}
  100%{transform:translateY(0)}
}

/*------------------------------------------------------- end of inside projects   -----------------------------------------------*/

/*------------------------------------------------------- Contact Us  -----------------------------------------------*/
:root{
  --gold:#f2c94c;
  --neon:#9effc3;
  --dark:#050c08;
  --glass:rgba(255,255,255,.05);
}

/* =====================================================
   SECTION
===================================================== */
.contact-future{
  position:relative;
  background:
    radial-gradient(circle at 20% 20%, rgba(242, 201, 76, .12), transparent 45%), radial-gradient(circle at 80% 80%, rgba(158, 255, 195, .12), transparent 45%), linear-gradient(180deg, #155535, #155535);
  color:#fff;
  padding:60px 0 0;
  overflow:hidden;
      top: 20px;
      
    margin: 0 0 40px 0;
}

/* =====================================================
   ANIMATED DATA LINES (SUBTLE)
===================================================== */
.data-lines{
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(
      to right,
      rgba(158,255,195,.06) 0,
      rgba(158,255,195,.06) 1px,
      transparent 1px,
      transparent 72px
    );
  animation:dataFlow 24s linear infinite;
  pointer-events:none;
}

@keyframes dataFlow{
  from{background-position:0 0}
  to{background-position:720px 0}
}

/* =====================================================
   MAIN GRID
===================================================== */
.contact-grid{
  max-width:1500px;
  margin:auto;
  padding:0 24px 24px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:90px;
  align-items:center;
  position:relative;
  z-index:2;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.contact-eyebrow{
  font-size:16px;
  letter-spacing:4px;
  text-transform:uppercase;
  color:var(--neon);
  margin-bottom:18px;
  font-family: EMprint-Semibold;
  font-weight: 600;
}

.contact-title{
  font-size:54px;
  font-weight:900;
  line-height:1.1;
  margin-bottom:60px;
  font-family: EMprint-Bold;
}

.contact-title span{
  background:linear-gradient(120deg,var(--gold),#ffffff,var(--neon));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* INFO PANELS */
.contact-panels{
  display:grid;
  gap:28px;
}

.panel{
  position:relative;
  padding:36px;
  background:#9EA7A1;
  backdrop-filter:blur(20px);
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  transition:.6s cubic-bezier(.22,1,.36,1);
  overflow:hidden;
}

.panel::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(242,201,76,.18),
    transparent
  );
  opacity:0;
  transition:.6s ease;
}

.panel:hover::after{opacity:1}

.panel:hover{
  transform:translateY(-8px);
  box-shadow:
    0 40px 120px rgba(0,0,0,.85),
    0 0 60px rgba(158,255,195,.25);
}

.panel-label{
  font-size:16px;
  letter-spacing:3px;
  color: white;
  margin-bottom:10px;
  font-weight: 600;
  font-family: EMprint-Semibold;
}

.panel-value a {
  display: inline-block;
  margin-top: 4px;
  color: #1e5b47;
  text-decoration: none;
  
}



.panel-value{
  font-size:20px;
  font-weight:900;
  font-family: EMprint-Bold;
  color:#1e5b47;
  line-height:1.5;
  
}

.panel-value span{
  font-size:20px;
  font-weight:900;
  font-family: EMprint-Bold;
  color:var(--red);
  line-height:1.5;
}

/* =====================================================
   RIGHT IMAGE (FUTURE VISUAL)
===================================================== */
.future-image{
  position:relative;
  height:560px;
  border-radius:32px;
  overflow:hidden;
  box-shadow:
    0 80px 220px rgba(0,0,0,.9),
    0 0 140px rgba(158,255,195,.18);
}

.future-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:contrast(1.15) saturate(1.05);
}

/* GRID OVERLAY */
.future-image::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(
      to right,
      rgba(255,255,255,.035) 0,
      rgba(255,255,255,.035) 1px,
      transparent 1px,
      transparent 48px
    ),
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,.035) 0,
      rgba(255,255,255,.035) 1px,
      transparent 1px,
      transparent 48px
    );
  z-index:1;
}

/* EDGE GLOW */
.future-image::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:32px;
  box-shadow:inset 0 0 0 1px rgba(158,255,195,.35);
  z-index:2;
}

/* =====================================================
   SIGNATURE LINE
===================================================== */
.future-signature{
  text-align:center;
  font-weight: 400;
  font-family: EMprint-Regular;
  font-size:18px;
  letter-spacing:.4px;
  color:#caffdf;
  border-top:1px solid rgba(255,255,255,.08);
}

/* =====================================================
   FULL WIDTH MAP
===================================================== */
.future-map{
  width:100%;
  height:520px;
  
}

.future-map iframe{
  width:100%;
  height:100%;
  border:0;
}

/* =====================================================
   RESPONSIVE
===================================================== */
@media(max-width:1000px){
  .contact-grid{
    grid-template-columns:1fr;
  }
  .contact-title{
    font-size:40px;
  }
}
/* =====================================================
   FUTURISTIC IMAGE – PREMIUM ANIMATION
===================================================== */
.future-image{
  position:relative;
  height:560px;
  border-radius:32px;
  overflow:hidden;

  /* BASE DEPTH */
  transform-style:preserve-3d;
  animation:imageFloat 18s ease-in-out infinite;

  box-shadow:
    0 80px 220px rgba(0,0,0,.9),
    0 0 140px rgba(158,255,195,.18);

  transition:transform 1.4s cubic-bezier(.22,1,.36,1),
             box-shadow 1.4s ease;
}

.future-image{
  animation:floatXY 16s ease-in-out infinite;
}

@keyframes floatXY{
  0%   { transform:translate(0,0); }
  25%  { transform:translate(8px,-10px); }
  50%  { transform:translate(0,-18px); }
  75%  { transform:translate(-8px,-10px); }
  100% { transform:translate(0,0); }
}

/* =====================================================
   PANEL LINK + IMAGE ICON (60x60)
===================================================== */
.panel-link{
  display:flex;
  align-items:center;
  gap:26px;
  text-decoration:none;
  color:inherit;
  cursor:pointer;
}

/* ICON CONTAINER */
.panel-icon{
  width:60px;
  height:60px;
  border-radius:16px;
  background:rgba(158,255,195,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;

  box-shadow:
    0 0 30px rgba(158,255,195,.25);

  transition:.6s cubic-bezier(.22,1,.36,1);
}

/* ICON IMAGE */
.panel-icon img{
  width:60px;
  height:60px;
  object-fit:contain;
  filter:brightness(1.1);
  transition:.6s cubic-bezier(.22,1,.36,1);
}

/* HOVER EFFECT */
.panel-link:hover .panel-icon{
  transform:translateY(-6px) scale(1.08);
  box-shadow:
    0 0 60px rgba(158,255,195,.45),
    0 0 30px rgba(242,201,76,.35);
}

.panel-link:hover .panel-icon img{
  filter:brightness(1.25);
}


/*------------------------------------------------------- end of inside Contact Us   -----------------------------------------------*/

/*------------------------------------------------------- inside get a quote   -----------------------------------------------*/
:root{
  --green:#2f5d4a;
  --green-dark:#1f4033;
  --light:#f7f8f7;
}



.in-quote-section{
  min-height:100vh;
  background:
    linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),
    url("../images/inside-get-a-quote-1.jpg")
    center/cover no-repeat;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px;
}

/* MAIN CARD */
.quote-card{
  width:100%;
  max-width:1320px;
  background:rgba(255,255,255,0.96);
  border-radius:32px;
  display:grid;
  grid-template-columns:1fr 1.2fr;
  overflow:hidden;
  box-shadow:0 50px 120px rgba(0,0,0,0.35);
  align-items:stretch;
  animation:cardEnter 1s ease forwards;
}

@keyframes cardEnter{
  from{ opacity:0; transform:translateY(40px); }
  to{ opacity:1; transform:translateY(0); }
}

/* LEFT FORM */
.quote-form{
  padding:64px;
}

.brand{
  color:var(--red);
  font-weight:600;
  letter-spacing:3px;
  font-size:13px;
  margin-bottom:22px;
  font-family: EMprint-Semibold;
}

.quote-form h1{
  font-size:42px;
  font-weight:700;
  line-height:1.15;
  margin-bottom:32px;
  font-family: EMprint-Bold;
  color: var(--green);
}

/* INPUTS */
.input{
  width:100%;
  padding:15px 20px;
  border-radius:16px;
  border:1px solid #e3e6e4;
  margin-bottom:18px;
  font-size:14px;
  background:var(--light);
  transition:.3s;
  font-weight: 600;
  color: var(--green-dark);
  font-family: EMprint-Semibold;
}

.input:focus{
  outline:none;
  border-color:var(--green);
  box-shadow:0 0 0 4px rgba(47,93,74,.12);
  background:#fff;
}

textarea.input{
  resize:none;
  height:120px;
}

/* SERVICES */
.services-block{
  margin-bottom:18px;
}

.service-label{
  font-size:13px;
  font-weight:600;
  margin-bottom:6px;
  display:block;
  color: var(--green-dark);
  font-family: EMprint-Semibold;
}

/* PROJECT TYPE ANIMATION */
#type-wrapper{
  transition:.35s ease;
  transform-origin:top;
}

/* BUTTON */
.btn{
  width:100%;
  padding:17px;
  border-radius:20px;
  background:linear-gradient(135deg,var(--green),var(--green-dark));
  color:#fff;
  font-size:16px;
  border:none;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(47,93,74,.35);
  transition:.35s;
  font-family: EMprint-Semibold;
  font-weight: 600;
}

.btn:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 45px rgba(47,93,74,.45);
}

/* RIGHT IMAGE (FIXED) */
.quote-image{
  position:relative;
  display:flex;
}

.quote-image img{
  width:100%;
  height:100%;
  object-fit:cover; /* 🔥 FIX */
  animation:imageZoom 20s ease-in-out infinite alternate;
}

/* overlay */
/* .quote-image::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.55));
  z-index:1;
} */

/* floating label */
.quote-image::after{
  content:"Civil • Interiors • Turnkey Projects";
  position:absolute;
  bottom:28px;
  left:28px;
  background:rgba(255,255,255,0.85);
  backdrop-filter:blur(10px);
  padding:14px 22px;
  border-radius:18px;
  font-size:16px;
  z-index:2;
  animation:floatTag 4s ease-in-out infinite;
  font-weight: 600;
  color: var(--green-dark);
  font-family: EMprint-Semibold;
}

@keyframes imageZoom{
  from{ transform:scale(1); }
  to{ transform:scale(1.1); }
}

@keyframes floatTag{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-6px); }
}

/* RESPONSIVE */
@media(max-width:900px){
  .quote-card{ grid-template-columns:1fr; }
  .quote-image{ height:320px; }
  .quote-form{ padding:40px; }
}

/*------------------------------------------------------- end of inside get a quote   -----------------------------------------------*/

/*------------------------------------------------------- VIDEOS SECTION -----------------------------------------------*/
.video-showcase{
  padding:120px 20px;
  background:
    radial-gradient(circle at 20% 20%, #f6f9ff, transparent 40%),
    radial-gradient(circle at 80% 80%, #f2fbf6, transparent 40%),
    #ffffff;
}

.video-showcase-container{
  max-width:1320px;
  margin:auto;
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:60px;
  align-items:center;
}

/* FEATURE VIDEO */
.video-feature{
  position:relative;
  border-radius:28px;
  overflow:hidden;
  cursor:pointer;
  box-shadow:0 40px 100px rgba(0,0,0,.18);
}

.video-feature img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .6s ease;
}

.video-feature:hover img{
  transform:scale(1.05);
}

.video-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.55), transparent);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:40px;
  color:#fff;
}

.play-btn{
  width:72px;
  height:72px;
  border-radius:50%;
  background:#f4d21f;
  margin-bottom:14px;
  position:relative;
}

.play-btn::after{
  content:"";
  position:absolute;
  left:28px;
  top:22px;
  border-left:18px solid #2f5d4a;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
}

/* RIGHT CONTENT */
.video-info h2{
  font-size:48px;
  font-weight:900;
  margin:18px 0;
  line-height:1.15;
}

.video-info h2 span{
  color:#f4d21f;
}

.video-eyebrow{
  font-size:12px;
  letter-spacing:3px;
  color:#2f5d4a;
  font-weight:600;
}

.video-info p{
  font-size:16px;
  line-height:1.8;
  color:#4a6158;
  margin-bottom:36px;
}

/* THUMB GRID */
.video-thumbs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.thumb{
  position:relative;
  aspect-ratio:16/10;
  border-radius:16px;
  overflow:hidden;
  cursor:pointer;
  box-shadow:0 14px 40px rgba(0,0,0,.12);
}

.thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.thumb::after{
  content:"▶";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  color:#fff;
  background:rgba(0,0,0,.35);
}

.thumb.coming-soon{
  background:#f4f7f6;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  color:#6a7f77;
  font-weight:600;
}

/* MODAL */
.video-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.75);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
}

.video-modal.active{
  display:flex;
}

.video-modal-inner{
  width:90%;
  max-width:900px;
  aspect-ratio:16/9;
  background:#000;
  position:relative;
}

.video-modal iframe{
  width:100%;
  height:100%;
}

.video-modal .close{
  position:absolute;
  top:-40px;
  right:0;
  font-size:28px;
  color:#fff;
  cursor:pointer;
}

/* RESPONSIVE */
@media(max-width:900px){
  .video-showcase-container{
    grid-template-columns:1fr;
  }
  .video-info h2{
    font-size:38px;
  }
}
.video-feature{
  width:100%;
  max-width:100%;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 40px 100px rgba(0,0,0,.18);
  height: 600px;
}

.feature-video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/*------------------------------------------------------- end of VIDEOS SECTION -----------------------------------------------*/


/*------------------------------------------------------- inside page of services -----------------------------------------------*/

/* ================= PREMIUM COLOR SYSTEM ================= */
:root{
  --lux-yellow:#f2c94c;
  --lux-gold:#d4af37;
  --lux-green:#1f7a63;
  --lux-green-soft:#e6f3ef;

  --text-dark:#1a1a1a;
  --text-muted:#555;

  --glass:rgba(255,255,255,0.65);

  /* Warm luxury background */
  --bg-warm:linear-gradient(
    180deg,
    #fffaf0,
    #fff3d6 40%,
    #fff7e8
  );
}



/* SECTION */
.insp-lux-services{
  position:relative;
  padding:60px 8%;
  overflow:hidden;
  background:var(--bg-warm);
  color:var(--text-dark);
}

/* FLOATING GLOW */
.insp-float-shape{
  position:absolute;
  width:160px;
  height:160px;
  border-radius:50%;
  background:radial-gradient(circle,var(--lux-yellow),transparent 70%);
  filter:blur(60px);
  opacity:.6;
  animation:float 8s ease-in-out infinite;
}
.insp-float-shape.one{top:8%;left:6%;}
.insp-float-shape.two{bottom:12%;right:10%;animation-delay:2s;}

@keyframes float{
  50%{transform:translateY(-50px);}
}

/* LAYOUT */
.insp-lux-container{
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  align-items:flex-start;
}

/* CONTENT */
.insp-lux-subtitle{
  color:var(--lux-green);
  letter-spacing:2px;
  font-size:14px;
  font-weight:600;
  font-family: EMprint-Semibold;
}

.insp-lux-subtitle span{
  margin-right:8px;
  color:  #e53935;
}

.insp-lux-title{
  font-size:52px;
  line-height:1.2;
  margin:20px 0;
  color:var(--text-dark);
  font-weight: 900;
  font-family: EMprint-Bold;
}

.insp-lux-title span{
  background:linear-gradient(
    90deg,
    var(--lux-gold),
    var(--lux-yellow),
    var(--lux-green)
  );
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.insp-lux-desc{
  font-size:17px;
  color:var(--text-muted);
  font-weight: 500;
  font-family: EMprint-Regular;
  text-align: justify;
}

.serviceleft{
  margin: auto 0px;
}
/* ================= IMAGE SLIDER ================= */
.insp-square-border{
  position:relative;
  width:500px;
  height:500px;
  padding:10px;
  border-radius:28px;
  margin-top:40px ;
  margin-left: 150px;
}

/* CONTINUOUS ROTATION */
.insp-square-border::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:28px;
  background:conic-gradient(
    var(--lux-gold),
    var(--lux-yellow),
    var(--lux-green),
    var(--lux-gold)
  );
  animation:spin 40s linear infinite;
  opacity:.9;
}

@keyframes spin{
  to{transform:rotate(360deg);}
}

/* SLIDER */
.insp-slider{
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:22px;
  position:relative;
  z-index:2;
  background:#fff;
}

.insp-slides{
  display:flex;
  height:100%;
  transition:transform .9s cubic-bezier(.77,0,.18,1);
}

.insp-slide{
  min-width:100%;
  height:100%;
}

.insp-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* NAV BUTTONS */
.insp-slider-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:54px;
  height:54px;
  border-radius:50%;
  border:none;
  background:rgba(255,255,255,0.9);
  color:var(--lux-green);
  font-size:20px;
  cursor:pointer;
  box-shadow:0 10px 30px rgba(0,0,0,0.15);
  transition:.35s ease;
  z-index:5;
}

.insp-slider-btn:hover{
  background:var(--lux-green);
  color:#fff;
}

.insp-slider-btn.prev{left:20px;}
.insp-slider-btn.next{right:20px;}

/* SERVICES GRID */
.insp-lux-services-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
  margin-top:120px;
}

.insp-service-card{
  background:var(--glass);
  backdrop-filter:blur(25px);
  padding:36px;
  border-radius:22px;
  border:1px solid rgba(0,0,0,0.06);
  transition:.4s ease;
}

.insp-service-card:hover{
  transform:translateY(-14px);
  border-color: #e53935;
}

.insp-service-card h3{
  color:var(--lux-green);
  margin-bottom:12px;
  font-weight: 700;
  font-size: 18px;
  font-family: EMprint-Semibold;
}

.insp-service-card p{
  color:var(--text-muted);
  font-weight: 500;
  font-family: EMprint-Regular;
  font-size: 16px;
}

/* RESPONSIVE */
@media(max-width:1000px){
  .insp-lux-container{
    grid-template-columns:1fr;
  }
  .insp-square-border{
    margin-top:40px;
  }
  .insp-lux-services-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:600px){
  .insp-lux-title{font-size:38px;}
  .insp-lux-services-grid{
    grid-template-columns:1fr;
  }
  .insp-square-border{
    width:100%;
    height:360px;
  }
}

/*------------------------------------------------------- end of inside page of services -----------------------------------------------*/


















@media (max-width: 767px) {

  .header .header-center {
    display: none;
  }

  .header {
    height: 50px;
    width: 100%;
    left: auto;
  }

  .header .header-center {
    display: none;

  }

  header .header-left {
    display: none;
  }

  .sticky {
    display: none;
  }

  .logo img {
    width: 100px;
    height: 100px;
  }

  #myheader {
    display: none;
  }

  .mobile-container {
    max-width: 480px;
    margin: auto;
    background-color: transparent;
    height: auto;
    color: white;
    border-radius: 10px;
  }

  .topnav {
    overflow: hidden;
    background-color: transparent;
    position: relative;
    width: 350px;
    z-index: 100;
  }

  .topnav #myLinks {
    display: none;
    background-color: #ffffff;
    color: #000000 !important;
  }

  .topnav a {
    color: #000000;
    padding: 8px 12px;
    text-decoration: none;
    font-size: 15px;
    display: block;
    font-family: 'Maven Pro', sans-serif;
    letter-spacing: 0px;
    font-weight: 600;
  }

  .topnav a.icon {
    background: black;
    display: block;
    position: absolute;
    right: 0;
    top: 16px;
  }

  .fa-bars {
    color: #ffffff;
  }

  .topnav a:hover {
    background-color: #000000;
    color: #ffffff;
  }


  .mobile-container {
    display: block;
  }

  .mobile-menu {
    color: transparent !important;
    background-color: transparent;
  }

  .links li:hover .htmlcss-arrow,
  .links li:hover .htmlcss-arrow-1,
  .links li:hover .htmlcss-arrow-2,
  .links li:hover .htmlcss-arrow-3,
  .links li:hover .htmlcss-arrow-4 {
    transform: rotate(0deg);
  }

  .navbar .links li .sub-menu .more-sub-menu {
    display: none;
  }

  .navbar .links li .sub-menu .more span {
    /* background: red; */
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
  }

  nav .navbar .links li:hover .htmlCss-sub-menu,
  nav .navbar .links li:hover .htmlCss-sub-menu-1,
  nav .navbar .links li:hover .htmlCss-sub-menu-2,
  nav .navbar .links li:hover .htmlCss-sub-menu-3,
  nav .navbar .links li:hover .htmlCss-sub-menu-4,
  nav .navbar .links li:hover .htmlCss-sub-menu-5 {
    display: none;
  }

  .navbar .nav-links.show1 .links .htmlCss-sub-menu,
  .navbar .nav-links.show2 .links .htmlCss-sub-menu-1,
  .navbar .nav-links.show3 .links .htmlCss-sub-menu-2,
  .navbar .nav-links.show4 .links .htmlCss-sub-menu-3,
  .navbar .nav-links.show5 .links .htmlCss-sub-menu-4,
  .navbar .nav-links.show6 .links .htmlCss-sub-menu-5 {
    display: block;
  }

  .navbar .nav-links.show1 .links .htmlcss-arrow,
  .navbar .nav-links.show2 .links .htmlcss-arrow-1,
  .navbar .nav-links.show3 .links .htmlcss-arrow-2,
  .navbar .nav-links.show4 .links .htmlcss-arrow-3,
  .navbar .nav-links.show5 .links .htmlcss-arrow-4,
  .navbar .nav-links.show6 .links .htmlcss-arrow-5 {
    transform: rotate(180deg);
  }

  header .header-3 {
    display: none !important;
  }

  header .header-1 {
    display: none !important;
  }

  header .mobile-container nav {
    display: block !important;
  }

  header .header-2 {
    width: 100%;
    padding-left: 0 !important;
    height: auto !important;
  }

  nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    z-index: 99;
  }

  nav .navbar {
    max-width: 100%;
    padding: 0 25px;
  }

  nav .navbar {
    height: 100%;
 
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    /* background: red; */
    /*    padding: 0 50px;*/
  }

  .sidebar-logo i,
  .navbar .bx-menu {
    font-size: 25px;
    color: #1f232b;
    font-style: normal;
  }

  .navbar .bx-menu {
    display: block;
  }

  nav .navbar .nav-links {
    position: fixed;
    top: 0;
    left: -100%;
    display: block;
    max-width: 270px;
    width: 100%;
    background: #f1f2f2;
    line-height: 40px;
    padding: 20px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    transition: all 0.5s ease;
    z-index: 1000;
  }

  nav .navbar .nav-links {
    /*    line-height: 70px;*/
    height: 100%;
    overflow-y: auto;
  }

  .navbar .nav-links .sidebar-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed #cfcfcf;
  }

  .sidebar-logo .logo-name img {
    width: auto;
    height: auto;
  }

  nav .navbar .links {
    display: block;
    margin-top: 10px;
  }

  nav .navbar .links li {
    padding: 0 0 0 10px;
    white-space: nowrap;
  }

  nav .navbar .links li {
    position: relative;
    /*    display: flex;*/
    align-items: center;
    justify-content: space-between;
    list-style: none;
    /*    padding: 0 14px;*/
  }

  nav .navbar .links li a {
    font-size: 15px;
  }

  nav .navbar .links li a {
    /*    height: 100%;*/
    text-decoration: none;
    white-space: nowrap;
    color: #fff;
    /*    font-size: 15px;*/
    font-weight: 500;
  }

  nav .navbar .links li .arrow {
    line-height: 40px;
  }

  nav .navbar .links li .arrow {
    /* background: red; */
    height: 100%;
    width: 22px;
    line-height: 30px;
    display: inline-block;
    color: #333333;
    transition: all 0.3s ease;
    font-size: 15px;
  }

  nav .navbar .links li .sub-menu {
    position: relative;
    top: 0;
    box-shadow: none;
    display: none;
  }

  nav .navbar .links li .sub-menu {
    /*    position: absolute;*/
    /*    top: 70px;*/
    left: 0;
    line-height: 40px;
    background: #f1f2f2;
    /*    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);*/
    border-radius: 0 0 4px 4px;
    /*    display: none;*/
    z-index: 2;
    padding-left: 15px;
  }

  .navbar .links li .sub-menu li {
    padding: 0 0px;
    /*    border-bottom: 1px solid rgba(255,255,255,0.1);*/
  }

  nav .navbar .links li .sub-menu li {
    border-bottom: 1px solid #ffffff;
  }

  nav .navbar .links li {
    display: block;
  }

  nav .navbar .links li {
    /*    padding: 0 10px;*/
    white-space: nowrap;
  }

  nav .navbar .links li {
    position: relative;
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    justify-content: space-between;*/
    list-style: none;
    /*    padding: 0 14px;*/
    line-height: 30px;
    border-bottom: 1px solid #ffffff;
  }

  .navbar .links li .sub-menu a {
    font-size: 0.85rem;
    line-height: 1.75rem;
    color: #1f232b;
    font-weight: 300;
    font-family: EMprint-Semibold, Univers Next W23 Bold, Tahoma W01 Bold, Saral W60 Bold, AxisStd-Medium, MHei HK Bold, MHei PRC Bold, Ergo LT W01 Demi, YDGothic_140 Pro, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
    margin-bottom: 0;
    letter-spacing: -.0625rem;
    text-decoration: none;
  }

  nav .navbar .links li a {
    /*    height: 100%;*/
    text-decoration: none;
    white-space: nowrap;
    color: #333333;
    font-size: 0.9rem;
    font-weight: 300;
    font-family: EMprint-Semibold, Univers Next W23 Bold, Tahoma W01 Bold, Saral W60 Bold, AxisStd-Medium, MHei HK Bold, MHei PRC Bold, Ergo LT W01 Demi, YDGothic_140 Pro, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
    line-height: 1.75rem;
  }

  .bx-menu:before {
    content: "\f0c9";
  }

  .bxs-chevron-down:before {
    content: "\f078"
  }

  .logo a {
    font-size: 2rem;
    line-height: 3rem;
    text-align: left;
    color: #1f232b;
    font-weight: 600;
    font-family: EMprint-Light, Univers Next W23 Light, Tahoma W01 Regular, Saral W60, AxisStd-Light, MHei HK Medium, MHei PRC Medium, Ergo LT W08, YDGothic_120 Pro, HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
    margin-bottom: 0;
    letter-spacing: -.0625rem;
    text-decoration: none;
  }

  .bx-x:before {
    content: "\2715";
  }

  .sidebar-logo i {
    font-weight: bold;
  }

  .sidebar-logo .logo-name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: left;
    color: #000000;
    font-weight: 600;
    font-family: EMprint-Light, Univers Next W23 Light, Tahoma W01 Regular, Saral W60, AxisStd-Light, MHei HK Medium, MHei PRC Medium, Ergo LT W08, YDGothic_120 Pro, HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
    margin-bottom: 0;
    letter-spacing: -.0625rem;
    text-decoration: none;
  }


}

/* =========================================================
   MOBILE BANNER FIX — TEXT NOT DISPLAYING (≤ 767px)
========================================================= */

@media (max-width: 767px) {

  /* ================= BANNER HEIGHT ================= */
  .banner,
  .banner .banner-img {
    height: 75vh;
  }

  /* ================= CAPTION OVERLAY ================= */
  .banner .carousel-caption {
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0.78) 0%,
      rgba(0,0,0,0.55) 60%,
      rgba(0,0,0,0.25) 100%
    );
    z-index: 10;
  }

  /* ================= FIX carousel-inner CONFLICT ================= */
  .banner .carousel-caption .carousel-inner {
    position: relative;
    width: 100%;
    left: 0;
    top: 30%;
    transform: none;
    text-align: center;
  }

  /* ================= TEXT ================= */
  .banner .carousel-caption .carousel-inner h6 {
    font-size: 0.75rem;
    letter-spacing: 2px;
    margin-bottom: 10px;
    text-align: center;

    opacity: 1 !important;
    transform: none !important;
  }

  .banner .carousel-caption .carousel-inner h1 {
    font-size: 1.8rem;
    line-height: 1.3;
    margin-top: 14px;
    text-align: center;

    /* IMPORTANT: Gradient text breaks on mobile */
    -webkit-text-fill-color: initial !important;
    color: #ffffff !important;
    background: none !important;

    opacity: 1 !important;
    transform: none !important;
  }

  /* ================= DECORATIVE LINE ================= */
  .horizontal-rule--left {
    margin: 14px auto 0;
    opacity: 1 !important;
    transform: none !important;
  }

  /* ================= READ MORE BUTTON ================= */
  .banner-btn-wrap {
    margin: 25px auto 0;
    text-align: center;
  }

  .banner-readmore {
    padding: 12px 30px;
    font-size: 0.85rem;
  }

  /* ================= HIDE DESKTOP ELEMENTS ================= */
  .interior-video-description,
  .wrapper,
  .scrollIcon,
  .banner .banner-list {
    display: none !important;
  }

  /* ================= CONTROLS ================= */
  .banner .carousel-control-next,
  .banner .carousel-control-prev {
    display: none;
  }

  /* ================= INDICATORS ================= */
  .banner .carousel-indicators {
    display: flex;
    justify-content: center;
    bottom: 22px;
  }

  .banner .carousel-indicators [data-bs-target] {
    width: 6px;
    height: 6px;
    border: 3px solid #ffffff;
  }

  .banner .carousel-indicators .active {
    width: 12px;
    height: 12px;
    border-color: #F5C518;
  }

  /* ================= IMAGE ZOOM CONTROL ================= */
  .banner .carousel-item img {
    transform: scale(1.05);
  }

  .banner .carousel-item.active img {
    transform: scale(1);
  }


  .d-none{
    display: block !important;
  }
}

@media (max-width: 767px) {

  /* ================= SECTION SPACING ================= */
  .about-one {
    padding: 70px 0 60px;
  }

  .about-one .auto-container {
    padding: 0 18px;
  }

  /* ================= CONTENT COLUMN ================= */
  .about-one_content-column {
    padding-right: 0;
    margin-bottom: 40px;
  }

  .sec-title_title {
    font-size: 13px;
    letter-spacing: 1.5px;
  }

  .sec-title_heading {
    font-size: 32px;
    line-height: 1.15;
    margin-bottom: 16px;
  }

  .sec-title_text {
    font-size: 15px;
    line-height: 26px;
    max-width: 100%;
  }

  .about-one_subtitle {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .about-one_text {
    font-size: 15px;
    line-height: 26px;
    max-width: 100%;
  }

  /* ================= LIST ================= */
  .about-one_list {
    grid-template-columns: 1fr;
    width: 100%;
    margin-top: 20px;
  }

  .about-one_list li {
    min-height: 56px;
    padding-left: 70px;
    font-size: 16px;
    margin-bottom: 18px;
  }

  .about-one_list li::before {
    width: 50px;
    height: 50px;
  }

  /* ================= BUTTON ================= */
  .about-one .button-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    margin-top: 28px;
  }

  .btn-style-one {
    padding: 6px 6px 6px 22px;
    font-size: 14px;
  }

  .btn-style-one .btn-arrow {
    width: 42px;
    height: 42px;
  }

  /* ================= IMAGES COLUMN ================= */
  .about-one_images-column {
    padding-left: 0;
    text-align: center;
  }

  .about-one_images-column:before {
    display: none;
  }

  .about-one_image-outer {
    padding-bottom: 0;
    width: 100%;
  }

  /* MAIN IMAGE */
  .about-one_image img {
    width: 100%;
    max-width: 100%;
    transform: none;
    margin: 0 auto;
    box-shadow: 0 18px 28px rgba(0,0,0,0.14);
  }

  .about-one_image:before {
    display: none;
  }

  /* SECOND IMAGE */
  .about-one_image-two {
    position: relative;
    left: 0;
    bottom: 0;
    margin: 20px auto 0;
    display: block;
  }

  .about-one_image-two img {
    width: 80%;
    margin: 0 auto;
    box-shadow: 0 14px 22px rgba(0,0,0,0.12);
  }

  .about-one_image-two:before {
    display: none;
  }

  /* LETTER & CALLOUT */
  .about-one_letter,
  .about-one_images-column .right-callout {
    display: none;
  }

}

@media (max-width: 767px) {

  /* ================= SECTION ================= */
  .counter-one {
    padding: 24px 0;
  }

  .auto-container {
    padding: 0 16px;
  }

  /* ================= GRID ================= */
  .fact-counter .row {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .counter-block {
    width: 100%;
  }

  /* ================= CARD ================= */
  .counter-block .inner {
    padding: 22px 16px;
    min-height: auto;
    right: 0;
    border-right: none;
    border-bottom: 1px solid rgba(var(--black-color-rgb), 0.08);
    display: flex;
    align-items: center;
  }

  .counter-block:last-child .inner {
    border-bottom: none;
  }

  /* ================= ICON ================= */
  .icon-box {
    position: relative;
    left: 0;
    top: auto;
    transform: none;
    width: 72px;
    height: 72px;
    margin-right: 14px;
    flex-shrink: 0;
  }

  .icon-box img {
    width: 72px;
    height: 72px;
  }

  /* ================= CONTENT ================= */
  .content {
    padding-left: 0;
    padding-right: 40px; /* space for bars */
  }

  .count-box {
    font-size: 34px;
    gap: 6px;
  }

  .count-box .after {
    font-size: 22px;
  }

  .text {
    font-size: 12px;
    margin-top: 6px;
    letter-spacing: 0.06em;
  }

  /* ================= ANIMATED BARS ================= */
  .lines {
    right: 12px;
    bottom: 50%;
    transform: translateY(50%);
    gap: 6px;
  }

  .lines .line {
    width: 6px;
    border-radius: 2px;
  }

}
@media (max-width: 767px){

  /* ================= SECTION ================= */
  .vm-sauro{
    padding: 60px 16px;
    background:
      radial-gradient(
        circle at top,
        rgba(245,197,24,0.15),
        rgba(255,243,223,0.95) 65%
      );
  }

  /* ================= HEADER ================= */
  .vm-header{
    margin-bottom: 60px;
    padding: 0 8px;
  }

  .vm-badge{
    padding: 8px 22px;
    font-size: 12px;
    letter-spacing: 1.5px;
    margin-bottom: 18px;
  }

  .vm-header h2{
    font-size: 32px;
    line-height: 1.2;

    /* Mobile safety for gradient text */
    -webkit-text-fill-color: initial;
    background: none;
    color: #1e5b47;
  }

  .vm-header p{
    font-size: 15px;
    line-height: 1.7;
    color: #5f5f5f;
  }

  /* ================= GRID ================= */
  .vm-grid{
    grid-template-columns: 1fr;
    gap: 36px;
  }

  /* ================= CARD ================= */
  .vm-card{
    padding: 38px 26px;
    border-radius: 26px;
    backdrop-filter: blur(20px);
    box-shadow: 0 24px 50px rgba(0,0,0,0.10);
  }

  .vm-card::before{
    opacity: .22;
  }

  /* Disable heavy animations on mobile */
  .light-sweep,
  .vm-particle{
    display: none;
  }

  /* ================= ICON ================= */
  .vm-icon{
    width: 72px;
    height: 72px;
    border-radius: 22px;
    margin-bottom: 22px;
    box-shadow:
      0 14px 30px rgba(245,197,24,0.45),
      inset 0 0 0 1px rgba(255,255,255,0.18);
  }

  .vm-icon img{
    width: 42px;
    height: 42px;
  }

  /* ================= TEXT ================= */
  .vm-card h3{
    font-size: 24px;
    margin-bottom: 14px;
  }

  .vm-card p{
    font-size: 15px;
    line-height: 1.75;
    color: #1f1f1f;
  }

  /* ================= SCROLL REVEAL ================= */
  .vm-reveal{
    opacity: 1;
    transform: none;
    transition: none;
  }

}
@media (max-width: 767px) {

  /* ================= SECTION ================= */
  .section-full.p-t80 {
    padding-top: 50px;
  }

  .p-b50 {
    padding-bottom: 30px;
  }

  .container {
    padding: 0 16px;
  }

  /* ================= TITLE ================= */
  .section-head {
    margin-bottom: 40px;
    text-align: left;
  }

  .sep-line-one {
    font-size: 28px;
    padding: 16px 20px;
    line-height: 1.25;
  }

  /* ================= GRID ================= */
  .row {
    margin: 0;
  }

  .col-lg-4 {
    width: 100%;
    padding: 0;
    margin-bottom: 24px;

    /* Disable entry animation delay stacking */
    animation-delay: 0s !important;
  }

  /* ================= CARD WRAPPER ================= */
  .icon-count-2-outer {
    transform: none !important;
    box-shadow: none;
  }

  .icon-count-2-outer::before {
    display: none; /* remove hover slide bg */
  }

  /* ================= CARD ================= */
  .icon-count-2 {
    padding: 60px 22px 28px;
    min-height: auto;
    border-bottom-width: 4px;
  }

  /* Remove hover-only borders on mobile */
  .icon-count-2::before,
  .icon-count-2::after {
    display: none;
  }

  /* ================= NUMBER ================= */
  .icon-count-number {
    font-size: 56px;
    top: 16px;
    right: 20px;
    opacity: 0.15;
  }

  /* ================= ICON ================= */
  .icon-xl i {
    font-size: 46px;
  }

  .premium-icon {
    width: 52px;
    height: 52px;
    margin-bottom: 16px;
  }

  .premium-icon img {
    width: 52px;
    height: 52px;
  }

  .premium-icon::before {
    display: none; /* hover glow removed */
  }

  /* ================= CONTENT ================= */
  .icon-content h4 {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .icon-content p {
    font-size: 14.5px;
    line-height: 1.7;
    margin-bottom: 16px;
    text-align: left;
  }

  /* ================= READ MORE ================= */
  .site-button-link {
    font-size: 13px;
  }

  .site-button-link::before {
    display: none; /* hover underline off on mobile */
  }

  /* ================= BIG SIDE TEXT ================= */
  .hilite-title strong {
    display: none;
  }

}@media (max-width: 767px){

  /* ================= SECTION SPACING ================= */
  .tc-portfolio-style3{
    padding: 40px 0 50px;
  }

  .tc-portfolio-style3 .container{
    padding: 0 16px;
  }

  /* ================= SERVICES TITLE ================= */
  .outline-text{
    font-size: 36px;
    -webkit-text-stroke: 1px #1E5B47;
    margin-bottom: 12px;
  }

  .services-subtext{
    font-size: 15px;
    line-height: 1.6;
    max-width: 100%;
  }

  /* ================= PROJECT CARD LAYOUT ================= */
  .project-card{
    padding: 0;
  }

  .project-card .row{
    flex-direction: column;
    gap: 24px;
  }

  .col-lg-3,
  .col-lg-8,
  .offset-lg-1{
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }

  .text-lg-end{
    text-align: left;
  }

  /* ================= PROJECT INFO ================= */
  .project-card .info{
    transform: none;
    opacity: 1;
    padding-bottom: 20px;
  }

  .project-card .info h2{
    font-size: 28px;
    line-height: 1.15;
    margin-bottom: 12px;
  }

  .project-card .info p{
    font-size: 15px;
    line-height: 1.6;
  }

  .arrow-icon{
    width: 56px;
    height: 56px;
    font-size: 18px;
    margin-top: 28px;
  }

  .arrow-icon::after{
    display: none;
  }

  /* ================= PROJECT IMAGE ================= */
  .project-card .main-img{
    height: 280px;
    clip-path: none;
    transform: none;
    opacity: 1;
    border-radius: 14px;
  }

  /* ================= SLIDER CONTROLS ================= */
  .projects-slider .slider-controls{
    position: static;
    margin-top: 18px;
    justify-content: center;
  }

  .slider-controls .swiper-button-prev,
  .slider-controls .swiper-button-next{
    width: 40px;
    height: 40px;
  }

  /* ================= FILTER PROJECT SECTION ================= */
  .section-bg.project-section-bg{
    padding: 50px 0;
  }

  .title.project-title h1{
    font-size: 28px;
  }

  .filters.project-filters{
    flex-wrap: wrap;
    gap: 8px;
  }

  .pill.project-pill{
    font-size: 13px;
    padding: 8px 14px;
  }

  /* ================= PROJECT CARDS ================= */
  .swiper-slide.project-swiper-slide{
    height: auto;
  }

  .project-thumb.project-project-thumb{
    height: 200px;
  }

  .project-info.project-project-info{
    padding: 14px 16px;
  }

  .project-name.project-project-name{
    font-size: 16px;
  }

  .project-type.project-project-type{
    font-size: 11px;
  }

  .underline.project-underline{
    margin-top: 16px;
    width: 60px;
  }

  /* ================= BUTTON ================= */
  .stylish-button a{
    padding: 12px 24px;
    font-size: 0.95rem;
  }

  .stylish-button a::before,
  .stylish-button a::after{
    display: none;
  }

}

@media (max-width: 767px){

  /* ================= SECTION ================= */
  

  .pt-testimonials .pt-container-fluid{
    padding: 0 16px;
  }

  /* ================= MAIN WRAPPER ================= */
  .pt-testimonials .pt-main{
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
    padding: 40px 24px;
    margin-bottom: 30px;
  }

  .pt-testimonials .pt-main h6{
    font-size: 0.9rem;
    margin-bottom: 16px;
    text-align: left;
  }

  .pt-testimonials .pt-main h2{
    font-size: 1.9rem;
    line-height: 2.4rem;
    margin-bottom: 30px;
  }

  /* ================= LEFT CONTENT ================= */
  .pt-testimonials .pt-left{
    width: 100%;
    float: none;
  }

  /* ================= TESTIMONIAL GRID ================= */
  .pt-testimonials .pt-testimonials-grid{
    margin: 40px 0 60px;
    padding: 36px 20px;
    max-width: 100%;
  }

  /* Remove decorative corner frame */
  .pt-testimonials .pt-testimonials-main::after{
    display: none;
  }

  /* ================= QUOTE ICON ================= */
  .pt-testimonials .pt-quote{
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 18px;
  }

  .pt-quote img{
    width: 48px;
    height: 48px;
  }

  /* ================= DESCRIPTION ================= */
  .pt-testimonials .pt-description p{
    font-size: 0.95rem;
    line-height: 1.6rem;
    text-align: left;
  }

  /* ================= AUTHOR ================= */
  .pt-testimonials .pt-author{
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 24px;
    padding: 10px 12px;
    gap: 12px;
  }

  .pt-testimonials .pt-author img{
    width: 56px;
  }

  .pt-testimonials .pt-client-cnt h4{
    font-size: 1.15rem;
    line-height: 1.4rem;
  }

  .pt-testimonials .pt-client-cnt h5{
    font-size: 0.85rem;
    line-height: 1.2rem;
  }

  /* ================= SLIDER ================= */
 .pt-slider{
    position: relative;
    min-height: 360px; /* adjust based on content */
  }

  .pt-slider li{
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease;
  }

  .pt-slider li.pt-active{
    position: relative;
    opacity: 1;
    visibility: visible;
  }

}
@media (max-width: 767px){

  /* ================= SECTION ================= */
  .pt-cta-video{
    padding: 70px 16px;
    margin: 20px 0;
  }

  /* ================= GRID ================= */
  .pt-cta-grid{
    grid-template-columns: 1fr;
    gap: 40px;
    text-align: center;
  }

  /* ================= CONTENT ================= */
  .pt-cta-content{
    max-width: 100%;
  }

  .pt-cta-tag{
    font-size: 0.75rem;
    padding: 6px 14px;
    margin-bottom: 18px;
  }

  .pt-cta-content h2{
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 18px;
  }

  .pt-cta-content p{
    font-size: 0.95rem;
    line-height: 1.7rem;
  }

  /* ================= ACTION BUTTONS ================= */
  .pt-cta-actions{
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin-top: 32px;
  }

  .pt-btn{
    width: 100%;
    max-width: 280px;
    padding: 14px 26px;
    font-size: 0.9rem;
  }

  /* ================= VIDEO ================= */
  .pt-cta-bg-video{
    object-position: center;
  }

  /* ================= OVERLAY ================= */
  .pt-cta-overlay{
    background:
      linear-gradient(180deg, rgba(18,18,18,.95), rgba(18,18,18,.75)),
      radial-gradient(circle at center, rgba(245,197,24,.18), transparent 65%);
  }

}
@media (max-width: 767px){

  /* ================= FOOTER BASE ================= */
  footer{
    padding: 50px 16px 30px;
  }

  footer .container-fluid{
    width: 100%;
  }

  /* ================= FOOTER TOP ================= */
  .footer-top{
    flex-direction: column;
    gap: 22px;
    padding-bottom: 25px;
    text-align: center;
  }

  .footer-top::after{
    width: 90px;
  }

  /* LINKS */
  .footer-top .links{
    justify-content: center;
    gap: 14px;
  }

  .footer-top ul li a{
    font-size: 0.95rem;
  }

  /* ================= CONTACT PILLS ================= */
  .footer-top-contact{
    flex-direction: column;
    gap: 12px;
  }

  .footer-top-contact .contact-item{
    width: 100%;
    max-width: 280px;
    justify-content: center;
    padding: 10px 18px;
    font-size: 0.9rem;
  }

  /* ================= FOOTER BOTTOM ================= */
  .footer-bottom{
    flex-direction: column;
    gap: 16px;
    text-align: center;
    padding-top: 20px;
  }

  .footer-bottom p{
    font-size: 0.85rem;
    line-height: 1.4rem;
  }

  /* ================= SOCIAL ================= */
  .follow-wrap{
    flex-direction: column;
    gap: 12px;
  }

  .follow-title{
    font-size: 0.7rem;
  }

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

  .footer-social li a{
    width: 42px;
    height: 42px;
  }

  /* ================= ANIMATION SOFTENING ================= */
  
}
@media (max-width: 767px){

  /* ================= BANNER ================= */
  .sb-lux-ultra-banner{
    height: 280px;
    padding: 0;
    top:100px;
  }

  /* ================= CONTENT ================= */
  .sb-lux-content{
    padding: 0 20px;
    top: 0;
    text-align: center;
    align-items: center;
  }

  /* ================= EYEBROW ================= */
  .sb-lux-eyebrow{
    font-size: 11px;
    letter-spacing: 2.5px;
    margin-bottom: 10px;
  }

  /* ================= TITLE ================= */
  .sb-lux-title{
    font-size: 26px;
    line-height: 1.25;
    margin-bottom: 16px;
  }

  .sb-lux-title span::after{
    bottom: -4px;
    height: 1.5px;
  }

  /* ================= BREADCRUMB ================= */
  .sb-lux-breadcrumb-glass{
    padding: 8px 14px;
    gap: 8px;
    border-radius: 22px;
  }

  .sb-lux-breadcrumb-glass a,
  .sb-lux-breadcrumb-glass span,
  .sb-lux-breadcrumb-glass p{
    font-size: 12px;
  }

  /* ================= BACKGROUND EFFECTS ================= */
  .sb-lux-bg-layer{
    transform: scale(1.05);
    animation-duration: 28s;
  }

  .sb-lux-particles{
    background-size: 160px 160px;
    opacity: .18;
  }

  .sb-lux-light-sweep{
    display: none; /* heavy animation – disable on mobile */
  }

}
@media (max-width: 767px){

  /* ================= SECTION ================= */
  

  .ab-lux-container-v3{
    grid-template-columns: 1fr;
    gap: 48px;
    padding: 0 18px;
  }

  /* ================= IMAGE FRAME ================= */
  .ab-lux-frame{
    padding: 12px;
    border-radius: 28px;
  }

  .ab-lux-frame img{
    height: 360px;
    border-radius: 20px;
    animation: none; /* reduce motion on mobile */
  }

  /* MINI IMAGE */
  .ab-lux-frame-mini{
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    margin: 22px auto 0;
    text-align: center;
  }

  .ab-lux-frame-mini img{
    width: 220px;
    height: 220px;
    border-radius: 18px;
    border-width: 6px;
  }

  /* Disable heavy glow */
  .ab-lux-frame::after{
    inset: -20px;
    filter: blur(40px);
  }

  /* ================= CONTENT ================= */
  .ab-lux-text{
    padding-left: 0;
    text-align: left;
  }

  .ab-lux-text::before{
    display: none;
  }

  /* Subtitle */
  .ab-lux-subtitle{
    font-size: 14px;
    letter-spacing: 1.2px;
  }

  .ab-lux-subtitle::after{
    width: 30px;
  }

  /* Title */
  .ab-lux-title{
    font-size: 28px;
    line-height: 1.25;
    margin-bottom: 14px;
  }

  /* Divider */
  .ab-lux-line{
    width: 60px;
    margin: 18px 0 24px;
  }

  /* Description */
  .ab-lux-desc{
    font-size: 15.5px;
    line-height: 1.65;
    margin-bottom: 22px;
    max-width: 100%;
    text-align: left;
  }

  /* ================= POINTS ================= */
  .ab-lux-points{
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 24px 0 32px;
  }

  .ab-lux-points li{
    font-size: 14.5px;
    padding-left: 26px;
  }

  .ab-lux-points li::before{
    font-size: 13px;
    top: 2px;
  }

  /* ================= BUTTON ================= */
  .ab-lux-btn{
    width: 100%;
    max-width: 280px;
    text-align: center;
    font-size: 15px;
    padding: 12px 26px;
  }

  /* ================= 3D / HOVER ================= */
  .ab-lux-frame:hover img,
  .ab-lux-frame-mini:hover img{
    box-shadow: none;
  }

}
@media (max-width: 767px){

  /* ================= SECTION ================= */
  .in-vm-ultra{
    padding: 50px 0;
  }

  .in-vm-container{
    padding: 0 16px;
  }

  /* ================= HEADER ================= */
  .in-vm-header{
    margin-bottom: 50px;
    text-align: center;
  }

  .in-vm-eyebrow{
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 12px;
  }

  .in-vm-title{
    font-size: 28px;
    line-height: 1.25;
  }

  /* ================= GRID ================= */
  .in-vm-grid{
    grid-template-columns: 1fr;
    gap: 26px;
  }

  /* ================= CARD ================= */
  .in-vm-card{
    padding: 32px 24px;
    border-radius: 22px;
    box-shadow: 0 24px 60px rgba(0,0,0,.12);
  }

  /* Disable heavy hover lift on mobile */
  .in-vm-card:hover{
    transform: none;
    box-shadow: 0 24px 60px rgba(0,0,0,.12);
  }

  /* Disable light sweep animation */
  .in-vm-card::after{
    display: none;
  }

  /* ================= CARD HEADER ================= */
  .in-vm-card-header{
    gap: 14px;
    margin-bottom: 18px;
  }

  .in-vm-card h3{
    font-size: 22px;
  }

  .in-vm-card h3::after{
    width: 50px; /* static underline */
  }

  /* ================= ICON ================= */
  .in-vm-icon-img{
    width: 48px;
    height: 48px;
  }

  .in-vm-icon-img img{
    width: 48px;
    height: 48px;
  }

  .in-vm-icon-img::after{
    animation-duration: 4s;
    opacity: .45;
  }

  /* ================= TEXT ================= */
  .in-vm-card p{
    font-size: 15px;
    line-height: 1.65;
  }

  /* ================= BACKGROUND ================= */
  .in-vm-ultra::after{
    animation-duration: 28s;
    opacity: .6;
  }

}
@media (max-width: 767px){

  /* ================= SECTION ================= */
  .how-it-works-elite{
    padding: 45px 0;
  }

  .how-it-works-elite .container{
    padding: 0 16px;
  }

  /* ================= HEADER ================= */
  .hiw-header{
    margin-bottom: 40px;
  }

  .hiw-eyebrow{
    font-size: 12px;
    letter-spacing: 1.5px;
  }

  .hiw-title{
    font-size: 28px;
    line-height: 1.25;
  }

  .in-vm-header p{
    font-size: 15px;
    margin-top: 14px;
  }

  /* ================= GRID ================= */
  .hiw-grid{
    grid-template-columns: 1fr;
    gap: 30px;
  }

  /* ================= LEFT STEPS ================= */
  .hiw-steps{
    padding: 18px;
    border-radius: 18px;
  }

  .hiw-step{
    padding: 14px 16px;
    font-size: 14.5px;
    border-radius: 12px;
  }

  .hiw-step::after{
    display: none; /* disable gold sweep on mobile */
  }

  /* ================= CONTENT ================= */
  .hiw-content{
    grid-template-columns: 1fr;
    gap: 22px;
  }

  /* ================= CARD ================= */
  .hiw-card{
    padding: 26px 20px;
    border-radius: 18px;
    box-shadow: 0 20px 55px rgba(0,0,0,.12);
  }

  .hiw-card:hover{
    transform: none;
    box-shadow: 0 20px 55px rgba(0,0,0,.12);
  }

  .hiw-card::after{
    display: none; /* remove sweep */
  }

  /* ================= CARD HEADER ================= */
  .hiw-card-header{
    margin-bottom: 14px;
  }

  .hiw-card h3{
    font-size: 20px;
    margin: 18px 0 8px;
  }

  /* ================= TEXT ================= */
  .hiw-card p{
    font-size: 14.5px;
    line-height: 1.6;
    margin-bottom: 16px;
  }

  /* ================= ICON ================= */
  .hiw-icon,
  .hiw-icon-img{
    width: 44px;
    height: 44px;
  }

  .hiw-icon-img img{
    width: 22px;
    height: 22px;
  }

  .hiw-icon::after,
  .hiw-icon-img::after{
    animation-duration: 4s;
    opacity: .45;
  }

  /* ================= IMAGE ================= */
  .hiw-image{
    border-radius: 18px;
    box-shadow: 0 22px 60px rgba(0,0,0,.18);
  }

  .hiw-image img{
    transform: scale(1.02);
  }

  /* ================= LINK ================= */
  .hiw-link{
    font-size: 14.5px;
  }

  /* ================= FOOTER TAGS ================= */
  .hiw-footer{
    margin-top: 45px;
    gap: 12px;
  }

  .hiw-footer span{
    padding: 10px 18px;
    font-size: 13.5px;
  }

  .hiw-footer span:hover{
    transform: none;
    box-shadow: 0 10px 26px rgba(0,0,0,.12);
  }

}
@media (max-width: 767px){

  /* ================= SECTION ================= */
  .projects-ultra{
    margin-top: 40px;
  }

  .projects-container{
    padding: 0 16px;
  }

  /* ================= HEADER ================= */
  .projects-header{
    margin-bottom: 35px;
  }

  .projects-eyebrow{
    font-size: 13px;
    letter-spacing: 2px;
    margin-bottom: 10px;
  }

  .projects-title{
    font-size: 28px;
    line-height: 1.25;
  }

  /* ================= FILTERS ================= */
  .projects-filters{
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 40px;
  }

  .filter-btn{
    padding: 10px 22px;
    font-size: 14px;
    border-radius: 40px;
  }

  /* ================= GRID ================= */
  .projects-grid{
    columns: 1;
    column-gap: 0;
  }

  /* ================= PROJECT CARD ================= */
  .project-item{
    margin-bottom: 18px;
    border-radius: 18px;
    animation: none; /* disable floating on mobile */
  }

  .project-item:hover{
    transform: none;
    box-shadow: none;
  }

  /* ================= IMAGE ================= */
  .project-item img{
    border-radius: 18px;
  }

  /* ================= OVERLAY ================= */
  .project-overlay{
    opacity: 1;
    padding: 18px;
    background: linear-gradient(
      to top,
      rgba(15,46,29,.9),
      rgba(15,46,29,.45),
      transparent
    );
  }

  .project-info{
    transform: none;
  }

  .project-info h4{
    font-size: 18px;
  }

  .project-info span{
    font-size: 14px;
  }

}
@media (max-width: 767px){

  /* ================= SECTION ================= */
  .contact-future{
    padding: 40px 0 0;
    top: 0;
    margin-bottom: 30px;
    margin-top: 100px;
  }

  /* ================= GRID ================= */
  .contact-grid{
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 0 16px 20px;
  }

  /* ================= LEFT CONTENT ================= */
  .contact-eyebrow{
    font-size: 13px;
    letter-spacing: 2px;
    margin-bottom: 12px;
    text-align: center;
  }

  .contact-title{
    font-size: 30px;
    line-height: 1.25;
    margin-bottom: 36px;
    text-align: center;
  }

  /* ================= PANELS ================= */
  .contact-panels{
    gap: 18px;
  }

  .panel{
    padding: 22px;
    border-radius: 16px;
    transform: none;
  }

  .panel:hover{
    transform: none;
    box-shadow:
      0 20px 60px rgba(0,0,0,.45),
      0 0 30px rgba(158,255,195,.15);
  }

  /* ================= PANEL LINK ================= */
  .panel-link{
    gap: 18px;
  }

  .panel-icon{
    width: 48px;
    height: 48px;
    border-radius: 14px;
  }

  .panel-icon img{
    width: 36px;
    height: 36px;
  }

  .panel-label{
    font-size: 13px;
    letter-spacing: 2px;
  }

  .panel-value{
    font-size: 16px;
    line-height: 1.4;
  }

  .panel-value span{
    font-size: 16px;
  }

  /* ================= IMAGE ================= */
  .future-image{
    height: 320px;
    border-radius: 22px;
    animation: none; /* disable floating on mobile */
    box-shadow:
      0 40px 100px rgba(0,0,0,.6),
      0 0 60px rgba(158,255,195,.15);
  }

  /* ================= SIGNATURE ================= */
  .future-signature{
    font-size: 14px;
    padding: 18px 12px;
    text-align: center;
  }

  /* ================= MAP ================= */
  .future-map{
    height: 300px;
  }

  .future-map iframe{
    filter: grayscale(1) brightness(.95);
  }

  /* ================= DATA LINES ================= */
  .data-lines{
    opacity: .5;
  }

}
@media (max-width: 767px){

  /* ================= SECTION ================= */
  .in-quote-section{
    min-height: auto;
    padding: 24px 14px;
    align-items: flex-start;
    margin-top: 100px;
  }

  /* ================= CARD ================= */
  .quote-card{
    grid-template-columns: 1fr;
    border-radius: 22px;
    box-shadow: 0 30px 80px rgba(0,0,0,.35);
  }

  /* ================= FORM ================= */
  .quote-form{
    padding: 28px 22px;
  }

  .brand{
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 14px;
    text-align: center;
  }

  .quote-form h1{
    font-size: 26px;
    line-height: 1.25;
    margin-bottom: 22px;
    text-align: center;
  }

  /* ================= INPUTS ================= */
  .input{
    padding: 14px 16px;
    font-size: 14px;
    border-radius: 14px;
    margin-bottom: 14px;
  }

  textarea.input{
    height: 100px;
  }

  .service-label{
    font-size: 12px;
    margin-bottom: 4px;
  }

  /* ================= BUTTON ================= */
  .btn{
    padding: 15px;
    font-size: 15px;
    border-radius: 16px;
  }

  .btn:hover{
    transform: none;
    box-shadow: 0 12px 30px rgba(47,93,74,.35);
  }

  /* ================= IMAGE ================= */
  .quote-image{
    height: 260px;
    order: -1; /* show image first on mobile */
  }

  .quote-image img{
    animation: none; /* smoother mobile performance */
  }

  /* Floating label */
  .quote-image::after{
    bottom: 16px;
    left: 16px;
    padding: 10px 14px;
    font-size: 13px;
    border-radius: 14px;
    animation: none;
  }

}
@media (max-width: 767px){

  /* ================= SECTION ================= */
  .in-comming{
    min-height: auto;
    padding: 40px 16px;
    align-items: flex-start;
    margin-top: 100px;
  }

  /* Background glow – softer on mobile */
  .bg-glow{
    width: 260px;
    height: 260px;
    filter: blur(70px);
    opacity: .6;
  }

  /* ================= CARD ================= */
  .video-card{
    padding: 36px 22px;
    border-radius: 24px;
    box-shadow:
      0 26px 70px rgba(0,0,0,.12),
      inset 0 0 0 1px rgba(255,255,255,.65);
  }

  /* ================= PLAY ICON ================= */
  .play-icon{
    width: 72px;
    height: 72px;
    margin-bottom: 26px;
  }

  .play-icon::before{
    inset: -10px;
  }

  .play-icon span{
    border-left: 14px solid var(--green);
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
  }

  /* ================= TEXT ================= */
  .subtitle{
    font-size: 11px;
    letter-spacing: 2.5px;
    margin-bottom: 14px;
  }

  /* 🔥 FIX: play symbol alignment on mobile */
  .subtitle::after{
    right: auto;
    left: 50%;
    top: 120%;
    transform: translateX(-50%);
    border-left: 7px solid var(--red);
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
  }

  h1{
    font-size: 30px;
    line-height: 1.25;
    margin-bottom: 14px;
  }

  .desc{
    font-size: 14.5px;
    line-height: 1.7;
    margin-bottom: 28px;
  }

  /* ================= VIDEO GRID ================= */
  .video-grid{
    grid-template-columns: 1fr;
    gap: 18px;
    margin-bottom: 30px;
  }

  .video-box{
    border-radius: 14px;
    animation: none; /* smoother mobile performance */
  }

  .video-box::after{
    font-size: 26px;
  }

  /* ================= FOOTER NOTE ================= */
  .note{
    font-size: 11px;
    letter-spacing: .8px;
  }

}
@media (max-width: 767px){

  /* ================= SECTION ================= */
  .insp-lux-services{
    padding: 40px 18px;
    margin-top: 100px;
  }

  /* Floating glow – softer & smaller */
  .insp-float-shape{
    width: 110px;
    height: 110px;
    filter: blur(45px);
    opacity: .45;
  }

  .insp-float-shape.one{ top: 4%; left: 2%; }
  .insp-float-shape.two{ bottom: 6%; right: 4%; }

  /* ================= LAYOUT ================= */
  .insp-lux-container{
    grid-template-columns: 1fr;
    gap: 36px;
  }

  /* ================= TEXT ================= */
  .insp-lux-subtitle{
    font-size: 12px;
    letter-spacing: 1.6px;
  }

  .insp-lux-title{
    font-size: 32px;
    line-height: 1.25;
    margin: 14px 0;
  }

  .insp-lux-desc{
    font-size: 14.5px;
    line-height: 1.7;
    max-width: 100%;
  }

  /* ================= IMAGE SLIDER ================= */
  .insp-square-border{
    width: 100%;
    height: 320px;
    padding: 8px;
    border-radius: 22px;
    margin: 0 auto;
  }

  .insp-square-border::before{
    border-radius: 22px;
    opacity: .85;
  }

  .insp-slider{
    border-radius: 18px;
  }

  /* Slider buttons – smaller */
  .insp-slider-btn{
    width: 42px;
    height: 42px;
    font-size: 16px;
  }

  .insp-slider-btn.prev{ left: 12px; }
  .insp-slider-btn.next{ right: 12px; }

  /* ================= SERVICES GRID ================= */
  .insp-lux-services-grid{
    grid-template-columns: 1fr;
    gap: 22px;
    margin-top: 60px;
  }

  .insp-service-card{
    padding: 26px;
    border-radius: 18px;
  }

  .insp-service-card h3{
    font-size: 16px;
    margin-bottom: 8px;
  }

  .insp-service-card p{
    font-size: 14px;
    line-height: 1.6;
  }

}
/* ================= MOBILE (max-width: 767px) ================= */
@media (max-width: 767px) {

  .video-showcase{
    padding:70px 16px;
    margin-top: 50px;
  }

  .video-showcase-container{
    grid-template-columns:1fr;
    gap:32px;
  }

  /* FEATURE VIDEO */
  .video-feature{
    height:320px;          /* reduced from 600px */
    border-radius:18px;
  }

  .video-overlay{
    padding:20px;
  }

  .play-btn{
    width:56px;
    height:56px;
    margin-bottom:10px;
  }

  .play-btn::after{
    left:22px;
    top:18px;
    border-left:14px solid #2f5d4a;
    border-top:9px solid transparent;
    border-bottom:9px solid transparent;
  }

  /* RIGHT CONTENT */
  .video-info h2{
    font-size:28px;
    line-height:1.25;
  }

  .video-info p{
    font-size:14px;
    margin-bottom:24px;
  }

  /* THUMB GRID */
  .video-thumbs{
    grid-template-columns:repeat(2,1fr);
    gap:12px;
  }

  .thumb{
    border-radius:12px;
  }

  .thumb::after{
    font-size:22px;
  }

  /* MODAL */
  .video-modal-inner{
    width:94%;
  }

  .video-modal .close{
    top:-32px;
    font-size:24px;
  }
}


@media (min-width: 768px) and (max-width: 1349.98px){

  /* ================= BANNER HEIGHT ================= */
  .banner,
  .banner .banner-img{
    height: 100vh; /* prevent vertical overflow at 150% zoom */
  }

  /* ================= CAPTION CONTAINER ================= */
  .banner .carousel-caption .carousel-inner{
    width: 48%;
    left: 6%;
  }

  /* ================= TEXT SCALE ================= */
  .banner .carousel-caption .carousel-inner h6{
    font-size: 0.9rem;
    letter-spacing: 1.6px;
  }

  .banner .carousel-caption .carousel-inner h1{
    font-size: 2.4rem;
    line-height: 1.25;
  }

  /* ================= READ MORE BUTTON ================= */
  .banner-btn-wrap{
    margin-top: 24px;
    margin-right: 0; /* 🔥 important fix for 150% */
  }

  .banner-readmore{
    padding: 12px 28px;
    font-size: 0.9rem;
    margin-left: -75%;
  }

  /* ================= BANNER LIST ================= */
  .banner .banner-list{
    margin-top: 10%;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .banner .banner-list .banner-item{
    padding: 16px;
  }

  .banner .banner-list .banner-item h2{
    font-size: 1.6rem;
    line-height: 2.2rem;
  }

  .banner .banner-list .banner-item h5{
    font-size: 0.8rem;
  }

  /* ================= VIDEO PLAY ICON ================= */
  .wrapper{
    top: 38%;
    left: 62%;
    transform: translate(-50%, -50%) scale(0.9);
  }

  /* ================= SCROLL ICON ================= */
  .scrollIcon{
    right: 24px;
    bottom: 36px;
    transform: scale(0.85);
  }

  /* ================= INTERIOR VIDEO DESCRIPTION ================= */
  .interior-video-description{
    left: 24px;
    bottom: 36px;
    transform: scale(0.9);
  }

  /* ================= CONTAINER WIDTH ================= */
  .container-fluid{
    width: 92%;
  }
}
@media (min-width:768px) and (max-width:1349.98px){

  /* ================= SECTION SPACING ================= */
  .about-one{
    padding: 110px 0 80px;
  }

  .about-one .auto-container{
    max-width: 1180px;
  }

  /* ================= LEFT CONTENT ================= */
  .about-one_content-column{
    padding-right: 20px;
  }

  .sec-title_heading{
    font-size: 42px;
    line-height: 1.05;
  }

  .sec-title_text{
    max-width: 540px;
    font-size: 15px;
    line-height: 26px;
  }

  .about-one_text{
    font-size: 15px;
    line-height: 26px;
  }

  /* ================= LIST FIX (VERY IMPORTANT) ================= */
  .about-one_list{
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 10px 20px;
  }

  .about-one_list li{
    font-size: 16px;
    min-height: 54px;
    padding-left: 70px;
  }

  .about-one_list li::before{
    width: 52px;
    height: 52px;
  }

  /* ================= BUTTON ROW ================= */
  .about-one .button-box{
    gap: 20px;
    margin-top: 24px;
  }

  .btn-style-one{
    font-size: 15px;
    padding: 6px 6px 6px 26px;
  }

  .btn-style-one .btn-arrow{
    width: 42px;
    height: 42px;
  }

  /* ================= RIGHT IMAGE COLUMN ================= */
  .about-one_images-column{
    padding-left: 20px;
  }

  .about-one_images-column:before{
    right: 50%;
    width: 420%;
  }

  /* MAIN IMAGE */
  .about-one_image img{
    width: 420px;
    transform: translate3d(20px,-30px,0);
  }

  /* SECOND IMAGE */
  .about-one_image-two{
    left: -110px;
    bottom: 20px;
  }

  .about-one_image-two img{
    width: 260px;
  }

  /* LETTER IMAGE */
  .about-one_letter{
    width: 240px;
    height: 150px;
    bottom: 40px;
    right: -4px;
  }

  /* CALL OUT DOT */
  .about-one_images-column .right-callout{
    right: 12px;
    width: 22px;
    height: 22px;
  }
}
@media (min-width:768px) and (max-width:1349.98px){

  /* ================= CONTAINER ================= */
  .auto-container{
    max-width: 1180px;
    padding: 0 16px;
  }

  /* ================= GRID ================= */
  .fact-counter .row{
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
  }

  .counter-block{
    width: 100%;
  }

  /* ================= INNER BLOCK ================= */
  .counter-block .inner{
    padding: 28px 20px;
    min-height: 110px;
    right: 0; /* FIX: prevents horizontal overflow at 150% */
  }

  /* ================= ICON ================= */
  .icon-box{
    left: 14px;
    width: 88px;
    height: 88px;
  }

  .icon-box img{
    width: 88px;
    height: 88px;
  }

  /* ================= CONTENT ================= */
  .content{
    padding-left: 116px; /* icon + spacing */
    padding-right: 16px;
  }

  .count-box{
    font-size: 38px;
    gap: 6px;
  }

  .count-box .after{
    font-size: 22px;
  }

  .text{
    font-size: 12px;
    letter-spacing: 0.06em;
  }

  /* ================= RIGHT BARS ================= */
  .lines{
    right: 20px;
    bottom: 14px;
    gap: 6px;
  }

  .lines .line{
    width: 6px;
  }

}
@media (min-width:768px) and (max-width:1349.98px){

  /* ================= SECTION ================= */
  .vm-sauro{
    padding: 40px 18px;
  }

  /* ================= HEADER ================= */
  .vm-header{
    max-width: 760px;
    margin-bottom: 80px;
  }

  .vm-header h2{
    font-size: 46px;
    line-height: 1.15;
  }

  .vm-header p{
    font-size: 16px;
    line-height: 1.75;
  }

  /* ================= GRID ================= */
  .vm-grid{
    max-width: 1120px;
    gap: 48px;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  }

  /* ================= CARD ================= */
  .vm-card{
    padding: 60px 52px;
    border-radius: 30px;
  }

  /* ================= ICON ================= */
  .vm-icon{
    width: 88px;
    height: 88px;
    border-radius: 24px;
    margin-bottom: 26px;
  }

  .vm-icon img{
    width: 52px;
    height: 52px;
  }

  /* ================= TEXT ================= */
  .vm-card h3{
    font-size: 30px;
    margin-bottom: 18px;
  }

  .vm-card p{
    font-size: 16px;
    line-height: 1.85;
  }

  /* ================= PARTICLES ================= */
  .vm-particle{
    width: 5px;
    height: 5px;
    opacity: .6;
  }

}
@media (min-width:768px) and (max-width:1349.98px){

  /* ================= SECTION ================= */
  .p-t80{
    padding-top: 60px;
  }

  .p-b50{
    padding-bottom: 40px;
  }

  .container{
    max-width: 1100px;
  }

  /* ================= TITLE ================= */
  .section-head{
    margin-bottom: 45px;
  }

  .sep-line-one{
    font-size: 36px;
    padding: 16px 50px 16px 18px;
  }

  /* ================= GRID ================= */
  .row{
    margin: 0 -12px;
  }

  .col-lg-4{
    padding: 0 12px;
    margin-bottom: 26px;
  }

  /* ================= CARD ================= */
  .icon-count-2{
    padding: 70px 26px 30px;
    min-height: 360px;
  }

  .icon-count-2-outer:hover{
    transform: translateY(-8px);
  }

  /* ================= NUMBER ================= */
  .icon-count-number{
    font-size: 64px;
    top: 18px;
    right: 24px;
  }

  /* ================= ICON ================= */
  .icon-xl i{
    font-size: 52px;
  }

  .premium-icon{
    width: 54px;
    height: 54px;
  }

  .premium-icon img{
    width: 54px;
    height: 54px;
  }

  /* ================= CONTENT ================= */
  .icon-content h4{
    font-size: 20px;
    margin-bottom: 12px;
  }

  .icon-content p{
    font-size: 14.5px;
    line-height: 22px;
  }

  /* ================= READ MORE ================= */
  .site-button-link{
    font-size: 13px;
  }

  .site-button-link::before{
    height: 4px;
    top: 18px;
  }

  /* ================= SIDE BIG TEXT ================= */
  .hilite-title strong{
    font-size: 64px;
    letter-spacing: 14px;
    right: 40px;
  }

}
@media (min-width:768px) and (max-width:1349.98px){

  /* ================= CONTAINER ================= */
  .tc-portfolio-style3{
    padding: 30px 0;
  }

  .tc-portfolio-style3 .container{
    max-width: 1180px;
    padding: 0 16px;
  }

  /* ================= TITLE ================= */
  .outline-text{
    font-size: 72px;
    -webkit-text-stroke-width: 1.6px;
    margin-bottom: 16px;
  }

  .services-subtext{
    font-size: 18px;
    max-width: 560px;
    line-height: 1.55;
  }

  /* ================= CARD LAYOUT ================= */
  .project-card{
    padding: 0 14px;
  }

  .project-card .row{
    gap: 16px;
  }

  /* ================= INFO PANEL ================= */
  .project-card .info{
    padding-bottom: 36px;
    transform: translateY(-60px) scale(0.85);
  }

  .project-card .info h2{
    font-size: 36px;
    margin-bottom: 14px;
  }

  .project-card .info p{
    font-size: 16px;
    line-height: 1.45;
  }

  /* ================= IMAGE ================= */
  .project-card .main-img{
    height: 460px;
    transform: translate(120px, 120px) scale(0.85);
    clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - 110px),
      calc(100% - 110px) 100%,
      0 100%
    );
  }

  /* Active slide */
  .projects-slider .swiper-slide.is-active .project-card .info,
  .projects-slider .swiper-slide.is-active .project-card .main-img{
    transform: translate(0,0) scale(1);
  }

  /* ================= ARROW ================= */
  .arrow-icon{
    width: 68px;
    height: 68px;
    font-size: 22px;
    margin-top: 60px;
  }

  .arrow-icon::after{
    height: 65%;
  }

  /* ================= SLIDER CONTROLS ================= */
  .slider-controls .swiper-button-prev,
  .slider-controls .swiper-button-next{
    width: 42px;
    height: 42px;
  }

  .slider-controls .swiper-button-prev::after,
  .slider-controls .swiper-button-next::after{
    font-size: 18px;
  }

  /* ================= PROJECT GRID (SECOND SECTION) ================= */
  .section-bg.project-section-bg{
    padding: 60px 0;
  }

  .title.project-title h1{
    font-size: 34px;
  }

  .filters.project-filters{
    gap: 10px;
    margin: 18px 0 26px;
  }

  .pill.project-pill{
    padding: 8px 14px;
    font-size: 13px;
  }

  .swiper-slide.project-swiper-slide{
    height: 340px;
  }

  .project-thumb.project-project-thumb{
    height: 220px;
  }

  .project-name.project-project-name{
    font-size: 16px;
  }

}
@media (min-width:768px) and (max-width:1349.98px){

  /* ================= SECTION ================= */
  .premium-gallery{
    padding: 70px 0;
  }

  .container{
    max-width: 1180px;
    padding: 0 16px;
  }

  /* ================= FILTER TABS ================= */
  .gallery-filters{
    margin-bottom: 45px;
  }

  .filter-tabs li{
    font-size: 20px;
    margin: 0 14px;
    letter-spacing: 0.8px;
  }

  /* ================= GRID ================= */
  .gallery-grid{
    margin: -12px;
  }

  .gallery-item{
    padding: 12px;
  }

  /* Reduce aggressive zoom on high DPI */
  .gallery-item img{
    transform: scale(1.01);
  }

  .gallery-item:hover img{
    transform: scale(1.10);
  }

  /* ================= OVERLAY ================= */
  .overlay{
    inset: 12px;
  }

  .overlay h3{
    font-size: 16px;
    letter-spacing: 4px;
  }

  .gallery-item:hover .overlay h3{
    letter-spacing: 2px;
  }

  .overlay h3::after{
    bottom: -10px;
  }

  /* ================= MASONRY WIDTH ================= */
  .gallery-item{
    width: 33.333%;
  }

  .gallery-item.wide{
    width: 66.666%;
  }

  /* ================= REVEAL ================= */
  .gallery-item{
    transform: translateY(30px);
  }

}
@media (min-width:768px) and (max-width:1349.98px){

  /* ================= SECTION ================= */
  .pt-testimonials{
    padding: 60px 0;
  }

  /* ================= MAIN CARD ================= */
  .pt-testimonials .pt-main{
    width: 65%;              /* give breathing room */
                  /* re-center card */
    top: 12%;
    padding: 60px 45px;      /* tighter padding for zoom */
  }

  .pt-testimonials .pt-main h2{
    font-size: 2.2rem;
    line-height: 2.6rem;
    margin-bottom: 45px;
  }

  .pt-testimonials .pt-main h6{
    font-size: 0.95rem;
    margin-bottom: 18px;
  }

  /* ================= LEFT IMAGE ================= */
  .pt-testimonials .pt-left{
    width: 55%;
  }

  /* ================= TESTIMONIAL CARD ================= */
  .pt-testimonials .pt-testimonials-grid{
    max-width: 560px;
    padding: 42px 22px;
    margin: 45px 0 30px;
  }

  .pt-testimonials .pt-testimonials-main::after{
    right: -20px;
    bottom: -20px;
    width: 30px;
  }

  /* ================= QUOTE ICON ================= */
  .pt-testimonials .pt-quote{
    top: -40px;
    left: 35px;
    width: 70px;
    height: 70px;
  }

  .pt-quote img{
    width: 50px;
    height: 50px;
  }

  /* ================= DESCRIPTION ================= */
  .pt-testimonials .pt-description p{
    font-size: 0.95rem;
    line-height: 1.55rem;
  }

  /* ================= AUTHOR ================= */
  .pt-testimonials .pt-author{
    right: 35px;
    bottom: -32px;
    padding: 6px 12px;
    gap: 12px;
  }

  .pt-testimonials .pt-author img{
    width: 64px;
  }

  .pt-testimonials .pt-client-cnt h4{
    font-size: 1.25rem;
    line-height: 2.2rem;
  }

  .pt-testimonials .pt-client-cnt h5{
    font-size: 0.9rem;
  }

}
@media (min-width:768px) and (max-width:1349.98px){

  /* ================= SECTION ================= */
  .pt-cta-video{
    padding: 110px 24px;
  }

  /* ================= GRID ================= */
  .pt-cta-grid{
    grid-template-columns: 1.05fr 0.95fr; /* slight rebalance */
    gap: 48px;
  }

  /* ================= CONTENT ================= */
  .pt-cta-content{
    max-width: 560px;
  }

  .pt-cta-tag{
    font-size: 0.8rem;
    padding: 7px 16px;
    margin-bottom: 18px;
  }

  .pt-cta-content h2{
    font-size: 2.6rem;
    line-height: 3.1rem;
    margin-bottom: 20px;
  }

  .pt-cta-content p{
    font-size: 1rem;
    line-height: 1.7rem;
  }

  /* ================= ACTION BUTTONS ================= */
  .pt-cta-actions{
    margin-top: 36px;
    gap: 16px;
  }

  .pt-btn{
    padding: 14px 30px;
    font-size: 0.9rem;
  }

}
@media (min-width:768px) and (max-width:1349.98px){

  /* ================= FOOTER BASE ================= */
  footer{
    padding: 60px 24px 32px;
  }

  footer .container-fluid{
    width: 94%;
  }

  /* ================= FOOTER TOP ================= */
  .footer-top{
    gap: 22px;
  }

  .footer-top ul{
    gap: 14px;
  }

  .footer-top ul li a{
    font-size: 0.95rem;
  }

  /* CONTACT PILLS */
  .footer-top-contact{
    gap: 10px;
  }

  .footer-top-contact .contact-item{
    padding: 6px 14px;
    font-size: 0.85rem;
  }

  .footer-top-contact .contact-item i{
    font-size: 13px;
  }

  /* ================= FOOTER BOTTOM ================= */
  .footer-bottom{
    gap: 18px;
  }

  .footer-bottom p{
    font-size: 0.9rem;
  }

  /* ================= SOCIAL ================= */
  .follow-title{
    font-size: 0.7rem;
    letter-spacing: 1.6px;
  }

  .footer-social{
    gap: 12px;
  }

  .footer-social li a{
    width: 34px;
    height: 34px;
  }

  .footer-social li a i{
    font-size: 14px;
  }

  .footer-social li.twitter-img img{
    width: 14px;
  }

}
@media (min-width:768px) and (max-width:1349.98px){

  /* ================= BANNER BASE ================= */
  .sb-lux-ultra-banner{
    height: 360px;
    padding: 16px;
  }

  /* ================= CONTENT ================= */
  .sb-lux-content{
    padding: 70px 6%;
    top: 40px;
  }

  /* ================= EYEBROW ================= */
  .sb-lux-eyebrow{
    font-size: 12px;
    letter-spacing: 3px;
    margin-bottom: 10px;
  }

  /* ================= TITLE ================= */
  .sb-lux-title{
    font-size: 34px;
    line-height: 1.25;
    margin-bottom: 18px;
  }

  .sb-lux-title span::after{
    bottom: -5px;
    height: 2px;
  }

  /* ================= BREADCRUMB ================= */
  .sb-lux-breadcrumb-glass{
    padding: 8px 16px;
    gap: 8px;
  }

  .sb-lux-breadcrumb-glass a,
  .sb-lux-breadcrumb-glass span,
  .sb-lux-breadcrumb-glass p{
    font-size: 13px;
  }

  /* ================= PARTICLES ================= */
  .sb-lux-particles{
    background-size: 140px 140px;
    opacity: 0.22;
  }

  /* ================= LIGHT SWEEP ================= */
  .sb-lux-light-sweep{
    width: 35%;
  }

}
@media (min-width:768px) and (max-width:1349.98px){

  /* ================= SECTION ================= */
  .ab-lux-about.v3{
    padding: 90px 0;
  }

  .ab-lux-container-v3{
    max-width: 1200px;
    gap: 70px;
  }

  /* ================= IMAGE FRAME ================= */
  .ab-lux-frame{
    padding: 14px;
    border-radius: 32px;
  }

  .ab-lux-frame img{
    height: 560px;
    border-radius: 22px;
  }

  /* MINI IMAGE */
  .ab-lux-frame-mini{
    right: -60px;
    top: 58%;
  }

  .ab-lux-frame-mini img{
    width: 260px;
    height: 260px;
    border-radius: 18px;
    border-width: 8px;
  }

  /* ================= CONTENT ================= */
  .ab-lux-text{
    padding-left: 28px;
  }

  .ab-lux-text::before{
    height: 65%;
  }

  /* ================= TYPOGRAPHY ================= */
  .ab-lux-subtitle{
    font-size: 14px;
    letter-spacing: 1.4px;
  }

  .ab-lux-title{
    font-size: 40px;
    line-height: 1.25;
  }

  .ab-lux-desc{
    font-size: 16.5px;
    line-height: 1.65;
    max-width: 520px;
  }

  /* ================= POINTS ================= */
  .ab-lux-points{
    gap: 16px 26px;
    margin: 26px 0 34px;
  }

  .ab-lux-points li{
    font-size: 15px;
  }

  /* ================= BUTTON ================= */
  .ab-lux-btn{
    padding: 12px 32px;
    font-size: 16px;
  }
}
@media (min-width:768px) and (max-width:1349.98px){

  /* ================= SECTION ================= */
  .in-vm-ultra{
    padding: 50px 0;
  }

  .in-vm-container{
    max-width: 1100px;
  }

  /* ================= HEADER ================= */
  .in-vm-header{
    margin-bottom: 70px;
  }

  .in-vm-eyebrow{
    font-size: 13px;
    letter-spacing: 2.5px;
  }

  .in-vm-title{
    font-size: 40px;
    line-height: 1.25;
  }

  /* ================= GRID ================= */
  .in-vm-grid{
    gap: 30px;
  }

  /* ================= CARD ================= */
  .in-vm-card{
    padding: 42px 38px;
    border-radius: 24px;
  }

  .in-vm-card:hover{
    transform: translateY(-8px);
  }

  /* ================= CARD HEADER ================= */
  .in-vm-card-header{
    gap: 14px;
    margin-bottom: 22px;
  }

  .in-vm-card h3{
    font-size: 23px;
  }

  .in-vm-card:hover h3::after{
    width: 65px;
  }

  /* ================= ICON ================= */
  .in-vm-icon-img{
    width: 54px;
    height: 54px;
  }

  .in-vm-icon-img img{
    width: 54px;
    height: 54px;
  }

  /* ================= TEXT ================= */
  .in-vm-card p{
    font-size: 15.8px;
    line-height: 1.7;
  }
}
@media (min-width:768px) and (max-width:1349.98px){

  /* ================= SECTION ================= */
  .how-it-works-elite{
    padding: 50px 0;
  }

  .how-it-works-elite .container{
    max-width: 1180px;
  }

  /* ================= HEADER ================= */
  .hiw-header{
    margin-bottom: 55px;
  }

  .hiw-eyebrow{
    font-size: 14px;
    letter-spacing: 1.8px;
  }

  .hiw-title{
    font-size: 40px;
    line-height: 1.25;
  }

  /* ================= GRID ================= */
  .hiw-grid{
    gap: 32px;
  }

  /* ================= LEFT STEPS ================= */
  .hiw-steps{
    padding: 26px;
    border-radius: 18px;
  }

  .hiw-step{
    padding: 16px 18px;
    font-size: 15px;
  }

  /* ================= CONTENT ================= */
  .hiw-content{
    gap: 24px;
  }

  /* ================= CARD ================= */
  .hiw-card{
    padding: 34px;
    border-radius: 20px;
  }

  .hiw-card:hover{
    transform: translateY(-6px);
  }

  .hiw-card h3{
    font-size: 22px;
    margin: 20px 0 8px;
  }

  .hiw-card p{
    font-size: 15.5px;
    line-height: 1.65;
  }

  /* ================= ICON ================= */
  .hiw-icon,
  .hiw-icon-img{
    width: 52px;
    height: 52px;
  }

  .hiw-icon-img img{
    width: 24px;
    height: 24px;
  }

  /* ================= IMAGE ================= */
  .hiw-image{
    border-radius: 18px;
  }

  /* ================= LINK ================= */
  .hiw-link{
    font-size: 15px;
  }

  /* ================= FOOTER TAGS ================= */
  .hiw-footer{
    margin-top: 55px;
    gap: 14px;
  }

  .hiw-footer span{
    padding: 10px 22px;
    font-size: 15px;
  }
}
@media (min-width:768px) and (max-width:1349.98px){

  /* ================= SECTION ================= */
  .projects-ultra{
    padding: 60px 0;
  }

  .projects-container{
    max-width: 1240px;
  }

  /* ================= HEADER ================= */
  .projects-header{
    margin-bottom: 45px;
  }

  .projects-eyebrow{
    font-size: 14px;
    letter-spacing: 2.2px;
  }

  .projects-title{
    font-size: 38px;
    line-height: 1.25;
  }

  /* ================= FILTERS ================= */
  .projects-filters{
    gap: 14px;
    margin-bottom: 50px;
  }

  .filter-btn{
    padding: 12px 30px;
    font-size: 15px;
  }

  /* ================= GRID ================= */
  .projects-grid{
    columns: 3;            /* prevents overcrowding at 150% */
    column-gap: 20px;
  }

  /* ================= PROJECT CARD ================= */
  .project-item{
    margin-bottom: 20px;
    border-radius: 18px;
    animation-duration: 22s; /* smoother float at zoom */
  }

  .project-item:hover{
    transform: translateY(-8px);
    box-shadow: 0 30px 90px rgba(0,0,0,.22);
  }

  /* ================= OVERLAY ================= */
  .project-overlay{
    padding: 22px;
  }

  .project-info h4{
    font-size: 20px;
  }

  .project-info span{
    font-size: 14px;
  }

}
@media (min-width:768px) and (max-width:1349.98px){

  /* ================= SECTION ================= */
  .contact-future{
    padding: 50px 0 0;
  }

  /* ================= GRID ================= */
  .contact-grid{
    max-width: 1280px;
    gap: 60px;               /* reduce excessive horizontal gap */
    padding: 0 20px 20px;
  }

  /* ================= LEFT CONTENT ================= */
  .contact-eyebrow{
    font-size: 14px;
    letter-spacing: 3px;
    margin-bottom: 14px;
  }

  .contact-title{
    font-size: 44px;         /* prevent title overflow at 150% */
    line-height: 1.15;
    margin-bottom: 45px;
  }

  /* ================= PANELS ================= */
  .contact-panels{
    gap: 22px;
  }

  .panel{
    padding: 30px;
    border-radius: 16px;
  }

  .panel-label{
    font-size: 14px;
    letter-spacing: 2px;
  }

  .panel-value{
    font-size: 18px;
    line-height: 1.4;
  }

  /* ================= PANEL ICON ================= */
  .panel-icon{
    width: 52px;
    height: 52px;
  }

  .panel-icon img{
    width: 42px;
    height: 42px;
  }

  .panel-link{
    gap: 20px;
  }

  /* ================= RIGHT IMAGE ================= */
  .future-image{
    height: 480px;           /* keeps balance with text */
    border-radius: 26px;
    animation-duration: 20s; /* calmer motion at zoom */
  }

  /* ================= MAP ================= */
  .future-map{
    height: 460px;
  }

  /* ================= SIGNATURE ================= */
  .future-signature{
    font-size: 16px;
    padding: 16px 0;
  }

}
@media (min-width:768px) and (max-width:1349.98px){

  /* SECTION */
  .in-quote-section{
    padding: 30px;
  }

  /* MAIN CARD */
  .quote-card{
    max-width: 1200px;
    border-radius: 26px;
  }

  /* LEFT FORM */
  .quote-form{
    padding: 48px;
  }

  .brand{
    font-size: 12px;
    letter-spacing: 2.5px;
    margin-bottom: 18px;
  }

  .quote-form h1{
    font-size: 36px;       /* key fix for 150% zoom */
    line-height: 1.18;
    margin-bottom: 26px;
  }

  /* INPUTS */
  .input{
    padding: 14px 18px;
    font-size: 13px;
    border-radius: 14px;
    margin-bottom: 16px;
  }

  textarea.input{
    height: 110px;
  }

  /* SERVICES */
  .service-label{
    font-size: 12px;
    margin-bottom: 5px;
  }

  /* BUTTON */
  .btn{
    padding: 15px;
    font-size: 15px;
    border-radius: 18px;
  }

  /* RIGHT IMAGE */
  .quote-image{
    min-height: 420px;
  }

  .quote-image::after{
    font-size: 14px;
    padding: 12px 18px;
    border-radius: 14px;
    bottom: 20px;
    left: 20px;
  }

}
@media (min-width:768px) and (max-width:1349.98px){

  /* SECTION */
  .in-comming{
    padding: 40px 20px;
  }

  /* CARD */
  .video-card{
    max-width: 1180px;
    padding: 55px 60px;
    border-radius: 28px;
  }

  /* PLAY ICON */
  .play-icon{
    width: 80px;
    height: 80px;
    margin-bottom: 28px;
  }

  .play-icon span{
    border-left: 15px solid var(--green);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }

  /* SUBTITLE */
  .subtitle{
    font-size: 12px;
    letter-spacing: 3px;
    margin-bottom: 14px;
  }

  /* Red play indicator – keep aligned on zoom */
  .subtitle::after{
    right: auto;
    left: 50%;
    top: 38px;
    transform: translateX(160px);
  }

  /* TITLE */
  h1{
    font-size: 44px;          /* key zoom fix */
    line-height: 1.15;
    margin-bottom: 16px;
  }

  /* DESCRIPTION */
  .desc{
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 34px;
  }

  /* VIDEO GRID */
  .video-grid{
    gap: 18px;
    margin-bottom: 36px;
  }

  .video-box{
    border-radius: 16px;
  }

  .video-box::after{
    font-size: 28px;
  }

  /* FOOTER NOTE */
  .note{
    font-size: 12px;
    letter-spacing: .8px;
  }

}
@media (min-width:768px) and (max-width:1349.98px){

  /* SECTION SPACING */
  .insp-lux-services{
    padding: 50px 6%;
  }

  /* LAYOUT */
  .insp-lux-container{
    gap: 60px;
  }

  /* TEXT CONTENT */
  .insp-lux-subtitle{
    font-size: 13px;
    letter-spacing: 1.6px;
  }

  .insp-lux-title{
    font-size: 44px;          /* key zoom fix */
    line-height: 1.15;
    margin: 16px 0;
  }

  .insp-lux-desc{
    font-size: 16px;
    line-height: 1.65;
  }

  /* IMAGE SLIDER FRAME */
  .insp-square-border{
    width: 440px;
    height: 440px;
    padding: 8px;
  }

  .insp-slider-btn{
    width: 46px;
    height: 46px;
    font-size: 18px;
  }

  .insp-slider-btn.prev{ left: 16px; }
  .insp-slider-btn.next{ right: 16px; }

  /* SERVICES GRID */
  .insp-lux-services-grid{
    gap: 24px;
    margin-top: 90px;
  }

  .insp-service-card{
    padding: 28px;
    border-radius: 20px;
  }

  .insp-service-card h3{
    font-size: 17px;
    margin-bottom: 10px;
  }

  .insp-service-card p{
    font-size: 15px;
    line-height: 1.6;
  }

  /* FLOATING GLOWS – reduce intensity on zoom */
  .insp-float-shape{
    width: 130px;
    height: 130px;
    filter: blur(50px);
    opacity: .5;
  }
  .insp-square-border{
    margin-left: 50px;
  }
  

}



@media(max-width: 1600px) {
  header .header-center .hr-bottom .navbar-nav .nav-link {
    padding: 3px 8px 3px;
    font-size: .95rem;
  }

  header .header-center .hr-top .hr-top-list li a span {
    font-size: .82rem;
  }

  header h1 {
    font-size: 2rem;
  }

  header p {
    font-size: 1.2rem;
    margin: 0;
  }

  header.sticky .search-bar-container {
    border-bottom: 1px solid rgb(0 0 0 / 24%);
  }
}

/* =========================================================
   TABLET + SMALL LAPTOP (150% DISPLAY SAFE)
   Range: 768px – 1349.98px
========================================================= */
@media (min-width: 768px) and (max-width: 1349.98px){

  .video-showcase{
    padding: 90px 16px;
  }

  .video-showcase-container{
    max-width: 1100px;
    gap: 40px;
  }

  /* FEATURE VIDEO */
  .video-feature{
    height: 460px;
    border-radius: 24px;
  }

  .video-overlay{
    padding: 28px;
  }

  .play-btn{
    width: 58px;
    height: 58px;
  }

  .play-btn::after{
    left: 22px;
    top: 18px;
    border-left: 14px solid #2f5d4a;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
  }

  /* RIGHT CONTENT */
  .video-info h2{
    font-size: 36px;
    line-height: 1.18;
  }

  .video-info p{
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 28px;
  }

  .video-eyebrow{
    font-size: 11px;
    letter-spacing: 2.5px;
  }

  /* THUMB GRID */
  .video-thumbs{
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }

  .thumb{
    border-radius: 14px;
  }

  .thumb::after{
    font-size: 24px;
  }
}